st-comp 0.0.30 → 0.0.32

package/src/pages/Kline/api.ts

@@ -68,4 +68,18 @@ export const getNetPositionData = async (data: any) => {
     url: 'http://192.168.12.49:88/invest/analysis/queryVarietyNetPositionValue',
     data
   })
-}
+}
+
+/**
+ * @description: 绩效-获取需要连线多笔的买卖点数据
+*/
+export const queryPairedRecordByVariety = async (data: any) => {
+  return axios({
+    method: 'post',
+    headers: {
+      token: 'e077632625ea4b11506db312e186dd06',
+    },
+    url: 'http://192.168.12.49:88/invest/analysis/queryPairedRecordByVariety',
+    data
+  })
+}

package/src/pages/Kline/components/SingleCycleSingleVariety.vue

@@ -7,7 +7,7 @@ import isSameOrAfter from "dayjs/plugin/isSameOrAfter";
 import { ElMessage } from "element-plus";
 import "element-plus/dist/index.css";
 import { formatValue } from "../../../../packages/Kline/utils";
-import { getSingleCycleSingleVariety, getDict, getNetPositionData } from "../api.ts";
+import { getSingleCycleSingleVariety, getDict, getNetPositionData, queryPairedRecordByVariety } from "../api.ts";
 import { mainIndicatorList } from "st-func";
 
 dayjs.extend(isSameOrAfter);
@@ -77,7 +77,7 @@ const config = ref({
     close: true,
     business: false,
     riseAndFall: true,
-    netPosition: true
+    netPosition: true,
   },
   dynamicLoadConfig: {
     historyVisible: true,
@@ -157,7 +157,7 @@ const componentInit = async () => {
     await getDictCycle();
     await getKlineData();
     await getKlinePointData();
-    await getKlineNetPositionData()
+    await getKlineNetPositionData();
     loading.value = false;
     await getKlineExtendData();
   } catch (error) {
@@ -204,93 +204,213 @@ const getKlineData = async () => {
  * @description: 获取点位数据
  */
 const getKlinePointData = async () => {
-  // 1.获取点位接口数据 2.格式化处理[数据合并,匹配K线时间轴] 建议分开,此处demo所以简写
-  const resultApi = [
+  // ------
+  const params = {
+    analyseId: 2229,
+    cycle: cycle.value,
+    ifStock: 0,
+    varietyName: "燃料油",
+  };
+  const res = await queryPairedRecordByVariety(params);
+  const body = res.data.body;
+  // console.log(body);
+  const formatData = [];
+  const markLine = [];
+  // 格式化: 每一笔订单都有开,平两对应的点
+  body.forEach((item) => {
+    let openTime = klineData.value.find((i) => dayjs(i[0]).isSameOrAfter(item.openTime))[0];
+    let closeTime = klineData.value.find((i) => dayjs(i[0]).isSameOrAfter(item.closeTime))[0];
+    // 日线
+    if (cycle.value == 6) {
+      // 只看年月日
+      const toYMD = (value) => {
+        return dayjs(value).format("YYYY-MM-DD");
+      };
+      openTime = klineData.value.find((i) => dayjs(toYMD(i[0])).isSameOrAfter(toYMD(item.openTime)))[0];
+      closeTime = klineData.value.find((i) => dayjs(toYMD(i[0])).isSameOrAfter(toYMD(item.closeTime)))[0];
+    }
+    // 周线
+    if (cycle.value == 7) {
+      // 只看这个时间点的周五
+    }
+    // 月线
+    if (cycle.value == 8) {
+      // 只看这个时间点的年月
+      const toYM = (value) => {
+        return dayjs(value).format("YYYY-MM");
+      };
+      openTime = klineData.value.find((i) => dayjs(toYM(i[0])).isSameOrAfter(toYM(item.openTime)))[0];
+      closeTime = klineData.value.find((i) => dayjs(toYM(i[0])).isSameOrAfter(toYM(item.closeTime)))[0];
+    }
+    const openItem = {
+      tradeAction: "开",
+      direction: item.tradeDirection ? "空" : "多", // 交易方向
+      tradeType: `开${item.tradeDirection ? "空" : "多"}`,
+      amount: item.tradeVolume, // 手数
+      part: null, // 份数
+      profitAndLoss: item.profitAndLoss,
+      time: openTime, // 匹配到X轴的时间
+      markLineTarget: []
+    };
+    // 连线逻辑,当天的不连
+    if (openTime !== closeTime) {
+      openItem.markLineTarget = [
+        { 
+          time: closeTime,
+          name: `平${item.tradeDirection ? "空" : "多"}`,
+          lineStyle: {
+            color: item.profitAndLoss >= 0 ? '#FF0000' : '#389e0d'
+          }
+        }
+      ];
+    }
+    const closeItem = {
+      tradeAction: "平",
+      direction: item.tradeDirection ? "空" : "多", // 交易方向
+      tradeType: `平${item.tradeDirection ? "空" : "多"}`,
+      amount: item.tradeVolume, // 手数
+      part: null, // 份数
+      profitAndLoss: item.profitAndLoss,
+      time: closeTime, // 匹配到X轴的时间
+    };
+    formatData.push(openItem);
+    formatData.push(closeItem);
+    // 连线数据
+    // markLine.push([
+    //   {
+    //     coord: [openTime, 1],
+    //   },
+    //   {
+    //     coord: [closeTime, 1],
+    //   },
+    // ]);
+  });
+  // 数据合并
+  const noRepeatMap = new Map([]);
+  formatData.forEach((i) => {
+    const { time, tradeType } = i;
+    const key = time + tradeType;
+    // 判断这个节点是否已存在数据
+    if (noRepeatMap.has(key)) {
+      // 已存在,说明节点重复,进行数据合并
+      const oldItem = noRepeatMap.get(key);
+      i.amount += oldItem.amount;
+      i.part += oldItem.part;
+      i.profitAndLoss += oldItem.profitAndLoss;
+      if (i.markLineTarget) {
+        // 如果新的markLineTarget没有存在过于老的markLineTarget中
+        const isRepeat = oldItem.markLineTarget.find(
+          (item) => item.time === i.markLineTarget[0].time && item.name === i.markLineTarget[0].name
+        );
+        if (!isRepeat) {
+          i.markLineTarget = [...i.markLineTarget, ...oldItem.markLineTarget];
+        }
+      }
+    }
+    i.tooltip = `<div>${tradeType}: ${i.amount}手<div>`;
+    // 如果是平仓则需要展示盈亏
+    if (i.tradeAction === "平") {
+      i.tooltip += `盈亏：${i.profitAndLoss.toFixed(2)}`;
+    }
+    noRepeatMap.set(key, i);
+  });
+  originPointData.value = [
     {
       key: "sellBuy",
-      data: [
-        {
-          tradeAction: "开", // 交易动作
-          direction: "多", // 交易方向
-          tradeType: "开多", // 交易类型
-          amount: 2, // 手数
-          part: 2, // 份数
-          time: "2024-01-04 22:30:00", // 交易时间
-          tooltip: "<div>买卖点1</div>",
-        },
-        {
-          tradeAction: "平", // 交易动作
-          direction: "空", // 交易方向
-          tradeType: "平空", // 交易类型
-          amount: 2, // 手数
-          part: 2, // 份数
-          time: "2024-01-04 22:40:00", // 交易时间
-          tooltip: "<div>买卖点2</div>",
-        },
-        {
-          tradeAction: "开", // 交易动作
-          direction: "空", // 交易方向
-          tradeType: "开空", // 交易类型
-          amount: 2, // 手数
-          part: 2, // 份数
-          time: "2024-01-04 23:50:00", // 交易时间
-          tooltip: "<div>买卖点3</div>",
-        },
-      ],
+      data: [...noRepeatMap.values()],
     },
     {
       key: "openClose",
-      data: [
-        {
-          tradeAction: "开", // 交易动作
-          direction: "多", // 交易方向
-          tradeType: "开多", // 交易类型
-          amount: 2, // 手数
-          part: 2, // 份数
-          time: "2024-01-04 22:30:00", // 交易时间
-          tooltip: "<div>开平点1</div>",
-        },
-        {
-          tradeAction: "平", // 交易动作
-          direction: "空", // 交易方向
-          tradeType: "平空", // 交易类型
-          amount: 2, // 手数
-          part: 2, // 份数
-          time: "2024-01-04 22:40:00", // 交易时间
-          tooltip: "<div>开平点2</div>",
-        },
-        {
-          tradeAction: "开", // 交易动作
-          direction: "空", // 交易方向
-          tradeType: "开空", // 交易类型
-          amount: 2, // 手数
-          part: 2, // 份数
-          time: "2024-01-04 23:50:00", // 交易时间
-          tooltip: "<div>买卖点3</div>",
-        },
-      ],
-    },
-    {
-      key: "signal",
-      data: [],
+      data: [...noRepeatMap.values()],
     },
   ];
+  // 1.获取点位接口数据 2.格式化处理[数据合并,匹配K线时间轴] 建议分开,此处demo所以简写
+  // const resultApi = [
+  //   {
+  //     key: "sellBuy",
+  //     data: [
+  //       {
+  //         tradeAction: "开", // 交易动作
+  //         direction: "多", // 交易方向
+  //         tradeType: "开多", // 交易类型
+  //         amount: 2, // 手数
+  //         part: 2, // 份数
+  //         time: "2024-01-04 22:30:00", // 交易时间
+  //         tooltip: "<div>买卖点1</div>",
+  //       },
+  //       {
+  //         tradeAction: "平", // 交易动作
+  //         direction: "空", // 交易方向
+  //         tradeType: "平空", // 交易类型
+  //         amount: 2, // 手数
+  //         part: 2, // 份数
+  //         time: "2024-01-04 22:40:00", // 交易时间
+  //         tooltip: "<div>买卖点2</div>",
+  //       },
+  //       {
+  //         tradeAction: "开", // 交易动作
+  //         direction: "空", // 交易方向
+  //         tradeType: "开空", // 交易类型
+  //         amount: 2, // 手数
+  //         part: 2, // 份数
+  //         time: "2024-01-04 23:50:00", // 交易时间
+  //         tooltip: "<div>买卖点3</div>",
+  //       },
+  //     ],
+  //   },
+  //   {
+  //     key: "openClose",
+  //     data: [
+  //       {
+  //         tradeAction: "开", // 交易动作
+  //         direction: "多", // 交易方向
+  //         tradeType: "开多", // 交易类型
+  //         amount: 2, // 手数
+  //         part: 2, // 份数
+  //         time: "2024-01-04 22:30:00", // 交易时间
+  //         tooltip: "<div>开平点1</div>",
+  //       },
+  //       {
+  //         tradeAction: "平", // 交易动作
+  //         direction: "空", // 交易方向
+  //         tradeType: "平空", // 交易类型
+  //         amount: 2, // 手数
+  //         part: 2, // 份数
+  //         time: "2024-01-04 22:40:00", // 交易时间
+  //         tooltip: "<div>开平点2</div>",
+  //       },
+  //       {
+  //         tradeAction: "开", // 交易动作
+  //         direction: "空", // 交易方向
+  //         tradeType: "开空", // 交易类型
+  //         amount: 2, // 手数
+  //         part: 2, // 份数
+  //         time: "2024-01-04 23:50:00", // 交易时间
+  //         tooltip: "<div>买卖点3</div>",
+  //       },
+  //     ],
+  //   },
+  //   {
+  //     key: "signal",
+  //     data: [],
+  //   },
+  // ];
   // 进行时间轴匹配
-  const klineTimeAry = klineData.value.map((item: any) => item[0]);
-  originPointData.value = resultApi.reduce((result: any, next) => {
-    const { data } = next;
-    result.push({
-      key: next.key,
-      data: data.map((item: any) => {
-        const time = klineTimeAry.find((klineTime: string) => dayjs(klineTime).isSameOrAfter(item.time));
-        return {
-          ...item,
-          time,
-        };
-      }),
-    });
-    return result;
-  }, []);
+  // const klineTimeAry = klineData.value.map((item: any) => item[0]);
+  // originPointData.value = resultApi.reduce((result: any, next) => {
+  //   const { data } = next;
+  //   result.push({
+  //     key: next.key,
+  //     data: data.map((item: any) => {
+  //       const time = klineTimeAry.find((klineTime: string) => dayjs(klineTime).isSameOrAfter(item.time));
+  //       return {
+  //         ...item,
+  //         time,
+  //       };
+  //     }),
+  //   });
+  //   return result;
+  // }, []);
   // 判断展示开平/买卖
   sellBuyTypeChange();
 };
@@ -377,8 +497,8 @@ const getKlineNetPositionData = async () => {
     varietyCode: "FU",
   };
   const res = await getNetPositionData(params);
-  const body = res.data.body
-  const netPositionMap = new Map()
+  const body = res.data.body;
+  const netPositionMap = new Map();
   if (Number(cycle.value) <= 5) {
     body.forEach((item: any) => {
       const key = dayjs(item.tradeDate).format("YYYY-MM-DD HH:mm:ss");
@@ -387,14 +507,12 @@ const getKlineNetPositionData = async () => {
     });
   } else {
     body.forEach((item: any) => {
-      const key = dayjs(item.tradeDate)
-        .add(9, "hour")
-        .format("YYYY-MM-DD HH:mm:ss");
+      const key = dayjs(item.tradeDate).add(9, "hour").format("YYYY-MM-DD HH:mm:ss");
       const value = item.netPositionValue;
       netPositionMap.set(key, value);
     });
   }
-  netPositionData.value = klineData.value.map((item: any) => netPositionMap.get(item[0]) ?? null)
+  netPositionData.value = klineData.value.map((item: any) => netPositionMap.get(item[0]) ?? null);
 };
 
 /**

package/src/pages/TreeMap/index.vue

@@ -520,16 +520,17 @@ onMounted(() => {
   data.value = defaultData.map(item => {
     const itemPercent = Math.random() > 0.5 ? Math.random() * 10 : 0 - Math.random() * 10
     return {
+      name: item.name,
       value: item.value,
       labelValue: (item.value / 10000).toFixed(2) + '万',
-      name: item.name,
       percent: itemPercent.toFixed(2),
       color: linearLegendRef.value.numberToColor(itemPercent),
       children: item.children.map(child => {
         const childPercent = Math.random() > 0.5 ? Math.random() * 10 : 0 - Math.random() * 10
         return {
-          value: child.value,
           name: child.name,
+          value: child.value,
+          colorValue: childPercent.toFixed(2),
           percent: childPercent.toFixed(2),
           color: linearLegendRef.value.numberToColor(childPercent)
         }

package/vite.config.ts

@@ -36,11 +36,6 @@ export default ({ mode }) => {
       },
       rollupOptions: {
         external: ['vue', 'echarts'],
-        output: {
-          globals: {
-            vue: 'Vue'
-          }
-        }
       }
     },
     resolve: {