批量提测、准出、测试报告

src/views/projectManage/projectList/projectViewDetails.vue

@@ -258,14 +258,29 @@
               <div class="titIcon" />
               <div class="titSonName">任务列表</div>
             </div>
+            <el-row v-if="!showHeader" class="select-main" type="flex" align="center">
+              <el-col :span="2">
+                <el-checkbox v-model="planChecked" class="plan-checked" @change="changeCheck" />
+              </el-col>
+              <el-col :span="2" class="item-checked">已选择<span style="color: #409EFF">{{ curcentChecked }}</span>个</el-col>
+              <el-col :span="1" class="item-click">|</el-col>
+              <el-col :span="2" class="item-click" @click.native="handlePlan('test')">提测</el-col>
+              <el-col :span="2" class="item-click" @click.native="handlePlan('allow')">准出</el-col>
+              <el-col :span="4" class="item-click">建立测试日报</el-col>
+              <el-col :span="4" class="item-click" @click.native="handlePlan('cancel')">取消选择</el-col>
+            </el-row>
             <el-table
+              ref="planTable"
               :data="all_task"
               style="width: 100%;"
               size="mini"
               :header-cell-style="{ color: '#4A4A4A', fontSize: '14px', fontWeight: '550', textAlign: 'center' }"
               show-overflow-tooltip="true"
+              :show-header="showHeader"
+              @selection-change="handleSelectionChange"
             >
-              <el-table-column label="任务名称" min-width="100" align="center" show-overflow-tooltip>
+              <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="任务名称" min-width="90" align="center" show-overflow-tooltip>
                 <template slot-scope="scope"><div style="cursor: pointer;" @click="link_task(scope.row.id)">{{ scope.row.name }}</div></template>
               </el-table-column>
               <el-table-column label="所属需求" min-width="100" align="center" show-overflow-tooltip>
@@ -274,7 +289,7 @@
               <el-table-column label="状态" min-width="100" align="center">
                 <template slot-scope="scope">{{ scope.row.statusString }}</template>
               </el-table-column>
-              <el-table-column label="任务健康状态" min-width="100" align="center">
+              <el-table-column label="任务健康状态" min-width="120" align="center">
                 <template slot-scope="scope">{{ scope.row.stageString }}</template>
               </el-table-column>
               <el-table-column label="开发负责人" min-width="100" align="center" show-overflow-tooltip>
@@ -716,7 +731,12 @@ export default {
       condition: '',
       noRequire: '',
       formBackgroungInfo: [],
-      requirement: null
+      requirement: null,
+      showHeader: true, // 任务列表的表头是否显示
+      curcentList: [], // 当前已选择的列表
+      curcentChecked: 0, // 当前已选择的数量
+      planChecked: false,
+      planHandleType: '' // 任务列表操作类型
     }
   },
   created() {
@@ -1126,7 +1146,86 @@ export default {
     handleCurrentChange(curIndex) { //  分页
       this.curIndex = curIndex
       this.click_name1(this.condition)
+    },
+    handleSelectionChange(val) { // 任务列表删选操作
+      val.length > 0 ? this.showHeader = false : this.showHeader = true
+      this.curcentChecked = val.length
+      this.curcentList = val
+    },
+    changeCheck(val) {
+      if (val) {
+        this.all_task.forEach(row => {
+          this.$refs.planTable.toggleRowSelection(row, true)
+        })
+      } else {
+        this.$refs.planTable.clearSelection()
+      }
+    },
+    handlePlan(type) { // 任务列表操作
+      this.planHandleType = type
+      switch (type) {
+        case 'test':
+          this.filtrateTest()
+          break
+        case 'allow':
+          this.filtrateAllow()
+          break
+        case 'cancel':
+          this.$refs.planTable.clearSelection()
+          break
+      }
+    },
+    filtrateTest() { // 提测筛选
+      const isDevelop = this.curcentList.every(item => {
+        return item.statusString === '开发中'
+      })
+      if (!isDevelop) {
+        this.$message({
+          message: '存在状态不是【开发中】的任务，请将任务状态为【开发中】才可提测，请检查！',
+          type: 'error',
+          duration: 3000,
+          offset: 150
+        })
+      }
+    },
+    filtrateAllow() { // 准出筛选
+      const isDevelop = this.curcentList.every(item => {
+        return item.statusString === '测试中'
+      })
+      if (!isDevelop) {
+        this.$message({
+          message: '存在状态不是【测试中】的任务，请将任务状态为【测试中】才可提测，请检查！',
+          type: 'error',
+          duration: 3000,
+          offset: 150
+        })
+      }
     }
   }
 }
 </script>
+<style scoped lang="scss">
+.plan-checked {
+  padding-left: 21px;
+}
+.select-main {
+  border-bottom: 1px solid #DCDFE6;
+  .item-checked {
+    color: #606266;
+    font-size: 14px;
+    display: flex;
+    align-items: center;
+    justify-content: left;
+    cursor: pointer;
+  }
+  .item-click{
+    color: #606266;
+    font-size: 14px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+  }
+}
+
+</style>