From e181f04c642204e79749af93fa921875ff6c21ba Mon Sep 17 00:00:00 2001 From: baoshiwei <baoshiwei@shlanbao.cn> Date: 星期二, 20 五月 2025 10:46:35 +0800 Subject: [PATCH] refactor(qms): 重构趋势图展示逻辑 --- src/views/tool/gen/editTable.vue | 116 +++++++++++++++++++++++++++++++-------------------------- 1 files changed, 63 insertions(+), 53 deletions(-) diff --git a/src/views/tool/gen/editTable.vue b/src/views/tool/gen/editTable.vue index eec850e..bbb0889 100644 --- a/src/views/tool/gen/editTable.vue +++ b/src/views/tool/gen/editTable.vue @@ -35,22 +35,22 @@ <el-table-column label="鎻掑叆" min-width="5%"> <template #default="scope"> - <el-checkbox true-label="1" false-label="0" v-model="scope.row.isInsert"></el-checkbox> + <el-checkbox v-model="scope.row.isInsert" true-value="1" false-value="0"></el-checkbox> </template> </el-table-column> <el-table-column label="缂栬緫" min-width="5%"> <template #default="scope"> - <el-checkbox true-label="1" false-label="0" v-model="scope.row.isEdit"></el-checkbox> + <el-checkbox v-model="scope.row.isEdit" true-value="1" false-value="0"></el-checkbox> </template> </el-table-column> <el-table-column label="鍒楄〃" min-width="5%"> <template #default="scope"> - <el-checkbox true-label="1" false-label="0" v-model="scope.row.isList"></el-checkbox> + <el-checkbox v-model="scope.row.isList" true-value="1" false-value="0"></el-checkbox> </template> </el-table-column> <el-table-column label="鏌ヨ" min-width="5%"> <template #default="scope"> - <el-checkbox true-label="1" false-label="0" v-model="scope.row.isQuery"></el-checkbox> + <el-checkbox v-model="scope.row.isQuery" true-value="1" false-value="0"></el-checkbox> </template> </el-table-column> <el-table-column label="鏌ヨ鏂瑰紡" min-width="10%"> @@ -69,7 +69,7 @@ </el-table-column> <el-table-column label="蹇呭~" min-width="5%"> <template #default="scope"> - <el-checkbox true-label="1" false-label="0" v-model="scope.row.isRequired"></el-checkbox> + <el-checkbox v-model="scope.row.isRequired" true-value="1" false-value="0"></el-checkbox> </template> </el-table-column> <el-table-column label="鏄剧ず绫诲瀷" min-width="12%"> @@ -104,7 +104,7 @@ </el-tab-pane> </el-tabs> <el-form label-width="100px"> - <div style="text-align: center;margin-left:-100px;margin-top:10px;"> + <div style="text-align: center; margin-left: -100px; margin-top: 10px"> <el-button type="primary" @click="submitForm()">鎻愪氦</el-button> <el-button @click="close()">杩斿洖</el-button> </div> @@ -117,9 +117,9 @@ import { DbColumnVO, DbTableVO } from '@/api/tool/gen/types'; import { optionselect as getDictOptionselect } from '@/api/system/dict/type'; import { DictTypeVO } from '@/api/system/dict/type/types'; -import basicInfoForm from './basicInfoForm.vue'; -import genInfoForm from "./genInfoForm.vue"; -import { ComponentInternalInstance } from "vue"; +import BasicInfoForm from './basicInfoForm.vue'; +import GenInfoForm from './genInfoForm.vue'; +import { RouteLocationNormalized } from 'vue-router'; const route = useRoute(); const { proxy } = getCurrentInstance() as ComponentInternalInstance; @@ -131,58 +131,68 @@ const dictOptions = ref<DictTypeVO[]>([]); const info = ref<Partial<DbTableVO>>({}); -const basicInfo = ref(basicInfoForm); -const genInfo = ref(genInfoForm); +const basicInfo = ref<InstanceType<typeof BasicInfoForm>>(); +const genInfo = ref<InstanceType<typeof GenInfoForm>>(); /** 鎻愪氦鎸夐挳 */ const submitForm = () => { - const basicForm = basicInfo.value.$refs.basicInfoForm; - const genForm = genInfo.value.$refs.genInfoForm; + const basicForm = basicInfo.value?.$refs.basicInfoForm; + const genForm = genInfo.value?.$refs.genInfoForm; - Promise.all([basicForm, genForm].map(getFormPromise)).then(async res => { - const validateResult = res.every(item => !!item); - if (validateResult) { - const genTable: any = Object.assign({}, info.value); - genTable.columns = columns.value; - genTable.params = { - treeCode: info.value?.treeCode, - treeName: info.value.treeName, - treeParentCode: info.value.treeParentCode, - parentMenuId: info.value.parentMenuId - }; - const response = await updateGenTable(genTable); - proxy?.$modal.msgSuccess(response.msg); - if (response.code === 200) { - close(); - } - } else { - proxy?.$modal.msgError("琛ㄥ崟鏍¢獙鏈�氳繃锛岃閲嶆柊妫�鏌ユ彁浜ゅ唴瀹�"); - } - }); -} + Promise.all([basicForm, genForm].map(getFormPromise)).then(async (res) => { + const validateResult = res.every((item) => !!item); + if (validateResult) { + const genTable: any = Object.assign({}, info.value); + genTable.columns = columns.value; + genTable.params = { + treeCode: info.value?.treeCode, + treeName: info.value.treeName, + treeParentCode: info.value.treeParentCode, + parentMenuId: info.value.parentMenuId + }; + const response = await updateGenTable(genTable); + proxy?.$modal.msgSuccess(response.msg); + if (response.code === 200) { + close(); + } + } else { + proxy?.$modal.msgError('琛ㄥ崟鏍¢獙鏈�氳繃锛岃閲嶆柊妫�鏌ユ彁浜ゅ唴瀹�'); + } + }); +}; const getFormPromise = (form: any) => { - return new Promise(resolve => { - form.validate((res: any) => { - resolve(res); - }); + return new Promise((resolve) => { + form.validate((res: any) => { + resolve(res); }); -} + }); +}; const close = () => { - const obj = { path: "/tool/gen", query: { t: Date.now(), pageNum: route.query.pageNum } }; - proxy?.$tab.closeOpenPage(obj); -} + const obj: RouteLocationNormalized = { + path: '/tool/gen', + fullPath: '', + hash: '', + matched: [], + meta: undefined, + name: undefined, + params: undefined, + redirectedFrom: undefined, + query: { t: Date.now().toString(), pageNum: route.query.pageNum } + }; + proxy?.$tab.closeOpenPage(obj); +}; (async () => { - const tableId = route.params && route.params.tableId as string; - if (tableId) { - // 鑾峰彇琛ㄨ缁嗕俊鎭� - const res = await getGenTable(tableId); - columns.value = res.data.rows; - info.value = res.data.info; - tables.value = res.data.tables; - /** 鏌ヨ瀛楀吀涓嬫媺鍒楄〃 */ - const response = await getDictOptionselect(); - dictOptions.value = response.data; - } + const tableId = route.params && (route.params.tableId as string); + if (tableId) { + // 鑾峰彇琛ㄨ缁嗕俊鎭� + const res = await getGenTable(tableId); + columns.value = res.data.rows; + info.value = res.data.info; + tables.value = res.data.tables; + /** 鏌ヨ瀛楀吀涓嬫媺鍒楄〃 */ + const response = await getDictOptionselect(); + dictOptions.value = response.data; + } })(); </script> -- Gitblit v1.9.3