| | |
| | | <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.name : tabsItemIndex == |
| | |
| | | </span> |
| | | </div> |
| | | <div class="bt"> |
| | | <span v-if="tabsItemIndex == 3 || tabsItemIndex == 1">{{ tabsItemIndex == 3?item.orderNumber :'手续费:' + Number(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> |
| | |
| | | if_zhishu = '0'; |
| | | break; |
| | | case 3: |
| | | |
| | | return; |
| | | codes = item.futuresGid; |
| | | names = item.futuresName; |
| | |
| | | /deep/.van-list__loading { |
| | | margin-top: 0.2rem; |
| | | } |
| | | .hongse{ |
| | | |
| | | background-color: #4d73b1!important; |
| | | } |
| | | </style> |