perf: 选择器的优化

resources/assets/js/components/UserInput.vue

@@ -78,6 +78,10 @@
                 type: Boolean,
                 default: true
             },
+            maxHiddenSelect: {
+                type: Boolean,
+                default: false
+            },
             projectId: {
                 type: Number,
                 default: 0
@@ -142,6 +146,11 @@
             },
             selects(val) {
                 this.$emit('input', val);
+                if (this.maxHiddenSelect
+                    && val.length >= this.maxHiddenSelect
+                    && this.$refs.select) {
+                    this.$refs.select.hideMenu()
+                }
             }
         },
         methods: {

resources/assets/js/pages/manage/components/ProjectPanel.vue

@@ -409,7 +409,7 @@
             :mask-closable="false">
             <Form :model="transferData" label-width="auto" @submit.native.prevent>
                 <FormItem prop="owner_userid" :label="$L('项目负责人')">
-                    <UserInput v-model="transferData.owner_userid" :multiple-max="1" :placeholder="$L('选择项目负责人')"/>
+                    <UserInput v-model="transferData.owner_userid" :multiple-max="1" max-hidden-select :placeholder="$L('选择项目负责人')"/>
                 </FormItem>
             </Form>
             <div slot="footer" class="adaption">

resources/assets/js/pages/manage/components/TaskAdd.vue

@@ -123,7 +123,8 @@
                                 :multiple-max="1"
                                 :placeholder="$L('选择负责人')"
                                 :project-id="addData.project_id"
-                                :transfer="false"/>
+                                :transfer="false"
+                                max-hidden-select/>
                         </Col>
                     </Row>
                 </div>

resources/assets/js/pages/manage/components/TaskDetail.vue

@@ -57,7 +57,8 @@
                     :multiple-max="1"
                     :project-id="taskDetail.project_id"
                     :placeholder="$L('选择任务负责人')"
-                    :transfer="false"/>
+                    :transfer="false"
+                    max-hidden-select/>
                 <div class="task-detail-avatar-buttons">
                     <Button size="small" type="primary" @click="$refs.owner.ok()">{{$L('确定')}}</Button>
                 </div>

resources/assets/js/pages/manage/components/TeamManagement.vue

@@ -154,7 +154,7 @@
                     <div v-if="departmentParentDisabled" class="form-tip" style="margin-bottom:-16px">{{$L('含有子部门无法修改上级部门')}}</div>
                 </FormItem>
                 <FormItem prop="owner_userid" :label="$L('部门负责人')">
-                    <UserInput v-model="departmentData.owner_userid" :multiple-max="1" :placeholder="$L('请选择部门负责人')"/>
+                    <UserInput v-model="departmentData.owner_userid" :multiple-max="1" max-hidden-select :placeholder="$L('请选择部门负责人')"/>
                 </FormItem>
             </Form>
             <div slot="footer" class="adaption">
@@ -180,7 +180,7 @@
                         type="datetime"/>
                 </FormItem>
                 <FormItem :label="$L('交接人')">
-                    <UserInput v-model="disableData.transfer_userid" :disabled-choice="[disableData.userid]" :multiple-max="1" :placeholder="$L('选择交接人')"/>
+                    <UserInput v-model="disableData.transfer_userid" :disabled-choice="[disableData.userid]" :multiple-max="1" max-hidden-select :placeholder="$L('选择交接人')"/>
                     <div class="form-tip">{{ $L(`${disableData.nickname} 负责的项目、任务和文件将移交给交接人`) }}</div>
                 </FormItem>
             </Form>