字典

src/views/regional/dict/regdict/index.vue

@@ -1,26 +1,26 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
-      <el-form-item label="字典编码" prop="dictCode">
+      <el-form-item :label="menuname + '编码'"  prop="dictCode">
         <el-input
             v-model="queryParams.dictCode"
-            placeholder="请输入字典编码"
+            :placeholder="`请输入${menuname}编码`"
             clearable
             style="width: 200px"
             @keyup.enter="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="字典名称" prop="dictName">
+      <el-form-item :label="`${menuname}名称`" prop="dictName">
         <el-input
             v-model="queryParams.dictName"
-            placeholder="请输入字典名称"
+            :placeholder="`请输入${menuname}名称`"
             clearable
             style="width: 200px"
             @keyup.enter="handleQuery"
         />
       </el-form-item>
       <el-form-item label="状态" prop="status">
-        <el-select v-model="queryParams.status" placeholder="字典状态" clearable style="width: 200px">
+        <el-select v-model="queryParams.status" placeholder="状态" clearable style="width: 200px">
           <el-option
               v-for="dict in sys_normal_disable"
               :key="dict.value"
@@ -75,10 +75,10 @@
 
     <el-table v-loading="loading" :data="regdictList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="字典编号" align="center" prop="dictId" />
+      <el-table-column :label="`${menuname}编号`" align="center" prop="dictId" v-if="false"/>
-      <el-table-column label="字典编码" align="center" prop="dictCode" />
+      <el-table-column :label="`${menuname}编码`" align="center" prop="dictCode" />
-      <el-table-column label="字典名称" align="center" prop="dictName" />
+      <el-table-column :label="`${menuname}名称`" align="center" prop="dictName" />
-      <el-table-column label="字典排序" align="center" prop="dictSort" />
+      <el-table-column label="排序" align="center" prop="dictSort" />
       <el-table-column label="状态" align="center" prop="status">
         <template #default="scope">
           <dict-tag :options="sys_normal_disable" :value="scope.row.status" />
@@ -107,17 +107,19 @@
 
     <!-- 添加或修改字典对话框 -->
     <el-dialog :title="title" v-model="open" width="500px" append-to-body>
-      <el-form ref="regdictRef" :model="form" :rules="rules" label-width="80px">
+
-        <el-form-item label="字典名称" prop="dictName">
+      <el-form ref="regdictRef" :model="form" :rules="rules" label-width="150px">
-          <el-input v-model="form.dictName" placeholder="请输入字典名称" />
+        <el-form-item :label="`${menuname}编码`" prop="dictCode">
+          <el-input v-model="form.dictCode" :placeholder="`请输入${menuname}编码名称`" />
         </el-form-item>
-        <el-form-item label="字典编码" prop="dictCode">
+        <el-form-item :label="`${menuname}名称`" prop="dictName">
-          <el-input v-model="form.dictCode" placeholder="请输入编码名称" />
+          <el-input v-model="form.dictName" :placeholder="`请输入${menuname}名称`" />
         </el-form-item>
-        <el-form-item label="字典顺序" prop="dictSort">
+
+        <el-form-item label="顺序" prop="dictSort">
           <el-input-number v-model="form.dictSort" controls-position="right" :min="0" />
         </el-form-item>
-        <el-form-item label="字典状态" prop="status">
+        <el-form-item label="状态" prop="status">
           <el-radio-group v-model="form.status">
             <el-radio
                 v-for="dict in sys_normal_disable"
@@ -167,9 +169,9 @@ const data = reactive({
     status: undefined
   },
   rules: {
-    dictName: [{ required: true, message: "字典名称不能为空", trigger: "blur" }],
+    dictName: [{ required: true, message: menuname.value+"名称不能为空", trigger: "blur" }],
-    dictCode: [{ required: true, message: "字典编码不能为空", trigger: "blur" }],
+    dictCode: [{ required: true, message: menuname.value+"编码不能为空", trigger: "blur" }],
-    dictSort: [{ required: true, message: "字典顺序不能为空", trigger: "blur" }],
+    dictSort: [{ required: true, message: menuname.value+"顺序不能为空", trigger: "blur" }],
   }
 });
 
@@ -222,7 +224,7 @@ function handleSelectionChange(selection) {
 function handleAdd() {
   reset();
   open.value = true;
-  title.value = "添加字典";
+  title.value = "添加"+menuname.value;
 }
 /** 修改按钮操作 */
 function handleUpdate(row) {
@@ -231,7 +233,7 @@ function handleUpdate(row) {
   getregdict(dictId).then(response => {
     form.value = response.data;
     open.value = true;
-    title.value = "修改字典";
+    title.value = "修改"+menuname.value;
   });
 }
 /** 提交按钮 */
@@ -258,7 +260,7 @@ function submitForm() {
 /** 删除按钮操作 */
 function handleDelete(row) {
   const dictIds = row.dictId || ids.value;
-  proxy.$modal.confirm('是否确认删除字典编号为"' + dictIds + '"的数据项？').then(function() {
+  proxy.$modal.confirm('是否确认删除"' + menuname + '"编号为"' + dictIds + '"的数据项？').then(function() {
     return delregdict(dictIds);
   }).then(() => {
     getList();