d317a29e by xukangle

update :分类分级 增加滚动条

1 parent f278ba6b
...@@ -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) {
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!