1

PC-20250623MANY\Administrator

2025-08-24 f81748fba333d7831c3af28d43f067fe544441a9

 src/page/user/myOrder.vue

@@ -1,5 +1,6 @@
<template>
  <div class="my_order">
    <tab-head :title="$t('订单')"></tab-head>
    <van-tabs v-model="active" title-inactive-color="#898a8e">
      <van-tab
        :title="$t('hj2')"
@@ -28,12 +29,12 @@
            {{ i.orderDirection == "买涨" ? $t("gm") : $t("hj78") }}
          </div>
        </div>
        <div class="moli_orderTitle">
        <!-- <div class="moli_orderTitle">
          <span>{{ $t("订单号") }}</span>
          <span style="margin-left: 1em;">{{ i.buyOrderId }}</span>
        </div>
        <div style="display:flex;flex-wrap:wrap;padding-bottom: .35rem;">
          <div class="tui-wrapItem flex-start">
        </div> -->
        <div style="display:flex;flex-wrap:wrap;padding:0 .3rem .35rem;">
          <!-- <div class="tui-wrapItem flex-start">
            <div>
              {{ $t("Price") }}
            </div>
@@ -78,19 +79,95 @@
            <div style="margin-left: .25rem;">
              {{ $moment(i.buyOrderTime).format("DD-MM-YYYY hh:mm:ss A") }}
            </div>
          </div> -->

          <div class="tui-wrapItem" style="width: 25%;">
            <div style="font-size: 0.28rem;margin-bottom: .25rem;">
              {{ $t("MingCheng") }}/{{ $t("市值") }}
            </div>
            <div style="font-size: .4rem;">
              {{ i.stockSpell }}
            </div>
            <div style="font-size: .28rem;">
              {{ i.orderTotalPrice }}
            </div>
          </div>

          <div class="tui-wrapItem" style="width: 22%;">
            <div
              style="font-size: 0.28rem;margin-bottom: .25rem;text-align: center;"
            >
              {{ $t("持股") }}/{{ $t("可卖") }}
            </div>
            <div style="font-size: .4rem;text-align: center;">
              {{ i.orderNum }}
            </div>
            <div style="font-size: .28rem;text-align: center;">
              {{ i.orderNum }}
            </div>
          </div>

          <div class="tui-wrapItem" style="width: 25%;">
            <div
              style="font-size: 0.28rem;margin-bottom: .25rem;text-align: end;"
            >
              {{ $t("Current") }}/{{ $t("Cost") }}
            </div>
            <div style="font-size: .4rem;text-align: end;">
              {{ i.now_price }}
            </div>
            <div style="font-size: .28rem;text-align: end;">
              {{ i.buyOrderPrice }}
            </div>
          </div>

          <div class="tui-wrapItem" style="width: 28%;">
            <div
              style="font-size: 0.28rem;margin-bottom: .25rem;text-align: end;"
            >
              {{ $t("盈虧") }}/{{ $t("hj141") }}
            </div>
            <div
              style="font-size: .4rem;text-align: end;"
              :style="
                `color:${
                  i.profitAndLose > 0
                    ? 'green'
                    : i.profitAndLose < 0
                    ? 'red'
                    : ''
                }`
              "
            >
              {{ i.profitAndLose }}
            </div>
            <div
              style="font-size: .28rem;text-align: end;"
              :style="
                `color:${
                  i.profitAndLose > 0
                    ? 'green'
                    : i.profitAndLose < 0
                    ? 'red'
                    : ''
                }`
              "
            >
              {{ i.profitAndLoseParent }}
            </div>
          </div>
        </div>

        <div class="jiaoyi-action flex-between" v-if="actIndex == index">
          <div class="action-item flex-center">
          <div class="action-item flex-center" @click="goBuy(i, 1)">
            <img src="@/assets/img/mr.png" />
            <div class="action-item-text">{{ $t("gm") }}</div>
          </div>
          <div class="action-item flex-center">
          <div class="action-item flex-center" @click="goBuy(i, 0)">
            <img src="@/assets/img/mc.png" />
            <div class="action-item-text">{{ $t("hj78") }}</div>
          </div>
          <div class="action-item flex-center">
          <div class="action-item flex-center" @click="toDetails(i)">
            <img src="@/assets/img/pc.png" />
            <div class="action-item-text">{{ $t("平仓") }}</div>
          </div>
@@ -197,8 +274,12 @@
</template>

<script>
import tabHead from "@/components/tabHead.vue";
import * as api from "@/axios/api";
export default {
  components: {
    tabHead
  },
  data() {
    return {
      active: "0",
@@ -247,6 +328,31 @@
      if (!this.Operation) return;
      this.actObj = i;
      this.actIndex = index;
    },
    goBuy(i, index) {
      // console.log("ddddd", i);
      // return;
      this.$router.push({
        path: "/TradingBuy",
        query: {
          t: index,
          code: i.stockCode,
          m: i.now_price,
          id: i.stockId,
          name: i.stockName,
          spell: i.stockSpell,
          bayType: i.stockGid,
          gid: i.stockGidJb
        }
      });
    },
    // 平仓跳转详情
    toDetails(i) {
      if (!i.positionSn) return;
      this.$router.push({
        path: "/Stockdetail",
        query: { codes: i.positionSn }
      });
    }
  }
};
@@ -298,10 +404,10 @@
        }
      }
      .tui-wrapItem {
        padding: 0.175rem 0.3rem 0;
        padding: 0.175rem 0rem 0;
        color: #898a8e;
        width: 54%;
        line-height: .4rem;
        line-height: 0.4rem;
      }
      .moli_orderTitle {
        padding: 0.3rem 0.3rem 0;