【需求 25171】styles: 查看权限输入框撑满整行，视频推送选人输入框移到单选下方

src/components/common/DeptUserPicker/index.vue

 <template>
-  <!-- 触发区完全交给调用方自己写（长度、placeholder 等都自己控制），这里只负责点击打开弹窗。 -->
-  <div class="inline-block" :class="{ 'cursor-not-allowed': disabled }" @click="open">
+  <!-- 触发区完全交给调用方自己写（长度、placeholder 等都自己控制），这里只负责点击打开弹窗。
+       组件有两个根节点，class 等属性不会自动落到外层，这里手动挂到触发区上：
+       想让触发区撑满一行就在组件上写 class="w-full" -->
+  <div
+    v-bind="$attrs"
+    class="inline-block"
+    :class="{ 'cursor-not-allowed': disabled }"
+    @click="open"
+  >
     <slot :echo-text="echoText" />
   </div>
   <DepartmentUserModal ref="modalRef" @confirm="handleConfirm" />
@@ -52,6 +59,8 @@ const {
   valueType = 'array',
 } = defineProps<DeptUserPickerProps>()
 
+defineOptions({ inheritAttrs: false })
+
 const emit = defineEmits<{
   confirm: [items: DepartmentUserSelection[]]
 }>()

src/views/backend/contentsMenu/practiceManage/index.vue

@@ -303,6 +303,7 @@ const handleSubmitPermission = async () => {
       :close-on-click-modal="false"
     >
       <DeptUserPicker
+        class="w-full"
         v-model:dept-value="permissionDeptIds"
         v-model:user-value="permissionUserIds"
         selection-mode="both"

src/views/publishLongArticle/components/PracticeForm.vue

@@ -21,6 +21,7 @@
     <!-- 查看权限：不选就是所有人可见，选了部门/人员之后只有被选中的能看到，本人和管理员都能改 -->
     <el-form-item label="查看权限">
       <DeptUserPicker
+        class="w-full"
         v-model:dept-value="permissionDeptIds"
         v-model:user-value="permissionUserIds"
         selection-mode="both"

src/views/publishVideo/index.vue

@@ -179,30 +179,28 @@
                 <div class="mb-8">
                   <el-form-item>
                     <label class="block text-sm font-semibold text-gray-700 mb-3"> 推送对象 </label>
-                    <div class="w-full flex items-center gap-2">
+                    <div class="w-full">
                       <el-radio-group v-model="form.isPushAll">
                         <el-radio :value="BooleanFlag.YES">全员</el-radio>
                         <el-radio :value="BooleanFlag.NO">指定部门/人员</el-radio>
                       </el-radio-group>
-                      <div
-                        v-show="form.isPushAll === BooleanFlag.NO"
-                        class="flex items-center gap-2"
+                    </div>
+                    <!-- 选人输入框单独放一行，跟帖子/专栏等发布页的推送设置保持一致 -->
+                    <div v-show="form.isPushAll === BooleanFlag.NO" class="w-full mt-2">
+                      <DeptUserPicker
+                        v-model:dept-value="pushDeptIds"
+                        v-model:user-value="pushUserIds"
+                        selection-mode="both"
+                        @confirm="(items) => (pushSelection = items)"
+                        v-slot="{ echoText }"
                       >
-                        <DeptUserPicker
-                          v-model:dept-value="pushDeptIds"
-                          v-model:user-value="pushUserIds"
-                          selection-mode="both"
-                          @confirm="(items) => (pushSelection = items)"
-                          v-slot="{ echoText }"
-                        >
-                          <el-input
-                            readonly
-                            class="w-80 cursor-pointer"
-                            placeholder="请选择部门/人员"
-                            :model-value="echoText"
-                          />
-                        </DeptUserPicker>
-                      </div>
+                        <el-input
+                          readonly
+                          class="w-80 cursor-pointer"
+                          placeholder="请选择部门/人员"
+                          :model-value="echoText"
+                        />
+                      </DeptUserPicker>
                     </div>
                   </el-form-item>
                 </div>