111
DESKTOP-CVS3R96\我恁爹
2022-11-12 ae92f41d5c59f5cdb0097bf549b6c3e3e8e4eb3b
src/page/list/trading-list.vue
@@ -44,7 +44,8 @@
              <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'">
@@ -57,17 +58,18 @@
                    <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
                          }}
@@ -82,13 +84,13 @@
                          }}
                        </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>
@@ -102,12 +104,15 @@
                              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">
@@ -218,11 +223,15 @@
                  {{ '¥ ' + $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"
@@ -286,7 +295,7 @@
                      $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)
@@ -298,12 +307,12 @@
                    $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>
@@ -311,9 +320,9 @@
          <div class="tops_title">
            <div>
              <span>
                {{ tabsItemIndex == 1 ? '指数' : tabsItemIndex == 0 ? '沪深' : tabsItemIndex == 2 ? '科创' :
                {{ tabsItemIndex == 1 ? '指数' : tabsItemIndex == 0 ? '股票' : tabsItemIndex == 2 ? '股票' :
                    tabsItemIndex ==
                      3 ? '期货' : ''
                      3 ? '股票' : ''
                }}
              </span>
              <span>{{ '资产' }}</span>
@@ -322,9 +331,9 @@
          <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>
@@ -337,9 +346,9 @@
          <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>
@@ -352,9 +361,9 @@
          <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>
@@ -371,13 +380,13 @@
                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>
@@ -436,7 +445,7 @@
        // }
        {
          name: "新股",
          type: 4
          type: 3
        }
      ],
      tabsItemIndex: 0,
@@ -499,6 +508,7 @@
      // }
    },
    gpinput() {
      this.pageNum = 1;
      this.listArr = [];
      this.loading = true;
@@ -575,7 +585,7 @@
        // 成功
        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() {
@@ -654,6 +664,7 @@
      }
    },
    handleGoToKlineDetail(item) {
      var codes = "";
      var names = "";
      var stock_type = "";
@@ -682,6 +693,8 @@
          if_zhishu = '0';
          break;
        case 3:
          return;
          codes = item.futuresGid;
          names = item.futuresName;
          soks = 0;
@@ -715,26 +728,44 @@
    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;
      //获取自选列表
@@ -783,6 +814,7 @@
      this.pageNum = 1;
      this.finished = false;
      this.loading = true;
      console.log(item.type,"阿斯顿八岁的跟随阿达");
      switch (item.type) {
        case 1:
          this.listArr = [];
@@ -1494,4 +1526,8 @@
/deep/.van-list__loading {
  margin-top: 0.2rem;
}
.hongse{
  background-color: #4d73b1!important;
}
</style>