fix: 页面适配

This commit is contained in:
JaguarJack 2023-01-13 15:32:52 +08:00
parent b1ef970259
commit 05bb360129
2 changed files with 3 additions and 3 deletions

View File

@ -1,5 +1,5 @@
<template> <template>
<div class="w-[28rem] min-h-[30rem] bg-white"> <div class="w-full sm:w-[28rem] min-h-[30rem] bg-white">
<el-tree :data="departments" :props="{ label: 'department_name', value: 'id'}" @node-click="clickDepartment" class="p-5" :expand-on-click-node="false" :highlight-current="true"/> <el-tree :data="departments" :props="{ label: 'department_name', value: 'id'}" @node-click="clickDepartment" class="p-5" :expand-on-click-node="false" :highlight-current="true"/>
</div> </div>
</template> </template>

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="flex flex-col sm:flex-row w-full justify-between"> <div class="flex flex-col sm:flex-row w-full justify-between">
<Department v-model="query.department_id" @searchDepartmentUsers="search" v-if="hasRoles" class="dark:bg-regal-dark" /> <Department v-model="query.department_id" @searchDepartmentUsers="search" v-if="hasRoles" class="dark:bg-regal-dark" />
<div :class="hasRoles ? 'w-full ml-5' : 'w-full'"> <div :class="hasRoles ? 'w-full ml-0 sm:ml-2 mt-2 sm:mt-0' : 'w-full'">
<Search :search="search" :reset="reset"> <Search :search="search" :reset="reset">
<template v-slot:body> <template v-slot:body>
<el-form-item label="用户名"> <el-form-item label="用户名">