微调

frontend/src/views/system/dictionary/dictTree/components/treePopup.vue

@@ -4,8 +4,8 @@
           <el-form-item label='字典名称' :label-width='100' prop='name'>
             <el-input v-model='formContent.name' placeholder='请输入字典名称' autocomplete='off' />
           </el-form-item>
-          <el-form-item label='序号' :label-width='100'>
-            <el-input-number v-model='formContent.sort' :min="0" controls-position="right" style="width: 300px;"/>
+          <el-form-item label='排序' :label-width='100'>
+            <el-input-number v-model='formContent.sort' :min='1' :max='999' />
           </el-form-item>
           <el-form-item label='编码' :label-width='100' prop='code'>
             <el-input v-model='formContent.code' placeholder='请输入字典编码' autocomplete='off' />
@@ -97,23 +97,15 @@
           if (formContent.value.id) {
                 let result: ResultData<unknown>;
                 if( titleType.value == 'add'){
-                  result = await addDictTree(formContent.value);
+                  await addDictTree(formContent.value);
                 }else{
-                  result = await updateDictTree(formContent.value);
-                }
-
-                if(result.code != 'A0000'){
-                  ElMessage.error({ message: result.message})
-                }else{
-                  ElMessage.success({ message: `${dialogTitle.value}成功！` })
+                  await updateDictTree(formContent.value);
                 }
+                ElMessage.success({ message: `${dialogTitle.value}成功！` }) 
           } else {
-            const result = await addDictTree(formContent.value);
-              if(result.code != 'A0000'){
-                  ElMessage.error({ message: result.message})
-                }else{
-                  ElMessage.success({ message: `${dialogTitle.value}成功！` })
-                }
+             await addDictTree(formContent.value);
+             ElMessage.success({ message: `${dialogTitle.value}成功！` })
+                
           }
           close()
           // 刷新表格

frontend/src/views/system/dictionary/dictTree/index.vue

@@ -39,25 +39,32 @@
   const treePopup = ref()
  
   const columns = reactive<ColumnProps<Dict.ResDictTree>[]>([
+    { type: 'index', fixed: 'left', width: 70, label: '序号' },
     {
       prop: 'name',
       label: '字典名称',
-     
     },
     {
       prop: 'code',
       label: '编码',
-   
     },
     {
       prop: 'remark',
       label: '描述',
-      
+    },
+    {
+      prop: 'sort',
+      label: '排序',
+      width:70,
+      render: scope => {
+       return String(scope.row.sort) // 将数字转换为字符串
+      },
     },
     {
       prop: 'state',
       label: '状态',
       minWidth:30,
+      isShow:false,
       enum: dictStore.getDictData('state'),
       fieldNames: { label: 'label', value: 'code' },
       render: scope => {
@@ -65,6 +72,7 @@
            <el-tag type={scope.row.state === 0 ? 'success' : (scope.row.state === 1 ? 'warning' : 'danger')}>
                         {scope.row.state === 0 ? '正常' : (scope.row.state === 1 ? '停用' : '删除')}
             </el-tag>
+           
         )
       },
     },
@@ -72,6 +80,7 @@
       prop: 'operation',
       label: '操作',
       fixed: 'right',
+      width:250,
     },
   ])
 
@@ -83,7 +92,6 @@
   
   // 删除字典类型
   const handleDelete = async (params: Dict.ResDictTree) => {
-    //console.log(params)
     await useHandleData(deleteDictTree, params, `删除【${params.name}】树形字典类型`)
     proTable.value?.getTableList()
   }