优化代码

src/views/system/role.vue

@@ -7,7 +7,6 @@
                     <hc-icon name="add" class="text-white" />
                     <span class="text-white">新增</span>
                 </el-button>
-
                 <el-button color="#FF6C6C" :disabled="tableCheckedKeys.length === 0" @click="batchDelClick">
                     <hc-icon name="delete-bin-2" class="text-white" />
                     <span class="text-white">删除</span>
@@ -18,7 +17,10 @@
                     <hc-search-input v-model="searchForm.roleName" color="#151921" text="搜索" @search="searchClick" />
                 </div>
             </template>
-            <hc-table class="role-page-table" is-check :column="tableColumn" :datas="tableData" @selection-change="tableSelectionChange">
+            <hc-table
+                :check-style="{ fixed: true, width: 29 }" :index-style="{ fixed: true, width: 60 }" is-check is-index is-children
+                class="role-page-table" :column="tableColumn" :datas="tableData" @selection-change="tableSelectionChange"
+            >
                 <template #action="{ row }">
                     <el-link type="success" @click="rowEditClick(row)">
                         <hc-icon name="edit" />编辑
@@ -63,8 +65,8 @@ onMounted(()=>{
 })
 
 const tableColumn = [
-   { key: 'roleName', name: '角色名称', align:'center' },
-   { key: 'action', name: '操作', align:'center' },
+   { key: 'roleName', name: '角色名称' },
+   { key: 'action', name: '操作', align:'center', width: 150 },
 ]
 const tableData = ref([])
 
@@ -79,11 +81,11 @@ modalTitle.value = '新增'
 }
 const baseForm = ref({ roleName:'' })
 const baseFormRules = {
-roleName: {
-    required: true,
-    trigger: 'blur',
-    message: '请输入角色名称',
-},
+    roleName: {
+        required: true,
+        trigger: 'blur',
+        message: '请输入角色名称',
+    },
 }
 const tableCheckedKeys = ref([])
  //多选事件

src/views/system/user.vue

@@ -80,11 +80,6 @@ import { arrToId, downloadBlob, formValidate, getArrValue, getObjValue } from 'j
 import { add, getExportExcel, getList, getUser, remove, resetPassword, update } from '~api/system/user.js'
 import { getRoleTree } from '~api/system/role.js'
 
-
-
-
-
-
 onMounted(()=>{
     getTableData()
 })
@@ -149,7 +144,7 @@ const getTableData = async () => {
     } else {
         tableData.value = []
     }
-    
+
 }
 //分页被点击
 const pageChange = ({ current, size }) => {
@@ -223,7 +218,7 @@ const getExportExcelClick = async () => {
     //批量下载
     downloadLoading.value = true
     const { error, disposition, res } = await getExportExcel({
-     
+
     })
     //处理数据
     downloadLoading.value = false
@@ -248,7 +243,7 @@ const modalSave = async ()=>{
 
     addsaveLoading.value = true
     console.log(baseForm.value, 'baseForm.value')
-    
+
         if (modalTitle.value === '编辑') {
             const { error, code, msg } = await update({
             ...baseForm.value,
@@ -267,7 +262,7 @@ const modalSave = async ()=>{
             const { error, code, msg } = await add({
             ...baseForm.value,
             roleId:roleIdArr.value.join(','),
-          
+
             })
             //判断状态
             addsaveLoading.value = false
@@ -278,8 +273,6 @@ const modalSave = async ()=>{
                 window.$message.error(msg ?? '操作失败')
             }
         }
-
-  
 }
 const roleOptions = ref([])
 const defaultProps = {
@@ -294,7 +287,7 @@ const getRoleOptions = async () => {
     } else {
         roleOptions.value = []
     }
-    
-  
+
+
 }
 </script>