Merge branch 'master' into local-api-delimit

# Conflicts:
#	frontend/package.json

README.md

@@ -20,6 +20,7 @@ MeterSphere 是一站式的开源企业级持续测试平台，涵盖测试跟
 
 ![产品定位](https://metersphere.io/images/icon/ct-devops.png)
 
+
 > 如需进一步了解 MeterSphere 开源项目，推荐阅读 [MeterSphere 的初心和使命](https://mp.weixin.qq.com/s/DpCt3BNgBTlV3sJ5qtPmZw)
 
 ## 在线体验

backend/src/main/java/io/metersphere/api/controller/APIReportController.java

@@ -39,10 +39,12 @@ public class APIReportController {
         return apiReportService.recentTest(request);
     }
 
-    @GetMapping("/list/{testId}")
+    @GetMapping("/list/{testId}/{goPage}/{pageSize}")
-    public List<APIReportResult> listByTestId(@PathVariable String testId) {
+    public Pager<List<APIReportResult>> listByTestId(@PathVariable String testId, @PathVariable int goPage, @PathVariable int pageSize) {
         checkOwnerService.checkApiTestOwner(testId);
-        return apiReportService.listByTestId(testId);
+        Page<Object> page = PageHelper.startPage(goPage, pageSize, true);
+        return PageUtils.setPageInfo(page, apiReportService.listByTestId(testId));
+
     }
 
     @PostMapping("/list/{goPage}/{pageSize}")

backend/src/main/java/io/metersphere/api/dto/scenario/Scenario.java

@@ -1,5 +1,6 @@
 package io.metersphere.api.dto.scenario;
 
+import io.metersphere.api.dto.scenario.assertions.Assertions;
 import io.metersphere.api.dto.scenario.request.Request;
 import lombok.Data;
 
@@ -15,6 +16,7 @@ public class Scenario {
     private List<KeyValue> variables;
     private List<KeyValue> headers;
     private List<Request> requests;
+    private Assertions assertions;
     private DubboConfig dubboConfig;
     private TCPConfig tcpConfig;
     private List<DatabaseConfig> databaseConfigs;

backend/src/main/java/io/metersphere/performance/controller/PerformanceTestController.java

@@ -104,6 +104,12 @@ public class PerformanceTestController {
         return performanceTestService.getLoadConfiguration(testId);
     }
 
+    @GetMapping("/get-jmx-content/{testId}")
+    public String getJmxContent(@PathVariable String testId) {
+        checkOwnerService.checkPerformanceTestOwner(testId);
+        return performanceTestService.getJmxContent(testId);
+    }
+
     @PostMapping("/delete")
     public void delete(@RequestBody DeleteTestPlanRequest request) {
         checkOwnerService.checkPerformanceTestOwner(request.getId());

backend/src/main/java/io/metersphere/performance/engine/AbstractEngine.java

@@ -18,6 +18,7 @@ import org.apache.commons.collections.CollectionUtils;
 import org.apache.commons.lang3.StringUtils;
 
 import java.util.List;
+import java.util.Map;
 import java.util.UUID;
 
 public abstract class AbstractEngine implements Engine {
@@ -81,9 +82,22 @@ public abstract class AbstractEngine implements Engine {
         String loadConfiguration = t.getLoadConfiguration();
         JSONArray jsonArray = JSON.parseArray(loadConfiguration);
         for (int i = 0; i < jsonArray.size(); i++) {
+            if (jsonArray.get(i) instanceof Map) {
                 JSONObject o = jsonArray.getJSONObject(i);
                 if (StringUtils.equals(o.getString("key"), "TargetLevel")) {
                     s = o.getInteger("value");
+                    break;
+                }
+            }
+            if (jsonArray.get(i) instanceof List) {
+                JSONArray o = jsonArray.getJSONArray(i);
+                for (int j = 0; j < o.size(); j++) {
+                    JSONObject b = o.getJSONObject(j);
+                    if (StringUtils.equals(b.getString("key"), "TargetLevel")) {
+                        s += b.getInteger("value");
+                        break;
+                    }
+                }
             }
         }
         return s;

backend/src/main/java/io/metersphere/performance/engine/EngineContext.java

@@ -10,7 +10,6 @@ public class EngineContext {
     private String fileType;
     private String content;
     private String resourcePoolId;
-    private Long threadNum;
     private Long startTime;
     private String reportId;
     private Integer resourceIndex;
@@ -95,14 +94,6 @@ public class EngineContext {
         this.resourcePoolId = resourcePoolId;
     }
 
-    public Long getThreadNum() {
-        return threadNum;
-    }
-
-    public void setThreadNum(Long threadNum) {
-        this.threadNum = threadNum;
-    }
-
     public Long getStartTime() {
         return startTime;
     }

backend/src/main/java/io/metersphere/performance/engine/EngineFactory.java

@@ -9,6 +9,7 @@ import io.metersphere.base.domain.TestResourcePool;
 import io.metersphere.commons.constants.FileType;
 import io.metersphere.commons.constants.ResourcePoolTypeEnum;
 import io.metersphere.commons.exception.MSException;
+import io.metersphere.commons.utils.LogUtil;
 import io.metersphere.config.KafkaProperties;
 import io.metersphere.i18n.Translator;
 import io.metersphere.performance.engine.docker.DockerTestEngine;
@@ -22,6 +23,7 @@ import org.springframework.stereotype.Service;
 
 import javax.annotation.Resource;
 import java.io.ByteArrayInputStream;
+import java.util.ArrayList;
 import java.util.HashMap;
 import java.util.List;
 import java.util.Map;
@@ -52,7 +54,7 @@ public class EngineFactory {
         return null;
     }
 
-    public static EngineContext createContext(LoadTestWithBLOBs loadTest, String resourceId, long threadNum, long startTime, String reportId, int resourceIndex) {
+    public static EngineContext createContext(LoadTestWithBLOBs loadTest, String resourceId, double ratio, long startTime, String reportId, int resourceIndex) {
         final List<FileMetadata> fileMetadataList = fileService.getFileMetadataByTestId(loadTest.getId());
         if (org.springframework.util.CollectionUtils.isEmpty(fileMetadataList)) {
             MSException.throwException(Translator.get("run_load_test_file_not_found") + loadTest.getId());
@@ -73,7 +75,6 @@ public class EngineFactory {
         engineContext.setTestName(loadTest.getName());
         engineContext.setNamespace(loadTest.getProjectId());
         engineContext.setFileType(jmxFile.getType());
-        engineContext.setThreadNum(threadNum);
         engineContext.setResourcePoolId(loadTest.getTestResourcePoolId());
         engineContext.setStartTime(startTime);
         engineContext.setReportId(reportId);
@@ -90,8 +91,34 @@ public class EngineFactory {
             final JSONArray jsonArray = JSONObject.parseArray(loadTest.getLoadConfiguration());
 
             for (int i = 0; i < jsonArray.size(); i++) {
-                final JSONObject jsonObject = jsonArray.getJSONObject(i);
+                if (jsonArray.get(i) instanceof Map) {
-                engineContext.addProperty(jsonObject.getString("key"), jsonObject.get("value"));
+                    JSONObject o = jsonArray.getJSONObject(i);
+                    String key = o.getString("key");
+                    if ("TargetLevel".equals(key)) {
+                        engineContext.addProperty(key, Math.round(((Integer) o.get("value")) * ratio));
+                    } else {
+                        engineContext.addProperty(key, o.get("value"));
+                    }
+                }
+                if (jsonArray.get(i) instanceof List) {
+                    JSONArray o = jsonArray.getJSONArray(i);
+                    for (int j = 0; j < o.size(); j++) {
+                        JSONObject b = o.getJSONObject(j);
+                        String key = b.getString("key");
+                        Object values = engineContext.getProperty(key);
+                        if (values == null) {
+                            values = new ArrayList<>();
+                        }
+                        if (values instanceof List) {
+                            Object value = b.get("value");
+                            if ("TargetLevel".equals(key)) {
+                                value = Math.round(((Integer) b.get("value")) * ratio);
+                            }
+                            ((List<Object>) values).add(value);
+                            engineContext.addProperty(key, values);
+                        }
+                    }
+                }
             }
         }
         /*
@@ -112,8 +139,10 @@ public class EngineFactory {
             String content = engineSourceParser.parse(engineContext, source);
             engineContext.setContent(content);
         } catch (MSException e) {
+            LogUtil.error(e);
             throw e;
         } catch (Exception e) {
+            LogUtil.error(e);
             MSException.throwException(e);
         }
 

backend/src/main/java/io/metersphere/performance/engine/docker/DockerTestEngine.java

@@ -6,6 +6,7 @@ import io.metersphere.base.domain.TestResource;
 import io.metersphere.commons.constants.ResourceStatusEnum;
 import io.metersphere.commons.exception.MSException;
 import io.metersphere.commons.utils.CommonBeanFactory;
+import io.metersphere.commons.utils.LogUtil;
 import io.metersphere.controller.ResultHolder;
 import io.metersphere.dto.NodeDTO;
 import io.metersphere.i18n.Translator;
@@ -52,19 +53,21 @@ public class DockerTestEngine extends AbstractEngine {
 
         for (int i = 0, size = resourceList.size(); i < size; i++) {
             int ratio = resourceRatio.get(i);
-            double realThreadNum = ((double) ratio / totalThreadNum) * threadNum;
+//            double realThreadNum = ((double) ratio / totalThreadNum) * threadNum;
-            runTest(resourceList.get(i), Math.round(realThreadNum), i);
+            runTest(resourceList.get(i), ((double) ratio / totalThreadNum), i);
         }
 
     }
 
-    private void runTest(TestResource resource, long realThreadNum, int resourceIndex) {
+    private void runTest(TestResource resource, double ratio, int resourceIndex) {
         EngineContext context = null;
         try {
-            context = EngineFactory.createContext(loadTest, resource.getId(), realThreadNum, this.getStartTime(), this.getReportId(), resourceIndex);
+            context = EngineFactory.createContext(loadTest, resource.getId(), ratio, this.getStartTime(), this.getReportId(), resourceIndex);
         } catch (MSException e) {
+            LogUtil.error(e);
             throw e;
         } catch (Exception e) {
+            LogUtil.error(e);
             MSException.throwException(e);
         }
 
@@ -80,6 +83,7 @@ public class DockerTestEngine extends AbstractEngine {
         TestRequest testRequest = new TestRequest();
         testRequest.setSize(1);
         testRequest.setTestId(testId);
+        testRequest.setReportId(getReportId());
         testRequest.setFileString(content);
         testRequest.setImage(JMETER_IMAGE);
         testRequest.setTestData(context.getTestData());

backend/src/main/java/io/metersphere/performance/engine/docker/request/BaseRequest.java

@@ -7,4 +7,5 @@ import lombok.Setter;
 @Setter
 public class BaseRequest {
     private String testId;
+    private String reportId;
 }

backend/src/main/java/io/metersphere/performance/parse/xml/reader/jmx/JmeterDocumentParser.java

@@ -776,15 +776,12 @@ public class JmeterDocumentParser implements DocumentParser {
         elementProp.setAttribute("name", "ThreadGroup.main_controller");
         elementProp.setAttribute("elementType", "com.blazemeter.jmeter.control.VirtualUserController");
         threadGroup.appendChild(elementProp);
-        // 持续时长
+
-        String duration = context.getProperty("duration").toString();
-        String rampUp = context.getProperty("RampUp").toString();
-        int realHold = Integer.parseInt(duration) - Integer.parseInt(rampUp);
         threadGroup.appendChild(createStringProp(document, "ThreadGroup.on_sample_error", "continue"));
         threadGroup.appendChild(createStringProp(document, "TargetLevel", "2"));
         threadGroup.appendChild(createStringProp(document, "RampUp", "12"));
         threadGroup.appendChild(createStringProp(document, "Steps", "2"));
-        threadGroup.appendChild(createStringProp(document, "Hold", String.valueOf(realHold)));
+        threadGroup.appendChild(createStringProp(document, "Hold", "1"));
         threadGroup.appendChild(createStringProp(document, "LogFilename", ""));
         // bzm - Concurrency Thread Group "Thread Iterations Limit:" 设置为空
 //        threadGroup.appendChild(createStringProp(document, "Iterations", "1"));
@@ -803,9 +800,18 @@ public class JmeterDocumentParser implements DocumentParser {
           </collectionProp>
         </kg.apc.jmeter.timers.VariableThroughputTimer>
          */
-        if (context.getProperty("rpsLimitEnable") == null || StringUtils.equals(context.getProperty("rpsLimitEnable").toString(), "false")) {
+        if (context.getProperty("rpsLimitEnable") == null) {
             return;
         }
+        Object rpsLimitEnables = context.getProperty("rpsLimitEnable");
+        if (rpsLimitEnables instanceof List) {
+            Object o = ((List<?>) rpsLimitEnables).get(0);
+            ((List<?>) rpsLimitEnables).remove(0);
+            if (o == null || "false".equals(o.toString())) {
+                return;
+            }
+        }
+
         Document document = element.getOwnerDocument();
 
 
@@ -866,11 +872,6 @@ public class JmeterDocumentParser implements DocumentParser {
                     if (nodeNameEquals(ele, STRING_PROP)) {
                         parseStringProp(ele);
                     }
-
-                    // 设置具体的线程数
-                    if (nodeNameEquals(ele, STRING_PROP) && "TargetLevel".equals(ele.getAttribute("name"))) {
-                        ele.getFirstChild().setNodeValue(context.getThreadNum().toString());
-                    }
                 }
             }
         }
@@ -902,11 +903,28 @@ public class JmeterDocumentParser implements DocumentParser {
                                             stringPropCount++;
                                         } else {
                                             stringPropCount = 0;
-                                            Integer duration = (Integer) context.getProperty("duration");// 传入的是分钟数, 需要转化成秒数
+                                            Object durations = context.getProperty("duration");// 传入的是分钟数, 需要转化成秒数
+                                            Integer duration;
+                                            if (durations instanceof List) {
+                                                Object o = ((List<?>) durations).get(0);
+                                                duration = (Integer) o;
+                                                ((List<?>) durations).remove(0);
+                                            } else {
+                                                duration = (Integer) durations;
+                                            }
                                             prop.getFirstChild().setNodeValue(String.valueOf(duration * 60));
                                             continue;
                                         }
-                                        prop.getFirstChild().setNodeValue(context.getProperty("rpsLimit").toString());
+                                        Object rpsLimits = context.getProperty("rpsLimit");
+                                        String rpsLimit;
+                                        if (rpsLimits instanceof List) {
+                                            Object o = ((List<?>) rpsLimits).get(0);
+                                            ((List<?>) rpsLimits).remove(0);
+                                            rpsLimit = o.toString();
+                                        } else {
+                                            rpsLimit = rpsLimits.toString();
+                                        }
+                                        prop.getFirstChild().setNodeValue(rpsLimit);
                                     }
                                 }
                             }
@@ -920,8 +938,15 @@ public class JmeterDocumentParser implements DocumentParser {
     }
 
     private void parseStringProp(Element stringProp) {
-        if (stringProp.getChildNodes().getLength() > 0 && context.getProperty(stringProp.getAttribute("name")) != null) {
+        Object threadParams = context.getProperty(stringProp.getAttribute("name"));
-            stringProp.getFirstChild().setNodeValue(context.getProperty(stringProp.getAttribute("name")).toString());
+        if (stringProp.getChildNodes().getLength() > 0 && threadParams != null) {
+            if (threadParams instanceof List) {
+                Object o = ((List<?>) threadParams).get(0);
+                ((List<?>) threadParams).remove(0);
+                stringProp.getFirstChild().setNodeValue(o.toString());
+            } else {
+                stringProp.getFirstChild().setNodeValue(threadParams.toString());
+            }
         }
     }
 

backend/src/main/java/io/metersphere/performance/service/PerformanceTestService.java

@@ -345,6 +345,17 @@ public class PerformanceTestService {
         return Optional.ofNullable(loadTestWithBLOBs).orElse(new LoadTestWithBLOBs()).getLoadConfiguration();
     }
 
+    public String getJmxContent(String testId) {
+        List<FileMetadata> fileMetadataList = fileService.getFileMetadataByTestId(testId);
+        for (FileMetadata metadata : fileMetadataList) {
+            if (FileType.JMX.name().equals(metadata.getType())) {
+                FileContent fileContent = fileService.getFileContent(metadata.getId());
+                return new String(fileContent.getFile());
+            }
+        }
+        return null;
+    }
+
     public List<LoadTestWithBLOBs> selectByTestResourcePoolId(String resourcePoolId) {
         LoadTestExample example = new LoadTestExample();
         example.createCriteria().andTestResourcePoolIdEqualTo(resourcePoolId);

backend/src/main/java/io/metersphere/service/CheckOwnerService.java

@@ -45,6 +45,10 @@ public class CheckOwnerService {
     }
 
     public void checkApiTestOwner(String testId) {
+        // 关联为其他时
+        if (StringUtils.equals("other", testId)) {
+            return;
+        }
         String workspaceId = SessionUtils.getCurrentWorkspaceId();
         QueryAPITestRequest request = new QueryAPITestRequest();
         request.setWorkspaceId(workspaceId);

backend/src/main/java/io/metersphere/track/service/TestCaseNodeService.java

@@ -191,17 +191,19 @@ public class TestCaseNodeService {
      * 获取当前计划下
      * 有关联数据的节点
      *
-     * @param planId
+     * @param planId plan id
-     * @return
+     * @return List<TestCaseNodeDTO>
      */
     public List<TestCaseNodeDTO> getNodeByPlanId(String planId) {
 
         List<TestCaseNodeDTO> list = new ArrayList<>();
         List<String> projectIds = testPlanProjectService.getProjectIdsByPlanId(planId);
         projectIds.forEach(id -> {
-            String name = projectMapper.selectByPrimaryKey(id).getName();
+            Project project = projectMapper.selectByPrimaryKey(id);
+            String name = project.getName();
             List<TestCaseNodeDTO> nodeList = getNodeDTO(id, planId);
             TestCaseNodeDTO testCaseNodeDTO = new TestCaseNodeDTO();
+            testCaseNodeDTO.setId(project.getId());
             testCaseNodeDTO.setName(name);
             testCaseNodeDTO.setLabel(name);
             testCaseNodeDTO.setChildren(nodeList);

docker/jmeter-master/run-test.sh

@@ -1,3 +1,3 @@
 for file in ${TESTS_DIR}/*.jmx; do
-  jmeter -n -t ${file} -Jserver.rmi.ssl.disable=${SSL_DISABLED}
+  jmeter -n -t ${file} -Jserver.rmi.ssl.disable=${SSL_DISABLED} -l ${TESTS_DIR}/${REPORT_ID}.jtl
 done

frontend/package.json

@@ -17,28 +17,29 @@
     "@fortawesome/vue-fontawesome": "^0.1.9",
     "axios": "^0.19.0",
     "core-js": "^3.4.3",
-    "diffable-html": "^4.0.0",
     "echarts": "^4.6.0",
-    "el-table-infinite-scroll": "^1.0.10",
     "element-ui": "^2.13.0",
-    "html2canvas": "^1.0.0-rc.7",
-    "js-base64": "^3.4.4",
-    "json-bigint": "^1.0.0",
-    "jsoneditor": "^9.1.2",
-    "jspdf": "^2.1.1",
-    "md5": "^2.3.0",
-    "mockjs": "^1.1.0",
-    "nprogress": "^0.2.0",
-    "sha.js": "^2.4.11",
     "vue": "^2.6.10",
-    "vue-calendar-heatmap": "^0.8.4",
     "vue-echarts": "^4.1.0",
     "vue-i18n": "^8.15.3",
-    "vue-pdf": "^4.2.0",
     "vue-router": "^3.1.3",
     "vuedraggable": "^2.23.2",
     "vuex": "^3.1.2",
-    "yan-progress": "^1.0.3"
+    "vue-calendar-heatmap": "^0.8.4",
+    "mockjs": "^1.1.0",
+    "md5": "^2.3.0",
+    "sha.js": "^2.4.11",
+    "js-base64": "^3.4.4",
+    "json-bigint": "^1.0.0",
+    "html2canvas": "^1.0.0-rc.7",
+    "jspdf": "^2.1.1",
+    "yan-progress": "^1.0.3",
+    "nprogress": "^0.2.0",
+    "el-table-infinite-scroll": "^1.0.10",
+    "vue-pdf": "^4.2.0",
+    "diffable-html": "^4.0.0",
+    "xml-js": "^1.6.11",
+    "jsoneditor": "^9.1.2",
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^4.1.0",

frontend/src/business/components/api/report/ApiReportList.vue

@@ -126,6 +126,7 @@ export default {
         let data = response.data;
         this.total = data.itemCount;
         this.tableData = data.listObject;
+        this.selectRows.clear();
       });
     },
     handleSelectionChange(val) {
@@ -171,28 +172,13 @@ export default {
         this.$set(row, "showMore", true);
         this.selectRows.add(row);
       }
-
-      let arr = Array.from(this.selectRows);
-
-      // 选中1个以上的用例时显示更多操作
-      if (this.selectRows.size === 1) {
-        this.$set(arr[0], "showMore", false);
-      } else if (this.selectRows.size === 2) {
-        arr.forEach(row => {
-          this.$set(row, "showMore", true);
-        })
-      }
     },
     handleSelectAll(selection) {
       if (selection.length > 0) {
-        if (selection.length === 1) {
-          this.selectRows.add(selection[0]);
-        } else {
         this.tableData.forEach(item => {
           this.$set(item, "showMore", true);
           this.selectRows.add(item);
         });
-        }
       } else {
         this.selectRows.clear();
         this.tableData.forEach(row => {

frontend/src/business/components/api/test/ApiReportDialog.vue

@@ -22,16 +22,19 @@
         </template>
       </el-table-column>
     </el-table>
+    <ms-table-pagination :change="search" :current-page.sync="currentPage" :page-size.sync="pageSize"
+                         :total="total"/>
   </el-dialog>
 </template>
 
 <script>
 import MsApiReportStatus from "../report/ApiReportStatus";
+import MsTablePagination from "@/business/components/common/pagination/TablePagination";
 
 export default {
   name: "MsApiReportDialog",
 
-    components: {MsApiReportStatus},
+  components: {MsApiReportStatus, MsTablePagination},
 
   props: ["testId"],
 
@@ -40,7 +43,10 @@
       reportVisible: false,
       result: {},
       tableData: [],
-        loading: false
+      loading: false,
+      currentPage: 1,
+      pageSize: 5,
+      total: 0,
     }
   },
 
@@ -48,10 +54,7 @@
     open() {
       this.reportVisible = true;
 
-        let url = "/api/report/list/" + this.testId;
+      this.search();
-        this.result = this.$get(url, response => {
-          this.tableData = response.data;
-        });
     },
     link(row) {
       this.reportVisible = false;
@@ -59,7 +62,15 @@
       this.$router.push({
         path: '/api/report/view/' + row.id,
       })
-      }
+    },
+    search() {
+      let url = "/api/report/list/" + this.testId + "/" + this.currentPage + "/" + this.pageSize;
+      this.result = this.$get(url, response => {
+        let data = response.data;
+        this.total = data.itemCount;
+        this.tableData = data.listObject;
+      });
+    },
   },
 }
 </script>

frontend/src/business/components/api/test/ApiTestConfig.vue

@@ -305,6 +305,7 @@
       },
       cancel() {
         this.$router.push('/api/test/list/all');
+        // console.log(this.test.toJMX().xml);
       },
       handleCommand(command) {
         switch (command) {

frontend/src/business/components/api/test/components/ApiScenarioForm.vue

@@ -52,6 +52,9 @@
       <el-tab-pane :label="$t('api_test.environment.tcp_config')" name="tcp">
         <ms-tcp-config :config="scenario.tcpConfig" :is-read-only="isReadOnly"/>
       </el-tab-pane>
+      <el-tab-pane :label="$t('api_test.request.assertions.label')" name="assertions">
+        <ms-api-assertions :scenario="scenario" :is-read-only="isReadOnly" :assertions="scenario.assertions"/>
+      </el-tab-pane>
     </el-tabs>
 
     <api-environment-config ref="environmentConfig" @close="environmentConfigClose"/>
@@ -72,6 +75,7 @@ import MsDubboConsumerService from "@/business/components/api/test/components/re
 import MsDatabaseConfig from "./request/database/DatabaseConfig";
 import {parseEnvironment} from "../model/EnvironmentModel";
 import MsTcpConfig from "@/business/components/api/test/components/request/tcp/TcpConfig";
+import MsApiAssertions from "@/business/components/api/test/components/assertion/ApiAssertions";
 
 export default {
   name: "MsApiScenarioForm",
@@ -79,7 +83,8 @@ export default {
     MsTcpConfig,
     MsDatabaseConfig,
     MsDubboConsumerService,
-    MsDubboConfigCenter, MsDubboRegistryCenter, ApiEnvironmentConfig, MsApiScenarioVariables, MsApiKeyValue
+    MsDubboConfigCenter, MsDubboRegistryCenter, ApiEnvironmentConfig, MsApiScenarioVariables, MsApiKeyValue,
+    MsApiAssertions
   },
   props: {
     scenario: Scenario,

frontend/src/business/components/api/test/components/assertion/ApiAssertions.vue

@@ -3,7 +3,8 @@
     <div class="assertion-add">
       <el-row :gutter="10">
         <el-col :span="4">
-          <el-select :disabled="isReadOnly" class="assertion-item" v-model="type" :placeholder="$t('api_test.request.assertions.select_type')"
+          <el-select :disabled="isReadOnly" class="assertion-item" v-model="type"
+                     :placeholder="$t('api_test.request.assertions.select_type')"
                      size="small">
             <el-option :label="$t('api_test.request.assertions.text')" :value="options.TEXT"/>
             <el-option :label="$t('api_test.request.assertions.regex')" :value="options.REGEX"/>
@@ -14,13 +15,18 @@
           </el-select>
         </el-col>
         <el-col :span="20">
-          <ms-api-assertion-text :is-read-only="isReadOnly" :list="assertions.regex" v-if="type === options.TEXT" :callback="after"/>
+          <ms-api-assertion-text :is-read-only="isReadOnly" :list="assertions.regex" v-if="type === options.TEXT"
-          <ms-api-assertion-regex :is-read-only="isReadOnly" :list="assertions.regex" v-if="type === options.REGEX" :callback="after"/>
+                                 :callback="after"/>
-          <ms-api-assertion-json-path :is-read-only="isReadOnly" :list="assertions.jsonPath" v-if="type === options.JSON_PATH" :callback="after"/>
+          <ms-api-assertion-regex :is-read-only="isReadOnly" :list="assertions.regex" v-if="type === options.REGEX"
-          <ms-api-assertion-x-path2 :is-read-only="isReadOnly" :list="assertions.xpath2" v-if="type === options.XPATH2" :callback="after"/>
+                                  :callback="after"/>
+          <ms-api-assertion-json-path :is-read-only="isReadOnly" :list="assertions.jsonPath"
+                                      v-if="type === options.JSON_PATH" :callback="after"/>
+          <ms-api-assertion-x-path2 :is-read-only="isReadOnly" :list="assertions.xpath2" v-if="type === options.XPATH2"
+                                    :callback="after"/>
           <ms-api-assertion-duration :is-read-only="isReadOnly" v-model="time" :duration="assertions.duration"
                                      v-if="type === options.DURATION" :callback="after"/>
-          <ms-api-assertion-jsr223 :is-read-only="isReadOnly" :list="assertions.jsr223" v-if="type === options.JSR223" :callback="after"/>
+          <ms-api-assertion-jsr223 :is-read-only="isReadOnly" :list="assertions.jsr223" v-if="type === options.JSR223"
+                                   :callback="after"/>
           <el-button v-if="!type" :disabled="true" type="primary" size="small">
             {{ $t('api_test.request.assertions.add') }}
           </el-button>
@@ -28,7 +34,7 @@
       </el-row>
     </div>
 
-    <div>
+    <div v-if="!scenario">
       <el-row :gutter="10" class="json-path-suggest-button">
         <el-button size="small" type="primary" @click="suggestJsonOpen">
           {{ $t('api_test.request.assertions.json_path_suggest') }}
@@ -39,7 +45,8 @@
       </el-row>
     </div>
 
-    <ms-api-jsonpath-suggest-list @addJsonpathSuggest="addJsonpathSuggest" :request="request" ref="jsonpathSuggestList"/>
+    <ms-api-jsonpath-suggest-list @addJsonpathSuggest="addJsonpathSuggest" :request="request"
+                                  ref="jsonpathSuggestList"/>
 
     <ms-api-assertions-edit :is-read-only="isReadOnly" :assertions="assertions"/>
   </div>
@@ -49,7 +56,7 @@
 import MsApiAssertionText from "./ApiAssertionText";
 import MsApiAssertionRegex from "./ApiAssertionRegex";
 import MsApiAssertionDuration from "./ApiAssertionDuration";
-  import {ASSERTION_TYPE, Assertions, HttpRequest, JSONPath} from "../../model/ScenarioModel";
+import {ASSERTION_TYPE, Assertions, HttpRequest, JSONPath, Scenario} from "../../model/ScenarioModel";
 import MsApiAssertionsEdit from "./ApiAssertionsEdit";
 import MsApiAssertionJsonPath from "./ApiAssertionJsonPath";
 import MsApiAssertionJsr223 from "@/business/components/api/test/components/assertion/ApiAssertionJsr223";
@@ -64,11 +71,13 @@
     MsApiAssertionJsr223,
     MsApiJsonpathSuggestList,
     MsApiAssertionJsonPath,
-      MsApiAssertionsEdit, MsApiAssertionDuration, MsApiAssertionRegex, MsApiAssertionText},
+    MsApiAssertionsEdit, MsApiAssertionDuration, MsApiAssertionRegex, MsApiAssertionText
+  },
 
   props: {
     assertions: Assertions,
     request: HttpRequest,
+    scenario: Scenario,
     isReadOnly: {
       type: Boolean,
       default: false

frontend/src/business/components/api/test/model/ScenarioModel.js

@@ -1,5 +1,6 @@
 import {
   Arguments,
+  ConstantTimer as JMXConstantTimer,
   CookieManager,
   DNSCacheManager,
   DubboSample,
@@ -10,22 +11,24 @@ import {
   HTTPSamplerArguments,
   HTTPsamplerFiles,
   HTTPSamplerProxy,
+  IfController as JMXIfController,
   JDBCDataSource,
   JDBCSampler,
   JSONPathAssertion,
   JSONPostProcessor,
+  JSR223Assertion,
   JSR223PostProcessor,
   JSR223PreProcessor,
   RegexExtractor,
   ResponseCodeAssertion,
   ResponseDataAssertion,
   ResponseHeadersAssertion,
+  TCPSampler,
   TestElement,
   TestPlan,
   ThreadGroup,
+  XPath2Assertion,
   XPath2Extractor,
-  IfController as JMXIfController,
-  ConstantTimer as JMXConstantTimer, TCPSampler, JSR223Assertion, XPath2Assertion,
 } from "./JMX";
 import Mock from "mockjs";
 import {funcFilters} from "@/common/js/func-filter";
@@ -226,6 +229,7 @@ export class Scenario extends BaseConfig {
     this.enable = true;
     this.databaseConfigs = [];
     this.tcpConfig = undefined;
+    this.assertions = undefined;
 
     this.set(options);
     this.sets({
@@ -242,6 +246,7 @@ export class Scenario extends BaseConfig {
     options.databaseConfigs = options.databaseConfigs || [];
     options.dubboConfig = new DubboConfig(options.dubboConfig);
     options.tcpConfig = new TCPConfig(options.tcpConfig);
+    options.assertions = new Assertions(options.assertions);
     return options;
   }
 
@@ -1151,6 +1156,9 @@ class JMXGenerator {
         this.addScenarioCookieManager(threadGroup, scenario);
 
         this.addJDBCDataSources(threadGroup, scenario);
+
+        this.addAssertion(threadGroup, scenario);
+
         scenario.requests.forEach(request => {
           if (request.enable) {
             if (!request.isValid()) return;
@@ -1175,7 +1183,7 @@ class JMXGenerator {
 
             this.addRequestExtractor(sampler, request);
 
-            this.addRequestAssertion(sampler, request);
+            this.addAssertion(sampler, request);
 
             this.addJSR223PreProcessor(sampler, request);
 
@@ -1467,7 +1475,7 @@ class JMXGenerator {
     httpSamplerProxy.add(new HTTPsamplerFiles(files));
   }
 
-  addRequestAssertion(httpSamplerProxy, request) {
+  addAssertion(httpSamplerProxy, request) {
     let assertions = request.assertions;
     if (assertions.regex.length > 0) {
       assertions.regex.filter(this.filter).forEach(regex => {

frontend/src/business/components/performance/report/PerformanceTestReport.vue

@@ -222,28 +222,13 @@ export default {
         this.$set(row, "showMore", true);
         this.selectRows.add(row);
       }
-
-      let arr = Array.from(this.selectRows);
-
-      // 选中1个以上的用例时显示更多操作
-      if (this.selectRows.size === 1) {
-        this.$set(arr[0], "showMore", false);
-      } else if (this.selectRows.size === 2) {
-        arr.forEach(row => {
-          this.$set(row, "showMore", true);
-        })
-      }
     },
     handleSelectAll(selection) {
       if (selection.length > 0) {
-        if (selection.length === 1) {
-          this.selectRows.add(selection[0]);
-        } else {
         this.tableData.forEach(item => {
           this.$set(item, "showMore", true);
           this.selectRows.add(item);
         });
-        }
       } else {
         this.selectRows.clear();
         this.tableData.forEach(row => {

frontend/src/business/components/performance/report/components/PerformancePressureConfig.vue

@@ -1,91 +1,73 @@
 <template>
   <div v-loading="result.loading" class="pressure-config-container">
     <el-row>
+      <el-col>
+        <ms-chart class="chart-container" ref="chart1" :options="options" :autoresize="true"></ms-chart>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-collapse v-model="activeNames">
+        <el-collapse-item :title="threadGroup.attributes.testname" :name="index"
+                          v-for="(threadGroup, index) in threadGroups"
+                          :key="index">
           <el-col :span="10">
             <el-form :inline="true">
-          <el-form-item>
+              <el-form-item :label="$t('load_test.thread_num')">
-            <div class="config-form-label">{{ $t('load_test.thread_num') }}</div>
-          </el-form-item>
-          <el-form-item>
                 <el-input-number
                   :disabled="true"
                   :placeholder="$t('load_test.input_thread_num')"
-              v-model="threadNumber"
+                  v-model="threadGroup.threadNumber"
-              @change="calculateChart"
                   :min="1"
                   size="mini"/>
               </el-form-item>
-        </el-form>
+              <br>
-        <el-form :inline="true">
+              <el-form-item :label="$t('load_test.duration')">
-          <el-form-item>
-            <div class="config-form-label">{{ $t('load_test.duration') }}</div>
-          </el-form-item>
-          <el-form-item>
                 <el-input-number
                   :disabled="true"
                   :placeholder="$t('load_test.duration')"
-              v-model="duration"
+                  v-model="threadGroup.duration"
                   :min="1"
-              @change="calculateChart"
                   size="mini"/>
               </el-form-item>
-        </el-form>
+              <br>
-        <el-form :inline="true">
+              <el-form-item :label="$t('load_test.rps_limit')">
-          <el-form-item>
+                <el-switch v-model="rpsLimitEnable"/>
-            <el-form-item>
+                &nbsp;
-              <div class="config-form-label">{{ $t('load_test.rps_limit') }}</div>
-            </el-form-item>
-            <el-form-item>
-              <el-switch v-model="rpsLimitEnable" :disabled="true"/>
-            </el-form-item>
-            <el-form-item>
                 <el-input-number
                   :disabled="true"
                   :placeholder="$t('load_test.input_rps_limit')"
-                v-model="rpsLimit"
+                  v-model="threadGroup.rpsLimit"
-                @change="calculateChart"
                   :min="1"
                   size="mini"/>
               </el-form-item>
-          </el-form-item>
+              <br>
-        </el-form>
+              <el-form-item :label="$t('load_test.ramp_up_time_within')">
-
-        <el-form :inline="true" class="input-bottom-border">
-          <el-form-item>
-            <div>{{ $t('load_test.ramp_up_time_within') }}</div>
-          </el-form-item>
-          <el-form-item>
                 <el-input-number
                   :disabled="true"
                   placeholder=""
                   :min="1"
-              :max="duration"
+                  :max="threadGroup.duration"
-              v-model="rampUpTime"
+                  v-model="threadGroup.rampUpTime"
-              @change="calculateChart"
                   size="mini"/>
               </el-form-item>
-          <el-form-item>
+              <el-form-item :label="$t('load_test.ramp_up_time_minutes')">
-            <div>{{ $t('load_test.ramp_up_time_minutes') }}</div>
-          </el-form-item>
-          <el-form-item>
                 <el-input-number
                   :disabled="true"
                   placeholder=""
                   :min="1"
-              :max="Math.min(threadNumber, rampUpTime)"
+                  :max="Math.min(threadGroup.threadNumber, threadGroup.rampUpTime)"
-              v-model="step"
+                  v-model="threadGroup.step"
-              @change="calculateChart"
                   size="mini"/>
               </el-form-item>
-          <el-form-item>
+              <el-form-item :label="$t('load_test.ramp_up_time_times')"/>
-            <div>{{ $t('load_test.ramp_up_time_times') }}</div>
-          </el-form-item>
             </el-form>
           </el-col>
           <el-col :span="14">
             <div class="title">{{ $t('load_test.pressure_prediction_chart') }}</div>
-        <ms-chart class="chart-container" ref="chart1" :options="orgOptions" :autoresize="true"></ms-chart>
+            <ms-chart class="chart-container" :options="threadGroup.options" :autoresize="true"></ms-chart>
           </el-col>
+        </el-collapse-item>
+      </el-collapse>
     </el-row>
   </div>
 </template>
@@ -93,6 +75,7 @@
 <script>
 import echarts from "echarts";
 import MsChart from "@/business/components/common/chart/MsChart";
+import {findThreadGroup} from "@/business/components/performance/test/model/ThreadGroup";
 
 const TARGET_LEVEL = "TargetLevel";
 const RAMP_UP = "RampUp";
@@ -100,6 +83,14 @@ const STEPS = "Steps";
 const DURATION = "duration";
 const RPS_LIMIT = "rpsLimit";
 const RPS_LIMIT_ENABLE = "rpsLimitEnable";
+const hexToRgba = function (hex, opacity) {
+  return 'rgba(' + parseInt('0x' + hex.slice(1, 3)) + ',' + parseInt('0x' + hex.slice(3, 5)) + ','
+    + parseInt('0x' + hex.slice(5, 7)) + ',' + opacity + ')';
+}
+const hexToRgb = function (hex) {
+  return 'rgb(' + parseInt('0x' + hex.slice(1, 3)) + ',' + parseInt('0x' + hex.slice(3, 5))
+    + ',' + parseInt('0x' + hex.slice(5, 7)) + ')';
+}
 
 export default {
   name: "MsPerformancePressureConfig",
@@ -108,62 +99,91 @@ export default {
   data() {
     return {
       result: {},
-      threadNumber: 10,
+      threadNumber: 0,
-      duration: 10,
+      duration: 0,
-      rampUpTime: 10,
+      rampUpTime: 0,
-      step: 10,
+      step: 0,
-      rpsLimit: 10,
+      rpsLimit: 0,
       rpsLimitEnable: false,
-      orgOptions: {},
+      options: {},
+      resourcePool: null,
+      resourcePools: [],
+      activeNames: ["0"],
+      threadGroups: [],
     }
   },
   mounted() {
-    this.getLoadConfig();
+    // this.getJmxContent();
   },
   methods: {
     calculateLoadConfiguration: function (data) {
-      data.forEach(d => {
+      for (let i = 0; i < data.length; i++) {
-        switch (d.key) {
+        let d = data[i];
+        if (d instanceof Array) {
+          d.forEach(item => {
+            switch (item.key) {
               case TARGET_LEVEL:
-            this.threadNumber = d.value;
+                this.threadGroups[i].threadNumber = item.value;
                 break;
               case RAMP_UP:
-            this.rampUpTime = d.value;
+                this.threadGroups[i].rampUpTime = item.value;
                 break;
               case DURATION:
-            this.duration = d.value;
+                this.threadGroups[i].duration = item.value;
                 break;
               case STEPS:
-            this.step = d.value;
+                this.threadGroups[i].step = item.value;
                 break;
               case RPS_LIMIT:
-            this.rpsLimit = d.value;
+                this.threadGroups[i].rpsLimit = item.value;
+                break;
+              case RPS_LIMIT_ENABLE:
+                this.threadGroups[i].rpsLimitEnable = item.value;
                 break;
               default:
                 break;
             }
-      });
+          })
-
+          this.calculateChart(this.threadGroups[i]);
-      this.threadNumber = this.threadNumber || 10;
+        } else {
-      this.duration = this.duration || 30;
+          switch (d.key) {
-      this.rampUpTime = this.rampUpTime || 12;
+            case TARGET_LEVEL:
-      this.step = this.step || 3;
+              this.threadGroups[0].threadNumber = d.value;
-      this.rpsLimit = this.rpsLimit || 10;
+              break;
-
+            case RAMP_UP:
-      this.calculateChart();
+              this.threadGroups[0].rampUpTime = d.value;
+              break;
+            case DURATION:
+              this.threadGroups[0].duration = d.value;
+              break;
+            case STEPS:
+              this.threadGroups[0].step = d.value;
+              break;
+            case RPS_LIMIT:
+              this.threadGroups[0].rpsLimit = d.value;
+              break;
+            case RPS_LIMIT_ENABLE:
+              this.threadGroups[0].rpsLimitEnable = d.value;
+              break;
+            default:
+              break;
+          }
+          this.calculateChart(this.threadGroups[0]);
+        }
+      }
     },
     getLoadConfig() {
       if (!this.report.id) {
         return;
       }
-      this.$get("/performance/report/" + this.report.id, res => {
+      this.result = this.$get("/performance/report/" + this.report.id, res => {
         let data = res.data;
         if (data) {
           if (data.loadConfiguration) {
             let d = JSON.parse(data.loadConfiguration);
             this.calculateLoadConfiguration(d);
           } else {
-            this.$get('/performance/get-load-config/' + this.report.testId, (response) => {
+            this.$get('/performance/get-load-config/' + this.report.id, (response) => {
               if (response.data) {
                 let data = JSON.parse(response.data);
                 this.calculateLoadConfiguration(data);
@@ -175,14 +195,127 @@ export default {
         }
       });
     },
-    calculateChart() {
+    getJmxContent() {
-      if (this.duration < this.rampUpTime) {
+      console.log(this.report.testId);
-        this.rampUpTime = this.duration;
+      if (!this.report.testId) {
+        return;
       }
-      if (this.rampUpTime < this.step) {
+      this.result = this.$get('/performance/get-jmx-content/' + this.report.testId, (response) => {
-        this.step = this.rampUpTime;
+        if (response.data) {
+          this.threadGroups = findThreadGroup(response.data);
+          this.threadGroups.forEach(tg => {
+            tg.options = {};
+          });
+          this.getLoadConfig();
         }
-      this.orgOptions = {
+      });
+    },
+    calculateTotalChart() {
+      let handler = this;
+      if (handler.duration < handler.rampUpTime) {
+        handler.rampUpTime = handler.duration;
+      }
+      if (handler.rampUpTime < handler.step) {
+        handler.step = handler.rampUpTime;
+      }
+      handler.options = {
+        color: ['#60acfc', '#32d3eb', '#5bc49f', '#feb64d', '#ff7c7c', '#9287e7', '#ca8622', '#bda29a', '#6e7074', '#546570', '#c4ccd3'],
+        xAxis: {
+          type: 'category',
+          boundaryGap: false,
+          data: []
+        },
+        yAxis: {
+          type: 'value'
+        },
+        tooltip: {
+          trigger: 'axis',
+        },
+        series: []
+      };
+
+
+      for (let i = 0; i < handler.threadGroups.length; i++) {
+        let seriesData = {
+          name: handler.threadGroups[i].attributes.testname,
+          data: [],
+          type: 'line',
+          step: 'start',
+          smooth: false,
+          symbolSize: 5,
+          showSymbol: false,
+          lineStyle: {
+            normal: {
+              width: 1
+            }
+          },
+          areaStyle: {
+            normal: {
+              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+                offset: 0,
+                color: hexToRgba(handler.options.color[i], 0.3),
+              }, {
+                offset: 0.8,
+                color: hexToRgba(handler.options.color[i], 0),
+              }], false),
+              shadowColor: 'rgba(0, 0, 0, 0.1)',
+              shadowBlur: 10
+            }
+          },
+          itemStyle: {
+            normal: {
+              color: hexToRgb(handler.options.color[i]),
+              borderColor: 'rgba(137,189,2,0.27)',
+              borderWidth: 12
+            }
+          },
+        };
+
+        let tg = handler.threadGroups[i];
+
+        let timePeriod = Math.floor(tg.rampUpTime / tg.step);
+        let timeInc = timePeriod;
+
+        let threadPeriod = Math.floor(tg.threadNumber / tg.step);
+        let threadInc1 = Math.floor(tg.threadNumber / tg.step);
+        let threadInc2 = Math.ceil(tg.threadNumber / tg.step);
+        let inc2count = tg.threadNumber - tg.step * threadInc1;
+        for (let j = 0; j <= tg.duration; j++) {
+
+          if (j > timePeriod) {
+            timePeriod += timeInc;
+            if (inc2count > 0) {
+              threadPeriod = threadPeriod + threadInc2;
+              inc2count--;
+            } else {
+              threadPeriod = threadPeriod + threadInc1;
+            }
+            if (threadPeriod > tg.threadNumber) {
+              threadPeriod = tg.threadNumber;
+            }
+          }
+          // x 轴
+          let xAxis = handler.options.xAxis.data;
+          if (xAxis.indexOf(j) < 0) {
+            xAxis.push(j);
+          }
+          seriesData.data.push(threadPeriod);
+        }
+        handler.options.series.push(seriesData);
+      }
+    },
+    calculateChart(threadGroup) {
+      let handler = this;
+      if (threadGroup) {
+        handler = threadGroup;
+      }
+      if (handler.duration < handler.rampUpTime) {
+        handler.rampUpTime = handler.duration;
+      }
+      if (handler.rampUpTime < handler.step) {
+        handler.step = handler.rampUpTime;
+      }
+      handler.options = {
         xAxis: {
           type: 'category',
           boundaryGap: false,
@@ -235,16 +368,16 @@ export default {
           },
         }]
       };
-      let timePeriod = Math.floor(this.rampUpTime / this.step);
+      let timePeriod = Math.floor(handler.rampUpTime / handler.step);
       let timeInc = timePeriod;
 
-      let threadPeriod = Math.floor(this.threadNumber / this.step);
+      let threadPeriod = Math.floor(handler.threadNumber / handler.step);
-      let threadInc1 = Math.floor(this.threadNumber / this.step);
+      let threadInc1 = Math.floor(handler.threadNumber / handler.step);
-      let threadInc2 = Math.ceil(this.threadNumber / this.step);
+      let threadInc2 = Math.ceil(handler.threadNumber / handler.step);
-      let inc2count = this.threadNumber - this.step * threadInc1;
+      let inc2count = handler.threadNumber - handler.step * threadInc1;
-      for (let i = 0; i <= this.duration; i++) {
+      for (let i = 0; i <= handler.duration; i++) {
         // x 轴
-        this.orgOptions.xAxis.data.push(i);
+        handler.options.xAxis.data.push(i);
         if (i > timePeriod) {
           timePeriod += timeInc;
           if (inc2count > 0) {
@@ -253,25 +386,22 @@ export default {
           } else {
             threadPeriod = threadPeriod + threadInc1;
           }
-          if (threadPeriod > this.threadNumber) {
+          if (threadPeriod > handler.threadNumber) {
-            threadPeriod = this.threadNumber;
+            threadPeriod = handler.threadNumber;
           }
-          this.orgOptions.series[0].data.push(threadPeriod);
+          handler.options.series[0].data.push(threadPeriod);
         } else {
-          this.orgOptions.series[0].data.push(threadPeriod);
+          handler.options.series[0].data.push(threadPeriod);
         }
       }
+      this.calculateTotalChart();
     },
   },
   watch: {
-    report: {
+    'report.testId': {
-      handler(val) {
+      handler() {
-        if (!val.testId) {
+        this.getJmxContent();
-          return;
-        }
-        this.getLoadConfig();
       },
-      deep: true
     }
   }
 }
@@ -295,6 +425,7 @@ export default {
 
 .chart-container {
   width: 100%;
+  height: 300px;
 }
 
 .el-col .el-form {

frontend/src/business/components/performance/router.js

@@ -2,8 +2,8 @@ import MsProject from "@/business/components/project/MsProject";
 
 const PerformanceTest = () => import('@/business/components/performance/PerformanceTest')
 const PerformanceTestHome = () => import('@/business/components/performance/home/PerformanceTestHome')
-const EditPerformanceTestPlan = () => import('@/business/components/performance/test/EditPerformanceTestPlan')
+const EditPerformanceTest = () => import('@/business/components/performance/test/EditPerformanceTest')
-const PerformanceTestPlan = () => import('@/business/components/performance/test/PerformanceTestPlan')
+const PerformanceTestList = () => import('@/business/components/performance/test/PerformanceTestList')
 const PerformanceTestReport = () => import('@/business/components/performance/report/PerformanceTestReport')
 const PerformanceChart = () => import('@/business/components/performance/report/components/PerformanceChart')
 const PerformanceReportView = () => import('@/business/components/performance/report/PerformanceReportView')
@@ -24,12 +24,12 @@ export default {
     {
       path: 'test/create',
       name: "createPerTest",
-      component: EditPerformanceTestPlan,
+      component: EditPerformanceTest,
     },
     {
       path: "test/edit/:testId",
       name: "editPerTest",
-      component: EditPerformanceTestPlan,
+      component: EditPerformanceTest,
       props: {
         content: (route) => {
           return {
@@ -41,7 +41,7 @@ export default {
     {
       path: "test/:projectId",
       name: "perPlan",
-      component: PerformanceTestPlan
+      component: PerformanceTestList
     },
     {
       path: "project/:type",

frontend/src/business/components/performance/test/EditPerformanceTest.vue

@@ -4,12 +4,12 @@
       <el-card v-loading="result.loading">
         <el-row>
           <el-col :span="10">
-            <el-input :disabled="isReadOnly" :placeholder="$t('load_test.input_name')" v-model="testPlan.name"
+            <el-input :disabled="isReadOnly" :placeholder="$t('load_test.input_name')" v-model="test.name"
                       class="input-with-select"
                       maxlength="30" show-word-limit
             >
               <template v-slot:prepend>
-                <el-select filterable v-model="testPlan.projectId"
+                <el-select filterable v-model="test.projectId"
                            :placeholder="$t('load_test.select_project')">
                   <el-option
                     v-for="item in projects"
@@ -29,7 +29,7 @@
             <el-button :disabled="isReadOnly" type="warning" plain @click="cancel">{{ $t('commons.cancel') }}
             </el-button>
 
-            <ms-schedule-config :schedule="testPlan.schedule" :save="saveCronExpression" @scheduleChange="saveSchedule"
+            <ms-schedule-config :schedule="test.schedule" :save="saveCronExpression" @scheduleChange="saveSchedule"
                                 :check-open="checkScheduleEdit" :test-id="testId" :custom-validate="durationValidate"/>
           </el-col>
         </el-row>
@@ -37,10 +37,11 @@
 
         <el-tabs class="testplan-config" v-model="active" type="border-card" :stretch="true">
           <el-tab-pane :label="$t('load_test.basic_config')">
-            <performance-basic-config :is-read-only="isReadOnly" :test-plan="testPlan" ref="basicConfig"/>
+            <performance-basic-config :is-read-only="isReadOnly" :test="test" ref="basicConfig"
+                                      @fileChange="fileChange"/>
           </el-tab-pane>
           <el-tab-pane :label="$t('load_test.pressure_config')">
-            <performance-pressure-config :is-read-only="isReadOnly" :test-plan="testPlan" :test-id="testId"
+            <performance-pressure-config :is-read-only="isReadOnly" :test="test" :test-id="testId"
                                          ref="pressureConfig" @changeActive="changeTabActive"/>
           </el-tab-pane>
           <el-tab-pane :label="$t('load_test.advanced_config')" class="advanced-config">
@@ -63,7 +64,7 @@ import MsScheduleConfig from "../../common/components/MsScheduleConfig";
 import {LIST_CHANGE, PerformanceEvent} from "@/business/components/common/head/ListEvent";
 
 export default {
-  name: "EditPerformanceTestPlan",
+  name: "EditPerformanceTest",
   components: {
     MsScheduleConfig,
     PerformancePressureConfig,
@@ -75,7 +76,7 @@ export default {
   data() {
     return {
       result: {},
-      testPlan: {schedule: {}},
+      test: {schedule: {}},
       listProjectPath: "/project/listAll",
       savePath: "/performance/save",
       editPath: "/performance/edit",
@@ -136,8 +137,8 @@ export default {
     importAPITest() {
       let apiTest = this.$store.state.api.test;
       if (apiTest && apiTest.name) {
-        this.$set(this.testPlan, "projectId", apiTest.projectId);
+        this.$set(this.test, "projectId", apiTest.projectId);
-        this.$set(this.testPlan, "name", apiTest.name);
+        this.$set(this.test, "name", apiTest.name);
         let blob = new Blob([apiTest.jmx.xml], {type: "application/octet-stream"});
         let file = new File([blob], apiTest.jmx.name);
         this.$refs.basicConfig.beforeUpload(file);
@@ -151,9 +152,9 @@ export default {
         this.testId = testId;
         this.result = this.$get('/performance/get/' + testId, response => {
           if (response.data) {
-            this.testPlan = response.data;
+            this.test = response.data;
-            if (!this.testPlan.schedule) {
+            if (!this.test.schedule) {
-              this.testPlan.schedule = {};
+              this.test.schedule = {};
             }
           }
         });
@@ -165,7 +166,7 @@ export default {
       })
     },
     save() {
-      if (!this.validTestPlan()) {
+      if (!this.validTest()) {
         return;
       }
 
@@ -180,16 +181,16 @@ export default {
       });
     },
     saveAndRun() {
-      if (!this.validTestPlan()) {
+      if (!this.validTest()) {
         return;
       }
 
       let options = this.getSaveOption();
 
       this.result = this.$request(options, (response) => {
-        this.testPlan.id = response.data;
+        this.test.id = response.data;
         this.$success(this.$t('commons.save_success'));
-        this.result = this.$post(this.runPath, {id: this.testPlan.id, triggerMode: 'MANUAL'}, (response) => {
+        this.result = this.$post(this.runPath, {id: this.test.id, triggerMode: 'MANUAL'}, (response) => {
           let reportId = response.data;
           this.$router.push({path: '/performance/report/view/' + reportId})
           // 发送广播，刷新 head 上的最新列表
@@ -199,7 +200,7 @@ export default {
     },
     getSaveOption() {
       let formData = new FormData();
-      let url = this.testPlan.id ? this.editPath : this.savePath;
+      let url = this.test.id ? this.editPath : this.savePath;
 
       if (this.$refs.basicConfig.uploadList.length > 0) {
         this.$refs.basicConfig.uploadList.forEach(f => {
@@ -207,15 +208,15 @@ export default {
         });
       }
       // 基本配置
-      this.testPlan.updatedFileList = this.$refs.basicConfig.updatedFileList();
+      this.test.updatedFileList = this.$refs.basicConfig.updatedFileList();
       // 压力配置
-      this.testPlan.loadConfiguration = JSON.stringify(this.$refs.pressureConfig.convertProperty());
+      this.test.loadConfiguration = JSON.stringify(this.$refs.pressureConfig.convertProperty());
-      this.testPlan.testResourcePoolId = this.$refs.pressureConfig.resourcePool;
+      this.test.testResourcePoolId = this.$refs.pressureConfig.resourcePool;
       // 高级配置
-      this.testPlan.advancedConfiguration = JSON.stringify(this.$refs.advancedConfig.configurations());
+      this.test.advancedConfiguration = JSON.stringify(this.$refs.advancedConfig.configurations());
 
       // file属性不需要json化
-      let requestJson = JSON.stringify(this.testPlan, function (key, value) {
+      let requestJson = JSON.stringify(this.test, function (key, value) {
         return key === "file" ? undefined : value
       });
 
@@ -235,13 +236,13 @@ export default {
     cancel() {
       this.$router.push({path: '/performance/test/all'})
     },
-    validTestPlan() {
+    validTest() {
-      if (!this.testPlan.name) {
+      if (!this.test.name) {
         this.$error(this.$t('load_test.test_name_is_null'));
         return false;
       }
 
-      if (!this.testPlan.projectId) {
+      if (!this.test.projectId) {
         this.$error(this.$t('load_test.project_is_null'));
         return false;
       }
@@ -268,26 +269,26 @@ export default {
       });
     },
     saveCronExpression(cronExpression) {
-      this.testPlan.schedule.enable = true;
+      this.test.schedule.enable = true;
-      this.testPlan.schedule.value = cronExpression;
+      this.test.schedule.value = cronExpression;
       this.saveSchedule();
     },
     saveSchedule() {
       this.checkScheduleEdit();
       let param = {};
-      param = this.testPlan.schedule;
+      param = this.test.schedule;
-      param.resourceId = this.testPlan.id;
+      param.resourceId = this.test.id;
       let url = '/performance/schedule/create';
       if (param.id) {
         url = '/performance/schedule/update';
       }
       this.$post(url, param, response => {
         this.$success(this.$t('commons.save_success'));
-        this.getTest(this.testPlan.id);
+        this.getTest(this.test.id);
       });
     },
     checkScheduleEdit() {
-      if (!this.testPlan.id) {
+      if (!this.test.id) {
         this.$message(this.$t('api_test.environment.please_save_test'));
         return false;
       }
@@ -304,6 +305,18 @@ export default {
       return {
         pass: true
       }
+    },
+    fileChange(threadGroups) {
+      let handler = this.$refs.pressureConfig;
+      handler.threadGroups = threadGroups;
+      threadGroups.forEach(tg => {
+        tg.threadNumber = tg.threadNumber || 10;
+        tg.duration = tg.duration || 10;
+        tg.rampUpTime = tg.rampUpTime || 5;
+        tg.step = tg.step || 5;
+        tg.rpsLimit = tg.rpsLimit || 10;
+        handler.calculateChart(tg);
+      });
     }
   }
 }

frontend/src/business/components/performance/test/PerformanceTestList.vue

@@ -80,7 +80,7 @@ import MsContainer from "../../common/components/MsContainer";
 import MsMainContainer from "../../common/components/MsMainContainer";
 import MsPerformanceTestStatus from "./PerformanceTestStatus";
 import MsTableOperators from "../../common/components/MsTableOperators";
-import {_filter, _sort} from "../../../../common/js/utils";
+import {_filter, _sort} from "@/common/js/utils";
 import MsTableHeader from "../../common/components/MsTableHeader";
 import {TEST_CONFIGS} from "../../common/components/search/search-components";
 import {LIST_CHANGE, PerformanceEvent} from "@/business/components/common/head/ListEvent";
@@ -164,30 +164,30 @@ export default {
     handleSelectionChange(val) {
       this.multipleSelection = val;
     },
-    handleEdit(testPlan) {
+    handleEdit(test) {
       this.$router.push({
-        path: '/performance/test/edit/' + testPlan.id,
+        path: '/performance/test/edit/' + test.id,
       })
     },
-    handleCopy(testPlan) {
+    handleCopy(test) {
-      this.result = this.$post("/performance/copy", {id: testPlan.id}, () => {
+      this.result = this.$post("/performance/copy", {id: test.id}, () => {
         this.$success(this.$t('commons.copy_success'));
         this.search();
       });
     },
-    handleDelete(testPlan) {
+    handleDelete(test) {
-      this.$alert(this.$t('load_test.delete_confirm') + testPlan.name + "？", '', {
+      this.$alert(this.$t('load_test.delete_confirm') + test.name + "？", '', {
         confirmButtonText: this.$t('commons.confirm'),
         callback: (action) => {
           if (action === 'confirm') {
-            this._handleDelete(testPlan);
+            this._handleDelete(test);
           }
         }
       });
     },
-    _handleDelete(testPlan) {
+    _handleDelete(test) {
       let data = {
-        id: testPlan.id
+        id: test.id
       };
 
       this.result = this.$post(this.deletePath, data, () => {

frontend/src/business/components/performance/test/components/PerformanceBasicConfig.vue

@@ -56,11 +56,12 @@
 
 <script>
 import {Message} from "element-ui";
+import {findThreadGroup} from "@/business/components/performance/test/model/ThreadGroup";
 
 export default {
   name: "PerformanceBasicConfig",
   props: {
-    testPlan: {
+    test: {
       type: Object
     },
     isReadOnly: {
@@ -81,23 +82,36 @@ export default {
     };
   },
   created() {
-    if (this.testPlan.id) {
+    if (this.test.id) {
-      this.getFileMetadata(this.testPlan)
+      this.getFileMetadata(this.test)
     }
   },
   watch: {
-    testPlan() {
+    test() {
-      if (this.testPlan.id) {
+      if (this.test.id) {
-        this.getFileMetadata(this.testPlan)
+        this.getFileMetadata(this.test)
+      }
+    },
+    uploadList() {
+      let self = this;
+      let fileList = self.uploadList.filter(f => f.name.endsWith(".jmx"));
+      if (fileList.length > 0) {
+        let file = fileList[0];
+        let jmxReader = new FileReader();
+        jmxReader.onload = function (event) {
+          let threadGroups = findThreadGroup(event.target.result);
+          self.$emit('fileChange', threadGroups);
+        };
+        jmxReader.readAsText(file);
       }
     }
   },
   methods: {
-    getFileMetadata(testPlan) {
+    getFileMetadata(test) {
       this.fileList = [];
       this.tableData = [];
       this.uploadList = [];
-      this.result = this.$get(this.getFileMetadataPath + "/" + testPlan.id, response => {
+      this.result = this.$get(this.getFileMetadataPath + "/" + test.id, response => {
         let files = response.data;
 
         if (!files) {

frontend/src/business/components/performance/test/components/PerformancePressureConfig.vue

@@ -1,91 +1,9 @@
 <template>
   <div v-loading="result.loading" class="pressure-config-container">
     <el-row>
-      <el-col :span="10">
+      <el-col>
         <el-form :inline="true">
-          <el-form-item>
+          <el-form-item :label="$t('load_test.select_resource_pool')">
-            <div class="config-form-label">{{ $t('load_test.thread_num') }}</div>
-          </el-form-item>
-          <el-form-item>
-            <el-input-number
-              :disabled="isReadOnly"
-              :placeholder="$t('load_test.input_thread_num')"
-              v-model="threadNumber"
-              @change="calculateChart"
-              :min="1"
-              size="mini"/>
-          </el-form-item>
-        </el-form>
-        <el-form :inline="true">
-          <el-form-item>
-            <div class="config-form-label">{{ $t('load_test.duration') }}</div>
-          </el-form-item>
-          <el-form-item>
-            <el-input-number
-              :disabled="isReadOnly"
-              :placeholder="$t('load_test.duration')"
-              v-model="duration"
-              :min="1"
-              @change="calculateChart"
-              size="mini"/>
-          </el-form-item>
-        </el-form>
-        <el-form :inline="true">
-          <el-form-item>
-            <el-form-item>
-              <div class="config-form-label">{{ $t('load_test.rps_limit') }}</div>
-            </el-form-item>
-            <el-form-item>
-              <el-switch v-model="rpsLimitEnable"/>
-            </el-form-item>
-            <el-form-item>
-              <el-input-number
-                :disabled="isReadOnly || !rpsLimitEnable"
-                :placeholder="$t('load_test.input_rps_limit')"
-                v-model="rpsLimit"
-                @change="calculateChart"
-                :min="1"
-                size="mini"/>
-            </el-form-item>
-          </el-form-item>
-        </el-form>
-
-        <el-form :inline="true" class="input-bottom-border">
-          <el-form-item>
-            <div>{{ $t('load_test.ramp_up_time_within') }}</div>
-          </el-form-item>
-          <el-form-item>
-            <el-input-number
-              :disabled="isReadOnly"
-              placeholder=""
-              :min="1"
-              :max="duration"
-              v-model="rampUpTime"
-              @change="calculateChart"
-              size="mini"/>
-          </el-form-item>
-          <el-form-item>
-            <div>{{ $t('load_test.ramp_up_time_minutes') }}</div>
-          </el-form-item>
-          <el-form-item>
-            <el-input-number
-              :disabled="isReadOnly"
-              placeholder=""
-              :min="1"
-              :max="Math.min(threadNumber, rampUpTime)"
-              v-model="step"
-              @change="calculateChart"
-              size="mini"/>
-          </el-form-item>
-          <el-form-item>
-            <div>{{ $t('load_test.ramp_up_time_times') }}</div>
-          </el-form-item>
-        </el-form>
-        <el-form :inline="true" class="input-bottom-border">
-          <el-form-item>
-            <div>{{ $t('load_test.select_resource_pool') }}</div>
-          </el-form-item>
-          <el-form-item>
             <el-select v-model="resourcePool" :disabled="isReadOnly" size="mini">
               <el-option
                 v-for="item in resourcePools"
@@ -96,11 +14,77 @@
             </el-select>
           </el-form-item>
         </el-form>
+        <ms-chart class="chart-container" ref="chart1" :options="options" :autoresize="true"></ms-chart>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-collapse v-model="activeNames">
+        <el-collapse-item :title="threadGroup.attributes.testname" :name="index"
+                          v-for="(threadGroup, index) in threadGroups"
+                          :key="index">
+          <el-col :span="10">
+            <el-form :inline="true">
+              <el-form-item :label="$t('load_test.thread_num')">
+                <el-input-number
+                  :disabled="isReadOnly"
+                  :placeholder="$t('load_test.input_thread_num')"
+                  v-model="threadGroup.threadNumber"
+                  @change="calculateChart(threadGroup)"
+                  :min="1"
+                  size="mini"/>
+              </el-form-item>
+              <br>
+              <el-form-item :label="$t('load_test.duration')">
+                <el-input-number
+                  :disabled="isReadOnly"
+                  :placeholder="$t('load_test.duration')"
+                  v-model="threadGroup.duration"
+                  :min="1"
+                  @change="calculateChart(threadGroup)"
+                  size="mini"/>
+              </el-form-item>
+              <br>
+              <el-form-item :label="$t('load_test.rps_limit')">
+                <el-switch v-model="threadGroup.rpsLimitEnable" @change="calculateTotalChart()"/>
+                &nbsp;
+                <el-input-number
+                  :disabled="isReadOnly || !threadGroup.rpsLimitEnable"
+                  :placeholder="$t('load_test.input_rps_limit')"
+                  v-model="threadGroup.rpsLimit"
+                  @change="calculateChart(threadGroup)"
+                  :min="1"
+                  size="mini"/>
+              </el-form-item>
+              <br>
+              <el-form-item :label="$t('load_test.ramp_up_time_within')">
+                <el-input-number
+                  :disabled="isReadOnly"
+                  placeholder=""
+                  :min="1"
+                  :max="threadGroup.duration"
+                  v-model="threadGroup.rampUpTime"
+                  @change="calculateChart(threadGroup)"
+                  size="mini"/>
+              </el-form-item>
+              <el-form-item :label="$t('load_test.ramp_up_time_minutes')">
+                <el-input-number
+                  :disabled="isReadOnly"
+                  placeholder=""
+                  :min="1"
+                  :max="Math.min(threadGroup.threadNumber, threadGroup.rampUpTime)"
+                  v-model="threadGroup.step"
+                  @change="calculateChart(threadGroup)"
+                  size="mini"/>
+              </el-form-item>
+              <el-form-item :label="$t('load_test.ramp_up_time_times')"/>
+            </el-form>
           </el-col>
           <el-col :span="14">
             <div class="title">{{ $t('load_test.pressure_prediction_chart') }}</div>
-        <ms-chart class="chart-container" ref="chart1" :options="orgOptions" :autoresize="true"></ms-chart>
+            <ms-chart class="chart-container" :options="threadGroup.options" :autoresize="true"></ms-chart>
           </el-col>
+        </el-collapse-item>
+      </el-collapse>
     </el-row>
   </div>
 </template>
@@ -108,6 +92,7 @@
 <script>
 import echarts from "echarts";
 import MsChart from "@/business/components/common/chart/MsChart";
+import {findTestPlan, findThreadGroup} from "@/business/components/performance/test/model/ThreadGroup";
 
 const TARGET_LEVEL = "TargetLevel";
 const RAMP_UP = "RampUp";
@@ -115,12 +100,22 @@ const STEPS = "Steps";
 const DURATION = "duration";
 const RPS_LIMIT = "rpsLimit";
 const RPS_LIMIT_ENABLE = "rpsLimitEnable";
+const HOLD = "Hold";
+
+const hexToRgba = function (hex, opacity) {
+  return 'rgba(' + parseInt('0x' + hex.slice(1, 3)) + ',' + parseInt('0x' + hex.slice(3, 5)) + ','
+    + parseInt('0x' + hex.slice(5, 7)) + ',' + opacity + ')';
+}
+const hexToRgb = function (hex) {
+  return 'rgb(' + parseInt('0x' + hex.slice(1, 3)) + ',' + parseInt('0x' + hex.slice(3, 5))
+    + ',' + parseInt('0x' + hex.slice(5, 7)) + ')';
+}
 
 export default {
   name: "PerformancePressureConfig",
   components: {MsChart},
   props: {
-    testPlan: {
+    test: {
       type: Object
     },
     testId: {
@@ -134,35 +129,38 @@ export default {
   data() {
     return {
       result: {},
-      threadNumber: 10,
+      threadNumber: 0,
-      duration: 10,
+      duration: 0,
-      rampUpTime: 10,
+      rampUpTime: 0,
-      step: 10,
+      step: 0,
-      rpsLimit: 10,
+      rpsLimit: 0,
       rpsLimitEnable: false,
-      orgOptions: {},
+      options: {},
       resourcePool: null,
       resourcePools: [],
+      activeNames: ["0"],
+      threadGroups: [],
+      serializeThreadgroups: false,
     }
   },
   mounted() {
     if (this.testId) {
-      this.getLoadConfig();
+      this.getJmxContent();
     } else {
-      this.calculateChart();
+      this.calculateTotalChart();
     }
-    this.resourcePool = this.testPlan.testResourcePoolId;
+    this.resourcePool = this.test.testResourcePoolId;
     this.getResourcePools();
   },
   watch: {
-    testPlan(n) {
+    test(n) {
       this.resourcePool = n.testResourcePoolId;
     },
     testId() {
       if (this.testId) {
-        this.getLoadConfig();
+        this.getJmxContent();
       } else {
-        this.calculateChart();
+        this.calculateTotalChart();
       }
       this.getResourcePools();
     },
@@ -178,56 +176,191 @@ export default {
       })
     },
     getLoadConfig() {
-      if (this.testId) {
-
       this.$get('/performance/get-load-config/' + this.testId, (response) => {
         if (response.data) {
           let data = JSON.parse(response.data);
-
+          for (let i = 0; i < data.length; i++) {
-            data.forEach(d => {
+            let d = data[i];
-              switch (d.key) {
+            if (d instanceof Array) {
+              d.forEach(item => {
+                switch (item.key) {
                   case TARGET_LEVEL:
-                  this.threadNumber = d.value;
+                    this.threadGroups[i].threadNumber = item.value;
                     break;
                   case RAMP_UP:
-                  this.rampUpTime = d.value;
+                    this.threadGroups[i].rampUpTime = item.value;
                     break;
                   case DURATION:
-                  this.duration = d.value;
+                    this.threadGroups[i].duration = item.value;
                     break;
                   case STEPS:
-                  this.step = d.value;
+                    this.threadGroups[i].step = item.value;
                     break;
                   case RPS_LIMIT:
-                  this.rpsLimit = d.value;
+                    this.threadGroups[i].rpsLimit = item.value;
                     break;
                   case RPS_LIMIT_ENABLE:
-                  this.rpsLimitEnable = d.value;
+                    this.threadGroups[i].rpsLimitEnable = item.value;
                     break;
                   default:
                     break;
                 }
+              })
+              this.calculateChart(this.threadGroups[i]);
+            } else {
+              switch (d.key) {
+                case TARGET_LEVEL:
+                  this.threadGroups[0].threadNumber = d.value;
+                  break;
+                case RAMP_UP:
+                  this.threadGroups[0].rampUpTime = d.value;
+                  break;
+                case DURATION:
+                  this.threadGroups[0].duration = d.value;
+                  break;
+                case STEPS:
+                  this.threadGroups[0].step = d.value;
+                  break;
+                case RPS_LIMIT:
+                  this.threadGroups[0].rpsLimit = d.value;
+                  break;
+                case RPS_LIMIT_ENABLE:
+                  this.threadGroups[0].rpsLimitEnable = d.value;
+                  break;
+                default:
+                  break;
+              }
+              this.calculateChart(this.threadGroups[0]);
+            }
+          }
+          this.calculateTotalChart();
+        }
       });
-
+    },
-            this.threadNumber = this.threadNumber || 10;
+    getJmxContent() {
-            this.duration = this.duration || 30;
+      if (this.testId) {
-            this.rampUpTime = this.rampUpTime || 12;
+        this.$get('/performance/get-jmx-content/' + this.testId, (response) => {
-            this.step = this.step || 3;
+          if (response.data) {
-            this.rpsLimit = this.rpsLimit || 10;
+            let testPlan = findTestPlan(response.data);
-
+            testPlan.elements.forEach(e => {
-            this.calculateChart();
+              if (e.attributes.name === 'TestPlan.serialize_threadgroups') {
+                this.serializeThreadgroups = Boolean(e.elements[0].text);
+              }
+            });
+            this.threadGroups = findThreadGroup(response.data);
+            this.threadGroups.forEach(tg => {
+              tg.options = {};
+            });
+            this.getLoadConfig();
           }
         });
       }
     },
-    calculateChart() {
+    calculateTotalChart() {
-      if (this.duration < this.rampUpTime) {
+      let handler = this;
-        this.rampUpTime = this.duration;
+      if (handler.duration < handler.rampUpTime) {
+        handler.rampUpTime = handler.duration;
       }
-      if (this.rampUpTime < this.step) {
+      if (handler.rampUpTime < handler.step) {
-        this.step = this.rampUpTime;
+        handler.step = handler.rampUpTime;
       }
-      this.orgOptions = {
+      handler.options = {
+        color: ['#60acfc', '#32d3eb', '#5bc49f', '#feb64d', '#ff7c7c', '#9287e7', '#ca8622', '#bda29a', '#6e7074', '#546570', '#c4ccd3'],
+        xAxis: {
+          type: 'category',
+          boundaryGap: false,
+          data: []
+        },
+        yAxis: {
+          type: 'value'
+        },
+        tooltip: {
+          trigger: 'axis',
+        },
+        series: []
+      };
+
+      for (let i = 0; i < handler.threadGroups.length; i++) {
+        let seriesData = {
+          name: handler.threadGroups[i].attributes.testname,
+          data: [],
+          type: 'line',
+          step: 'start',
+          smooth: false,
+          symbolSize: 5,
+          showSymbol: false,
+          lineStyle: {
+            normal: {
+              width: 1
+            }
+          },
+          areaStyle: {
+            normal: {
+              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+                offset: 0,
+                color: hexToRgba(handler.options.color[i], 0.3),
+              }, {
+                offset: 0.8,
+                color: hexToRgba(handler.options.color[i], 0),
+              }], false),
+              shadowColor: 'rgba(0, 0, 0, 0.1)',
+              shadowBlur: 10
+            }
+          },
+          itemStyle: {
+            normal: {
+              color: hexToRgb(handler.options.color[i]),
+              borderColor: 'rgba(137,189,2,0.27)',
+              borderWidth: 12
+            }
+          },
+        };
+
+        let tg = handler.threadGroups[i];
+
+        let timePeriod = Math.floor(tg.rampUpTime / tg.step);
+        let timeInc = timePeriod;
+
+        let threadPeriod = Math.floor(tg.threadNumber / tg.step);
+        let threadInc1 = Math.floor(tg.threadNumber / tg.step);
+        let threadInc2 = Math.ceil(tg.threadNumber / tg.step);
+        let inc2count = tg.threadNumber - tg.step * threadInc1;
+        for (let j = 0; j <= tg.duration; j++) {
+
+          if (j > timePeriod) {
+            timePeriod += timeInc;
+            if (inc2count > 0) {
+              threadPeriod = threadPeriod + threadInc2;
+              inc2count--;
+            } else {
+              threadPeriod = threadPeriod + threadInc1;
+            }
+            if (threadPeriod > tg.threadNumber) {
+              threadPeriod = tg.threadNumber;
+            }
+          }
+          // x 轴
+          let xAxis = handler.options.xAxis.data;
+          if (xAxis.indexOf(j) < 0) {
+            xAxis.push(j);
+          }
+          seriesData.data.push(threadPeriod);
+        }
+        handler.options.series.push(seriesData);
+      }
+    },
+    calculateChart(threadGroup) {
+      let handler = this;
+      if (threadGroup) {
+        handler = threadGroup;
+      }
+      if (handler.duration < handler.rampUpTime) {
+        handler.rampUpTime = handler.duration;
+      }
+      if (handler.rampUpTime < handler.step) {
+        handler.step = handler.rampUpTime;
+      }
+      handler.options = {
         xAxis: {
           type: 'category',
           boundaryGap: false,
@@ -280,16 +413,16 @@ export default {
           },
         }]
       };
-      let timePeriod = Math.floor(this.rampUpTime / this.step);
+      let timePeriod = Math.floor(handler.rampUpTime / handler.step);
       let timeInc = timePeriod;
 
-      let threadPeriod = Math.floor(this.threadNumber / this.step);
+      let threadPeriod = Math.floor(handler.threadNumber / handler.step);
-      let threadInc1 = Math.floor(this.threadNumber / this.step);
+      let threadInc1 = Math.floor(handler.threadNumber / handler.step);
-      let threadInc2 = Math.ceil(this.threadNumber / this.step);
+      let threadInc2 = Math.ceil(handler.threadNumber / handler.step);
-      let inc2count = this.threadNumber - this.step * threadInc1;
+      let inc2count = handler.threadNumber - handler.step * threadInc1;
-      for (let i = 0; i <= this.duration; i++) {
+      for (let i = 0; i <= handler.duration; i++) {
         // x 轴
-        this.orgOptions.xAxis.data.push(i);
+        handler.options.xAxis.data.push(i);
         if (i > timePeriod) {
           timePeriod += timeInc;
           if (inc2count > 0) {
@@ -298,14 +431,15 @@ export default {
           } else {
             threadPeriod = threadPeriod + threadInc1;
           }
-          if (threadPeriod > this.threadNumber) {
+          if (threadPeriod > handler.threadNumber) {
-            threadPeriod = this.threadNumber;
+            threadPeriod = handler.threadNumber;
           }
-          this.orgOptions.series[0].data.push(threadPeriod);
+          handler.options.series[0].data.push(threadPeriod);
         } else {
-          this.orgOptions.series[0].data.push(threadPeriod);
+          handler.options.series[0].data.push(threadPeriod);
         }
       }
+      this.calculateTotalChart();
     },
     validConfig() {
       if (!this.resourcePool) {
@@ -315,24 +449,32 @@ export default {
         return false;
       }
 
-      if (!this.threadNumber || !this.duration || !this.rampUpTime || !this.step || !this.rpsLimit) {
+      for (let i = 0; i < this.threadGroups.length; i++) {
+        if (!this.threadGroups[i].threadNumber || !this.threadGroups[i].duration
+          || !this.threadGroups[i].rampUpTime || !this.threadGroups[i].step || !this.threadGroups[i].rpsLimit) {
           this.$warning(this.$t('load_test.pressure_config_params_is_empty'));
           this.$emit('changeActive', '1');
           return false;
         }
+      }
 
       return true;
     },
     convertProperty() {
       /// todo：下面4个属性是jmeter ConcurrencyThreadGroup plugin的属性，这种硬编码不太好吧，在哪能转换这种属性？
-      return [
+      let result = [];
-        {key: TARGET_LEVEL, value: this.threadNumber},
+      for (let i = 0; i < this.threadGroups.length; i++) {
-        {key: RAMP_UP, value: this.rampUpTime},
+        result.push([
-        {key: STEPS, value: this.step},
+          {key: TARGET_LEVEL, value: this.threadGroups[i].threadNumber},
-        {key: DURATION, value: this.duration},
+          {key: RAMP_UP, value: this.threadGroups[i].rampUpTime},
-        {key: RPS_LIMIT, value: this.rpsLimit},
+          {key: STEPS, value: this.threadGroups[i].step},
-        {key: RPS_LIMIT_ENABLE, value: this.rpsLimitEnable},
+          {key: DURATION, value: this.threadGroups[i].duration},
-      ];
+          {key: RPS_LIMIT, value: this.threadGroups[i].rpsLimit},
+          {key: RPS_LIMIT_ENABLE, value: this.threadGroups[i].rpsLimitEnable},
+          {key: HOLD, value: this.threadGroups[i].duration - this.threadGroups[i].rampUpTime},
+        ]);
+      }
+      return result;
     }
   }
 }
@@ -356,6 +498,7 @@ export default {
 
 .chart-container {
   width: 100%;
+  height: 300px;
 }
 
 .el-col .el-form {

frontend/src/business/components/performance/test/model/ThreadGroup.js

@@ -0,0 +1,30 @@
+import {xml2json} from "xml-js";
+
+let travel = function (elements, threadGroups) {
+  if (!elements) {
+    return;
+  }
+  for (let element of elements) {
+    if (element.name === 'ThreadGroup') {
+      threadGroups.push(element);
+    }
+    travel(element.elements, threadGroups)
+  }
+}
+
+export function findThreadGroup(jmxContent) {
+  let jmxJson = JSON.parse(xml2json(jmxContent));
+  let threadGroups = [];
+  travel(jmxJson.elements, threadGroups);
+  return threadGroups;
+}
+
+
+export function findTestPlan(jmxContent) {
+  let jmxJson = JSON.parse(xml2json(jmxContent));
+  for (let element of jmxJson.elements[0].elements[0].elements) {
+    if (element.name === 'TestPlan') {
+      return element;
+    }
+  }
+}

frontend/src/business/components/settings/organization/BugManagement.vue

@@ -0,0 +1,72 @@
+<template>
+  <div class="header-title" v-loading="result.loading">
+    <div>
+      <div>{{ $t('organization.integration.select_defect_platform') }}</div>
+      <el-radio-group v-model="platform" style="margin-top: 10px" @change="change">
+        <el-radio label="Tapd">
+          <img class="platform" src="../../../../assets/tapd.png" alt="Tapd"/>
+        </el-radio>
+        <el-radio label="Jira">
+          <img class="platform" src="../../../../assets/jira.png" alt="Jira"/>
+        </el-radio>
+        <el-radio label="Zentao">
+          <img class="platform" src="../../../../assets/zentao.jpg" alt="Zentao"/>
+        </el-radio>
+      </el-radio-group>
+    </div>
+
+    <tapd-setting v-if="tapdEnable" ref="tapdSetting"/>
+    <jira-setting v-if="jiraEnable" ref="jiraSetting"/>
+    <zentao-setting v-if="zentaoEnable" ref="zentaoSetting"/>
+
+  </div>
+</template>
+
+<script>
+import TapdSetting from "@/business/components/settings/organization/components/TapdSetting";
+import JiraSetting from "@/business/components/settings/organization/components/JiraSetting";
+import ZentaoSetting from "@/business/components/settings/organization/components/ZentaoSetting";
+import {JIRA, TAPD, ZEN_TAO} from "@/common/js/constants";
+
+export default {
+  name: "BugManagement",
+  components: {TapdSetting, JiraSetting, ZentaoSetting},
+  data() {
+    return {
+      tapdEnable: true,
+      jiraEnable: false,
+      zentaoEnable: false,
+      result: {},
+      platform: TAPD
+    }
+  },
+  methods: {
+    change(platform) {
+      if (platform === TAPD) {
+        this.tapdEnable = true;
+        this.jiraEnable = false;
+        this.zentaoEnable = false;
+      } else if (platform === JIRA) {
+        this.tapdEnable = false;
+        this.jiraEnable = true;
+        this.zentaoEnable = false;
+      } else if (platform === ZEN_TAO) {
+        this.tapdEnable = false;
+        this.jiraEnable = false;
+        this.zentaoEnable = true;
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.header-title {
+  padding: 10px 30px;
+}
+
+.platform {
+  height: 90px;
+  vertical-align: middle
+}
+</style>

frontend/src/business/components/settings/organization/ServiceIntegration.vue

@@ -2,7 +2,7 @@
   <el-card>
     <el-tabs class="system-setting" v-model="activeName">
       <el-tab-pane :label="$t('organization.defect_manage')" name="defect">
-        <defect-management/>
+        <bug-management/>
       </el-tab-pane>
     </el-tabs>
   </el-card>
@@ -10,12 +10,12 @@
 
 <script>
 
-  import DefectManagement from "./IssuesManagement";
+  import BugManagement from "./BugManagement";
 
   export default {
     name: "ServiceIntegration",
     components: {
-      DefectManagement
+      BugManagement
     },
     data() {
       return {

frontend/src/business/components/settings/organization/components/BugManageBtn.vue

@@ -0,0 +1,71 @@
+<template>
+  <div style="margin-left: 120px">
+    <el-button type="primary" size="mini" :disabled="!show" @click="testConnection">
+      {{ $t('ldap.test_connect') }}
+    </el-button>
+    <el-button v-if="showEdit" size="mini" @click="edit">
+      {{ $t('commons.edit') }}
+    </el-button>
+    <el-button type="primary" v-if="showSave" size="mini" @click="save">
+      {{ $t('commons.save') }}
+    </el-button>
+    <el-button v-if="showCancel" size="mini" @click="cancelEdit">
+      {{ $t('organization.integration.cancel_edit') }}
+    </el-button>
+    <el-button type="info" size="mini" :disabled="!show" @click="cancelIntegration">
+      {{ $t('organization.integration.cancel_integration') }}
+    </el-button>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "BugManageBtn",
+  data() {
+    return {
+      showEdit: true,
+      showSave: false,
+      showCancel: false,
+    }
+  },
+  props: {
+    show: {
+      type: Boolean,
+      default: true
+    },
+    form: Object,
+  },
+  methods: {
+    testConnection() {
+      this.$emit("testConnection");
+    },
+    edit() {
+      this.$emit("update:show", false);
+      this.showEdit = false;
+      this.showSave = true;
+      this.showCancel = true;
+    },
+    cancelEdit() {
+      this.showEdit = true;
+      this.showCancel = false;
+      this.showSave = false;
+      this.$emit("update:show", true);
+      this.init();
+    },
+    init() {
+      this.$emit("init");
+    },
+    save() {
+      this.$emit("save");
+    },
+    cancelIntegration() {
+      this.$emit("cancelIntegration");
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

frontend/src/business/components/settings/organization/components/JiraSetting.vue

@@ -1,59 +1,39 @@
 <template>
-  <div class="header-title" v-loading="result.loading">
   <div>
-      <div>{{ $t('organization.integration.select_defect_platform') }}</div>
-      <el-radio-group v-model="platform" style="margin-top: 10px" @change="change">
-        <el-radio label="Tapd">
-          <img class="platform" src="../../../../assets/tapd.png" alt="Tapd"/>
-        </el-radio>
-        <el-radio label="Jira">
-          <img class="platform" src="../../../../assets/jira.png" alt="Jira"/>
-        </el-radio>
-      </el-radio-group>
-    </div>
-
     <div style="width: 500px">
       <div style="margin-top: 20px;margin-bottom: 10px">{{ $t('organization.integration.basic_auth_info') }}</div>
       <el-form :model="form" ref="form" label-width="120px" size="small" :disabled="show" :rules="rules">
-        <el-form-item :label="$t('organization.integration.api_account')" prop="account">
+        <el-form-item :label="$t('organization.integration.account')" prop="account">
           <el-input v-model="form.account" :placeholder="$t('organization.integration.input_api_account')"/>
         </el-form-item>
-        <el-form-item :label="$t('organization.integration.api_password')" prop="password">
+        <el-form-item :label="$t('organization.integration.password')" prop="password">
           <el-input v-model="form.password" auto-complete="new-password"
                     :placeholder="$t('organization.integration.input_api_password')" show-password/>
         </el-form-item>
-        <el-form-item :label="$t('organization.integration.jira_url')" prop="url" v-if="platform === 'Jira'">
+        <el-form-item :label="$t('organization.integration.jira_url')" prop="url">
           <el-input v-model="form.url" :placeholder="$t('organization.integration.input_jira_url')"/>
         </el-form-item>
-        <el-form-item :label="$t('organization.integration.jira_issuetype')" prop="issuetype"
+        <el-form-item :label="$t('organization.integration.jira_issuetype')" prop="issuetype">
-                      v-if="platform === 'Jira'">
           <el-input v-model="form.issuetype" :placeholder="$t('organization.integration.input_jira_issuetype')"/>
         </el-form-item>
       </el-form>
     </div>
 
-    <div style="margin-left: 120px">
+    <bug-manage-btn @save="save"
-      <el-button type="primary" size="mini" :disabled="!show" @click="testConnection">{{ $t('ldap.test_connect') }}
+                    @init="init"
-      </el-button>
+                    @testConnection="testConnection"
-      <el-button v-if="showEdit" size="mini" @click="edit">{{ $t('commons.edit') }}</el-button>
+                    @cancelIntegration="cancelIntegration"
-      <el-button type="primary" v-if="showSave" size="mini" @click="save('form')">{{ $t('commons.save') }}</el-button>
+                    :form="form"
-      <el-button v-if="showCancel" size="mini" @click="cancelEdit">{{ $t('organization.integration.cancel_edit') }}
+                    :show.sync="show"
-      </el-button>
+                    ref="bugBtn"/>
-      <el-button type="info" size="mini" @click="cancelIntegration('form')" :disabled="!show">
-        {{ $t('organization.integration.cancel_integration') }}
-      </el-button>
-    </div>
 
     <div class="defect-tip">
       <div>{{ $t('organization.integration.use_tip') }}</div>
       <div>
-        1. {{ $t('organization.integration.use_tip_tapd') }}
+        1. {{ $t('organization.integration.use_tip_jira') }}
       </div>
       <div>
-        2. {{ $t('organization.integration.use_tip_jira') }}
+        2. {{ $t('organization.integration.use_tip_two') }}
-      </div>
-      <div>
-        3. {{ $t('organization.integration.use_tip_two') }}
         <router-link to="/track/project/all" style="margin-left: 5px">
           {{ $t('organization.integration.link_the_project_now') }}
         </router-link>
@@ -63,20 +43,20 @@
 </template>
 
 <script>
-import {getCurrentUser} from "../../../../common/js/utils";
+import BugManageBtn from "@/business/components/settings/organization/components/BugManageBtn";
+import {getCurrentUser} from "@/common/js/utils";
+import {JIRA} from "@/common/js/constants";
 
 export default {
-  name: "IssuesManagement",
+  name: "JiraSetting",
+  components: {BugManageBtn},
+  created() {
+    this.init();
+  },
   data() {
     return {
-      form: {},
-      result: {},
-      platform: '',
-      orgId: '',
       show: true,
-      showEdit: true,
+      form: {},
-      showSave: false,
-      showCancel: false,
       rules: {
         account: {
           required: true,
@@ -101,17 +81,14 @@ export default {
       },
     }
   },
-  created() {
-    this.init(this.platform);
-  },
   methods: {
-    init(platform) {
+    init() {
+      const {lastOrganizationId} = getCurrentUser();
       let param = {};
-      param.platform = platform;
+      param.platform = JIRA;
-      param.orgId = getCurrentUser().lastOrganizationId;
+      param.orgId = lastOrganizationId;
-      this.result = this.$post("service/integration/type", param, response => {
+      this.$parent.result = this.$post("service/integration/type", param, response => {
         let data = response.data;
-        this.platform = data.platform;
         if (data.configuration) {
           let config = JSON.parse(data.configuration);
           this.$set(this.form, 'account', config.account);
@@ -123,54 +100,13 @@ export default {
         }
       })
     },
-    edit() {
+    save() {
-      this.show = false;
+      this.$refs['form'].validate(valid => {
-      this.showEdit = false;
-      this.showSave = true;
-      this.showCancel = true;
-    },
-    cancelEdit() {
-      this.showEdit = true;
-      this.showCancel = false;
-      this.showSave = false;
-      this.show = true;
-      this.init(this.platform);
-    },
-    cancelIntegration() {
-      if (this.form.account && this.form.password && this.platform) {
-
-        this.$alert(this.$t('organization.integration.cancel_confirm') + this.platform + "？", '', {
-          confirmButtonText: this.$t('commons.confirm'),
-          callback: (action) => {
-            if (action === 'confirm') {
-              let param = {};
-              param.orgId = getCurrentUser().lastOrganizationId;
-              param.platform = this.platform;
-              this.result = this.$post("service/integration/delete", param, () => {
-                this.$success(this.$t('organization.integration.successful_operation'));
-                this.init('');
-              });
-            }
-          }
-        });
-      } else {
-        this.$warning(this.$t('organization.integration.not_integrated'));
-      }
-    },
-    save(form) {
-      if (!this.platform) {
-        this.$warning(this.$t('organization.integration.choose_platform'));
-        return;
-      }
-
-      this.$refs[form].validate(valid => {
         if (valid) {
-
           let formatUrl = this.form.url.trim();
           if (!formatUrl.endsWith('/')) {
             formatUrl = formatUrl + '/';
           }
-
           let param = {};
           let auth = {
             account: this.form.account,
@@ -178,16 +114,16 @@ export default {
             url: formatUrl,
             issuetype: this.form.issuetype
           };
-          param.organizationId = getCurrentUser().lastOrganizationId;
+          const {lastOrganizationId} = getCurrentUser();
-          param.platform = this.platform;
+          param.organizationId = lastOrganizationId;
+          param.platform = JIRA;
           param.configuration = JSON.stringify(auth);
-
+          this.$parent.result = this.$post("service/integration/save", param, () => {
-          this.result = this.$post("service/integration/save", param, () => {
             this.show = true;
-            this.showEdit = true;
+            this.$refs.bugBtn.showEdit = true;
-            this.showSave = false;
+            this.$refs.bugBtn.showSave = false;
-            this.showCancel = false;
+            this.$refs.bugBtn.showCancel = false;
-            this.init(this.platform);
+            this.init();
             this.$success(this.$t('commons.save_success'));
           });
         } else {
@@ -195,27 +131,6 @@ export default {
         }
       })
     },
-    change(platform) {
-      this.show = true;
-      this.showEdit = true;
-      this.showCancel = false;
-      this.showSave = false;
-      let param = {};
-      param.orgId = getCurrentUser().lastOrganizationId;
-      param.platform = platform;
-      this.result = this.$post("service/integration/type", param, response => {
-        let data = response.data;
-        if (data.configuration) {
-          let config = JSON.parse(data.configuration);
-          this.$set(this.form, 'account', config.account);
-          this.$set(this.form, 'password', config.password);
-          this.$set(this.form, 'url', config.url);
-          this.$set(this.form, 'issuetype', config.issuetype);
-        } else {
-          this.clear();
-        }
-      })
-    },
     clear() {
       this.$set(this.form, 'account', '');
       this.$set(this.form, 'password', '');
@@ -226,24 +141,41 @@ export default {
       });
     },
     testConnection() {
-      if (this.form.account && this.form.password && this.platform) {
+      if (this.form.account && this.form.password) {
-        this.result = this.$get("issues/auth/" + this.platform, () => {
+        this.$parent.result = this.$get("issues/auth/" + JIRA, () => {
           this.$success(this.$t('organization.integration.verified'));
         });
       } else {
         this.$warning(this.$t('organization.integration.not_integrated'));
         return false;
       }
+    },
+    cancelIntegration() {
+      if (this.form.account && this.form.password) {
+        this.$alert(this.$t('organization.integration.cancel_confirm') + JIRA + "？", '', {
+          confirmButtonText: this.$t('commons.confirm'),
+          callback: (action) => {
+            if (action === 'confirm') {
+              const {lastOrganizationId} = getCurrentUser();
+              let param = {};
+              param.orgId = lastOrganizationId;
+              param.platform = JIRA;
+              this.$parent.result = this.$post("service/integration/delete", param, () => {
+                this.$success(this.$t('organization.integration.successful_operation'));
+                this.init('');
+              });
+            }
+          }
+        });
+      } else {
+        this.$warning(this.$t('organization.integration.not_integrated'));
+      }
     }
   }
 }
 </script>
 
 <style scoped>
-.header-title {
-  padding: 10px 30px;
-}
-
 .defect-tip {
   background: #EDEDED;
   border: solid #E1E1E1 1px;
@@ -251,9 +183,4 @@ export default {
   padding: 10px;
   border-radius: 3px;
 }
-
-.platform {
-  height: 90px;
-  vertical-align: middle
-}
 </style>

frontend/src/business/components/settings/organization/components/TapdSetting.vue

@@ -0,0 +1,166 @@
+<template>
+  <div>
+    <div style="width: 500px">
+      <div style="margin-top: 20px;margin-bottom: 10px">{{ $t('organization.integration.basic_auth_info') }}</div>
+      <el-form :model="form" ref="form" label-width="120px" size="small" :disabled="show" :rules="rules">
+        <el-form-item :label="$t('organization.integration.api_account')" prop="account">
+          <el-input v-model="form.account" :placeholder="$t('organization.integration.input_api_account')"/>
+        </el-form-item>
+        <el-form-item :label="$t('organization.integration.api_password')" prop="password">
+          <el-input v-model="form.password" auto-complete="new-password"
+                    :placeholder="$t('organization.integration.input_api_password')" show-password/>
+        </el-form-item>
+      </el-form>
+    </div>
+
+    <bug-manage-btn @save="save"
+                    @init="init"
+                    @testConnection="testConnection"
+                    @cancelIntegration="cancelIntegration"
+                    :form="form"
+                    :show.sync="show"
+                    ref="bugBtn"/>
+
+    <div class="defect-tip">
+      <div>{{ $t('organization.integration.use_tip') }}</div>
+      <div>
+        1. {{ $t('organization.integration.use_tip_tapd') }}
+      </div>
+      <div>
+        2. {{ $t('organization.integration.use_tip_two') }}
+        <router-link to="/track/project/all" style="margin-left: 5px">
+          {{ $t('organization.integration.link_the_project_now') }}
+        </router-link>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import BugManageBtn from "@/business/components/settings/organization/components/BugManageBtn";
+import {getCurrentUser} from "@/common/js/utils";
+import {TAPD} from "@/common/js/constants";
+
+export default {
+  name: "TapdSetting.vue",
+  components: {
+    BugManageBtn
+  },
+  created() {
+    this.init();
+  },
+  data() {
+    return {
+      show: true,
+      form: {},
+      rules: {
+        account: {
+          required: true,
+          message: this.$t('organization.integration.input_api_account'),
+          trigger: ['change', 'blur']
+        },
+        password: {
+          required: true,
+          message: this.$t('organization.integration.input_api_password'),
+          trigger: ['change', 'blur']
+        }
+      },
+    }
+  },
+  methods: {
+    init() {
+      const {lastOrganizationId} = getCurrentUser();
+      let param = {};
+      param.platform = TAPD;
+      param.orgId = lastOrganizationId;
+      this.$parent.result = this.$post("service/integration/type", param, response => {
+        let data = response.data;
+        if (data.configuration) {
+          let config = JSON.parse(data.configuration);
+          this.$set(this.form, 'account', config.account);
+          this.$set(this.form, 'password', config.password);
+        } else {
+          this.clear();
+        }
+      })
+    },
+    save() {
+      this.$refs['form'].validate(valid => {
+        if (valid) {
+
+          let param = {};
+          let auth = {
+            account: this.form.account,
+            password: this.form.password,
+          };
+          const {lastOrganizationId} = getCurrentUser();
+          param.organizationId = lastOrganizationId;
+          param.platform = TAPD;
+          param.configuration = JSON.stringify(auth);
+
+          this.$parent.result = this.$post("service/integration/save", param, () => {
+            this.show = true;
+            this.$refs.bugBtn.showEdit = true;
+            this.$refs.bugBtn.showSave = false;
+            this.$refs.bugBtn.showCancel = false;
+            this.init();
+            this.$success(this.$t('commons.save_success'));
+          });
+        } else {
+          return false;
+        }
+      })
+    },
+    clear() {
+      this.$set(this.form, 'account', '');
+      this.$set(this.form, 'password', '');
+      this.$nextTick(() => {
+        this.$refs.form.clearValidate();
+      });
+    },
+    testConnection() {
+      if (this.form.account && this.form.password) {
+        this.$parent.result = this.$get("issues/auth/" + TAPD, () => {
+          this.$success(this.$t('organization.integration.verified'));
+        });
+      } else {
+        this.$warning(this.$t('organization.integration.not_integrated'));
+        return false;
+      }
+    },
+    cancelIntegration() {
+      if (this.form.account && this.form.password) {
+        this.$alert(this.$t('organization.integration.cancel_confirm') + TAPD + "？", '', {
+          confirmButtonText: this.$t('commons.confirm'),
+          callback: (action) => {
+            if (action === 'confirm') {
+              const {lastOrganizationId} = getCurrentUser();
+              let param = {};
+              param.orgId = lastOrganizationId;
+              param.platform = TAPD;
+              this.$parent.result = this.$post("service/integration/delete", param, () => {
+                this.$success(this.$t('organization.integration.successful_operation'));
+                this.init('');
+              });
+            }
+          }
+        });
+      } else {
+        this.$warning(this.$t('organization.integration.not_integrated'));
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+.defect-tip {
+  background: #EDEDED;
+  border: solid #E1E1E1 1px;
+  margin: 10px 0;
+  padding: 10px;
+  border-radius: 3px;
+}
+
+</style>

frontend/src/business/components/settings/organization/components/ZentaoSetting.vue

@@ -0,0 +1,164 @@
+<template>
+  <div>
+    <div style="width: 500px">
+      <div style="margin-top: 20px;margin-bottom: 10px">{{ $t('organization.integration.basic_auth_info') }}</div>
+      <el-form :model="form" ref="form" label-width="120px" size="small" :disabled="show" :rules="rules">
+        <el-form-item :label="$t('organization.integration.app_name')" prop="account">
+          <el-input v-model="form.account" :placeholder="$t('organization.integration.input_app_name')"/>
+        </el-form-item>
+        <el-form-item :label="$t('organization.integration.app_key')" prop="password">
+          <el-input v-model="form.password" auto-complete="new-password"
+                    :placeholder="$t('organization.integration.input_app_key')" show-password/>
+        </el-form-item>
+      </el-form>
+    </div>
+
+    <bug-manage-btn @save="save"
+                    @init="init"
+                    @testConnection="testConnection"
+                    @cancelIntegration="cancelIntegration"
+                    :form="form"
+                    :show.sync="show"
+                    ref="bugBtn"/>
+
+    <div class="defect-tip">
+      <div>{{ $t('organization.integration.use_tip') }}</div>
+      <div>
+        1. {{ $t('organization.integration.use_tip_zentao') }}
+      </div>
+      <div>
+        2. {{ $t('organization.integration.use_tip_two') }}
+        <router-link to="/track/project/all" style="margin-left: 5px">
+          {{ $t('organization.integration.link_the_project_now') }}
+        </router-link>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import BugManageBtn from "@/business/components/settings/organization/components/BugManageBtn";
+import {getCurrentUser} from "@/common/js/utils";
+import {ZEN_TAO} from "@/common/js/constants";
+
+export default {
+  name: "ZentaoSetting",
+  components: {
+    BugManageBtn
+  },
+  created() {
+    this.init();
+  },
+  data() {
+    return {
+      show: true,
+      form: {},
+      rules: {
+        account: {
+          required: true,
+          message: this.$t('organization.integration.input_app_name'),
+          trigger: ['change', 'blur']
+        },
+        password: {
+          required: true,
+          message: this.$t('organization.integration.input_app_key'),
+          trigger: ['change', 'blur']
+        }
+      },
+    }
+  },
+  methods: {
+    save() {
+      this.$refs['form'].validate(valid => {
+        if (valid) {
+
+          const {lastOrganizationId} = getCurrentUser();
+          let param = {};
+          let auth = {
+            account: this.form.account,
+            password: this.form.password,
+          };
+          param.organizationId = lastOrganizationId;
+          param.platform = ZEN_TAO;
+          param.configuration = JSON.stringify(auth);
+
+          this.$parent.result = this.$post("service/integration/save", param, () => {
+            this.show = true;
+            this.$refs.bugBtn.showEdit = true;
+            this.$refs.bugBtn.showSave = false;
+            this.$refs.bugBtn.showCancel = false;
+            this.init();
+            this.$success(this.$t('commons.save_success'));
+          });
+        } else {
+          return false;
+        }
+      })
+    },
+    init() {
+      const {lastOrganizationId} = getCurrentUser();
+      let param = {};
+      param.platform = ZEN_TAO;
+      param.orgId = lastOrganizationId;
+      this.$parent.result = this.$post("service/integration/type", param, response => {
+        let data = response.data;
+        if (data.configuration) {
+          let config = JSON.parse(data.configuration);
+          this.$set(this.form, 'account', config.account);
+          this.$set(this.form, 'password', config.password);
+        } else {
+          this.clear();
+        }
+      })
+    },
+    clear() {
+      this.$set(this.form, 'account', '');
+      this.$set(this.form, 'password', '');
+      this.$nextTick(() => {
+        this.$refs.form.clearValidate();
+      });
+    },
+    testConnection() {
+      if (this.form.account && this.form.password) {
+        this.$parent.result = this.$get("issues/auth/" + ZEN_TAO, () => {
+          this.$success(this.$t('organization.integration.verified'));
+        });
+      } else {
+        this.$warning(this.$t('organization.integration.not_integrated'));
+        return false;
+      }
+    },
+    cancelIntegration() {
+      if (this.form.account && this.form.password) {
+        this.$alert(this.$t('organization.integration.cancel_confirm') + ZEN_TAO + "？", '', {
+          confirmButtonText: this.$t('commons.confirm'),
+          callback: (action) => {
+            if (action === 'confirm') {
+              const {lastOrganizationId} = getCurrentUser();
+              let param = {};
+              param.orgId = lastOrganizationId;
+              param.platform = ZEN_TAO;
+              this.$parent.result = this.$post("service/integration/delete", param, () => {
+                this.$success(this.$t('organization.integration.successful_operation'));
+                this.init('');
+              });
+            }
+          }
+        });
+      } else {
+        this.$warning(this.$t('organization.integration.not_integrated'));
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.defect-tip {
+  background: #EDEDED;
+  border: solid #E1E1E1 1px;
+  margin: 10px 0;
+  padding: 10px;
+  border-radius: 3px;
+}
+</style>

frontend/src/business/components/track/case/components/TestCaseList.vue

@@ -128,7 +128,7 @@
           </template>
         </el-table-column>
         <el-table-column
-          :label="$t('commons.operating')" min-width="100">
+          :label="$t('commons.operating')" min-width="150">
           <template v-slot:default="scope">
             <ms-table-operator :is-tester-permission="true" @editClick="handleEdit(scope.row)"
                                @deleteClick="handleDelete(scope.row)">
@@ -175,6 +175,7 @@
 import StatusTableItem from "@/business/components/track/common/tableItems/planview/StatusTableItem";
 import TestCaseDetail from "./TestCaseDetail";
 import ReviewStatus from "@/business/components/track/case/components/ReviewStatus";
+
 export default {
   name: "TestCaseList",
   components: {

frontend/src/business/components/track/home/TrackHome.vue

@@ -7,7 +7,7 @@
             <related-test-plan-list ref="relatedTestPlanList"/>
           </el-row>
           <el-row>
-            <review-list title="我的评审" ref="caseReviewList"/>
+            <review-list :title="$t('review.my_review')" ref="caseReviewList"/>
           </el-row>
         </el-col>
         <el-col :span="9">

frontend/src/business/components/track/plan/components/TestPlanList.vue

@@ -114,6 +114,7 @@
         </template>
       </el-table-column>
       <el-table-column
+        min-width="150"
         :label="$t('commons.operating')">
         <template v-slot:default="scope">
           <ms-table-operator :is-tester-permission="true" @editClick="handleEdit(scope.row)"

frontend/src/business/components/track/plan/view/comonents/TestPlanTestCaseList.vue

@@ -183,6 +183,7 @@
           </template>
         </el-table-column>
         <el-table-column
+            min-width="100"
             :label="$t('commons.operating')">
           <template v-slot:default="scope">
             <ms-table-operator-button :is-tester-permission="true" :tip="$t('commons.edit')" icon="el-icon-edit"

frontend/src/business/components/track/plan/view/comonents/test/PerformanceTestDetail.vue

@@ -19,10 +19,10 @@
 
         <el-tabs class="test-config" v-model="active" type="border-card" :stretch="true">
           <el-tab-pane :label="$t('load_test.basic_config')">
-            <performance-basic-config :is-read-only="true" :test-plan="test" ref="basicConfig"/>
+            <performance-basic-config :is-read-only="true" :test="test" ref="basicConfig"/>
           </el-tab-pane>
           <el-tab-pane :label="$t('load_test.pressure_config')">
-            <performance-pressure-config :is-read-only="true" :test-plan="test" :test-id="id" ref="pressureConfig"/>
+            <performance-pressure-config :is-read-only="true" :test="test" :test-id="id" ref="pressureConfig"/>
           </el-tab-pane>
           <el-tab-pane :label="$t('load_test.advanced_config')" class="advanced-config">
             <performance-advanced-config :read-only="true" :test-id="id" ref="advancedConfig"/>
@@ -40,6 +40,7 @@
 import PerformanceBasicConfig from "../../../../../performance/test/components/PerformanceBasicConfig";
 import PerformancePressureConfig from "../../../../../performance/test/components/PerformancePressureConfig";
 import PerformanceAdvancedConfig from "../../../../../performance/test/components/PerformanceAdvancedConfig";
+
 export default {
   name: "PerformanceTestDetail",
   components: {

frontend/src/business/components/track/review/components/TestCaseReviewList.vue

@@ -62,6 +62,7 @@
         </template>
       </el-table-column>
       <el-table-column
+        min-width="100"
         :label="$t('commons.operating')">
         <template v-slot:default="scope">
           <ms-table-operator :is-tester-permission="true" @editClick="handleEdit(scope.row)"

frontend/src/business/components/track/review/view/components/TestReviewTestCaseList.vue

@@ -124,6 +124,7 @@
           </template>
         </el-table-column>
         <el-table-column
+          min-width="100"
           :label="$t('commons.operating')">
           <template v-slot:default="scope">
             <ms-table-operator-button :is-tester-permission="true" :tip="$t('commons.edit')" icon="el-icon-edit"

frontend/src/common/css/main.css

@@ -65,13 +65,13 @@ body {
   background-color: white;
 }
 
-.adjust-table th:hover:after {
+.adjust-table th:not([class*='el-table-column--selection']):hover:after {
   content: '';
   position: absolute;
   top: 25%;
   right: 0;
   height: 50%;
-  width: 3px;
+  width: 2px;
   background-color: #EBEEF5;
 }
 

frontend/src/common/js/constants.js

@@ -20,6 +20,10 @@ export const ZH_CN = 'zh_CN';
 export const ZH_TW = 'zh_TW';
 export const EN_US = 'en_US';
 
+export const TAPD = 'Tapd';
+export const JIRA = 'Jira';
+export const ZEN_TAO = 'Zentao';
+
 export const SCHEDULE_TYPE = {
   API_TEST: 'API_TEST',
   PERFORMANCE_TEST: 'PERFORMANCE_TEST'

frontend/src/i18n/en-US.js

@@ -250,15 +250,22 @@ export default {
       basic_auth_info: 'Basic Auth account information:',
       api_account: 'API account',
       api_password: 'API password',
+      app_name: 'APP name',
+      app_key: 'APP key',
+      account: 'Account',
+      password: 'Password',
       jira_url: 'JIRA url',
       jira_issuetype: 'JIRA issuetype',
       input_api_account: 'please enter account',
       input_api_password: 'Please enter password',
+      input_app_name: 'Please enter the application code',
+      input_app_key: 'Please enter the key',
       input_jira_url: 'Please enter Jira address, for example: https://metersphere.atlassian.net/',
       input_jira_issuetype: 'Please enter the question type',
       use_tip: 'Usage guidelines:',
       use_tip_tapd: 'Basic Auth account information is queried in "Company Management-Security and Integration-Open Platform"',
       use_tip_jira: 'Jira software server authentication information is account password, Jira software cloud authentication information is account + token (account settings-security-create API token)',
+      use_tip_zentao: 'Log in to ZenTao as a super administrator user, enter the background-secondary development-application, click [Add Application] to add an application',
       use_tip_two: 'After saving the Basic Auth account information, you need to manually associate the ID/key in the Metersphere project',
       link_the_project_now: 'Link the project now',
       cancel_edit: 'Cancel edit',

frontend/src/i18n/zh-CN.js

@@ -250,15 +250,22 @@ export default {
       basic_auth_info: 'Basic Auth 账号信息：',
       api_account: 'API 账号',
       api_password: 'API 口令',
+      app_name: '应用代号',
+      app_key: '密钥',
+      account: '账号',
+      password: '密码',
       jira_url: 'JIRA 地址',
       jira_issuetype: '问题类型',
       input_api_account: '请输入账号',
       input_api_password: '请输入口令',
+      input_app_name: '请输入应用代号',
+      input_app_key: '请输入密钥',
       input_jira_url: '请输入Jira地址，例：https://metersphere.atlassian.net/',
       input_jira_issuetype: '请输入问题类型',
       use_tip: '使用指引：',
       use_tip_tapd: 'Tapd Basic Auth 账号信息在"公司管理-安全与集成-开放平台"中查询',
       use_tip_jira: 'Jira software server 认证信息为 账号密码，Jira software cloud 认证信息为 账号+令牌(账户设置-安全-创建API令牌)',
+      use_tip_zentao: '用超级管理员用户登录禅道，进入后台-二次开发-应用，点击【添加应用】新增一个应用',
       use_tip_two: '保存 Basic Auth 账号信息后，需要在 Metersphere 项目中手动关联 ID/key',
       link_the_project_now: '马上关联项目',
       cancel_edit: '取消编辑',

frontend/src/i18n/zh-TW.js

@@ -250,15 +250,22 @@ export default {
       basic_auth_info: 'Basic Auth 賬號信息：',
       api_account: 'API 賬號',
       api_password: 'API 口令',
+      app_name: '應用代號',
+      app_key: '密鑰',
+      account: '賬號',
+      password: '密碼',
       jira_url: 'JIRA 地址',
       jira_issuetype: '問題類型',
       input_api_account: '請輸入賬號',
       input_api_password: '請輸入口令',
+      input_app_name: '請輸入應用代號',
+      input_app_key: '請輸入密鑰',
       input_jira_url: '請輸入Jira地址，例：https://metersphere.atlassian.net/',
       input_jira_issuetype: '請輸入問題類型',
       use_tip: '使用指引：',
       use_tip_tapd: 'Tapd Basic Auth 賬號信息在"公司管理-安全與集成-開放平臺"中查詢',
       use_tip_jira: 'Jira software server 認證信息為 賬號密碼，Jira software cloud 認證信息為 賬號+令牌(賬戶設置-安全-創建API令牌)',
+      use_tip_zentao: '用超級管理員用戶登錄禪道，進入後台-二次開發-應用，點擊【添加應用】添加一個應用',
       use_tip_two: '保存 Basic Auth 賬號信息後，需要在 Metersphere 項目中手動關聯 ID/key',
       link_the_project_now: '馬上關聯項目',
       cancel_edit: '取消編輯',