overClick

src/views/projectManage/requirement/requirementDetail.vue

@@ -104,17 +104,24 @@
                 <template v-else>{{ form_query.belongingProjectName }}</template>
               </el-form-item>
               <el-form-item label="所属迭代：">
-                <el-select v-model="form_query.iterationId" placeholder="请选择" @change="changeArea">
+                <el-select v-model="form_query.iterationId" placeholder="请选择" size="small" @change="changeArea">
                   <el-option v-for="(item,index) in iterationList" :key="item.name + index" :label="item.name" :value="item.id" />
                 </el-select>
               </el-form-item>
               <el-form-item label="PM：">
-                <search-people :value.sync="form_query.pm" :clearable="false" @change="changeArea" />
+                <over-click id="pm-select" :active.sync="activeClick.pm">
+                  <template slot="active">
+                    <search-people :value.sync="form_query.pm" :clearable="false" @change="changeArea" />
+                  </template>
+                  <template slot="overMouse">
+                    <span v-if="form_query.pm">{{ form_query.pm }}</span>
+                  </template>
+                </over-click>
               </el-form-item>
             </el-form>
             <el-form :inline="true" :model="form_query" class="demo-form-inline" label-position="left" label-width="100px">
               <el-form-item label="需求方向：">
-                <el-cascader v-model="form_query.rqmtOrntIds" size="medium" collapse-tags :props="props" :options="demandDirection" placeholder="请选择" @change="changeArea" />
+                <el-cascader v-model="form_query.rqmtOrntIds" size="small" collapse-tags :props="props" :options="demandDirection" placeholder="请选择" @change="changeArea" />
               </el-form-item>
               <el-form-item label="需求来源：">
                 <el-select v-model="form_query.sourceType" size="small" filterable placeholder="请选择" @change="changeArea">
@@ -424,6 +431,7 @@ import demand from '@/views/projectManage/components/demand.vue'
 import record from '@/views/projectManage/components/record.vue'
 import timeLine from '@/views/projectManage/components/timeLine.vue'
 import ganntViews from './components/ganntViews'
+import overClick from '@/components/click/overClick'
 import '@/styles/PublicStyle/index.scss'
 export default {
   components: {
@@ -441,7 +449,8 @@ export default {
     record,
     timeLine,
     demand,
-    ganntViews
+    ganntViews,
+    overClick
   },
   filters: {
     ellipsis(value, num) {
@@ -500,7 +509,7 @@ export default {
       appClient: [], // 跟版客户端列表
       taskScheduleEvent: [], // 排期类型列表
       dependList: [{ msg: '否', code: 0 }, { msg: '是', code: 1 }], // 是否跟版
-      form_query: { pm: {}, rqmtOrntIds: [] },
+      form_query: { pm: null, rqmtOrntIds: [] },
       display: false, // 设置成员弹框
       num: 0, // 成员数量
       availableStatusList: [], // 状态
@@ -517,7 +526,10 @@ export default {
       lockHide: false, // 隐藏排期变更记录
       isScheduleLocked: '', // 锁定状态1锁定0未锁定
       SchedulingContent: [], // 排期历史变更记录
-      listOrGannt: '列表'
+      listOrGannt: '列表',
+      activeClick: {
+        pm: false
+      }
     }
   },
   computed: {