优化代码

src/views/system/menu.vue

@@ -115,7 +115,7 @@ const tableColumn = [
     { key: 'category', name: '菜单类型', width: 90, align: 'center' },
     { key: 'sort', name: '排序', width: 80, align: 'center' },
     { key: 'remark', name: '备注', minWidth: 200 },
-    { key: 'action', name: '操作', width: 180, fixed: 'right', align: 'center' },
+    { key: 'action', name: '操作', width: 200, fixed: 'right', align: 'center' },
 ]
 const tableData = ref([])
 

src/views/system/role.vue

@@ -36,8 +36,10 @@
         </hc-card>
     </div>
     <hc-dialog v-model="addModal" :title="modalTitle" widths="50rem" :loading="addsaveLoading" @save="modalSave">
-        <hc-icon name="user" style="font-size: 18px;" class="font-bold" />
-        <span class="font-bold">基础信息</span>
+        <div class="hc-flex">
+            <hc-icon name="user" style="font-size: 18px;" class="font-bold" />
+            <span class="ml-1 font-bold">基础信息</span>
+        </div>
         <el-divider style="margin-top: 10px;" />
         <el-form ref="formRef" :inline="true" :model="baseForm" label-width="auto" :rules="baseFormRules">
             <div class="hc-form-item">
@@ -46,9 +48,11 @@
                 </el-form-item>
             </div>
         </el-form>
-        <hc-icon name="user-settings" style="font-size: 18px;" class="font-bold" />
-        <span class="font-bold">权限设置</span>
-        <el-divider style="margin-top: 10px;" />
+        <div class="hc-flex mt-4">
+            <hc-icon name="user-settings" style="font-size: 18px;" class="font-bold" />
+            <span class="ml-1 font-bold">权限设置</span>
+        </div>
+        <el-divider class="mt-[10px]" />
         <el-tree ref="treeRef" style="max-width: 600px" :data="roleTreedata" show-checkbox node-key="id" highlight-current :props="defaultProps" :default-checked-keys="defaultCheckedKeys" />
     </hc-dialog>
 </template>
@@ -66,7 +70,7 @@ onMounted(()=>{
 
 const tableColumn = [
    { key: 'roleName', name: '角色名称' },
-   { key: 'action', name: '操作', align:'center', width: 150 },
+   { key: 'action', name: '操作', align:'center', width: 200 },
 ]
 const tableData = ref([])