| | |
| | | <img src="../../assets/img/searchs.png" alt /> |
| | | </div> |
| | | <div class="search_input"> |
| | | <input type="text" class="searchs" placeholder="输入品种名称/代码搜索" ref="search" id="sousuo" v-model="gpcode" |
| | | <input type="text" class="searchs" :placeholder="$t('hj37')" ref="search" id="sousuo" v-model="gpcode" |
| | | @input="gpinput" /> |
| | | </div> |
| | | </div> |
| | |
| | | <img src="../../assets/img/shenfen2.png" alt /> |
| | | </div> |
| | | <div class="text"> |
| | | <span>{{ '开户即可入金交易' }}</span> |
| | | <span>{{ $t('hj38') }}</span> |
| | | </div> |
| | | <div class="right_go"> |
| | | <img src="../../assets/img/yuoujiantou.png" alt /> |
| | |
| | | </div> |
| | | <div class="list_title"> |
| | | <div class="item_title varieties"> |
| | | <span>{{ '品种' }}</span> |
| | | <span>{{ $t('hj39') }}</span> |
| | | </div> |
| | | <div class="item_title latest_price"> |
| | | <span>{{ '最新价' }}</span> |
| | | <span>{{ $t('hj40') }}</span> |
| | | </div> |
| | | <div class="item_title applies"> |
| | | <span v-show="tabsItemIndex != 5">{{ '涨跌幅' }}</span> |
| | | <span v-show="tabsItemIndex == 5" style="width: 100%;text-align: center;">{{ '申购类型' }}</span> |
| | | <span v-show="tabsItemIndex != 5">{{ $t('hj41') }}</span> |
| | | <span v-show="tabsItemIndex == 5" style="width: 100%;text-align: center;">{{ $t('hj42') }}</span> |
| | | </div> |
| | | </div> |
| | | <!-- 市场列表 --> |
| | | <div class="list" :class="isToken == '' ? 'listHeight' : 'listHeights'"> |
| | | <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad" |
| | | <van-list v-model="loading" :finished="finished" :finished-text="$t('hj43')" @load="onLoad" |
| | | :immediate-check="false"> |
| | | <div class="van-clearfix"> |
| | | <div class="list_items"> |
| | |
| | | </div> |
| | | <div class="bt"> |
| | | <span v-if="tabsItemIndex == 5 || tabsItemIndex == 1">{{ tabsItemIndex == 5 ? 'Max:' + |
| | | Number(item.orderNumber) : '手续费:' + Number(item.transFee) |
| | | Number(item.orderNumber) : $t('hj44') + ':' + Number(item.transFee) |
| | | }}</span> |
| | | <span v-else>{{ item.today_min }}</span> |
| | | </div> |
| | |
| | | </span> --> |
| | | <div v-if="tabsItemIndex == 5" :class="item.type == 1 ? 'xgsgType' : 'xgsgTypeRed'"> |
| | | <!-- {{item.orderNumber}} --> |
| | | {{ item.type == 1 ? '新股申购' : '线下配售' }} |
| | | {{ item.type == 1 ? $t('hj45') : $t('hj46') }} |
| | | </div> |
| | | </div> |
| | | <div class="bt" style="justify-content: flex-end;"> |
| | |
| | | <img src="../../assets/img/searchs.png" alt /> |
| | | </div> |
| | | <div class="search_input"> |
| | | <input type="text" class="searchs" placeholder="输入品种名称/代码搜索" |
| | | <input type="text" class="searchs" :placeholder="$t('hj37')" |
| | | onkeyup="value=value.replace(/[^a-zA-Z0-9]/g,'')" v-model="gpcodes" @input="gpinputs" /> |
| | | </div> |
| | | </div> |
| | |
| | | </div> |
| | | <div class="list_title"> |
| | | <div class="item_title varieties"> |
| | | <span>{{ '品种' }}</span> |
| | | <span>{{ $t('hj39') }}</span> |
| | | </div> |
| | | <div class="item_title latest_price"> |
| | | <span>{{ '最新价' }}</span> |
| | | <span>{{ $t('hj40') }}</span> |
| | | </div> |
| | | <div class="item_title applies"> |
| | | <span>{{ '涨跌幅' }}</span> |
| | | <span>{{ $t('hj41') }}</span> |
| | | </div> |
| | | </div> |
| | | |
| | | |
| | | <!-- 自选列表 --> |
| | | <div class="list zxlist"> |
| | | <van-list v-model="loadings" :finished="finisheds" finished-text="没有更多了" @load="onLoads" |
| | | <van-list v-model="loadings" :finished="finisheds" :finished-text="$t('hj43')" @load="onLoads" |
| | | :immediate-check="false"> |
| | | <div class="van-clearfix"> |
| | | <div class="list_items"> |
| | |
| | | <div class="content_money" v-if="tabsIndex === 1"> |
| | | <div class="top_price"> |
| | | <div class="left"> |
| | | <span>{{ '余额' }}</span> |
| | | <span>{{ $t('hj47') }}</span> |
| | | </div> |
| | | <div class="right" v-if="userData.length == 0">¥0.00</div> |
| | | <div class="right" v-if="userData.length != 0"> |
| | |
| | | </div> |
| | | <div class="bottom_balance"> |
| | | <div> |
| | | <span>{{ '可用余额' }}</span> |
| | | <span>{{ $t('hj48') }}</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <div class="card_item"> |
| | | <div class="tops_title"> |
| | | <div> |
| | | <span>{{ '总资产' }}</span> |
| | | <span>{{ $t('hj49') }}</span> |
| | | </div> |
| | | </div> |
| | | <div class="bottom_price"> |
| | |
| | | <div class="card_item"> |
| | | <div class="tops_title"> |
| | | <div> |
| | | <span>{{ '强平线' }}</span> |
| | | <span>{{ $t('hj50') }}</span> |
| | | </div> |
| | | </div> |
| | | <div class="bottom_price"> |
| | |
| | | <div class="tops_title"> |
| | | <div> |
| | | <span> |
| | | {{ tabsItemIndex == 1 ? '指数' : tabsItemIndex == 0 ? '股票' : tabsItemIndex == 2 ? '股票' : |
| | | {{ tabsItemIndex == 1 ? $t('hj51') : tabsItemIndex == 0 ? $t('hj52') : tabsItemIndex == 2 ? $t('hj52') : |
| | | tabsItemIndex == |
| | | 5 ? '股票' : '' |
| | | 5 ? $t('hj52') : '' |
| | | }} |
| | | </span> |
| | | <span>{{ '资产' }}</span> |
| | | <span>{{ $t('hj53') }}</span> |
| | | </div> |
| | | </div> |
| | | <div class="bottom_price"> |
| | |
| | | <div class="card_item"> |
| | | <div class="tops_title"> |
| | | <div> |
| | | <span>{{ '可用资金' }}</span> |
| | | <span>{{ $t('hj54') }}</span> |
| | | </div> |
| | | </div> |
| | | <div class="bottom_price"> |
| | |
| | | <div class="card_item"> |
| | | <div class="tops_title"> |
| | | <div> |
| | | <span>{{ '冻结保证金' }}</span> |
| | | <span>{{ $t('hj55') }}</span> |
| | | </div> |
| | | </div> |
| | | <div class="bottom_price"> |
| | |
| | | <div class="card_item"> |
| | | <div class="tops_title"> |
| | | <div> |
| | | <span>{{ '持仓总盈亏' }}</span> |
| | | <span>{{ $t('hj56') }}</span> |
| | | </div> |
| | | </div> |
| | | <div class="bottom_price"> |
| | |
| | | <div class="setting_content"> |
| | | <div class="old_password"> |
| | | <div class="left_titles"> |
| | | <span>{{ '申购数量:' }}</span> |
| | | <span>{{ $t('hj57') }}:</span> |
| | | </div> |
| | | <div class="right_password_input"> |
| | | <input type="number" v-model="sgNum" /> |
| | | </div> |
| | | </div> |
| | | <div class="btn_setting" @click="changeSg()"> |
| | | <span>{{ '立即申购' }}</span> |
| | | <span>{{ $t('hj58') }}</span> |
| | | </div> |
| | | <div class="shijian"> |
| | | <div class="xgsj"> |
| | | |
| | | <div class="sjtlt">申购时间: </div> |
| | | <div class="sjtlt">{{ $t('hj59') }}: </div> |
| | | <div class="xgTime" v-if="this.sgsj">{{ this.sgsj | getTimeYear }}</div> |
| | | </div> |
| | | <div class="xgsj"> |
| | | <div class="sjtlt">认缴时间: </div> |
| | | <div class="sjtlt">{{ $t('hj60') }}: </div> |
| | | <div class="xgTime" v-if="this.rjsj">{{ this.rjsj | getTimeYear }}</div> |
| | | </div> |
| | | </div> |
| | |
| | | data() { |
| | | return { |
| | | tabsIndex: 1, |
| | | tabsArr: ["自选", "市场"], |
| | | tabsArr: [this.$t('hj61'), this.$t('hj62')], |
| | | tabClassActive: 1, |
| | | dialogFlag: false, |
| | | pageNum: 1, |
| | |
| | | stockType: '', |
| | | tabsClassArr: [ |
| | | { |
| | | name: "沪深京", |
| | | name: this.$t('hj63'), |
| | | type: 0 |
| | | }, |
| | | { |
| | | name: "指数", |
| | | name: this.$t('hj51'), |
| | | type: 1 |
| | | }, |
| | | |
| | | { |
| | | name: "科创", |
| | | name: this.$t('hj64'), |
| | | type: 2 |
| | | }, |
| | | // { |
| | |
| | | // type: 3 |
| | | // } |
| | | { |
| | | name: "美股", |
| | | name: this.$t('hj65'), |
| | | type: 3 |
| | | }, |
| | | { |
| | | name: "港股", |
| | | name: this.$t('hj66'), |
| | | type: 4 |
| | | }, |
| | | { |
| | | name: "新股", |
| | | name: this.$t('hj3'), |
| | | type: 5 |
| | | } |
| | | ], |
| | |
| | | }, |
| | | async changeSg() { |
| | | if (!this.sgNum) { |
| | | Toast('数量不能为空'); |
| | | Toast(this.$t('hj67')); |
| | | return; |
| | | }; |
| | | //this.sgNum必须是数字并且不能小于1 |
| | | if (this.sgNum < 1) { |
| | | Toast('数量不能小于1'); |
| | | Toast(this.$t('hj68')); |
| | | return; |
| | | } |
| | | if (this.sgNum > this.orderNumber) { |
| | | Toast('数量不能大于' + this.orderNumber); |
| | | Toast(this.$t('hj69') + this.orderNumber); |
| | | return; |
| | | } |
| | | |
| | |
| | | this.sgsj = ''; |
| | | this.rjsj = ''; |
| | | this.orderNumber = ''; |
| | | Toast('申购成功'); |
| | | Toast(this.$t('hj70')); |
| | | this.$router.push({ path: '/warehouse?index=3' }); |
| | | } else { |
| | | Toast(data.msg); |
| | |
| | | async options(val) { |
| | | if(this.tabsItemIndex == 1){ |
| | | this.$message({ |
| | | message: '指数暂不支持自选!', |
| | | message: this.$t('hj71'), |
| | | type: 'warning' |
| | | }); |
| | | return; |