微调

frontend/src/views/system/dict/data.vue

@@ -34,14 +34,7 @@
           <el-input v-model="dialogForm.value" placeholder="请输入" autocomplete="off" />
         </el-form-item>
         <el-form-item label="显示排序" :label-width="100">
-          <el-input-number v-model="dialogForm.sort" :min="1" :max="100" />
-        </el-form-item>
-        <el-form-item label="状态" :label-width="100">
-          <el-radio-group v-model.number="dialogForm.state">
-            <el-radio v-for="item in dictStore.getDictData('status')" :key="item.id" :value="item.code">{{
-              item.label
-            }}</el-radio>
-          </el-radio-group>
+          <el-input-number v-model="dialogForm.sort"/>
         </el-form-item>
       </el-form>
     </div>
@@ -88,34 +81,28 @@ const columns = reactive<ColumnProps<Dict.ResDictData>[]>([
   {
     prop: 'name',
     label: '名称',
-    width: 160,
+    width: 180,
     search: {
-      el: 'input',
-      props: {
-        placeholder: '请输入名称'
-      }
+      el: 'input'
     }
   },
   {
     prop: 'code',
     label: '编码',
-    width: 160,
+    width: 180,
     search: {
-      el: 'input',
-      props: {
-        placeholder: '请输入编码'
-      }
+      el: 'input'
     }
   },
   {
     prop: 'value',
     label: '值',
-    width: 160
+    width: 180
   },
   {
     prop: 'level',
     label: '事件等级',
-    width: 100,
+    width: 150,
     render: scope => {
       return (
         <>
@@ -132,6 +119,7 @@ const columns = reactive<ColumnProps<Dict.ResDictData>[]>([
   {
     prop: 'state',
     label: '状态',
+    minWidth: 100,
     enum: dictStore.getDictData('status'),
     search: {
       el: 'tree-select',
@@ -175,8 +163,7 @@ function useCount() {
     name: "",
     code: "",
     value: "",
-    sort: 1,
-    state: 1, // 状态：0-删除 1-正常
+    sort:100,
   })
 
   return { dialogVisible, dialogType, dialogForm };
@@ -231,8 +218,7 @@ const close = () => {
     name: "",
     code: "",
     value: "",
-    sort: 1,
-    state: 1,
+    sort:100
   }
 }
 

frontend/src/views/system/dict/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="table-box">
-    <ProTable :columns="columns" :data="data" :request-api="getDictTypeList">
+    <ProTable :columns="columns" :data="data">
       <template #tableHeader="scope">
         <el-button type="primary" :icon="CirclePlus" @click="openDrawer('新增')">新增</el-button>
         <el-button type="primary" :icon="Download" plain @click="downloadFile">导出</el-button>
@@ -28,16 +28,10 @@
           <el-input v-model="dialogForm.code" placeholder="请输入" autocomplete="off" />
         </el-form-item>
         <el-form-item label="显示排序" :label-width="100">
-          <el-input-number v-model="dialogForm.sort" :min="1" :max="100" />
-        </el-form-item>
-        <el-form-item label="状态" :label-width="100">
-          <el-radio-group v-model.number="dialogForm.state">
-            <el-radio v-for="item in dictStore.getDictData('status')" :key="item.id" :value="item.code">{{ item.label
-              }}</el-radio>
-          </el-radio-group>
+          <el-input-number v-model="dialogForm.sort" />
         </el-form-item>
         <el-form-item label="备注" :label-width="100">
-          <el-input v-model="dialogForm.remark" placeholder="请输入备注" autocomplete="off" />
+          <el-input v-model="dialogForm.remark" placeholder="请输入备注" autocomplete="off" :rows="2" type="textarea" />
         </el-form-item>
       </el-form>
     </div>
@@ -86,25 +80,24 @@ const columns = reactive<ColumnProps<Dict.ResDictType>[]>([
   {
     prop: 'name',
     label: '类型名称',
-    width: 160,
+    width: 180,
     search: {
-      el: 'input',
-      props: {
-        placeholder: '请输入字典名称'
-      }
+      el: 'input'
     }
   },
   {
     prop: 'code',
     label: '类型编码',
-    width: 160,
+    width: 180,
     search: {
-      el: 'input',
-      props: {
-        placeholder: '请输入字典编码'
-      }
+      el: 'input'
     }
   },
+  {
+    prop: 'remark',
+    label: '描述',
+    width: 340,
+  },
   {
     prop: 'state',
     label: '状态',
@@ -124,11 +117,6 @@ const columns = reactive<ColumnProps<Dict.ResDictType>[]>([
       )
     },
   },
-  {
-    prop: 'remark',
-    label: '描述',
-    width: 200,
-  },
   {
     prop: 'createTime',
     label: '创建时间',
@@ -155,8 +143,7 @@ function useCount() {
     id: "",
     name: "",
     code: "",
-    sort: 1,
-    state: 1, // 状态：0-删除 1-正常
+    sort:100,
     remark: ""
   })
 
@@ -204,8 +191,7 @@ const close = () => {
     id: "",
     name: "",
     code: "",
-    state: 1,
-    sort: 1,
+    sort:100,
     remark: ""
   }
 }