st-comp 0.0.21 → 0.0.22

package/src/pages/VarSeach/index.vue

@@ -0,0 +1,571 @@
+<template>
+  <div>
+    <h3>VarSeach</h3>
+    <hr>
+    <st-varSeach
+      v-model="formObj"
+      :config="formConfig"
+      :show="formSeachShow"
+    ></st-varSeach>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive } from "vue";
+const orderByInfoList = [
+  { id: 98, dictId: 1017, dictCode: 1, dictName: "总市值", memo: null },
+  { id: 99, dictId: 1017, dictCode: 2, dictName: "流通市值", memo: null },
+  { id: 100, dictId: 1017, dictCode: 3, dictName: "总股本", memo: null },
+  { id: 101, dictId: 1017, dictCode: 4, dictName: "流通股本", memo: null },
+  { id: 102, dictId: 1017, dictCode: 5, dictName: "换手率", memo: null },
+  { id: 103, dictId: 1017, dictCode: 6, dictName: "市盈率", memo: null },
+  {
+    id: 104,
+    dictId: 1017,
+    dictCode: 7,
+    dictName: "每股净收益",
+    memo: null,
+  },
+  { id: 105, dictId: 1017, dictCode: 8, dictName: "是否ST", memo: null },
+  { id: 106, dictId: 1017, dictCode: 9, dictName: "市净率", memo: null },
+  {
+    id: 107,
+    dictId: 1017,
+    dictCode: 10,
+    dictName: "日均成交额",
+    memo: null,
+  },
+  {
+    id: 108,
+    dictId: 1017,
+    dictCode: 11,
+    dictName: "净资产收益率roe",
+    memo: null,
+  },
+];
+const freqList = [
+  {
+    id: 6,
+    freqName: "1m",
+    freqCode: "1m",
+    freqType: 1,
+    freqTypeName: "单周期",
+    freq_List: null,
+    factorList: "1,2,3,4,5,6,7,8,19,20",
+    createdBy: 1,
+    updatedBy: 1,
+    createdTime: "2023-06-09 16:53:45",
+    updatedTime: "2023-06-09 16:53:45",
+    deleteFlag: "1",
+    freqKey: "m1",
+    orderInfo: 1,
+    containerTotal: 0,
+  },
+  {
+    id: 1,
+    freqName: "5m",
+    freqCode: "5m",
+    freqType: 1,
+    freqTypeName: "单周期",
+    freq_List: null,
+    factorList: "1,2,6,7",
+    createdBy: 1,
+    updatedBy: 1,
+    createdTime: "2023-05-26 10:39:20",
+    updatedTime: "2023-05-26 10:39:20",
+    deleteFlag: "1",
+    freqKey: "m5",
+    orderInfo: 2,
+    containerTotal: 1,
+  },
+  {
+    id: 2,
+    freqName: "15m",
+    freqCode: "15m",
+    freqType: 1,
+    freqTypeName: "单周期",
+    freq_List: null,
+    factorList: "1,2",
+    createdBy: 1,
+    updatedBy: 1,
+    createdTime: "2023-05-26 10:32:44",
+    updatedTime: "2023-05-26 10:32:44",
+    deleteFlag: "1",
+    freqKey: "m15",
+    orderInfo: 3,
+    containerTotal: 1,
+  },
+  {
+    id: 3,
+    freqName: "60m",
+    freqCode: "60m",
+    freqType: 1,
+    freqTypeName: "单周期",
+    freq_List: null,
+    factorList: "1,2,6,7",
+    createdBy: 1,
+    updatedBy: 1,
+    createdTime: "2023-05-08 17:23:19",
+    updatedTime: "2023-05-08 17:23:19",
+    deleteFlag: "1",
+    freqKey: "m60",
+    orderInfo: 4,
+    containerTotal: 1,
+  },
+  {
+    id: 4,
+    freqName: "1d",
+    freqCode: "1d",
+    freqType: 1,
+    freqTypeName: "单周期",
+    freq_List: null,
+    factorList: "1,2,6,7",
+    createdBy: 1,
+    updatedBy: 1,
+    createdTime: "2023-05-08 19:00:14",
+    updatedTime: "2023-05-08 19:00:14",
+    deleteFlag: "1",
+    freqKey: "d1",
+    orderInfo: 5,
+    containerTotal: 1,
+  },
+  {
+    id: 5,
+    freqName: "1w",
+    freqCode: "1w",
+    freqType: 1,
+    freqTypeName: "单周期",
+    freq_List: null,
+    factorList: "1,2,3,6",
+    createdBy: 1,
+    updatedBy: 1,
+    createdTime: "2023-05-08 19:02:14",
+    updatedTime: "2023-05-08 19:02:14",
+    deleteFlag: "1",
+    freqKey: "w1",
+    orderInfo: 6,
+    containerTotal: 1,
+  },
+  {
+    id: 7,
+    freqName: "wd",
+    freqCode: "wd",
+    freqType: 2,
+    freqTypeName: "复合周期",
+    freq_List: "4,5",
+    factorList: null,
+    createdBy: 1,
+    updatedBy: 1,
+    createdTime: "2023-05-26 10:32:47",
+    updatedTime: "2023-05-26 10:32:47",
+    deleteFlag: "1",
+    freqKey: "wd",
+    orderInfo: 7,
+    containerTotal: 0,
+  },
+  {
+    id: 8,
+    freqName: "wdh",
+    freqCode: "wdh",
+    freqType: 2,
+    freqTypeName: "复合周期",
+    freq_List: "3,4,5",
+    factorList: null,
+    createdBy: 1,
+    updatedBy: 1,
+    createdTime: "2023-03-29 10:11:37",
+    updatedTime: "2023-03-29 10:11:39",
+    deleteFlag: "1",
+    freqKey: "wdh",
+    orderInfo: 8,
+    containerTotal: 0,
+  },
+  {
+    id: 18,
+    freqName: "5qh",
+    freqCode: "5qh",
+    freqType: 2,
+    freqTypeName: "复合周期",
+    freq_List: "1,2,3",
+    factorList: null,
+    createdBy: 1,
+    updatedBy: 1,
+    createdTime: "2023-05-08 16:26:23",
+    updatedTime: "2023-05-08 16:26:27",
+    deleteFlag: "1",
+    freqKey: "qh5",
+    orderInfo: 9,
+    containerTotal: 0,
+  },
+  {
+    id: 19,
+    freqName: "30m",
+    freqCode: "30m",
+    freqType: 1,
+    freqTypeName: "单周期",
+    freq_List: null,
+    factorList: "1,2,3,4,5,6,7,8,19,20",
+    createdBy: 1,
+    updatedBy: 1,
+    createdTime: "2023-12-19 10:12:11",
+    updatedTime: "2023-12-19 10:12:13",
+    deleteFlag: "1",
+    freqKey: "m30",
+    orderInfo: 10,
+    containerTotal: 1,
+  },
+].map((item) => ({
+  ...item,
+  label: item.freqName,
+  value: item.freqCode,
+}));
+const exchangeOpt = [
+  {
+    id: 31,
+    dictId: 1000,
+    dictCode: 2,
+    dictName: "ETF",
+    memo: null,
+  },
+  {
+    id: 32,
+    dictId: 1000,
+    dictCode: 3,
+    dictName: "A股",
+    memo: null,
+  },
+  {
+    id: 33,
+    dictId: 1000,
+    dictCode: 4,
+    dictName: "期货",
+    memo: null,
+  },
+  {
+    id: 34,
+    dictId: 1000,
+    dictCode: 5,
+    dictName: "港股",
+    memo: null,
+  },
+  {
+    id: 35,
+    dictId: 1000,
+    dictCode: 6,
+    dictName: "外盘",
+    memo: null,
+  },
+  {
+    id: 88,
+    dictId: 1000,
+    dictCode: 7,
+    dictName: "美股",
+    memo: null,
+  },
+];
+const optionOpt = [
+  {
+    id: 42,
+    dictId: 1003,
+    dictCode: 1,
+    dictName: "期货主连",
+    memo: null,
+  },
+  {
+    id: 43,
+    dictId: 1003,
+    dictCode: 2,
+    dictName: "期货主力",
+    memo: null,
+  },
+  {
+    id: 44,
+    dictId: 1003,
+    dictCode: 3,
+    dictName: "期货加权",
+    memo: null,
+  },
+  {
+    id: 45,
+    dictId: 1003,
+    dictCode: 4,
+    dictName: "常用股票指数",
+    memo: null,
+  },
+  {
+    id: 46,
+    dictId: 1003,
+    dictCode: 5,
+    dictName: "期货分类指数",
+    memo: null,
+  },
+  {
+    id: 47,
+    dictId: 1003,
+    dictCode: 6,
+    dictName: "股票板块指数",
+    memo: null,
+  },
+];
+const factorList = [
+  {
+    id: 1,
+    type: 1,
+    typeName: "打分",
+    factorName: "前高低突破",
+    factorParam: "val_high_low",
+    deleteFlag: 1,
+    createdBy: 1,
+    updatedBy: 1,
+    createdTime: "2023-02-07 15:30:44",
+    updatedTime: "2023-02-07 15:30:47",
+    mark: null,
+    index: 1,
+    tbFactorConfigExtendList: [],
+  },
+  {
+    id: 2,
+    type: 1,
+    typeName: "打分",
+    factorName: "BBI上下",
+    factorParam: "val_bbi",
+    deleteFlag: 1,
+    createdBy: 1,
+    updatedBy: 1,
+    createdTime: "2023-02-07 15:30:44",
+    updatedTime: "2023-02-07 15:30:47",
+    mark: null,
+    index: 2,
+    tbFactorConfigExtendList: [],
+  },
+  {
+    id: 3,
+    type: 1,
+    typeName: "打分",
+    factorName: "均线60上下",
+    factorParam: "val_ma_60",
+    deleteFlag: 1,
+    createdBy: 1,
+    updatedBy: 1,
+    createdTime: "2023-02-07 15:30:44",
+    updatedTime: "2023-02-07 15:30:47",
+    mark: null,
+    index: 3,
+    tbFactorConfigExtendList: [],
+  },
+  {
+    id: 4,
+    type: 1,
+    typeName: "打分",
+    factorName: "布林60偏离",
+    factorParam: "val_boll_60",
+    deleteFlag: 1,
+    createdBy: 1,
+    updatedBy: 1,
+    createdTime: "2023-02-07 15:30:44",
+    updatedTime: "2023-02-07 15:30:47",
+    mark: null,
+    index: 4,
+    tbFactorConfigExtendList: [],
+  },
+  {
+    id: 5,
+    type: 1,
+    typeName: "打分",
+    factorName: "多空线上下",
+    factorParam: "val_dkx",
+    deleteFlag: 1,
+    createdBy: 1,
+    updatedBy: 1,
+    createdTime: "2023-02-07 15:30:44",
+    updatedTime: "2023-02-07 15:30:47",
+    mark: null,
+    index: 5,
+    tbFactorConfigExtendList: [],
+  },
+  {
+    id: 6,
+    type: 1,
+    typeName: "打分",
+    factorName: "多空单箱突破",
+    factorParam: "val_box1",
+    deleteFlag: 1,
+    createdBy: 1,
+    updatedBy: 1,
+    createdTime: "2023-02-07 15:30:44",
+    updatedTime: "2023-02-07 15:30:47",
+    mark: null,
+    index: 6,
+    tbFactorConfigExtendList: [],
+  },
+  {
+    id: 7,
+    type: 1,
+    typeName: "打分",
+    factorName: "多空双箱突破",
+    factorParam: "val_box2",
+    deleteFlag: 1,
+    createdBy: 1,
+    updatedBy: 1,
+    createdTime: "2023-02-07 15:30:44",
+    updatedTime: "2023-02-07 15:30:47",
+    mark: null,
+    index: 7,
+    tbFactorConfigExtendList: [],
+  },
+  {
+    id: 8,
+    type: 1,
+    typeName: "打分",
+    factorName: "多空线偏离",
+    factorParam: "val_madkx_20",
+    deleteFlag: 1,
+    createdBy: 1,
+    updatedBy: 1,
+    createdTime: "2023-02-07 15:30:44",
+    updatedTime: "2023-02-07 15:30:47",
+    mark: null,
+    index: 8,
+    tbFactorConfigExtendList: [],
+  },
+  {
+    id: 19,
+    type: 1,
+    typeName: "打分",
+    factorName: "60均线趋势",
+    factorParam: "val_ma60_trend",
+    deleteFlag: 1,
+    createdBy: 1,
+    updatedBy: 1,
+    createdTime: "2023-03-16 10:50:10",
+    updatedTime: "2023-03-16 10:50:27",
+    mark: null,
+    index: 9,
+    tbFactorConfigExtendList: [],
+  },
+  {
+    id: 20,
+    type: 1,
+    typeName: "打分",
+    factorName: "双箱突破状态",
+    factorParam: "val_box_box_state",
+    deleteFlag: 1,
+    createdBy: 1,
+    updatedBy: 1,
+    createdTime: "2023-03-16 10:50:59",
+    updatedTime: "2023-03-16 10:51:02",
+    mark: null,
+    index: 10,
+    tbFactorConfigExtendList: [],
+  },
+  {
+    id: 41,
+    type: 1,
+    typeName: "打分",
+    factorName: "60指数均线上单箱突破",
+    factorParam: "val_ema_60_box1_state",
+    deleteFlag: 1,
+    createdBy: 1,
+    updatedBy: 1,
+    createdTime: "2023-06-15 14:43:11",
+    updatedTime: "2023-06-15 14:43:11",
+    mark: null,
+    index: 11,
+    tbFactorConfigExtendList: [],
+  },
+  {
+    id: 88,
+    type: 1,
+    typeName: "打分",
+    factorName: "打分因子",
+    factorParam: "13",
+    deleteFlag: 1,
+    createdBy: 46,
+    updatedBy: 46,
+    createdTime: "2024-02-05 15:39:12",
+    updatedTime: "2024-02-05 15:39:12",
+    mark: "34",
+    index: 23,
+    tbFactorConfigExtendList: [
+      { id: 113, factorId: 88, factorType: 1, factorTypeName: "" },
+      { id: 114, factorId: 88, factorType: -1, factorTypeName: "" },
+    ],
+  },
+  {
+    id: 51,
+    type: 1,
+    typeName: "打分",
+    factorName: "EMA240趋势",
+    factorParam: "val_atr_ema120_dev",
+    deleteFlag: 1,
+    createdBy: 1,
+    updatedBy: 1,
+    createdTime: "2023-12-20 14:20:48",
+    updatedTime: "2023-12-20 14:20:48",
+    mark: null,
+    index: 42,
+    tbFactorConfigExtendList: [],
+  },
+];
+const tagIdsOpt = [
+  {
+    id: 58,
+    tagName: "平安",
+    userId: 9,
+  },
+  {
+    id: 59,
+    tagName: "56",
+    userId: 9,
+  },
+].map((item) => ({
+  dictName: item.tagName,
+  dictCode: item.id,
+}));
+const formObj = ref({
+  exchangeId: [], // 品种市场
+  optionId: [], // 常用选项
+  tagIds: [], // 自定义标签
+  factorscores: [], // 因子筛选
+  queryList: [], // 常用指标
+});
+
+const formSeachShow = ref(true);
+const formConfig = reactive({
+  exchangeId: {
+    label: "品种市场",
+    type: "checkboxGroup",
+    show: true,
+    options: exchangeOpt,
+    clearable: true,
+    size: "small",
+  },
+  optionId: {
+    label: "常用选项",
+    type: "checkboxGroup",
+    clearable: true,
+    options: optionOpt,
+    size: "small",
+  },
+  tagIds: {
+    label: "自定标签",
+    type: "checkboxGroup",
+    clearable: true,
+    options: tagIdsOpt,
+    size: "small",
+  },
+  factorscores: {
+    label: "因子筛选：",
+    type: "factorscores",
+    freqList: freqList,
+    factorList: factorList,
+  },
+  queryList: {
+    label: "常用指标：",
+    type: "queryList",
+    orderByInfoList: orderByInfoList,
+  },
+});
+</script>
+
+<style lang="scss" scoped></style>

package/src/router/routes.ts

@@ -19,6 +19,11 @@ export default [
     name: 'Kline',
     component: () => import('../pages/Kline/index.vue'),
   },
+  {
+    path: '/linearLegend',
+    name: 'LinearLegend',
+    component: () => import('../pages/LinearLegend/index.vue'),
+  },
   {
     path: '/map',
     name: 'Map',
@@ -39,4 +44,14 @@ export default [
     name: 'Table',
     component: () => import('../pages/Table/index.vue'),
   },
+  {
+    path: '/treeMap',
+    name: 'TreeMap',
+    component: () => import('../pages/TreeMap/index.vue'),
+  },
+  {
+    path: '/varSeach',
+    name: 'VarSeach',
+    component: () => import('../pages/VarSeach/index.vue'),
+  },
 ]