From 7ee2374b005534b9ca42b6dbf42a76bbd3215fb0 Mon Sep 17 00:00:00 2001
From: q4speed <kun@fit2cloud.com>
Date: Wed, 2 Dec 2020 18:23:26 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E6=8E=A5=E5=8F=A3=E8=87=AA=E5=8A=A8?=
 =?UTF-8?q?=E5=8C=96):=20=E4=BF=AE=E6=94=B9=E5=85=A8=E9=80=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../automation/scenario/ApiScenarioList.vue   | 43 ++++++++++++-------
 frontend/src/i18n/zh-CN.js                    |  2 +
 2 files changed, 30 insertions(+), 15 deletions(-)

diff --git a/frontend/src/business/components/api/automation/scenario/ApiScenarioList.vue b/frontend/src/business/components/api/automation/scenario/ApiScenarioList.vue
index 3a6c4402e3..7adc75a80f 100644
--- a/frontend/src/business/components/api/automation/scenario/ApiScenarioList.vue
+++ b/frontend/src/business/components/api/automation/scenario/ApiScenarioList.vue
@@ -6,15 +6,10 @@
     </template>
 
     <el-table ref="scenarioTable" border :data="tableData" class="adjust-table" @select-all="select" @select="select">
-      <el-table-column width="100">
-        <template v-slot:header="{row}">
-          <el-dropdown id="select" size="small" split-button @command="handleCommand">
-            <el-checkbox @change="selectAllChange"></el-checkbox>
-            <el-dropdown-menu slot="dropdown">
-              <el-dropdown-item command="table">{{ $t('api_test.automation.scenario.select_table') }}</el-dropdown-item>
-              <el-dropdown-item command="all">{{ $t('api_test.automation.scenario.select_all') }}</el-dropdown-item>
-            </el-dropdown-menu>
-          </el-dropdown>
+      <el-table-column type="selection"/>
+      <el-table-column width="40" :resizable="false" align="center">
+        <template v-slot:default="{row}">
+          <show-more-btn :is-show="isSelect(row)" :buttons="buttons" :size="selection.length"/>
         </template>
       </el-table-column>
       <el-table-column prop="name" :label="$t('api_test.automation.scenario_name')" width="200"
@@ -56,10 +51,11 @@
 <script>
 import MsTableHeader from "@/business/components/common/components/MsTableHeader";
 import MsTablePagination from "@/business/components/common/pagination/TablePagination";
+import ShowMoreBtn from "@/business/components/track/case/components/ShowMoreBtn";
 
 export default {
   name: "MsApiScenarioList",
-  components: {MsTablePagination, MsTableHeader},
+  components: {ShowMoreBtn, MsTablePagination, MsTableHeader},
   props: {
     currentProject: Object,
     currentModule: Object,
@@ -69,13 +65,21 @@ export default {
       result: {},
       condition: {},
       selectAll: false,
+      selection: [],
       tableData: [],
       currentPage: 1,
       pageSize: 10,
       total: 0,
+      buttons: [
+        {
+          name: this.$t('api_test.automation.batch_add_plan'), handleClick: this.handleBatchAddCase
+        }, {
+          name: this.$t('api_test.automation.batch_execute'), handleClick: this.handleBatchExecute
+        }
+      ],
     }
   },
-  watch:{
+  watch: {
     currentProject() {
       this.search();
     },
@@ -118,12 +122,23 @@ export default {
           this.selectAll = true;
           break
       }
+    },
+    handleBatchAddCase() {
+
+    },
+    handleBatchExecute() {
+
     },
     selectAllChange() {
       this.handleCommand("table");
     },
     select(selection) {
-      console.log(selection)
+      this.selection = selection.map(s => s.id);
+      console.log(this.selection)
+    },
+    isSelect(row) {
+      console.log(this.selection.includes(row.id))
+      return this.selection.includes(row.id)
     },
     edit(row) {
 
@@ -160,7 +175,5 @@ export default {
 </script>
 
 <style scoped>
-#select >>> .el-button-group > .el-button:first-child {
-  padding: 7px 15px;
-}
+
 </style>
diff --git a/frontend/src/i18n/zh-CN.js b/frontend/src/i18n/zh-CN.js
index e89c29f114..af7b53fe08 100644
--- a/frontend/src/i18n/zh-CN.js
+++ b/frontend/src/i18n/zh-CN.js
@@ -561,6 +561,8 @@ export default {
       execute: "执行",
       copy: "复制",
       remove: "删除",
+      batch_add_plan: "批量添加到测试计划",
+      batch_execute: "批量执行",
       scenario: {
         principal: "责任人",
         select_principal: "请选择责任人",