st-comp 0.0.277 → 0.0.279

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

@@ -1,1158 +0,0 @@
-<!-- 因子筛选组件 -->
-<script setup name="FactorScreen">
-import { nextTick, ref, watch, inject, reactive } from "vue";
-import { getToken } from "st-func";
-import { Close, Plus, CircleCloseFilled, InfoFilled, Document } from "@element-plus/icons-vue";
-import { handleVerifyScore, extractConditionDetails, extractVariables } from "./tools.js";
-import { sendToNodeFactorAiTest } from "../../../../public/aiTools";
-import FactorDescription from "./FactorDescription.vue";
-import MonacoEditor from "../../../MonacoEditor/index.vue";
-
-const { request, env } = inject("stConfig"); // 组件库全局配置
-
-const emit = defineEmits(["actionState"]);
-const props = defineProps({
-  config: {
-    type: Object,
-    default: {
-      sqlShow: false, // 是否启用SQL功能
-      cycleShow: true, // 是否展示周期
-      cycleDefault: null, // 周期默认值
-      cycleOptions: [], // 周期下拉框选项
-      factorOptions: [], // 因子下拉框选项
-      factorDescriptions: [], // 因子使用说明数据源
-    },
-  },
-});
-const data = defineModel("data", {
-  default: {
-    list: [],
-    sqlEnable: 0,
-    sqlValue: null,
-  },
-});
-
-const monacoEditorRef = ref();
-const stVarSelectDialogRef = ref();
-
-// 弹窗开关
-const visible = ref(false);
-const visibleDescriptions = ref(false);
-const factorType = ref("脚本");
-const scriptTestLoading = ref(false);
-const scriptCopyLoading = ref(false);
-const scriptAILoading = ref(false);
-const scriptAIButtonLoading = ref(false);
-const testVariety = ref("");
-const testVarietyVisible = ref(false);
-const scriptTestLogVisible = ref(false);
-const scriptTestResult = reactive({
-  result: null,
-  detail: "",
-  code: "",
-  ai: "",
-});
-
-// 弹窗表单
-const dialogFormRef = ref(null);
-const dialogForm = ref({
-  // 筛选因子列表
-  list: [
-    {
-      cycle: props.config.cycleDefault ?? null, // 周期
-      factor: null, // 因子
-      score: [null, null], // 得分
-    },
-  ],
-  // 是否开启SQL功能 0关闭, 1开启
-  sqlEnable: 0,
-  // SQL语句
-  sqlValue: null,
-  // 脚本语句
-  factorSelectExpr: "",
-});
-
-// 打开
-const handleOpenDialog = () => {
-  const { list, sqlEnable, sqlValue, factorSelectExpr } = data.value;
-  dialogForm.value = {
-    list: JSON.parse(JSON.stringify(list)),
-    sqlEnable,
-    sqlValue,
-    factorSelectExpr,
-  };
-  // 保证因子筛选最少一条
-  if (!dialogForm.value.list.length) handleAppendFactor();
-  visible.value = true;
-};
-// 确定
-const handleSubmit = () => {
-  if (factorType.value === "模版") {
-    dialogFormRef.value.validate((valid) => {
-      const { list, sqlEnable, sqlValue } = dialogForm.value;
-      if (!valid) return;
-      // 针对开启了SQL功能后的字段校验
-      if (sqlEnable) {
-        if (!sqlValue) return ElMessage.error("SQL语句不能为空");
-        // 提取SQL语句中的条件1, 条件2, ...
-        const sqlConditions = extractConditionDetails(sqlValue);
-        // 生成因子表格中的条件1, 条件2, ...
-        const factorConditions = list.map((item, index) => `条件${index + 1}`);
-        // 校验SQL中是否全部都能在因子表格中找到
-        const noSaveConditions = sqlConditions.filter((item) => !factorConditions.includes(item));
-        if (noSaveConditions.length) return ElMessage.error(`请检查SQL语句, 不存在[${noSaveConditions}]`);
-      }
-      data.value = {
-        list: JSON.parse(JSON.stringify(list)),
-        sqlEnable,
-        sqlValue,
-        factorSelectExpr: "",
-      };
-      visible.value = false;
-    });
-  } else {
-    const script = monacoEditorRef.value.getValue();
-    if (!script) return ElMessage.error("请输入脚本语句");
-    data.value = {
-      list: [],
-      sqlEnable: 0,
-      sqlValue: null,
-      factorSelectExpr: script,
-    };
-    visible.value = false;
-  }
-};
-
-// 表单: 删除因子
-const handleDeleteFactor = (index) => {
-  dialogForm.value.list.splice(index, 1);
-};
-// 表单: 添加因子
-const handleAppendFactor = (type) => {
-  switch (type) {
-    // 对比
-    case "compare": {
-      dialogForm.value.list.push({
-        key: "compare",
-        cycle: props.config.cycleDefault ?? null,
-        factor: null,
-        compareType: ">",
-        cycle2: props.config.cycleDefault ?? null,
-        factor2: null,
-      });
-      break;
-    }
-    // 常规
-    default: {
-      dialogForm.value.list.push({
-        cycle: props.config.cycleDefault ?? null,
-        factor: null,
-        score: [null, null],
-      });
-      break;
-    }
-  }
-};
-// 表单: 生成SQL
-const handleGenerateSql = () => {
-  dialogFormRef.value.validate((valid) => {
-    if (!valid) return;
-    // 检测是否已经存在SQL语句 => 匹配生成
-    if (dialogForm.value.sqlValue) {
-      // 找到sqlValue中存在的所有 条件1, 条件2, ..., 条件n
-      const sqlConditions = extractConditionDetails(dialogForm.value.sqlValue);
-      dialogForm.value.sqlValue = dialogForm.value.list.reduce((result, item, index) => {
-        // 如果已经出现存在过sqlValue中的条件, 则略过, 没存在过的直接加入进去
-        if (!sqlConditions.includes(`条件${index + 1}`)) {
-          result += `&& 条件${index + 1} `;
-        }
-        return result;
-      }, dialogForm.value.sqlValue);
-    }
-    // 完全重新生成
-    else {
-      dialogForm.value.sqlValue = dialogForm.value.list.reduce((result, item, index) => {
-        if (index === 0) {
-          result += `条件${index + 1} `;
-        } else {
-          result += `&& 条件${index + 1} `;
-        }
-        return result;
-      }, "");
-    }
-  });
-};
-
-// Tag: 文案
-const handleFormatTag = (tag) => {
-  switch (tag.key) {
-    // 对比
-    case "compare": {
-      const { cycle, factor, compareType, cycle2, factor2 } = tag;
-      let str = "";
-      str += ` ${props.config.cycleOptions.find(({ value }) => value === cycle).label}`;
-      str += ` ${props.config.factorOptions.find(({ value }) => value === factor).label}`;
-      str += ` ${compareType}`;
-      str += ` ${props.config.cycleOptions.find(({ value }) => value === cycle2).label}`;
-      str += ` ${props.config.factorOptions.find(({ value }) => value === factor2).label}`;
-      return str;
-    }
-    // 常规
-    default: {
-      const { cycle, factor, score } = tag;
-      let str = "";
-      str += ` ${props.config.cycleOptions.find(({ value }) => value === cycle).label}`;
-      str += ` ${props.config.factorOptions.find(({ value }) => value === factor).label}`;
-      str += ` ${score[0] || score[0] === 0 ? `${score[0]}分` : "∞"}`;
-      str += " ~";
-      str += ` ${score[1] || score[1] === 0 ? `${score[1]}分` : "∞"}`;
-      return str;
-    }
-  }
-};
-// Tag: 删除
-const handleDeleteTag = (aciton, index) => {
-  switch (aciton) {
-    case "sqlTag": {
-      data.value = {
-        list: [],
-        sqlEnable: 0,
-        sqlValue: null,
-      };
-      break;
-    }
-    case "factorTag": {
-      data.value.list.splice(index, 1);
-      break;
-    }
-    case "scriptTag": {
-      ElMessageBox.confirm("是否确认删除因子筛选: 脚本模式", "删除操作", {
-        confirmButtonText: "确认",
-        cancelButtonText: "取消",
-        type: "warning",
-      }).then(() => {
-        data.value = {
-          list: [],
-          sqlEnable: 0,
-          sqlValue: null,
-          factorSelectExpr: "",
-        };
-      });
-      break;
-    }
-  }
-};
-
-// 打开变量选择器
-const open = () => {
-  stVarSelectDialogRef.value.open(monacoEditorRef.value);
-};
-// 脚本: 插入自定义函数
-const handleInsertCustomFunction = (funcName, funcExpression) => {
-  if (!monacoEditorRef.value) return ElMessage.error("未检测到编辑器实例");
-  // 生成基础插入内容 (如果内含${}, 需提取出来, 作为变量)
-  let content = funcName;
-  const varArray = extractVariables(funcExpression);
-  if (varArray.length) {
-    const str = varArray.reduce((result, item, index, arry) => {
-      result += `${item}=`;
-      // 如果不是最后一个, 就需要加个逗号
-      if (index < arry.length - 1) result += ",";
-      return result;
-    }, "");
-    content = `${content}(${str})`;
-  }
-
-  // 初始化光标和所在行位置
-  const editorIns = monacoEditorRef.value.getInstance();
-  const position = editorIns.getPosition();
-  const currentValue = monacoEditorRef.value.getValue();
-  const lines = currentValue.split("\n");
-  // 执行插入操作
-  if (position.lineNumber <= lines.length) {
-    const lineIndex = position.lineNumber - 1;
-    const line = lines[lineIndex];
-    const columnIndex = position.column - 1;
-
-    // 获取光标前后的字符
-    const prevChar = columnIndex > 0 ? line[columnIndex - 1] : "";
-    const nextChar = columnIndex < line.length ? line[columnIndex] : "";
-
-    // 检测是否需要添加空格
-    let contentToInsert = content;
-
-    // 如果前面有内容且不是空格或行首，在前面添加空格
-    if (prevChar && prevChar !== " " && !/[\s({[ ]/.test(prevChar)) {
-      contentToInsert = " " + contentToInsert;
-    }
-
-    // 如果后面有内容且不是空格或行尾，在后面添加空格
-    if (nextChar && nextChar !== " " && !/[\s)}\]]/.test(nextChar)) {
-      contentToInsert = contentToInsert + " ";
-    }
-
-    // 在光标位置插入内容
-    const newLine = line.substring(0, columnIndex) + contentToInsert + line.substring(columnIndex);
-    lines[lineIndex] = newLine;
-
-    // 更新编辑器内容
-    const newValue = lines.join("\n");
-    monacoEditorRef.value.setValue(newValue);
-
-    // 将光标移动到插入内容之后
-    const newColumn = position.column + contentToInsert.length;
-    editorIns.setPosition({
-      lineNumber: position.lineNumber,
-      column: newColumn,
-    });
-    editorIns.focus();
-  }
-};
-// 脚本: 复制
-const handleScriptCopy = async () => {
-  try {
-    scriptCopyLoading.value = true;
-    const script = monacoEditorRef.value.getValue();
-    if (!script) return ElMessage.error("请输入脚本语句");
-    const { body } = await request.post("/common/qt/getFuncExpr", { factorSelectExpr: script });
-    if (!body) return ElMessage.error("脚本解析失败, 请检查脚本内容是否填写完整或者联系管理员");
-    // 复制内容到粘贴板
-    let txa = document.createElement("textarea");
-    txa.value = body;
-    document.body.appendChild(txa);
-    txa.select();
-    document.execCommand("copy");
-    document.body.removeChild(txa);
-    ElMessage.success("脚本内容已经成功复制到粘贴板");
-  } finally {
-    scriptCopyLoading.value = false;
-    emit("actionState", "因子筛选", "复制");
-  }
-};
-
-// 测试: 复制
-const handleTestCodeCopy = () => {
-  let txa = document.createElement("textarea");
-  txa.value = scriptTestResult.code;
-  document.body.appendChild(txa);
-  txa.select();
-  document.execCommand("copy");
-  document.body.removeChild(txa);
-  ElMessage.success("测试代码已经成功复制到粘贴板");
-};
-// 测试: 打开/确认/日志
-const extractCodesFromString = (str) => {
-  if (!str) return [];
-  return str.split("\n").reduce((result, next) => {
-    const code = next.trim().replace(/\s+/gi, " ").split(" ")[0];
-    code && result.push(code);
-    return result;
-  }, []);
-};
-const handleScriptTest = async (action) => {
-  switch (action) {
-    case "open": {
-      // 基础校验
-      if (!monacoEditorRef.value.getValue()) return ElMessage.error("脚本语句不可为空");
-      testVarietyVisible.value = true;
-      break;
-    }
-    case "submit": {
-      testVarietyVisible.value = false;
-      try {
-        scriptTestLoading.value = true;
-        const { body } = await request.post("/common/qt/getFuncExpr", { factorSelectExpr: monacoEditorRef.value.getValue() });
-        if (!body) return ElMessage.error("脚本解析失败, 请检查脚本内容是否填写完整或者联系管理员");
-        const params = {
-          codes: extractCodesFromString(testVariety.value),
-          factorSelectExpr: body,
-        };
-        const testRes = await request.post("/common/qt/testFactorSelect", params);
-        const { result, detail } = testRes.body;
-        Object.assign(scriptTestResult, { result, detail, code: body, ai: "" });
-        if (result === 1) {
-          ElMessage.success("测试通过");
-        } else {
-          ElMessage.error("测试未能通过");
-          scriptTestLogVisible.value = true;
-        }
-      } finally {
-        scriptTestLoading.value = false;
-        emit("actionState", "因子筛选", "测试");
-      }
-      break;
-    }
-    case "log": {
-      if (scriptTestResult.result === null) {
-        return ElMessage.warning("请先进行测试, 等待测试完成后可查看日志");
-      }
-      scriptTestLogVisible.value = true;
-      break;
-    }
-  }
-};
-// 测试: AI分析
-const handleTestAi = () => {
-  emit("actionState", "因子筛选", "AI分析");
-  scriptAILoading.value = true;
-  scriptAIButtonLoading.value = true;
-  scriptTestResult.ai = "";
-  try {
-    sendToNodeFactorAiTest({
-      baseUrl: env.VITE_BASE_URL,
-      token: getToken(),
-      value: scriptTestResult.code,
-      callback: (type, data) => {
-        if (type === "error") {
-          scriptAILoading.value = false;
-          scriptAIButtonLoading.value = false;
-          ElMessage.error("AI分析失败: " + data);
-          return;
-        }
-        if (type === "message") {
-          scriptAILoading.value = false;
-          scriptTestResult.ai += data;
-        }
-        if (type === "finish") {
-          scriptAILoading.value = false;
-          scriptAIButtonLoading.value = false;
-        }
-      },
-    });
-  } catch (error) {
-    ElMessage.error(`AI响应异常: ${error}`);
-    scriptTestResult.ai = error;
-    scriptAILoading.value = false;
-    scriptAIButtonLoading.value = false;
-  }
-};
-
-// 监控: 窗口开关
-watch(
-  () => visible.value,
-  (newValue) => {
-    switch (newValue) {
-      case true: {
-        nextTick(() => {
-          monacoEditorRef.value.resize();
-          // 如果有脚本内容, 直接切换到脚本模式, 并将值回显
-          if (data.value.factorSelectExpr) {
-            factorType.value = "脚本";
-            monacoEditorRef.value.setValue(data.value.factorSelectExpr);
-            monacoEditorRef.value.focusToEnd();
-          }
-          // 如果有模板内容, 直接切换到模板模式
-          if ((data.value.sqlEnable && data.value.sqlValue) || (!data.value.sqlEnable && data.value.list.length)) {
-            factorType.value = "模版";
-          }
-        });
-        // 重置测试结果
-        Object.assign(scriptTestResult, {
-          result: null,
-          detail: "",
-          code: "",
-          ai: "",
-        });
-        break;
-      }
-      case false: {
-        stVarSelectDialogRef.value.close();
-        scriptTestLogVisible.value = false;
-        testVariety.value = "";
-        break;
-      }
-    }
-  },
-);
-// 监控: 因子类型
-watch(
-  () => factorType.value,
-  (newValue) => {
-    if (newValue === "模版") stVarSelectDialogRef.value.close();
-    if (newValue === "脚本") {
-      nextTick(() => {
-        monacoEditorRef.value.focusToEnd();
-      });
-    }
-  },
-  { deep: true },
-);
-</script>
-
-<template>
-  <div class="factor-screen">
-    <!-- 文案 + 添加按钮 -->
-    <div>
-      <!-- Tag文案[开启SQL] -->
-      <template v-if="data.sqlEnable && data.sqlValue">
-        <el-tag
-          closable
-          type="info"
-          :title="data.sqlValue"
-          @close="handleDeleteTag('sqlTag')"
-        >
-          <el-text
-            type="info"
-            truncated
-            style="max-width: 500px"
-          >
-            {{ data.sqlValue }}
-          </el-text>
-        </el-tag>
-      </template>
-      <!-- Tag文案[关闭SQL] -->
-      <template v-if="!data.sqlEnable && data.list.length">
-        <el-tag
-          v-for="(tag, index) in data.list"
-          closable
-          type="info"
-          @close="handleDeleteTag('factorTag', index)"
-        >
-          {{ handleFormatTag(tag) }}
-        </el-tag>
-      </template>
-      <!-- 脚本模式 -->
-      <el-popover
-        v-if="data.factorSelectExpr"
-        width="500"
-        placement="bottom-start"
-      >
-        <div style="white-space: pre-line">
-          {{ data.factorSelectExpr }}
-        </div>
-        <template #reference>
-          <el-tag
-            closable
-            type="info"
-            @close="handleDeleteTag('scriptTag')"
-          >
-            脚本模式
-          </el-tag>
-        </template>
-      </el-popover>
-      <!-- 添加按钮 -->
-      <el-button
-        class="screen-btn"
-        type="primary"
-        plain
-        size="small"
-        :icon="Plus"
-        @click="handleOpenDialog"
-      >
-        添加因子
-      </el-button>
-    </div>
-    <!-- 因子筛选弹窗 -->
-    <el-dialog
-      modal-class="factor-dialog"
-      v-model="visible"
-      width="1000"
-      align-center
-      destroy-on-close
-      draggable
-      overflow
-      :modal="false"
-      :modal-penetrable="true"
-      :show-close="false"
-    >
-      <template #header="{ titleId, titleClass }">
-        <div class="custom-header">
-          <div class="left">
-            <span
-              :id="titleId"
-              :class="titleClass"
-            >
-              因子筛选
-            </span>
-            <!-- 因子使用说明 -->
-            <el-tooltip
-              effect="dark"
-              content="点击查看: 因子使用说明"
-              placement="right"
-            >
-              <el-icon @click="visibleDescriptions = true"><InfoFilled /></el-icon>
-            </el-tooltip>
-            <!-- 因子模式 -->
-            <el-radio-group
-              v-model="factorType"
-              size="small"
-            >
-              <el-radio-button
-                label="模版"
-                value="模版"
-              />
-              <el-radio-button
-                label="脚本"
-                value="脚本"
-              />
-            </el-radio-group>
-            <!-- 脚本模式: 自定义函数插入新建, 脚本测试, 脚本复制 -->
-            <div
-              class="editor-tools"
-              v-show="factorType === '脚本'"
-            >
-              <st-customFunction
-                v-show="factorType === '脚本'"
-                size="small"
-                @insert="handleInsertCustomFunction"
-                @actionState="(...args) => emit('actionState', ...args)"
-              />
-              <el-button
-                type="primary"
-                size="small"
-                :loading="scriptCopyLoading"
-                @click="handleScriptCopy"
-                >复制</el-button
-              >
-              <el-button
-                type="primary"
-                size="small"
-                :loading="scriptTestLoading"
-                @click="handleScriptTest('open')"
-                >测试</el-button
-              >
-              <el-button
-                size="small"
-                :icon="Document"
-                @click="handleScriptTest('log')"
-                >日志明细</el-button
-              >
-            </div>
-          </div>
-          <!-- 变量选择器 + 关闭 -->
-          <div class="right">
-            <el-button
-              v-if="factorType === '脚本'"
-              size="small"
-              type="primary"
-              @click="open"
-              >变量选择器</el-button
-            >
-            <el-icon @click="visible = false"><Close /></el-icon>
-          </div>
-        </div>
-      </template>
-      <!-- 模版模式 -->
-      <el-scrollbar
-        v-if="factorType === '模版'"
-        height="400px"
-      >
-        <el-form
-          ref="dialogFormRef"
-          :model="dialogForm"
-        >
-          <!-- 因子筛选表格 -->
-          <div
-            v-for="(item, index) in dialogForm.list"
-            class="form-row"
-          >
-            <!-- 序列号 -->
-            <span class="index">{{ `条件${index + 1}` }}</span>
-            <!-- 对比因子: 分值因子 -->
-            <template v-if="item.key === 'compare'">
-              <!-- 周期 -->
-              <el-form-item
-                v-if="config.cycleShow"
-                :prop="'list.' + index + '.cycle'"
-                :rules="{ required: true, message: '周期不能为空', trigger: 'blur' }"
-                style="width: 100px; margin-right: 10px"
-              >
-                <el-select
-                  v-model="item.cycle"
-                  placeholder="选择周期"
-                  size="small"
-                >
-                  <el-option
-                    v-for="{ label, value } in config.cycleOptions"
-                    :label="label"
-                    :value="value"
-                    :key="value"
-                  />
-                </el-select>
-              </el-form-item>
-              <!-- 因子 -->
-              <el-form-item
-                :prop="'list.' + index + '.factor'"
-                :rules="{ required: true, message: '因子不能为空', trigger: 'blur' }"
-                style="width: 132px; margin-right: 10px"
-              >
-                <el-select
-                  v-model="item.factor"
-                  placeholder="选择因子"
-                  filterable
-                  size="small"
-                  no-match-text="无匹配数据"
-                >
-                  <el-option
-                    v-for="{ label, value } in config.factorOptions?.filter((item) => [4].includes(item.type))"
-                    :label="label"
-                    :value="value"
-                    :key="value"
-                  />
-                </el-select>
-              </el-form-item>
-              <!-- 对比符 -->
-              <el-form-item style="width: 52px; margin-right: 10px">
-                <el-select
-                  v-model="item.compareType"
-                  size="small"
-                >
-                  <el-option
-                    v-for="item in ['>', '>=', '<', '<=']"
-                    :label="item"
-                    :value="item"
-                    :key="item"
-                  />
-                </el-select>
-              </el-form-item>
-              <!-- 周期2 -->
-              <el-form-item
-                v-if="config.cycleShow"
-                :prop="'list.' + index + '.cycle2'"
-                :rules="{ required: true, message: '周期不能为空', trigger: 'blur' }"
-                style="width: 100px; margin-right: 10px"
-              >
-                <el-select
-                  v-model="item.cycle2"
-                  placeholder="选择周期"
-                  size="small"
-                >
-                  <el-option
-                    v-for="{ label, value } in config.cycleOptions"
-                    :label="label"
-                    :value="value"
-                    :key="value"
-                  />
-                </el-select>
-              </el-form-item>
-              <!-- 因子2 -->
-              <el-form-item
-                :prop="'list.' + index + '.factor2'"
-                :rules="{ required: true, message: '因子不能为空', trigger: 'blur' }"
-                style="width: 132px; margin-right: 10px"
-              >
-                <el-select
-                  v-model="item.factor2"
-                  placeholder="选择因子"
-                  filterable
-                  size="small"
-                  no-match-text="无匹配数据"
-                >
-                  <el-option
-                    v-for="{ label, value } in config.factorOptions?.filter((item) => [4].includes(item.type))"
-                    :label="label"
-                    :value="value"
-                    :key="value"
-                  />
-                </el-select>
-              </el-form-item>
-            </template>
-            <!-- 常规因子: 机器打分, 人工打分因子 -->
-            <template v-else>
-              <!-- 周期 -->
-              <el-form-item
-                v-if="config.cycleShow"
-                :prop="'list.' + index + '.cycle'"
-                :rules="{ required: true, message: '周期不能为空', trigger: 'blur' }"
-                style="width: 100px; margin-right: 10px"
-              >
-                <el-select
-                  v-model="item.cycle"
-                  placeholder="选择周期"
-                  size="small"
-                >
-                  <el-option
-                    v-for="{ label, value } in config.cycleOptions"
-                    :label="label"
-                    :value="value"
-                    :key="value"
-                  />
-                </el-select>
-              </el-form-item>
-              <!-- 因子 -->
-              <el-form-item
-                :prop="'list.' + index + '.factor'"
-                :rules="{ required: true, message: '因子不能为空', trigger: 'blur' }"
-                style="width: 194px; margin-right: 10px"
-              >
-                <el-select
-                  v-model="item.factor"
-                  placeholder="选择因子"
-                  filterable
-                  size="small"
-                  no-match-text="无匹配数据"
-                >
-                  <el-option
-                    v-for="{ label, value } in config.factorOptions?.filter((item) => [1, 3].includes(item.type))"
-                    :label="label"
-                    :value="value"
-                    :key="value"
-                  />
-                </el-select>
-              </el-form-item>
-              <!-- 分数 -->
-              <el-form-item
-                :prop="'list.' + index + '.score'"
-                :rules="{ validator: handleVerifyScore, trigger: 'blur' }"
-                style="width: 200px; margin-right: 10px"
-              >
-                <div style="display: flex; align-items: center; width: 100%; height: 24px">
-                  <el-input-number
-                    v-model="item.score[0]"
-                    size="small"
-                    controls-position="right"
-                  />
-                  <span>~</span>
-                  <el-input-number
-                    v-model="item.score[1]"
-                    size="small"
-                    controls-position="right"
-                  />
-                </div>
-              </el-form-item>
-            </template>
-            <!-- 删除 -->
-            <el-icon @click="handleDeleteFactor(index)"><CircleCloseFilled /></el-icon>
-          </div>
-          <el-button
-            type="primary"
-            plain
-            size="small"
-            :icon="Plus"
-            @click="handleAppendFactor"
-            style="margin-bottom: 10px"
-            >添加因子</el-button
-          >
-          <el-button
-            type="primary"
-            plain
-            size="small"
-            :icon="Plus"
-            @click="handleAppendFactor('compare')"
-            style="margin-bottom: 10px"
-            >添加因子对比</el-button
-          >
-          <!-- SQL功能 -->
-          <template v-if="config.sqlShow">
-            <el-form-item label="SQL功能: ">
-              <el-radio-group v-model="dialogForm.sqlEnable">
-                <el-radio
-                  label="关闭"
-                  :value="0"
-                />
-                <el-radio
-                  label="启用"
-                  :value="1"
-                />
-              </el-radio-group>
-              <el-button
-                v-if="dialogForm.sqlEnable"
-                type="primary"
-                size="small"
-                @click="handleGenerateSql"
-                style="margin-left: auto"
-                >生成SQL</el-button
-              >
-            </el-form-item>
-            <template v-if="dialogForm.sqlEnable">
-              <el-input
-                v-model="dialogForm.sqlValue"
-                :autosize="{ minRows: 4 }"
-                type="textarea"
-                style="margin-bottom: 10px"
-              />
-              <span>&&代表and，||代表or</span>
-            </template>
-          </template>
-        </el-form>
-      </el-scrollbar>
-      <!-- 脚本模式 -->
-      <div
-        style="width: 968px; height: 400px"
-        :style="factorType === '脚本' ? null : { position: 'fixed', top: '-400px', zIndex: -1, visibility: 'hidden', pointerEvents: 'none' }"
-      >
-        <MonacoEditor
-          ref="monacoEditorRef"
-          :language="'lua'"
-          :suggestionEnable="true"
-          :variableEnable="true"
-        />
-      </div>
-      <template #footer>
-        <div class="dialog-footer">
-          <el-button
-            type="primary"
-            @click="handleSubmit"
-            >确定</el-button
-          >
-        </div>
-      </template>
-    </el-dialog>
-  </div>
-  <!-- 因子说明: 机器打分, 人工打分因子 -->
-  <FactorDescription
-    v-model:visible="visibleDescriptions"
-    :factorType="factorType"
-    :data="config.factorDescriptions?.filter((item) => [1, 3].includes(item.type))"
-  />
-  <!-- 窗口: 选择测试所用的品种 -->
-  <el-dialog
-    modal-class="test-variety-dialog"
-    v-model="testVarietyVisible"
-    width="500"
-    align-center
-    append-to-body
-    overflow
-    :modal="false"
-    :modal-penetrable="true"
-    :show-close="false"
-  >
-    <template #header="{ titleId, titleClass }">
-      <div class="custom-header">
-        <div class="left">
-          <span
-            :id="titleId"
-            :class="titleClass"
-          >
-            测试品种
-          </span>
-        </div>
-        <div class="right">
-          <st-varietyAutoComplete
-            label=""
-            @select="({ name, code }) => (testVariety += `${code} ${name} \n`)"
-          />
-          <el-icon @click="testVarietyVisible = false"><Close /></el-icon>
-        </div>
-      </div>
-    </template>
-    <el-input
-      class="full-height-textarea"
-      v-model="testVariety"
-      resize="none"
-      type="textarea"
-      :placeholder="`不填写时, 默认为000001 平安银行\n格式示例:\nhc8888\xa0\xa0\xa0\xa0热轧卷板期货指数\nsp8888\xa0\xa0\xa0\xa0纸浆期货指数\nbu8888\xa0\xa0\xa0\xa0石油沥青期货指数`"
-    />
-    <template #footer>
-      <div class="dialog-footer">
-        <el-button
-          type="primary"
-          @click="handleScriptTest('submit')"
-        >
-          确认
-        </el-button>
-      </div>
-    </template>
-  </el-dialog>
-  <!-- 窗口: 日志明细 -->
-  <el-dialog
-    modal-class="log-dialog"
-    v-model="scriptTestLogVisible"
-    width="80vw"
-    align-center
-    append-to-body
-    draggable
-    overflow
-    :modal="false"
-    :modal-penetrable="true"
-    :show-close="false"
-  >
-    <template #header="{ titleId, titleClass }">
-      <div class="custom-header">
-        <div class="left">
-          <span
-            :id="titleId"
-            :class="titleClass"
-          >
-            日志明细
-          </span>
-        </div>
-        <!-- 关闭 -->
-        <div class="right">
-          <el-icon @click="scriptTestLogVisible = false"><Close /></el-icon>
-        </div>
-      </div>
-    </template>
-    <div class="content">
-      <!-- 代码 -->
-      <el-scrollbar
-        class="code"
-        height="600px"
-      >
-        <pre>{{ scriptTestResult.code }}</pre>
-      </el-scrollbar>
-      <!-- 日志 -->
-      <el-scrollbar
-        class="log"
-        height="600px"
-      >
-        <pre :class="scriptTestResult.result === 1 ? 'success-log' : 'error-log'">{{ scriptTestResult.result === 1 ? `✅️ 测试通过\n${scriptTestResult.detail}` : scriptTestResult.detail }}</pre>
-      </el-scrollbar>
-      <!-- AI分析结果 -->
-      <el-scrollbar
-        class="ai"
-        height="600px"
-      >
-        <v-md-editor
-          v-if="scriptTestResult.ai"
-          mode="preview"
-          :model-value="scriptTestResult.ai"
-        />
-        <!-- 正在进行AI分析, 并且没有返回结果时, 展示骨架屏 -->
-        <el-skeleton
-          v-else-if="scriptAILoading"
-          :rows="5"
-          animated
-        />
-        <!-- 未进行AI分析, 并且没有返回结果时, 展示文案 -->
-        <el-empty
-          v-else-if="!scriptAILoading"
-          description="点击下方按钮: AI分析, 分析结果将会展示在此处"
-        />
-      </el-scrollbar>
-    </div>
-    <!-- 底部 -->
-    <template #footer>
-      <div class="dialog-footer">
-        <el-button
-          type="primary"
-          :loading="scriptAIButtonLoading"
-          @click="handleTestAi"
-        >
-          AI分析
-        </el-button>
-        <el-button
-          type="primary"
-          @click="handleTestCodeCopy"
-        >
-          复制
-        </el-button>
-        <el-button @click="scriptTestLogVisible = false">关闭</el-button>
-      </div>
-    </template>
-  </el-dialog>
-  <!-- 变量选择器 -->
-  <st-varSelectDialog ref="stVarSelectDialogRef" />
-</template>
-
-<style lang="scss" scoped>
-.factor-screen {
-  .el-tag {
-    margin-right: 10px;
-  }
-  .custom-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    .left,
-    .right {
-      display: flex;
-      align-items: center;
-      gap: 10px;
-    }
-    .editor-tools {
-      display: flex;
-      align-items: center;
-      gap: 10px;
-      .el-button {
-        margin: 0;
-      }
-    }
-    .el-icon {
-      cursor: pointer;
-    }
-  }
-  .form-row {
-    display: flex;
-    align-items: center;
-    justify-content: start;
-    margin-bottom: 18px;
-    .index {
-      display: inline-block;
-      width: 50px;
-      height: 22px;
-    }
-    .el-form-item {
-      margin: 0;
-    }
-    .el-icon {
-      cursor: pointer;
-    }
-  }
-}
-.test-variety-dialog {
-  .custom-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    .left,
-    .right {
-      display: flex;
-      align-items: center;
-      gap: 10px;
-    }
-    .el-icon {
-      cursor: pointer;
-    }
-  }
-  .full-height-textarea {
-    width: 100%;
-    height: 200px;
-    margin-top: 10px;
-    :deep(.el-textarea__inner) {
-      box-sizing: border-box;
-      height: 100%;
-    }
-  }
-}
-.log-dialog {
-  .custom-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    .left,
-    .right {
-      display: flex;
-      align-items: center;
-      gap: 10px;
-    }
-    .el-icon {
-      cursor: pointer;
-    }
-  }
-  .content {
-    display: flex;
-    gap: 1px;
-    .el-scrollbar {
-      background-color: var(--el-color-black);
-      flex: 1;
-      box-sizing: border-box;
-      padding: 8px;
-      border: var(--el-border);
-    }
-    .code {
-      color: var(--el-color-info);
-    }
-    .success-log {
-      color: var(--el-color-success);
-    }
-    .error-log {
-      color: var(--el-color-danger);
-    }
-    pre {
-      margin: 0;
-      line-height: 1.5;
-      white-space: pre-wrap;
-      word-break: break-all;
-      word-wrap: break-word;
-    }
-    .ai {
-      flex: 1;
-      background-color: white;
-      :deep(.vuepress-markdown-body) {
-        padding: 0;
-      }
-    }
-  }
-}
-</style>