| | |
| | | <span>{{ '最新价' }}</span> |
| | | </div> |
| | | <div class="item_title applies"> |
| | | <span>{{ '涨跌幅' }}</span> |
| | | <span v-show="tabsItemIndex!=3">{{ '涨跌幅' }}</span> |
| | | <span v-show="tabsItemIndex==3" style="width: 100%;text-align: center;">{{ '最大数量' }}</span> |
| | | </div> |
| | | </div> |
| | | <div class="list" :class="isToken == '' ? 'listHeight' : 'listHeights'"> |
| | |
| | | <div class="left_title"> |
| | | <div class="tp"> |
| | | <span class="collection" @click.stop="options(item)"> |
| | | <span class="shu" :class="item.isOption == '1' ? 'shublue' : ''"></span> |
| | | <span v-show="tabsItemIndex!=3" class="shu" :class="item.isOption == '1' ? 'shublue' : ''"></span> |
| | | <span v-show="tabsItemIndex==3" class="shu hongse"></span> |
| | | </span> |
| | | <span class="title_color"> |
| | | {{ tabsItemIndex == 3 ? item.futuresName : tabsItemIndex == |
| | | {{ tabsItemIndex == 3 ? item.name : tabsItemIndex == |
| | | 2 ? item.name : tabsItemIndex == 0 ? item.name : item.indexName |
| | | }} |
| | | </span> |
| | | </div> |
| | | <div class="bt"> |
| | | <span> |
| | | {{ tabsItemIndex == 3 ? item.futuresCode : tabsItemIndex == 2 ? item.code : tabsItemIndex |
| | | {{ tabsItemIndex == 3 ? item.code : tabsItemIndex == 2 ? item.code : tabsItemIndex |
| | | == |
| | | 0 ? item.code : item.indexCode |
| | | }} |
| | |
| | | }} |
| | | </span> |
| | | <span class="price_color" v-else> |
| | | {{ tabsItemIndex == 3 ? Number(item.nowPrice).toFixed(2) : |
| | | {{ tabsItemIndex == 3 ? Number(item.price).toFixed(2) : |
| | | item.currentPoint |
| | | }} |
| | | </span> |
| | | </div> |
| | | <div class="bt"> |
| | | <span v-if="tabsItemIndex == 3 || tabsItemIndex == 1">{{ '手续费:' + item.transFee }}</span> |
| | | <span v-if="tabsItemIndex == 3 || tabsItemIndex == 1">{{ tabsItemIndex == 3? '' :'手续费:' + Number(item.transFee) }}</span> |
| | | <span v-else>{{ item.today_min }}</span> |
| | | </div> |
| | | </div> |
| | |
| | | item.floatRate + '%' |
| | | }} |
| | | </span> |
| | | <span class="price_color" v-if="tabsItemIndex == 3" |
| | | <!-- <span class="price_color" v-if="tabsItemIndex == 3" |
| | | :class="((item.nowPrice - item.lastClose) / item.lastClose * 100).toFixed(2) > 0 ? 'green' : 'red'"> |
| | | {{ |
| | | item.lastClose == "" ? 0.00 : ((Number(item.nowPrice) - Number(item.lastClose)) / |
| | | Number(item.lastClose) * 100).toFixed(2) + '%' |
| | | }} |
| | | </span> --> |
| | | <span v-if="tabsItemIndex == 3" class="price_color" style="text-align: center;width: 100%;"> |
| | | {{item.orderNumber}} |
| | | </span> |
| | | </div> |
| | | <div class="bt"> |
| | |
| | | {{ '¥ ' + $store.state.userInfo.userAmt |
| | | }} |
| | | </span> |
| | | <span v-if="$store.state.userInfo && tabsItemIndex == 3" style="white-space: nowarp;"> |
| | | <span v-if="$store.state.userInfo.userAmt != undefined && tabsItemIndex == 3" style="white-space: nowarp;"> |
| | | {{ '¥ ' + $store.state.userInfo.userAmt |
| | | }} |
| | | </span> |
| | | <!-- <span v-if="$store.state.userInfo && tabsItemIndex == 3" style="white-space: nowarp;"> |
| | | {{ |
| | | '¥' + $store.state.userInfo.userFuturesAmt |
| | | }} |
| | | </span> |
| | | </span> --> |
| | | </div> |
| | | <div class="sanjiao"> |
| | | <img :class="dialogFlag ? 'xuanz' : ''" style="transition: all 0.5s;" src="../../assets/img/xiala.png" |
| | |
| | | $store.state.userInfo.allIndexFreezAmt) * indexSettingInfo.forceSellPercent).toFixed(2) |
| | | }} |
| | | </span> |
| | | <span v-show="tabsItemIndex == 0"> |
| | | <span v-show="tabsItemIndex == 0||tabsItemIndex == 3"> |
| | | {{ $store.state.hide ? '****' : Number(($store.state.userInfo.enableAmt |
| | | + |
| | | $store.state.userInfo.allFreezAmt) * settingInfo.forceStopPercent).toFixed(2) |
| | |
| | | $store.state.userInfo.allFreezAmt) * settingInfo.forceStopPercent).toFixed(2) |
| | | }} |
| | | </span> |
| | | <span v-show="tabsItemIndex == 3"> |
| | | <!-- <span v-show="tabsItemIndex == 3"> |
| | | {{ $store.state.hide ? '****' : |
| | | Number(($store.state.userInfo.enableFuturesAmt + |
| | | $store.state.userInfo.allFuturesFreezAmt) * futuresSettingInfo.forceSellPercent).toFixed(2) |
| | | }} |
| | | </span> |
| | | </span> --> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <div class="tops_title"> |
| | | <div> |
| | | <span> |
| | | {{ tabsItemIndex == 1 ? '指数' : tabsItemIndex == 0 ? '沪深' : tabsItemIndex == 2 ? '科创' : |
| | | {{ tabsItemIndex == 1 ? '指数' : tabsItemIndex == 0 ? '股票' : tabsItemIndex == 2 ? '股票' : |
| | | tabsItemIndex == |
| | | 3 ? '期货' : '' |
| | | 3 ? '股票' : '' |
| | | }} |
| | | </span> |
| | | <span>{{ '资产' }}</span> |
| | |
| | | <div class="bottom_price"> |
| | | <div> |
| | | <span v-show="tabsItemIndex == 1">{{ '¥ ' + $store.state.userInfo.userIndexAmt }}</span> |
| | | <span v-show="tabsItemIndex == 0">{{ '¥ ' + $store.state.userInfo.userAmt }}</span> |
| | | <span v-show="tabsItemIndex == 0||tabsItemIndex == 3">{{ '¥ ' + $store.state.userInfo.userAmt }}</span> |
| | | <span v-show="tabsItemIndex == 2">{{ '¥ ' + $store.state.userInfo.userAmt }}</span> |
| | | <span v-show="tabsItemIndex == 3">{{ '¥ ' + $store.state.userInfo.userFuturesAmt }}</span> |
| | | <!-- <span v-show="tabsItemIndex == 3">{{ '¥ ' + $store.state.userInfo.userFuturesAmt }}</span> --> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <div class="bottom_price"> |
| | | <div> |
| | | <span v-show="tabsItemIndex == 1">{{ '¥ ' + $store.state.userInfo.enableIndexAmt }}</span> |
| | | <span v-show="tabsItemIndex == 0">{{ '¥ ' + $store.state.userInfo.enableAmt }}</span> |
| | | <span v-show="tabsItemIndex == 0||tabsItemIndex == 3">{{ '¥ ' + $store.state.userInfo.enableAmt }}</span> |
| | | <span v-show="tabsItemIndex == 2">{{ '¥ ' + $store.state.userInfo.enableAmt }}</span> |
| | | <span v-show="tabsItemIndex == 3">{{ '¥ ' + $store.state.userInfo.enableFuturesAmt }}</span> |
| | | <!-- <span v-show="tabsItemIndex == 3">{{ '¥ ' + $store.state.userInfo.enableFuturesAmt }}</span> --> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <div class="bottom_price"> |
| | | <div> |
| | | <span v-show="tabsItemIndex == 1">{{ '¥ ' + $store.state.userInfo.allIndexFreezAmt }}</span> |
| | | <span v-show="tabsItemIndex == 0">{{ '¥ ' + $store.state.userInfo.allFreezAmt }}</span> |
| | | <span v-show="tabsItemIndex == 0||tabsItemIndex == 3">{{ '¥ ' + $store.state.userInfo.allFreezAmt }}</span> |
| | | <span v-show="tabsItemIndex == 2">{{ '¥ ' + $store.state.userInfo.allFreezAmt }}</span> |
| | | <span v-show="tabsItemIndex == 3">{{ '¥ ' + $store.state.userInfo.allFuturesFreezAmt }}</span> |
| | | <!-- <span v-show="tabsItemIndex == 3">{{ '¥ ' + $store.state.userInfo.allFuturesFreezAmt }}</span> --> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | v-show="tabsItemIndex == 1">{{ '¥ ' + $store.state.userInfo.allIndexProfitAndLose }}</span> |
| | | <span |
| | | :class="$store.state.userInfo.allProfitAndLose > 0 ? ' red' : $store.state.userInfo.allProfitAndLose < 0 ? ' green' : ''" |
| | | v-show="tabsItemIndex == 0">{{ '¥ ' + $store.state.userInfo.allProfitAndLose }}</span> |
| | | v-show="tabsItemIndex == 0||tabsItemIndex == 3">{{ '¥ ' + $store.state.userInfo.allProfitAndLose }}</span> |
| | | <span |
| | | :class="$store.state.userInfo.allProfitAndLose > 0 ? ' red' : $store.state.userInfo.allProfitAndLose < 0 ? ' green' : ''" |
| | | v-show="tabsItemIndex == 2">{{ '¥ ' + $store.state.userInfo.allProfitAndLose }}</span> |
| | | <span |
| | | <!-- <span |
| | | :class="$store.state.userInfo.allFuturesProfitAndLose > 0 ? 'red' : $store.state.userInfo.allFuturesProfitAndLose < 0 ? ' green' : ''" |
| | | v-show="tabsItemIndex == 3">{{ '¥' +Number($store.state.userInfo.allFuturesProfitAndLose).toFixed(2)}}</span> |
| | | v-show="tabsItemIndex == 3">{{ '¥' +Number($store.state.userInfo.allFuturesProfitAndLose).toFixed(2)}}</span> --> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | // } |
| | | { |
| | | name: "新股", |
| | | type: 4 |
| | | type: 3 |
| | | } |
| | | ], |
| | | tabsItemIndex: 0, |
| | |
| | | // } |
| | | }, |
| | | gpinput() { |
| | | |
| | | this.pageNum = 1; |
| | | this.listArr = []; |
| | | this.loading = true; |
| | |
| | | // 成功 |
| | | this.settingInfo = data.data; |
| | | } else { |
| | | this.$store.commit('elAlertShow',{'elAlertShow':true,'elAlertText': data.msg}); |
| | | ` this.$store.commit('elAlertShow',{'elAlertShow':true,'elAlertText': data.msg});` |
| | | } |
| | | }, |
| | | async getListMarket() { |
| | |
| | | } |
| | | }, |
| | | handleGoToKlineDetail(item) { |
| | | |
| | | var codes = ""; |
| | | var names = ""; |
| | | var stock_type = ""; |
| | |
| | | if_zhishu = '0'; |
| | | break; |
| | | case 3: |
| | | |
| | | return; |
| | | codes = item.futuresGid; |
| | | names = item.futuresName; |
| | | soks = 0; |
| | |
| | | async getFutures() { |
| | | // 获取期货列表 |
| | | let opt = { |
| | | homeShow: 1, |
| | | pageNum: this.pageNum, |
| | | pageSize: 15 |
| | | |
| | | |
| | | }; |
| | | let data = await api.getListFutures(opt); |
| | | let data = await api.getNewGu(opt); |
| | | this.loading = false; |
| | | if (data.data.length < 15) { |
| | | this.finished = true; |
| | | } |
| | | if (data.status === 0) { |
| | | if (this.tabsItemIndex == 3) { |
| | | data.data.forEach(element => { |
| | | this.listArr.push(element); |
| | | }); |
| | | this.listArr = data.data.list; |
| | | } |
| | | this.finished = true; |
| | | } else { |
| | | this.texts = data.msg; |
| | | this.alertShow = true; |
| | | } |
| | | }, |
| | | // async getFutures() { |
| | | // // 获取期货列表 |
| | | // let opt = { |
| | | // homeShow: 1, |
| | | // pageNum: this.pageNum, |
| | | // pageSize: 15 |
| | | // }; |
| | | // let data = await api.getListFutures(opt); |
| | | // this.loading = false; |
| | | // if (data.data.length < 15) { |
| | | // this.finished = true; |
| | | // } |
| | | // if (data.status === 0) { |
| | | // if (this.tabsItemIndex == 3) { |
| | | // data.data.forEach(element => { |
| | | // this.listArr.push(element); |
| | | // }); |
| | | // } |
| | | // } else { |
| | | // this.texts = data.msg; |
| | | // this.alertShow = true; |
| | | // } |
| | | // }, |
| | | async getMyList() { |
| | | this.loadings = true; |
| | | //获取自选列表 |
| | |
| | | this.pageNum = 1; |
| | | this.finished = false; |
| | | this.loading = true; |
| | | console.log(item.type,"阿斯顿八岁的跟随阿达"); |
| | | switch (item.type) { |
| | | case 1: |
| | | this.listArr = []; |
| | |
| | | /deep/.van-list__loading { |
| | | margin-top: 0.2rem; |
| | | } |
| | | .hongse{ |
| | | |
| | | background-color: #4d73b1!important; |
| | | } |
| | | </style> |