no message

components/panel/formSlot.vue

@@ -306,27 +306,29 @@
 				</div>
 				<!-- 已选部门 -->
 				<div class="dept-selected-wrap" v-if="selectedDeptIds.length > 0">
-					<div class="dept-selected-scroll">
+					<div class="dept-selected-content g_flex_row_between">
-						<div class="g_flex_row_start" style="flex-wrap: wrap;">
+						<div class="dept-selected-scroll g_flex_1">
-							<div
+							<div class="g_flex_row_start" style="flex-wrap: wrap;">
-								class="dept-selected-tag g_flex_row_center g_fs_13"
+								<div
-								v-for="(id, sIndex) in selectedDeptIds"
+									class="dept-selected-tag g_flex_row_center g_fs_13"
-								:key="id"
+									v-for="(id, sIndex) in selectedDeptIds"
-								@click="removeSelectedDept(sIndex)"
+									:key="id"
-							>
+									@click="removeSelectedDept(sIndex)"
-								{{ selectedDeptNames[sIndex] }}
+								>
-								<i class="iconfont icon-qingchu1 g_ml_4" style="font-size: 12px"></i>
+									<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;