DESKTOP-CVS3R96\我恁爹
2022-11-15 d8f6c671a613b841566c8d7b1f36eb2bb9640ea9
src/page/list/trading-list.vue
@@ -11,7 +11,7 @@
                  <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>
@@ -30,7 +30,7 @@
              <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 />
@@ -38,19 +38,19 @@
          </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">
@@ -97,7 +97,7 @@
                        </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>
@@ -122,7 +122,7 @@
                        </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;">
@@ -147,7 +147,7 @@
                  <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>
@@ -155,20 +155,20 @@
          </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">
@@ -221,7 +221,7 @@
          <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">
@@ -268,7 +268,7 @@
            </div>
            <div class="bottom_balance">
              <div>
                <span>{{ '可用余额' }}</span>
                <span>{{ $t('hj48') }}</span>
              </div>
            </div>
          </div>
@@ -278,7 +278,7 @@
        <div class="card_item">
          <div class="tops_title">
            <div>
              <span>{{ '总资产' }}</span>
              <span>{{ $t('hj49') }}</span>
            </div>
          </div>
          <div class="bottom_price">
@@ -364,7 +364,7 @@
        <div class="card_item">
          <div class="tops_title">
            <div>
              <span>{{ '强平线' }}</span>
              <span>{{ $t('hj50') }}</span>
            </div>
          </div>
          <div class="bottom_price">
@@ -412,12 +412,12 @@
          <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">
@@ -436,7 +436,7 @@
        <div class="card_item">
          <div class="tops_title">
            <div>
              <span>{{ '可用资金' }}</span>
              <span>{{ $t('hj54') }}</span>
            </div>
          </div>
          <div class="bottom_price">
@@ -456,7 +456,7 @@
        <div class="card_item">
          <div class="tops_title">
            <div>
              <span>{{ '冻结保证金' }}</span>
              <span>{{ $t('hj55') }}</span>
            </div>
          </div>
          <div class="bottom_price">
@@ -478,7 +478,7 @@
        <div class="card_item">
          <div class="tops_title">
            <div>
              <span>{{ '持仓总盈亏' }}</span>
              <span>{{ $t('hj56') }}</span>
            </div>
          </div>
          <div class="bottom_price">
@@ -515,23 +515,23 @@
      <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>
@@ -569,7 +569,7 @@
  data() {
    return {
      tabsIndex: 1,
      tabsArr: ["自选", "市场"],
      tabsArr: [this.$t('hj61'), this.$t('hj62')],
      tabClassActive: 1,
      dialogFlag: false,
      pageNum: 1,
@@ -600,16 +600,16 @@
      stockType: '',
      tabsClassArr: [
        {
          name: "沪深京",
          name: this.$t('hj63'),
          type: 0
        },
        {
          name: "指数",
          name: this.$t('hj51'),
          type: 1
        },
        {
          name: "科创",
          name: this.$t('hj64'),
          type: 2
        },
        // {
@@ -617,15 +617,15 @@
        //   type: 3
        // }
        {
          name: "美股",
          name: this.$t('hj65'),
          type: 3
        },
        {
          name: "港股",
          name: this.$t('hj66'),
          type: 4
        },
        {
          name: "新股",
          name: this.$t('hj3'),
          type: 5
        }
      ],
@@ -884,16 +884,16 @@
    },
    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;
      }
@@ -909,7 +909,7 @@
        this.sgsj = '';
        this.rjsj = '';
        this.orderNumber = '';
        Toast('申购成功');
        Toast(this.$t('hj70'));
        this.$router.push({ path: '/warehouse?index=3' });
      } else {
        Toast(data.msg);
@@ -1161,7 +1161,7 @@
    async options(val) {
      if(this.tabsItemIndex == 1){
        this.$message({
          message: '指数暂不支持自选!',
          message: this.$t('hj71'),
          type: 'warning'
        });
        return;