st-comp 0.0.159 → 0.0.161

package/src/pages/VarietySearch/index.vue

@@ -1,20 +1,7 @@
-<template>
-  <div style="width: 100%; height: 100%">
-    <st-varietySearch
-      ref="varietySearchRef"
-      v-model:searchData="varietySearchData"
-      :config="varietySearchConfig"
-    />
-    <el-button @click="query">查询</el-button>
-    <br />
-    <p>格式化转为接口参数_api params:</p>
-    <p>{{ formatData }}</p>
-  </div>
-</template>
-
 <script setup>
 import axios from "axios";
-import { ref, onMounted } from "vue";
+import { ref, onMounted, computed } from "vue";
+import { getAlarDict, getAlarFreq, getAlarFactor } from "./api.js";
 
 const varietySearchRef = ref(null);
 const varietySearchData = ref({
@@ -33,104 +20,91 @@ const varietySearchData = ref({
   },
   commonIndicator: [],
 });
-const varietySearchConfig = ref({
-  // 品种市场 [选项: 前端默认]
-  varietyMarket: {
-    show: true,
-  },
-  // 常用选项 [选项: 前端默认]
-  commonOption: {
-    show: true,
-  },
-  // 上市板块 [选项: 接口获取**!]
-  marketIds: {
-    show: true,
-    options: [],
-  },
-  // 自定标签 [选项: 接口获取**!]
-  customTag: {
-    show: true,
-    options: [
-      { label: "自定标签一", value: 1 },
-      { label: "自定标签二", value: 2 },
-    ],
-  },
-  // 因子筛选 [选项: 接口获取**!]
-  factorScreen: {
-    show: true,
-    sqlShow: true,
-    // 周期下拉框数据源
-    cycleOptions: [
-      { label: "周期一", value: 1 },
-      { label: "周期二", value: 2 },
-    ],
-    // 因子下拉框数据源
-    factorOptions: [
-      { label: "ema720阳线箱体低点偏差", value: 1, type: 1 },
-      { label: "历史K线的前低前高附近(人工)", value: 3, type: 3 },
-      { label: "阳线-双箱高点", value: 4, type: 4 },
-    ],
-    // 因子使用说明数据源
-    factorDescriptions: [],
-  },
-  // 常用指标 [选项: 前端默认]
-  commonIndicator: {
-    show: true,
-  },
+const varietySearchConfig = ref({});
+
+// 前端筛选条件格式化成API接口入参
+const apiParams = computed(() => {
+  return { ...(varietySearchRef.value?.formatData(varietySearchData.value) ?? {}) };
 });
 
-const formatData = ref(null);
+onMounted(async () => {
+  const dicAlar = await getAlarDict();
+  const dicCycle = await getAlarFreq();
+  const dicFactor = await getAlarFactor();
 
-// 查询
-const query = () => {
-  const res = varietySearchRef.value.formatData(varietySearchData.value);
-  formatData.value = res;
-};
-// 获取: 上市板块
-const getMarketIdsOptions = () => {
-  varietySearchConfig.value.marketIds.options = [
-    { label: "沪深主板", value: 1, varietyMarketIds: "3" },
-    { label: "创业板", value: 2, varietyMarketIds: "3" },
-    { label: "科创板", value: 4, varietyMarketIds: "3" },
-    { label: "新三板", value: 8, varietyMarketIds: "3" },
-    { label: "沪股通", value: 1024, varietyMarketIds: "3" },
-    { label: "深股通", value: 2048, varietyMarketIds: "3" },
-    { label: "沪港通", value: 4096, varietyMarketIds: "5" },
-    { label: "深港通", value: 8192, varietyMarketIds: "5" },
-  ];
-};
-// 获取: 因子使用说明数据源
-const getFactorDescriptionApi = async () => {
-  const { data } = await axios({
-    method: "post",
-    headers: {
-      token: "09c77eb8eb452a8e07ed5ac37252b663",
+  varietySearchConfig.value = {
+    // 品种市场 [选项: 接口获取 1000]
+    varietyMarket: {
+      show: true,
+      options: dicAlar[1000]
+        .map((item) => {
+          return {
+            ...item,
+            label: item.dictName,
+            value: item.dictCode,
+            memo: item?.memo?.split(",")?.map(Number),
+          };
+        }),
     },
-    url: "http://192.168.12.38:5173/middleLayer/post/alarm/deliversign/getFactorConfigByPage",
-    data: {
-      pageNum: 1,
-      pageSize: 9999,
+    // 常用选项 [选项: 接口获取 1003]
+    commonOption: {
+      show: true,
+      options: dicAlar[1003]
+        .map((item) => {
+          return {
+            ...item,
+            label: item.dictName,
+            value: item.dictCode,
+          };
+        }),
     },
-  });
-  varietySearchConfig.value.factorScreen.factorDescriptions = data.body?.list
-    .map((item) => {
-      return {
-        ...item,
-        // 测试Mock文案, 实际无需map
-        factorDesc: `用于衡量阴线箱体的最高点相对于30周期指数移动平均线（EMA30）的偏离程度。`,
-        factorScoreDefine: `
-        1.计算60周期EMA趋势：如果最近三个周期中至少有两个周期的EMA呈上升趋势，则 值为 1，表示多头趋势。否则，值为 -1，表示空头趋势。
-        2.判断布林线位置和趋势：
-        如果当前收盘价位于布林线的中间区域，根据EMA趋势判断：如果是空头趋势，值为 -1；如果是多头趋势，值为 1。
-        如果当前收盘价远离布林线的上轨或下轨，根据EMA趋势判断：如果是空头趋势，值为 1，表示反转信号。如果是多头趋势，值为 -1，表示反转信号。
-      `,
-      };
-    })
-    .filter((item) => [1, 3].includes(item.type));
-};
-
-onMounted(() => {
-  getMarketIdsOptions();
-  getFactorDescriptionApi();
+    // 上市板块 [选项: 接口获取 1030]
+    marketIds: {
+      show: true,
+      options: dicAlar[1030].map((item) => {
+        return {
+          ...item,
+          varietyMarketIds: item?.memo,
+        };
+      }),
+    },
+    // 自定标签 [选项: 接口获取]
+    customTag: {
+      show: true,
+    },
+    // 价差转换 [选项: 前端默认]
+    jcTranslate: {
+      show: true,
+    },
+    // 因子筛选 [选项: 接口获取]
+    factorScreen: {
+      show: true,
+      sqlShow: true,
+      cycleOptions: dicCycle.reduce((result, item) => {
+        if (item.freqTypeName === "单周期") {
+          result.push({ label: item.freqName, value: item.id });
+        }
+        return result;
+      }, []),
+      factorOptions: dicFactor,
+      factorDescriptions: dicFactor,
+    },
+    // 常用指标 [选项: 组件默认]
+    commonIndicator: {
+      show: true,
+    },
+  };
 });
 </script>
+
+<template>
+  <div style="width: 100%; height: 100%">
+    <st-varietySearch
+      ref="varietySearchRef"
+      v-model:searchData="varietySearchData"
+      :config="varietySearchConfig"
+    />
+    <el-divider content-position="left">格式化转为接口入参格式apiParams:</el-divider>
+    <div>{{ apiParams }}</div>
+  </div>
+</template>

package/vitePlugins/createExportFile.ts

@@ -1,101 +0,0 @@
-/**
- * 创建统一的导出文件
- */
-import fs from 'fs'
-
-const toFirstLowerCase = (word) => {
-  return `${word[0].toLowerCase()}${word.substr(1)}`
-}
-
-export default ({ external }) => {
-  return {
-    name: 'createExport',
-    buildStart() {
-      fs.unlink(`./packages/index.ts`, (err) => {
-        if (err) throw err
-      })
-      fs.readdir('./packages', (err, files) => {
-        if (err) {
-          console.error(err)
-          return
-        }
-        const filterFiles = files.filter(fileName => !fileName.includes('.'))
-        // 生成每个组件的导出文件
-        filterFiles.forEach(fileName => {
-          if (external.includes(fileName)) return
-          const content = `import { App } from "vue";
-import St${fileName} from "./index.vue";
-
-export default {
-  install(app: App) {
-    app.component("st-${toFirstLowerCase(fileName)}", St${fileName});
-  },
-}
-`
-          fs.writeFile(`./packages/${fileName}/index.ts`, content, (err) => {
-            if (err) throw err
-          })
-        })
-        // 生成统一导出文件
-        const mainContent = `import { App } from "vue"
-${filterFiles.map(fileName => `import St${fileName} from "./${fileName}/index.ts"`).join(`
-`)}
-        
-export default {
-  install(app: App) {
-    ${filterFiles.map(fileName => `St${fileName}.install(app)`).join(`
-    `)}
-  },
-}
-        `
-        fs.writeFile(`./packages/index.ts`, mainContent, (err) => {
-          if (err) throw err
-        })
-        // 生成routes配置
-        const routesContent = `export default [
-  ${filterFiles.map(fileName => `{
-    path: '/${toFirstLowerCase(fileName)}',
-    name: '${fileName}',
-    component: () => import('../pages/${fileName}/index.vue'),
-  },`).join(`
-  `)}
-]
-`
-        fs.writeFile(`./src/router/routes.ts`, routesContent, (err) => {
-          if (err) throw err
-        })
-        // 如果没有pages文件，则生成pages文件
-        fs.readdir('./src/pages', (pagesErr, pagesFiles) => {
-          if (pagesErr) {
-            console.error(pagesErr)
-            return
-          }
-          const filterPagesFiles = pagesFiles.filter(fileName => !fileName.includes('.'))
-          filterFiles.forEach(fileName => {
-            if (!filterPagesFiles.includes(fileName)) {
-              const pagesContent = `<template>
-  <div>
-    ${fileName}
-  </div>
-</template>
-
-<script setup lang="ts">
-</script>
-
-<style lang="scss" scoped>
-
-</style>
-`
-              fs.mkdir(`./src/pages/${fileName}`, err => {
-                if(err) throw err;
-                fs.writeFile(`./src/pages/${fileName}/index.vue`, pagesContent, (err) => {
-                  if (err) throw err
-                })
-              })
-            }
-          })
-        })
-      })
-    }
-  }
-}

package/vitePlugins/testRelese.ts

@@ -1,67 +0,0 @@
-/**
- * 上传资源并重启nginx插件
- * 需要安装依赖 ssh2-sftp-client ssh2
- * 执行命令 npm install ssh2-sftp-client ssh2 -D
- * 使用方法：
- * 1.将该文件放到项目根目录中
- * 2.vue.config.js中引入该文件到处的类
- * 3.在configureWebpack.plugins中根据想要的环境（目前仅支持发测试环境）加入该插件
- * 4.参数option.source为需要上传的文件夹路径，使用相对路径即可（必填）
- *   参数option.target为需要上传到服务端的路径，当前默认为测试环境的路径（可选）
- *   参数option.target_dir为上传到服务器后的文件夹名称（必填）
- */
-import Client from 'ssh2-sftp-client'
-import Ssh2Client from 'ssh2'
-
-const defaultOption = {
-  source: '', // 需要上传的文件夹
-  target: '/usr/local/nginx/html/', // 服务端存放资源的路径
-  target_dir: '', // 目标文件夹名称
-  host: '192.168.12.49', // 服务器地址
-  port: '22', // 服务器断开
-  username: 'root', // 服务器登录用户名
-  password: 'hzst2020', // 服务器登录密码
-}
-
-// 重启nginx
-const reloadNginx = (serverMsg) => {
-  const conn = new Ssh2Client.Client()
-  conn.on('ready', () => {
-    conn.shell((err, stream) => {
-      if (err) throw err
-      stream.end('cd /usr/local/nginx/ \n/usr/local/nginx/sbin/nginx -s reload')
-      console.log('nginx重启完成')
-      conn.end()
-    })
-  }).connect(serverMsg)
-}
-
-// 上传文件
-const upload = async mergeOption => {
-  const { source, target, target_dir, host, port, username, password } = mergeOption
-  if (!source || !target_dir) {
-    console.log('发布插件参数有误，请检查后重试')
-    return
-  }
-  const sftp = new Client()
-  try {
-    const serverMsg = { host, port, username, password }
-    await sftp.connect(serverMsg)
-    console.log('服务器连接成功，开始上传资源')
-    await sftp.uploadDir(`./${source}`, `${target}${target_dir}`)
-    console.log('资源上传完成')
-    sftp.end()
-    reloadNginx(serverMsg)
-  } catch (err) {
-    console.log('发布失败', err)
-    sftp.end()
-  }
-}
-
-export default option => ({
-  name: 'release',
-  closeBundle() {
-    const mergeOption = { ...defaultOption, ...option }
-    upload(mergeOption)
-  }
-})