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,41 +9,132 @@
      >
        {{ 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"
      :finished-text="$t('hj43')"
      :loading-text="$t('hj430')"
      @load="onLoad"
    >
      <div
      <div v-if="actives === 0"
        class="sport-content-li"
        :style="actives === 1 ? 'height:5.52rem' : 'height:7.52rem'"
        v-for="(item, index) in dataList"
        :key="index"
      >
        <div class="title-box">
          <div class="span">{{ item.stockName }}</div>
          <div
            class="states"
            :class="item.orderDirection === '买跌' ? 'states-red' : ''"
          >
            {{ $t(item.orderDirection) }}
        @click="$router.push(`/Stockdetail?codes=${item.positionSn}`)" >
        <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>

       <!-- <van-row>
          <van-col span="8">
            <div style="text-align: left">
              <div class="sport-content-title2">{{ $t("盈虧") }} (USD)</div>
              <div class="sport-content-text" style="color: #d04b64">
                {{ item.profitAndLose }}
              <div class="sport-content-title2" >
                {{ $t("盈虧") }} ({{ activeObj.symbolCode }})
              </div>
              <div class="sport-content-text2" :style="item.profitAndLoseParent.charAt(0)=='-'?'color:#cc1b1b;':'color:#3e9976;'">
                ¥{{ item.profitAndLose | _toLocaleString }}
              </div>
            </div>
          </van-col>
          <van-col span="8">
            <div style="text-align: center">
              <div class="sport-content-title2">{{ $t("hj141") }} (USD)</div>
              <div class="sport-content-text2">
              <div class="sport-content-title2">
                {{ $t("hj141") }} ({{ activeObj.symbolCode }})
              </div>
              <div class="sport-content-text2" :style="item.profitAndLoseParent.charAt(0)=='-'?'color:#cc1b1b;':'color:#3e9976;'">
                {{ item.profitAndLoseParent }}
              </div>
            </div>
@@ -51,52 +142,38 @@
          <van-col span="8">
            <div style="text-align: right">
              <div class="sport-content-title2">{{ $t("倉位(股)") }}</div>
              <div class="sport-content-text">{{ item.orderNum }}</div>
              <div class="sport-content-text2">{{ item.orderNum }}</div>
            </div></van-col
          >
        </van-row>
        <van-row>
          <van-col span="8">
            <div style="text-align: left">
              <div class="sport-content-title2">{{ $t("hj40") }}(USD)</div>
              <div class="sport-content-text2">{{ item.now_price }}</div>
            </div>
          </van-col>
          <van-col span="8">
            <div style="text-align: center">
              <div class="sport-content-title2">{{ $t("持倉價") }} (USD)</div>
              <div class="sport-content-text2">{{ item.buyOrderPrice }}</div>
            </div>
          </van-col>
          <van-col span="8">
            <div style="text-align: right">
              <div class="sport-content-title2">{{ $t("訂單金額") }} (USD)</div>
              <div class="sport-content-text2">{{ item.orderTotalPrice }}</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">
                {{ $t("開倉手續費") }} (USD)
                {{ $t("hj40") }}({{ activeObj.symbolCode }})
              </div>
              <div class="sport-content-text2">{{ item.orderFee }}</div>
              <div class="sport-content-text2">
                ¥{{ item.now_price | _toLocaleString }}
              </div>
            </div>
          </van-col>
          <van-col span="8">
            <div style="text-align: center">
              <div class="sport-content-title2">{{ $t("止損價") }} (USD)</div>
              <div class="sport-content-title2">
                {{ $t("持倉價") }} ({{ activeObj.symbolCode }})
              </div>
              <div class="sport-content-text2">
                -{{ item.profitTargetPrice || "--" }}
                ¥{{ item.buyOrderPrice | _toLocaleString }}
              </div>
            </div>
          </van-col>
          <van-col span="8">
            <div style="text-align: right">
              <div class="sport-content-title2">{{ $t("止盈價") }} (USD)</div>
              <div class="sport-content-title2">
                {{ $t("訂單金額") }} ({{ activeObj.symbolCode }})
              </div>
              <div class="sport-content-text2">
                -{{ item.stopTargetPrice || "--" }}
                ¥{{ item.orderTotalPrice | _toLocaleString }}
              </div>
            </div>
          </van-col>
@@ -104,9 +181,259 @@
        <van-row>
          <van-col span="12">
            <div style="text-align: left">
              <div class="sport-content-title2">
                {{ $t("hj44") }} ({{ activeObj.symbolCode }})
              </div>
              <div class="sport-content-text2">
               ¥{{ item.orderFee | _toLocaleString }}
              </div>
            </div>
          </van-col>
          <van-col span="12">
            <div style="text-align: right">
              <div class="sport-content-title2">
                {{ $t("待补金额") }} ({{ activeObj.symbolCode }})
              </div>
              <div class="sport-content-text2">
               ¥{{ item.amountToBeCovered | _toLocaleString }}
              </div>
            </div>
          </van-col> -->
         <!-- <van-col span="8">
            <div style="text-align: center">
              <div class="sport-content-title2">
                {{ $t("止損價") }} ({{ activeObj.symbolCode }})
              </div>
              <div class="sport-content-text2">
                {{ item.stopTargetPrice | _toLocaleString }}
              </div>
            </div>
          </van-col>
          <van-col span="8">
            <div style="text-align: right">
              <div class="sport-content-title2">
                {{ $t("止盈價") }} ({{ activeObj.symbolCode }})
              </div>
              <div class="sport-content-text2">
                {{ item.profitTargetPrice | _toLocaleString }}
              </div>
            </div>
          </van-col> -->
        </van-row>


        <div class="but-box" v-if="actives === 0" @click.stop="close(item)">
          <div class="but">{{ $t("平仓") }}</div>
          <!-- <div class="but buts">止盈止损</div> -->
        </div>
      </div>


      <div v-if="actives === 1"
        class="sport-content-li"
        :style="actives === 1 ? 'height:5.52rem' : 'height:7.52rem'"
        v-for="(item, index) in newdataList"
        :key="index"
        @click="$router.push(`/Stockdetail?codes=${item.positionSn}`)" >
        <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
              class="states"
              :class="item.orderDirection === '买跌' ? 'states-red' : ''"
            >
              {{ $t(item.orderDirection) }}
            </div>
          </div>
          {{ item.stockSpell }}
        </div>
        <van-row>
          <van-col span="8">
            <div style="text-align: left">
              <div class="sport-content-title2">
                {{ $t("盈虧") }} ({{ activeObj.symbolCode }})
              </div>
              <div class="sport-content-text2" :style="item.profitAndLoseParent.charAt(0)=='-'?'color:#cc1b1b;':'color:#3e9976;'">
                ¥{{ item.profitAndLose | _toLocaleString }}
              </div>
            </div>
          </van-col>
          <van-col span="8">
            <div style="text-align: center">
              <div class="sport-content-title2">
                {{ $t("hj141") }} ({{ activeObj.symbolCode }})
              </div>
              <div class="sport-content-text2" :style="item.profitAndLoseParent.charAt(0)=='-'?'color:#cc1b1b;':'color:#3e9976;'">
                {{ item.profitAndLoseParent }}
              </div>
            </div>
          </van-col>
          <van-col span="8">
            <div style="text-align: right">
              <div class="sport-content-title2">{{ $t("倉位(股)") }}</div>
              <div class="sport-content-text2">{{ item.orderNum }}</div>
            </div></van-col
          >
        </van-row>
        <van-row>
          <van-col span="8">
            <div style="text-align: left">
              <div class="sport-content-title2">
                {{ $t("hj40") }}({{ activeObj.symbolCode }})
              </div>
              <div class="sport-content-text2">
                ¥{{ item.now_price | _toLocaleString }}
              </div>
            </div>
          </van-col>
          <van-col span="8">
            <div style="text-align: center">
              <div class="sport-content-title2">
                {{ $t("持倉價") }} ({{ activeObj.symbolCode }})
              </div>
              <div class="sport-content-text2">
                ¥{{ item.buyOrderPrice | _toLocaleString }}
              </div>
            </div>
          </van-col>
          <van-col span="8">
            <div style="text-align: right">
              <div class="sport-content-title2">
                {{ $t("訂單金額") }} ({{ activeObj.symbolCode }})
              </div>
              <div class="sport-content-text2">
                ¥{{ item.orderTotalPrice | _toLocaleString }}
              </div>
            </div>
          </van-col>
        </van-row>
        <van-row>
          <van-col span="8">
            <div style="text-align: left">
              <div class="sport-content-title2">
                {{ $t("hj44") }} ({{ activeObj.symbolCode }})
              </div>
              <div class="sport-content-text2">
               ¥{{ item.orderFee | _toLocaleString }}
              </div>
            </div>
          </van-col> -->
         <!-- <van-col span="8">
            <div style="text-align: center">
              <div class="sport-content-title2">
                {{ $t("止損價") }} ({{ activeObj.symbolCode }})
              </div>
              <div class="sport-content-text2">
                {{ item.stopTargetPrice | _toLocaleString }}
              </div>
            </div>
          </van-col>
          <van-col span="8">
            <div style="text-align: right">
              <div class="sport-content-title2">
                {{ $t("止盈價") }} ({{ activeObj.symbolCode }})
              </div>
              <div class="sport-content-text2">
                {{ item.profitTargetPrice | _toLocaleString }}
              </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 class="sport-content-text2">
                {{ $moment(item.buyOrderTime).format("YYYY-MM-DD HH:mm:ss") }}
                {{ $moment(item.buyOrderTime).format("DD-MM-YYYY hh:mm:ss A") }}
              </div>
            </div>
          </van-col>
@@ -116,10 +443,10 @@
              <div class="sport-content-text2">{{ item.buyOrderId }}</div>
            </div>
          </van-col>
        </van-row>
        </van-row> -->

        <div class="but-box" v-if="actives === 0">
          <div class="but" @click="close(item)">{{ $t("平仓") }}</div>
        <div class="but-box" v-if="actives === 0" @click.stop="close(item)">
          <div class="but">{{ $t("平仓") }}</div>
          <!-- <div class="but buts">止盈止损</div> -->
        </div>
      </div>
@@ -140,9 +467,10 @@
          </div>
          <div class="hang">
            <div class="left">{{ $t("倉位(股)") }}</div>
            <div class="right" style="color: rgb(3, 173, 143)">
            <!-- <div class="right" style="color: rgb(3, 173, 143)">
              {{ closeSell.orderNum }}
            </div>
            </div> -->
            <input class="input_box" type="number" :max="closeSell.orderNum" :placeholder="$t('hj262')"  v-model="ordernum" />
          </div>
          <div class="hang">
            <div class="left">{{ $t("類型") }}</div>
@@ -166,16 +494,23 @@
      default: {},
    },
  },
  mounted() {
    this.getList();
  },
  data() {
    return {
      pageNum: 1,
      pageSize: 15,
      pageSize: 150,
      loading: true,
      typeindex:0,
      finished: false,
      closeSell: {},
      show: false,
      actives: 0,
      ordernum:'',
      dataList: [],
      newdataList:[],
      timer: null,
      tabsList: [
        {
          title: this.$t("持倉"),
@@ -189,28 +524,64 @@
      ],
    };
  },
  created(){
   this.dsq()
  },
  beforeDestroy() {
    clearInterval(this.timer); // 在组件销毁前清除定时器
  },
  methods: {
    dsq(){
      // this.dataList = [];
      this.timer = setInterval(() => {
        this.getList();
      }, 1000);
    },
    pushRouter(item) {
      const obj = {
        pid: item.stockCode || "",
        type: item.stockGid || "",
      };
      window.localStorage.setItem("kLine", JSON.stringify(obj));
      // return;
      var codes = item.stockCode;
      var names = item.stockName;

      this.$router.push({
        path: "/kline",
        query: {
          name: names,
          code: codes,
          if_us: "",
          if_zhishu: 0,
          sok: "",
          type: item.stockGid,
        },
      });
    },
    onLoad() {
      this.pageNum++;
      // this.pageNum++;
      this.loading = true;
      this.getList();
    },
    async confirm() {
      this.$refs.closeDialog.show = false;
      const res = await sell({
        positionSn: this.closeSell.positionSn,
        number:this.ordernum
      });
      if (res.status === 0) {
        this.$refs.closeDialog.show = false;
        this.dataList = [];
        this.pageNum = 1;
        this.finished = false;
        Notify({ type: "success", message: res.msg });
        this.getList();
        this.$emit("closingPosition");
      } else {
        Notify({ type: "danger", message: res.msg });
      }
    },
    async getList(laber) {
      console.log(laber);
    // 获取仓位列表
    async getLists(laber) {
      if (laber) {
        this.dataList = [];
        this.pageNum = 1;
@@ -219,19 +590,38 @@
      const res = await getchicang({
        state: this.actives,
        stockType: laber || this.activeObj.laber,
        pageNum: this.pageNum,
        pageSize: this.pageSize,
        pageNum: 1,
        pageSize: 30,
      });
      if (res.data.total <= this.dataList.length) {
        this.finished = true;
      }

      this.loading = false;
      if (res.status === 0) {
        if (this.pageNum !== 1) {
          this.dataList = [...this.dataList, ...res.data.list];
        } else {
          this.dataList = res.data.list;
        }
        this.newdataList = res.data.list;
        this.finished = true;
      } else {
        this.loading = false;
        this.finished = true;
      }
    },
    // 获取仓位列表
    async getList(laber) {
      if (laber) {
        this.dataList = [];
        this.pageNum = 1;
        this.finished = false;
      }
      const res = await getchicang({
        state: this.actives,
        stockType: laber || this.activeObj.laber,
        pageNum: 1,
        pageSize: 30,
      });

      this.loading = false;
      if (res.status === 0) {
        this.dataList = []
        this.dataList = res.data.list;
        this.finished = true;
      } else {
        this.loading = false;
        this.finished = true;
@@ -240,19 +630,76 @@
    close(item) {
      this.closeSell = item;
      this.$refs.closeDialog.show = true;
      this.ordernum = ''
    },
    clickTabs(e) {
      this.dataList = [];

    clickTabs(e,i) {
      this.typeindex = i;
      this.pageNum = 1;
      this.finished = false;
      this.actives = e.key;
      this.getList();
      this.newdataList = []
      this.dataList = []

      if(e.key==1){
        clearInterval(this.timer); // 在组件销毁前清除定时器
        // clearTimeout(this.timer);
        // setTimeout(()=>{
        //   clearInterval(this.timer); // 在组件销毁前清除定时器
        // },3000)
        this.getLists()
        // this.startPolling();
        // this.dsq()
      }else{
        clearInterval(this.timer); // 在组件销毁前清除定时器
        this.dsq()
      }
      this.$forceUpdate(); // 强制Vue重新渲染

      // this.getList()
      // if(e.key !=this.actives){


      // }else{
      //   this.actives = e.key;
      //   this.dsq()
      // }
    },
  },
};
</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;

            padding: 0 4px;
  }
.sport-tabs {
  // font-family: PingFang SC;
  font-family: "DINPro";
@@ -329,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 {
@@ -350,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;
@@ -359,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 {