feat:更新

chenyao

2025-08-21 bc338b62b6ccc1e9349b1a681b93b111c6a43cdc

feat:更新

 src/views/tickets/ticket.vue

@@ -83,7 +83,7 @@
                :value="item.dict_key"
              />
            </el-select> -->
            <el-tree-select
            <!-- <el-tree-select
              popper-class="custom-tree-select"
              :style="{ width: pxToRem(186) }"
              placeholder="请选择关联算法"
@@ -96,7 +96,28 @@
              @node-click="handleSFNodeClick"
              clearable
              @clear="handleClear"
          />
            /> -->
            <el-tree-select
              style="z-index: 1000"
              :teleported="false"
              class="custom-tree-select"
              :style="{ width: pxToRem(186) }"
              v-model="dictKey"
              :data="dataList"
              :default-expanded-keys="[dictKey]"
              :props="treePropsSF"
              :render-after-expand="false"
              :default-checked-keys="checkedKeys"
              node-key="id"
              multiple
              show-checkbox
              collapse-tags
              collapse-tags-tooltip
              clearable
              @check="handleCheck"
              @node-click="handleSFNodeClick"
              @clear="handleClear"
            />
            <el-select
              v-model="filters.isReview"
              placeholder="请选择复核状态"
@@ -1133,6 +1154,7 @@
      },
      dictKey: '',
      dataList: [],
      checkedKeys: [],
    };
  },
  created() {
@@ -1416,6 +1438,13 @@
  },

  methods: {
    handleCheck(data, { checkedKeys, checkedNodes }) {
      this.checkedKeys = checkedKeys
      // 获取所有选中节点的 dictKey
      const selectedDictKeys = checkedNodes.map(node => node.dictKey).filter(Boolean)
      this.filters.type = selectedDictKeys
      this.fetchTableData();
    },
    // 算法
    getAlgorithmList() {
      getSFDictionaryTree({code:'SF'}).then((res) => {
@@ -1439,16 +1468,12 @@
    },

    handleSFNodeClick(data) {
      console.log(data.dictKey, '666666666')
      this.filters.type = ''
      this.filters.algorithm = ''
        if (data.children && data.children.length) {
            // 获取子节点dictKey
            this.filters.type = data.dictKey
        } else {
            this.filters.algorithm = data.dictKey
        }
        // 更新列表请求
        this.fetchTableData();
      this.filters.type = data.dictKey
      // 更新列表请求
      this.fetchTableData();
    },
    handleClear() {
        this.dictKey = ''
@@ -1677,7 +1702,7 @@
      try {
        const currentTab = this.tabs.find(tab => tab.name === this.activeTab);
        const params = {
          word_order_type: this.filters.type || undefined,
          word_order_types: this.filters.type || undefined,
          status:
            currentTab?.name === 'myTickets'
              ? undefined
@@ -2014,6 +2039,7 @@
    },

    handleReset() {
      this.dictKey = '';
      this.filters = {
        keyword: '',
        department: '',
@@ -3101,11 +3127,11 @@
  gap: 8px; // 使用 gap 统一设置间距

  .filter-item {
    width: 160px; // 减小宽度
    width: 280px; // 减小宽度
  }

  .date-picker {
    width: 240px; // 日期选择器宽度适当调整
    // width: 240px; // 日期选择器宽度适当调整
  }

  .el-button {