1

jhzh

2025-07-19 d37ceed2ad5b94bbfc71a8a4cbdb7b498ddf724d

 src/page/user/Warehouse/data.list.vue

@@ -1,6 +1,6 @@
<template>
  <div>
    <ul class="sport-tabs">
    <!-- <ul class="sport-tabs">
      <li
        :class="actives === item.key && 'active'"
        v-for="item in tabsList"
@@ -9,7 +9,12 @@
      >
        {{ item.title }}
      </li>
    </ul>
    </ul> -->
    <div class="list">
      <div class="list_box" v-for="(item, index) in tabsList" :key="index" :name="item.key">
        <div @click="clickTabs(item,index)" :class="typeindex==index?'list_box_txts':'list_box_txt'">{{ item.title }}</div>
      </div>
    </div>
    <van-list
      v-model="loading"
      :finished="finished"
@@ -23,7 +28,7 @@
        v-for="(item, index) in dataList"
        :key="index"
        @click="$router.push(`/Stockdetail?codes=${item.positionSn}`)" >
        <div @click.stop="pushRouter(item)">
        <div @click.stop="pushRouter(item)" style="border-bottom: 1px dashed #d9d7de;padding-bottom: 15px;">

          <div class="title-box" style="justify-content: space-between;">
            <div class="span" :style="item.isListed==false?'color:red;':''">{{ item.stockName }}</div>
@@ -37,6 +42,83 @@
          {{ item.stockSpell }}
        </div>
        <van-row>
          <van-col span="18">
            <div style="text-align: left">
              <div class="sport-content-title2">{{ $t("持倉時間") }}{{ $moment(item.buyOrderTime).format("DD-MM-YYYY hh:mm:ss A") }}</div>
              <!-- <div class="sport-content-title2">{{ $t("訂單編號") }}</div> -->
            </div>
          </van-col>
          <van-col span="6">
            <div style="text-align: right">
              <div class="sport-content-text2" :style="item.profitAndLoseParent.charAt(0)=='-'?'color:#cc1b1b;':'color:#3e9976;'">
                {{ item.profitAndLoseParent }}
              </div>
              <!-- <div class="sport-content-text2">{{ item.buyOrderId }}</div> -->
            </div>
          </van-col>
        </van-row>
        <van-row>
          <van-col span="12">
            <div style="text-align: left">
              <div class="sport-content-title2">{{ $t("hj101") }}</div>
            </div>
          </van-col>
          <van-col span="12">
            <div style="text-align: right">
              <div class="sport-content-text2">{{ item.orderLever }}</div>
            </div>
          </van-col>
        </van-row>
        <van-row>
          <van-col span="12">
            <div style="text-align: left">
              <div class="sport-content-title2">{{ $t("倉位(股)") }}</div>
            </div>
          </van-col>
          <van-col span="12">
            <div style="text-align: right">
              <div class="sport-content-text2">{{ item.orderNum }}</div>
            </div>
          </van-col>
        </van-row>
        <van-row>
          <van-col span="12">
            <div style="text-align: left">
              <div class="sport-content-title2">{{ $t("持倉價") }}</div>
            </div>
          </van-col>
          <van-col span="12">
            <div style="text-align: right">
              <div class="sport-content-text2">{{ item.buyOrderPrice  }}</div>
            </div>
          </van-col>
        </van-row>
        <van-row>
          <van-col span="12">
            <div style="text-align: left">
              <div class="sport-content-title2">{{ $t("盈虧") }}</div>
            </div>
          </van-col>
          <van-col span="12">
            <div style="text-align: right">
              <div class="sport-content-text2">{{ item.profitAndLose}}</div>
            </div>
          </van-col>
        </van-row>
        <van-row>
          <van-col span="12">
            <div style="text-align: left">
              <div class="sport-content-title2">{{ $t("hj44") }} ({{ activeObj.symbolCode }})</div>
            </div>
          </van-col>
          <van-col span="12">
            <div style="text-align: right">
              <div class="sport-content-text2">¥{{ item.orderFee }}</div>
            </div>
          </van-col>
        </van-row>

       <!-- <van-row>
          <van-col span="8">
            <div style="text-align: left">
              <div class="sport-content-title2" >
@@ -63,8 +145,8 @@
              <div class="sport-content-text2">{{ item.orderNum }}</div>
            </div></van-col
          >
        </van-row>
        <van-row>
        </van-row> -->
       <!-- <van-row>
          <van-col span="8">
            <div style="text-align: left">
              <div class="sport-content-title2">
@@ -116,7 +198,7 @@
               ¥{{ item.amountToBeCovered | _toLocaleString }}
              </div>
            </div>
          </van-col>
          </van-col> -->
         <!-- <van-col span="8">
            <div style="text-align: center">
              <div class="sport-content-title2">
@@ -138,22 +220,7 @@
            </div>
          </van-col> -->
        </van-row>
        <van-row>
          <van-col span="12">
            <div style="text-align: left">
              <div class="sport-content-title2">{{ $t("持倉時間") }}</div>
              <div class="sport-content-text2">
                {{ $moment(item.buyOrderTime).format("DD-MM-YYYY hh:mm:ss A") }}
              </div>
            </div>
          </van-col>
          <van-col span="12">
            <div style="text-align: right">
              <div class="sport-content-title2">{{ $t("訂單編號") }}</div>
              <div class="sport-content-text2">{{ item.buyOrderId }}</div>
            </div>
          </van-col>
        </van-row>


        <div class="but-box" v-if="actives === 0" @click.stop="close(item)">
          <div class="but">{{ $t("平仓") }}</div>
@@ -168,7 +235,96 @@
        v-for="(item, index) in newdataList"
        :key="index"
        @click="$router.push(`/Stockdetail?codes=${item.positionSn}`)" >
        <div @click.stop="pushRouter(item)">
        <div @click.stop="pushRouter(item)" style="border-bottom: 1px dashed #d9d7de;padding-bottom: 15px;">

          <div class="title-box" style="justify-content: space-between;">
            <div class="span" :style="item.isListed==false?'color:red;':''">{{ item.stockName }}</div>
            <div
              class="states"
              :class="item.orderDirection === '买跌' ? 'states-red' : ''"
            >
              {{ $t(item.orderDirection) }}
            </div>
          </div>
          {{ item.stockSpell }}
        </div>
        <van-row>
          <van-col span="18">
            <div style="text-align: left">
              <div class="sport-content-title2">{{ $t("持倉時間") }}{{ $moment(item.buyOrderTime).format("DD-MM-YYYY hh:mm:ss A") }}</div>
              <!-- <div class="sport-content-title2">{{ $t("訂單編號") }}</div> -->
            </div>
          </van-col>
          <van-col span="6">
            <div style="text-align: right">
              <div class="sport-content-text2" :style="item.profitAndLoseParent.charAt(0)=='-'?'color:#cc1b1b;':'color:#3e9976;'">
                {{ item.profitAndLoseParent }}
              </div>
              <!-- <div class="sport-content-text2">{{ item.buyOrderId }}</div> -->
            </div>
          </van-col>
        </van-row>
        <van-row>
          <van-col span="12">
            <div style="text-align: left">
              <div class="sport-content-title2">{{ $t("hj101") }}</div>
            </div>
          </van-col>
          <van-col span="12">
            <div style="text-align: right">
              <div class="sport-content-text2">{{ item.orderLever }}</div>
            </div>
          </van-col>
        </van-row>
        <van-row>
          <van-col span="12">
            <div style="text-align: left">
              <div class="sport-content-title2">{{ $t("倉位(股)") }}</div>
            </div>
          </van-col>
          <van-col span="12">
            <div style="text-align: right">
              <div class="sport-content-text2">{{ item.orderNum }}</div>
            </div>
          </van-col>
        </van-row>
        <van-row>
          <van-col span="12">
            <div style="text-align: left">
              <div class="sport-content-title2">{{ $t("持倉價") }}</div>
            </div>
          </van-col>
          <van-col span="12">
            <div style="text-align: right">
              <div class="sport-content-text2">{{ item.buyOrderPrice  }}</div>
            </div>
          </van-col>
        </van-row>
        <van-row>
          <van-col span="12">
            <div style="text-align: left">
              <div class="sport-content-title2">{{ $t("盈虧") }}</div>
            </div>
          </van-col>
          <van-col span="12">
            <div style="text-align: right">
              <div class="sport-content-text2">{{ item.profitAndLose}}</div>
            </div>
          </van-col>
        </van-row>
        <van-row>
          <van-col span="12">
            <div style="text-align: left">
              <div class="sport-content-title2">{{ $t("hj44") }} ({{ activeObj.symbolCode }})</div>
            </div>
          </van-col>
          <van-col span="12">
            <div style="text-align: right">
              <div class="sport-content-text2">¥{{ item.orderFee }}</div>
            </div>
          </van-col>
        </van-row>
        <!-- <div @click.stop="pushRouter(item)">
          <div class="title-box" style="justify-content: space-between;">
            <div class="span">{{ item.stockName }}</div>
            <div
@@ -250,7 +406,7 @@
               ¥{{ item.orderFee | _toLocaleString }}
              </div>
            </div>
          </van-col>
          </van-col> -->
         <!-- <van-col span="8">
            <div style="text-align: center">
              <div class="sport-content-title2">
@@ -271,7 +427,7 @@
              </div>
            </div>
          </van-col> -->
        </van-row>
        <!-- </van-row>
        <van-row>
          <van-col span="12">
            <div style="text-align: left">
@@ -287,7 +443,7 @@
              <div class="sport-content-text2">{{ item.buyOrderId }}</div>
            </div>
          </van-col>
        </van-row>
        </van-row> -->

        <div class="but-box" v-if="actives === 0" @click.stop="close(item)">
          <div class="but">{{ $t("平仓") }}</div>
@@ -346,6 +502,7 @@
      pageNum: 1,
      pageSize: 150,
      loading: true,
      typeindex:0,
      finished: false,
      closeSell: {},
      show: false,
@@ -476,7 +633,8 @@
      this.ordernum = ''
    },

    clickTabs(e) {
    clickTabs(e,i) {
      this.typeindex = i;
      this.pageNum = 1;
      this.finished = false;
      this.actives = e.key;
@@ -512,6 +670,30 @@
</script>

<style lang="less" scoped>
  .list_box_txts{
    padding: 12px 24px;
    color: #fff;
    background-color: #185546;
    border-radius: 4px;
  }
  .list{
    display: flex;
    padding: 12px 0;
    height: 60px;
    align-items: center;
    margin: 30px 0;
  }
  .list_box{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    width: 25%;
  }
  .list_box_txt{
    padding: 2px 4px;
    color: #8B8698;
  }
  .input_box{
        text-align: right;
        font-size: 16px;
@@ -594,10 +776,11 @@
}

.sport-content-title2 {
  font-family: Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.29333rem;
  color: #8c9fad;
  font-size: 0.346667rem;
  color: #858093;
  // text-align: left;
}
.sport-content-text {
@@ -615,6 +798,7 @@
  // font-family: "PingFang SC";
  font-style: normal;
  // font-weight: 500;
  font-weight: bold;
  font-size: 0.34667rem;
  color: #14181f;
  word-break: break-word;
@@ -624,19 +808,21 @@
.but-box {
  display: flex;
  justify-content: space-around;
  width: 100%;
  .but {
    text-align: center;

    min-width: 2.13333rem;
    height: 0.69333rem;
    line-height: 0.69333rem;
    background: #e6f2ff;
    // min-width: 2.13333rem;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #185546;
    border-radius: 0.10667rem;
    list-style: none;
    font-style: normal;
    font-weight: 400;
    font-size: 0.29333rem;
    color: #0067ed;
    font-size: 0.346667rem;
    color: #fff;
    border: none;
  }
  .buts {