优化

src/views/projectManage/components/demand.vue

@@ -44,20 +44,28 @@
               <el-tooltip class="item" effect="dark" content="点击修改" placement="top">
                 <el-popover placement="bottom" title="开发负责人" width="400" trigger="click">
                   <div class="blueStr" />
-                  <search-people :value.sync="form_query.rqmtProposer" :clearable="false" :multiple="false" style="width: 100%;" @change="changeArea" />
+                  <search-people :value.sync="form_query.rdOwner" :clearable="false" :multiple="false" style="width: 100%;" @change="changeArea" />
                   <div class="Layout_space_between involveApp-top-bottom">
-                    <span>{{ taskAdip.idap }}</span>
-                    <span>{{ taskAdip.name }}</span>
                     <span>{{ taskAdip.deptName }}</span>
+                    <span>{{ taskAdip.name }}</span>
+                    <span>{{ taskAdip.idap }}</span>
                   </div>
-                  <span slot="reference" class="cursorPo">开发负责人:{{ scope.row.rdObject.name !== null? scope.row.rdObject.name: '无' }}</span>
+                  <span slot="reference" class="cursorPo" @click="setRdOwner(scope.row.rdObject)">开发负责人:{{ scope.row.rdObject.name !== null? scope.row.rdObject.name: '无' }}</span>
                 </el-popover>
               </el-tooltip>
               <el-tooltip class="item" effect="dark" content="点击修改" placement="top">
                 <el-popover placement="bottom" title="测试负责人" width="400" class="iconPadding" trigger="click">
                   <div class="blueStr" />
-                  <search-people :value.sync="form_query.rqmtProposer" :clearable="false" :multiple="false" style="width: 100%;" @change="changeArea" />
-                  <span slot="reference" class="cursorPo">测试负责人: {{ scope.row.qaObject.name !== null ? scope.row.qaObject.name: '无' }}</span>
+                  <!-- <search-people :value.sync="form_query.rqmtProposer" :clearable="false" :multiple="false" style="width: 100%;" @change="changeArea" /> -->
+                  <el-input v-model="scope.row.qaObject.name" clearable size="small" style="width: 100%; margin-bottom: 10px;" placeholder="业务线搜索" @input="remoteMethod" />
+                  <div style="height: 200px; overflow: hidden; overflow-y: auto;">
+                    <div v-for="(item, index) in memberIDAP" :key="index" class="Layout_space_between involveApp-top-bottom cursorPo">
+                      <span class="item-detail">{{ item.deptName }}</span>
+                      <span style="min-width:80px">{{ item.name }}</span>
+                      <span class="item-detail">{{ item.idap }}</span>
+                    </div>
+                  </div>
+                  <span slot="reference" class="cursorPo" @click="remoteMethod(scope.row.qaObject.name)">测试负责人: {{ scope.row.qaObject.name !== null ? scope.row.qaObject.name: '无' }}</span>
                 </el-popover>
               </el-tooltip>
             </div>
@@ -157,6 +165,7 @@ import scheduleList from '@/views/projectManage/components/scheduleList.vue'
 import '@/styles/PublicStyle/index.scss' // 通用css
 import { configShowTaskStatusEnum } from '@/api/taskIndex'
 import { taskUpdate } from '@/api/taskIndex'
+import { memberQueryMemberInfoByIDAPorName } from '@/api/projectIndex'
 import schedule from '@/views/projectManage/schedule' // 排期锁定弹窗
 import taskDialog from '@/views/projectManage/taskList/dialog/taskDialog' // 任务状态修改（已上线/已提测/已准出）
 export default {
@@ -179,6 +188,7 @@ export default {
       allStatus: [], // task状态
       taskDataList: [], // 同步排期到望岳的任务
       taskAdip: {}, // 查询的负责人
+      memberIDAP: [],
       tableData: [],
       checkAlls: false,
       taskIdObject: {},
@@ -195,7 +205,9 @@ export default {
       }],
       dplOption: [],
       taskDpl: '',
-      form_query: {},
+      form_query: {
+        rdOwner: null
+      },
       nowChangeTask: null, // 当前正在改变的任务对象
       isScheduleLocked: '', //  当前排期的状态
       taskId: '', // taskID
@@ -326,6 +338,16 @@ export default {
         return 'cell-grey'
       }
     },
+    async remoteMethod(query) {
+      const res = await memberQueryMemberInfoByIDAPorName({ memberIDAP: query })
+      this.memberIDAP = res.data
+    },
+    setRdOwner(e) {
+      this.$nextTick(() => {
+        this.$set(this.form_query, 'rdOwner', e.idap)
+        this.taskAdip = e
+      })
+    },
     jump(url) {
       window.open(url, '_blank')
     },
@@ -396,6 +418,7 @@ export default {
       })
     },
     changeArea(value) {
+      console.log(value)
       this.taskAdip = value
     },
     changeCheckout(rows) {
@@ -434,6 +457,12 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
+.item-detail {
+    min-width:110px;
+    color: #8492a6;
+    font-size: 13px;
+    overflow:hidden
+  }
 .templatName {
   font-size:12px;
   font-family:MicrosoftYaHei;

src/views/projectManage/requirement/requirementDetail.vue

@@ -8,7 +8,7 @@
             <span>
               <span class="title-id">REQUIREMENT-{{ form_query.id }} </span>
               <el-tooltip v-if="form_query.isDirectlyFromDpm === 1" class="item" effect="dark" :content="form_query.relatedDpmRequirementInfo.requirementDisplayId + form_query.relatedDpmRequirementInfo.name" placement="top">
-                <img src="@/assets/home_images/WX20200914-141851@2x.png" @click="dpmUrl(form_query.dpmUrl)">
+                <img class="cursorPo" src="@/assets/home_images/WX20200914-141851@2x.png" @click="dpmUrl(form_query.dpmUrl)">
               </el-tooltip>
             </span>
             <el-tooltip class="item" effect="dark" :content="form_query.name" placement="bottom">
@@ -857,6 +857,10 @@ export default {
 }
 </script>
 <style scoped lang="scss">
+.cursorPo:hover {
+      color:#409EFF;
+      cursor: pointer;
+    }
 .required-tips {
   font-size: 12px;
   font-family: Microsoft Sans Serif;