update :分类分级 增加滚动条
Showing
1 changed file
with
17 additions
and
58 deletions
| ... | @@ -78,7 +78,7 @@ const treeSelectProps = { | ... | @@ -78,7 +78,7 @@ const treeSelectProps = { |
| 78 | }; | 78 | }; |
| 79 | const treeSelectOptions = ref<any>([]); | 79 | const treeSelectOptions = ref<any>([]); |
| 80 | // 存储引用的refGradeGuid | 80 | // 存储引用的refGradeGuid |
| 81 | const refGradeGuidList = ref<any>([]); | 81 | const refGradeGuid = ref<any>(); |
| 82 | const getFieldTree = () => { | 82 | const getFieldTree = () => { |
| 83 | getTaskExeTreeList({ execGuid: execGuid.value }).then((res: any) => { | 83 | getTaskExeTreeList({ execGuid: execGuid.value }).then((res: any) => { |
| 84 | if (res.code == proxy.$passCode) { | 84 | if (res.code == proxy.$passCode) { |
| ... | @@ -86,11 +86,6 @@ const getFieldTree = () => { | ... | @@ -86,11 +86,6 @@ const getFieldTree = () => { |
| 86 | classifyList.value = data; | 86 | classifyList.value = data; |
| 87 | treeSelectOptions.value = data; | 87 | treeSelectOptions.value = data; |
| 88 | // 遍历data,找到refGradeGuid,不用递归,找第一层 | 88 | // 遍历data,找到refGradeGuid,不用递归,找第一层 |
| 89 | data.forEach(item => { | ||
| 90 | if (item.refGradeGuid) { | ||
| 91 | refGradeGuidList.value.push(item.refGradeGuid); | ||
| 92 | } | ||
| 93 | }); | ||
| 94 | 89 | ||
| 95 | } else { | 90 | } else { |
| 96 | ElMessage.error(res.msg); | 91 | ElMessage.error(res.msg); |
| ... | @@ -102,46 +97,29 @@ const getFieldTree = () => { | ... | @@ -102,46 +97,29 @@ const getFieldTree = () => { |
| 102 | 97 | ||
| 103 | // 获取分类名称的方法 | 98 | // 获取分类名称的方法 |
| 104 | const matchedItem = ref<any>(); | 99 | const matchedItem = ref<any>(); |
| 105 | |||
| 106 | const getClassifyName = (guid) => { | ||
| 107 | const findClassify = (data, guid) => { | ||
| 108 | for (const item of data) { | ||
| 109 | if (item.guid === guid) { | ||
| 110 | matchedItem.value = item; | ||
| 111 | return item.classifyName; | ||
| 112 | } | ||
| 113 | // 确保 children 是一个数组 | ||
| 114 | if (Array.isArray(item.children)) { | ||
| 115 | const childResult = findClassify(item.children, guid); | ||
| 116 | if (childResult) return childResult; | ||
| 117 | } | ||
| 118 | } | ||
| 119 | return null; | ||
| 120 | }; | ||
| 121 | const result = findClassify(treeSelectOptions.value, guid); | ||
| 122 | |||
| 123 | return result; | ||
| 124 | }; | ||
| 125 | |||
| 126 | |||
| 127 | // 获取分级的数据 | 100 | // 获取分级的数据 |
| 128 | const gradeSelectProps = { | 101 | const gradeSelectProps = { |
| 129 | value: 'guid', | 102 | value: 'guid', |
| 130 | label: 'name', | 103 | label: 'name', |
| 131 | } | 104 | } |
| 132 | 105 | ||
| 133 | |||
| 134 | const getGradeName = (guid) => { | ||
| 135 | const grade = gradeList.value.find(item => item.guid === guid); | ||
| 136 | return grade ? grade.gradeName : ''; | ||
| 137 | } | ||
| 138 | |||
| 139 | |||
| 140 | // 进入编辑模式 | 106 | // 进入编辑模式 |
| 141 | const editRow = (row) => { | 107 | const editRow = (row) => { |
| 142 | console.log('进入编辑模式', row) | 108 | console.log('进入编辑模式', row.classifyDetailGuid) |
| 143 | // 进入编辑模式时,查找classifyDetailGuid | 109 | // 进入编辑模式时,查找classifyDetailGuid所在的refGradeGuid |
| 144 | 110 | treeSelectOptions.value.forEach(item => { | |
| 111 | if (item.classifyDetailGuid === row.classifyDetailGuid) { | ||
| 112 | refGradeGuid.value = item.refGradeGuid; | ||
| 113 | } | ||
| 114 | }); | ||
| 115 | getGradeList({ classifyGradeGuid: row.refGradeGuid, pageIndex: 1, pageSize: -1 }).then((res: any) => { | ||
| 116 | console.log('row进来了吗') | ||
| 117 | if (res.code === proxy.$passCode) { | ||
| 118 | row.gradeOptions = res.data.records || []; | ||
| 119 | } else { | ||
| 120 | ElMessage.error(res.msg); | ||
| 121 | } | ||
| 122 | }); | ||
| 145 | 123 | ||
| 146 | 124 | ||
| 147 | // 这个是指定是否能编辑的字段 | 125 | // 这个是指定是否能编辑的字段 |
| ... | @@ -170,9 +148,6 @@ const stepsInfo = ref({ | ... | @@ -170,9 +148,6 @@ const stepsInfo = ref({ |
| 170 | 148 | ||
| 171 | 149 | ||
| 172 | const datasourceSelectedRows: Ref<any> = ref([]); | 150 | const datasourceSelectedRows: Ref<any> = ref([]); |
| 173 | |||
| 174 | //记录下一步时选中的库表信息。 | ||
| 175 | const selectedDatabaseTable: Ref<any> = ref([]); | ||
| 176 | // 记录数据库databaseGuid | 151 | // 记录数据库databaseGuid |
| 177 | const handlDsSelectedChange = (v, guid) => { | 152 | const handlDsSelectedChange = (v, guid) => { |
| 178 | datasourceSelectedRows.value = v || []; | 153 | datasourceSelectedRows.value = v || []; |
| ... | @@ -199,7 +174,6 @@ const nextStep = async () => { | ... | @@ -199,7 +174,6 @@ const nextStep = async () => { |
| 199 | return; | 174 | return; |
| 200 | } | 175 | } |
| 201 | getFieldTree(); | 176 | getFieldTree(); |
| 202 | initializeTableData(); | ||
| 203 | stepsInfo.value.step = 1; | 177 | stepsInfo.value.step = 1; |
| 204 | }; | 178 | }; |
| 205 | 179 | ||
| ... | @@ -213,22 +187,7 @@ const getNextTableInfo = async (params) => { | ... | @@ -213,22 +187,7 @@ const getNextTableInfo = async (params) => { |
| 213 | } | 187 | } |
| 214 | }; | 188 | }; |
| 215 | 189 | ||
| 216 | // 初始化表格分级数据显示 | 190 | |
| 217 | const initializeTableData = () => { | ||
| 218 | console.log('初始化表格分级数据显示', refGradeGuidList.value) | ||
| 219 | tableDataDetailInfo.value.forEach((row) => { | ||
| 220 | if (row.refGradeGuid) { | ||
| 221 | getGradeList({ classifyGradeGuid: row.refGradeGuid, pageIndex: 1, pageSize: -1 }).then((res: any) => { | ||
| 222 | console.log('row进来了吗') | ||
| 223 | if (res.code === proxy.$passCode) { | ||
| 224 | row.gradeOptions = res.data.records || []; | ||
| 225 | } else { | ||
| 226 | ElMessage.error(res.msg); | ||
| 227 | } | ||
| 228 | }); | ||
| 229 | } | ||
| 230 | }); | ||
| 231 | }; | ||
| 232 | 191 | ||
| 233 | const handleClassifyChange = (row) => { | 192 | const handleClassifyChange = (row) => { |
| 234 | if (!row.classifyDetailGuid) { | 193 | if (!row.classifyDetailGuid) { | ... | ... |
-
Please register or sign in to post a comment