提交

src/views/system/role/index.vue

@@ -25,8 +25,8 @@
         </RoleTable>
     </div>
     <!-- 角色新增/编辑弹窗 -->
-    <RoleDialog :visible="dialogVisible" :title="dialogTitle" :type="dialogType" :width="dialogWidth" @confirm="handleSubmit"
-        @cancel="handleCancel" @close="handleClose">
+    <RoleDialog :visible="dialogVisible" :title="dialogTitle" :type="dialogType"  @confirm="handleSubmit"
+        @cancel="handleCancel" @close="handleClose" :fullscreen="fullScreen">
         <RoleForm :form-data="roleForm" :form-rules="roleFormRules" :form-items="roleFormItemOptions" ref="roleFormRef"
             :options-map="roleFormOptionsMap" :dialog-type="dialogType">
             <template #permissions="{ formData }">
@@ -79,7 +79,7 @@ const roleTree = ref<any[]>([])
 const dialogVisible = ref(false)
 const dialogTitle = ref('')
 const dialogType = ref('add')
-const dialogWidth = ref('600px')
+const fullScreen = ref(false)
 
 // 定义角色表单数据
 const roleForm = ref({
@@ -167,10 +167,11 @@ const handleDeleteRole = async (row: any) => {
 const handleDialogType = (type: string) => {
     if (type === 'permissions') {
         roleFormItemOptions.value = permissionsFormItem as any;
-        dialogWidth.value = '900px'
+        fullScreen.value = true
+        console.log('权限弹窗', fullScreen.value)
     } else {
         roleFormItemOptions.value = roleFormItem as any;
-        dialogWidth.value = '600px'
+        fullScreen.value = false
     }
 }