st-comp 0.0.159 → 0.0.161

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "st-comp",
   "public": true,
-  "version": "0.0.159",
+  "version": "0.0.161",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -18,6 +18,7 @@
     "dayjs": "^1.11.10",
     "echarts": "^5.4.3",
     "element-plus": "^2.9.4",
+    "interactjs": "^1.10.27",
     "monaco-editor": "0.47.0",
     "pinia": "^2.1.6",
     "st-func": "^0.0.59",

package/packages/VarietySearch/components/CommonIndicator/index.vue

@@ -3,12 +3,18 @@
 import { ref, watch, computed } from "vue";
 
 const perVolumnRadioOptions = [
-  { label: '近2周', value: '1' },
-  { label: '近1个月', value: '2' },
-  { label: '近3个月', value: '3' },
-  { label: '近6个月', value: '4' },
-  { label: '近1年', value: '5' },
-]
+  { label: "近2周", value: "1" },
+  { label: "近1个月", value: "2" },
+  { label: "近3个月", value: "3" },
+  { label: "近6个月", value: "4" },
+  { label: "近1年", value: "5" },
+];
+const auditOpinionTypeRadioOptions = [
+  { label: "无保留意见", value: 1 },
+  { label: "保留意见", value: 2 },
+  { label: "否定意见", value: 3 },
+  { label: "无法表示意见", value: 4 },
+];
 
 const data = defineModel("data", { default: [] });
 const props = defineProps({
@@ -18,8 +24,8 @@ const props = defineProps({
 });
 const visible = ref(false);
 const rankKey = computed(() => {
-  return props.data.find(i => i.radioType === '1')?.key;
-})
+  return props.data.find((i) => i.radioType === "1")?.key;
+});
 
 // 常用指标项数据源 [受到: 品种市场, 常用选项影响]
 const commonIndicatorOptions = computed(() => {
@@ -106,19 +112,24 @@ const clickIndicator = (item) => {
     case "mainFlow": {
       indicatorValue.value = {
         ...baseParams,
-        radioType: '0',
+        radioType: "0",
         rankRange: [null, null],
       };
       break;
     }
+    // 年报审计意见
+    case "auditOpinionType": {
+      indicatorValue.value = { ...baseParams, enumType: null };
+      break;
+    }
     // 其它的通用处理
     default: {
       indicatorValue.value = {
         ...baseParams,
         range: [null, null],
         unit: item.defaultUnit.length ? [...item.defaultUnit] : [null, null],
-        radioType: rankKey.value && rankKey.value !== item.key ? '0' : item.defaultRadioType, // 0数值 1排名
-        rankRange: item.defaultRankRange || [null, null],// 默认排名 
+        radioType: rankKey.value && rankKey.value !== item.key ? "0" : item.defaultRadioType, // 0数值 1排名
+        rankRange: item.defaultRankRange || [null, null], // 默认排名
       };
     }
   }
@@ -182,68 +193,69 @@ const submitDialog = () => {
       if (!radio) return ElMessage.warning("格式错误: 请选择时间");
       if (!levels?.length) return ElMessage.warning("格式错误: 请选择分位");
       // 格式化文案
-      indicatorValue.value.tagText = `${label}: ${
-        perVolumnRadioOptions.find(item => item.value === radio)?.label
-      }${
-        levels.map(i => `${i}分位`).join('、')
-      }`;
+      indicatorValue.value.tagText = `${label}: ${perVolumnRadioOptions.find((item) => item.value === radio)?.label}${levels.map((i) => `${i}分位`).join("、")}`;
       break;
     }
     // 主力净流入资金
     case "mainFlow": {
       const { label, radioType, radio, rankRange } = indicatorValue.value;
       const checkNumber = (val) => {
-        if (val === '' || val === null || val === undefined) return false;
-        const num = Number(val)
+        if (val === "" || val === null || val === undefined) return false;
+        const num = Number(val);
         if (isNaN(num)) return false;
-        return true
-      }
+        return true;
+      };
       // 校验
       if (!radio) return ElMessage.warning("格式错误: 请选择时间");
       if (!checkNumber(rankRange[0]) && !checkNumber(rankRange[1])) {
-        return ElMessage.warning(`格式错误: 请填写${radioType === '0' ? '涨幅范围' : '排名范围'}`);
+        return ElMessage.warning(`格式错误: 请填写${radioType === "0" ? "涨幅范围" : "排名范围"}`);
       }
       // 格式化文案
       if (!["", null].includes(rankRange[0]) && !["", null].includes(rankRange[1])) {
-        indicatorValue.value.tagText = `${label}: ${radio}日${
-          radioType === '0' ? '涨幅范围' : '排名范围'
-        }: ${rankRange[0]}${radioType === '0' ? '%' : ''} ~ ${rankRange[1]}${radioType === '0' ? '%' : ''}`;
+        indicatorValue.value.tagText = `${label}: ${radio}日${radioType === "0" ? "涨幅范围" : "排名范围"}: ${rankRange[0]}${radioType === "0" ? "%" : ""} ~ ${rankRange[1]}${
+          radioType === "0" ? "%" : ""
+        }`;
       } else if (!["", null].includes(rankRange[0])) {
-        indicatorValue.value.tagText = `${label}: ${radio}日${
-          radioType === '0' ? '涨幅范围' : '排名范围'
-        }: ≥${rankRange[0]}${radioType === '0' ? '%' : ''}`;
+        indicatorValue.value.tagText = `${label}: ${radio}日${radioType === "0" ? "涨幅范围" : "排名范围"}: ≥${rankRange[0]}${radioType === "0" ? "%" : ""}`;
       } else {
-        indicatorValue.value.tagText = `${label}: ${radio}日${
-          radioType === '0' ? '涨幅范围' : '排名范围'
-        }: ≤${rankRange[1]}${radioType === '0' ? '%' : ''}`;
+        indicatorValue.value.tagText = `${label}: ${radio}日${radioType === "0" ? "涨幅范围" : "排名范围"}: ≤${rankRange[1]}${radioType === "0" ? "%" : ""}`;
       }
       break;
     }
+    // 年报审计意见
+    case "auditOpinionType": {
+      const { label, enumType } = indicatorValue.value;
+      // 校验
+      if (enumType === null) return ElMessage.warning("格式错误: 请至少选择一个值");
+      // 格式化文案
+      indicatorValue.value.tagText = `${label}: ${auditOpinionTypeRadioOptions.find((item) => item.value === enumType)?.label}`;
+      break;
+    }
     // 其它的通用处理
     default: {
       const { label, unit, radioType } = indicatorValue.value;
-      const range = radioType === '1' ? indicatorValue.value.rankRange : indicatorValue.value.range;
+      const range = radioType === "1" ? indicatorValue.value.rankRange : indicatorValue.value.range;
       // 校验
       if (["", null].includes(range[0]) && ["", null].includes(range[1])) {
         return ElMessage.warning("格式错误: 请至少填写一个值");
       }
       // 排名校验
-      if (radioType === '1') {
-        const rangeLeft = Number(range[0])
-        const rangeRight = Number(range[1])
+      if (radioType === "1") {
+        const rangeLeft = Number(range[0]);
+        const rangeRight = Number(range[1]);
         if (isNaN(rangeLeft) || isNaN(rangeRight)) return ElMessage.warning("格式错误: 请填写数字");
         if (rangeLeft < 0 || rangeRight < 0) return ElMessage.warning("格式错误: 请填写大于0的数字");
         if (rangeLeft > rangeRight) return ElMessage.warning("格式错误: 请填写正确的排名范围");
       }
-      const unitLeft = radioType === '1' ? "" : (unit[0] ?? "")
-      const unitRight = radioType === '1' ? "" : (unit[1] ?? "")
+      const unitLeft = radioType === "1" ? "" : unit[0] ?? "";
+      const unitRight = radioType === "1" ? "" : unit[1] ?? "";
       // 格式化文案
       if (!["", null].includes(range[0]) && !["", null].includes(range[1])) {
-        indicatorValue.value.tagText = `${label}${radioType === '1' ? '排名' : ''}: ${range[0]}${unitLeft} ~ ${range[1]}${unitRight}`;
+        indicatorValue.value.tagText = `${label}${radioType === "1" ? "排名" : ""}: ${range[0]}${unitLeft} ~ ${range[1]}${unitRight}`;
       } else if (!["", null].includes(range[0])) {
-        indicatorValue.value.tagText = `${label}${radioType === '1' ? '排名' : ''}: ≥${range[0]}${unitLeft}`;
+        indicatorValue.value.tagText = `${label}${radioType === "1" ? "排名" : ""}: ≥${range[0]}${unitLeft}`;
       } else {
-        indicatorValue.value.tagText = `${label}${radioType === '1' ? '排名' : ''}: ≤${range[1]}${unitRight}`;
+        indicatorValue.value.tagText = `${label}${radioType === "1" ? "排名" : ""}: ≤${range[1]}${unitRight}`;
       }
     }
   }
@@ -331,7 +343,7 @@ watch(
 const changeMainFlowRadioType = () => {
   indicatorValue.value.radio = null;
   indicatorValue.value.rankRange = [null, null];
-}
+};
 </script>
 
 <template>
@@ -380,28 +392,48 @@ const changeMainFlowRadioType = () => {
       align-center
       destroy-on-close
     >
-      <template #header v-if="nowIndicator.showRankType">
-        <span style="font-size: 18px;">{{ nowIndicator.label }}</span>
+      <template
+        #header
+        v-if="nowIndicator.showRankType"
+      >
+        <span style="font-size: 18px">{{ nowIndicator.label }}</span>
         <el-radio-group
           v-model="indicatorValue.radioType"
-          style="vertical-align: 4px; margin-left: 12px;"
+          style="vertical-align: 4px; margin-left: 12px"
         >
-          <el-radio-button label="数值" value="0" />
-          <el-radio-button :disabled="rankKey && rankKey !== nowIndicator.key" label="排名" value="1" />
+          <el-radio-button
+            label="数值"
+            value="0"
+          />
+          <el-radio-button
+            :disabled="rankKey && rankKey !== nowIndicator.key"
+            label="排名"
+            value="1"
+          />
         </el-radio-group>
       </template>
-      <template #header v-else-if="nowIndicator.key === 'mainFlow'">
-        <span style="font-size: 18px;">{{ nowIndicator.label }}</span>
+      <template
+        #header
+        v-else-if="nowIndicator.key === 'mainFlow'"
+      >
+        <span style="font-size: 18px">{{ nowIndicator.label }}</span>
         <el-radio-group
           v-model="indicatorValue.radioType"
-          style="vertical-align: 4px; margin-left: 12px;"
+          style="vertical-align: 4px; margin-left: 12px"
           @change="changeMainFlowRadioType"
         >
-          <el-radio-button label="涨幅范围" value="0" />
-          <el-radio-button :disabled="rankKey && rankKey !== nowIndicator.key" label="排名范围" value="1" />
+          <el-radio-button
+            label="涨幅范围"
+            value="0"
+          />
+          <el-radio-button
+            :disabled="rankKey && rankKey !== nowIndicator.key"
+            label="排名范围"
+            value="1"
+          />
         </el-radio-group>
       </template>
-      
+
       <template v-if="nowIndicator.type === undefined && indicatorValue.radioType === '1'">
         <!-- 输入框区域 -->
         <div class="out-box">
@@ -584,7 +616,8 @@ const changeMainFlowRadioType = () => {
               v-for="item in perVolumnRadioOptions"
               :key="item.value"
               :value="item.value"
-            >{{ item.label }}</el-radio>
+              >{{ item.label }}</el-radio
+            >
           </el-radio-group>
           <el-select
             v-model="indicatorValue.levels"
@@ -609,8 +642,8 @@ const changeMainFlowRadioType = () => {
             <el-radio value="10">10日</el-radio>
             <el-radio value="20">20日</el-radio>
           </el-radio-group>
-          <div style="display: flex; align-items: center;">
-            <span>{{ indicatorValue.radioType === '0' ? '涨幅范围' : '排名范围' }}:&nbsp;</span>
+          <div style="display: flex; align-items: center">
+            <span>{{ indicatorValue.radioType === "0" ? "涨幅范围" : "排名范围" }}:&nbsp;</span>
             <el-input
               v-model="indicatorValue.rankRange[0]"
               style="flex: 1"
@@ -622,6 +655,17 @@ const changeMainFlowRadioType = () => {
             />
           </div>
         </div>
+        <!-- 年报审计意见 -->
+        <div v-if="nowIndicator.key === 'auditOpinionType'">
+          <el-radio-group v-model="indicatorValue.enumType">
+            <el-radio
+              v-for="(item, index) in auditOpinionTypeRadioOptions"
+              :key="index"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-radio-group>
+        </div>
       </template>
       <!-- 确定 -->
       <template #footer>

package/packages/VarietySearch/components/FactorScreen/ScriptSelect.vue

@@ -0,0 +1,300 @@
+<script setup>
+import interact from "interactjs";
+import { computed, onMounted, ref, inject } from "vue";
+import { Close, InfoFilled } from "@element-plus/icons-vue";
+import VarietySelect from './VarietySelect.vue'
+
+const stConfig = inject("stConfig");
+
+const dialogRef = ref(null); // 弹窗主体Ref
+const dialogTop = ref((window.innerHeight - 542) / 2 - 220 > 0 ? (window.innerHeight - 542) / 2 - 220 : 0);
+const dialogRight = ref((window.innerWidth - 1000) / 2 > 0 ? (window.innerWidth - 1000) / 2 : 0);
+
+const editorRef = ref(null); // 编辑器Ref
+const visible = ref(false);
+
+const varName = ref(null);
+const varList = ref([]);
+const formatList = computed(() => {
+  return varList.value.find((item) => item.varName === varName.value)?.formatList ?? [];
+});
+
+// 格式化配置项的下拉框数据源
+const handleOptionsStrToArray = (str) => {
+  const trimmedStr = str.replace(/^\[|\]$/g, "");
+  // 分割字符串为多个数组项
+  const items = trimmedStr.split("],[");
+
+  return items.map((item) => {
+    // 移除每个项两端的方括号（如果有）
+    const cleanItem = item.replace(/\[|\]/g, "");
+    // 分割标签和值
+    const [label, value] = cleanItem.split(",");
+
+    return {
+      label: label.trim(),
+      value: value.trim(),
+    };
+  });
+};
+
+// 插入变量值
+const handleInsetVarContent = (configList) => {
+  // 1.校验是否填写完整 + 生成输出值
+  const result = [];
+  for (let index = 0; index < configList.length; index++) {
+    const item = configList[index];
+    console.log(item)
+    switch (item.vtype) {
+      case "text": {
+        result.push(item.param);
+        break;
+      }
+      default: {
+        if (!item.modelValue) return ElMessage.error("请检查插入格式内是否填写完整");
+        result.push(item.suffix ? `${item.modelValue}${item.suffix}` : `${item.modelValue}`);
+        break;
+      }
+    }
+  }
+  // 2.插入内容
+  const content = result.join("_");
+
+  const editorIns = editorRef.value.getInstance();
+  const position = editorIns.getPosition();
+
+  const currentValue = editorRef.value.getValue();
+  const lines = currentValue.split("\n");
+  // 如果光标位置有效
+  if (position.lineNumber <= lines.length) {
+    const lineIndex = position.lineNumber - 1;
+    const line = lines[lineIndex];
+
+    // 在光标位置插入内容
+    const newLine = line.substring(0, position.column - 1) + content + line.substring(position.column - 1);
+    lines[lineIndex] = newLine;
+
+    // 更新编辑器内容
+    const newValue = lines.join("\n");
+    editorRef.value.setValue(newValue);
+
+    // 将光标移动到插入内容之后
+    const newColumn = position.column + content.length;
+    editorIns.setPosition({
+      lineNumber: position.lineNumber,
+      column: newColumn,
+    });
+    editorIns.focus();
+  }
+};
+
+onMounted(async () => {
+  const { body } = await stConfig.request.post('/common/conf/queryAllBackVariables', { useCase: "2" });
+  varList.value = body;
+});
+defineExpose({
+  open: (editor) => {
+    editorRef.value = editor;
+    visible.value = true;
+    // 支持拖拽
+    const dragArea = document.querySelector("body");
+    interact(dialogRef.value).draggable({
+      allowFrom: ".custom-header", // 只有 .custom-header 元素可以触发拖拽
+      // 限制拖拽范围
+      modifiers: [
+        interact.modifiers.restrictRect({
+          restriction: dragArea, // 限制在拖拽区域内
+          endOnly: false, // 实时限制
+        }),
+      ],
+      listeners: {
+        move(event) {
+          dialogRight.value -= event.dx;
+          dialogTop.value += event.dy;
+        },
+      },
+    });
+  },
+  close: () => {
+    visible.value = false;
+  }
+});
+</script>
+
+<template>
+  <div
+    v-show="visible"
+    class="var-select-dialog"
+    ref="dialogRef"
+    :style="{ right: `${dialogRight}px`, top: `${dialogTop}px` }"
+  >
+    <div class="custom-header">
+      <div class="left">
+        <span> 选择变量 </span>
+        <el-select
+          v-model="varName"
+          placeholder="选择变量"
+          filterable
+          clearable
+        >
+          <el-option
+            v-for="(item, index) in varList"
+            :key="index"
+            :label="item.varName"
+            :value="item.varName"
+          />
+        </el-select>
+      </div>
+      <div class="right">
+        <el-icon
+          class="el-icon--left"
+          @click="visible = false"
+        >
+          <Close />
+        </el-icon>
+      </div>
+    </div>
+    <div class="custom-body">
+      <template v-if="formatList.length">
+        <div
+          class="format-item"
+          v-for="(formatItem, formatIndex) in formatList"
+          :key="formatIndex"
+        >
+          <span>格式{{ formatIndex + 1 }}:</span>
+
+          <!-- 配置项 -->
+          <div class="config-list">
+            <template v-for="(config, configIndex) in formatItem.configList">
+              <div class="config-item">
+                <!-- 类型: 固定值 -->
+                <template v-if="config.vtype === 'text'">
+                  <span>{{ config.param }}</span>
+                </template>
+                <template v-if="config.vtype === 'inputVariety'">
+                  <VarietySelect
+                    size="small"
+                    :placeholder="config.param"
+                    :selectClearEnable="false"
+                    :labelShowEnable="false"
+                    @select="({ name, code }) => (config.modelValue = code)"
+                    @change="(value) => (config.modelValue = value)"
+                    style="width: 100px"
+                  />
+                </template>
+                <template v-if="config.vtype === 'input'">
+                  <el-input
+                    v-model="config.modelValue"
+                    :placeholder="config.param"
+                    size="small"
+                  />
+                  <span v-if="config.suffix">{{ config.suffix }}</span>
+                </template>
+                <template v-if="config.vtype === 'select'">
+                  <el-select
+                    v-model="config.modelValue"
+                    :placeholder="config.param"
+                    clearable
+                    size="small"
+                  >
+                    <el-option
+                      v-for="item in handleOptionsStrToArray(config.optionsStr)"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                    />
+                  </el-select>
+                </template>
+              </div>
+              <span v-if="configIndex !== formatItem.configList.length - 1">_</span>
+            </template>
+          </div>
+          <!-- 插入变量 -->
+          <el-button
+            type="primary"
+            plain
+            size="small"
+            @click="handleInsetVarContent(formatItem.configList)"
+          >
+            插入变量
+          </el-button>
+          <!-- Tip示例 -->
+          <el-tooltip
+            effect="dark"
+            :content="formatItem.tip"
+            placement="top-start"
+          >
+            <el-icon><InfoFilled /></el-icon>
+          </el-tooltip>
+        </div>
+      </template>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.var-select-dialog {
+  min-width: 660px;
+  max-width: 1000px;
+  border-radius: 4px;
+  box-sizing: border-box;
+  box-shadow: var(--el-box-shadow-light);
+  background-color: var(--el-bg-color);
+  z-index: 2006;
+  position: fixed;
+  .custom-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 10px;
+    .left {
+      display: flex;
+      align-items: center;
+      flex: 1;
+      span {
+        margin-right: 10px;
+      }
+      .el-select {
+        width: 140px;
+      }
+    }
+    .right {
+      display: flex;
+      align-items: center;
+      .el-button {
+        margin-right: 10px;
+      }
+      .el-icon {
+        cursor: pointer;
+        &:hover {
+          color: var(--el-color-primary);
+        }
+      }
+    }
+  }
+  .custom-body {
+    min-height: 160px;
+    box-sizing: border-box;
+    border-top: var(--el-border);
+    padding: 20px 10px;
+    .format-item {
+      font-size: 12px;
+      display: flex;
+      align-items: center;
+      flex-wrap: wrap;
+      gap: 10px;
+      margin-bottom: 10px;
+      .config-list {
+        display: flex;
+        align-items: center;
+        .el-input {
+          width: 100px;
+        }
+        .el-select {
+          width: 100px;
+        }
+      }
+    }
+  }
+}
+</style>

package/packages/VarietySearch/components/FactorScreen/VarietySelect.vue

@@ -0,0 +1,78 @@
+<!-- 组件: 品种自动补全搜索 -->
+<script setup>
+import { ref, inject } from "vue";
+import { getUserData } from "st-func";
+
+const stConfig = inject("stConfig");
+
+const emit = defineEmits(["select", "change"]);
+const props = defineProps({
+  size: { type: String, default: "default" },
+  placeholder: { type: String, default: "请输入品种名称或代码" },
+  labelShowEnable: { type: Boolean, default: true }, // 是否开启展示label
+  selectClearEnable: { type: Boolean, default: true }, // 是否开启选择回调后清除输入框值
+});
+
+const inputValue = ref("");
+const fetchSuggestions = async (value, callback) => {
+  if (value === "" || value === "null") {
+    callback([]);
+  } else {
+    const params = {
+      keyWord: value,
+      pageNum: 1,
+      pageSize: 999,
+      userId: getUserData("id"),
+      hotSearchFlag: 1,
+    };
+    const { body } = await stConfig.request.post("/common/qt/getFeatureInfosByPage", params);
+    const result = body.list.map(({ code, featureName }) => ({
+      label: `${code}\xa0\xa0\xa0${featureName}`,
+      value: code,
+    }));
+    callback(result);
+  }
+};
+const handleSelect = ({ label, value }) => {
+  const name = label.split("\xa0").at(-1);
+  const code = value;
+  emit("select", { name, code });
+  if (props.selectClearEnable) inputValue.value = "";
+};
+const handleChange = (value) => {
+  emit("change", value);
+}
+</script>
+
+<template>
+  <div class="variety-auto-complete">
+    <span v-if="labelShowEnable">品种搜索:</span>
+    <el-autocomplete
+      v-model="inputValue"
+      clearable
+      :size="props.size"
+      :placeholder="props.placeholder"
+      :fetch-suggestions="fetchSuggestions"
+      @select="handleSelect"
+      @change="handleChange"
+    >
+      <template #default="{ item }">
+        <div class="label">{{ item.label }}</div>
+      </template>
+    </el-autocomplete>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.variety-auto-complete {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  span {
+    width: 80px;
+  }
+  .el-autocomplete {
+    flex: 1;
+  }
+}
+</style>