|
|
|
|
@ -306,27 +306,29 @@
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 已选部门 -->
|
|
|
|
|
<div class="dept-selected-wrap" v-if="selectedDeptIds.length > 0">
|
|
|
|
|
<div class="dept-selected-scroll">
|
|
|
|
|
<div class="g_flex_row_start" style="flex-wrap: wrap;">
|
|
|
|
|
<div
|
|
|
|
|
class="dept-selected-tag g_flex_row_center g_fs_13"
|
|
|
|
|
v-for="(id, sIndex) in selectedDeptIds"
|
|
|
|
|
:key="id"
|
|
|
|
|
@click="removeSelectedDept(sIndex)"
|
|
|
|
|
>
|
|
|
|
|
{{ selectedDeptNames[sIndex] }}
|
|
|
|
|
<i class="iconfont icon-qingchu1 g_ml_4" style="font-size: 12px"></i>
|
|
|
|
|
<div class="dept-selected-content g_flex_row_between">
|
|
|
|
|
<div class="dept-selected-scroll g_flex_1">
|
|
|
|
|
<div class="g_flex_row_start" style="flex-wrap: wrap;">
|
|
|
|
|
<div
|
|
|
|
|
class="dept-selected-tag g_flex_row_center g_fs_13"
|
|
|
|
|
v-for="(id, sIndex) in selectedDeptIds"
|
|
|
|
|
:key="id"
|
|
|
|
|
@click="removeSelectedDept(sIndex)"
|
|
|
|
|
>
|
|
|
|
|
<div class="g_flex_column_center">
|
|
|
|
|
<i class="iconfont icon-folder-fill g_mr_4" style="font-size: 14px;position: relative;top: 1.5px;"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="g_flex_column_center">
|
|
|
|
|
{{ selectedDeptNames[sIndex] }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="dept-submit-btn g_flex_c" @click="submitDept">
|
|
|
|
|
确定 · {{ selectedDeptIds.length }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <g-panel-fixed>
|
|
|
|
|
<slot>
|
|
|
|
|
<div class="g_flex_row_center">
|
|
|
|
|
<rh-button btnText="确定" type="primary" @clickBtn="submitDept" />
|
|
|
|
|
</div>
|
|
|
|
|
</slot>
|
|
|
|
|
</g-panel-fixed> -->
|
|
|
|
|
</div>
|
|
|
|
|
</u-popup>
|
|
|
|
|
<!-- 角色选择弹窗 -->
|
|
|
|
|
@ -1125,10 +1127,15 @@ export default {
|
|
|
|
|
padding-bottom: env(safe-area-inset-bottom);
|
|
|
|
|
min-height: 72px;
|
|
|
|
|
}
|
|
|
|
|
.dept-selected-content {
|
|
|
|
|
width: 100%;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
.dept-selected-scroll {
|
|
|
|
|
max-height: 160rpx;
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
-webkit-overflow-scrolling: touch;
|
|
|
|
|
margin-right: 16rpx;
|
|
|
|
|
}
|
|
|
|
|
.dept-selected-tag {
|
|
|
|
|
background-color: #f0f2ff;
|
|
|
|
|
@ -1140,6 +1147,15 @@ export default {
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
}
|
|
|
|
|
.dept-submit-btn {
|
|
|
|
|
background-color: #6A81FF;
|
|
|
|
|
color: #fff;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
padding: 8rpx 24rpx;
|
|
|
|
|
border-radius: 8rpx;
|
|
|
|
|
height: 36px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
.dept-columns-scroll {
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
overflow-x: auto;
|
|
|
|
|
|
