优化后台样式

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

@@ -7,29 +7,29 @@
       <!-- 表格头部 -->
       <ArtTableHeader v-model:columns="columnChecks" :loading="loading" @refresh="refreshData">
         <template #left>
-          <ElSpace wrap>
-            <ElButton
-              v-permission="'dice:lottery_config:index:save'"
-              @click="showDialog('add')"
-              v-ripple
-            >
-              <template #icon>
-                <ArtSvgIcon icon="ri:add-fill" />
-              </template>
-              新增
-            </ElButton>
-            <ElButton
-              v-permission="'dice:lottery_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>
+          <!--          <ElSpace wrap>-->
+          <!--            <ElButton-->
+          <!--              v-permission="'dice:lottery_config:index:save'"-->
+          <!--              @click="showDialog('add')"-->
+          <!--              v-ripple-->
+          <!--            >-->
+          <!--              <template #icon>-->
+          <!--                <ArtSvgIcon icon="ri:add-fill" />-->
+          <!--              </template>-->
+          <!--              新增-->
+          <!--            </ElButton>-->
+          <!--            <ElButton-->
+          <!--              v-permission="'dice:lottery_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>
 
@@ -54,11 +54,11 @@
               type="secondary"
               @click="showDialog('edit', row)"
             />
-            <SaButton
-              v-permission="'dice:lottery_config:index:destroy'"
-              type="error"
-              @click="deleteRow(row, api.delete, refreshData)"
-            />
+<!--            <SaButton-->
+<!--              v-permission="'dice:lottery_config:index:destroy'"-->
+<!--              type="error"-->
+<!--              @click="deleteRow(row, api.delete, refreshData)"-->
+<!--            />-->
           </div>
         </template>
       </ArtTable>
@@ -121,16 +121,52 @@
     core: {
       apiFn: api.list,
       columnsFactory: () => [
-        { type: 'selection' },
-        { prop: 'name', label: '名称' },
-        { prop: 'type', label: '奖池类型', width: 100, formatter: typeFormatter },
-        { prop: 'safety_line', label: '安全线' },
-        { prop: 't1_wight', label: 'T1池权重', width: 100, formatter: weightFormatter('t1_wight') },
-        { prop: 't2_wight', label: 'T2池权重', width: 100, formatter: weightFormatter('t2_wight') },
-        { prop: 't3_wight', label: 'T3池权重', width: 100, formatter: weightFormatter('t3_wight') },
-        { prop: 't4_wight', label: 'T4池权重', width: 100, formatter: weightFormatter('t4_wight') },
-        { prop: 't5_wight', label: 'T5池权重', width: 100, formatter: weightFormatter('t5_wight') },
-        { prop: 'operation', label: '操作', width: 100, fixed: 'right', useSlot: true }
+        { prop: 'name', label: '名称', align: 'center' },
+        { prop: 'type', label: '奖池类型', width: 100, align: 'center', formatter: typeFormatter },
+        { prop: 'safety_line', label: '安全线', align: 'center' },
+        {
+          prop: 't1_wight',
+          label: 'T1池权重',
+          width: 100,
+          align: 'center',
+          formatter: weightFormatter('t1_wight')
+        },
+        {
+          prop: 't2_wight',
+          label: 'T2池权重',
+          width: 100,
+          align: 'center',
+          formatter: weightFormatter('t2_wight')
+        },
+        {
+          prop: 't3_wight',
+          label: 'T3池权重',
+          width: 100,
+          align: 'center',
+          formatter: weightFormatter('t3_wight')
+        },
+        {
+          prop: 't4_wight',
+          label: 'T4池权重',
+          width: 100,
+          align: 'center',
+          formatter: weightFormatter('t4_wight')
+        },
+        {
+          prop: 't5_wight',
+          label: 'T5池权重',
+          width: 100,
+          align: 'center',
+          formatter: weightFormatter('t5_wight')
+        },
+        {
+          prop: 'operation',
+          label: '操作',
+          width: 60,
+          align: 'center',
+          fixed: 'right',
+          useSlot: true
+        }
       ]
     }
   })
@@ -141,9 +177,9 @@
     dialogVisible,
     dialogData,
     showDialog,
-    deleteRow,
-    deleteSelectedRows,
-    handleSelectionChange,
-    selectedRows
+    // deleteRow,
+    // deleteSelectedRows,
+    handleSelectionChange
+    // selectedRows
   } = useSaiAdmin()
 </script>

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

@@ -9,7 +9,11 @@
   >
     <el-form ref="formRef" :model="formData" :rules="rules" label-width="120px">
       <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="remark">
         <el-input
@@ -27,6 +31,7 @@
           placeholder="请选择奖池类型"
           clearable
           style="width: 100%"
+          :disabled="dialogType === 'edit'"
         >
           <el-option label="正常" :value="0" />
           <el-option label="强制杀猪" :value="1" />