|
|
|
|
@ -255,12 +255,18 @@
|
|
|
|
|
</slot>
|
|
|
|
|
</g-panel-fixed>
|
|
|
|
|
</u-popup>
|
|
|
|
|
<u-popup v-model="deptModal.isShow" mode="bottom" border-radius="16" :mask-close-able="true" @close="deptModal.isShow = false">
|
|
|
|
|
<div class="dept-picker-wras" style="max-height: 60vh;overflow-y: auto;">
|
|
|
|
|
<u-popup v-model="deptModal.isShow" mode="bottom" border-radius="16" height="70vh" :mask-close-able="true" @close="deptModal.isShow = false">
|
|
|
|
|
<div class="dept-picker-wras" style="max-height: 90vh;overflow-y: auto;">
|
|
|
|
|
<div class="g_fs_18 g_c_3 g_flex_row_center g_pt_16 g_pb_16">选择部门</div>
|
|
|
|
|
<!-- 面包屑导航 -->
|
|
|
|
|
<div class="dept-breadcrumb g_flex_row_start g_pl_12 g_pr_12 g_pb_8" v-if="deptBreadcrumb.length > 0">
|
|
|
|
|
<div class="dept-breadcrumb g_flex_row_start g_pl_12 g_pr_12 g_pb_8">
|
|
|
|
|
<div class="g_flex_row_start g_fs_14" style="flex-wrap: wrap;">
|
|
|
|
|
<!-- 根目录入口 -->
|
|
|
|
|
<div class="g_flex_row_start" @click="navigateToDeptRoot">
|
|
|
|
|
<div :style="{ color: deptBreadcrumb.length === 0 ? '#333' : '#1890ff' }">全部</div>
|
|
|
|
|
<div class="g_c_9 g_ml_4 g_mr_4" v-if="deptBreadcrumb.length > 0">/</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 各级部门 -->
|
|
|
|
|
<div
|
|
|
|
|
class="g_flex_row_start"
|
|
|
|
|
v-for="(crumb, index) in deptBreadcrumb"
|
|
|
|
|
@ -892,6 +898,12 @@ export default {
|
|
|
|
|
let targetDept = this.deptBreadcrumb[this.deptBreadcrumb.length - 1];
|
|
|
|
|
this.currentDeptList = [].concat(targetDept.childs || []);
|
|
|
|
|
},
|
|
|
|
|
// 返回根目录
|
|
|
|
|
navigateToDeptRoot() {
|
|
|
|
|
if (this.deptBreadcrumb.length === 0) return;
|
|
|
|
|
this.deptBreadcrumb = [];
|
|
|
|
|
this.currentDeptList = [].concat(this.deptList || []);
|
|
|
|
|
},
|
|
|
|
|
// 返回上一级
|
|
|
|
|
backToParentDept() {
|
|
|
|
|
if (this.deptBreadcrumb.length === 0) return;
|
|
|
|
|
@ -1051,6 +1063,7 @@ export default {
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
height: 70vh;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.dept-breadcrumb {
|
|
|
|
|
|
