优化后台样式

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>