st-comp 0.0.277 → 0.0.279

package/src/pages/VarietySearch/index.vue

@@ -1,467 +0,0 @@
-<script setup>
-import { inject, ref, onMounted, computed, watch } from "vue";
-import { getAlarDict, getAlarFreq, getAlarFactor } from "./api.js";
-
-const { request } = inject("stConfig");
-
-const searchData = ref({});
-
-const VarietyAiHelperRef = ref(null);
-const varietySearchRef = ref(null);
-const varietySearchData = ref({
-  varietyMarket: null,
-  commonOption: [],
-  marketIds: [],
-  customTag: [],
-  jcTranslate: {
-    type: null,
-    jcList: [],
-  },
-  factorScreen: {
-    list: [],
-    sqlEnable: 0,
-    sqlValue: null,
-  },
-  commonIndicator: [],
-  compositeOrder: [],
-});
-const varietySearchConfig = ref({});
-
-const data = ref();
-const multipleTableRef = ref();
-const orderByInfo = ref({ code: "asc" });
-const sortable = ref("tableHeader");
-
-// 侧面板开关
-const drawerVisible = ref(false);
-
-// 前端筛选条件格式化成API接口入参
-const apiParams = computed(() => {
-  return { ...(varietySearchRef.value?.formatData(varietySearchData.value) ?? {}) };
-});
-
-// 表格: 获取表格数据
-const getTableData = async () => {
-  const params = {
-    ...apiParams.value,
-    pageNum: 1,
-    pageSize: 20,
-  };
-  switch (sortable.value) {
-    case "tableHeader": {
-      delete params.compositeOrder;
-      params.orderByInfo = orderByInfo.value;
-      break;
-    }
-    case "alarmGroup": {
-      if (params.compositeOrder && params.compositeOrder.length) {
-        // 不进行额外处理
-      } else if (searchData.value.groupId) {
-        orderByInfo.value = { orderByIndex: "asc" };
-        params.orderByInfo = orderByInfo.value;
-      } else {
-        orderByInfo.value = { code: "asc" };
-        params.orderByInfo = orderByInfo.value;
-        multipleTableRef.value?.clearSort();
-      }
-      break;
-    }
-    case "compositeOrder": {
-      multipleTableRef.value?.clearSort();
-      break;
-    }
-  }
-  console.log(params);
-  const { body } = await request.post("/common/qt/getFeatureInfosByPage", params);
-  data.value = body.list;
-};
-
-// 表格: 排序
-const sortChange = ({ column, prop, order }) => {
-  const sortValueMap = new Map([
-    ["ascending", "asc"],
-    ["descending", "desc"],
-  ]);
-  if (order !== null) {
-    orderByInfo.value = {
-      [prop]: sortValueMap.get(order),
-    };
-  } else {
-    orderByInfo.value = {
-      code: "asc",
-    };
-  }
-  sortable.value = "tableHeader";
-  getTableData();
-};
-
-// 埋点
-const actionState = (...args) => {
-  console.log("Demo页面埋点console, 实际项目埋点这里使用埋点函数", ...args);
-};
-
-// 品种池参数解析助手的回调
-const varietyAiHelperCallBack = (data) => {
-  if (typeof data === "string") {
-    return;
-  } else {
-    varietySearchRef.value?.reset();
-    varietySearchData.value = { ...varietySearchData.value, ...data };
-  }
-};
-
-onMounted(async () => {
-  const dicAlar = await getAlarDict();
-  const dicCycle = await getAlarFreq();
-  const dicFactor = await getAlarFactor();
-  varietySearchConfig.value = {
-    varietyMarket: {
-      show: true,
-      options: dicAlar[1000].map((item) => {
-        return {
-          ...item,
-          label: item.dictName,
-          value: item.dictCode,
-          memo: item?.memo?.split(",")?.map(Number),
-        };
-      }),
-    },
-    commonOption: {
-      show: true,
-      options: dicAlar[1003].map((item) => {
-        return {
-          ...item,
-          label: item.dictName,
-          value: item.dictCode,
-        };
-      }),
-    },
-    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,
-    },
-    compositeOrder: {
-      show: true,
-    },
-  };
-});
-
-watch(
-  () => varietySearchData.value.compositeOrder,
-  () => {
-    sortable.value = "compositeOrder";
-  },
-  {
-    deep: true,
-  },
-);
-</script>
-
-<template>
-  <el-scrollbar class="demo">
-    <el-button
-      size="small"
-      type="primary"
-      @click="getTableData"
-      style="margin: 10px 0"
-    >
-      查询
-    </el-button>
-    <el-button
-      size="small"
-      type="primary"
-      @click="VarietyAiHelperRef?.open()"
-    >
-      AI查询助手
-    </el-button>
-    <st-varietyAiHelper
-      ref="VarietyAiHelperRef"
-      @callBack="varietyAiHelperCallBack"
-    />
-    <st-varietySearch
-      ref="varietySearchRef"
-      v-model:searchData="varietySearchData"
-      :config="varietySearchConfig"
-      @actionState="actionState"
-    />
-    <el-table
-      ref="multipleTableRef"
-      size="small"
-      :stripe="true"
-      :border="true"
-      :data="data"
-      @sort-change="sortChange"
-    >
-      <el-table-column
-        type="selection"
-        width="40"
-        fixed
-      />
-      <el-table-column
-        label="编号"
-        prop="id"
-        width="80"
-        fixed
-      />
-      <el-table-column
-        label="代码"
-        prop="code"
-        width="90"
-        sortable="custom"
-        fixed
-        show-overflow-tooltip
-      />
-      <el-table-column
-        label="名称"
-        prop="featureName"
-        sortable="custom"
-        fixed
-        show-overflow-tooltip
-      />
-      <el-table-column
-        label="市场"
-        prop="exchangeName"
-        width="70"
-      />
-    </el-table>
-  </el-scrollbar>
-
-  <!-- 悬浮球 -->
-  <div
-    class="json-float-btn"
-    @click="drawerVisible = true"
-  >
-    <span class="json-float-icon">{ }</span>
-  </div>
-
-  <!-- ========================================== -->
-  <!-- 自定义侧面板（无遮罩，不阻塞事件） -->
-  <!-- ========================================== -->
-  <transition name="slide">
-    <div
-      v-if="drawerVisible"
-      class="custom-drawer-overlay"
-      @click.self="drawerVisible = false"
-    >
-      <div class="custom-drawer">
-        <!-- 标题栏 -->
-        <div class="custom-drawer-header">
-          <span class="custom-drawer-title">参数查看</span>
-          <span
-            class="custom-drawer-close"
-            @click="drawerVisible = false"
-            >✕</span
-          >
-        </div>
-        <!-- 内容 -->
-        <div class="custom-drawer-body">
-          <div class="json-section">
-            <div class="json-label">前端组件参数</div>
-            <pre class="json-content">{{ JSON.stringify(varietySearchData, null, 2) }}</pre>
-          </div>
-          <div class="json-section">
-            <div class="json-label">后端接口参数</div>
-            <pre class="json-content">{{ JSON.stringify(apiParams, null, 2) }}</pre>
-          </div>
-        </div>
-      </div>
-    </div>
-  </transition>
-</template>
-
-<style lang="scss" scoped>
-.el-table {
-  margin-top: 10px;
-  height: calc(100vh - 460px);
-}
-
-// ==========================================
-// 悬浮球
-// ==========================================
-.json-float-btn {
-  position: fixed;
-  bottom: 40px;
-  right: 40px;
-  width: 52px;
-  height: 52px;
-  border-radius: 50%;
-  background: #409eff;
-  color: #fff;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  box-shadow: 0 4px 16px rgba(64, 158, 255, 0.4);
-  transition: all 0.25s ease;
-  z-index: 999;
-  user-select: none;
-
-  &:hover {
-    transform: scale(1.08);
-    box-shadow: 0 6px 24px rgba(64, 158, 255, 0.55);
-  }
-
-  &:active {
-    transform: scale(0.95);
-  }
-
-  .json-float-icon {
-    font-size: 20px;
-    font-weight: 700;
-    font-family: "Courier New", monospace;
-  }
-}
-
-// ==========================================
-// 自定义侧面板（无遮罩，不阻塞页面操作）
-// ==========================================
-.custom-drawer-overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 1000;
-  pointer-events: none; // 关键：让所有点击穿透
-}
-
-.custom-drawer {
-  position: fixed;
-  top: 0;
-  right: 0;
-  width: 500px;
-  height: 100vh;
-  background: #ffffff;
-  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.12);
-  z-index: 1001;
-  pointer-events: auto; // 抽屉本身可交互
-  display: flex;
-  flex-direction: column;
-
-  .custom-drawer-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 16px 20px;
-    border-bottom: 1px solid #e8ecf1;
-    flex-shrink: 0;
-
-    .custom-drawer-title {
-      font-size: 16px;
-      font-weight: 600;
-      color: #1d2129;
-    }
-
-    .custom-drawer-close {
-      font-size: 20px;
-      color: #86909c;
-      cursor: pointer;
-      padding: 0 4px;
-      transition: color 0.15s;
-      line-height: 1;
-
-      &:hover {
-        color: #1d2129;
-      }
-    }
-  }
-
-  .custom-drawer-body {
-    flex: 1;
-    padding: 16px 20px;
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-  }
-}
-
-// ==========================================
-// 滑动动画
-// ==========================================
-.slide-enter-active,
-.slide-leave-active {
-  transition: all 0.25s ease;
-}
-
-.slide-enter-from {
-  transform: translateX(100%);
-  opacity: 0;
-}
-
-.slide-enter-to {
-  transform: translateX(0);
-  opacity: 1;
-}
-
-.slide-leave-from {
-  transform: translateX(0);
-  opacity: 1;
-}
-
-.slide-leave-to {
-  transform: translateX(100%);
-  opacity: 0;
-}
-
-// ==========================================
-// JSON 展示样式
-// ==========================================
-.json-section {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  min-height: 0;
-
-  .json-label {
-    font-size: 16px;
-    font-weight: 500;
-    color: #4e5969;
-    margin-bottom: 6px;
-    flex-shrink: 0;
-  }
-
-  .json-content {
-    flex: 1;
-    margin: 0;
-    padding: 12px 16px;
-    background: #1a1a2e;
-    border-radius: 6px;
-    font-size: 14px;
-    line-height: 1.7;
-    font-family: "Consolas", "Monaco", "Courier New", monospace;
-    color: white;
-    overflow: auto;
-    white-space: pre-wrap;
-    word-break: break-all;
-    min-height: 150px;
-    max-height: 300px;
-  }
-}
-</style>

package/src/pages/VarietyTextCopy/index.vue

@@ -1,24 +0,0 @@
-<template>
-  <div class="demo">
-    <st-varietyTextCopy ref="stVarietyTextCopyRef" />
-    <el-button @click="save">保存品种测试按钮</el-button>
-  </div>
-</template>
-
-<script setup>
-import { ref } from "vue";
-
-const stVarietyTextCopyRef = ref(null);
-const save = async () => {
-  await stVarietyTextCopyRef.value.validate((valid, res) => {
-    if (!valid) return false;
-    console.log(res);
-  });
-};
-</script>
-
-<style lang="scss" scoped>
-.demo {
-  height: calc(100vh - 400px);
-}
-</style>