feat

lxf

2025-04-24 6ae727d83d6e42428711fa2337528679aae239eb

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

@@ -22,6 +22,19 @@
            {{ $t("hj315") }}
          </div>
        </van-col>
        <van-col span="6" v-if="active == 'ST'">
          <van-popover
            theme="dark"
            v-model="showPopover"
            trigger="click"
            :actions="actions"
            @select="onSelect"
          >
            <template #reference>
              <van-button type="primary">الترتيب</van-button>
            </template>
          </van-popover>
        </van-col>
      </van-row>
    </div>
    <van-pull-refresh
@@ -46,7 +59,7 @@
          :key="item.indexCode"
        >
          <van-row type="flex" align="center" gutter="20">
            <van-col span="8">
            <van-col span="8" style="padding-right: 0 !important;">
              <div>
                <div class="tp">
                  <div class="collection" @click="optionszx(item)">
@@ -58,13 +71,14 @@
                  <div
                    class="title_color"
                    style="
                      font-size: 14px;
                      width: 100%;
                      overflow: hidden;
                      text-overflow: ellipsis;
                      white-space: nowrap;
                    "
                  >
                    {{ item.st_name || item.stockName }}
                    {{ item.name || item.stockName }}
                  </div>
                </div>
                <div class="bt">
@@ -95,7 +109,7 @@
              <div style="text-align: right">
                <div
                  class="tp right_bs"
                  :class="`${item.hcrateP.charAt(0) == '+' ? 'green' : 'red'}`"
                  :class="`${item.hcrate > 0 ? 'green' : 'red'}`"
                >
                  <span class="price_color">{{ item.hcrateP }}</span>
                </div>
@@ -177,13 +191,20 @@
  },
  data() {
    return {
      showPopover: false,
      loadings: false,
      finished: false,
      listArr: [],
      pageNumVal: 1,
      getInterval: null,
      num: 1,
      refreshing: false
      orderBy: '',
      refreshing: false,
      actions:[
        { text: 'ترتيب', zh: '升序', val: 'asc' },
        { text: 'التخفيض',zh:'降序' , val: 'desc'},
        { text: 'طبيعي' ,zh: '正常', val: ''},
      ]
    };
  },
  beforeDestroy() {
@@ -202,6 +223,10 @@
    // }, 5000);
  },
  methods: {
    onSelect(action) {
      this.orderBy = (action.val);
      this.getStock(this.active, this.zxactive, 1);
    },
    filterSH(val) {
      if (val === "sh") {
        return 1;
@@ -221,8 +246,7 @@
      // 点击进入详情
      const obj = {
        pid: item.code || "",
        type: item.stock_type || "",
        name: item.name || ""
        type: item.stock_type || ""
      };
      window.localStorage.setItem("kLine", JSON.stringify(obj));
      // return;
@@ -231,7 +255,6 @@
      var ifZhishu = "0";
      var ifUs =
        item.stock_type === "us" ? "1" : item.stock_type === "hk" ? "2" : "";
      console.log("td_item:", item);
      this.$router.push({
        path: "/kline",
        query: {
@@ -266,7 +289,7 @@
        stockPlate: "",
        keyWords: this.sousuo,
        stockType: stockType,
        orderBy: ""
        orderBy: this.orderBy
      };

      // console.log();
@@ -280,15 +303,13 @@
        } else if (a == "HJ") {
          data = await api.getGoldCrudeOil();

          data.data.list = Object.entries(data.data).map(([name, nowPrice]) => {
            let nowPriceArr = Object.entries(nowPrice);
            return {
          data.data.list = Object.entries(data.data).map(
            ([name, nowPrice]) => ({
              name,
              st_name: nowPriceArr[0][0],
              nowPrice: nowPriceArr[0][1],
              nowPrice,
              stock_type: "HJ"
            };
          });
            })
          );
        } else {
          //大宗
          opt.stockType = "";
@@ -315,7 +336,6 @@
              this.listArr = data.data.list;
              this.loadings = false;
              // this.finished = true;
              console.log("listArr", this.listArr);
              if (this.listArr.length % 20) {
                this.finished = true;
              }