优化后台样式

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

@@ -8,27 +8,27 @@
       <ArtTableHeader v-model:columns="columnChecks" :loading="loading" @refresh="refreshData">
         <template #left>
           <ElSpace wrap>
-            <ElButton
-              v-permission="'dice:reward_config:index:save'"
-              @click="showDialog('add')"
-              v-ripple
-            >
-              <template #icon>
-                <ArtSvgIcon icon="ri:add-fill" />
-              </template>
-              新增
-            </ElButton>
-            <ElButton
-              v-permission="'dice:reward_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:reward_config:index:save'"-->
+            <!--              @click="showDialog('add')"-->
+            <!--              v-ripple-->
+            <!--            >-->
+            <!--              <template #icon>-->
+            <!--                <ArtSvgIcon icon="ri:add-fill" />-->
+            <!--              </template>-->
+            <!--              新增-->
+            <!--            </ElButton>-->
+            <!--            <ElButton-->
+            <!--              v-permission="'dice:reward_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:reward_config:index:destroy'"
-              type="error"
-              @click="deleteRow(row, api.delete, refreshData)"
-            />
+            <!--            <SaButton-->
+            <!--              v-permission="'dice:reward_config:index:destroy'"-->
+            <!--              type="error"-->
+            <!--              @click="deleteRow(row, api.delete, refreshData)"-->
+            <!--            />-->
           </div>
         </template>
       </ArtTable>
@@ -116,14 +116,21 @@
       apiFn: api.list,
       apiParams: { limit: 100 },
       columnsFactory: () => [
-        { type: 'selection' },
-        { prop: 'id', label: 'ID(索引)', width: 80 },
-        { prop: 'grid_number', label: '色子点数' },
-        { prop: 'ui_text', label: '前端显示文本' },
-        { prop: 'real_ev', label: '真实资金结算' },
-        { prop: 'tier', label: '所属档位', sortable: true },
-        // { prop: 'create_time', label: '创建时间', sortable: true },
-        { prop: 'operation', label: '操作', width: 100, fixed: 'right', useSlot: true }
+        // { type: 'selection' },
+        { prop: 'id', label: 'ID(索引)', width: 80, align: 'center' },
+        { prop: 'grid_number', label: '色子点数', align: 'center' },
+        { prop: 'ui_text', label: '前端显示文本', align: 'center' },
+        { prop: 'real_ev', label: '真实资金结算', align: 'center' },
+        { prop: 'tier', label: '所属档位', sortable: true, align: 'center' },
+        // { prop: 'create_time', label: '创建时间', sortable: true, align: 'center' },
+        {
+          prop: 'operation',
+          label: '操作',
+          width: 60,
+          align: 'center',
+          fixed: 'right',
+          useSlot: true
+        }
       ]
     }
   })
@@ -134,9 +141,9 @@
     dialogVisible,
     dialogData,
     showDialog,
-    deleteRow,
-    deleteSelectedRows,
-    handleSelectionChange,
-    selectedRows
+    // deleteRow,
+    // deleteSelectedRows,
+    handleSelectionChange
+    // selectedRows
   } = useSaiAdmin()
 </script>

saiadmin-artd/src/views/plugin/dice/reward_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="grid_number">
-        <el-input-number v-model="formData.grid_number" placeholder="请输入色子点数" />
+        <el-input-number
+          v-model="formData.grid_number"
+          placeholder="请输入色子点数"
+          :disabled="dialogType === 'edit'"
+        />
       </el-form-item>
       <el-form-item label="前端显示文本" prop="ui_text">
         <el-input v-model="formData.ui_text" placeholder="请输入前端显示文本" />
@@ -23,6 +27,7 @@
           placeholder="请选择所属档位"
           clearable
           style="width: 100%"
+          :disabled="dialogType === 'edit'"
         >
           <el-option label="T1" value="T1" />
           <el-option label="T2" value="T2" />