优化后台样式

saiadmin-artd/src/views/plugin/dice/config/index/index.vue

@@ -8,23 +8,23 @@
       <ArtTableHeader v-model:columns="columnChecks" :loading="loading" @refresh="refreshData">
         <template #left>
           <ElSpace wrap>
-<!--            <ElButton v-permission="'dice:config:index:save'" @click="showDialog('add')" v-ripple>-->
-<!--              <template #icon>-->
-<!--                <ArtSvgIcon icon="ri:add-fill" />-->
-<!--              </template>-->
-<!--              新增-->
-<!--            </ElButton>-->
-<!--            <ElButton-->
-<!--              v-permission="'dice:config:index:destroy'"-->
-<!--              :disabled="selectedRows.length === 0"-->
-<!--              @click="deleteSelectedRows(api.delete, refreshData)"-->
-<!--              v-ripple-->
-<!--            >-->
-<!--              <template #icon>-->
-<!--                <ArtSvgIcon icon="ri:delete-bin-5-line" />-->
-<!--              </template>-->
-<!--              删除-->
-<!--            </ElButton>-->
+            <!--            <ElButton v-permission="'dice:config:index:save'" @click="showDialog('add')" v-ripple>-->
+            <!--              <template #icon>-->
+            <!--                <ArtSvgIcon icon="ri:add-fill" />-->
+            <!--              </template>-->
+            <!--              新增-->
+            <!--            </ElButton>-->
+            <!--            <ElButton-->
+            <!--              v-permission="'dice:config:index:destroy'"-->
+            <!--              :disabled="selectedRows.length === 0"-->
+            <!--              @click="deleteSelectedRows(api.delete, refreshData)"-->
+            <!--              v-ripple-->
+            <!--            >-->
+            <!--              <template #icon>-->
+            <!--                <ArtSvgIcon icon="ri:delete-bin-5-line" />-->
+            <!--              </template>-->
+            <!--              删除-->
+            <!--            </ElButton>-->
           </ElSpace>
         </template>
       </ArtTableHeader>
@@ -50,11 +50,11 @@
               type="secondary"
               @click="showDialog('edit', row)"
             />
-<!--            <SaButton-->
-<!--              v-permission="'dice:config:index:destroy'"-->
-<!--              type="error"-->
-<!--              @click="deleteRow(row, api.delete, refreshData)"-->
-<!--            />-->
+            <!--            <SaButton-->
+            <!--              v-permission="'dice:config:index:destroy'"-->
+            <!--              type="error"-->
+            <!--              @click="deleteRow(row, api.delete, refreshData)"-->
+            <!--            />-->
           </div>
         </template>
       </ArtTable>
@@ -108,12 +108,19 @@
     core: {
       apiFn: api.list,
       columnsFactory: () => [
-        { type: 'selection' },
-        { prop: 'group', label: '分组', minWidth: 140 },
-        { prop: 'title', label: '标题', minWidth: 160 },
-        { prop: 'name', label: '配置名称' },
-        { prop: 'value', label: '值', minWidth: 240 },
-        { prop: 'operation', label: '操作', width: 100, fixed: 'right', useSlot: true }
+        // { type: 'selection' },
+        { prop: 'group', label: '分组', minWidth: 140, align: 'center' },
+        { prop: 'title', label: '标题', minWidth: 160, align: 'center' },
+        { prop: 'name', label: '配置名称', align: 'center' },
+        { prop: 'value', label: '值', minWidth: 240, align: 'center' },
+        {
+          prop: 'operation',
+          label: '操作',
+          width: 60,
+          align: 'center',
+          fixed: 'right',
+          useSlot: true
+        }
       ]
     }
   })
@@ -124,9 +131,9 @@
     dialogVisible,
     dialogData,
     showDialog,
-    deleteRow,
-    deleteSelectedRows,
-    handleSelectionChange,
-    selectedRows
+    // deleteRow,
+    // deleteSelectedRows,
+    handleSelectionChange
+    // selectedRows
   } = useSaiAdmin()
 </script>

saiadmin-artd/src/views/plugin/dice/config/index/modules/edit-dialog.vue

@@ -9,13 +9,21 @@
   >
     <el-form ref="formRef" :model="formData" :rules="rules" label-width="120px">
       <el-form-item label="分组" prop="group">
-        <el-input v-model="formData.group" placeholder="请输入分组" />
+        <el-input
+          v-model="formData.group"
+          placeholder="请输入分组"
+          :disabled="dialogType === 'edit'"
+        />
       </el-form-item>
       <el-form-item label="标题" prop="title">
         <el-input v-model="formData.title" placeholder="请输入标题" />
       </el-form-item>
       <el-form-item label="配置名称" prop="name">
-        <el-input v-model="formData.name" placeholder="请输入配置名称" />
+        <el-input
+          v-model="formData.name"
+          placeholder="请输入配置名称"
+          :disabled="dialogType === 'edit'"
+        />
       </el-form-item>
       <el-form-item label="值" prop="value">
         <el-input v-model="formData.value" type="textarea" :rows="5" placeholder="请输入值" />