完善字典类型的 增删改查

src/api/common/dict/type.ts

@@ -1,43 +0,0 @@
-import request from '/@/utils/request';
-
-export function getTypeList(query:Object) {
-    return request({
-        url: '/common/dict/type/list',
-        method: 'get',
-        params:query
-    })
-}
-
-export function getType(dictId:number) {
-    return request({
-        url: '/common/dict/type/get',
-        method: 'get',
-        params:{dictId}
-    })
-}
-
-export function addType(data:any) {
-    return request({
-        url: '/common/dict/type/add',
-        method: 'post',
-        data:data
-    })
-}
-
-export function editType(data:any) {
-    return request({
-        url: '/common/dict/type/edit',
-        method: 'put',
-        data:data
-    })
-}
-
-
-export function deleteType(dictIds:number[]) {
-    return request({
-        url: '/common/dict/type/delete',
-        method: 'delete',
-        data:{dictIds}
-    })
-}
-

src/api/system/index.ts

@@ -30,6 +30,9 @@ export default {
   },
   dict: {
     getTypeList: (params: object) => get('/common/dict/type/list', params),
+    getType: (dictId: number) => get('/common/dict/type/get', { dictId }),
+    addType: (data: object) => post('/common/dict/type/add', data),
+    editType: (data: object) => put('/common/dict/type/edit', data),
     deleteType: (dictIds: object) => del('/common/dict/type/delete', { dictIds }),
   }
 }

src/views/system/dict/component/editDic.vue

@@ -30,7 +30,7 @@
 
 <script lang="ts">
 import { reactive, toRefs, defineComponent,ref, unref } from 'vue';
-import { getType,addType,editType } from '/@/api/common/dict/type';
+import api from '/@/api/system';
 import {ElMessage} from "element-plus";
 interface RuleFormState {
   dictId:number;
@@ -71,7 +71,7 @@ export default defineComponent({
 		const openDialog = (row: RuleFormState|null) => {
       resetForm();
       if (row){
-        getType(row.dictId).then((res:any)=>{
+        api.dict.getType(row.dictId).then((res:any)=>{
           state.ruleForm = res.data.dictType
         })
         state.ruleForm = row;
@@ -103,14 +103,14 @@ export default defineComponent({
         if (valid) {
           if(state.ruleForm.dictId!==0){
             //修改
-            editType(state.ruleForm).then(()=>{
+            api.dict.editType(state.ruleForm).then(()=>{
               ElMessage.success('字典类型修改成功');
               closeDialog(); // 关闭弹窗
               emit('typeList')
             })
           }else{
             //添加
-            addType(state.ruleForm).then(()=>{
+            api.dict.addType(state.ruleForm).then(()=>{
               ElMessage.success('字典类型添加成功');
               closeDialog(); // 关闭弹窗
               emit('typeList')

src/views/system/dict/index.vue

@@ -48,8 +48,8 @@
       </div>
       <el-table :data="tableData.data" style="width: 100%" @selection-change="handleSelectionChange">
         <el-table-column type="selection" width="55" align="center" />
-        <el-table-column label="字典ID" align="center" prop="dictId" width="120" />
-        <el-table-column label="字典名称" align="center" prop="dictName" :show-overflow-tooltip="true" />
+        <el-table-column label="字典ID" align="center" prop="dictId" width="80" />
+        <el-table-column label="字典名称" prop="dictName" :show-overflow-tooltip="true" />
         <el-table-column label="字典类型" align="center" :show-overflow-tooltip="true">
           <template #default="scope">
             <router-link :to="'/system/dict/data/list/' + scope.row.dictType" class="link-type">
@@ -57,18 +57,18 @@
             </router-link>
           </template>
         </el-table-column>
-        <el-table-column prop="status" label="字典状态" show-overflow-tooltip>
+        <el-table-column prop="status" label="字典状态" width="120" align="center">
           <template #default="scope">
             <el-tag type="success" v-if="scope.row.status">启用</el-tag>
             <el-tag type="info" v-else>禁用</el-tag>
           </template>
         </el-table-column>
         <el-table-column prop="remark" label="字典描述" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="createdAt" label="创建时间" show-overflow-tooltip width="180"></el-table-column>
-        <el-table-column label="操作" width="100">
+        <el-table-column prop="createdAt" label="创建时间" align="center" width="180"></el-table-column>
+        <el-table-column label="操作" width="100" align="center">
           <template #default="scope">
-            <el-button size="small" type="text" @click="onOpenEditDic(scope.row)">修改</el-button>
-            <el-button size="small" type="text" @click="onRowDel(scope.row)">删除</el-button>
+            <el-button size="small" text type="warning" @click="onOpenEditDic(scope.row)">修改</el-button>
+            <el-button size="small" text type="danger" @click="onRowDel(scope.row)">删除</el-button>
           </template>
         </el-table-column>
       </el-table>