From e1023bb3313282b00d6dcdefd5d7e30d7aaa1bfc Mon Sep 17 00:00:00 2001 From: 疯狂的狮子Li <15040126243@163.com> Date: 星期四, 30 十一月 2023 11:13:29 +0800 Subject: [PATCH] update 优化 代码中存在的警告 --- src/views/system/dict/index.vue | 157 ++++++++++++++++++++++------------------------------ 1 files changed, 67 insertions(+), 90 deletions(-) diff --git a/src/views/system/dict/index.vue b/src/views/system/dict/index.vue index 710d0fc..f3b0051 100644 --- a/src/views/system/dict/index.vue +++ b/src/views/system/dict/index.vue @@ -10,11 +10,6 @@ <el-form-item label="瀛楀吀绫诲瀷" prop="dictType"> <el-input v-model="queryParams.dictType" placeholder="璇疯緭鍏ュ瓧鍏哥被鍨�" clearable style="width: 240px" @keyup.enter="handleQuery" /> </el-form-item> - <el-form-item label="鐘舵��" prop="status"> - <el-select v-model="queryParams.status" placeholder="瀛楀吀鐘舵��" clearable style="width: 240px"> - <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label" :value="dict.value" /> - </el-select> - </el-form-item> <el-form-item label="鍒涘缓鏃堕棿" style="width: 308px"> <el-date-picker v-model="dateRange" @@ -69,11 +64,6 @@ </router-link> </template> </el-table-column> - <el-table-column label="鐘舵��" align="center" prop="status"> - <template #default="scope"> - <dict-tag :options="sys_normal_disable" :value="scope.row.status" /> - </template> - </el-table-column> <el-table-column label="澶囨敞" align="center" prop="remark" :show-overflow-tooltip="true" /> <el-table-column label="鍒涘缓鏃堕棿" align="center" prop="createTime" width="180"> <template #default="scope"> @@ -103,11 +93,6 @@ <el-form-item label="瀛楀吀绫诲瀷" prop="dictType"> <el-input v-model="form.dictType" placeholder="璇疯緭鍏ュ瓧鍏哥被鍨�" /> </el-form-item> - <el-form-item label="鐘舵��" prop="status"> - <el-radio-group v-model="form.status"> - <el-radio v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.value">{{ dict.label }}</el-radio> - </el-radio-group> - </el-form-item> <el-form-item label="澶囨敞" prop="remark"> <el-input v-model="form.remark" type="textarea" placeholder="璇疯緭鍏ュ唴瀹�"></el-input> </el-form-item> @@ -128,7 +113,6 @@ import { DictTypeForm, DictTypeQuery, DictTypeVO } from "@/api/system/dict/type/types"; const { proxy } = getCurrentInstance() as ComponentInternalInstance; -const { sys_normal_disable } = toRefs<any>(proxy?.useDict("sys_normal_disable")) const typeList = ref<DictTypeVO[]>([]); const loading = ref(true); @@ -144,123 +128,116 @@ const dialog = reactive<DialogOption>({ - visible: false, - title: '' + visible: false, + title: '' }); const initFormData: DictTypeForm = { - dictId: undefined, - dictName: '', - dictType: '', - status: "0", - remark: '' + dictId: undefined, + dictName: '', + dictType: '', + remark: '' } const data = reactive<PageData<DictTypeForm, DictTypeQuery>>({ - form: {...initFormData}, - queryParams: { - pageNum: 1, - pageSize: 10, - dictName: '', - dictType: '', - status: '' - }, - rules: { - dictName: [{ required: true, message: "瀛楀吀鍚嶇О涓嶈兘涓虹┖", trigger: "blur" }], - dictType: [{ required: true, message: "瀛楀吀绫诲瀷涓嶈兘涓虹┖", trigger: "blur" }] - }, + form: { ...initFormData }, + queryParams: { + pageNum: 1, + pageSize: 10, + dictName: '', + dictType: '' + }, + rules: { + dictName: [{ required: true, message: "瀛楀吀鍚嶇О涓嶈兘涓虹┖", trigger: "blur" }], + dictType: [{ required: true, message: "瀛楀吀绫诲瀷涓嶈兘涓虹┖", trigger: "blur" }] + }, }); const { queryParams, form, rules } = toRefs(data); /** 鏌ヨ瀛楀吀绫诲瀷鍒楄〃 */ const getList = () => { - loading.value = true; - listType(proxy?.addDateRange(queryParams.value, dateRange.value)).then(res => { - typeList.value = res.rows; - total.value = res.total; - loading.value = false; - }); + loading.value = true; + listType(proxy?.addDateRange(queryParams.value, dateRange.value)).then(res => { + typeList.value = res.rows; + total.value = res.total; + loading.value = false; + }); } /** 鍙栨秷鎸夐挳 */ const cancel = () => { - reset(); - dialog.visible = false; + reset(); + dialog.visible = false; } /** 琛ㄥ崟閲嶇疆 */ const reset = () => { - form.value = {...initFormData}; - dictFormRef.value?.resetFields(); + form.value = { ...initFormData }; + dictFormRef.value?.resetFields(); } /** 鎼滅储鎸夐挳鎿嶄綔 */ const handleQuery = () => { - queryParams.value.pageNum = 1; - getList(); + queryParams.value.pageNum = 1; + getList(); } /** 閲嶇疆鎸夐挳鎿嶄綔 */ const resetQuery = () => { - dateRange.value = ['', '']; - queryFormRef.value?.resetFields(); - handleQuery(); + dateRange.value = ['', '']; + queryFormRef.value?.resetFields(); + handleQuery(); } /** 鏂板鎸夐挳鎿嶄綔 */ const handleAdd = () => { - dialog.visible = true; - dialog.title = "娣诲姞瀛楀吀绫诲瀷"; - nextTick(() => { - reset(); - }) + reset(); + dialog.visible = true; + dialog.title = "娣诲姞瀛楀吀绫诲瀷"; } /** 澶氶�夋閫変腑鏁版嵁 */ -const handleSelectionChange = (selection: DictTypeVO[]) => { - ids.value = selection.map(item => item.dictId); - single.value = selection.length != 1; - multiple.value = !selection.length; +const handleSelectionChange = (selection: DictTypeVO[]) => { + ids.value = selection.map(item => item.dictId); + single.value = selection.length != 1; + multiple.value = !selection.length; } /** 淇敼鎸夐挳鎿嶄綔 */ -const handleUpdate = (row?: DictTypeVO) => { - dialog.visible = true; - dialog.title = "淇敼瀛楀吀绫诲瀷"; - const dictId = row?.dictId || ids.value[0]; - nextTick(async () => { - reset(); - const res = await getType(dictId); - form.value = res.data; - }) - +const handleUpdate = async (row?: DictTypeVO) => { + reset(); + const dictId = row?.dictId || ids.value[0]; + const res = await getType(dictId); + Object.assign(form.value, res.data); + dialog.visible = true; + dialog.title = "淇敼瀛楀吀绫诲瀷"; } /** 鎻愪氦鎸夐挳 */ const submitForm = () => { - dictFormRef.value?.validate(async (valid: boolean) => { - if (valid) { - form.value.dictId ? await updateType(form.value) : await addType(form.value); - proxy?.$modal.msgSuccess("鎿嶄綔鎴愬姛"); - dialog.visible = false; - getList(); - } - }); + dictFormRef.value?.validate(async (valid: boolean) => { + if (valid) { + form.value.dictId ? await updateType(form.value) : await addType(form.value); + proxy?.$modal.msgSuccess("鎿嶄綔鎴愬姛"); + dialog.visible = false; + getList(); + } + }); } /** 鍒犻櫎鎸夐挳鎿嶄綔 */ const handleDelete = async (row?: DictTypeVO) => { - const dictIds = row?.dictId || ids.value; - await proxy?.$modal.confirm('鏄惁纭鍒犻櫎瀛楀吀缂栧彿涓�"' + dictIds + '"鐨勬暟鎹」锛�'); - await delType(dictIds); - getList(); - proxy?.$modal.msgSuccess("鍒犻櫎鎴愬姛"); + const dictIds = row?.dictId || ids.value; + await proxy?.$modal.confirm('鏄惁纭鍒犻櫎瀛楀吀缂栧彿涓�"' + dictIds + '"鐨勬暟鎹」锛�'); + await delType(dictIds); + getList(); + proxy?.$modal.msgSuccess("鍒犻櫎鎴愬姛"); } /** 瀵煎嚭鎸夐挳鎿嶄綔 */ const handleExport = () => { - proxy?.download("system/dict/type/export", { - ...queryParams.value - }, `dict_${new Date().getTime()}.xlsx`); + proxy?.download("system/dict/type/export", { + ...queryParams.value + }, `dict_${new Date().getTime()}.xlsx`); } /** 鍒锋柊缂撳瓨鎸夐挳鎿嶄綔 */ const handleRefreshCache = async () => { - await refreshCache(); - proxy?.$modal.msgSuccess("鍒锋柊鎴愬姛"); - useDictStore().cleanDict(); + await refreshCache(); + proxy?.$modal.msgSuccess("鍒锋柊鎴愬姛"); + useDictStore().cleanDict(); } -onMounted(()=>{ - getList(); +onMounted(() => { + getList(); }) </script> -- Gitblit v1.9.3