st-comp 0.0.277 → 0.0.279

package/packages/VarietyAutoComplete/index.ts

@@ -1,8 +0,0 @@
-import { App } from "vue";
-import StVarietyAutoComplete from "./index.vue";
-
-export default {
-  install(app: App) {
-    app.component("st-varietyAutoComplete", StVarietyAutoComplete);
-  },
-}

package/packages/VarietyAutoComplete/index.vue

@@ -1,89 +0,0 @@
-<!-- 组件: 品种自动补全搜索 -->
-<script setup>
-import { ref, inject } from "vue";
-import { getUserData } from "st-func";
-
-const stConfig = inject("stConfig");
-
-const emit = defineEmits(["input", "select", "change"]);
-const props = defineProps({
-  width: { type: String, default: "200px" },
-  size: { type: String, default: "default" },
-  label: { type: String, default: "品种搜索" },
-  placeholder: { type: String, default: "请输入品种名称或代码" },
-  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/quickSearch", params);
-    const result = body.list.map(({ code, featureName }) => ({
-      label: `${code}\xa0\xa0\xa0${featureName}`,
-      value: code,
-    }));
-    callback(result);
-  }
-};
-const handleInput = (value) => {
-  emit("input", value);
-};
-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="label"
-      class="label"
-    >
-      {{ label }}
-    </span>
-    <el-autocomplete
-      v-model="inputValue"
-      clearable
-      :size="props.size"
-      :placeholder="props.placeholder"
-      :fetch-suggestions="fetchSuggestions"
-      @input="handleInput"
-      @select="handleSelect"
-      @change="handleChange"
-      :style="{ width }"
-    >
-      <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>

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

@@ -1,268 +0,0 @@
-<template>
-  <div>
-    <el-tag
-      v-for="(item, index) in showCheckTagList"
-      closable
-      style="margin-right: 10px;"
-      type="info"
-      @close="handleAction('delete', index)"
-    >
-      <span>{{ item.name }}</span>
-    </el-tag>
-    <el-button
-      class="screen-btn"
-      type="primary"
-      plain
-      size="small"
-      :icon="Plus"
-      @click="handleAction('add')"
-    >
-      添加标签
-    </el-button>
-  </div>
-  <!-- 添加标签弹窗 -->
-  <el-dialog
-    v-model="visible"
-    width="1000"
-  >
-    <template #header>
-      <div>
-        添加标签
-        <el-radio-group v-model="tagType" size="small" style="margin-left: 8px; vertical-align: 5px;">
-          <el-radio-button label="个人" value="person" />
-          <el-radio-button label="系统" value="system" />
-        </el-radio-group>
-        <el-input v-model="searchValue" size="small" style="width: 120px; margin-left: 8px;" placeholder="请输入标签名称" />
-      </div>
-    </template>
-    <div class="tag-list">
-      <div class="tab-list-item" v-for="item in tagList">
-        <el-checkbox :checked="isCheck(item)" @change="changeCheckBox(item)">
-          <div style="display: flex; width: 280px;">
-            <div style="flex: 1;line-height: 24px;">{{ item.name }}</div>
-            <el-button size="small" :icon="Edit" @click="editTag(item)" v-if="tagType === 'person'"></el-button>
-            <el-button size="small" :icon="Delete" @click="deleteTag(item)" v-if="tagType === 'person'"></el-button>
-          </div>
-        </el-checkbox>
-      </div>
-    </div>
-    <template #footer>
-      <div class="dialog-footer">
-        <el-button @click="visible = false">取消</el-button>
-        <el-button type="primary" @click="handleAction('submit')">确定</el-button>
-      </div>
-    </template>
-  </el-dialog>
-  <!-- 编辑标签弹窗 -->
-   <el-dialog
-    v-model="editVisible"
-    title="编辑标签"
-    top="20vh"
-    width="600"
-  >
-    <div style="margin-bottom: 12px;">原名称：{{ editItem?.name }}</div>
-    <el-input v-model="editValue" />
-    <template #footer>
-      <div class="dialog-footer">
-        <el-button @click="editVisible = false">取消</el-button>
-        <el-button type="primary" @click="changeTag()">确定</el-button>
-      </div>
-    </template>
-  </el-dialog>
-</template>
-
-<script setup>
-import { inject, ref, watch, computed, nextTick } from "vue";
-import { Plus, Edit, Delete } from "@element-plus/icons-vue";
-
-let searchTimer = null
-
-const { request } = inject("stConfig"); // 组件库全局配置
-
-const data = defineModel("data", { default: [] });
-const visible = ref(false);
-const tagType = ref('person'); // 标签类型
-const searchValue = ref(''); // 搜索值
-const tagMap = ref({}); // 全部标签映射
-const tagList = ref([]); // 标签列表
-const checkList = ref([]); // 勾选列表
-const editVisible = ref(false); // 编辑标签弹窗
-const editItem = ref(null); // 编辑标签对象
-const editValue = ref(''); // 编辑标签值
-
-const showCheckTagList = computed(() => {
-  return data.value.map(id => {
-    return {
-      name: tagMap.value[id],
-      id,
-    }
-  })
-})
-
-watch(() => tagType.value, () => {
-  searchValue.value = ''
-  getTagList()
-})
-
-watch(() => searchValue.value, () => {
-  clearTimeout(searchTimer)
-  searchTimer = setTimeout(() => {
-    getTagList()
-  }, 300)
-})
-
-const isCheck = (item) => {
-  return Boolean(checkList.value.includes(item.id))
-}
-
-const changeCheckBox = (item) => {
-  if (isCheck(item)) {
-    // 已经勾选
-    checkList.value = checkList.value.filter(i => i !== item.id)
-  } else {
-    checkList.value.push(item.id)
-  }
-}
-
-// 标签相关操作
-const handleAction = (action, index) => {
-  switch (action) {
-    // 新增
-    case "add": {
-      tagList.value = []
-      visible.value = true;
-      searchValue.value = '';
-      checkList.value = [...data.value]
-      getTagList()
-      break;
-    }
-    // 窗口确认
-    case "submit": {
-      visible.value = false;
-      data.value = [...checkList.value]
-      break;
-    }
-    // 删除
-    case "delete": {
-      data.value.splice(index, 1);
-      break;
-    }
-  }
-};
-
-// 删除个人标签
-const deleteTag = (item) => {
-  ElMessageBox.alert(`确认删除标签“${item.name}”吗？`, '删除标签', {
-    confirmButtonText: 'OK',
-    callback: async (action) => {
-      if (action === 'confirm') {
-        await request.post('/alarm/deliversign/deleteTag', { tagId: item.id })
-        getTagList()
-        ElMessage.success('删除成功!')
-      }
-    },
-  })
-}
-
-// 打开编辑标签弹窗
-const editTag = (item) => { 
-  editItem.value = item
-  editValue.value = item.name
-  editVisible.value = true
-}
-
-// 修改标签
-const changeTag = async () => {
-  await request.post('/alarm/deliversign/addOrUpdateFeatureTag', { tagName: editValue.value, tagId: editItem.value.id })
-  tagMap.value = {
-    ...tagMap.value,
-    [editItem.value.id]: editValue.value
-  }
-  tagList.value = tagList.value.map(item => {
-    if (item.id === editItem.value.id) {
-      return {
-        ...item,
-        name: editValue.value
-      }
-    }
-    return item
-  })
-  editVisible.value = false
-  ElMessage.success('修改成功!')
-}
-
-// 获取标签列表
-const getTagList = async () => {
-  if (tagType.value === 'person') {
-    // 个人标签
-    const res = await request.post('/alarm/deliversign/findTagsByUserId', { tagName: searchValue.value })
-    tagList.value = []
-    tagMap.value = {
-      ...tagMap.value,
-      ...res.body.reduce((r, i) => {
-        return {
-          ...r,
-          [i.id]: i.tagName
-        }
-      }, {})
-    }
-    nextTick(() => {
-      tagList.value = res.body?.map(item => ({
-        name: item.tagName,
-        id: item.id
-      }))
-    })
-  } else {
-    // 系统标签
-    const res = await request.post('/alarm/deliversign/findSystemTagsByTagName', { tagName: searchValue.value })
-    tagList.value = []
-    tagMap.value = {
-      ...tagMap.value,
-      ...res.body.reduce((r, i) => {
-        return {
-          ...r,
-          [i.id]: i.tagName
-        }
-      }, {})
-    }
-    nextTick(() => {
-      tagList.value = res.body?.map(item => ({
-        name: item.tagName,
-        id: item.id
-      }))
-    })
-  }
-}
-
-// 获取全部标签
-const getTotalTagMap = async () => {
-  const res = await Promise.all([
-    request.post('/alarm/deliversign/findTagsByUserId'),
-    request.post('/alarm/deliversign/findSystemTagsByTagName')
-  ])
-  tagMap.value = res.reduce((r, i) => {
-    return {
-      ...r,
-      ...i.body?.reduce((bodyR, bodyI) => {
-        return {
-          ...bodyR,
-          [bodyI.id]: bodyI.tagName
-        }
-      }, {})
-    }
-  }, {})
-}
-
-getTotalTagMap()
-</script>
-
-<style lang="scss" scoped>
-.tag-list {
-  max-height: 40vh;
-  overflow-y: scroll;
-  .tab-list-item {
-    display: inline-block;
-    width: 33%;
-  }
-}
-</style>

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

@@ -1,52 +0,0 @@
-<script setup>
-const props = defineProps({
-  tags: {
-    type: Array,
-    required: true,
-  },
-});
-
-const emit = defineEmits(["edit", "delete"]);
-
-const handleEdit = (item) => {
-  emit("edit", item);
-};
-
-const handleDelete = (index) => {
-  emit("delete", index);
-};
-</script>
-
-<template>
-  <div class="tags">
-    <el-tag
-      v-for="(item, index) in props.tags"
-      :key="item.key"
-      closable
-      type="info"
-      @close="handleDelete(index)"
-    >
-      <span>{{ item.tagText }}</span>
-      <span
-        class="edit"
-        @click="handleEdit(item)"
-        >编辑</span
-      >
-    </el-tag>
-  </div>
-</template>
-
-<style scoped>
-.tags {
-  display: flex;
-  flex-wrap: wrap;
-}
-.tags .el-tag {
-  margin: 6px 10px 6px 0;
-}
-.tags .edit {
-  cursor: pointer;
-  color: var(--el-color-primary);
-  margin-left: 6px;
-}
-</style>