| | |
| | | <template> |
| | | <div class="warehouse_page"> |
| | | <van-nav-bar |
| | | :title="(this.$t('yebjl'))" |
| | | :title="this.$t('yebjl')" |
| | | left-arrow |
| | | fixed |
| | | @click-left="$router.go(-1)" |
| | |
| | | v-model="refreshing" |
| | | :success-text="$t('sxcg')" |
| | | @refresh="onRefresh" |
| | | > |
| | | <van-empty v-if="!yebsList || yebsList.length < 1" class="custom-image" :image="require('@/assets/img/empty-image-default.png')" :description="$t('zwsj')" /> |
| | | > |
| | | <van-empty |
| | | v-if="!yebsList || yebsList.length < 1" |
| | | class="custom-image" |
| | | :image="require('@/assets/img/empty-image-default.png')" |
| | | :description="$t('zwsj')" |
| | | /> |
| | | <van-list |
| | | v-model="loading" |
| | | :finished="finished" |
| | |
| | | <h3>{{ item.dkUserName }}</h3> |
| | | <div class="li-cont"> |
| | | <div class="li-info li-1"> |
| | | <span class="li-label">{{ $t('dkjg') + ':' }}</span> |
| | | <span class="li-value">{{ $t('dkjg') }}</span> |
| | | <span class="li-label">{{ $t("dkjg") + ":" }}</span> |
| | | <span class="li-value">{{ $t("dkjg") }}</span> |
| | | <!-- <span class="li-value">{{ item.dkJgName }}</span> --> |
| | | </div> |
| | | <div class="li-info li-1"> |
| | | <span class="li-label">{{ $t('dkje') + ':' }}</span> |
| | | <span class="li-value">{{ item.dkMoney }} {{ $t('yuan') }}</span> |
| | | <span class="li-label">{{ $t("dkje") + ":" }}</span> |
| | | <span class="li-value" |
| | | >{{ item.dkMoney }} {{ $t("yuan") }}</span |
| | | > |
| | | </div> |
| | | </div> |
| | | <div class="li-cont"> |
| | | <div class="li-info"> |
| | | <span class="li-label">{{ $t('dkrdh') + ':' }}</span> |
| | | <span class="li-label">{{ $t("dkrdh") + ":" }}</span> |
| | | <span class="li-value">{{ item.dkPhone }}</span> |
| | | </div> |
| | | <div class="li-info"> |
| | | <span class="li-label">{{ $t('shje') + ':' }}</span> |
| | | <span class="li-label">{{ $t("shje") + ":" }}</span> |
| | | <span class="li-value">{{ item.spMoney }}</span> |
| | | </div> |
| | | </div> |
| | | <div class="li-cont"> |
| | | <div class="li-info"> |
| | | <span class="li-label">{{ $t('dksj') + ':' }}</span> |
| | | <span class="li-value">{{ item.createTime | filterTime }}</span> |
| | | <span class="li-label">{{ $t("dksj") + ":" }}</span> |
| | | <span class="li-value">{{ |
| | | item.createTime | filterTime |
| | | }}</span> |
| | | </div> |
| | | </div> |
| | | <div class="li-cont"> |
| | | <div class="li-info"> |
| | | <span class="li-label">{{ $t('yj') + ':' }}</span> |
| | | <span class="li-label">{{ $t("yj") + ":" }}</span> |
| | | <span class="li-value">{{ item.dkMessage }}</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="li-btn-box"> |
| | | <div :class="['account', item.dkState === '0' ? 'a0' : item.dkState === '1' ? 'a1' : item.dkState === '2' ? 'a2' : 'a3']">{{ [$t('sqz'), $t('sptg'), $t('shjj'), $t('dkffcg')][item.dkState] }}</div> |
| | | <div |
| | | :class="[ |
| | | 'account', |
| | | item.dkState === '0' |
| | | ? 'a0' |
| | | : item.dkState === '1' |
| | | ? 'a1' |
| | | : item.dkState === '2' |
| | | ? 'a2' |
| | | : 'a3', |
| | | ]" |
| | | > |
| | | {{ |
| | | [$t("sqz"), $t("sptg"), $t("shjj"), $t("dkffcg")][ |
| | | item.dkState |
| | | ] |
| | | }} |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { Toast } from 'vant' |
| | | import moment from 'moment' |
| | | import { Toast } from "vant"; |
| | | import moment from "moment"; |
| | | // import { MessageBox } from 'mint-ui' |
| | | import * as api from '@/axios/api' |
| | | import Axios from 'axios' |
| | | import * as api from "@/axios/api"; |
| | | import Axios from "axios"; |
| | | export default { |
| | | data () { |
| | | data() { |
| | | return { |
| | | tabsArr: ['余额宝'], |
| | | tabsArr: ["余额宝"], |
| | | tabsCurrentIndex: 0, |
| | | titleName: this.$t('hj114'), |
| | | titleName: this.$t("hj114"), |
| | | indexSettingInfo: {}, |
| | | futuresSettingInfo: {}, |
| | | tabsPositionNumArr: [], |
| | |
| | | loadingXg: false, |
| | | finishedXg: false, |
| | | refreshing: false, |
| | | yebsList: [] |
| | | } |
| | | yebsList: [], |
| | | }; |
| | | }, |
| | | mounted () { |
| | | this.getUserInfo() |
| | | this.getIndexSettingInfo() |
| | | this.getSettingInfo() |
| | | this.getYebs() |
| | | mounted() { |
| | | this.getUserInfo(); |
| | | this.getIndexSettingInfo(); |
| | | this.getSettingInfo(); |
| | | this.getYebs(); |
| | | }, |
| | | created () { |
| | | created() { |
| | | if (this.$route.query.index) { |
| | | this.tabsCurrentIndex = Number(this.$route.query.index) |
| | | this.tabsCurrentIndex = Number(this.$route.query.index); |
| | | } |
| | | }, |
| | | methods: { |
| | | |
| | | async getYebs () { |
| | | Axios.post('http://121.43.237.202:8091/api/dk/queryByShUserId.do').then(res => { |
| | | console.log(3333, res) |
| | | if (res.data.status === 0) { |
| | | this.$store.state.yebs = res.data.data |
| | | this.yebsList = res.data.data |
| | | this.refreshing = false |
| | | } else { |
| | | // this.$message.error(res.data.msg) |
| | | Toast(res.data.msg) |
| | | async getYebs() { |
| | | Axios.post("http://121.43.237.202:8091/api/dk/queryByShUserId.do").then( |
| | | (res) => { |
| | | console.log(3333, res); |
| | | if (res.data.status === 0) { |
| | | this.$store.state.yebs = res.data.data; |
| | | this.yebsList = res.data.data; |
| | | this.refreshing = false; |
| | | } else { |
| | | // this.$message.error(res.data.msg) |
| | | Toast(res.data.msg); |
| | | } |
| | | } |
| | | }) |
| | | ); |
| | | // // 获取用户信息 |
| | | // let data = await api.getDkJl() |
| | | |
| | |
| | | // Toast(data.msg) |
| | | // } |
| | | }, |
| | | onLoad () { |
| | | this.loading = false |
| | | this.getYebs() |
| | | this.finished = true |
| | | onLoad() { |
| | | this.loading = false; |
| | | this.getYebs(); |
| | | this.finished = true; |
| | | // // 持仓 |
| | | // this.page++ |
| | | // switch (this.titleIndex) { |
| | |
| | | // break |
| | | // } |
| | | }, |
| | | onLoads () { |
| | | onLoads() { |
| | | // 平仓 |
| | | this.pages++ |
| | | this.pages++; |
| | | switch (this.titleIndex) { |
| | | case 0: |
| | | // 沪深京平仓 |
| | | this.getListDetails() |
| | | break |
| | | this.getListDetails(); |
| | | break; |
| | | case 1: |
| | | // 指数平仓 |
| | | this.getzhishuListDetails() |
| | | break |
| | | this.getzhishuListDetails(); |
| | | break; |
| | | default: |
| | | break |
| | | break; |
| | | } |
| | | }, |
| | | onRefresh () { |
| | | onRefresh() { |
| | | // this.page = 1 |
| | | this.refreshing = true |
| | | this.getYebs() |
| | | this.refreshing = true; |
| | | this.getYebs(); |
| | | }, |
| | | onLoadss () { |
| | | this.pagess++ |
| | | onLoadss() { |
| | | this.pagess++; |
| | | switch (this.titleIndex) { |
| | | case 1: |
| | | this.getorderList() |
| | | break |
| | | this.getorderList(); |
| | | break; |
| | | default: |
| | | break |
| | | break; |
| | | } |
| | | }, |
| | | onLoadXg () { |
| | | onLoadXg() { |
| | | // this.getNewXg(); |
| | | }, |
| | | |
| | | async getIndexSettingInfo () { |
| | | async getIndexSettingInfo() { |
| | | // 网站设置信息 指数 |
| | | let data = await api.getIndexSetting() |
| | | let data = await api.getIndexSetting(); |
| | | if (data.status === 0) { |
| | | // 成功 |
| | | this.indexSettingInfo = data.data |
| | | this.indexSettingInfo = data.data; |
| | | } else { |
| | | Toast(data.msg) |
| | | Toast(data.msg); |
| | | } |
| | | }, |
| | | |
| | | async getSettingInfo () { |
| | | let data = await api.getSetting() |
| | | async getSettingInfo() { |
| | | let data = await api.getSetting(); |
| | | if (data.status === 0) { |
| | | // 成功 |
| | | this.settingInfo = data.data |
| | | this.settingInfo = data.data; |
| | | } else { |
| | | Toast(data.msg) |
| | | Toast(data.msg); |
| | | } |
| | | }, |
| | | async getUserInfo () { |
| | | async getUserInfo() { |
| | | // 获取用户信息 |
| | | // let showcookie = this.getCookie('USER_TOKEN'); |
| | | let data = await api.getUserInfo() |
| | | let data = await api.getUserInfo(); |
| | | if (data.status === 0) { |
| | | // this.getProductSetting() |
| | | this.$store.state.userInfo = data.data |
| | | this.$store.state.userInfo = data.data; |
| | | } else { |
| | | Toast(data.msg) |
| | | Toast(data.msg); |
| | | } |
| | | this.$store.state.user = this.user |
| | | } |
| | | |
| | | this.$store.state.user = this.user; |
| | | }, |
| | | }, |
| | | filters: { |
| | | filterTime (v) { |
| | | filterTime(v) { |
| | | if (v) { |
| | | return moment(v).format('YYYY-MM-DD HH:mm:ss') |
| | | return moment(v).format("DD-MM-YYYY hh:mm:ss A"); |
| | | } else { |
| | | return '' |
| | | return ""; |
| | | } |
| | | }, |
| | | gettime (time) { |
| | | gettime(time) { |
| | | if (!time) { |
| | | return '' |
| | | 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() |
| | | 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 |
| | | mm = "0" + mm; |
| | | } |
| | | if (d < 10) { |
| | | d = '0' + d |
| | | d = "0" + d; |
| | | } |
| | | if (h < 10) { |
| | | h = '0' + h |
| | | h = "0" + h; |
| | | } |
| | | if (m < 10) { |
| | | m = '0' + m |
| | | m = "0" + m; |
| | | } |
| | | if (c < 10) { |
| | | c = '0' + c |
| | | c = "0" + c; |
| | | } |
| | | // 17:35:2922-06-2022 |
| | | return y + '/' + mm + '/' + d + ' ' + h + ':' + m + ':' + c |
| | | } |
| | | } |
| | | } |
| | | return y + "/" + mm + "/" + d + " " + h + ":" + m + ":" + c; |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | | |
| | | <style scoped lang="less"> |
| | |
| | | .van-nav-bar__content { |
| | | height: 64px !important; |
| | | } |
| | | .van-nav-bar__title, .van-nav-bar__text { |
| | | color: #FFFFFF; |
| | | .van-nav-bar__title, |
| | | .van-nav-bar__text { |
| | | color: #ffffff; |
| | | font-size: 24px; |
| | | } |
| | | .van-icon { |
| | | color: #FFFFFF; |
| | | color: #ffffff; |
| | | font-size: 24px; |
| | | } |
| | | } |
| | |
| | | padding: 20px; |
| | | padding-right: 0px; |
| | | border-radius: 8px; |
| | | background: #FFFFFF; |
| | | background: #ffffff; |
| | | .li { |
| | | font-size: 18px; |
| | | display: flex; |
| | |
| | | .a0 { |
| | | color: #0a4ca8; |
| | | } |
| | | .a1, .a3 { |
| | | .a1, |
| | | .a3 { |
| | | color: green; |
| | | } |
| | | .a2 { |
| | | color: #FF0000; |
| | | color: #ff0000; |
| | | } |
| | | } |
| | | } |