From dbfe263681d211e06e13d55774424521b9fb0dc4 Mon Sep 17 00:00:00 2001 From: LiuHao <liuhaoai545@gmail.com> Date: 星期二, 06 六月 2023 22:27:31 +0800 Subject: [PATCH] update 修改代码缩进格式 --- src/views/system/tenant/index.vue | 236 +++++++++++++++++++++++++++++----------------------------- 1 files changed, 118 insertions(+), 118 deletions(-) diff --git a/src/views/system/tenant/index.vue b/src/views/system/tenant/index.vue index b593607..711ee7f 100644 --- a/src/views/system/tenant/index.vue +++ b/src/views/system/tenant/index.vue @@ -82,7 +82,7 @@ </el-table-column> </el-table> - <pagination v-show="total>0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" /> + <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" /> </el-card> <!-- 娣诲姞鎴栦慨鏀圭鎴峰璇濇 --> <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body> @@ -162,192 +162,192 @@ const tenantFormRef = ref<ElFormInstance>(); const dialog = reactive<DialogOption>({ - visible: false, - title: '' + visible: false, + title: '' }); const initFormData: TenantForm = { - id: undefined, - tenantId: undefined, - contactUserName: '', - contactPhone: '', - username: '', - password: '', - companyName: '', - licenseNumber: '', - domain: '', - address: '', - intro: '', - remark: '', - packageId: '', - expireTime: '', - accountCount: 0, - status: '0', + id: undefined, + tenantId: undefined, + contactUserName: '', + contactPhone: '', + username: '', + password: '', + companyName: '', + licenseNumber: '', + domain: '', + address: '', + intro: '', + remark: '', + packageId: '', + expireTime: '', + accountCount: 0, + status: '0', } const data = reactive<PageData<TenantForm, TenantQuery>>({ - form: {...initFormData}, - queryParams: { - pageNum: 1, - pageSize: 10, - tenantId: '', - contactUserName: '', - contactPhone: '', - companyName: '' - }, - rules: { - id: [{ required: true, message: "id涓嶈兘涓虹┖", trigger: "blur" }], - tenantId: [{ required: true, message: "绉熸埛缂栧彿涓嶈兘涓虹┖", trigger: "blur" }], - contactUserName: [{ required: true, message: "鑱旂郴浜轰笉鑳戒负绌�", trigger: "blur" }], - contactPhone: [{ required: true, message: "鑱旂郴鐢佃瘽涓嶈兘涓虹┖", trigger: "blur" }], - companyName: [{ required: true, message: "浼佷笟鍚嶇О涓嶈兘涓虹┖", trigger: "blur" }], - username: [ - { required: true, message: "鐢ㄦ埛鍚嶄笉鑳戒负绌�", trigger: "blur" }, - { min: 2, max: 20, message: '鐢ㄦ埛鍚嶇О闀垮害蹇呴』浠嬩簬 2 鍜� 20 涔嬮棿', trigger: 'blur' } - ], - password: [ - { required: true, message: "瀵嗙爜涓嶈兘涓虹┖", trigger: "blur" }, - { min: 5, max: 20, message: '鐢ㄦ埛瀵嗙爜闀垮害蹇呴』浠嬩簬 5 鍜� 20 涔嬮棿', trigger: 'blur' } - ] - } + form: { ...initFormData }, + queryParams: { + pageNum: 1, + pageSize: 10, + tenantId: '', + contactUserName: '', + contactPhone: '', + companyName: '' + }, + rules: { + id: [{ required: true, message: "id涓嶈兘涓虹┖", trigger: "blur" }], + tenantId: [{ required: true, message: "绉熸埛缂栧彿涓嶈兘涓虹┖", trigger: "blur" }], + contactUserName: [{ required: true, message: "鑱旂郴浜轰笉鑳戒负绌�", trigger: "blur" }], + contactPhone: [{ required: true, message: "鑱旂郴鐢佃瘽涓嶈兘涓虹┖", trigger: "blur" }], + companyName: [{ required: true, message: "浼佷笟鍚嶇О涓嶈兘涓虹┖", trigger: "blur" }], + username: [ + { required: true, message: "鐢ㄦ埛鍚嶄笉鑳戒负绌�", trigger: "blur" }, + { min: 2, max: 20, message: '鐢ㄦ埛鍚嶇О闀垮害蹇呴』浠嬩簬 2 鍜� 20 涔嬮棿', trigger: 'blur' } + ], + password: [ + { required: true, message: "瀵嗙爜涓嶈兘涓虹┖", trigger: "blur" }, + { min: 5, max: 20, message: '鐢ㄦ埛瀵嗙爜闀垮害蹇呴』浠嬩簬 5 鍜� 20 涔嬮棿', trigger: 'blur' } + ] + } }); const { queryParams, form, rules } = toRefs(data); /** 鏌ヨ鎵�鏈夌鎴峰椁� */ const getTenantPackage = async () => { - const res = await selectTenantPackage() - packageList.value = res.data; + const res = await selectTenantPackage() + packageList.value = res.data; } /** 鏌ヨ绉熸埛鍒楄〃 */ const getList = async () => { - loading.value = true; - const res = await listTenant(queryParams.value); - tenantList.value = res.rows; - total.value = res.total; - loading.value = false; + loading.value = true; + const res = await listTenant(queryParams.value); + tenantList.value = res.rows; + total.value = res.total; + loading.value = false; } // 绉熸埛濂楅鐘舵�佷慨鏀� const handleStatusChange = async (row: TenantVO) => { - let text = row.status === "0" ? "鍚敤" : "鍋滅敤"; - try { - await proxy?.$modal.confirm('纭瑕�"' + text + '""' + row.companyName + '"绉熸埛鍚楋紵'); - await changeTenantStatus(row.id, row.tenantId, row.status); - proxy?.$modal.msgSuccess(text + "鎴愬姛"); - } catch { - row.status = row.status === "0" ? "1" : "0"; - } + let text = row.status === "0" ? "鍚敤" : "鍋滅敤"; + try { + await proxy?.$modal.confirm('纭瑕�"' + text + '""' + row.companyName + '"绉熸埛鍚楋紵'); + await changeTenantStatus(row.id, row.tenantId, row.status); + proxy?.$modal.msgSuccess(text + "鎴愬姛"); + } catch { + row.status = row.status === "0" ? "1" : "0"; + } } // 鍙栨秷鎸夐挳 const cancel = () => { - reset(); - dialog.visible = false; + reset(); + dialog.visible = false; } // 琛ㄥ崟閲嶇疆 const reset = () => { - form.value = {...initFormData}; - tenantFormRef.value?.resetFields(); + form.value = { ...initFormData }; + tenantFormRef.value?.resetFields(); } /** 鎼滅储鎸夐挳鎿嶄綔 */ const handleQuery = () => { - queryParams.value.pageNum = 1; - getList(); + queryParams.value.pageNum = 1; + getList(); } /** 閲嶇疆鎸夐挳鎿嶄綔 */ const resetQuery = () => { - queryFormRef.value?.resetFields(); - handleQuery(); + queryFormRef.value?.resetFields(); + handleQuery(); } // 澶氶�夋閫変腑鏁版嵁 const handleSelectionChange = (selection: TenantVO[]) => { - ids.value = selection.map(item => item.id); - single.value = selection.length != 1; - multiple.value = !selection.length; + ids.value = selection.map(item => item.id); + single.value = selection.length != 1; + multiple.value = !selection.length; } /** 鏂板鎸夐挳鎿嶄綔 */ const handleAdd = () => { - dialog.visible = true; - dialog.title = "娣诲姞绉熸埛"; - nextTick(() => { - reset(); - getTenantPackage(); - }) + dialog.visible = true; + dialog.title = "娣诲姞绉熸埛"; + nextTick(() => { + reset(); + getTenantPackage(); + }) } /** 淇敼鎸夐挳鎿嶄綔 */ const handleUpdate = (row?: TenantVO) => { - loading.value = true; - dialog.visible = true; - dialog.title = "淇敼绉熸埛"; - nextTick(async () => { - reset(); - await getTenantPackage(); - const _id = row?.id || ids.value[0]; - const res = await getTenant(_id); - loading.value = false; - Object.assign(form.value, res.data) - }) + loading.value = true; + dialog.visible = true; + dialog.title = "淇敼绉熸埛"; + nextTick(async () => { + reset(); + await getTenantPackage(); + const _id = row?.id || ids.value[0]; + const res = await getTenant(_id); + loading.value = false; + Object.assign(form.value, res.data) + }) } /** 鎻愪氦鎸夐挳 */ const submitForm = () => { - tenantFormRef.value?.validate(async (valid: boolean) => { - if (valid) { - buttonLoading.value = true; - if (form.value.id) { - await updateTenant(form.value).finally(() => buttonLoading.value = false); - } else { - await addTenant(form.value).finally(() => buttonLoading.value = false); - } - proxy?.$modal.msgSuccess("鎿嶄綔鎴愬姛"); - dialog.visible = false; - getList(); - } - }); + tenantFormRef.value?.validate(async (valid: boolean) => { + if (valid) { + buttonLoading.value = true; + if (form.value.id) { + await updateTenant(form.value).finally(() => buttonLoading.value = false); + } else { + await addTenant(form.value).finally(() => buttonLoading.value = false); + } + proxy?.$modal.msgSuccess("鎿嶄綔鎴愬姛"); + dialog.visible = false; + getList(); + } + }); } /** 鍒犻櫎鎸夐挳鎿嶄綔 */ const handleDelete = async (row?: TenantVO) => { - const _ids = row?.id || ids.value; - await proxy?.$modal.confirm('鏄惁纭鍒犻櫎绉熸埛缂栧彿涓�"' + _ids + '"鐨勬暟鎹」锛�') - loading.value = true; - await delTenant(_ids).finally(() => loading.value = false); - await getList(); - proxy?.$modal.msgSuccess("鍒犻櫎鎴愬姛"); + const _ids = row?.id || ids.value; + await proxy?.$modal.confirm('鏄惁纭鍒犻櫎绉熸埛缂栧彿涓�"' + _ids + '"鐨勬暟鎹」锛�') + loading.value = true; + await delTenant(_ids).finally(() => loading.value = false); + await getList(); + proxy?.$modal.msgSuccess("鍒犻櫎鎴愬姛"); } /** 鍚屾绉熸埛濂楅鎸夐挳鎿嶄綔 */ const handleSyncTenantPackage = async (row: TenantVO) => { - try { - await proxy?.$modal.confirm('鏄惁纭鍚屾绉熸埛濂楅绉熸埛缂栧彿涓�"' + row.tenantId + '"鐨勬暟鎹」锛�'); - loading.value = true; - await syncTenantPackage(row.tenantId, row.packageId); - await getList(); - proxy?.$modal.msgSuccess("鍚屾鎴愬姛"); - } catch {return} finally { - loading.value = false; - } + try { + await proxy?.$modal.confirm('鏄惁纭鍚屾绉熸埛濂楅绉熸埛缂栧彿涓�"' + row.tenantId + '"鐨勬暟鎹」锛�'); + loading.value = true; + await syncTenantPackage(row.tenantId, row.packageId); + await getList(); + proxy?.$modal.msgSuccess("鍚屾鎴愬姛"); + } catch { return } finally { + loading.value = false; + } } /** 瀵煎嚭鎸夐挳鎿嶄綔 */ const handleExport = () => { - proxy?.download('system/tenant/export', { - ...queryParams.value - }, `tenant_${new Date().getTime()}.xlsx`) + proxy?.download('system/tenant/export', { + ...queryParams.value + }, `tenant_${new Date().getTime()}.xlsx`) } onMounted(() => { - getList(); + getList(); }) </script> -- Gitblit v1.9.3