From bc338b62b6ccc1e9349b1a681b93b111c6a43cdc Mon Sep 17 00:00:00 2001
From: chenyao <1219716595@qq.com>
Date: Thu, 21 Aug 2025 14:55:46 +0800
Subject: [PATCH] feat:更新
---
src/views/tickets/ticket.vue | 52 +++++++++++++++++++++++++++++++++++++++-------------
1 files changed, 39 insertions(+), 13 deletions(-)
diff --git a/src/views/tickets/ticket.vue b/src/views/tickets/ticket.vue
index db474cc..486563c 100644
--- a/src/views/tickets/ticket.vue
+++ b/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 {
--
Gitblit v1.9.3