fetch(modify):修改原来的bug

src/views/system/role/index.vue

@@ -18,7 +18,7 @@
           @refresh="handleRefresh"
         >
           <template #left>
-            <ElButton @click="showDialog('add')">新增角色</ElButton>
+            <ElButton @click="showDialog('add')" v-permission="'role:add'">新增角色</ElButton>
           </template>
         </ArtTableHeader>
 
@@ -59,7 +59,12 @@
               />
             </ElFormItem>
             <ElFormItem label="角色类型" prop="role_type">
-              <ElSelect v-model="form.role_type" placeholder="请选择角色类型" style="width: 100%">
+              <ElSelect
+                v-model="form.role_type"
+                placeholder="请选择角色类型"
+                style="width: 100%"
+                :disabled="dialogType === 'edit'"
+              >
                 <ElOption label="平台角色" :value="1" />
                 <ElOption label="客户角色" :value="2" />
               </ElSelect>
@@ -226,13 +231,12 @@
     },
     {
       prop: 'role_desc',
-      label: '角色描述',
-      minWidth: 150
+      label: '角色描述'
     },
     {
       prop: 'role_type',
       label: '角色类型',
-      width: 100,
+      minWidth: 120,
       formatter: (row: any) => {
         return h(ElTag, { type: row.role_type === 1 ? 'primary' : 'success' }, () =>
           row.role_type === 1 ? '平台角色' : '客户角色'
@@ -242,7 +246,7 @@
     {
       prop: 'status',
       label: '状态',
-      width: 100,
+      minWidth: 100,
       formatter: (row: any) => {
         return h(ElSwitch, {
           modelValue: row.status,
@@ -259,13 +263,13 @@
     {
       prop: 'CreatedAt',
       label: '创建时间',
-      width: 180,
+      minWidth: 180,
       formatter: (row: any) => formatDateTime(row.CreatedAt)
     },
     {
       prop: 'operation',
       label: '操作',
-      width: 180,
+      width: 200,
       fixed: 'right',
       formatter: (row: any) => {
         return h('div', { style: 'display: flex; gap: 8px;' }, [
@@ -481,17 +485,22 @@
       if (valid) {
         submitLoading.value = true
         try {
-          const data = {
-            role_name: form.role_name,
-            role_desc: form.role_desc,
-            role_type: form.role_type,
-            status: form.status
-          }
-
           if (dialogType.value === 'add') {
+            const data = {
+              role_name: form.role_name,
+              role_desc: form.role_desc,
+              role_type: form.role_type,
+              status: form.status
+            }
             await RoleService.createRole(data)
             ElMessage.success('新增成功')
           } else {
+            // 更新角色时只发送允许的字段
+            const data = {
+              role_name: form.role_name,
+              role_desc: form.role_desc,
+              status: form.status
+            }
             await RoleService.updateRole(form.id, data)
             ElMessage.success('修改成功')
           }
@@ -522,5 +531,4 @@
       console.error(error)
     }
   }
-
 </script>