From 44db498cedee7573d090797b1fe5c331c413b00a Mon Sep 17 00:00:00 2001
From: zzzz <690498789@qq.com>
Date: Mon, 22 Apr 2024 19:03:57 +0800
Subject: [PATCH] first
---
src/page/home/home.vue | 413 ++++++++--------------------------------------------------
1 files changed, 62 insertions(+), 351 deletions(-)
diff --git a/src/page/home/home.vue b/src/page/home/home.vue
index b24dd9e..a1aafdc 100644
--- a/src/page/home/home.vue
+++ b/src/page/home/home.vue
@@ -2,9 +2,7 @@
<div class="wrapper">
<div class="page_content">
<div class="center_tabs">
- <!-- 顶部轮播图 -->
<div class="banner_top">
- <!-- <van-skeleton title :row="3" :loading="loading" /> -->
<van-swipe class="my-swipe" :autoplay="5000" indicator-color="white">
<van-swipe-item
v-for="(item, index) in bannerImgsArr"
@@ -33,8 +31,7 @@
<div class="fg"></div>
<div class="box-1">
<ul class="menu" style="border-bottom: 0px">
- <!----><!---->
- <li @click="$router.push('/recharge')">
+ <li @click="aRouter">
<div class="link">
<div class="icon">
<img
@@ -57,7 +54,7 @@
<div class="name">{{ $t("提款") }}</div>
</div>
</li>
- <li>
+ <li @click="aRouter">
<div class="link">
<div class="icon">
<img
@@ -80,7 +77,7 @@
<div class="name">{{ $t("安全") }}</div>
</div>
</li>
- <li @click="$router.push('/setting')">
+ <!-- <li @click="$router.push('/trading-list')">
<div class="link">
<div class="icon">
<img
@@ -88,10 +85,10 @@
alt=""
/>
</div>
- <div class="name">{{ $t("用戶手冊") }}</div>
+ <div class="name">{{ $t("hj225") }}</div>
</div>
- </li>
- <li @click="$router.push('/setting')">
+ </li> -->
+ <!-- <li @click="$router.push('/warehouse')">
<div class="link">
<div class="icon">
<img
@@ -99,10 +96,10 @@
alt=""
/>
</div>
- <div class="name">{{ $t("平臺") }}</div>
+ <div class="name">{{ $t("hj226") }}</div>
</div>
- </li>
- <li @click="$router.push('/transferIndex')">
+ </li> -->
+ <li @click="$router.push('/trading-list?type=DZ')">
<div class="link">
<div class="icon">
<img
@@ -110,10 +107,10 @@
alt=""
/>
</div>
- <div class="name">{{ $t("hj245") }}</div>
+ <div class="name">{{ $t("hj261") }}</div>
</div>
</li>
- <li @click="settingDialog = true">
+ <li @click="$refs.language.settingDialog = true">
<div class="links">
<div class="icon">
<img
@@ -128,27 +125,8 @@
</div>
</li>
</ul>
- <van-popup
- v-model="settingDialog"
- position="bottom"
- :style="{ height: '35%' }"
- @close="popClose"
- >
- <div
- class="lang_box"
- v-for="(item, index) in actions"
- :key="index"
- @click="qkclick(item)"
- >
- <div
- :class="
- $i18n.locale == item.lang ? 'lang_box_txt' : 'lang_box_txta'
- "
- >
- {{ item.text }}
- </div>
- </div>
- </van-popup>
+ <!-- 多语言弹框 -->
+ <Language ref="language" />
</div>
<div class="fg"></div>
<div class="new-stock">
@@ -171,7 +149,6 @@
</div>
<div class="i-title">{{ $t("打新日曆") }}</div>
</div>
- <!-- favoritesList -->
<div
class="item"
style="margin-left: 10px"
@@ -195,69 +172,19 @@
</div>
</div>
</div>
- <!-- <div class="txt_box">
- <div class="txt_box_top">{{ $t("hometips") }}</div>
- <div class="txt_box_box">
- <div class="txt_box_box_left" v-if="userInfo.length == 0">
- $0.00
- </div>
- <div class="txt_box_box_left" v-else>
- ${{ userInfo.totalAssets }}
- </div>
- <div class="txt_box_box_right" @click="gocz">{{ $t("btn1") }}</div>
- </div>
- </div> -->
</div>
- <!-- <div class="navs">
- <div class="navs_content">
- <div
- v-for="(item, index) in navsArr"
- :key="index"
- @click="goJy(index)"
- >
- <div
- style="
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- "
- >
- <div class="top_img">
- <div>
- <img :src="item.img" alt />
- </div>
- </div>
- <div class="bottom_navs">
- <span>{{ item.title }}</span>
- </div>
- </div>
- </div>
- </div>
- </div> -->
- <!-- <van-skeleton title :row="18" :loading="loading" /> -->
- <!-- <div class='btns_box'>
- <div class="btns_box_left">
- <img src="../../assets/img/out.png" style="width: 20px;height: 20px;"/>
- <div class="btns_box_left_txt"></div>
- </div>
- <div class="btns_box_right"></div>
- </div> -->
- <!-- <van-skeleton title :row="18" :loading="loading" /> -->
<div class="title-box">
<div class="title">{{ $t("資訊") }}</div>
</div>
<div class="news-tab">
<mt-navbar v-model="news">
- <mt-tab-item id="tab_0">
- <span class="tab-name">{{ $t("hj6") }}</span>
- </mt-tab-item>
- <mt-tab-item id="tab_1">
- <span class="tab-name">{{ $t("hj7") }}</span>
- </mt-tab-item>
- <mt-tab-item id="tab_2">
- <span class="tab-name">7×24</span>
+ <mt-tab-item
+ v-for="(item, index) in newListHeader"
+ :id="item.id"
+ :key="index"
+ >
+ <span class="tab-name">{{ $t(item.title) }}</span>
</mt-tab-item>
</mt-navbar>
<mt-tab-container
@@ -265,11 +192,15 @@
:swipeable="true"
style="padding-top: 0.5rem"
>
- <mt-tab-container-item id="tab_0">
+ <mt-tab-container-item
+ v-for="(items, index) in newListHeader"
+ :id="items.id"
+ :key="index"
+ >
<div class="news-content">
<div
class=""
- v-for="(item, inde) in newsContent1"
+ v-for="(item, inde) in items.data"
:key="inde"
@click="
$router.push({
@@ -280,7 +211,9 @@
})
"
>
- <div class="item-times">{{ item.addTime | gettime }}</div>
+ <div class="item-times">
+ {{ $moment(item.addTime).format("DD-MM-YYYY hh:mm:ss A") }}
+ </div>
<div
class="titContent"
style="
@@ -291,54 +224,7 @@
>
{{ item.title }}
</div>
- <!-- <div class="block-out">
- <div class="blocks">{{ item.sourceName }}</div>
- </div> -->
<div class="neitu"><img :src="item.imgurl" /></div>
- </div>
- </div>
- </mt-tab-container-item>
- <mt-tab-container-item id="tab_1">
- <div class="news-content">
- <div
- class="item-out"
- v-for="(item, inde) in newsContent4"
- :key="inde"
- @click="
- $router.push({
- path: '/newPage',
- query: {
- listid: item.id,
- },
- })
- "
- >
- <div class="item-times">{{ item.addTime | gettime }}</div>
- <div class="titContent" style="-webkit-box-orient: vertical">
- {{ item.title }}
- </div>
- </div>
- </div>
- </mt-tab-container-item>
- <mt-tab-container-item id="tab_2">
- <div class="news-content">
- <div
- class="item-out"
- v-for="(item, inde) in newsContent2"
- :key="inde"
- @click="
- $router.push({
- path: '/newPage',
- query: {
- listid: item.id,
- },
- })
- "
- >
- <div class="item-times">{{ item.addTime | gettime }}</div>
- <div class="titContent" style="-webkit-box-orient: vertical">
- {{ item.title }}
- </div>
</div>
</div>
</mt-tab-container-item>
@@ -355,71 +241,46 @@
import HomeList from "./components/home-list";
import Echart from "./components/echart.vue";
import * as api from "@/axios/api";
-import Logo from "@/assets/img/img_log_home.png";
-import Searchs from "@/assets/ico/leng.png";
-import Service from "@/assets/home/icon_talk.png";
-import clear from "@/assets/home/close.png";
import Announcement from "@/assets/img/black_laba.png";
-import Tops from "@/assets/home/1.png";
-import Rumen from "@/assets/home/2.png";
-import Xuexi from "@/assets/home/3.png";
-import Guanyu from "@/assets/home/4.png";
-import dazong from "@/assets/home/5.png";
-import vip from "../../assets/img/app.png";
-import vipa from "../../assets/img/huazhuan2.png";
-import Huo from "@/assets/home/huo.png";
-// import language from "@/assets/img/language.png";
-import banner2 from "@/assets/img/b2.jpg";
-import banner3 from "@/assets/img/b3.jpg";
import caidana from "@/assets/img/caidana.png";
import bangzhu from "@/assets/img/bangzhu.png";
import kefua from "@/assets/img/kefua.png";
import xiazai from "@/assets/img/xiazai.png";
-// import indexData from "./data.json";
import GoToLogin from "@/page/home/components/GoLogin.vue";
import { MessageBox } from "mint-ui";
+import Language from "@/components/Language/index.vue";
export default {
components: {
HomeList,
AllList,
GoToLogin,
Echart,
+ Language,
},
+ // onlineService
props: {},
data() {
return {
- settingDialog: false,
- actions: [
+ // 客服地址
+ news: "tab_0",
+ // 新闻导航
+ newListHeader: [
{
- text: "English",
- icon: require("@/assets/ico/english.png"),
- lang: "zh-CN",
+ title: "印度新闻",
+ id: "tab_0",
+ data: [],
+ type: 1,
},
- { text: "繁体中文", icon: require("@/assets/ico/tw.png"), lang: "tw" },
- { text: "हिंदी", icon: require("@/assets/ico/india.png"), lang: "en" },
- { text: "한국인", icon: require("@/assets/ico/india.png"), lang: "hy" },
- {
- text: "ภาษาไทย",
- icon: require("@/assets/ico/india.png"),
- lang: "ty",
- },
- {
- text: "日本語にほんご",
- icon: require("@/assets/ico/india.png"),
- lang: "ry",
- },
-
+ // {
+ // title: "马来西亚新闻",
+ // id: "tab_1",
+ // data: [],
+ // type: 2,
+ // },
],
- // language,
- Logo,
- Searchs,
- Service,
- clear,
+
+ // 公告 icon 地址
Announcement,
- indexData: [],
- Huo,
- is_login: false,
- loading: true,
close: true,
proData: [], // 分割好的数据
currentIndex: 0,
@@ -434,28 +295,17 @@
img: "https://api.trowegroup.com/bs/image/20240305/06eb4602ba7b3e570ccd70c0415884ec.png",
},
],
- announcementMess: "20202/10 - 交易时间安排",
-
+ // 公告列表
artList: [],
- news: "tab_0",
- newsContent1: [],
- newsContent2: [],
- newsContent3: [],
- newsContent4: [],
onlineService: "",
isGoTo: false,
bannerList: [],
userInfo: [],
- showPopover: false,
};
},
computed: {
navsArr() {
return [
- // {
- // img: Tops,
- // title: this.$t('yeb')
- // },
{
img: xiazai,
title: this.$t("hj1461"),
@@ -472,39 +322,14 @@
img: caidana,
title: this.$t("caidan"),
},
- // {
- // img: Rumen,
- // title: this.$t('hj2')
- // },
- // {
- // img: Xuexi,
- // title: this.$t('hj3')
- // },
- // {
- // img: Guanyu,
- // title: this.$t('hj4')
- // },
- // {
- // img: dazong,
- // title: this.$t('hj261')
- // },
- // {
- // img: vipa,
- // title: this.$t('hj172')
- // }
];
},
},
methods: {
- qkclick(e) {
- this.settingDialog = false;
- window.localStorage.setItem("language", e.lang);
- this.$i18n.locale = e.lang;
- this.language = e.text;
+ aRouter() {
+ window.open(this.onlineService);
},
- popClose() {
- this.settingDialog = false;
- },
+
getdialog() {
MessageBox.confirm(this.$t("hj252"), this.$t("hj165"), {
confirmButtonText: this.$t("hj161"),
@@ -512,14 +337,6 @@
})
.then(async () => {})
.catch(() => {});
- // MessageBox.confirm('老号被盗请勿转账,请认准新tg：@BEINL2', this.$t('hj165'), {
- // confirmButtonText: this.$t('hj161'),
- // cancelButtonText: this.$t('hj106'),
- // }).then(async () => {
-
- // }).catch(() => {
-
- // });
},
onSelect(e) {
this.$i18n.locale = e.lang;
@@ -630,11 +447,8 @@
// 获取显示的banner
let result = await api.getBannerByPlat({ platType: "m" });
if (result.status === 0) {
- // this.bannerList = result.data
var ajson = { bannerUrl: this.banner1 };
this.bannerList.push(ajson);
- console.log(this.banner1);
- // console.log(this.bannerList);
} else {
this.$store.commit("elAlertShow", {
elAlertShow: true,
@@ -645,6 +459,7 @@
goOnline() {
this.$router.push("/service");
},
+ // 获取公告
async getArtList() {
let data = await api.getArtList();
if (data.status === 0) {
@@ -662,93 +477,28 @@
});
}
},
- async getStock() {
- let data = await api.getIndexMarket();
- for (var i = 0; i < data.data.result.data.length; i += 3) {
- this.proData.push(data.data.result.data.slice(i, i + 3));
- }
- },
+
+ // 获取新闻列表
async getNewsList(type) {
let data = await api.queryNewsList(type);
+ this.newListHeader.map((item) => {
+ if (item.type === type) {
+ item.data = data.data.list;
+ }
+ });
+ this[`newsContent${type}`] = data.data.list;
+ },
- switch (type) {
- case 1:
- this.newsContent1 = data.data.list;
- break;
- case 2:
- this.newsContent2 = data.data.list;
- break;
- case 3:
- this.newsContent3 = data.data.list;
- break;
- case 4:
- this.newsContent4 = data.data.list;
- break;
- case 5:
- this.newsContent5 = data.data.list;
- break;
- }
- },
- handleBannerClick(ind) {
- // console.log(ind);
- },
- ProcessData() {
- // 把数据分割成三等份
- // for (var i = 0; i < this.indexData.data.diff.length; i += 3) {
- // this.proData.push(this.indexData.data.diff.slice(i, i + 3));
- // }
- },
- onChange(index) {
- this.currentIndex = index;
- this.proData[index].forEach((item) => {});
- },
handleSearchClick() {
- // this.loading = !this.loading;
this.$router.push({ path: "/trading-list", query: { type: 1 } });
},
},
- filters: {
- gettime(time) {
- if (!time) {
- return "";
- }
- var nd = new Date(time);
- var y = nd.getFullYear();
- var mm = nd.getMonth() + 1;
- var d = nd.getDate();
- var h = nd.getHours();
- var m = nd.getMinutes();
- var c = nd.getSeconds();
- if (mm < 10) {
- mm = "0" + mm;
- }
- if (d < 10) {
- d = "0" + d;
- }
- if (h < 10) {
- h = "0" + h;
- }
- if (m < 10) {
- m = "0" + m;
- }
- if (c < 10) {
- c = "0" + c;
- }
- // 17:35:2922-06-2022
- return y + "-" + mm + "-" + d + " " + h + ":" + m + ":" + c;
- },
- },
- created() {
- // this.getdialog()
- this.ProcessData();
- },
+
mounted() {
this.getUserInfo();
this.getInfoSite();
this.getNewsList(1);
this.getNewsList(2);
- this.getNewsList(4);
- this.getStock();
this.getArtList();
this.getBanner();
@@ -759,10 +509,6 @@
this.isGoTo = !this.isGoTo;
}
}, 10000);
-
- setTimeout(() => {
- this.loading = false;
- }, 2000);
},
};
</script>
@@ -1546,41 +1292,6 @@
font-weight: 500;
line-height: 0.64rem;
}
-}
-.lang_box_txta {
- width: 100%;
- height: 100px;
- text-align: center;
- line-height: 100px;
- border-bottom: 1px solid #ecf5ff;
-}
-.lang_box_txt {
- width: 100%;
- height: 100px;
- text-align: center;
- line-height: 100px;
- border-bottom: 1px solid #ecf5ff;
- color: #2196f3;
-}
-.lang_box {
- width: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
-}
-.btn_s_box {
- border: none;
- background: #409eff;
- color: #fff;
- height: 70px;
- width: 100%;
- line-height: 70px;
- font-size: 16px;
- text-align: center;
- border-radius: 15px;
- font-weight: 600;
- margin: 40px 20px 0 20px;
}
// /deep/ .van-popup {
// overflow-y: auto;
--
Gitblit v1.9.3