🎈 perf:优化权限选择框

src/views/system/role/RoleAssignMenuForm.vue

@@ -8,7 +8,7 @@
         <el-tag>{{ formData.code }}</el-tag>
         <el-tag>{{ formData.code }}</el-tag>
       </el-form-item>
       </el-form-item>
       <el-form-item label="菜单权限">
       <el-form-item label="菜单权限">
-        <el-card class="cardHeight">
+        <el-card class="w-full h-400px !overflow-y-scroll" shadow="never">
           <template #header>
           <template #header>
             全选/全不选:
             全选/全不选:
             <el-switch
             <el-switch
@@ -151,10 +151,3 @@ const handleCheckedTreeExpand = () => {
   }
   }
 }
 }
 </script>
 </script>
-<style lang="scss" scoped>
-.cardHeight {
-  width: 100%;
-  max-height: 400px;
-  overflow-y: scroll;
-}
-</style>

src/views/system/role/RoleDataPermissionForm.vue

 <template>
 <template>
-  <Dialog v-model="dialogVisible" title="菜单权限" width="800">
+  <Dialog v-model="dialogVisible" title="数据权限" width="800">
     <el-form ref="formRef" v-loading="formLoading" :model="formData" label-width="80px">
     <el-form ref="formRef" v-loading="formLoading" :model="formData" label-width="80px">
       <el-form-item label="角色名称">
       <el-form-item label="角色名称">
         <el-tag>{{ formData.name }}</el-tag>
         <el-tag>{{ formData.name }}</el-tag>
@@ -21,9 +21,9 @@
     <el-form-item
     <el-form-item
       v-if="formData.dataScope === SystemDataScopeEnum.DEPT_CUSTOM"
       v-if="formData.dataScope === SystemDataScopeEnum.DEPT_CUSTOM"
       label="权限范围"
       label="权限范围"
-      style="display: flex"
+      label-width="80px"
     >
     >
-      <el-card class="card" shadow="never">
+      <el-card class="w-full h-400px !overflow-y-scroll" shadow="never">
         <template #header>
         <template #header>
           全选/全不选:
           全选/全不选:
           <el-switch
           <el-switch

src/views/system/tenantPackage/TenantPackageForm.vue

@@ -11,7 +11,7 @@
         <el-input v-model="formData.name" placeholder="请输入套餐名" />
         <el-input v-model="formData.name" placeholder="请输入套餐名" />
       </el-form-item>
       </el-form-item>
       <el-form-item label="菜单权限">
       <el-form-item label="菜单权限">
-        <el-card class="cardHeight">
+        <el-card class="w-full h-400px !overflow-y-scroll" shadow="never">
           <template #header>
           <template #header>
             全选/全不选:
             全选/全不选:
             <el-switch
             <el-switch
@@ -185,10 +185,3 @@ const handleCheckedTreeExpand = () => {
   }
   }
 }
 }
 </script>
 </script>
-<style lang="scss" scoped>
-.cardHeight {
-  width: 100%;
-  max-height: 400px;
-  overflow-y: scroll;
-}
-</style>