0430号修改

lxf

2025-04-30 b4c4556a5eddf6708ec55b07e3edc15b2217842e

 src/page/list/tradingList/data.list.vue

@@ -58,7 +58,12 @@
          v-for="(item, index) in listArr"
          :key="item.indexCode"
        >
          <van-row type="flex" align="center" gutter="20">
          <van-row
            type="flex"
            align="center"
            justify="space-between"
            gutter="20"
          >
            <van-col span="13" style="padding-right: 0 !important;">
              <div>
                <div class="tp">
@@ -115,17 +120,38 @@
                </div>
              </div>
            </van-col>
            <van-col span="6" v-if="active == 'DZ'">
              <div>
                <div style="text-align: center">
                  {{ $t("差价") }}{{ Math.abs(item.priceSpread) }}
                </div>
                <van-circle
                  v-model="currentRate"
                  :rate="Math.abs(item.priceSpreadPercentum)"
                  :speed="100"
                  :text="textCircle"
                  layer-color="#ebedf0"
                  color="#ee0a24"
                />
              </div>
            </van-col>
          </van-row>
          <div class="box-a" v-if="active == 'DZ'">
            <div class="box_a_left">
              {{ $t("kpsj") }}：{{
                $moment(item.startTime).format("DD-MM-YYYY hh:mm:ss A")
              }}
              <div class="box_a_left-t">
                {{ $t("gbsj") }}
              </div>
              <div class="box_a_left-b">
                {{ $moment(item.endTime).format("DD-MM-YYYY") }}
              </div>
            </div>
            <div class="box_a_right">
              {{ $t("gbsj") }}：{{
              <!-- {{ $t("gbsj") }}：{{
                $moment(item.endTime).format("DD-MM-YYYY hh:mm:ss A")
              }}
              }} -->
              <van-tag type="danger" size="large"
                >{{ $t("申请竞拍") }}
              </van-tag>
            </div>
          </div>
        </div>
@@ -204,13 +230,19 @@
        { text: this.$t("升序"), zh: "升序", val: "asc" },
        { text: this.$t("降序"), zh: "降序", val: "desc" },
        { text: this.$t("正常"), zh: "正常", val: "" }
      ]
      ],
      currentRate: 0
    };
  },
  beforeDestroy() {
    if (this.Trade) {
      this.Trade.close();
      console.log("WebSocket disconnected");
    }
  },
  computed: {
    textCircle() {
      return `${this.currentRate.toFixed(0)}%` + this.$t("溢价率");
    }
  },
  mounted() {
@@ -425,6 +457,7 @@
.box-a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  margin-top: 10px;
}
@@ -494,4 +527,18 @@
  text-align: left;
  color: #14181f;
}

.box_a_left-t {
  background: #ee0a24;
  color: #fff;
  padding: 0.1rem 0.3rem;
  border-radius: 0.2rem 0.2rem 0 0;
}
.box_a_left-b {
  background: #fff;
  color: #ee0a24;
  padding: 0.1rem 0.3rem;
  border-radius: 0 0 0.2rem 0.2rem;
  border: 1px #ee0a24 solid;
}
</style>