Merge branch 'http_mock' of git.xiaojukeji.com:jacklijiajia/thoth-frontend into http_test

src/views/projectManage/bugList/details/index.vue

@@ -97,14 +97,25 @@
                 <el-form label-width="30%" label-position="left" label-suffix=":">
                   <el-form-item label="所属任务" class="limit-font">
                     <span v-if="clielIcon === true" class="str-task-name" @mouseover="mouseOver" @mouseleave="mouseLeave"><span @click="JumpTask(bug.taskId)">{{ bug.taskName }}</span> <i v-if="active" class="el-icon-edit" @click="getclielIcon" /></span>
-                    <el-select v-if="clielIcon === false" ref="searchOfChatRoom" v-model="bug.taskId" filterable @visible-change="mouseLeaves" @change="bugUpdates(bug,'details')">
-                      <el-option
-                        v-for="item in taskEnumList"
-                        :key="item.id"
-                        class="test123"
-                        :label="item.name"
-                        :value="item.id"
-                      />
+                    <el-select
+                      v-if="clielIcon === false"
+                      ref="searchOfChatRoom"
+                      v-model="bug.taskId"
+                      filterable
+                      :remote="true"
+                      :remote-method="debounceQuery"
+                      @visible-change="mouseLeaves"
+                      @change="bugUpdates(bug,'details')"
+                    >
+                      <el-option v-for="item in taskEnumList" :key="item.id" :label="item.name" :value="item.id">
+                        <div class="belong-task">
+                          <div class="task-id">{{ item.taskId }}</div>
+                          <div class="modules-name">
+                            <span class="name">{{ item.name }}</span>
+                            <span v-if="item.moduleInfoName" class="modules">{{ item.moduleInfoName }}</span>
+                          </div>
+                        </div>
+                      </el-option>
                     </el-select>
                   </el-form-item>
                   <el-form-item label="优先级">
@@ -557,7 +568,7 @@ document.body.onpaste = function(event) {
   if (items && items.length) {
     // 检索剪切板items
     for (let i = 0; i < items.length; i++) {
-      // console.log(items[i].getAsFile()) // <--- 这里打印出来就就是你想要的文件
+      // console.log(items[i].getAsFile()) // 文件
       fileList.push(items[i].getAsFile())
       window.uploadFiles = fileList
     }
@@ -726,11 +737,24 @@ export default {
     })
     this.getCommentList()
     this.getBusinessLinePlatformModule()
-    taskListCreate({ bizId: Number(localStorage.getItem('bizId')) }).then(res => {
-      this.taskEnumList = res.data // 所属任务
-    })
+    this.taskListCreate()
   },
   methods: {
+    debounceQuery: _.debounce(function() {
+      this.taskListCreate(...arguments)
+    }, 500),
+    async taskListCreate(val) { // 获取所属任务
+      const params = {
+        bizId: Number(localStorage.getItem('bizId'))
+      }
+      if (val) {
+        params.name = val
+      }
+      const res = await taskListCreate(params)
+      if (res.code === 200) {
+        this.taskEnumList = res.data || []
+      }
+    },
     async getBugSelect() { //  获取下拉菜单option
       const res = await bugGetEnum()
       if (res.code === 200) {
@@ -1119,7 +1143,6 @@ export default {
           data.currentHandler = form.currentHandler.join(',')
           data.assigner = form.assigner.join(',')
           const objData = { bugBaseInfo: data, user: userData }
-          console.log(objData, '要提交的数据')
           const res = await bugUpdate(objData)
           if (res.code === 200) {
             this.changeWidthOnBlur()
@@ -1215,7 +1238,6 @@ export default {
     getclielIcon() {
       this.clielIcon = !this.clielIcon
       this.$nextTick(() => {
-        console.log(this.$refs.searchOfChatRoom, 'xsaxa')
         this.$refs.searchOfChatRoom.focus()
       })
     },
@@ -1648,4 +1670,26 @@ border-color: #DCDFE6;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.belong-task {
+  max-width: 500px;
+  display: flex;
+  .modules-name {
+    width: calc(100% - 100px);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .modules {
+    color: #999999;
+  }
+  .task-id {
+    color: #999999;
+    width: 80px;
+    margin-right: 20px;
+  }
+  .name {
+    color: #333333;
+    margin-right: 20px;
+  }
+}
 </style>