From 2ca90f313682758e5d5e30640e8cef81caf261ca Mon Sep 17 00:00:00 2001
From: fit2-zhao <yong.zhao@fit2cloud.com>
Date: Mon, 21 Nov 2022 15:17:14 +0800
Subject: [PATCH] =?UTF-8?q?style(=E6=8E=A5=E5=8F=A3=E6=B5=8B=E8=AF=95):=20?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8Prettier=E8=87=AA=E5=AE=9A=E4=B9=89=E6=A0=87?=
 =?UTF-8?q?=E5=87=86=E6=A0=BC=E5=BC=8F=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api-test/frontend/.prettierrc.json            |   20 +
 api-test/frontend/public/index.html           |    5 +-
 api-test/frontend/src/api/base-network.js     |    9 +-
 .../frontend/src/api/definition-module.js     |   15 +-
 api-test/frontend/src/api/definition.js       |   24 +-
 api-test/frontend/src/api/home.js             |   10 +-
 api-test/frontend/src/api/share.js            |   10 +-
 .../src/business/automation/ApiAutomation.vue |  171 +--
 .../src/business/automation/api-automation.js |   40 +-
 .../automation/report/ApiReportDetail.vue     |  106 +-
 .../automation/report/ApiReportExport.vue     |   63 +-
 .../automation/report/ApiReportList.vue       |  197 +--
 .../automation/report/ApiReportStatus.vue     |   20 +-
 .../automation/report/ApiReportView.vue       |    3 +-
 .../automation/report/ApiReportViewHeader.vue |  108 +-
 .../automation/report/SyncApiReportDetail.vue |   78 +-
 .../report/components/AssertionResults.vue    |   47 +-
 .../report/components/MetricChart.vue         |  124 +-
 .../report/components/RequestMetric.vue       |   60 +-
 .../report/components/RequestResult.vue       |   71 +-
 .../report/components/RequestResultTail.vue   |   24 +-
 .../report/components/RequestSubResult.vue    |   47 +-
 .../components/RequestSubResultTail.vue       |   16 +-
 .../report/components/ResponseText.vue        |   58 +-
 .../report/components/ScenarioResult.vue      |   22 +-
 .../report/components/ScenarioResults.vue     |   51 +-
 .../report/components/SqlResultTable.vue      |   19 +-
 .../automation/scenario/AddBasisScenario.vue  |   68 +-
 .../automation/scenario/ApiCustomize.vue      |   24 +-
 .../automation/scenario/ApiScenarioEnv.vue    |   32 +-
 .../automation/scenario/ApiScenarioList.vue   |  390 ++----
 .../automation/scenario/ApiScenarioModule.vue |   60 +-
 .../scenario/ApiScenarioVariables.vue         |   12 +-
 .../automation/scenario/ApiVariableInput.vue  |   18 +-
 .../business/automation/scenario/DebugRun.vue |   20 +-
 .../automation/scenario/EditApiScenario.vue   | 1055 +++++------------
 .../business/automation/scenario/EnvGroup.vue |   36 +-
 .../scenario/EnvGroupWithOption.vue           |   41 +-
 .../automation/scenario/EnvPopover.vue        |   41 +-
 .../automation/scenario/EnvSelect.vue         |   36 +-
 .../automation/scenario/EnvSelectPopover.vue  |   34 +-
 .../automation/scenario/ImportApiScenario.vue |   53 +-
 .../automation/scenario/MsInputTag.vue        |   16 +-
 .../scenario/ScenarioDeleteConfirm.vue        |   14 +-
 .../scenario/ScenarioExtendBtns.vue           |   18 +-
 .../business/automation/scenario/Setting.js   |  116 +-
 .../automation/scenario/TableMoreBtn.vue      |    6 +-
 .../automation/scenario/api/AddApiCase.vue    |   16 +-
 .../automation/scenario/api/AddBasisApi.vue   |   96 +-
 .../automation/scenario/api/ApiRelevance.vue  |   37 +-
 .../scenario/api/RelevanceApiList.vue         |   16 +-
 .../scenario/api/RelevanceCaseList.vue        |   62 +-
 .../scenario/api/RelevanceScenarioList.vue    |  110 +-
 .../scenario/api/ScenarioRelevance.vue        |   63 +-
 .../scenario/common/ApiBaseComponent.vue      |   82 +-
 .../automation/scenario/common/ApiRunMode.vue |   49 +-
 .../scenario/common/CustomizeReqInfo.vue      |   82 +-
 .../scenario/common/JDBCProcessorContent.vue  |  143 +--
 .../common/Jsr233ProcessorContent.vue         |   57 +-
 .../scenario/common/MsPluginUpload.vue        |   13 +-
 .../scenario/common/ScenarioImport.vue        |  166 +--
 .../common/function/ApiFuncRelevance.vue      |   20 +-
 .../common/function/CustomFunctionRelate.vue  |   66 +-
 .../common/function/ScriptNavMenu.vue         |   48 +-
 .../common/function/custom-function.js        |   33 +-
 .../scenario/common/function/script-menu.js   |   23 +-
 .../scenario/component/ApiComponent.vue       |  226 +---
 .../component/ApiResponseComponent.vue        |    6 +-
 .../component/ApiScenarioComponent.vue        |  118 +-
 .../scenario/component/ComponentConfig.vue    |   19 +-
 .../scenario/component/ConstantTimer.vue      |    6 +-
 .../scenario/component/IfController.vue       |   36 +-
 .../scenario/component/JDBCProcessor.vue      |    9 +-
 .../component/JmeterElementComponent.vue      |   17 +-
 .../scenario/component/Jsr233Processor.vue    |  137 +--
 .../scenario/component/LoopController.vue     |  136 +--
 .../scenario/component/PluginComponent.vue    |  194 +--
 .../component/PluginContentAssertions.vue     |  253 +---
 .../scenario/component/StepExtendBtns.vue     |   60 +-
 .../component/TransactionController.vue       |   23 +-
 .../scenario/component/urlhelper.js           |   45 +-
 .../scenario/maximize/MaximizeScenario.vue    |  424 ++-----
 .../business/automation/scenario/menu/Menu.js |   35 +-
 .../module/ApiScenarioModuleHeader.vue        |   50 +-
 .../scenario/testplan/TestPlanList.vue        |  101 +-
 .../scenario/variable/CsvFileUpload.vue       |  112 +-
 .../scenario/variable/EditConstant.vue        |   40 +-
 .../scenario/variable/EditCounter.vue         |   32 +-
 .../automation/scenario/variable/EditCsv.vue  |   57 +-
 .../scenario/variable/EditListValue.vue       |   23 +-
 .../scenario/variable/EditRandom.vue          |   37 +-
 .../scenario/variable/VariableImport.vue      |   22 +-
 .../scenario/variable/VariableList.vue        |  339 ++----
 .../automation/schedule/ScheduleMaintain.vue  |  167 +--
 .../schedule/ScheduleNotification.vue         |   17 +-
 .../automation/schedule/ScheduleSwitch.vue    |   21 +-
 .../automation/version/ScenarioChildDiff.vue  |    6 +-
 .../automation/version/ScenarioDiff.vue       |  489 ++------
 .../automation/version/v_node_diff.js         |   97 +-
 .../src/business/commons/BatchEdit.vue        |   89 +-
 .../src/business/commons/BatchMove.vue        |   12 +-
 .../src/business/commons/DependenciesList.vue |   55 +-
 .../business/commons/EditEnvironmentGroup.vue |   35 +-
 .../business/commons/EnvironmentGroupList.vue |   49 +-
 .../business/commons/EnvironmentGroupRow.vue  |  178 +--
 .../src/business/commons/FileBatchMove.vue    |   17 +-
 .../src/business/commons/FileHeader.vue       |   25 +-
 .../src/business/commons/FormRichTextItem.vue |   14 +-
 .../src/business/commons/MsDropdown.vue       |    6 +-
 .../src/business/commons/MsEditDialog.vue     |    3 +-
 .../frontend/src/business/commons/MsTabs.vue  |   11 +-
 .../src/business/commons/NodeTree.vue         |   73 +-
 .../business/commons/PlanStatusTableItem.vue  |   37 +-
 .../business/commons/PriorityTableItem.vue    |   14 +-
 .../src/business/commons/QuoteFileList.vue    |  105 +-
 .../src/business/commons/RelationshipList.vue |   10 +-
 .../src/business/commons/RelevanceDialog.vue  |    3 +-
 .../business/commons/ScheduleNotification.vue |   17 +-
 .../src/business/commons/SelectMenu.vue       |   16 +-
 .../src/business/commons/ShowMoreBtn.vue      |   14 +-
 .../src/business/commons/TabPaneCount.vue     |    6 +-
 .../commons/TestCaseRelevanceBase.vue         |   43 +-
 .../commons/json-schema/JsonSchemaEditor.vue  |   29 +-
 .../commons/json-schema/convert/convert.js    |   29 +-
 .../commons/json-schema/import/ImportJson.vue |   39 +-
 .../json-schema/schema/editor/main.vue        |  156 +--
 .../schema/editor/mock/Advance.vue            |   78 +-
 .../schema/editor/mock/MockComplete.vue       |   26 +-
 .../src/business/definition/ApiDefinition.vue |  277 ++---
 .../src/business/definition/api-definition.js |   50 +-
 .../definition/components/ApiConfig.vue       |   45 +-
 .../definition/components/ApiKeyValue.vue     |   71 +-
 .../components/ApiScenarioVariables.vue       |   43 +-
 .../definition/components/ApiVariable.vue     |   99 +-
 .../components/ApiVariableAdvance.vue         |  394 ++----
 .../components/ApiVariableInput.vue           |   24 +-
 .../definition/components/ApiVariableJson.vue |   23 +-
 .../components/ApiVariableSetting.vue         |   35 +-
 .../definition/components/BottomContainer.vue |    6 +-
 .../components/EditCompleteContainer.vue      |  127 +-
 .../definition/components/MsCodeEdit.vue      |    8 +-
 .../business/definition/components/Run.vue    |   16 +-
 .../assertion/ApiAssertionDuration.vue        |   23 +-
 .../assertion/ApiAssertionJsonPath.vue        |   97 +-
 .../assertion/ApiAssertionJsr223.vue          |   95 +-
 .../assertion/ApiAssertionRegex.vue           |   53 +-
 .../components/assertion/ApiAssertionText.vue |   46 +-
 .../assertion/ApiAssertionXPath2.vue          |   26 +-
 .../components/assertion/ApiAssertions.vue    |   73 +-
 .../assertion/ApiAssertionsEdit.vue           |   92 +-
 .../assertion/ApiJsonPathSuggestButton.vue    |   10 +-
 .../assertion/ApiJsonpathSuggest.vue          |    9 +-
 .../assertion/GlobalAssertionText.vue         |   47 +-
 .../components/assertion/GlobalAssertions.vue |   69 +-
 .../assertion/ScenarioAssertions.vue          |   70 +-
 .../assertion/document/DocumentBody.vue       |  191 +--
 .../assertion/document/DocumentHeader.vue     |   12 +-
 .../assertion/document/DocumentImport.vue     |   34 +-
 .../components/auth/ApiAuthConfig.vue         |   79 +-
 .../components/basis/AddBasisApi.vue          |  109 +-
 .../components/basis/BatchAddParameter.vue    |   26 +-
 .../basis/BatchAddParameterButton.vue         |   10 +-
 .../definition/components/basis/BatchEdit.vue |   88 +-
 .../definition/components/basis/BatchMove.vue |   12 +-
 .../components/basis/SetEnvironment.vue       |   20 +-
 .../components/body/ApiBinaryVariable.vue     |   35 +-
 .../definition/components/body/ApiBody.vue    |   94 +-
 .../components/body/ApiBodyFileUpload.vue     |   69 +-
 .../components/body/ApiFromUrlVariable.vue    |   57 +-
 .../components/body/ApiJsonVariable.vue       |   35 +-
 .../components/case/ApiCaseHeader.vue         |   17 +-
 .../components/case/ApiCaseItem.vue           |  387 ++----
 .../components/case/EditApiCase.vue           |   80 +-
 .../components/case/MsEnvironmentSelect.vue   |   30 +-
 .../components/collapse/ApiCollapse.vue       |    5 +-
 .../components/collapse/ApiCollapseItem.vue   |   20 +-
 .../collapse/ApiRequestMethodSelect.vue       |    7 +-
 .../components/complete/ApiBaseInfo.vue       |   75 +-
 .../components/complete/ApiOtherInfo.vue      |   23 +-
 .../complete/ApiRelationshipList.vue          |   48 +-
 .../complete/ApiRelationshipRelevance.vue     |   23 +-
 .../components/complete/ApiTableList.vue      |   57 +-
 .../components/complete/BasisApi.vue          |   51 +-
 .../complete/EditCompleteDubboApi.vue         |  189 +--
 .../complete/EditCompleteHTTPApi.vue          |  489 ++------
 .../complete/EditCompleteSQLApi.vue           |  193 +--
 .../complete/EditCompleteTCPApi.vue           |  251 ++--
 .../components/complete/TCPBasicApi.vue       |   61 +-
 .../components/complete/table/TcpXmlTable.vue |  130 +-
 .../complete/version/DubboApiVersionDiff.vue  |   85 +-
 .../complete/version/HttpApiVersionDiff.vue   |  231 +---
 .../complete/version/SQLApiVersionDiff.vue    |   85 +-
 .../complete/version/TCPApiVersionDiff.vue    |  131 +-
 .../components/debug/DebugDubboPage.vue       |   41 +-
 .../components/debug/DebugHttpPage.vue        |   89 +-
 .../components/debug/DebugJdbcPage.vue        |   37 +-
 .../components/debug/DebugTcpPage.vue         |   55 +-
 .../components/document/ApiDocumentAnchor.vue |  277 ++---
 .../document/components/ApiInfoCollapse.vue   |   31 +-
 .../document/components/ApiInformation.vue    |   98 +-
 .../document/components/ApiRemarkShow.vue     |    8 +-
 .../document/components/ApiRequestInfo.vue    |   56 +-
 .../document/components/ApiResponseInfo.vue   |   42 +-
 .../components/JsonSchema/JsonSchemaPanel.vue |   90 +-
 .../components/JsonSchema/JsonSchemaShow.vue  |   26 +-
 .../components/plugin/JsonAdvancedSetting.vue |    6 +-
 .../plugin/TableAdvancedSetting.vue           |   12 +-
 .../components/esb/EsbResponseResult.vue      |   72 +-
 .../definition/components/esb/EsbTable.vue    |  121 +-
 .../components/esb/MxEsbDefinition.vue        |  193 +--
 .../esb/MxEsbDefinitionResponse.vue           |   28 +-
 .../components/extract/ApiExtract.vue         |   37 +-
 .../components/extract/ApiExtractCommon.vue   |   38 +-
 .../components/extract/ApiExtractEdit.vue     |   41 +-
 .../components/import/ApiImport.vue           |  224 +---
 .../components/import/ApiSchedule.vue         |  167 +--
 .../components/import/ImportScheduleEdit.vue  |   73 +-
 .../components/import/SwaggerTaskList.vue     |   51 +-
 .../import/SwaggerTaskNotification.vue        |   17 +-
 .../assertions/response-assertion/index.js    |    5 +-
 .../json-path-extractor/index.js              |    4 +-
 .../components/sampler/dubbo-sampler/index.js |   10 +-
 .../components/sampler/tcp-sampler/index.js   |   12 +-
 .../jmeter/components/test-plan/index.js      |    5 +-
 .../definition/components/jmeter/props.js     |   12 +-
 .../components/list/ApiCaseBatchRun.vue       |    9 +-
 .../components/list/ApiCaseSimpleList.vue     |  273 ++---
 .../components/list/ApiDeleteConfirm.vue      |   34 +-
 .../components/list/ApiDocumentsPage.vue      |    3 +-
 .../definition/components/list/ApiList.vue    |  260 +---
 .../components/list/ApiListContainer.vue      |   14 +-
 .../list/ApiListContainerWithDoc.vue          |   24 +-
 .../definition/components/list/ApiStatus.vue  |   16 +-
 .../mock/Components/MockApiBody.vue           |   60 +-
 .../mock/Components/MockApiResponseBody.vue   |   32 +-
 .../mock/Components/MockApiScriptEditor.vue   |   45 +-
 .../mock/Components/MockApiVariable.vue       |   90 +-
 .../Components/MockCombinationCondition.vue   |   42 +-
 .../mock/Components/MockRequestParam.vue      |  113 +-
 .../mock/Components/MockResponseParam.vue     |   55 +-
 .../mock/Components/MockScriptNavMenu.vue     |   46 +-
 .../mock/Components/MockTcpParam.vue          |   29 +-
 .../definition/components/mock/MockConfig.vue |  157 +--
 .../components/mock/MockConfigHeader.vue      |   17 +-
 .../components/mock/MockEditDrawer.vue        |   60 +-
 .../components/mock/MockRowVariables.vue      |   21 +-
 .../definition/components/mock/MockTab.vue    |  132 +--
 .../components/mock/TcpMockConfig.vue         |  139 +--
 .../components/module/ApiModule.vue           |   59 +-
 .../components/module/ApiModuleHeader.vue     |   28 +-
 .../components/module/ModulePublicButton.vue  |   11 +-
 .../components/module/ModuleTrashButton.vue   |    6 +-
 .../reference/ApiCaseTableExtendBtns.vue      |    7 +-
 .../components/reference/ApiExtendBtns.vue    |   19 +-
 .../components/reference/ShowReference.vue    |  112 +-
 .../request/database/BasisParameters.vue      |  236 +---
 .../request/database/DatabaseConfig.vue       |   13 +-
 .../request/database/DatabaseConfigList.vue   |   50 +-
 .../request/database/DatabaseFrom.vue         |   72 +-
 .../request/dubbo/BasisParameters.vue         |  101 +-
 .../components/request/dubbo/ConfigCenter.vue |   38 +-
 .../request/dubbo/ConsumerAndService.vue      |   66 +-
 .../components/request/dubbo/Interface.vue    |   38 +-
 .../request/dubbo/RegistryCenter.vue          |   31 +-
 .../request/http/ApiAdvancedConfig.vue        |   26 +-
 .../request/http/ApiHttpRequestForm.vue       |  195 +--
 .../request/tcp/TcpBasisParameters.vue        |  141 +--
 .../components/request/tcp/TcpConfig.vue      |   53 +-
 .../request/tcp/TcpFormatParameters.vue       |  262 +---
 .../components/request/tcp/TcpParams.vue      |   41 +-
 .../components/response/ApiResponseView.vue   |    6 +-
 .../components/response/AssertionResults.vue  |   51 +-
 .../components/response/RequestMetric.vue     |  121 +-
 .../components/response/RequestResultTail.vue |    8 +-
 .../components/response/ResponseResult.vue    |  110 +-
 .../components/response/ResponseText.vue      |   44 +-
 .../components/response/SqlResultTable.vue    |   14 +-
 .../components/runtest/RunTestDubboPage.vue   |   44 +-
 .../components/runtest/RunTestHTTPPage.vue    |   93 +-
 .../components/runtest/RunTestSQLPage.vue     |   51 +-
 .../components/runtest/RunTestTCPPage.vue     |   72 +-
 .../share/MxApiDocumentBatchShare.vue         |   13 +-
 .../definition/components/step/JmxStep.vue    |  137 +--
 .../business/definition/model/ApiTestModel.js |  120 +-
 .../business/definition/util/SyncSetting.vue  |   12 +-
 .../components/EnvironmentSelect.vue          |   50 +-
 .../environment/model/EnvironmentModel.js     |    7 +-
 .../src/business/head/ApiHeaderMenus.vue      |   28 +-
 .../src/business/history/ApiHistory.vue       |   47 +-
 .../src/business/history/ApiHistoryDetail.vue |   18 +-
 .../history/api/ApiDubboParameters.vue        |  110 +-
 .../business/history/api/ApiHistoryDetail.vue |   83 +-
 .../history/api/ApiHttpRequestParams.vue      |  119 +-
 .../history/api/ApiJdbcParameters.vue         |   33 +-
 .../src/business/history/api/ApiTcpEsb.vue    |   72 +-
 .../business/history/api/ApiTcpParameters.vue |   75 +-
 .../history/api/EnvironmentEditParams.vue     |  224 +---
 .../history/api/EnvironmentHistoryDetail.vue  |   65 +-
 .../history/api/common/ApiKeyValueDetail.vue  |   29 +-
 .../history/api/json-view/ComparedEditor.vue  |   12 +-
 .../api/json-view/schema/editor/main.vue      |   90 +-
 .../src/business/history/tags/MsInputTag.vue  |   19 +-
 .../history/tags/TagsHistoryDetail.vue        |   27 +-
 .../home/components/card/HoverCard.vue        |   12 +-
 .../home/components/card/MainInfoCard.vue     |   42 +-
 .../home/components/chart/CountChart.vue      |   29 +-
 .../components/dashboard/ApiCaseDashboard.vue |  123 +-
 .../components/dashboard/ApiDashboard.vue     |   75 +-
 .../dashboard/ScenarioDashboard.vue           |  131 +-
 .../dashboard/ScenarioScheduleDashboard.vue   |  100 +-
 .../components/table/HomeTablePagination.vue  |    6 +-
 .../components/table/ScheduleTaskList.vue     |  107 +-
 .../home/components/table/UpdatedApiList.vue  |  103 +-
 api-test/frontend/src/i18n/lang/en-US.js      |    3 +-
 api-test/frontend/src/main.js                 |    8 +-
 api-test/frontend/src/router/index.js         |    3 +-
 api-test/frontend/src/router/modules/api.js   |    3 +-
 .../src/template/document/share/Document.vue  |    3 +-
 .../report/share/ShareApiReportTemplate.vue   |    3 +-
 api-test/frontend/vue.config.js               |   11 +-
 320 files changed, 5221 insertions(+), 17499 deletions(-)
 create mode 100644 api-test/frontend/.prettierrc.json

diff --git a/api-test/frontend/.prettierrc.json b/api-test/frontend/.prettierrc.json
new file mode 100644
index 0000000000..fc78cb2c89
--- /dev/null
+++ b/api-test/frontend/.prettierrc.json
@@ -0,0 +1,20 @@
+{
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": true,
+  "quoteProps": "as-needed",
+  "trailingComma": "es5",
+  "bracketSpacing": true,
+  "bracketSameLine": true,
+  "jsxBracketSameLine": true,
+  "arrowParens": "always",
+  "rangeStart": 0,
+  "requirePragma": false,
+  "insertPragma": false,
+  "htmlWhitespaceSensitivity": "css",
+  "vueIndentScriptAndStyle": false,
+  "endOfLine": "lf",
+  "printWidth": 120,
+  "proseWrap": "never"
+}
diff --git a/api-test/frontend/public/index.html b/api-test/frontend/public/index.html
index 5f1393c1a7..e647f117e3 100644
--- a/api-test/frontend/public/index.html
+++ b/api-test/frontend/public/index.html
@@ -10,9 +10,8 @@
   <body>
     <noscript>
       <strong
-        >We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
-        properly without JavaScript enabled. Please enable it to
-        continue.</strong
+        >We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please
+        enable it to continue.</strong
       >
     </noscript>
     <div id="app"></div>
diff --git a/api-test/frontend/src/api/base-network.js b/api-test/frontend/src/api/base-network.js
index f717f8e44a..68b74ce434 100644
--- a/api-test/frontend/src/api/base-network.js
+++ b/api-test/frontend/src/api/base-network.js
@@ -23,10 +23,7 @@ export function fileUpload(url, file, files, param) {
       formData.append('files', f);
     });
   }
-  formData.append(
-    'request',
-    new Blob([JSON.stringify(param)], { type: 'application/json' })
-  );
+  formData.append('request', new Blob([JSON.stringify(param)], { type: 'application/json' }));
   let config = getUploadConfig(url, formData);
   return request(config);
 }
@@ -45,9 +42,7 @@ export function downloadFile(method, url, data, fileName) {
   };
   request(config)
     .then((res) => {
-      fileName = fileName
-        ? fileName
-        : window.decodeURI(res.headers['content-disposition'].split('=')[1]);
+      fileName = fileName ? fileName : window.decodeURI(res.headers['content-disposition'].split('=')[1]);
       jsFileDownload(res.data, fileName);
     })
     .catch((e) => {
diff --git a/api-test/frontend/src/api/definition-module.js b/api-test/frontend/src/api/definition-module.js
index fb8326c86a..a971fd4432 100644
--- a/api-test/frontend/src/api/definition-module.js
+++ b/api-test/frontend/src/api/definition-module.js
@@ -1,12 +1,7 @@
 import { get, post } from 'metersphere-frontend/src/plugins/request';
 
 export function getApiModules(projectId, protocol, currentVersion) {
-  let url =
-    '/api/module/list/' +
-    projectId +
-    '/' +
-    protocol +
-    (currentVersion ? '/' + currentVersion : '');
+  let url = '/api/module/list/' + projectId + '/' + protocol + (currentVersion ? '/' + currentVersion : '');
   return get(url);
 }
 
@@ -16,13 +11,7 @@ export function getApiModuleByProjectIdAndProtocol(projectId, protocol) {
 }
 
 export function getApiModuleByTrash(projectId, protocol, currentVersion) {
-  let url =
-    '/api/module/trash/list/' +
-    projectId +
-    '/' +
-    protocol +
-    '/' +
-    (currentVersion ? '/' + currentVersion : '');
+  let url = '/api/module/trash/list/' + projectId + '/' + protocol + '/' + (currentVersion ? '/' + currentVersion : '');
   return get(url);
 }
 
diff --git a/api-test/frontend/src/api/definition.js b/api-test/frontend/src/api/definition.js
index b2926807d7..a8b23d1668 100644
--- a/api-test/frontend/src/api/definition.js
+++ b/api-test/frontend/src/api/definition.js
@@ -62,16 +62,11 @@ export function apiListBatch(params) {
 }
 
 export function definitionWeekList(projectId, page, pageSize) {
-  return post(
-    '/api/definition/list/week/' + projectId + '/' + page + '/' + pageSize
-  );
+  return post('/api/definition/list/week/' + projectId + '/' + page + '/' + pageSize);
 }
 
 export function getRelevanceDefinitionPage(page, pageSize, params) {
-  return post(
-    '/api/definition/list/relevance/' + page + '/' + pageSize,
-    params
-  );
+  return post('/api/definition/list/relevance/' + page + '/' + pageSize, params);
 }
 
 export function getDefinitionPage(page, pageSize, params) {
@@ -115,10 +110,7 @@ export function definitionReduction(params) {
 }
 
 export function definitionRelationship(currentPage, pageSize, params) {
-  return post(
-    '/api/definition/relationship/relate/' + currentPage + '/' + pageSize,
-    params
-  );
+  return post('/api/definition/relationship/relate/' + currentPage + '/' + pageSize, params);
 }
 
 export function addRelationship(params) {
@@ -130,17 +122,11 @@ export function jsonGenerator(params) {
 }
 
 export function getDefinitionReference(currentPage, pageSize, params) {
-  return post(
-    '/api/definition/get-reference/' + currentPage + '/' + pageSize,
-    params
-  );
+  return post('/api/definition/get-reference/' + currentPage + '/' + pageSize, params);
 }
 
 export function getPlanReference(currentPage, pageSize, params) {
-  return post(
-    '/test/plan/api/case/get-reference/' + currentPage + '/' + pageSize,
-    params
-  );
+  return post('/test/plan/api/case/get-reference/' + currentPage + '/' + pageSize, params);
 }
 
 export function deleteBatchByParams(params) {
diff --git a/api-test/frontend/src/api/home.js b/api-test/frontend/src/api/home.js
index 7901969644..420e5457d6 100644
--- a/api-test/frontend/src/api/home.js
+++ b/api-test/frontend/src/api/home.js
@@ -31,15 +31,7 @@ export function genPerformanceTestXml(file, files, params) {
 }
 
 export function getRunningTask(selectProjectId, currentPage, pageSize, param) {
-  return post(
-    '/task/center/runningTask/' +
-      selectProjectId +
-      '/' +
-      currentPage +
-      '/' +
-      pageSize,
-    param
-  );
+  return post('/task/center/runningTask/' + selectProjectId + '/' + currentPage + '/' + pageSize, param);
 }
 
 export function formatNumber(param) {
diff --git a/api-test/frontend/src/api/share.js b/api-test/frontend/src/api/share.js
index d99c3c7bda..b13fc8e887 100644
--- a/api-test/frontend/src/api/share.js
+++ b/api-test/frontend/src/api/share.js
@@ -1,8 +1,4 @@
-import {
-  post,
-  generateShareUrl,
-  get,
-} from 'metersphere-frontend/src/plugins/request';
+import { post, generateShareUrl, get } from 'metersphere-frontend/src/plugins/request';
 
 export function generateApiDocumentShareInfo(param) {
   return post('/share/generate/api/document', param);
@@ -22,9 +18,7 @@ export function getShareContent(shareId, stepId) {
 }
 
 export function getShareApiReport(shareId, testId) {
-  return get(
-    '/share/api/definition/report/getReport/' + shareId + '/' + testId
-  );
+  return get('/share/api/definition/report/getReport/' + shareId + '/' + testId);
 }
 
 export function getShareInfo(id) {
diff --git a/api-test/frontend/src/business/automation/ApiAutomation.vue b/api-test/frontend/src/business/automation/ApiAutomation.vue
index 18c98acf80..9637844117 100644
--- a/api-test/frontend/src/business/automation/ApiAutomation.vue
+++ b/api-test/frontend/src/business/automation/ApiAutomation.vue
@@ -16,21 +16,11 @@
         :is-trash-data="trashEnable"
         :type="'edit'"
         :total="total"
-        ref="nodeTree"
-      />
+        ref="nodeTree" />
     </ms-aside-container>
     <ms-main-container>
-      <el-tabs
-        v-model="activeName"
-        @tab-click="addTab"
-        @tab-remove="closeConfirm"
-      >
-        <el-tab-pane
-          name="trash"
-          :closable="true"
-          :label="$t('commons.trash')"
-          v-if="trashEnable"
-        >
+      <el-tabs v-model="activeName" @tab-click="addTab" @tab-remove="closeConfirm">
+        <el-tab-pane name="trash" :closable="true" :label="$t('commons.trash')" v-if="trashEnable">
           <ms-api-scenario-list
             @getTrashCase="getTrashCase"
             @refreshTree="refreshTree"
@@ -47,21 +37,13 @@
             :custom-num="customNum"
             :init-api-table-opretion="initApiTableOpretion"
             @updateInitApiTableOpretion="updateInitApiTableOpretion"
-            ref="apiTrashScenarioList"
-          >
+            ref="apiTrashScenarioList">
             <template v-slot:version>
-              <mx-version-select
-                v-xpack
-                :project-id="projectId"
-                @changeVersion="changeVersion"
-              />
+              <mx-version-select v-xpack :project-id="projectId" @changeVersion="changeVersion" />
             </template>
           </ms-api-scenario-list>
         </el-tab-pane>
-        <el-tab-pane
-          name="default"
-          :label="$t('api_test.automation.scenario_list')"
-        >
+        <el-tab-pane name="default" :label="$t('api_test.automation.scenario_list')">
           <ms-api-scenario-list
             v-if="!trashEnable"
             @getTrashCase="getTrashCase"
@@ -79,32 +61,20 @@
             :custom-num="customNum"
             :init-api-table-opretion="initApiTableOpretion"
             @updateInitApiTableOpretion="updateInitApiTableOpretion"
-            ref="apiScenarioList"
-          >
+            ref="apiScenarioList">
             <template v-slot:version>
-              <mx-version-select
-                v-xpack
-                :project-id="projectId"
-                @changeVersion="changeVersion"
-              />
+              <mx-version-select v-xpack :project-id="projectId" @changeVersion="changeVersion" />
             </template>
           </ms-api-scenario-list>
         </el-tab-pane>
 
-        <el-tab-pane
-          :key="item.name"
-          v-for="item in tabs"
-          :label="item.label"
-          :name="item.name"
-          closable
-        >
+        <el-tab-pane :key="item.name" v-for="item in tabs" :label="item.label" :name="item.name" closable>
           <el-tooltip
             slot="label"
             effect="dark"
             :content="item.label"
             placement="bottom-start"
-            class="ms-tab-name-width"
-          >
+            class="ms-tab-name-width">
             <span>{{ item.label }}</span>
           </el-tooltip>
           <div class="ms-api-scenario-div">
@@ -115,23 +85,16 @@
               :currentScenario="item.currentScenario"
               :custom-num="customNum"
               :moduleOptions="moduleOptions"
-              ref="autoScenarioConfig"
-            />
+              ref="autoScenarioConfig" />
           </div>
         </el-tab-pane>
 
-        <el-tab-pane
-          name="add"
-          v-if="hasPermission('PROJECT_API_SCENARIO:READ+CREATE')"
-        >
+        <el-tab-pane name="add" v-if="hasPermission('PROJECT_API_SCENARIO:READ+CREATE')">
           <template v-slot:label>
             <el-dropdown @command="handleCommand">
               <el-button type="primary" plain icon="el-icon-plus" size="mini" />
               <el-dropdown-menu slot="dropdown">
-                <el-dropdown-item
-                  command="ADD"
-                  v-permission="['PROJECT_API_SCENARIO:READ+CREATE']"
-                >
+                <el-dropdown-item command="ADD" v-permission="['PROJECT_API_SCENARIO:READ+CREATE']">
                   {{ $t('api_test.automation.add_scenario') }}
                 </el-dropdown-item>
                 <el-dropdown-item command="CLOSE_ALL"
@@ -147,24 +110,13 @@
 </template>
 
 <script>
-import {
-  getCurrentProjectID,
-  getCurrentUser,
-  getCurrentWorkspaceId,
-} from 'metersphere-frontend/src/utils/token';
+import { getCurrentProjectID, getCurrentUser, getCurrentWorkspaceId } from 'metersphere-frontend/src/utils/token';
 import { getUUID } from 'metersphere-frontend/src/utils';
 import { hasPermission } from 'metersphere-frontend/src/utils/permission';
-import {
-  PROJECT_ID,
-  WORKSPACE_ID,
-} from 'metersphere-frontend/src/utils/constants';
+import { PROJECT_ID, WORKSPACE_ID } from 'metersphere-frontend/src/utils/constants';
 import { buildTree } from 'metersphere-frontend/src/model/NodeTree';
 import { getScenarioById, getScenarioByTrash } from '@/api/scenario';
-import {
-  getOwnerProjectIds,
-  getProject,
-  getProjectConfig,
-} from '@/api/project';
+import { getOwnerProjectIds, getProject, getProjectConfig } from '@/api/project';
 import { getModuleByProjectId } from '@/api/scenario-module';
 import { useApiStore } from '@/store';
 
@@ -173,18 +125,12 @@ const jsondiffpatch = require('jsondiffpatch');
 export default {
   name: 'ApiAutomation',
   components: {
-    MxVersionSelect: () =>
-      import('metersphere-frontend/src/components/version/MxVersionSelect'),
-    MsApiScenarioModule: () =>
-      import('@/business/automation/scenario/ApiScenarioModule'),
-    MsApiScenarioList: () =>
-      import('@/business/automation/scenario/ApiScenarioList'),
-    MsMainContainer: () =>
-      import('metersphere-frontend/src/components/MsMainContainer'),
-    MsAsideContainer: () =>
-      import('metersphere-frontend/src/components/MsAsideContainer'),
-    MsContainer: () =>
-      import('metersphere-frontend/src/components/MsContainer'),
+    MxVersionSelect: () => import('metersphere-frontend/src/components/version/MxVersionSelect'),
+    MsApiScenarioModule: () => import('@/business/automation/scenario/ApiScenarioModule'),
+    MsApiScenarioList: () => import('@/business/automation/scenario/ApiScenarioList'),
+    MsMainContainer: () => import('metersphere-frontend/src/components/MsMainContainer'),
+    MsAsideContainer: () => import('metersphere-frontend/src/components/MsAsideContainer'),
+    MsContainer: () => import('metersphere-frontend/src/components/MsContainer'),
     MsEditApiScenario: () => import('./scenario/EditApiScenario'),
   },
   comments: {},
@@ -274,8 +220,7 @@ export default {
       }
     },
     activeName() {
-      this.isAsideHidden =
-        this.activeName === 'default' || this.activeName === 'trash';
+      this.isAsideHidden = this.activeName === 'default' || this.activeName === 'trash';
     },
   },
   methods: {
@@ -329,10 +274,7 @@ export default {
       getModuleByProjectId(projectId).then((response) => {
         if (response.data) {
           response.data.forEach((node) => {
-            node.name =
-              node.name === '未规划场景'
-                ? this.$t('api_test.automation.unplanned_scenario')
-                : node.name;
+            node.name = node.name === '未规划场景' ? this.$t('api_test.automation.unplanned_scenario') : node.name;
             buildTree(node, { path: '' });
           });
           this.moduleOptions = response.data;
@@ -525,10 +467,7 @@ export default {
         if (v3.scenarioDefinition) {
           this.deleteResourceIds(v3.scenarioDefinition);
         }
-        let delta = jsondiffpatch.diff(
-          JSON.parse(JSON.stringify(v1)),
-          JSON.parse(JSON.stringify(v3))
-        );
+        let delta = jsondiffpatch.diff(JSON.parse(JSON.stringify(v1)), JSON.parse(JSON.stringify(v3)));
         if (delta) {
           this.isSave = true;
         }
@@ -618,8 +557,7 @@ export default {
           }
           if (
             item.body &&
-            ((item.body.binary && item.body.binary.length === 0) ||
-              (item.body.kvs && item.body.kvs.length === 0))
+            ((item.body.binary && item.body.binary.length === 0) || (item.body.kvs && item.body.kvs.length === 0))
           ) {
             delete item.body;
           }
@@ -647,26 +585,18 @@ export default {
           }
         });
         if (message !== '') {
-          this.$alert(
-            this.$t('commons.scenario') +
-              ' [ ' +
-              message +
-              ' ] ' +
-              this.$t('commons.confirm_info'),
-            '',
-            {
-              confirmButtonText: this.$t('commons.confirm'),
-              cancelButtonText: this.$t('commons.cancel'),
-              callback: (action) => {
-                if (action === 'confirm') {
-                  this.removeTab(targetName);
-                  this.isSave = false;
-                } else {
-                  this.isSave = false;
-                }
-              },
-            }
-          );
+          this.$alert(this.$t('commons.scenario') + ' [ ' + message + ' ] ' + this.$t('commons.confirm_info'), '', {
+            confirmButtonText: this.$t('commons.confirm'),
+            cancelButtonText: this.$t('commons.cancel'),
+            callback: (action) => {
+              if (action === 'confirm') {
+                this.removeTab(targetName);
+                this.isSave = false;
+              } else {
+                this.isSave = false;
+              }
+            },
+          });
         } else {
           this.isSave = false;
           this.removeTab(targetName);
@@ -681,12 +611,7 @@ export default {
       if (index !== -1) {
         // 清除vuex中缓存的环境
         let tab = this.tabs[index];
-        if (
-          tab &&
-          tab.currentScenario &&
-          store.scenarioEnvMap &&
-          store.scenarioEnvMap instanceof Map
-        ) {
+        if (tab && tab.currentScenario && store.scenarioEnvMap && store.scenarioEnvMap instanceof Map) {
           store.scenarioEnvMap.forEach((v, k) => {
             if (k.indexOf(tab.currentScenario.id) !== -1) {
               store.scenarioEnvMap.delete(k);
@@ -764,10 +689,7 @@ export default {
         this.$error(this.$t('api_test.scenario_jump_message'));
         return;
       }
-      const index = this.tabs.find(
-        (p) =>
-          p.currentScenario.id === row.id && p.currentScenario.copy === row.copy
-      );
+      const index = this.tabs.find((p) => p.currentScenario.id === row.id && p.currentScenario.copy === row.copy);
       if (!index) {
         this.addTab({ name: 'edit', currentScenario: row });
       } else {
@@ -806,13 +728,11 @@ export default {
       });
     },
     getProject() {
-      getProjectConfig(this.projectId, '/SCENARIO_CUSTOM_NUM').then(
-        (result) => {
-          if (result.data) {
-            this.customNum = result.data.scenarioCustomNum;
-          }
+      getProjectConfig(this.projectId, '/SCENARIO_CUSTOM_NUM').then((result) => {
+        if (result.data) {
+          this.customNum = result.data.scenarioCustomNum;
         }
-      );
+      });
     },
     updateInitApiTableOpretion(param) {
       this.initApiTableOpretion = param;
@@ -822,8 +742,7 @@ export default {
         this.$refs.apiScenarioList.condition.versionId = currentVersion || null;
       }
       if (this.$refs.apiTrashScenarioList) {
-        this.$refs.apiTrashScenarioList.condition.versionId =
-          currentVersion || null;
+        this.$refs.apiTrashScenarioList.condition.versionId = currentVersion || null;
       }
       this.refreshAll();
     },
diff --git a/api-test/frontend/src/business/automation/api-automation.js b/api-test/frontend/src/business/automation/api-automation.js
index a414d0e99d..e1ccbc67f3 100644
--- a/api-test/frontend/src/business/automation/api-automation.js
+++ b/api-test/frontend/src/business/automation/api-automation.js
@@ -76,13 +76,7 @@ function getScenarioFiles(obj) {
   return scenarioFiles;
 }
 
-export function saveScenario(
-  url,
-  scenario,
-  scenarioDefinition,
-  _this,
-  success
-) {
+export function saveScenario(url, scenario, scenarioDefinition, _this, success) {
   let bodyFiles = getBodyUploadFiles(scenario, scenarioDefinition);
   if (store.pluginFiles && store.pluginFiles.length > 0) {
     store.pluginFiles.forEach((fileItem) => {
@@ -104,10 +98,7 @@ export function saveScenario(
       formData.append('scenarioFiles', f);
     });
   }
-  formData.append(
-    'request',
-    new Blob([JSON.stringify(scenario)], { type: 'application/json' })
-  );
+  formData.append('request', new Blob([JSON.stringify(scenario)], { type: 'application/json' }));
   let config = getUploadConfig(url, formData);
   editScenario(config).then(
     (response) => {
@@ -155,29 +146,14 @@ export function scenarioSort(_this) {
       _this.scenarioDefinition[i].projectId = _this.projectId;
     }
 
-    if (
-      _this.scenarioDefinition[i].hashTree != undefined &&
-      _this.scenarioDefinition[i].hashTree.length > 0
-    ) {
+    if (_this.scenarioDefinition[i].hashTree != undefined && _this.scenarioDefinition[i].hashTree.length > 0) {
       if (_this.hideTreeNode) {
-        _this.hideTreeNode(
-          _this.scenarioDefinition[i],
-          _this.scenarioDefinition[i].hashTree
-        );
+        _this.hideTreeNode(_this.scenarioDefinition[i], _this.scenarioDefinition[i].hashTree);
       }
-      recursiveSorting(
-        _this,
-        _this.scenarioDefinition[i].hashTree,
-        _this.scenarioDefinition[i].projectId
-      );
+      recursiveSorting(_this, _this.scenarioDefinition[i].hashTree, _this.scenarioDefinition[i].projectId);
     }
     // 添加debug结果
-    if (
-      _this.debugResult &&
-      _this.debugResult.get(
-        _this.scenarioDefinition[i].id + _this.scenarioDefinition[i].name
-      )
-    ) {
+    if (_this.debugResult && _this.debugResult.get(_this.scenarioDefinition[i].id + _this.scenarioDefinition[i].name)) {
       _this.scenarioDefinition[i].requestResult = _this.debugResult.get(
         _this.scenarioDefinition[i].id + _this.scenarioDefinition[i].name
       );
@@ -197,9 +173,7 @@ export function recursiveSorting(_this, arr, scenarioProjectId) {
       arr[i].countController.proceed = true;
     }
     if (!arr[i].projectId) {
-      arr[i].projectId = scenarioProjectId
-        ? scenarioProjectId
-        : _this.projectId;
+      arr[i].projectId = scenarioProjectId ? scenarioProjectId : _this.projectId;
     }
     if (arr[i].hashTree != undefined && arr[i].hashTree.length > 0) {
       if (_this.hideTreeNode) {
diff --git a/api-test/frontend/src/business/automation/report/ApiReportDetail.vue b/api-test/frontend/src/business/automation/report/ApiReportDetail.vue
index 5899b41c6d..f5b7655ff6 100644
--- a/api-test/frontend/src/business/automation/report/ApiReportDetail.vue
+++ b/api-test/frontend/src/business/automation/report/ApiReportDetail.vue
@@ -14,23 +14,14 @@
               :report="report"
               :project-env-map="projectEnvMap"
               @reportExport="handleExport"
-              @reportSave="handleSave"
-            />
+              @reportSave="handleSave" />
 
             <!-- content -->
             <main v-if="isNotRunning">
               <!-- content header chart -->
-              <ms-metric-chart
-                :content="content"
-                :totalTime="totalTime"
-                :report="report"
-              />
+              <ms-metric-chart :content="content" :totalTime="totalTime" :report="report" />
 
-              <el-tabs
-                v-model="activeName"
-                @tab-click="handleClick"
-                style="min-width: 1200px"
-              >
+              <el-tabs v-model="activeName" @tab-click="handleClick" style="min-width: 1200px">
                 <!-- all step-->
                 <el-tab-pane label="All" name="total">
                   <ms-scenario-results
@@ -40,8 +31,7 @@
                     :is-share="isShare"
                     :share-id="shareId"
                     v-on:requestResult="requestResult"
-                    ref="resultsTree"
-                  />
+                    ref="resultsTree" />
                 </el-tab-pane>
                 <!-- fail step -->
                 <el-tab-pane name="fail">
@@ -54,8 +44,7 @@
                     :share-id="shareId"
                     :treeData="fullTreeNodes"
                     ref="failsTree"
-                    :errorReport="content.error"
-                  />
+                    :errorReport="content.error" />
                 </el-tab-pane>
                 <!--error step -->
                 <el-tab-pane name="errorReport" v-if="content.errorCode > 0">
@@ -69,8 +58,7 @@
                     :share-id="shareId"
                     :console="content.console"
                     :treeData="fullTreeNodes"
-                    ref="errorReportTree"
-                  />
+                    ref="errorReportTree" />
                 </el-tab-pane>
                 <!-- Not performed step -->
                 <el-tab-pane name="unExecute" v-if="content.unExecute > 0">
@@ -84,8 +72,7 @@
                     :share-id="shareId"
                     :console="content.console"
                     :treeData="fullTreeNodes"
-                    ref="unExecuteTree"
-                  />
+                    ref="unExecuteTree" />
                 </el-tab-pane>
                 <!-- console -->
                 <el-tab-pane name="console">
@@ -96,8 +83,7 @@
                     :mode="'text'"
                     :read-only="true"
                     :data.sync="content.console"
-                    height="calc(100vh - 500px)"
-                  />
+                    height="calc(100vh - 500px)" />
                 </el-tab-pane>
               </el-tabs>
             </main>
@@ -114,8 +100,7 @@
       :title="report.name"
       :content="content"
       :report="report"
-      :total-time="totalTime"
-    />
+      :total-time="totalTime" />
   </div>
 </template>
 
@@ -243,12 +228,7 @@ export default {
       }
     },
     rerunVerify() {
-      if (
-        hasLicense() &&
-        this.fullTreeNodes &&
-        this.fullTreeNodes.length > 0 &&
-        !this.isShare
-      ) {
+      if (hasLicense() && this.fullTreeNodes && this.fullTreeNodes.length > 0 && !this.isShare) {
         this.fullTreeNodes.forEach((item) => {
           item.redirect = true;
           if (
@@ -264,11 +244,7 @@ export default {
     },
     handleClick(tab, event) {
       this.isRequestResult = false;
-      if (
-        this.report &&
-        this.report.reportVersion &&
-        this.report.reportVersion > 1
-      ) {
+      if (this.report && this.report.reportVersion && this.report.reportVersion > 1) {
         this.filter(tab.index);
       }
     },
@@ -324,9 +300,7 @@ export default {
             node.children = [];
           } else {
             if (item.subRequestResults && item.subRequestResults.length > 0) {
-              let itemChildren = this.deepFormatTreeNode(
-                item.subRequestResults
-              );
+              let itemChildren = this.deepFormatTreeNode(item.subRequestResults);
               node.children = itemChildren;
               if (node.label.indexOf('UUID=')) {
                 node.label = node.label.split('UUID=')[0];
@@ -370,8 +344,7 @@ export default {
                 if (i !== nodeArray.length - 1 && !children[j].children) {
                   children[j].children = [];
                 }
-                children =
-                  i === nodeArray.length - 1 ? children : children[j].children;
+                children = i === nodeArray.length - 1 ? children : children[j].children;
                 isExist = true;
                 break;
               }
@@ -379,16 +352,10 @@ export default {
           }
           if (!isExist) {
             children.push(node);
-            if (
-              i !== nodeArray.length - 1 &&
-              !children[children.length - 1].children
-            ) {
+            if (i !== nodeArray.length - 1 && !children[children.length - 1].children) {
               children[children.length - 1].children = [];
             }
-            children =
-              i === nodeArray.length - 1
-                ? children
-                : children[children.length - 1].children;
+            children = i === nodeArray.length - 1 ? children : children[children.length - 1].children;
           }
         }
       });
@@ -444,10 +411,7 @@ export default {
         // 排序
         if (scenarioDefinition[i]) {
           scenarioDefinition[i].index = Number(i) + 1;
-          if (
-            scenarioDefinition[i].children &&
-            scenarioDefinition[i].children.length > 0
-          ) {
+          if (scenarioDefinition[i].children && scenarioDefinition[i].children.length > 0) {
             this.recursiveSorting(scenarioDefinition[i].children);
           }
         }
@@ -468,8 +432,7 @@ export default {
             this.fullTreeNodes = report.steps;
             this.content.console = report.console;
             this.content.error = report.error;
-            let successCount =
-              report.total - report.error - report.errorCode - report.unExecute;
+            let successCount = report.total - report.error - report.errorCode - report.unExecute;
             this.content.success = successCount;
             this.totalTime = report.totalTime;
           }
@@ -529,18 +492,13 @@ export default {
               this.fullTreeNodes = report.steps;
               this.content.console = report.console;
               this.content.error = report.error;
-              let successCount =
-                report.total -
-                report.error -
-                report.errorCode -
-                report.unExecute;
+              let successCount = report.total - report.error - report.errorCode - report.unExecute;
               this.content.success = successCount;
               this.totalTime = report.totalTime;
             }
             // 增加失败重跑校验
             if (
-              (this.report &&
-                this.report.reportType === 'SCENARIO_INTEGRATED') ||
+              (this.report && this.report.reportType === 'SCENARIO_INTEGRATED') ||
               this.report.reportType === 'API_INTEGRATED'
             ) {
               this.rerunVerify();
@@ -579,11 +537,7 @@ export default {
           let tempMap = new Map();
 
           for (let i = 0; i < children.length; i++) {
-            if (
-              !children[i].value ||
-              !children[i].value.startTime ||
-              children[i].value.startTime === 0
-            ) {
+            if (!children[i].value || !children[i].value.startTime || children[i].value.startTime === 0) {
               //若没有value或未执行的，则step留在当前位置
               tempArr[i] = children[i];
               //进行标识
@@ -702,10 +656,7 @@ export default {
     },
     formatExportApi(array, scenario) {
       array.forEach((item) => {
-        if (
-          this.stepFilter &&
-          this.stepFilter.get('AllSamplerProxy').indexOf(item.type) !== -1
-        ) {
+        if (this.stepFilter && this.stepFilter.get('AllSamplerProxy').indexOf(item.type) !== -1) {
           if (item.errorCode) {
             item.value.errorCode = item.errorCode;
           }
@@ -721,10 +672,7 @@ export default {
     },
     startExport() {
       if (this.report.reportVersion && this.report.reportVersion > 1) {
-        if (
-          this.report.reportType === 'API_INTEGRATED' ||
-          this.report.reportType === 'UI_INTEGRATED'
-        ) {
+        if (this.report.reportType === 'API_INTEGRATED' || this.report.reportType === 'UI_INTEGRATED') {
           let scenario = { name: '', requestResults: [] };
           this.content.scenarios = [scenario];
           this.formatExportApi(this.fullTreeNodes, scenario);
@@ -733,10 +681,7 @@ export default {
             this.fullTreeNodes.forEach((item) => {
               if (item.type === 'scenario') {
                 let scenario = { name: item.label, requestResults: [] };
-                if (
-                  this.content.scenarios &&
-                  this.content.scenarios.length > 0
-                ) {
+                if (this.content.scenarios && this.content.scenarios.length > 0) {
                   this.content.scenarios.push(scenario);
                 } else {
                   this.content.scenarios = [scenario];
@@ -752,10 +697,7 @@ export default {
       let name = this.report.name;
       this.$nextTick(() => {
         setTimeout(() => {
-          downloadPDF(
-            document.getElementById('apiTestReport'),
-            name || 'scenario-report'
-          );
+          downloadPDF(document.getElementById('apiTestReport'), name || 'scenario-report');
           reset();
         }, 5000);
       });
diff --git a/api-test/frontend/src/business/automation/report/ApiReportExport.vue b/api-test/frontend/src/business/automation/report/ApiReportExport.vue
index bfe8025a87..7489ad333e 100644
--- a/api-test/frontend/src/business/automation/report/ApiReportExport.vue
+++ b/api-test/frontend/src/business/automation/report/ApiReportExport.vue
@@ -3,30 +3,16 @@
     :title="title"
     :report="report"
     :project-env-map="projectEnvMap"
-    :type="$t('report.api_test_report')"
-  >
-    <ms-metric-chart
-      :content="content"
-      :is-export="true"
-      :totalTime="totalTime"
-      :report="report"
-    />
-    <div
-      class="scenario-result"
-      v-for="(scenario, index) in content.scenarios"
-      :key="index"
-      :scenario="scenario"
-    >
+    :type="$t('report.api_test_report')">
+    <ms-metric-chart :content="content" :is-export="true" :totalTime="totalTime" :report="report" />
+    <div class="scenario-result" v-for="(scenario, index) in content.scenarios" :key="index" :scenario="scenario">
       <el-card>
-        <template v-slot:header>
-          {{ $t('api_report.scenario_name') }}：{{ scenario.name }}
-        </template>
+        <template v-slot:header> {{ $t('api_report.scenario_name') }}：{{ scenario.name }} </template>
         <div
           class="ms-border clearfix"
           v-for="(request, index) in scenario.requestResults"
           :key="index"
-          :request="request"
-        >
+          :request="request">
           <div class="request-top">
             <div>
               {{ getName(request.name) }}
@@ -37,15 +23,11 @@
           </div>
           <el-divider />
           <div class="request-middle">
-            <api-report-request-header-item
-              :title="$t('api_test.request.method')"
-            >
+            <api-report-request-header-item :title="$t('api_test.request.method')">
               <span class="method"> {{ request.method }}</span>
             </api-report-request-header-item>
 
-            <api-report-request-header-item
-              :title="$t('api_report.response_time')"
-            >
+            <api-report-request-header-item :title="$t('api_report.response_time')">
               {{ request.responseResult.responseTime }} ms
             </api-report-request-header-item>
 
@@ -53,15 +35,11 @@
               {{ request.responseResult.latency }} ms
             </api-report-request-header-item>
 
-            <api-report-request-header-item
-              :title="$t('api_report.request_size')"
-            >
+            <api-report-request-header-item :title="$t('api_report.request_size')">
               {{ request.requestSize }} bytes
             </api-report-request-header-item>
 
-            <api-report-request-header-item
-              :title="$t('api_report.response_size')"
-            >
+            <api-report-request-header-item :title="$t('api_report.response_size')">
               {{ request.responseResult.responseSize }} bytes
             </api-report-request-header-item>
 
@@ -69,36 +47,23 @@
               {{ request.error }}
             </api-report-request-header-item>
 
-            <api-report-request-header-item
-              :title="$t('api_report.assertions')"
-            >
+            <api-report-request-header-item :title="$t('api_report.assertions')">
               {{ request.passAssertions + ' / ' + request.totalAssertions }}
             </api-report-request-header-item>
 
-            <api-report-request-header-item
-              :title="$t('api_report.response_code')"
-            >
+            <api-report-request-header-item :title="$t('api_report.response_code')">
               {{ request.responseResult.responseCode }}
             </api-report-request-header-item>
 
             <api-report-request-header-item :title="$t('api_report.result')">
-              <el-tag v-if="request.unexecute"
-                >{{ $t('api_test.home_page.detail_card.unexecute') }}
-              </el-tag>
-              <el-tag
-                v-else-if="
-                  !request.success &&
-                  request.status &&
-                  request.status === 'PENDING'
-                "
+              <el-tag v-if="request.unexecute">{{ $t('api_test.home_page.detail_card.unexecute') }} </el-tag>
+              <el-tag v-else-if="!request.success && request.status && request.status === 'PENDING'"
                 >{{ $t('api_test.home_page.detail_card.unexecute') }}
               </el-tag>
               <el-tag v-else-if="request.errorCode" class="ms-test-error_code">
                 {{ $t('error_report_library.option.name') }}
               </el-tag>
-              <el-tag size="mini" type="success" v-else-if="request.success">
-                Success
-              </el-tag>
+              <el-tag size="mini" type="success" v-else-if="request.success"> Success </el-tag>
               <el-tag size="mini" type="danger" v-else> Error </el-tag>
             </api-report-request-header-item>
           </div>
diff --git a/api-test/frontend/src/business/automation/report/ApiReportList.vue b/api-test/frontend/src/business/automation/report/ApiReportList.vue
index 1919be7197..bad51f64e4 100644
--- a/api-test/frontend/src/business/automation/report/ApiReportList.vue
+++ b/api-test/frontend/src/business/automation/report/ApiReportList.vue
@@ -3,42 +3,17 @@
     <ms-main-container>
       <el-card class="table-card" v-loading="result">
         <template v-slot:header>
-          <ms-table-header
-            :condition.sync="condition"
-            v-if="loadIsOver"
-            @search="search"
-            :show-create="false"
-          >
+          <ms-table-header :condition.sync="condition" v-if="loadIsOver" @search="search" :show-create="false">
             <template v-slot:button>
               <el-button-group>
-                <el-tooltip
-                  class="item"
-                  effect="dark"
-                  content="left"
-                  :disabled="true"
-                  placement="left"
-                >
-                  <el-button
-                    plain
-                    :class="{ active: leftActive }"
-                    @click="changeTab('left')"
-                  >
+                <el-tooltip class="item" effect="dark" content="left" :disabled="true" placement="left">
+                  <el-button plain :class="{ active: leftActive }" @click="changeTab('left')">
                     {{ $t('commons.scenario') }}
                   </el-button>
                 </el-tooltip>
 
-                <el-tooltip
-                  class="item"
-                  effect="dark"
-                  content="right"
-                  :disabled="true"
-                  placement="right"
-                >
-                  <el-button
-                    plain
-                    :class="{ active: rightActive }"
-                    @click="changeTab('right')"
-                  >
+                <el-tooltip class="item" effect="dark" content="right" :disabled="true" placement="right">
+                  <el-button plain :class="{ active: rightActive }" @click="changeTab('right')">
                     {{ $t('api_test.definition.request.case') }}
                   </el-button>
                 </el-tooltip>
@@ -58,36 +33,24 @@
           :height="screenHeight"
           @filter-change="filter"
           @row-click="handleView"
-          v-if="loadIsOver"
-        >
+          v-if="loadIsOver">
           <el-table-column type="selection" />
           <el-table-column width="40" :resizable="false" align="center">
             <el-dropdown slot="header" style="width: 14px">
               <span class="el-dropdown-link" style="width: 14px">
-                <i
-                  class="el-icon-arrow-down el-icon--right"
-                  style="margin-left: 0px"
-                ></i>
+                <i class="el-icon-arrow-down el-icon--right" style="margin-left: 0px"></i>
               </span>
               <el-dropdown-menu slot="dropdown">
                 <el-dropdown-item @click.native.stop="isSelectDataAll(true)">
                   {{ $t('api_test.batch_menus.select_all_data', [total]) }}
                 </el-dropdown-item>
                 <el-dropdown-item @click.native.stop="isSelectDataAll(false)">
-                  {{
-                    $t('api_test.batch_menus.select_show_data', [
-                      tableData.length,
-                    ])
-                  }}
+                  {{ $t('api_test.batch_menus.select_show_data', [tableData.length]) }}
                 </el-dropdown-item>
               </el-dropdown-menu>
             </el-dropdown>
             <template v-slot:default="scope">
-              <show-more-btn
-                :is-show="scope.row.showMore"
-                :buttons="buttons"
-                :size="selectDataCounts"
-              />
+              <show-more-btn :is-show="scope.row.showMore" :buttons="buttons" :size="selectDataCounts" />
             </template>
           </el-table-column>
 
@@ -99,8 +62,7 @@
             :editable="true"
             :edit-content="$t('report.rename_report')"
             @editColumn="openReNameDialog"
-            min-width="200px"
-          >
+            min-width="200px">
           </ms-table-column>
 
           <el-table-column
@@ -108,8 +70,7 @@
             :label="$t('load_test.report_type')"
             width="150"
             column-key="reportType"
-            :filters="reportTypeFilters"
-          >
+            :filters="reportTypeFilters">
             <template v-slot:default="scope">
               <div v-if="scope.row.reportType === 'SCENARIO_INTEGRATED'">
                 <el-tag size="mini" type="primary">
@@ -142,24 +103,13 @@
             :label="$t('api_test.creator')"
             width="150"
             show-overflow-tooltip
-            :filters="userFilters"
-          />
-          <el-table-column
-            prop="createTime"
-            min-width="120"
-            :label="$t('commons.create_time')"
-            sortable
-          >
+            :filters="userFilters" />
+          <el-table-column prop="createTime" min-width="120" :label="$t('commons.create_time')" sortable>
             <template v-slot:default="scope">
               <span>{{ scope.row.createTime | datetimeFormat }}</span>
             </template>
           </el-table-column>
-          <el-table-column
-            prop="endTime"
-            min-width="120"
-            :label="$t('report.test_end_time')"
-            sortable
-          >
+          <el-table-column prop="endTime" min-width="120" :label="$t('report.test_end_time')" sortable>
             <template v-slot:default="scope">
               <span v-if="scope.row.endTime && scope.row.endTime > 0">
                 {{ scope.row.endTime | datetimeFormat }}
@@ -174,18 +124,12 @@
             width="150"
             :label="$t('commons.trigger_mode.name')"
             column-key="triggerMode"
-            :filters="triggerFilters"
-          >
+            :filters="triggerFilters">
             <template v-slot:default="scope">
               <report-trigger-mode-item :trigger-mode="scope.row.triggerMode" />
             </template>
           </el-table-column>
-          <el-table-column
-            :label="$t('commons.status')"
-            :filters="statusFilters"
-            column-key="status"
-            prop="status"
-          >
+          <el-table-column :label="$t('commons.status')" :filters="statusFilters" column-key="status" prop="status">
             <template v-slot:default="{ row }">
               <ms-api-report-status :status="row.status" />
             </template>
@@ -197,15 +141,13 @@
                   :tip="$t('api_report.detail')"
                   icon="el-icon-s-data"
                   @exec="handleView(scope.row)"
-                  type="primary"
-                />
+                  type="primary" />
                 <ms-table-operator-button
                   :tip="$t('api_report.delete')"
                   v-permission="['PROJECT_API_REPORT:READ+DELETE']"
                   icon="el-icon-delete"
                   @exec="handleDelete(scope.row)"
-                  type="danger"
-                />
+                  type="danger" />
               </div>
             </template>
           </el-table-column>
@@ -214,13 +156,9 @@
           :change="search"
           :current-page.sync="currentPage"
           :page-size.sync="pageSize"
-          :total="total"
-        />
+          :total="total" />
       </el-card>
-      <ms-rename-report-dialog
-        ref="renameDialog"
-        @submit="rename($event)"
-      ></ms-rename-report-dialog>
+      <ms-rename-report-dialog ref="renameDialog" @submit="rename($event)"></ms-rename-report-dialog>
       <el-dialog
         :close-on-click-modal="false"
         :title="$t('test_track.plan_view.test_result')"
@@ -228,55 +166,34 @@
         :visible.sync="resVisible"
         class="api-import"
         destroy-on-close
-        @close="resVisible = false"
-      >
-        <ms-request-result-tail
-          :report-id="reportId"
-          :response="response"
-          ref="debugResult"
-        />
+        @close="resVisible = false">
+        <ms-request-result-tail :report-id="reportId" :response="response" ref="debugResult" />
       </el-dialog>
     </ms-main-container>
   </ms-container>
 </template>
 <script>
 import { getCurrentProjectID } from 'metersphere-frontend/src/utils/token';
-import {
-  REPORT_CASE_CONFIGS,
-  REPORT_CONFIGS,
-} from 'metersphere-frontend/src/components/search/search-components';
+import { REPORT_CASE_CONFIGS, REPORT_CONFIGS } from 'metersphere-frontend/src/components/search/search-components';
 import { _filter, _sort } from 'metersphere-frontend/src/utils/tableUtils';
 import MsRenameReportDialog from 'metersphere-frontend/src/components/report/MsRenameReportDialog';
 import MsTableColumn from 'metersphere-frontend/src/components/table/MsTableColumn';
 import MsRequestResultTail from '@/business/definition/components/response/RequestResultTail';
 import MsTabButton from '@/business/commons/MsTabs';
 import { getMaintainer } from '@/api/project';
-import {
-  delBatchReport,
-  delReport,
-  getReportPage,
-  reportReName,
-} from '@/api/scenario-report';
+import { delBatchReport, delReport, getReportPage, reportReName } from '@/api/scenario-report';
 import { getApiReportPage } from '@/api/definition-report';
 import { REPORT_STATUS } from '@/business/commons/js/commons';
 
 export default {
   components: {
-    ReportTriggerModeItem: () =>
-      import(
-        'metersphere-frontend/src/components/tableItem/ReportTriggerModeItem'
-      ),
-    MsTableOperatorButton: () =>
-      import('metersphere-frontend/src/components/MsTableOperatorButton'),
+    ReportTriggerModeItem: () => import('metersphere-frontend/src/components/tableItem/ReportTriggerModeItem'),
+    MsTableOperatorButton: () => import('metersphere-frontend/src/components/MsTableOperatorButton'),
     MsApiReportStatus: () => import('./ApiReportStatus'),
-    MsMainContainer: () =>
-      import('metersphere-frontend/src/components/MsMainContainer'),
-    MsContainer: () =>
-      import('metersphere-frontend/src/components/MsContainer'),
-    MsTableHeader: () =>
-      import('metersphere-frontend/src/components/MsTableHeader'),
-    MsTablePagination: () =>
-      import('metersphere-frontend/src/components/pagination/TablePagination'),
+    MsMainContainer: () => import('metersphere-frontend/src/components/MsMainContainer'),
+    MsContainer: () => import('metersphere-frontend/src/components/MsContainer'),
+    MsTableHeader: () => import('metersphere-frontend/src/components/MsTableHeader'),
+    MsTablePagination: () => import('metersphere-frontend/src/components/pagination/TablePagination'),
     ShowMoreBtn: () => import('@/business/commons/ShowMoreBtn'),
     MsRenameReportDialog,
     MsTableColumn,
@@ -308,15 +225,11 @@ export default {
       reportTypeFilters: [],
       reportScenarioFilters: [
         {
-          text:
-            this.$t('api_test.scenario.independent') +
-            this.$t('commons.scenario'),
+          text: this.$t('api_test.scenario.independent') + this.$t('commons.scenario'),
           value: 'SCENARIO_INDEPENDENT',
         },
         {
-          text:
-            this.$t('api_test.scenario.integrated') +
-            this.$t('commons.scenario'),
+          text: this.$t('api_test.scenario.integrated') + this.$t('commons.scenario'),
           value: 'SCENARIO_INTEGRATED',
         },
       ],
@@ -398,20 +311,12 @@ export default {
       this.genRedirectParams(this.condition);
       if (this.activeDom === 'left') {
         this.reportTypeFilters = this.reportScenarioFilters;
-        this.result = getReportPage(
-          this.currentPage,
-          this.pageSize,
-          this.condition
-        ).then((res) => {
+        this.result = getReportPage(this.currentPage, this.pageSize, this.condition).then((res) => {
           this.setData(res);
         });
       } else {
         this.reportTypeFilters = this.reportCaseFilters;
-        this.result = getApiReportPage(
-          this.currentPage,
-          this.pageSize,
-          this.condition
-        ).then((res) => {
+        this.result = getApiReportPage(this.currentPage, this.pageSize, this.condition).then((res) => {
           this.setData(res);
         });
       }
@@ -456,10 +361,7 @@ export default {
         this.$warning(this.$t('commons.run_warning'));
         return;
       }
-      if (
-        report.reportType.indexOf('SCENARIO') !== -1 ||
-        report.reportType === 'API_INTEGRATED'
-      ) {
+      if (report.reportType.indexOf('SCENARIO') !== -1 || report.reportType === 'API_INTEGRATED') {
         this.currentProjectId = report.projectId;
         this.$router.push({
           path: 'report/view/' + report.id,
@@ -470,21 +372,17 @@ export default {
       }
     },
     handleDelete(report) {
-      this.$alert(
-        this.$t('api_report.delete_confirm') + report.name + '？',
-        '',
-        {
-          confirmButtonText: this.$t('commons.confirm'),
-          callback: (action) => {
-            if (action === 'confirm') {
-              delReport(report.id).then(() => {
-                this.$success(this.$t('commons.delete_success'));
-                this.search();
-              });
-            }
-          },
-        }
-      );
+      this.$alert(this.$t('api_report.delete_confirm') + report.name + '？', '', {
+        confirmButtonText: this.$t('commons.confirm'),
+        callback: (action) => {
+          if (action === 'confirm') {
+            delReport(report.id).then(() => {
+              this.$success(this.$t('commons.delete_success'));
+              this.search();
+            });
+          }
+        },
+      });
     },
     init() {
       this.testId = this.$route.params.testId;
@@ -533,8 +431,7 @@ export default {
             sendParam.selectAllDate = this.isSelectAllDate;
             sendParam.unSelectIds = this.unSelection;
             sendParam = Object.assign(sendParam, this.condition);
-            sendParam.caseType =
-              this.activeDom === 'right' ? 'API' : 'SCENARIO';
+            sendParam.caseType = this.activeDom === 'right' ? 'API' : 'SCENARIO';
             delBatchReport(sendParam).then(() => {
               this.selectRows.clear();
               this.$success(this.$t('commons.delete_success'));
diff --git a/api-test/frontend/src/business/automation/report/ApiReportStatus.vue b/api-test/frontend/src/business/automation/report/ApiReportStatus.vue
index 22e2f9d043..a340b4e223 100644
--- a/api-test/frontend/src/business/automation/report/ApiReportStatus.vue
+++ b/api-test/frontend/src/business/automation/report/ApiReportStatus.vue
@@ -1,18 +1,9 @@
 <template>
   <div>
-    <el-tag
-      size="mini"
-      type="primary"
-      effect="plain"
-      v-if="getStatus(status) === 'running'"
-    >
+    <el-tag size="mini" type="primary" effect="plain" v-if="getStatus(status) === 'running'">
       {{ showStatus(status) }}
     </el-tag>
-    <el-tag
-      size="mini"
-      type="success"
-      v-else-if="getStatus(status) === 'success'"
-    >
+    <el-tag size="mini" type="success" v-else-if="getStatus(status) === 'success'">
       {{ showStatus(status) }}
     </el-tag>
     <el-tag size="mini" type="danger" v-else-if="getStatus(status) === 'error'">
@@ -22,8 +13,7 @@
       size="mini"
       type="danger"
       style="background-color: #f6972a; color: #ffffff"
-      v-else-if="getStatus(status) === 'fake_error'"
-    >
+      v-else-if="getStatus(status) === 'fake_error'">
       FakeError
     </el-tag>
     <span v-else-if="status === '-'" size="mini" type="info"> - </span>
@@ -51,9 +41,7 @@ export default {
       if (!status) {
         status = 'PENDING';
       }
-      return (
-        status.toLowerCase()[0].toUpperCase() + status.toLowerCase().substr(1)
-      );
+      return status.toLowerCase()[0].toUpperCase() + status.toLowerCase().substr(1);
     },
   },
 };
diff --git a/api-test/frontend/src/business/automation/report/ApiReportView.vue b/api-test/frontend/src/business/automation/report/ApiReportView.vue
index 7593868656..2deca89793 100644
--- a/api-test/frontend/src/business/automation/report/ApiReportView.vue
+++ b/api-test/frontend/src/business/automation/report/ApiReportView.vue
@@ -5,8 +5,7 @@
     :is-share="isShare"
     :is-plan="isPlanReport"
     :template-report="response"
-    :is-template="isTemplate"
-  />
+    :is-template="isTemplate" />
 </template>
 
 <script>
diff --git a/api-test/frontend/src/business/automation/report/ApiReportViewHeader.vue b/api-test/frontend/src/business/automation/report/ApiReportViewHeader.vue
index f6d796fcbe..08acb23dc7 100644
--- a/api-test/frontend/src/business/automation/report/ApiReportViewHeader.vue
+++ b/api-test/frontend/src/business/automation/report/ApiReportViewHeader.vue
@@ -11,15 +11,9 @@
             style="width: 200px"
             v-model="report.name"
             maxlength="60"
-            show-word-limit
-          />
+            show-word-limit />
           <span v-else>
-            <el-link
-              v-if="isSingleScenario"
-              type="primary"
-              class="report-name"
-              @click="redirect"
-            >
+            <el-link v-if="isSingleScenario" type="primary" class="report-name" @click="redirect">
               {{ report.name }}
             </el-link>
             <span v-else>
@@ -30,18 +24,13 @@
               class="el-icon-edit"
               style="cursor: pointer"
               @click="nameIsEdit = true"
-              @click.stop
-            />
+              @click.stop />
           </span>
         </span>
         <span v-if="report.endTime || report.createTime">
-          <span style="margin-left: 10px"
-            >{{ $t('report.test_start_time') }}：</span
-          >
+          <span style="margin-left: 10px">{{ $t('report.test_start_time') }}：</span>
           <span class="time"> {{ report.createTime | datetimeFormat }}</span>
-          <span style="margin-left: 10px"
-            >{{ $t('report.test_end_time') }}：</span
-          >
+          <span style="margin-left: 10px">{{ $t('report.test_end_time') }}：</span>
           <span class="time"> {{ report.endTime | datetimeFormat }}</span>
         </span>
         <div style="float: right">
@@ -54,8 +43,7 @@
             type="primary"
             size="mini"
             @click="handleExport(report.name)"
-            style="margin-right: 10px"
-          >
+            style="margin-right: 10px">
             {{ $t('test_track.plan_view.export_report') }}
           </el-button>
 
@@ -65,53 +53,28 @@
             style="margin-right: 10px; float: right"
             placement="bottom"
             trigger="click"
-            width="300"
-          >
+            width="300">
             <p>{{ shareUrl }}</p>
-            <span
-              style="color: red; float: left; margin-left: 10px"
-              v-if="application.typeValue"
-              >{{ $t('commons.validity_period') + application.typeValue }}</span
-            >
+            <span style="color: red; float: left; margin-left: 10px" v-if="application.typeValue">{{
+              $t('commons.validity_period') + application.typeValue
+            }}</span>
             <div style="text-align: right; margin: 0">
-              <el-button
-                type="primary"
-                size="mini"
-                :disabled="!shareUrl"
-                v-clipboard:copy="shareUrl"
+              <el-button type="primary" size="mini" :disabled="!shareUrl" v-clipboard:copy="shareUrl"
                 >{{ $t('commons.copy') }}
               </el-button>
             </div>
             <template v-slot:reference>
-              <el-button
-                :disabled="isReadOnly"
-                type="danger"
-                plain
-                size="mini"
-                @click="handleShare(report)"
-              >
+              <el-button :disabled="isReadOnly" type="danger" plain size="mini" @click="handleShare(report)">
                 {{ $t('test_track.plan_view.share_report') }}
               </el-button>
             </template>
           </el-popover>
 
-          <el-button
-            v-if="showRerunButton"
-            class="rerun-button"
-            plain
-            size="mini"
-            @click="rerun"
-          >
+          <el-button v-if="showRerunButton" class="rerun-button" plain size="mini" @click="rerun">
             {{ $t('api_test.automation.rerun') }}
           </el-button>
 
-          <el-button
-            v-if="showCancelButton"
-            class="export-button"
-            plain
-            size="mini"
-            @click="returnView"
-          >
+          <el-button v-if="showCancelButton" class="export-button" plain size="mini" @click="returnView">
             {{ $t('commons.cancel') }}
           </el-button>
         </div>
@@ -119,33 +82,17 @@
     </el-row>
     <el-row v-if="showProjectEnv" type="flex">
       <span> {{ $t('commons.environment') + ':' }} </span>
-      <div
-        v-for="(values, key) in projectEnvMap"
-        :key="key"
-        style="margin-right: 10px"
-      >
+      <div v-for="(values, key) in projectEnvMap" :key="key" style="margin-right: 10px">
         {{ key + ':' }}
-        <ms-tag
-          v-for="(item, index) in values"
-          :key="index"
-          type="success"
-          :content="item"
-          style="margin-left: 2px"
-        />
+        <ms-tag v-for="(item, index) in values" :key="index" type="success" :content="item" style="margin-left: 2px" />
       </div>
     </el-row>
   </header>
 </template>
 
 <script>
-import {
-  generateShareInfoWithExpired,
-  getShareRedirectUrl,
-} from '../../../api/share';
-import {
-  getCurrentProjectID,
-  getCurrentWorkspaceId,
-} from 'metersphere-frontend/src/utils/token';
+import { generateShareInfoWithExpired, getShareRedirectUrl } from '../../../api/share';
+import { getCurrentProjectID, getCurrentWorkspaceId } from 'metersphere-frontend/src/utils/token';
 import MsTag from 'metersphere-frontend/src/components/MsTag';
 import { getProjectApplicationConfig } from '../../../api/project';
 import { apiTestReRun } from '../../../api/xpack';
@@ -270,27 +217,16 @@ export default {
       });
     },
     getProjectApplication() {
-      getProjectApplicationConfig(
-        getCurrentProjectID(),
-        '/API_SHARE_REPORT_TIME'
-      ).then((res) => {
+      getProjectApplicationConfig(getCurrentProjectID(), '/API_SHARE_REPORT_TIME').then((res) => {
         if (res.data && res.data.typeValue) {
-          let quantity = res.data.typeValue.substring(
-            0,
-            res.data.typeValue.length - 1
-          );
-          let unit = res.data.typeValue.substring(
-            res.data.typeValue.length - 1
-          );
+          let quantity = res.data.typeValue.substring(0, res.data.typeValue.length - 1);
+          let unit = res.data.typeValue.substring(res.data.typeValue.length - 1);
           if (unit === 'H') {
             res.data.typeValue = quantity + this.$t('commons.date_unit.hour');
           } else if (unit === 'D') {
             res.data.typeValue = quantity + this.$t('commons.date_unit.day');
           } else if (unit === 'M') {
-            res.data.typeValue =
-              quantity +
-              this.$t('commons.workspace_unit') +
-              this.$t('commons.date_unit.month');
+            res.data.typeValue = quantity + this.$t('commons.workspace_unit') + this.$t('commons.date_unit.month');
           } else if (unit === 'Y') {
             res.data.typeValue = quantity + this.$t('commons.date_unit.year');
           }
diff --git a/api-test/frontend/src/business/automation/report/SyncApiReportDetail.vue b/api-test/frontend/src/business/automation/report/SyncApiReportDetail.vue
index 24a0122c4c..35d0c9c201 100644
--- a/api-test/frontend/src/business/automation/report/SyncApiReportDetail.vue
+++ b/api-test/frontend/src/business/automation/report/SyncApiReportDetail.vue
@@ -11,16 +11,10 @@
               :report="report"
               :project-env-map="projectEnvMap"
               @reportExport="handleExport"
-              @reportSave="handleSave"
-            />
+              @reportSave="handleSave" />
           </div>
           <main>
-            <ms-metric-chart
-              :content="content"
-              :totalTime="totalTime"
-              :report="report"
-              v-if="!loading"
-            />
+            <ms-metric-chart :content="content" :totalTime="totalTime" :report="report" v-if="!loading" />
             <div>
               <el-tabs v-model="activeName" @tab-click="handleClick">
                 <el-tab-pane label="All" name="total">
@@ -29,8 +23,7 @@
                     :report="report"
                     :default-expand="true"
                     :console="content.console"
-                    v-on:requestResult="requestResult"
-                  />
+                    v-on:requestResult="requestResult" />
                 </el-tab-pane>
                 <el-tab-pane name="fail">
                   <template slot="label"> Error </template>
@@ -39,8 +32,7 @@
                     :report="report"
                     :treeData="fullTreeNodes"
                     v-on:requestResult="requestResult"
-                    ref="failsTree"
-                  />
+                    ref="failsTree" />
                 </el-tab-pane>
                 <el-tab-pane name="errorReport" v-if="content.errorCode > 0">
                   <template slot="label">
@@ -50,8 +42,7 @@
                     v-on:requestResult="requestResult"
                     :console="content.console"
                     :treeData="fullTreeNodes"
-                    ref="errorReportTree"
-                  />
+                    ref="errorReportTree" />
                 </el-tab-pane>
                 <el-tab-pane name="unExecute" v-if="content.unExecute > 0">
                   <template slot="label">
@@ -62,8 +53,7 @@
                     :report="report"
                     :console="content.console"
                     :treeData="fullTreeNodes"
-                    ref="unExecuteTree"
-                  />
+                    ref="unExecuteTree" />
                 </el-tab-pane>
                 <el-tab-pane name="console">
                   <template slot="label">
@@ -79,8 +69,7 @@
               :total-time="totalTime"
               :project-env-map="projectEnvMap"
               id="apiTestReport"
-              v-if="reportExportVisible"
-            />
+              v-if="reportExportVisible" />
           </main>
         </section>
       </el-card>
@@ -151,8 +140,7 @@ export default {
   mounted() {
     this.$nextTick(() => {
       if (this.scenario && this.scenario.scenarioDefinition) {
-        this.content.scenarioStepTotal =
-          this.scenario.scenarioDefinition.hashTree.length;
+        this.content.scenarioStepTotal = this.scenario.scenarioDefinition.hashTree.length;
         this.initTree();
         this.initMessageSocket();
         this.clearDebug();
@@ -186,12 +174,7 @@ export default {
         children: [],
         unsolicited: true,
       };
-      this.formatContent(
-        this.scenario.scenarioDefinition.hashTree,
-        obj,
-        '',
-        'root'
-      );
+      this.formatContent(this.scenario.scenarioDefinition.hashTree, obj, '', 'root');
       this.fullTreeNodes.push(obj);
     },
     compare() {
@@ -230,14 +213,9 @@ export default {
       if (hashTree) {
         hashTree.forEach((item) => {
           if (item.enable) {
-            item.parentIndex = fullPath
-              ? fullPath + '_' + item.index
-              : item.index;
+            item.parentIndex = fullPath ? fullPath + '_' + item.index : item.index;
             let name = item.name ? item.name : this.getType(item.type);
-            let id =
-              item.type === 'JSR223Processor' || !item.id
-                ? item.resourceId
-                : item.id;
+            let id = item.type === 'JSR223Processor' || !item.id ? item.resourceId : item.id;
             let obj = {
               pid: pid,
               resId: id + '_' + item.parentIndex,
@@ -254,9 +232,7 @@ export default {
               unsolicited: true,
             };
             tree.children.push(obj);
-            if (
-              this.stepFilter.get('AllSamplerProxy').indexOf(item.type) !== -1
-            ) {
+            if (this.stepFilter.get('AllSamplerProxy').indexOf(item.type) !== -1) {
               obj.unsolicited = false;
               obj.type = item.type;
             } else if (item.type === 'scenario') {
@@ -268,12 +244,7 @@ export default {
               this.stepFilter &&
               this.stepFilter.get('AllSamplerProxy').indexOf(item.type) === -1
             ) {
-              this.formatContent(
-                item.hashTree,
-                obj,
-                item.parentIndex,
-                obj.resId
-              );
+              this.formatContent(item.hashTree, obj, item.parentIndex, obj.resId);
             }
           }
         });
@@ -386,10 +357,7 @@ export default {
           this.content.error = this.content ? this.content.error : '';
 
           this.content.success =
-            this.content.total -
-            this.content.error -
-            this.content.errorCode -
-            this.content.unExecute;
+            this.content.total - this.content.error - this.content.errorCode - this.content.unExecute;
           this.totalTime = this.content.totalTime;
           this.fullTreeNodes = this.content.steps;
           this.recursiveSorting(this.fullTreeNodes);
@@ -424,11 +392,7 @@ export default {
           let tempMap = new Map();
 
           for (let i = 0; i < children.length; i++) {
-            if (
-              !children[i].value ||
-              !children[i].value.startTime ||
-              children[i].value.startTime === 0
-            ) {
+            if (!children[i].value || !children[i].value.startTime || children[i].value.startTime === 0) {
               //若没有value或未执行的，则step留在当前位置
               tempArr[i] = children[i];
               //进行标识
@@ -474,11 +438,7 @@ export default {
           if (!data.status && data.success) {
             data.status = 'SUCCESS';
           }
-          if (
-            data.method === 'Request' &&
-            data.subRequestResults &&
-            data.subRequestResults.length > 0
-          ) {
+          if (data.method === 'Request' && data.subRequestResults && data.subRequestResults.length > 0) {
             this.margeTransaction(item, data.subRequestResults);
           } else if (item.resId === data.resourceId) {
             if (item.value && item.value.id && !item.mark) {
@@ -514,11 +474,7 @@ export default {
             if (!data.status && data.success) {
               data.status = 'SUCCESS';
             }
-            if (
-              data.method === 'Request' &&
-              data.subRequestResults &&
-              data.subRequestResults.length > 0
-            ) {
+            if (data.method === 'Request' && data.subRequestResults && data.subRequestResults.length > 0) {
               data.subRequestResults.forEach((subItem) => {
                 if (item.resId === subItem.resourceId) {
                   item.value = subItem;
diff --git a/api-test/frontend/src/business/automation/report/components/AssertionResults.vue b/api-test/frontend/src/business/automation/report/components/AssertionResults.vue
index b27a111cec..8ba9f1187c 100644
--- a/api-test/frontend/src/business/automation/report/components/AssertionResults.vue
+++ b/api-test/frontend/src/business/automation/report/components/AssertionResults.vue
@@ -1,20 +1,9 @@
 <template>
   <div>
-    <el-table
-      :data="assertions"
-      :row-style="getRowStyle"
-      :header-cell-style="getRowStyle"
-    >
-      <el-table-column
-        prop="name"
-        :label="$t('api_report.assertions_name')"
-        width="150"
-        show-overflow-tooltip
-      >
+    <el-table :data="assertions" :row-style="getRowStyle" :header-cell-style="getRowStyle">
+      <el-table-column prop="name" :label="$t('api_report.assertions_name')" width="150" show-overflow-tooltip>
         <template v-slot:default="scope">
-          <span>{{
-            !scope.row.name || scope.row.name === 'null' ? '' : scope.row.name
-          }}</span>
+          <span>{{ !scope.row.name || scope.row.name === 'null' ? '' : scope.row.name }}</span>
         </template>
       </el-table-column>
       <el-table-column
@@ -22,17 +11,9 @@
         v-if="showContent"
         :label="$t('api_report.assertions_content')"
         width="300"
-        show-overflow-tooltip
-      />
-      <el-table-column
-        prop="message"
-        :label="$t('api_report.assertions_error_message')"
-      />
-      <el-table-column
-        prop="pass"
-        :label="$t('api_report.assertions_is_success')"
-        width="180"
-      >
+        show-overflow-tooltip />
+      <el-table-column prop="message" :label="$t('api_report.assertions_error_message')" />
+      <el-table-column prop="pass" :label="$t('api_report.assertions_is_success')" width="180">
         <template v-slot:default="{ row }">
           <el-tag size="mini" type="success" v-if="row.pass"> Success </el-tag>
           <el-tag size="mini" type="danger" v-else> Error </el-tag>
@@ -44,8 +25,7 @@
             <i
               class="el-icon-view el-button el-button--primary el-button--mini is-circle"
               circle
-              @click="showPage(row.script)"
-            />
+              @click="showPage(row.script)" />
           </div>
         </template>
       </el-table-column>
@@ -55,14 +35,8 @@
       :visible.sync="visible"
       width="900px"
       modal-append-to-body
-      append-to-body
-    >
-      <el-row
-        type="flex"
-        justify="space-between"
-        align="middle"
-        class="quick-script-block"
-      >
+      append-to-body>
+      <el-row type="flex" justify="space-between" align="middle" class="quick-script-block">
         <el-col :span="codeSpan" class="script-content">
           <ms-code-edit
             v-if="isCodeEditAlive"
@@ -70,8 +44,7 @@
             :data.sync="scriptContent"
             theme="eclipse"
             :modes="['java', 'python']"
-            ref="codeEdit"
-          />
+            ref="codeEdit" />
         </el-col>
       </el-row>
     </el-dialog>
diff --git a/api-test/frontend/src/business/automation/report/components/MetricChart.vue b/api-test/frontend/src/business/automation/report/components/MetricChart.vue
index 638cc8c030..96251f63f7 100644
--- a/api-test/frontend/src/business/automation/report/components/MetricChart.vue
+++ b/api-test/frontend/src/business/automation/report/components/MetricChart.vue
@@ -16,15 +16,9 @@
                 (content.error && content.error > 0) ||
                 (content.errorCode && content.errorCode > 0) ||
                 (content.unExecute && content.unExecute > 0)
-              "
-            >
+              ">
               <span class="ms-req-span">
-                {{
-                  content.success +
-                  content.error +
-                  content.errorCode +
-                  content.unExecute
-                }}
+                {{ content.success + content.error + content.errorCode + content.unExecute }}
                 {{ $t('api_report.request') }}
               </span>
             </span>
@@ -36,67 +30,35 @@
             </span>
           </div>
           <!--    饼图显示/成功/失败/误报      -->
-          <ms-chart
-            ref="chart"
-            :options="options"
-            :height="150"
-            :width="150"
-            :autoresize="true"
-            v-else
-          />
+          <ms-chart ref="chart" :options="options" :height="150" :width="150" :autoresize="true" v-else />
           <!--   总数统计      -->
           <el-row type="flex" justify="center" align="middle">
             <div style="min-width: 120px">
               <div class="metric-icon-box">
-                <span
-                  class="ms-point-success"
-                  style="margin: 7px; float: left"
-                />
+                <span class="ms-point-success" style="margin: 7px; float: left" />
                 <div class="metric-box-total">
-                  <div class="value" style="font-size: 12px">
-                    {{ content.success }} Success
-                  </div>
+                  <div class="value" style="font-size: 12px">{{ content.success }} Success</div>
                 </div>
               </div>
               <el-divider></el-divider>
               <div class="metric-icon-box" style="height: 26px">
                 <span class="ms-point-error" style="margin: 7px; float: left" />
                 <div class="metric-box-total">
-                  <div class="value" style="font-size: 12px">
-                    {{ content.error }} Error
-                  </div>
+                  <div class="value" style="font-size: 12px">{{ content.error }} Error</div>
                 </div>
               </div>
               <el-divider v-if="content.errorCode > 0"></el-divider>
-              <div
-                class="metric-icon-box"
-                v-if="content.errorCode > 0"
-                style="height: 26px"
-              >
-                <span
-                  class="ms-point-error-code"
-                  style="margin: 7px; float: left"
-                />
+              <div class="metric-icon-box" v-if="content.errorCode > 0" style="height: 26px">
+                <span class="ms-point-error-code" style="margin: 7px; float: left" />
                 <div class="metric-box-total" v-if="content.errorCode > 0">
-                  <div class="value" style="font-size: 12px">
-                    {{ content.errorCode }} FakeError
-                  </div>
+                  <div class="value" style="font-size: 12px">{{ content.errorCode }} FakeError</div>
                 </div>
               </div>
               <el-divider v-if="content.unExecute > 0"></el-divider>
-              <div
-                class="metric-icon-box"
-                style="height: 26px"
-                v-if="content.unExecute > 0"
-              >
-                <span
-                  class="ms-point-unexecute"
-                  style="margin: 7px; float: left"
-                />
+              <div class="metric-icon-box" style="height: 26px" v-if="content.unExecute > 0">
+                <span class="ms-point-unexecute" style="margin: 7px; float: left" />
                 <div class="metric-box-total">
-                  <div class="value" style="font-size: 12px">
-                    {{ content.unExecute }} Pending
-                  </div>
+                  <div class="value" style="font-size: 12px">{{ content.unExecute }} Pending</div>
                 </div>
               </div>
             </div>
@@ -106,12 +68,7 @@
       <div class="split"></div>
       <!-- 场景统计 -->
       <div style="width: 50%">
-        <el-row
-          type="flex"
-          justify="center"
-          align="middle"
-          v-if="report.reportType !== 'API_INTEGRATED'"
-        >
+        <el-row type="flex" justify="center" align="middle" v-if="report.reportType !== 'API_INTEGRATED'">
           <div class="metric-box">
             <div class="value">
               {{ content.scenarioTotal ? content.scenarioTotal : 0 }}
@@ -134,22 +91,10 @@
           </div>
           <span
             class="ms-point-error-code"
-            v-if="
-              content.scenarioErrorReport > 0 ||
-              content.scenarioStepErrorReport > 0
-            "
-          />
-          <div
-            class="metric-box"
-            v-if="
-              content.scenarioErrorReport > 0 ||
-              content.scenarioStepErrorReport > 0
-            "
-          >
+            v-if="content.scenarioErrorReport > 0 || content.scenarioStepErrorReport > 0" />
+          <div class="metric-box" v-if="content.scenarioErrorReport > 0 || content.scenarioStepErrorReport > 0">
             <div class="value">
-              {{
-                content.scenarioErrorReport ? content.scenarioErrorReport : 0
-              }}
+              {{ content.scenarioErrorReport ? content.scenarioErrorReport : 0 }}
             </div>
             <div class="name">FakeError</div>
           </div>
@@ -178,9 +123,7 @@
             <span class="ms-point-success" />
             <div class="metric-box">
               <div class="value">
-                {{
-                  content.scenarioStepSuccess ? content.scenarioStepSuccess : 0
-                }}
+                {{ content.scenarioStepSuccess ? content.scenarioStepSuccess : 0 }}
               </div>
               <div class="name">Success</div>
             </div>
@@ -193,33 +136,17 @@
             </div>
             <span
               class="ms-point-error-code"
-              v-if="
-                content.scenarioErrorReport > 0 ||
-                content.scenarioStepErrorReport > 0
-              "
-            />
-            <div
-              class="metric-box"
-              v-if="
-                content.scenarioErrorReport > 0 ||
-                content.scenarioStepErrorReport > 0
-              "
-            >
+              v-if="content.scenarioErrorReport > 0 || content.scenarioStepErrorReport > 0" />
+            <div class="metric-box" v-if="content.scenarioErrorReport > 0 || content.scenarioStepErrorReport > 0">
               <div class="value">
-                {{
-                  content.scenarioStepErrorReport
-                    ? content.scenarioStepErrorReport
-                    : 0
-                }}
+                {{ content.scenarioStepErrorReport ? content.scenarioStepErrorReport : 0 }}
               </div>
               <div class="name">FakeError</div>
             </div>
             <span v-show="showUnExecuteReport" class="ms-point-unexecute" />
             <div v-show="showUnExecuteReport" class="metric-box">
               <div class="value">
-                {{
-                  content.scenarioStepPending ? content.scenarioStepPending : 0
-                }}
+                {{ content.scenarioStepPending ? content.scenarioStepPending : 0 }}
               </div>
               <div class="name">Pending</div>
             </div>
@@ -303,8 +230,7 @@ export default {
         if (this.minutes > 60) {
           this.hour = Math.round(this.minutes / 60);
           this.minutes = Math.round(this.minutes % 60);
-          this.time =
-            this.hour + 'hour' + this.minutes + 'min' + this.seconds + 's';
+          this.time = this.hour + 'hour' + this.minutes + 'min' + this.seconds + 's';
         }
       } else {
         this.time = this.totalTime + 'ms';
@@ -396,10 +322,8 @@ export default {
     },
     showUnExecuteReport() {
       return (
-        (this.content.scenarioStepPending &&
-          this.content.scenarioStepPending > 0) ||
-        (this.content.scenarioUnExecute &&
-          this.content.scenarioUnExecute > 0) ||
+        (this.content.scenarioStepPending && this.content.scenarioStepPending > 0) ||
+        (this.content.scenarioUnExecute && this.content.scenarioUnExecute > 0) ||
         (this.content.unExecute && this.content.unExecute > 0)
       );
     },
diff --git a/api-test/frontend/src/business/automation/report/components/RequestMetric.vue b/api-test/frontend/src/business/automation/report/components/RequestMetric.vue
index 8980407678..58bf9dbd43 100644
--- a/api-test/frontend/src/business/automation/report/components/RequestMetric.vue
+++ b/api-test/frontend/src/business/automation/report/components/RequestMetric.vue
@@ -2,64 +2,22 @@
   <div class="metric-container">
     <el-row type="flex">
       <el-col>
-        <div style="font-size: 14px; color: #aaaaaa; float: left">
-          {{ $t('api_report.response_code') }} :
-        </div>
-        <div
-          style="
-            font-size: 14px;
-            color: #61c550;
-            margin-top: 2px;
-            margin-left: 10px;
-            float: left;
-          "
-        >
-          {{
-            request.responseResult.responseCode
-              ? request.responseResult.responseCode
-              : '0'
-          }}
+        <div style="font-size: 14px; color: #aaaaaa; float: left">{{ $t('api_report.response_code') }} :</div>
+        <div style="font-size: 14px; color: #61c550; margin-top: 2px; margin-left: 10px; float: left">
+          {{ request.responseResult.responseCode ? request.responseResult.responseCode : '0' }}
         </div>
       </el-col>
       <el-col>
-        <div style="font-size: 14px; color: #aaaaaa; float: left">
-          {{ $t('api_report.response_time') }} :
-        </div>
-        <div
-          style="
-            font-size: 14px;
-            color: #61c550;
-            margin-top: 2px;
-            margin-left: 10px;
-            float: left;
-          "
-        >
-          {{
-            request.responseResult.responseTime
-              ? request.responseResult.responseTime
-              : 0
-          }}
+        <div style="font-size: 14px; color: #aaaaaa; float: left">{{ $t('api_report.response_time') }} :</div>
+        <div style="font-size: 14px; color: #61c550; margin-top: 2px; margin-left: 10px; float: left">
+          {{ request.responseResult.responseTime ? request.responseResult.responseTime : 0 }}
           ms
         </div>
       </el-col>
       <el-col>
-        <div style="font-size: 14px; color: #aaaaaa; float: left">
-          {{ $t('api_report.response_size') }} :
-        </div>
-        <div
-          style="
-            font-size: 14px;
-            color: #61c550;
-            margin-top: 2px;
-            margin-left: 10px;
-            float: left;
-          "
-        >
-          {{
-            request.responseResult.responseSize
-              ? request.responseResult.responseSize
-              : 0
-          }}
+        <div style="font-size: 14px; color: #aaaaaa; float: left">{{ $t('api_report.response_size') }} :</div>
+        <div style="font-size: 14px; color: #61c550; margin-top: 2px; margin-left: 10px; float: left">
+          {{ request.responseResult.responseSize ? request.responseResult.responseSize : 0 }}
           bytes
         </div>
       </el-col>
diff --git a/api-test/frontend/src/business/automation/report/components/RequestResult.vue b/api-test/frontend/src/business/automation/report/components/RequestResult.vue
index 5cb0024300..84aa05c75d 100644
--- a/api-test/frontend/src/business/automation/report/components/RequestResult.vue
+++ b/api-test/frontend/src/business/automation/report/components/RequestResult.vue
@@ -3,27 +3,14 @@
     <div class="request-result">
       <div @click="active">
         <el-row :gutter="18" type="flex" align="middle" class="info">
-          <el-col
-            class="ms-req-name-col"
-            :span="18"
-            v-if="indexNumber != undefined"
-          >
+          <el-col class="ms-req-name-col" :span="18" v-if="indexNumber != undefined">
             <el-tooltip :content="getName(request.name)" placement="top">
               <span class="method ms-req-name">
                 <div class="el-step__icon is-text ms-api-col-create">
                   <div class="el-step__icon-inner">{{ indexNumber }}</div>
                 </div>
-                <i
-                  class="icon el-icon-arrow-right"
-                  :class="{ 'is-active': showActive }"
-                  @click="active"
-                  @click.stop
-                />
-                <span
-                  class="report-label-req"
-                  @click="isLink"
-                  v-if="redirect && resourceId"
-                >
+                <i class="icon el-icon-arrow-right" :class="{ 'is-active': showActive }" @click="active" @click.stop />
+                <span class="report-label-req" @click="isLink" v-if="redirect && resourceId">
                   {{ request.name }}
                 </span>
                 <span v-else>{{ getName(request.name) }}</span>
@@ -36,21 +23,13 @@
               effect="dark"
               v-if="baseErrorCode && baseErrorCode !== ''"
               :content="baseErrorCode"
-              style="
-                overflow: hidden;
-                text-overflow: ellipsis;
-                white-space: nowrap;
-              "
+              style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap"
               placement="bottom"
-              :open-delay="800"
-            >
+              :open-delay="800">
               <div
                 :style="{
-                  color: statusColor(
-                    totalStatus ? totalStatus : request.status
-                  ),
-                }"
-              >
+                  color: statusColor(totalStatus ? totalStatus : request.status),
+                }">
                 {{ baseErrorCode }}
               </div>
             </el-tooltip>
@@ -60,21 +39,13 @@
             <el-tooltip
               effect="dark"
               :content="request.responseResult.responseCode"
-              style="
-                overflow: hidden;
-                text-overflow: ellipsis;
-                white-space: nowrap;
-              "
+              style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap"
               placement="bottom"
-              :open-delay="800"
-            >
+              :open-delay="800">
               <div
                 :style="{
-                  color: statusColor(
-                    totalStatus ? totalStatus : request.status
-                  ),
-                }"
-              >
+                  color: statusColor(totalStatus ? totalStatus : request.status),
+                }">
                 {{ request.responseResult.responseCode }}
               </div>
             </el-tooltip>
@@ -84,8 +55,7 @@
             <div
               :style="{
                 color: statusColor(totalStatus ? totalStatus : request.status),
-              }"
-            >
+              }">
               {{ request.responseResult.responseTime }} ms
             </div>
           </el-col>
@@ -94,10 +64,7 @@
               <i class="el-icon-loading" style="font-size: 16px" />
               {{ $t('commons.testing') }}
             </el-tag>
-            <ms-api-report-status
-              :status="totalStatus || request.status"
-              v-else
-            />
+            <ms-api-report-status :status="totalStatus || request.status" v-else />
           </el-col>
         </el-row>
       </div>
@@ -110,8 +77,7 @@
             :request-type="requestType"
             :request="requestInfo"
             :console="console"
-            v-if="showActive"
-          />
+            v-if="showActive" />
         </div>
       </el-collapse-transition>
     </div>
@@ -129,9 +95,7 @@ import { getShareContent } from '../../../../api/share';
 import { getScenarioReportStepDetail } from '../../../../api/scenario-report';
 import MsApiReportStatus from '../ApiReportStatus';
 
-const {
-  getReportStatusColor,
-} = require('../../../../business/commons/js/commons');
+const { getReportStatusColor } = require('../../../../business/commons/js/commons');
 export default {
   name: 'MsRequestResult',
   components: {
@@ -204,10 +168,7 @@ export default {
       handler(n) {
         if (this.request.errorCode) {
           this.baseErrorCode = this.request.errorCode;
-        } else if (
-          this.request.attachInfoMap &&
-          this.request.attachInfoMap.FAKE_ERROR
-        ) {
+        } else if (this.request.attachInfoMap && this.request.attachInfoMap.FAKE_ERROR) {
           if (this.request.attachInfoMap.FAKE_ERROR !== '') {
             this.baseErrorCode = this.request.attachInfoMap.FAKE_ERROR;
           }
diff --git a/api-test/frontend/src/business/automation/report/components/RequestResultTail.vue b/api-test/frontend/src/business/automation/report/components/RequestResultTail.vue
index c38d00bfcc..b30f057aff 100644
--- a/api-test/frontend/src/business/automation/report/components/RequestResultTail.vue
+++ b/api-test/frontend/src/business/automation/report/components/RequestResultTail.vue
@@ -8,23 +8,14 @@
           </div>
         </el-col>
         <el-col :span="8">
-          <el-tooltip
-            effect="dark"
-            :content="request.url"
-            placement="bottom"
-            :open-delay="800"
-          >
+          <el-tooltip effect="dark" :content="request.url" placement="bottom" :open-delay="800">
             <div class="url">{{ request.url }}</div>
           </el-tooltip>
         </el-col>
         <el-col :span="8">
           <div class="url">
-            {{ $t('api_report.start_time') }}：{{
-              request.startTime | datetimeFormat(true)
-            }}
-            {{ $t('report.test_end_time') }}：{{
-              request.endTime | datetimeFormat(true)
-            }}
+            {{ $t('api_report.start_time') }}：{{ request.startTime | datetimeFormat(true) }}
+            {{ $t('report.test_end_time') }}：{{ request.endTime | datetimeFormat(true) }}
           </div>
         </el-col>
       </el-row>
@@ -38,16 +29,14 @@
               v-for="(sub, index) in request.subRequestResults"
               :key="index"
               :indexNumber="index"
-              :request="sub"
-            />
+              :request="sub" />
           </el-tab-pane>
           <el-tab-pane :label="$t('api_report.request_result')" name="result">
             <ms-response-text
               :console="console"
               :request-type="requestType"
               :response="request.responseResult"
-              :request="request"
-            />
+              :request="request" />
           </el-tab-pane>
         </el-tabs>
         <div v-else>
@@ -56,8 +45,7 @@
             :request-type="requestType"
             v-if="isCodeEditAlive"
             :response="request.responseResult"
-            :request="request"
-          />
+            :request="request" />
         </div>
       </div>
     </el-collapse-transition>
diff --git a/api-test/frontend/src/business/automation/report/components/RequestSubResult.vue b/api-test/frontend/src/business/automation/report/components/RequestSubResult.vue
index ffd729c663..279fc7d6bc 100644
--- a/api-test/frontend/src/business/automation/report/components/RequestSubResult.vue
+++ b/api-test/frontend/src/business/automation/report/components/RequestSubResult.vue
@@ -5,28 +5,14 @@
       <el-row :gutter="10" type="flex" align="middle" class="info">
         <el-col :span="6" v-if="indexNumber != undefined">
           <div class="method">
-            <div
-              style="
-                overflow: hidden;
-                text-overflow: ellipsis;
-                white-space: nowrap;
-              "
-            >
-              <div
-                class="el-step__icon is-text ms-api-col"
-                v-if="indexNumber % 2 == 0"
-              >
+            <div style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap">
+              <div class="el-step__icon is-text ms-api-col" v-if="indexNumber % 2 == 0">
                 <div class="el-step__icon-inner">{{ indexNumber + 1 }}</div>
               </div>
               <div class="el-step__icon is-text ms-api-col-create" v-else>
                 <div class="el-step__icon-inner">{{ indexNumber + 1 }}</div>
               </div>
-              <i
-                class="icon el-icon-arrow-right"
-                :class="{ 'is-active': isActive }"
-                @click="active"
-                @click.stop
-              />
+              <i class="icon el-icon-arrow-right" :class="{ 'is-active': isActive }" @click="active" @click.stop />
               {{ getName(request.name) }}
             </div>
           </div>
@@ -40,14 +26,9 @@
           <div class="url">
             <el-tooltip
               :content="request.url"
-              style="
-                overflow: hidden;
-                text-overflow: ellipsis;
-                white-space: nowrap;
-              "
+              style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap"
               placement="bottom"
-              :open-delay="800"
-            >
+              :open-delay="800">
               <div>
                 {{ request.url }}
               </div>
@@ -55,26 +36,17 @@
           </div>
         </el-col>
         <el-col :span="5">
-          <el-tooltip
-            effect="dark"
-            :content="request.responseResult.responseCode"
-            placement="bottom"
-            :open-delay="800"
-          >
+          <el-tooltip effect="dark" :content="request.responseResult.responseCode" placement="bottom" :open-delay="800">
             <div class="url" style="color: #5daf34">
               {{ request.responseResult.responseCode }}
             </div>
           </el-tooltip>
         </el-col>
-        <el-col :span="3">
-          {{ request.responseResult.responseTime }} ms
-        </el-col>
+        <el-col :span="3"> {{ request.responseResult.responseTime }} ms </el-col>
 
         <el-col :span="2">
           <div class="success">
-            <el-tag size="mini" type="success" v-if="request.success">
-              Success
-            </el-tag>
+            <el-tag size="mini" type="success" v-if="request.success"> Success </el-tag>
             <el-tag size="mini" type="danger" v-else> Error </el-tag>
           </div>
         </el-col>
@@ -86,8 +58,7 @@
           :scenario-name="scenarioName"
           :request-type="requestType"
           v-if="isActive"
-          :request="request"
-        />
+          :request="request" />
       </div>
     </el-collapse-transition>
   </div>
diff --git a/api-test/frontend/src/business/automation/report/components/RequestSubResultTail.vue b/api-test/frontend/src/business/automation/report/components/RequestSubResultTail.vue
index 91cfdc70fb..a0cf07431a 100644
--- a/api-test/frontend/src/business/automation/report/components/RequestSubResultTail.vue
+++ b/api-test/frontend/src/business/automation/report/components/RequestSubResultTail.vue
@@ -8,21 +8,12 @@
           </div>
         </el-col>
         <el-col :span="8">
-          <el-tooltip
-            effect="dark"
-            :content="request.url"
-            placement="bottom"
-            :open-delay="800"
-          >
+          <el-tooltip effect="dark" :content="request.url" placement="bottom" :open-delay="800">
             <div class="url">{{ request.url }}</div>
           </el-tooltip>
         </el-col>
         <el-col :span="8">
-          <div class="url">
-            {{ $t('api_report.start_time') }}：{{
-              request.startTime | datetimeFormat(true)
-            }}
-          </div>
+          <div class="url">{{ $t('api_report.start_time') }}：{{ request.startTime | datetimeFormat(true) }}</div>
         </el-col>
       </el-row>
     </div>
@@ -32,8 +23,7 @@
           :request-type="requestType"
           v-if="isCodeEditAlive"
           :response="request.responseResult"
-          :request="request"
-        />
+          :request="request" />
       </div>
     </el-collapse-transition>
   </div>
diff --git a/api-test/frontend/src/business/automation/report/components/ResponseText.vue b/api-test/frontend/src/business/automation/report/components/ResponseText.vue
index 4542b3b164..8184992287 100644
--- a/api-test/frontend/src/business/automation/report/components/ResponseText.vue
+++ b/api-test/frontend/src/business/automation/report/components/ResponseText.vue
@@ -6,8 +6,7 @@
           :class="'body-pane'"
           :label="$t('api_test.definition.request.response_body')"
           name="body"
-          class="pane"
-        >
+          class="pane">
           <ms-sql-result-table v-if="isSqlType" :body="response.body" />
           <ms-code-edit
             v-if="!isSqlType"
@@ -15,39 +14,22 @@
             :read-only="true"
             :data="response.body"
             :modes="modes"
-            ref="codeEdit"
-          />
+            ref="codeEdit" />
         </el-tab-pane>
 
-        <el-tab-pane
-          :label="$t('api_test.definition.request.response_header')"
-          name="headers"
-          class="pane"
-        >
+        <el-tab-pane :label="$t('api_test.definition.request.response_header')" name="headers" class="pane">
           <pre>{{ response.headers }}</pre>
         </el-tab-pane>
 
-        <el-tab-pane
-          :label="$t('api_report.assertions')"
-          name="assertions"
-          class="pane assertions"
-        >
+        <el-tab-pane :label="$t('api_report.assertions')" name="assertions" class="pane assertions">
           <ms-assertion-results :assertions="response.assertions" />
         </el-tab-pane>
 
-        <el-tab-pane
-          :label="$t('api_test.request.extract.label')"
-          name="label"
-          class="pane"
-        >
+        <el-tab-pane :label="$t('api_test.request.extract.label')" name="label" class="pane">
           <pre>{{ response.vars }}</pre>
         </el-tab-pane>
 
-        <el-tab-pane
-          :label="$t('api_report.request_body')"
-          name="request_body"
-          class="pane"
-        >
+        <el-tab-pane :label="$t('api_report.request_body')" name="request_body" class="pane">
           <div class="ms-div">
             {{ $t('api_test.request.address') }} :
             <pre>{{ request.url }}</pre>
@@ -66,26 +48,14 @@
           </div>
         </el-tab-pane>
 
-        <el-tab-pane
-          v-if="activeName == 'body'"
-          :disabled="true"
-          name="mode"
-          class="pane assertions"
-        >
+        <el-tab-pane v-if="activeName == 'body'" :disabled="true" name="mode" class="pane assertions">
           <template v-slot:label>
             <ms-dropdown
               v-if="request.method === 'SQL'"
               :commands="sqlModes"
               :default-command="mode"
-              @command="sqlModeChange"
-            />
-            <ms-dropdown
-              v-else
-              :commands="modes"
-              :default-command="mode"
-              @command="modeChange"
-              ref="modeDropdown"
-            />
+              @command="sqlModeChange" />
+            <ms-dropdown v-else :commands="modes" :default-command="mode" @command="modeChange" ref="modeDropdown" />
           </template>
         </el-tab-pane>
       </el-tabs>
@@ -97,12 +67,7 @@
 import MsAssertionResults from './AssertionResults';
 import MsCodeEdit from 'metersphere-frontend/src/components/MsCodeEdit';
 import MsDropdown from '../../../../business/commons/MsDropdown';
-import {
-  BODY_FORMAT,
-  RequestFactory,
-  Request,
-  SqlRequest,
-} from '../../../../business/definition/model/ApiTestModel';
+import { BODY_FORMAT, RequestFactory, Request, SqlRequest } from '../../../../business/definition/model/ApiTestModel';
 import MsSqlResultTable from './SqlResultTable';
 
 export default {
@@ -156,8 +121,7 @@ export default {
   computed: {
     isSqlType() {
       return (
-        (this.requestType === RequestFactory.TYPES.SQL ||
-          this.request.method === RequestFactory.TYPES.SQL) &&
+        (this.requestType === RequestFactory.TYPES.SQL || this.request.method === RequestFactory.TYPES.SQL) &&
         this.response.responseCode === '200' &&
         this.mode === 'table'
       );
diff --git a/api-test/frontend/src/business/automation/report/components/ScenarioResult.vue b/api-test/frontend/src/business/automation/report/components/ScenarioResult.vue
index 9f5ca0cd31..14da4f3be5 100644
--- a/api-test/frontend/src/business/automation/report/components/ScenarioResult.vue
+++ b/api-test/frontend/src/business/automation/report/components/ScenarioResult.vue
@@ -4,10 +4,8 @@
       v-if="
         (node.children && node.children.length > 0) ||
         node.unsolicited ||
-        (node.type &&
-          this.stepFilter.get('AllSamplerProxy').indexOf(node.type) === -1)
-      "
-    >
+        (node.type && this.stepFilter.get('AllSamplerProxy').indexOf(node.type) === -1)
+      ">
       <el-card class="ms-card">
         <div class="el-step__icon is-text ms-api-col">
           <div class="el-step__icon-inner">
@@ -15,11 +13,7 @@
           </div>
         </div>
         <el-tooltip effect="dark" :content="node.label" placement="top">
-          <el-link
-            v-if="node.redirect"
-            class="report-label-head"
-            @click="isLink"
-          >
+          <el-link v-if="node.redirect" class="report-label-head" @click="isLink">
             {{ getLabel(node.label) }}
           </el-link>
           <span v-else>{{ getLabel(node.label) }}</span>
@@ -40,8 +34,7 @@
         :isActive="isActive"
         :is-share="isShare"
         :share-id="shareId"
-        v-on:requestResult="requestResult"
-      />
+        v-on:requestResult="requestResult" />
     </div>
   </div>
 </template>
@@ -113,9 +106,7 @@ export default {
 
   computed: {
     assertion() {
-      return (
-        this.scenario.passAssertions + ' / ' + this.scenario.totalAssertions
-      );
+      return this.scenario.passAssertions + ' / ' + this.scenario.totalAssertions;
     },
     success() {
       return this.scenario.error === 0;
@@ -173,8 +164,7 @@ export default {
 .report-label-head {
   border-bottom: 1px solid #303133;
   color: #303133;
-  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
-    Arial, sans-serif;
+  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', Arial, sans-serif;
   font-size: 13px;
 }
 
diff --git a/api-test/frontend/src/business/automation/report/components/ScenarioResults.vue b/api-test/frontend/src/business/automation/report/components/ScenarioResults.vue
index be0c9a176e..57816efd4b 100644
--- a/api-test/frontend/src/business/automation/report/components/ScenarioResults.vue
+++ b/api-test/frontend/src/business/automation/report/components/ScenarioResults.vue
@@ -1,27 +1,11 @@
 <template>
   <el-card class="scenario-results">
     <div v-if="errorReport > 0">
-      <el-tooltip
-        :content="$t('api_test.automation.open_expansion')"
-        placement="top"
-        effect="light"
-      >
-        <i
-          class="el-icon-circle-plus-outline ms-open-btn ms-open-btn-left"
-          v-prevent-re-click
-          @click="openExpansion"
-        />
+      <el-tooltip :content="$t('api_test.automation.open_expansion')" placement="top" effect="light">
+        <i class="el-icon-circle-plus-outline ms-open-btn ms-open-btn-left" v-prevent-re-click @click="openExpansion" />
       </el-tooltip>
-      <el-tooltip
-        :content="$t('api_test.automation.close_expansion')"
-        placement="top"
-        effect="light"
-      >
-        <i
-          class="el-icon-remove-outline ms-open-btn"
-          size="mini"
-          @click="closeExpansion"
-        />
+      <el-tooltip :content="$t('api_test.automation.close_expansion')" placement="top" effect="light">
+        <i class="el-icon-remove-outline ms-open-btn" size="mini" @click="closeExpansion" />
       </el-tooltip>
     </div>
     <el-tree
@@ -31,21 +15,15 @@
       :filter-node-method="filterNode"
       highlight-current
       class="ms-tree ms-report-tree"
-      ref="resultsTree"
-    >
-      <span
-        slot-scope="{ node, data }"
-        style="width: 99%"
-        @click="nodeClick(node)"
-      >
+      ref="resultsTree">
+      <span slot-scope="{ node, data }" style="width: 99%" @click="nodeClick(node)">
         <ms-scenario-result
           :node="data"
           :console="console"
           v-on:requestResult="requestResult"
           :isActive="isActive"
           :is-share="isShare"
-          :share-id="shareId"
-        />
+          :share-id="shareId" />
       </span>
     </el-tree>
   </el-card>
@@ -82,11 +60,7 @@ export default {
   },
   computed: {
     isUi() {
-      return (
-        this.report &&
-        this.report.reportType &&
-        this.report.reportType.startsWith('UI')
-      );
+      return this.report && this.report.reportType && this.report.reportType.startsWith('UI');
     },
   },
   methods: {
@@ -97,11 +71,7 @@ export default {
       if (!value) return true;
       if (data.value) {
         if (value === 'FAKE_ERROR') {
-          if (
-            data.errorCode &&
-            data.errorCode !== '' &&
-            data.value.status === 'FAKE_ERROR'
-          ) {
+          if (data.errorCode && data.errorCode !== '' && data.value.status === 'FAKE_ERROR') {
             return true;
           }
         } else if (value === 'PENDING') {
@@ -180,8 +150,7 @@ export default {
 
 :deep(.el-checkbox) {
   color: #303133;
-  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
-    Arial, sans-serif;
+  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', Arial, sans-serif;
   font-size: 13px;
   font-weight: normal;
 }
diff --git a/api-test/frontend/src/business/automation/report/components/SqlResultTable.vue b/api-test/frontend/src/business/automation/report/components/SqlResultTable.vue
index b121a1bfc8..84bf5dfacb 100644
--- a/api-test/frontend/src/business/automation/report/components/SqlResultTable.vue
+++ b/api-test/frontend/src/business/automation/report/components/SqlResultTable.vue
@@ -6,22 +6,14 @@
       :data="table.tableData"
       border
       size="mini"
-      highlight-current-row
-    >
-      <el-table-column
-        v-for="(title, index) in table.titles"
-        :key="index"
-        :label="title"
-        min-width="150px"
-      >
+      highlight-current-row>
+      <el-table-column v-for="(title, index) in table.titles" :key="index" :label="title" min-width="150px">
         <template v-slot:default="scope">
           <el-popover placement="top" trigger="click">
             <el-container>
               <div>{{ scope.row[title] }}</div>
             </el-container>
-            <span class="table-content" slot="reference">{{
-              scope.row[title]
-            }}</span>
+            <span class="table-content" slot="reference">{{ scope.row[title] }}</span>
           </el-popover>
         </template>
       </el-table-column>
@@ -50,10 +42,7 @@ export default {
     if (this.tables.length > 1) {
       for (let i = 0; i < this.tables.length; i++) {
         if (this.tables[i].titles.length === 1 && i < this.tables.length - 1) {
-          this.tables[i].tableData.splice(
-            this.tables[i].tableData.length - 1,
-            1
-          );
+          this.tables[i].tableData.splice(this.tables[i].tableData.length - 1, 1);
         }
       }
 
diff --git a/api-test/frontend/src/business/automation/scenario/AddBasisScenario.vue b/api-test/frontend/src/business/automation/scenario/AddBasisScenario.vue
index ca7df96414..c5ecaaf6a9 100644
--- a/api-test/frontend/src/business/automation/scenario/AddBasisScenario.vue
+++ b/api-test/frontend/src/business/automation/scenario/AddBasisScenario.vue
@@ -4,28 +4,19 @@
     :title="$t('api_test.automation.add_scenario')"
     :visible.sync="visible"
     width="45%"
-    :destroy-on-close="true"
-  >
+    :destroy-on-close="true">
     <el-form
       :model="scenarioForm"
       label-position="right"
       label-width="100px"
       size="small"
       :rules="rule"
-      ref="scenarioForm"
-    >
+      ref="scenarioForm">
       <el-form-item :label="$t('commons.name')" prop="name">
-        <el-input
-          v-model="scenarioForm.name"
-          autocomplete="off"
-          :placeholder="$t('commons.name')"
-        />
+        <el-input v-model="scenarioForm.name" autocomplete="off" :placeholder="$t('commons.name')" />
       </el-form-item>
 
-      <el-form-item
-        :label="$t('test_track.module.module')"
-        prop="apiScenarioModuleId"
-      >
+      <el-form-item :label="$t('test_track.module.module')" prop="apiScenarioModuleId">
         <ms-select-tree
           size="small"
           :data="moduleOptions"
@@ -33,66 +24,50 @@
           @getValue="setModule"
           :obj="moduleObj"
           clearable
-          checkStrictly
-        />
+          checkStrictly />
       </el-form-item>
 
-      <el-form-item
-        :label="$t('api_test.automation.scenario.principal')"
-        prop="principal"
-      >
+      <el-form-item :label="$t('api_test.automation.scenario.principal')" prop="principal">
         <el-select
           v-model="scenarioForm.principal"
           :placeholder="$t('api_test.automation.scenario.principal')"
           filterable
           size="small"
-          style="width: 100%"
-        >
+          style="width: 100%">
           <el-option
             v-for="item in userOptions"
             :key="item.id"
             :label="item.id + ' (' + item.name + ')'"
-            :value="item.id"
-          >
+            :value="item.id">
           </el-option>
         </el-select>
       </el-form-item>
 
-      <el-form-item
-        :label="$t('api_test.automation.scenario.follow_people')"
-        prop="followPeople"
-      >
+      <el-form-item :label="$t('api_test.automation.scenario.follow_people')" prop="followPeople">
         <el-select
           v-model="scenarioForm.follows"
           multiple
           :placeholder="$t('api_test.automation.scenario.follow_people')"
           filterable
           size="small"
-          style="width: 100%"
-        >
+          style="width: 100%">
           <el-option
             v-for="item in userOptions"
             :key="item.id"
             :label="item.id + ' (' + item.name + ')'"
-            :value="item.id"
-          >
+            :value="item.id">
           </el-option>
         </el-select>
       </el-form-item>
 
-      <el-form-item
-        :label="$t('commons.description')"
-        prop="description"
-        style="margin-bottom: 29px"
-      >
+      <el-form-item :label="$t('commons.description')" prop="description" style="margin-bottom: 29px">
         <el-input
           class="ms-http-textarea"
           v-model="scenarioForm.description"
           type="textarea"
           :autosize="{ minRows: 2, maxRows: 10 }"
           :rows="2"
-          size="small"
-        />
+          size="small" />
       </el-form-item>
     </el-form>
 
@@ -102,8 +77,7 @@
         :isShow="true"
         :title="$t('commons.edit_info')"
         @saveAsEdit="saveScenario(true)"
-        @confirm="saveScenario"
-      >
+        @confirm="saveScenario">
       </ms-dialog-footer>
     </template>
   </el-dialog>
@@ -111,10 +85,7 @@
 
 <script>
 import { getMaintainer } from '@/api/project';
-import {
-  getCurrentProjectID,
-  getCurrentUser,
-} from 'metersphere-frontend/src/utils/token';
+import { getCurrentProjectID, getCurrentUser } from 'metersphere-frontend/src/utils/token';
 import { getUUID } from 'metersphere-frontend/src/utils';
 import MsDialogFooter from 'metersphere-frontend/src/components/MsDialogFooter';
 import { saveScenario } from '@/business/automation/api-automation';
@@ -184,9 +155,7 @@ export default {
           this.scenarioForm.status = 'Underway';
           this.scenarioForm.level = 'P0';
           if (saveAs) {
-            this.scenarioForm.request = JSON.stringify(
-              this.scenarioForm.request
-            );
+            this.scenarioForm.request = JSON.stringify(this.scenarioForm.request);
             this.$emit('saveAsEdit', this.scenarioForm);
             this.visible = false;
           } else {
@@ -221,10 +190,7 @@ export default {
     open(currentModule) {
       this.scenarioForm = { principal: getCurrentUser().id };
       this.currentModule = currentModule;
-      if (
-        this.scenarioForm.apiScenarioModuleId === undefined &&
-        !currentModule.id
-      ) {
+      if (this.scenarioForm.apiScenarioModuleId === undefined && !currentModule.id) {
         this.scenarioForm.apiScenarioModuleId = this.moduleOptions[0].id;
       } else if (currentModule.id) {
         this.scenarioForm.apiScenarioModuleId = currentModule.id;
diff --git a/api-test/frontend/src/business/automation/scenario/ApiCustomize.vue b/api-test/frontend/src/business/automation/scenario/ApiCustomize.vue
index 0db12b9991..5e8fa6def2 100644
--- a/api-test/frontend/src/business/automation/scenario/ApiCustomize.vue
+++ b/api-test/frontend/src/business/automation/scenario/ApiCustomize.vue
@@ -3,17 +3,9 @@
     <el-card>
       <el-form :model="request" label-width="auto" ref="request">
         <el-form-item :label="$t('api_test.request.name')" prop="name">
-          <el-input
-            v-model="request.name"
-            maxlength="200"
-            show-word-limit
-            size="small"
-          />
+          <el-input v-model="request.name" maxlength="200" show-word-limit size="small" />
         </el-form-item>
-        <el-form-item
-          :label="$t('api_test.definition.api_type')"
-          prop="protocol"
-        >
+        <el-form-item :label="$t('api_test.definition.api_type')" prop="protocol">
           <el-radio v-model="request.protocol" label="HTTP">HTTP</el-radio>
           <el-radio v-model="request.protocol" label="DUBBO">DUBBO</el-radio>
           <el-radio v-model="request.protocol" label="SQL">SQL</el-radio>
@@ -26,26 +18,22 @@
         :current-api="request"
         @saveAs="editApi"
         :currentProtocol="request.protocol"
-        v-if="request.protocol === 'HTTP'"
-      />
+        v-if="request.protocol === 'HTTP'" />
       <ms-debug-jdbc-page
         :scenario="true"
         :currentProtocol="request.protocol"
         @saveAs="editApi"
-        v-if="request.protocol === 'SQL'"
-      />
+        v-if="request.protocol === 'SQL'" />
       <ms-debug-tcp-page
         :scenario="true"
         :currentProtocol="request.protocol"
         @saveAs="editApi"
-        v-if="request.protocol === 'TCP'"
-      />
+        v-if="request.protocol === 'TCP'" />
       <ms-debug-dubbo-page
         :scenario="true"
         :currentProtocol="request.protocol"
         @saveAs="editApi"
-        v-if="request.protocol === 'DUBBO'"
-      />
+        v-if="request.protocol === 'DUBBO'" />
     </el-card>
   </div>
 </template>
diff --git a/api-test/frontend/src/business/automation/scenario/ApiScenarioEnv.vue b/api-test/frontend/src/business/automation/scenario/ApiScenarioEnv.vue
index 15653cdaf8..23a8a30c6e 100644
--- a/api-test/frontend/src/business/automation/scenario/ApiScenarioEnv.vue
+++ b/api-test/frontend/src/business/automation/scenario/ApiScenarioEnv.vue
@@ -4,8 +4,7 @@
     :visible.sync="dialogVisible"
     width="30%"
     :destroy-on-close="true"
-    :before-close="handleClose"
-  >
+    :before-close="handleClose">
     <div v-loading="result">
       <div v-for="pe in data" :key="pe.id" style="margin-left: 20px">
         {{ getProjectName(pe.id) }}
@@ -13,30 +12,18 @@
           v-model="pe['selectEnv']"
           placeholder="请选择环境"
           style="margin-left: 10px; margin-top: 10px"
-          size="small"
-        >
+          size="small">
           <el-option
             v-for="(environment, index) in pe.envs"
             :key="index"
             :label="environment.name"
-            :value="environment.id"
-          />
-          <el-button
-            class="ms-scenario-button"
-            size="mini"
-            type="primary"
-            @click="openEnvironmentConfig(pe.id)"
-          >
+            :value="environment.id" />
+          <el-button class="ms-scenario-button" size="mini" type="primary" @click="openEnvironmentConfig(pe.id)">
             {{ $t('api_test.environment.environment_config') }}
           </el-button>
           <template v-slot:empty>
             <div class="empty-environment">
-              <el-button
-                class="ms-scenario-button"
-                size="mini"
-                type="primary"
-                @click="openEnvironmentConfig(pe.id)"
-              >
+              <el-button class="ms-scenario-button" size="mini" type="primary" @click="openEnvironmentConfig(pe.id)">
                 {{ $t('api_test.environment.environment_config') }}
               </el-button>
             </div>
@@ -47,16 +34,11 @@
 
     <span slot="footer" class="dialog-footer">
       <el-button @click="dialogVisible = false" size="small">取 消</el-button>
-      <el-button type="primary" @click="handleConfirm" size="small"
-        >确 定</el-button
-      >
+      <el-button type="primary" @click="handleConfirm" size="small">确 定</el-button>
     </span>
 
     <!-- 环境配置 -->
-    <api-environment-config
-      ref="environmentConfig"
-      @close="environmentConfigClose"
-    />
+    <api-environment-config ref="environmentConfig" @close="environmentConfigClose" />
   </el-dialog>
 </template>
 
diff --git a/api-test/frontend/src/business/automation/scenario/ApiScenarioList.vue b/api-test/frontend/src/business/automation/scenario/ApiScenarioList.vue
index 97150e18aa..c2738839a1 100644
--- a/api-test/frontend/src/business/automation/scenario/ApiScenarioList.vue
+++ b/api-test/frontend/src/business/automation/scenario/ApiScenarioList.vue
@@ -1,11 +1,7 @@
 <template>
   <div class="scenario-div" v-loading="result">
     <slot name="version"></slot>
-    <ms-search
-      :condition.sync="condition"
-      :base-search-tip="$t('commons.search_by_id_name_tag')"
-      @search="search"
-    >
+    <ms-search :condition.sync="condition" :base-search-tip="$t('commons.search_by_id_name_tag')" @search="search">
     </ms-search>
 
     <ms-table
@@ -27,16 +23,14 @@
       @refresh="search(projectId)"
       @callBackSelectAll="callBackSelectAll"
       @callBackSelect="callBackSelect"
-      ref="scenarioTable"
-    >
+      ref="scenarioTable">
       <ms-table-column
         prop="deleteTime"
         sortable
         v-if="this.trashEnable"
         :fields-width="fieldsWidth"
         :label="$t('commons.delete_time')"
-        min-width="150px"
-      >
+        min-width="150px">
         <template v-slot:default="scope">
           <span>{{ scope.row.deleteTime | datetimeFormat }}</span>
         </template>
@@ -47,8 +41,7 @@
         :fields-width="fieldsWidth"
         v-if="this.trashEnable"
         :label="$t('commons.delete_user')"
-        min-width="120"
-      />
+        min-width="120" />
 
       <span v-for="item in fields" :key="item.key">
         <ms-table-column
@@ -57,8 +50,7 @@
           label="ID"
           sortable
           min-width="120px"
-          v-if="item.id == 'num' && !customNum"
-        >
+          v-if="item.id == 'num' && !customNum">
           <template slot-scope="scope" v-if="!trashEnable">
             <el-tooltip :content="$t('commons.edit')">
               <a style="cursor: pointer" @click="edit(scope.row)">
@@ -74,8 +66,7 @@
           :fields-width="fieldsWidth"
           min-width="120px"
           prop="customNum"
-          v-if="item.id == 'num' && customNum"
-        >
+          v-if="item.id == 'num' && customNum">
           <template slot-scope="scope">
             <el-tooltip :content="$t('commons.edit')">
               <a style="cursor: pointer" @click="edit(scope.row)">
@@ -91,8 +82,7 @@
           :label="$t('api_test.automation.scenario_name')"
           min-width="150px"
           prop="name"
-          sortable
-        />
+          sortable />
 
         <ms-table-column
           :field="item"
@@ -101,8 +91,7 @@
           :label="$t('api_test.automation.case_level')"
           min-width="130px"
           prop="level"
-          sortable
-        >
+          sortable>
           <template v-slot:default="scope">
             <priority-table-item :value="scope.row.level" />
           </template>
@@ -115,8 +104,7 @@
           :fields-width="fieldsWidth"
           :filters="!trashEnable ? scenarioFilters.STATUS_FILTERS : null"
           prop="status"
-          min-width="120px"
-        >
+          min-width="120px">
           <template v-slot:default="scope">
             <plan-status-table-item :value="scope.row.status" />
           </template>
@@ -128,8 +116,7 @@
           :showOverflowTooltip="false"
           :label="$t('api_test.automation.tag')"
           min-width="120px"
-          prop="tags"
-        >
+          prop="tags">
           <template v-slot:default="scope">
             <ms-tag
               v-for="(itemName, index) in scope.row.tags"
@@ -137,12 +124,9 @@
               type="success"
               effect="plain"
               :content="itemName"
-              :show-tooltip="
-                scope.row.tags.length === 1 && itemName.length * 12 <= 120
-              "
+              :show-tooltip="scope.row.tags.length === 1 && itemName.length * 12 <= 120"
               :showTooltip="true"
-              style="margin-left: 0px; margin-right: 2px"
-            />
+              style="margin-left: 0px; margin-right: 2px" />
             <span />
           </template>
         </ms-table-column>
@@ -153,8 +137,7 @@
           :fields-width="fieldsWidth"
           :filters="versionFilters"
           min-width="100px"
-          prop="versionId"
-        >
+          prop="versionId">
           <template v-slot:default="scope">
             <span>{{ scope.row.versionName }}</span>
           </template>
@@ -166,8 +149,7 @@
           :fields-width="fieldsWidth"
           prop="principalName"
           min-width="120px"
-          sortable
-        />
+          sortable />
         <ms-table-column
           :label="$t('api_test.automation.creator')"
           :filters="userFilters"
@@ -175,16 +157,14 @@
           :fields-width="fieldsWidth"
           prop="creatorName"
           min-width="120px"
-          sortable="custom"
-        />
+          sortable="custom" />
         <ms-table-column
           :field="item"
           :fields-width="fieldsWidth"
           :filters="environmentsFilters"
           prop="environmentMap"
           :label="$t('commons.environment')"
-          min-width="180"
-        >
+          min-width="180">
           <template v-slot:default="{ row }">
             <div v-if="row.environmentMap">
               <span v-for="(k, v, index) in row.environmentMap" :key="index">
@@ -199,20 +179,11 @@
                 <el-popover placement="top" width="350" trigger="click">
                   <div v-for="(k, v, index) in row.environmentMap" :key="index">
                     <span class="plan-case-env"
-                      >{{ v }}:
-                      <el-tag type="success" size="mini" effect="plain">{{
-                        k
-                      }}</el-tag
+                      >{{ v }}: <el-tag type="success" size="mini" effect="plain">{{ k }}</el-tag
                       ><br />
                     </span>
                   </div>
-                  <el-link
-                    v-if="index === 1"
-                    slot="reference"
-                    type="info"
-                    :underline="false"
-                    icon="el-icon-more"
-                  />
+                  <el-link v-if="index === 1" slot="reference" type="info" :underline="false" icon="el-icon-more" />
                 </el-popover>
               </span>
             </div>
@@ -225,8 +196,7 @@
           :label="$t('commons.update_time')"
           sortable
           prop="updateTime"
-          min-width="180px"
-        >
+          min-width="180px">
           <template v-slot:default="scope">
             <span>{{ scope.row.updateTime | datetimeFormat }}</span>
           </template>
@@ -237,8 +207,7 @@
           :label="$t('commons.create_time')"
           sortable
           prop="createTime"
-          min-width="180px"
-        >
+          min-width="180px">
           <template v-slot:default="scope">
             <span>{{ scope.row.createTime | datetimeFormat }}</span>
           </template>
@@ -249,8 +218,7 @@
           :fields-width="fieldsWidth"
           :label="$t('api_test.automation.step')"
           prop="stepTotal"
-          min-width="80px"
-        />
+          min-width="80px" />
         <ms-table-column
           :label="$t('api_test.automation.last_result')"
           :filters="resultFilters"
@@ -258,13 +226,9 @@
           :fields-width="fieldsWidth"
           sortable
           prop="lastResult"
-          min-width="130px"
-        >
+          min-width="130px">
           <template v-slot:default="{ row }">
-            <el-link
-              @click="showReport(row)"
-              :disabled="!row.lastResult || row.lastResult === 'PENDING'"
-            >
+            <el-link @click="showReport(row)" :disabled="!row.lastResult || row.lastResult === 'PENDING'">
               <ms-api-report-status :status="row.lastResult" />
             </el-link>
           </template>
@@ -275,8 +239,7 @@
           :fields-width="fieldsWidth"
           :label="$t('api_test.automation.passing_rate')"
           prop="passRate"
-          min-width="120px"
-        />
+          min-width="120px" />
       </span>
 
       <template v-slot:opt-before="scope">
@@ -287,28 +250,15 @@
           icon="el-icon-video-play"
           class="run-button"
           style="margin-right: 10px"
-          v-permission="['PROJECT_API_SCENARIO:READ+RUN']"
-        />
-        <el-tooltip
-          :content="$t('report.stop_btn')"
-          placement="top"
-          :enterable="false"
-          v-else
-        >
+          v-permission="['PROJECT_API_SCENARIO:READ+RUN']" />
+        <el-tooltip :content="$t('report.stop_btn')" placement="top" :enterable="false" v-else>
           <el-button
             v-if="!trashEnable"
             @click.once="stop(scope.row)"
             size="mini"
-            style="
-              color: white;
-              padding: 0;
-              width: 28px;
-              height: 28px;
-              margin-right: 10px;
-            "
+            style="color: white; padding: 0; width: 28px; height: 28px; margin-right: 10px"
             class="stop-btn"
-            circle
-          >
+            circle>
             <div style="transform: scale(0.72)">
               <span style="margin-left: -3.5px; font-weight: bold">STOP</span>
             </div>
@@ -324,17 +274,11 @@
           @openScenario="openScenario"
           @showCaseRef="showScenarioRef"
           v-if="!trashEnable"
-          style="display: contents"
-        />
+          style="display: contents" />
       </template>
     </ms-table>
 
-    <ms-table-pagination
-      :change="search"
-      :current-page.sync="currentPage"
-      :page-size.sync="pageSize"
-      :total="total"
-    />
+    <ms-table-pagination :change="search" :current-page.sync="currentPage" :page-size.sync="pageSize" :total="total" />
 
     <div>
       <!-- 执行结果 -->
@@ -344,8 +288,7 @@
         direction="rtl"
         :withHeader="true"
         :modal="false"
-        size="90%"
-      >
+        size="90%">
         <sysn-api-report-detail
           @refresh="search"
           :debug="true"
@@ -353,8 +296,7 @@
           :scenarioId="scenarioId"
           :infoDb="infoDb"
           :report-id="reportId"
-          :currentProjectId="projectId"
-        />
+          :currentProjectId="projectId" />
       </el-drawer>
       <!-- 执行结果 -->
       <el-drawer
@@ -363,16 +305,14 @@
         direction="rtl"
         :withHeader="true"
         :modal="false"
-        size="90%"
-      >
+        size="90%">
         <ms-api-report-detail
           @invisible="showReportVisible = false"
           @refresh="search"
           :infoDb="infoDb"
           :show-cancel-button="false"
           :report-id="showReportId"
-          :currentProjectId="projectId"
-        />
+          :currentProjectId="projectId" />
       </el-drawer>
       <!--测试计划-->
       <el-drawer
@@ -382,15 +322,13 @@
         :withHeader="false"
         :title="$t('test_track.plan_view.test_result')"
         :modal="false"
-        size="90%"
-      >
+        size="90%">
         <ms-test-plan-list
           @addTestPlan="addTestPlan(arguments)"
           @cancel="cancel"
           ref="testPlanList"
           :scenario-condition="condition"
-          :row="selectRows"
-        />
+          :row="selectRows" />
       </el-drawer>
     </div>
 
@@ -399,16 +337,14 @@
       @batchEdit="batchEdit"
       :typeArr="typeArr"
       :value-arr="valueArr"
-      :dialog-title="$t('test_track.case.batch_edit_case')"
-    />
+      :dialog-title="$t('test_track.case.batch_edit_case')" />
     <batch-move @refresh="search" @moveSave="moveSave" ref="testBatchMove" />
     <ms-api-run-mode
       :request="runRequest"
       :project-id="projectId"
       @close="search"
       @handleRunBatch="handleRunBatch"
-      ref="apiBatchRun"
-    />
+      ref="apiBatchRun" />
     <ms-run
       :debug="true"
       :environment="projectEnvMap"
@@ -420,33 +356,20 @@
       :run-data="debugData"
       @runRefresh="runRefresh"
       @errorRefresh="errorRefresh"
-      ref="runTest"
-    />
+      ref="runTest" />
     <ms-task-center ref="taskCenter" :show-menu="false" />
-    <mx-relationship-graph-drawer
-      v-xpack
-      :graph-data="graphData"
-      ref="relationshipGraph"
-    />
+    <mx-relationship-graph-drawer v-xpack :graph-data="graphData" ref="relationshipGraph" />
     <!--  删除接口提示  -->
-    <scenario-delete-confirm
-      ref="apiDeleteConfirmVersion"
-      @handleDelete="_handleDelete"
-    />
+    <scenario-delete-confirm ref="apiDeleteConfirmVersion" @handleDelete="_handleDelete" />
     <!--  删除场景弹窗  -->
     <api-delete-confirm
       :has-ref="hasRef"
       :show-scenario="showScenario"
       @showCaseRef="showScenarioRef"
       @handleDeleteCase="handleDeleteScenario"
-      ref="apiDeleteConfirm"
-    />
+      ref="apiDeleteConfirm" />
     <!--  引用场景弹窗  -->
-    <ms-show-reference
-      ref="viewRef"
-      @showCaseRef="showScenarioRef"
-      @openScenario="openScenario"
-    />
+    <ms-show-reference ref="viewRef" @showCaseRef="showScenarioRef" @openScenario="openScenario" />
   </div>
 </template>
 
@@ -478,20 +401,9 @@ import {
 } from '@/api/scenario';
 import { getMaintainer, getProject } from '@/api/project';
 import { getProjectVersions, versionEnableByProjectId } from '@/api/xpack';
-import {
-  getCurrentProjectID,
-  getCurrentUserId,
-} from 'metersphere-frontend/src/utils/token';
-import {
-  downloadFile,
-  getUUID,
-  objToStrMap,
-  strMapToObj,
-} from 'metersphere-frontend/src/utils';
-import {
-  hasLicense,
-  hasPermission,
-} from 'metersphere-frontend/src/utils/permission';
+import { getCurrentProjectID, getCurrentUserId } from 'metersphere-frontend/src/utils/token';
+import { downloadFile, getUUID, objToStrMap, strMapToObj } from 'metersphere-frontend/src/utils';
+import { hasLicense, hasPermission } from 'metersphere-frontend/src/utils/permission';
 import { API_SCENARIO_CONFIGS } from 'metersphere-frontend/src/components/search/search-components';
 import { API_SCENARIO_LIST } from 'metersphere-frontend/src/utils/constants';
 import {
@@ -506,10 +418,7 @@ import MsTable from 'metersphere-frontend/src/components/table/MsTable';
 import MsTableColumn from 'metersphere-frontend/src/components/table/MsTableColumn';
 import HeaderLabelOperate from 'metersphere-frontend/src/components/head/HeaderLabelOperate';
 import { getGraphByCondition } from '@/api/graph';
-import {
-  API_SCENARIO_CONFIGS_TRASH,
-  TYPE_TO_C,
-} from '@/business/automation/scenario/Setting';
+import { API_SCENARIO_CONFIGS_TRASH, TYPE_TO_C } from '@/business/automation/scenario/Setting';
 import MsTableSearchBar from 'metersphere-frontend/src/components/MsTableSearchBar';
 import MsTableAdvSearchBar from 'metersphere-frontend/src/components/search/MsTableAdvSearchBar';
 import ListItemDeleteConfirm from 'metersphere-frontend/src/components/ListItemDeleteConfirm';
@@ -542,39 +451,26 @@ export default {
     MsShowReference,
     ScenarioDeleteConfirm,
     MsApiReportStatus: () => import('../report/ApiReportStatus'),
-    HeaderCustom: () =>
-      import('metersphere-frontend/src/components/head/HeaderCustom'),
+    HeaderCustom: () => import('metersphere-frontend/src/components/head/HeaderCustom'),
     BatchMove: () => import('@/business/commons/BatchMove'),
-    EnvironmentSelect: () =>
-      import('@/business/environment/components/EnvironmentSelect'),
+    EnvironmentSelect: () => import('@/business/environment/components/EnvironmentSelect'),
     BatchEdit: () => import('@/business/commons/BatchEdit'),
     PlanStatusTableItem: () => import('@/business/commons/PlanStatusTableItem'),
     PriorityTableItem: () => import('@/business/commons/PriorityTableItem'),
-    MsTableHeaderSelectPopover: () =>
-      import(
-        'metersphere-frontend/src/components/table/MsTableHeaderSelectPopover'
-      ),
-    MsTablePagination: () =>
-      import('metersphere-frontend/src/components/pagination/TablePagination'),
+    MsTableHeaderSelectPopover: () => import('metersphere-frontend/src/components/table/MsTableHeaderSelectPopover'),
+    MsTablePagination: () => import('metersphere-frontend/src/components/pagination/TablePagination'),
     MsTableMoreBtn: () => import('./TableMoreBtn'),
     ShowMoreBtn: () => import('@/business/commons/ShowMoreBtn'),
-    MsTableHeader: () =>
-      import('metersphere-frontend/src/components/MsTableHeader'),
+    MsTableHeader: () => import('metersphere-frontend/src/components/MsTableHeader'),
     MsTag: () => import('metersphere-frontend/src/components/MsTag'),
     MsApiReportDetail: () => import('../report/ApiReportDetail'),
     SysnApiReportDetail: () => import('../report/SyncApiReportDetail'),
-    MsScenarioExtendButtons: () =>
-      import('@/business/automation/scenario/ScenarioExtendBtns'),
+    MsScenarioExtendButtons: () => import('@/business/automation/scenario/ScenarioExtendBtns'),
     MsTestPlanList: () => import('./testplan/TestPlanList'),
-    MsTableOperatorButton: () =>
-      import('metersphere-frontend/src/components/MsTableOperatorButton'),
-    MsTaskCenter: () =>
-      import('metersphere-frontend/src/components/task/TaskCenter'),
+    MsTableOperatorButton: () => import('metersphere-frontend/src/components/MsTableOperatorButton'),
+    MsTaskCenter: () => import('metersphere-frontend/src/components/task/TaskCenter'),
     MsRun: () => import('./DebugRun'),
-    MxRelationshipGraphDrawer: () =>
-      import(
-        'metersphere-frontend/src/components/graph/MxRelationshipGraphDrawer'
-      ),
+    MxRelationshipGraphDrawer: () => import('metersphere-frontend/src/components/graph/MxRelationshipGraphDrawer'),
   },
   props: {
     referenced: {
@@ -629,9 +525,7 @@ export default {
       fieldsWidth: getCustomTableWidth('API_SCENARIO'),
       screenHeight: 'calc(100vh - 180px)', //屏幕高度,
       condition: {
-        components: this.trashEnable
-          ? API_SCENARIO_CONFIGS_TRASH
-          : API_SCENARIO_CONFIGS,
+        components: this.trashEnable ? API_SCENARIO_CONFIGS_TRASH : API_SCENARIO_CONFIGS,
       },
       projectId: '',
       scenarioId: '',
@@ -906,16 +800,11 @@ export default {
   },
   methods: {
     generateGraph() {
-      if (
-        getSelectDataCounts(this.condition, this.total, this.selectRows) > 100
-      ) {
+      if (getSelectDataCounts(this.condition, this.total, this.selectRows) > 100) {
         this.$warning(this.$t('test_track.case.generate_dependencies_warning'));
         return;
       }
-      getGraphByCondition(
-        'API_SCENARIO',
-        buildBatchParam(this, this.$refs.scenarioTable.selectIds)
-      ).then((data) => {
+      getGraphByCondition('API_SCENARIO', buildBatchParam(this, this.$refs.scenarioTable.selectIds)).then((data) => {
         this.graphData = data.data;
         this.$refs.relationshipGraph.open();
       });
@@ -1015,11 +904,7 @@ export default {
         }
       }
       if (this.condition.projectId) {
-        this.result = getScenarioList(
-          this.currentPage,
-          this.pageSize,
-          this.condition
-        ).then((response) => {
+        this.result = getScenarioList(this.currentPage, this.pageSize, this.condition).then((response) => {
           let data = response.data;
           this.total = data.itemCount;
           this.tableData = data.listObject;
@@ -1052,10 +937,7 @@ export default {
       this.planVisible = true;
     },
     handleBatchEdit() {
-      this.$refs.batchEdit.setScenarioSelectRows(
-        this.$refs.scenarioTable.selectRows,
-        'scenario'
-      );
+      this.$refs.batchEdit.setScenarioSelectRows(this.$refs.scenarioTable.selectRows, 'scenario');
       if (this.condition.selectAll) {
         this.condition.ids = [];
         let param = {};
@@ -1077,11 +959,7 @@ export default {
     },
     handleBatchCopy() {
       this.isMoveBatch = false;
-      this.$refs.testBatchMove.open(
-        this.moduleTree,
-        this.$refs.scenarioTable.selectIds,
-        this.moduleOptionsNew
-      );
+      this.$refs.testBatchMove.open(this.moduleTree, this.$refs.scenarioTable.selectIds, this.moduleOptionsNew);
     },
     moveSave(param) {
       this.buildBatchParam(param);
@@ -1298,13 +1176,10 @@ export default {
         this.hasRef = false;
         checkBeforeDelete(param).then((response) => {
           let checkResult = response.data;
-          let alertMsg =
-            this.$t('load_test.delete_threadgroup_confirm') + ' ？';
+          let alertMsg = this.$t('load_test.delete_threadgroup_confirm') + ' ？';
           if (checkResult.deleteFlag) {
             alertMsg =
-              this.$t('api_definition.scenario_is_referenced', [
-                checkResult.refCount,
-              ]) +
+              this.$t('api_definition.scenario_is_referenced', [checkResult.refCount]) +
               ', ' +
               this.$t('api_test.is_continue') +
               ' ？';
@@ -1329,10 +1204,7 @@ export default {
               let obj = JSON.parse(response.data.scenarioDefinition);
               this.currentScenario.scenarioDefinition = obj;
               this.currentScenario.name = response.data.name;
-              if (
-                this.currentScenario.scenarioDefinition &&
-                this.currentScenario.scenarioDefinition.hashTree
-              ) {
+              if (this.currentScenario.scenarioDefinition && this.currentScenario.scenarioDefinition.hashTree) {
                 this.sort(this.currentScenario.scenarioDefinition.hashTree);
               }
               resolve();
@@ -1361,14 +1233,8 @@ export default {
             },
           };
         }
-        if (
-          stepArray[i] &&
-          stepArray[i].authManager &&
-          !stepArray[i].authManager.clazzName
-        ) {
-          stepArray[i].authManager.clazzName = TYPE_TO_C.get(
-            stepArray[i].authManager.type
-          );
+        if (stepArray[i] && stepArray[i].authManager && !stepArray[i].authManager.clazzName) {
+          stepArray[i].authManager.clazzName = TYPE_TO_C.get(stepArray[i].authManager.type);
         }
         if (stepArray[i].hashTree && stepArray[i].hashTree.length > 0) {
           this.sort(stepArray[i].hashTree);
@@ -1422,20 +1288,14 @@ export default {
             hashTree: scenarioStep.hashTree,
           };
           if (this.currentScenario.environmentJson) {
-            this.projectEnvMap = objToStrMap(
-              JSON.parse(this.currentScenario.environmentJson)
-            );
+            this.projectEnvMap = objToStrMap(JSON.parse(this.currentScenario.environmentJson));
           }
           this.environmentType = this.currentScenario.environmentType;
           this.envGroupId = this.currentScenario.environmentGroupId;
           checkScenarioEnv(this.currentScenario.id).then((res) => {
             let data = res.data;
             if (!data) {
-              this.$warning(
-                this.$t(
-                  'workspace.env_group.please_select_env_for_current_scenario'
-                )
-              );
+              this.$warning(this.$t('workspace.env_group.please_select_env_for_current_scenario'));
               return false;
             }
             this.reportId = getUUID().substring(0, 8);
@@ -1500,12 +1360,7 @@ export default {
         this.hasRef = false;
         checkBeforeDelete(param).then((response) => {
           let checkResult = response.data;
-          let alertMsg =
-            this.$t('load_test.delete_threadgroup_confirm') +
-            '[' +
-            row.name +
-            ']' +
-            '?';
+          let alertMsg = this.$t('load_test.delete_threadgroup_confirm') + '[' + row.name + ']' + '?';
           if (checkResult.deleteFlag) {
             alertMsg =
               '[' +
@@ -1513,16 +1368,10 @@ export default {
               '] ' +
               this.$t('api_definition.scenario_is') +
               (checkResult.scenarioCount > 0
-                ? this.$t('api_definition.scenario_count', [
-                    checkResult.scenarioCount,
-                  ])
-                : '') +
-              (checkResult.planCount > 0 && checkResult.scenarioCount > 0
-                ? '、 '
-                : '') +
-              (checkResult.planCount > 0
-                ? this.$t('api_definition.plan_count', [checkResult.planCount])
+                ? this.$t('api_definition.scenario_count', [checkResult.scenarioCount])
                 : '') +
+              (checkResult.planCount > 0 && checkResult.scenarioCount > 0 ? '、 ' : '') +
+              (checkResult.planCount > 0 ? this.$t('api_definition.plan_count', [checkResult.planCount]) : '') +
               this.$t('api_test.scenario.reference') +
               ', ' +
               this.$t('api_test.is_continue') +
@@ -1531,20 +1380,11 @@ export default {
           }
           //
           getScenarioVersions(row.id).then((response) => {
-            if (
-              hasLicense() &&
-              this.versionEnable &&
-              response.data.length > 1
-            ) {
+            if (hasLicense() && this.versionEnable && response.data.length > 1) {
               // 删除提供列表删除和全部版本删除
               this.$refs.apiDeleteConfirmVersion.open(row, alertMsg);
             } else {
-              this.$refs.apiDeleteConfirm.open(
-                alertMsg,
-                this.$t('permission.project_api_scenario.delete'),
-                row,
-                null
-              );
+              this.$refs.apiDeleteConfirm.open(alertMsg, this.$t('permission.project_api_scenario.delete'), row, null);
             }
           });
         });
@@ -1602,10 +1442,7 @@ export default {
             this.result = false;
             let obj = response.data;
             obj.nodeTree = nodeTree;
-            downloadFile(
-              'Metersphere_Scenario_' + this.projectName + '.json',
-              JSON.stringify(obj)
-            );
+            downloadFile('Metersphere_Scenario_' + this.projectName + '.json', JSON.stringify(obj));
           });
         }
       });
@@ -1674,47 +1511,42 @@ export default {
       this.$emit('selection', selection);
     },
     batchCreatePerformance() {
-      this.$alert(
-        this.$t('api_test.definition.request.batch_to_performance_confirm') +
-          ' ？',
-        '',
-        {
-          confirmButtonText: this.$t('commons.confirm'),
-          callback: (action) => {
-            if (action === 'confirm') {
-              this.infoDb = false;
-              let param = {};
-              this.buildBatchParam(param);
-              batchGenPerformanceTestJmx(param).then((response) => {
-                let returnDTO = response.data;
-                let projectEnvMap = returnDTO.projectEnvMap;
-                let returnDataList = returnDTO.jmxInfoDTOList;
-                let jmxObjList = [];
-                returnDataList.forEach((item) => {
-                  let jmxObj = {};
-                  jmxObj.name = item.name;
-                  jmxObj.xml = item.xml;
-                  jmxObj.attachFiles = item.attachFiles;
-                  jmxObj.attachByteFiles = item.attachByteFiles;
-                  jmxObj.scenarioId = item.id;
-                  jmxObj.version = item.version;
-                  jmxObjList.push(jmxObj);
-                });
-                performanceStore.$patch({
-                  scenarioJmxs: {
-                    name: 'Scenarios',
-                    jmxs: jmxObjList,
-                    projectEnvMap: projectEnvMap,
-                  },
-                });
-                this.$router.push({
-                  path: '/performance/test/create',
-                });
+      this.$alert(this.$t('api_test.definition.request.batch_to_performance_confirm') + ' ？', '', {
+        confirmButtonText: this.$t('commons.confirm'),
+        callback: (action) => {
+          if (action === 'confirm') {
+            this.infoDb = false;
+            let param = {};
+            this.buildBatchParam(param);
+            batchGenPerformanceTestJmx(param).then((response) => {
+              let returnDTO = response.data;
+              let projectEnvMap = returnDTO.projectEnvMap;
+              let returnDataList = returnDTO.jmxInfoDTOList;
+              let jmxObjList = [];
+              returnDataList.forEach((item) => {
+                let jmxObj = {};
+                jmxObj.name = item.name;
+                jmxObj.xml = item.xml;
+                jmxObj.attachFiles = item.attachFiles;
+                jmxObj.attachByteFiles = item.attachByteFiles;
+                jmxObj.scenarioId = item.id;
+                jmxObj.version = item.version;
+                jmxObjList.push(jmxObj);
               });
-            }
-          },
-        }
-      );
+              performanceStore.$patch({
+                scenarioJmxs: {
+                  name: 'Scenarios',
+                  jmxs: jmxObjList,
+                  projectEnvMap: projectEnvMap,
+                },
+              });
+              this.$router.push({
+                path: '/performance/test/create',
+              });
+            });
+          }
+        },
+      });
     },
     stop(row) {
       execStop(this.reportId).then(() => {
diff --git a/api-test/frontend/src/business/automation/scenario/ApiScenarioModule.vue b/api-test/frontend/src/business/automation/scenario/ApiScenarioModule.vue
index 6ed86a2579..0ec259be0c 100644
--- a/api-test/frontend/src/business/automation/scenario/ApiScenarioModule.vue
+++ b/api-test/frontend/src/business/automation/scenario/ApiScenarioModule.vue
@@ -21,35 +21,20 @@
       @refresh="list"
       @filter="filter"
       @nodeSelectEvent="nodeChange"
-      ref="nodeTree"
-    >
+      ref="nodeTree">
       <template v-slot:header>
-        <ms-search-bar
-          :show-operator="showOperator && !isTrashData"
-          :condition="condition"
-          :commands="operators"
-        />
+        <ms-search-bar :show-operator="showOperator && !isTrashData" :condition="condition" :commands="operators" />
         <module-trash-button
           v-if="!isReadOnly && !isTrashData"
           :condition="condition"
           :exe="enableTrash"
-          :total="total"
-        />
+          :total="total" />
       </template>
     </ms-node-tree>
 
-    <ms-add-basis-scenario
-      :module-options="data"
-      @saveAsEdit="saveAsEdit"
-      @refresh="refresh"
-      ref="basisScenario"
-    />
+    <ms-add-basis-scenario :module-options="data" @saveAsEdit="saveAsEdit" @refresh="refresh" ref="basisScenario" />
 
-    <api-import
-      ref="apiImport"
-      :moduleOptions="data"
-      @refreshAll="$emit('refreshAll')"
-    />
+    <api-import ref="apiImport" :moduleOptions="data" @refreshAll="$emit('refreshAll')" />
   </div>
 </template>
 
@@ -199,21 +184,15 @@ export default {
     },
     list(projectId) {
       if (this.isRelevanceModel) {
-        this.result = getModuleByRelevanceProjectId(
-          this.relevanceProjectId
-        ).then((response) => {
+        this.result = getModuleByRelevanceProjectId(this.relevanceProjectId).then((response) => {
           this.setData(response);
         });
       } else if (this.isTrashData) {
-        this.result = getModuleByTrash(
-          projectId ? projectId : this.projectId
-        ).then((response) => {
+        this.result = getModuleByTrash(projectId ? projectId : this.projectId).then((response) => {
           this.setData(response);
         });
       } else {
-        this.result = getModuleByProjectId(
-          projectId ? projectId : this.projectId
-        ).then((response) => {
+        this.result = getModuleByProjectId(projectId ? projectId : this.projectId).then((response) => {
           this.setData(response);
         });
       }
@@ -222,10 +201,7 @@ export default {
       if (response.data != undefined && response.data != null) {
         this.data = response.data;
         this.data.forEach((node) => {
-          node.name =
-            node.name === '未规划场景'
-              ? this.$t('api_test.automation.unplanned_scenario')
-              : node.name;
+          node.name = node.name === '未规划场景' ? this.$t('api_test.automation.unplanned_scenario') : node.name;
           buildTree(node, { path: '' });
         });
         this.$emit('setModuleOptions', this.data);
@@ -304,11 +280,9 @@ export default {
     //后台更新节点数据
     nohupReloadTree(selectNodeId) {
       if (this.isRelevanceModel) {
-        getModuleByRelevanceProjectId(this.relevanceProjectId).then(
-          (response) => {
-            this.setModuleList(response, selectNodeId);
-          }
-        );
+        getModuleByRelevanceProjectId(this.relevanceProjectId).then((response) => {
+          this.setModuleList(response, selectNodeId);
+        });
       } else if (this.isTrashData) {
         if (!this.projectId) {
           return;
@@ -329,10 +303,7 @@ export default {
       if (response.data != undefined && response.data != null) {
         this.data = response.data;
         this.data.forEach((node) => {
-          node.name =
-            node.name === '未规划场景'
-              ? this.$t('api_test.automation.unplanned_scenario')
-              : node.name;
+          node.name = node.name === '未规划场景' ? this.$t('api_test.automation.unplanned_scenario') : node.name;
           buildTree(node, { path: '' });
         });
 
@@ -367,10 +338,7 @@ export default {
       this.$emit('enableTrash', this.condition.trashEnable);
     },
     removeModuleId(nodeIds) {
-      if (
-        localStorage.getItem('scenarioModule') &&
-        localStorage.getItem('scenarioModule') === nodeIds[0]
-      ) {
+      if (localStorage.getItem('scenarioModule') && localStorage.getItem('scenarioModule') === nodeIds[0]) {
         localStorage.setItem('scenarioModule', undefined);
       }
     },
diff --git a/api-test/frontend/src/business/automation/scenario/ApiScenarioVariables.vue b/api-test/frontend/src/business/automation/scenario/ApiScenarioVariables.vue
index 118b28539f..2e59cb4606 100644
--- a/api-test/frontend/src/business/automation/scenario/ApiScenarioVariables.vue
+++ b/api-test/frontend/src/business/automation/scenario/ApiScenarioVariables.vue
@@ -12,8 +12,7 @@
             @change="change"
             :value="item.uuid"
             v-model="item.enable"
-            :disabled="isDisable(index) || isReadOnly"
-          />
+            :disabled="isDisable(index) || isReadOnly" />
         </el-col>
 
         <el-col>
@@ -26,8 +25,7 @@
             maxlength="200"
             @change="change"
             :placeholder="$t('api_test.variable_name')"
-            show-word-limit
-          />
+            show-word-limit />
         </el-col>
         <el-col>
           <el-input
@@ -36,8 +34,7 @@
             size="small"
             @change="change"
             :placeholder="$t('api_test.value')"
-            show-word-limit
-          />
+            show-word-limit />
         </el-col>
         <el-col class="kv-delete">
           <el-button
@@ -45,8 +42,7 @@
             class="el-icon-delete-solid"
             circle
             @click="remove(index)"
-            :disabled="isDisable(index) || isReadOnly"
-          />
+            :disabled="isDisable(index) || isReadOnly" />
         </el-col>
       </el-row>
     </div>
diff --git a/api-test/frontend/src/business/automation/scenario/ApiVariableInput.vue b/api-test/frontend/src/business/automation/scenario/ApiVariableInput.vue
index e34dba93cf..155fed593e 100644
--- a/api-test/frontend/src/business/automation/scenario/ApiVariableInput.vue
+++ b/api-test/frontend/src/business/automation/scenario/ApiVariableInput.vue
@@ -7,13 +7,8 @@
       v-bind="$attrs"
       :size="size"
       @change="change"
-      @input="input"
-    />
-    <div
-      :class="{ hidden: !showVariable }"
-      class="variable-combine"
-      v-if="value"
-    >
+      @input="input" />
+    <div :class="{ hidden: !showVariable }" class="variable-combine" v-if="value">
       <div v-if="showCopy" class="variable">{{ variable }}</div>
       <el-tooltip
         v-if="showCopy"
@@ -21,8 +16,7 @@
         manual
         v-model="visible"
         placement="top"
-        :visible-arrow="false"
-      >
+        :visible-arrow="false">
         <i class="el-icon-copy-document copy" @click="copy" />
       </el-tooltip>
     </div>
@@ -86,11 +80,7 @@ export default {
 
   computed: {
     variable() {
-      return (
-        '${' +
-        (this.showCopyTipWithMultiple ? this.value + '_n' : this.value) +
-        '}'
-      );
+      return '${' + (this.showCopyTipWithMultiple ? this.value + '_n' : this.value) + '}';
     },
   },
 };
diff --git a/api-test/frontend/src/business/automation/scenario/DebugRun.vue b/api-test/frontend/src/business/automation/scenario/DebugRun.vue
index 1ec54b5cbd..600d9cb9a6 100644
--- a/api-test/frontend/src/business/automation/scenario/DebugRun.vue
+++ b/api-test/frontend/src/business/automation/scenario/DebugRun.vue
@@ -43,11 +43,7 @@ export default {
     sort(stepArray) {
       if (stepArray) {
         for (let i in stepArray) {
-          if (
-            stepArray[i] &&
-            TYPE_TO_C.get(stepArray[i].type) &&
-            !stepArray[i].clazzName
-          ) {
+          if (stepArray[i] && TYPE_TO_C.get(stepArray[i].type) && !stepArray[i].clazzName) {
             stepArray[i].clazzName = TYPE_TO_C.get(stepArray[i].type);
           }
           if (stepArray[i].type === 'Assertions' && !stepArray[i].document) {
@@ -61,14 +57,8 @@ export default {
               },
             };
           }
-          if (
-            stepArray[i] &&
-            stepArray[i].authManager &&
-            !stepArray[i].authManager.clazzName
-          ) {
-            stepArray[i].authManager.clazzName = TYPE_TO_C.get(
-              stepArray[i].authManager.type
-            );
+          if (stepArray[i] && stepArray[i].authManager && !stepArray[i].authManager.clazzName) {
+            stepArray[i].authManager.clazzName = TYPE_TO_C.get(stepArray[i].authManager.type);
           }
           if (stepArray[i].hashTree && stepArray[i].hashTree.length > 0) {
             this.sort(stepArray[i].hashTree);
@@ -117,9 +107,7 @@ export default {
       let url = '/api/automation/run/debug';
       saveScenario(url, reqObj, this.runData.hashTree, this, (response) => {
         if (response.data !== 'SUCCESS') {
-          this.$error(
-            response.data ? response.data : this.$t('commons.run_fail')
-          );
+          this.$error(response.data ? response.data : this.$t('commons.run_fail'));
           this.$emit('errorRefresh');
         }
       });
diff --git a/api-test/frontend/src/business/automation/scenario/EditApiScenario.vue b/api-test/frontend/src/business/automation/scenario/EditApiScenario.vue
index 36f7f841a1..00afd39344 100644
--- a/api-test/frontend/src/business/automation/scenario/EditApiScenario.vue
+++ b/api-test/frontend/src/business/automation/scenario/EditApiScenario.vue
@@ -9,8 +9,7 @@
           label-width="80px"
           size="small"
           :rules="rules"
-          ref="currentScenario"
-        >
+          ref="currentScenario">
           <!-- 基础信息 -->
           <el-form-item :label="$t('commons.name')" prop="name">
             <el-input
@@ -18,14 +17,10 @@
               size="small"
               v-model="currentScenario.name"
               maxlength="100"
-              show-word-limit
-            />
+              show-word-limit />
           </el-form-item>
 
-          <el-form-item
-            :label="$t('test_track.module.module')"
-            prop="apiScenarioModuleId"
-          >
+          <el-form-item :label="$t('test_track.module.module')" prop="apiScenarioModuleId">
             <ms-select-tree
               size="small"
               :data="moduleOptions"
@@ -33,58 +28,34 @@
               @getValue="setModule"
               :obj="moduleObj"
               clearable
-              checkStrictly
-            />
+              checkStrictly />
           </el-form-item>
 
           <el-form-item :label="$t('commons.status')" prop="status">
-            <el-select
-              class="ms-scenario-input"
-              size="small"
-              v-model="currentScenario.status"
-            >
-              <el-option
-                v-for="item in options"
-                :key="item.id"
-                :label="$t(item.label)"
-                :value="item.id"
-              />
+            <el-select class="ms-scenario-input" size="small" v-model="currentScenario.status">
+              <el-option v-for="item in options" :key="item.id" :label="$t(item.label)" :value="item.id" />
             </el-select>
           </el-form-item>
 
-          <el-form-item
-            :label="$t('api_test.definition.request.responsible')"
-            prop="principal"
-          >
+          <el-form-item :label="$t('api_test.definition.request.responsible')" prop="principal">
             <el-select
               v-model="currentScenario.principal"
               :placeholder="$t('api_test.definition.request.responsible')"
               filterable
               size="small"
-              class="ms-scenario-input"
-            >
+              class="ms-scenario-input">
               <el-option
                 v-for="item in maintainerOptions"
                 :key="item.id"
                 :label="item.name + ' (' + item.id + ')'"
-                :value="item.id"
-              >
+                :value="item.id">
               </el-option>
             </el-select>
           </el-form-item>
 
           <el-form-item :label="$t('test_track.case.priority')" prop="level">
-            <el-select
-              class="ms-scenario-input"
-              size="small"
-              v-model="currentScenario.level"
-            >
-              <el-option
-                v-for="item in levels"
-                :key="item.id"
-                :label="item.label"
-                :value="item.id"
-              />
+            <el-select class="ms-scenario-input" size="small" v-model="currentScenario.level">
+              <el-option v-for="item in levels" :key="item.id" :label="item.label" :value="item.id" />
             </el-select>
           </el-form-item>
 
@@ -99,68 +70,43 @@
               type="textarea"
               :autosize="{ minRows: 1, maxRows: 10 }"
               :rows="1"
-              size="small"
-            />
+              size="small" />
           </el-form-item>
           <el-form-item label="ID" prop="customNum" v-if="customNum">
-            <el-input
-              v-model.trim="currentScenario.customNum"
-              size="small"
-            ></el-input>
+            <el-input v-model.trim="currentScenario.customNum" size="small"></el-input>
           </el-form-item>
         </el-form>
       </div>
     </ms-aside-container>
 
     <!-- 右侧部分 -->
-    <ms-main-container
-      style="overflow: hidden"
-      class="ms-scenario-main-container"
-    >
+    <ms-main-container style="overflow: hidden" class="ms-scenario-main-container">
       <!-- header 调试部分 -->
       <div class="ms-debug-div" @click="showAll" ref="debugHeader">
         <el-row style="margin: 5px">
-          <el-col
-            :span="1"
-            class="ms-col-one ms-font"
-            v-show="scenarioDefinition.length > 1"
-          >
+          <el-col :span="1" class="ms-col-one ms-font" v-show="scenarioDefinition.length > 1">
             <el-tooltip
               :content="$t('test_track.case.batch_operate')"
               placement="top"
               effect="light"
-              v-show="!isBatchProcess"
-            >
+              v-show="!isBatchProcess">
               <font-awesome-icon
                 class="ms-batch-btn"
                 :icon="['fa', 'bars']"
                 v-prevent-re-click
-                @click="batchProcessing"
-              />
+                @click="batchProcessing" />
             </el-tooltip>
-            <el-checkbox
-              v-show="isBatchProcess"
-              v-model="isCheckedAll"
-              @change="checkedAll"
-            />
-            <el-tooltip
-              :content="$t('commons.cancel')"
-              placement="top"
-              effect="light"
-              v-show="isBatchProcess"
-            >
+            <el-checkbox v-show="isBatchProcess" v-model="isCheckedAll" @change="checkedAll" />
+            <el-tooltip :content="$t('commons.cancel')" placement="top" effect="light" v-show="isBatchProcess">
               <font-awesome-icon
                 class="ms-batch-btn"
                 :icon="['fa', 'times']"
                 v-prevent-re-click
-                @click="cancelBatchProcessing"
-              />
+                @click="cancelBatchProcessing" />
             </el-tooltip>
           </el-col>
           <el-col :span="2" class="ms-col-one ms-font">
-            {{ $t('api_test.automation.step_total') }}：{{
-              scenarioDefinition.length
-            }}
+            {{ $t('api_test.automation.step_total') }}：{{ scenarioDefinition.length }}
           </el-col>
           <el-col :span="2" class="ms-col-one ms-font">
             <el-link class="head" @click="showScenarioParameters"
@@ -170,16 +116,12 @@
           </el-col>
           <el-col :span="2" class="ms-col-one ms-font">
             <el-checkbox v-model="enableCookieShare"
-              ><span style="font-size: 13px">{{
-                $t('api_test.scenario.share_cookie')
-              }}</span></el-checkbox
+              ><span style="font-size: 13px">{{ $t('api_test.scenario.share_cookie') }}</span></el-checkbox
             >
           </el-col>
           <el-col :span="3" class="ms-col-one ms-font">
             <el-checkbox v-model="onSampleError"
-              ><span style="font-size: 13px">{{
-                $t('commons.failure_continues')
-              }}</span></el-checkbox
+              ><span style="font-size: 13px">{{ $t('commons.failure_continues') }}</span></el-checkbox
             >
           </el-col>
 
@@ -193,16 +135,13 @@
               :isReadOnly="scenarioDefinition.length < 1"
               :group-id="envGroupId"
               :project-list="projectList"
-              :show-config-button-with-out-permission="
-                showConfigButtonWithOutPermission
-              "
+              :show-config-button-with-out-permission="showConfigButtonWithOutPermission"
               @setProjectEnvMap="setProjectEnvMap"
               @setEnvGroup="setEnvGroup"
               @showPopover="showPopover"
               :has-option-group="true"
               ref="envPopover"
-              class="ms-message-right"
-            />
+              class="ms-message-right" />
             <el-tooltip v-if="!debugLoading" content="Ctrl + R" placement="top">
               <el-dropdown
                 split-button
@@ -215,19 +154,14 @@
                   'PROJECT_API_SCENARIO:READ+EDIT',
                   'PROJECT_API_SCENARIO:READ+CREATE',
                   'PROJECT_API_SCENARIO:READ+COPY',
-                ]"
-              >
+                ]">
                 {{ $t('api_test.request.debug') }}
                 <el-dropdown-menu slot="dropdown">
-                  <el-dropdown-item>{{
-                    $t('api_test.automation.generate_report')
-                  }}</el-dropdown-item>
+                  <el-dropdown-item>{{ $t('api_test.automation.generate_report') }}</el-dropdown-item>
                 </el-dropdown-menu>
               </el-dropdown>
             </el-tooltip>
-            <el-button size="mini" type="primary" v-else @click="stop">{{
-              $t('report.stop_btn')
-            }}</el-button>
+            <el-button size="mini" type="primary" v-else @click="stop">{{ $t('report.stop_btn') }}</el-button>
 
             <el-button
               id="inputDelay"
@@ -240,41 +174,24 @@
                 'PROJECT_API_SCENARIO:READ+EDIT',
                 'PROJECT_API_SCENARIO:READ+CREATE',
                 'PROJECT_API_SCENARIO:READ+COPY',
-              ]"
-            >
+              ]">
               {{ $t('commons.save') }}
             </el-button>
 
-            <el-tooltip
-              class="item"
-              effect="dark"
-              :content="$t('commons.refresh')"
-              placement="top-start"
-            >
+            <el-tooltip class="item" effect="dark" :content="$t('commons.refresh')" placement="top-start">
               <el-button
                 :disabled="scenarioDefinition.length < 1"
                 size="mini"
                 icon="el-icon-refresh"
                 v-prevent-re-click
-                @click="refreshApiScenario"
-              ></el-button>
+                @click="refreshApiScenario"></el-button>
             </el-tooltip>
             <!--操作按钮-->
-            <el-link
-              type="primary"
-              @click.stop
-              @click="showHistory"
-              style="margin: 0px 5px"
-            >
+            <el-link type="primary" @click.stop @click="showHistory" style="margin: 0px 5px">
               {{ $t('commons.debug_history') }}
             </el-link>
 
-            <el-tooltip
-              :content="$t('commons.follow')"
-              placement="bottom"
-              effect="dark"
-              v-show="!showFollow"
-            >
+            <el-tooltip :content="$t('commons.follow')" placement="bottom" effect="dark" v-show="!showFollow">
               <i
                 class="el-icon-star-off"
                 style="
@@ -285,15 +202,9 @@
                   position: relative;
                   top: 3px;
                 "
-                @click="saveFollow"
-              />
+                @click="saveFollow" />
             </el-tooltip>
-            <el-tooltip
-              :content="$t('commons.cancel')"
-              placement="bottom"
-              effect="dark"
-              v-show="showFollow"
-            >
+            <el-tooltip :content="$t('commons.cancel')" placement="bottom" effect="dark" v-show="showFollow">
               <i
                 class="el-icon-star-on"
                 style="
@@ -304,8 +215,7 @@
                   position: relative;
                   top: 3px;
                 "
-                @click="saveFollow"
-              />
+                @click="saveFollow" />
             </el-tooltip>
             <el-link
               type="primary"
@@ -323,21 +233,14 @@
               @compare="compare"
               @checkout="checkout"
               @create="create"
-              @del="del"
-            />
+              @del="del" />
           </el-col>
           <el-tooltip
             effect="dark"
             :content="$t('commons.full_screen_editing')"
             placement="top-start"
-            style="margin-top: 6px"
-          >
-            <font-awesome-icon
-              class="alt-ico"
-              :icon="['fa', 'expand-alt']"
-              size="lg"
-              @click="fullScreen"
-            />
+            style="margin-top: 6px">
+            <font-awesome-icon class="alt-ico" :icon="['fa', 'expand-alt']" size="lg" @click="fullScreen" />
           </el-tooltip>
         </el-row>
       </div>
@@ -349,14 +252,8 @@
             <el-col :span="21">
               <div class="ms-debug-result" v-show="debug">
                 <span class="ms-message-right"> {{ reqTotalTime }} ms </span>
-                <span class="ms-message-right"
-                  >{{ $t('api_test.automation.request_total') }}
-                  {{ reqTotal }}</span
-                >
-                <span class="ms-message-right"
-                  >{{ $t('api_test.automation.request_success') }}
-                  {{ reqSuccess }}</span
-                >
+                <span class="ms-message-right">{{ $t('api_test.automation.request_total') }} {{ reqTotal }}</span>
+                <span class="ms-message-right">{{ $t('api_test.automation.request_success') }} {{ reqSuccess }}</span>
                 <span class="ms-message-right">
                   {{ $t('api_test.automation.request_error') }}
                   {{ reqError }}</span
@@ -385,57 +282,38 @@
                   @node-click="nodeClick"
                   draggable
                   ref="stepTree"
-                  :key="reloadTree"
-                >
+                  :key="reloadTree">
                   <el-row
                     class="custom-tree-node"
                     :gutter="10"
                     type="flex"
                     align="middle"
                     slot-scope="{ node, data }"
-                    style="width: 100%"
-                  >
+                    style="width: 100%">
                     <span
                       class="custom-tree-node-col"
                       style="padding-left: 0px; padding-right: 0px"
-                      v-show="
-                        node &&
-                        data.hashTree &&
-                        data.hashTree.length > 0 &&
-                        !data.isLeaf
-                      "
-                    >
+                      v-show="node && data.hashTree && data.hashTree.length > 0 && !data.isLeaf">
                       <span
                         v-show="!node.expanded"
                         class="el-icon-circle-plus-outline custom-node_e"
-                        @click="openOrClose(node, data)"
-                      />
+                        @click="openOrClose(node, data)" />
                       <span
                         v-show="node.expanded"
                         class="el-icon-remove-outline custom-node_e"
-                        @click="openOrClose(node, data)"
-                      />
+                        @click="openOrClose(node, data)" />
                     </span>
                     <!-- 批量操作 -->
                     <span
-                      :class="
-                        data.checkBox
-                          ? 'custom-tree-node-hide'
-                          : 'custom-tree-node-col'
-                      "
+                      :class="data.checkBox ? 'custom-tree-node-hide' : 'custom-tree-node-col'"
                       style="padding-left: 0px; padding-right: 0px"
-                      v-show="
-                        (data.hashTree && data.hashTree.length === 0) ||
-                        data.isLeaf
-                      "
-                    >
+                      v-show="(data.hashTree && data.hashTree.length === 0) || data.isLeaf">
                       <show-more-btn
                         :is-show="node.checked"
                         :buttons="batchOperators"
                         :size="selectDataCounts"
                         v-show="data.checkBox"
-                        style="margin-right: 10px"
-                      />
+                        style="margin-right: 10px" />
                     </span>
                     <span style="width: calc(100% - 40px)">
                       <!-- 步骤组件-->
@@ -462,21 +340,12 @@
                         @editScenarioAdvance="editScenarioAdvance"
                         ref="componentConfig"
                         v-if="
-                          stepFilter
-                            .get('ALlSamplerStep')
-                            .indexOf(data.type) === -1 ||
+                          stepFilter.get('ALlSamplerStep').indexOf(data.type) === -1 ||
                           !node.parent ||
                           !node.parent.data ||
-                          stepFilter
-                            .get('AllSamplerProxy')
-                            .indexOf(node.parent.data.type) === -1
-                        "
-                      />
-                      <div
-                        v-else
-                        class="el-tree-node is-hidden is-focusable is-leaf"
-                        style="display: none"
-                      >
+                          stepFilter.get('AllSamplerProxy').indexOf(node.parent.data.type) === -1
+                        " />
+                      <div v-else class="el-tree-node is-hidden is-focusable is-leaf" style="display: none">
                         {{ hideNode(node) }}
                       </div>
                     </span>
@@ -488,11 +357,7 @@
             <el-col :span="3">
               <div
                 @click="fabClick"
-                v-permission="[
-                  'PROJECT_API_SCENARIO:READ+EDIT',
-                  'PROJECT_API_SCENARIO:READ+CREATE',
-                ]"
-              >
+                v-permission="['PROJECT_API_SCENARIO:READ+EDIT', 'PROJECT_API_SCENARIO:READ+CREATE']">
                 <vue-fab
                   id="fab"
                   mainBtnColor="#783887"
@@ -500,8 +365,7 @@
                   :global-options="globalOptions"
                   :click-auto-close="false"
                   v-outside-click="outsideClick"
-                  ref="refFab"
-                >
+                  ref="refFab">
                   <fab-item
                     v-for="(item, index) in buttonData"
                     :key="index"
@@ -511,8 +375,7 @@
                     :title-color="item.titleColor"
                     :color="item.titleColor"
                     :icon="item.icon"
-                    @clickItem="item.click"
-                  />
+                    @clickItem="item.click" />
                 </vue-fab>
               </div>
             </el-col>
@@ -525,8 +388,7 @@
           :append-to-body="true"
           :current-item="currentItem"
           :variables="currentScenario.variables"
-          :scenario-definition="scenarioDefinition"
-        />
+          :scenario-definition="scenarioDefinition" />
 
         <!--接口列表-->
         <scenario-api-relevance
@@ -534,8 +396,7 @@
           @close="setHideBtn"
           ref="scenarioApiRelevance"
           :is-across-space="true"
-          v-if="type !== 'detail'"
-        />
+          v-if="type !== 'detail'" />
 
         <!--自定义接口-->
         <el-drawer
@@ -547,12 +408,8 @@
           :title="$t('api_test.automation.customize_req')"
           style="overflow: auto"
           :modal="false"
-          size="90%"
-        >
-          <ms-api-customize
-            :request="customizeRequest"
-            @addCustomizeApi="addCustomizeApi"
-          />
+          size="90%">
+          <ms-api-customize :request="customizeRequest" @addCustomizeApi="addCustomizeApi" />
         </el-drawer>
         <!--场景导入 -->
         <scenario-relevance
@@ -560,15 +417,10 @@
           @save="addScenario"
           @close="setHideBtn"
           :is-across-space="true"
-          ref="scenarioRelevance"
-        />
+          ref="scenarioRelevance" />
 
         <!-- 环境 -->
-        <api-environment-config
-          v-if="type !== 'detail'"
-          ref="environmentConfig"
-          @close="environmentConfigClose"
-        />
+        <api-environment-config v-if="type !== 'detail'" ref="environmentConfig" @close="environmentConfigClose" />
 
         <!--执行组件-->
         <ms-run
@@ -583,8 +435,7 @@
           :executeType="executeType"
           @runRefresh="runRefresh"
           @errorRefresh="errorRefresh"
-          ref="runTest"
-        />
+          ref="runTest" />
         <!-- 调试结果 -->
         <el-drawer
           v-if="type !== 'detail'"
@@ -593,15 +444,13 @@
           direction="ltr"
           :withHeader="true"
           :modal="false"
-          size="80%"
-        >
+          size="80%">
           <ms-api-report-detail
             :scenario="currentScenario"
             :report-id="reportId"
             :debug="true"
             :currentProjectId="projectId"
-            @refresh="detailRefresh"
-          />
+            @refresh="detailRefresh" />
         </el-drawer>
 
         <!--场景公共参数-->
@@ -609,15 +458,9 @@
           v-if="type !== 'detail'"
           @setVariables="setVariables"
           ref="scenarioParameters"
-          class="ms-sc-variable-header"
-        />
+          class="ms-sc-variable-header" />
         <!--外部导入-->
-        <api-import
-          v-if="type !== 'detail'"
-          ref="apiImport"
-          :saved="false"
-          @refresh="apiImport"
-        />
+        <api-import v-if="type !== 'detail'" ref="apiImport" :saved="false" @refresh="apiImport" />
 
         <!--步骤最大化-->
         <ms-drawer
@@ -628,8 +471,7 @@
           :show-full-screen="false"
           :is-show-close="false"
           style="overflow: hidden"
-          v-if="drawer"
-        >
+          v-if="drawer">
           <maximize-scenario
             :scenario-definition="scenarioDefinition"
             :projectIds.sync="projectIds"
@@ -665,15 +507,10 @@
             @runScenario="runDebug"
             @stopScenario="stop"
             @editScenarioAdvance="editScenarioAdvance"
-            ref="maximizeScenario"
-          />
+            ref="maximizeScenario" />
         </ms-drawer>
         <ms-change-history ref="changeHistory" />
-        <el-backtop
-          target=".card-content"
-          :visibility-height="100"
-          :right="20"
-        ></el-backtop>
+        <el-backtop target=".card-content" :visibility-height="100" :right="20"></el-backtop>
       </div>
       <ms-task-center ref="taskCenter" :show-menu="false" />
 
@@ -683,8 +520,7 @@
         :visible.sync="dialogVisible"
         :destroy-on-close="true"
         @close="closeDiff"
-        width="100%"
-      >
+        width="100%">
         <scenario-diff
           v-if="dialogVisible"
           :custom-num="customNum"
@@ -699,8 +535,7 @@
           :new-create-time="newCreateTime"
           :old-create-time="oldCreateTime"
           :old-user-name="oldUserName"
-          :type="type"
-        />
+          :type="type" />
       </el-dialog>
     </ms-main-container>
   </ms-container>
@@ -725,19 +560,9 @@ import { parseEnvironment } from '@/business/environment/model/EnvironmentModel'
 import { ELEMENT_TYPE, STEP, TYPE_TO_C } from './Setting';
 import { KeyValue } from '@/business/definition/model/ApiTestModel';
 
-import {
-  getCurrentProjectID,
-  getCurrentUser,
-} from 'metersphere-frontend/src/utils/token';
-import {
-  getUUID,
-  objToStrMap,
-  strMapToObj,
-} from 'metersphere-frontend/src/utils';
-import {
-  hasLicense,
-  hasPermission,
-} from 'metersphere-frontend/src/utils/permission';
+import { getCurrentProjectID, getCurrentUser } from 'metersphere-frontend/src/utils/token';
+import { getUUID, objToStrMap, strMapToObj } from 'metersphere-frontend/src/utils';
+import { hasLicense, hasPermission } from 'metersphere-frontend/src/utils/permission';
 import OutsideClick from './common/outside-click';
 import {
   getReportMessageSocket,
@@ -768,16 +593,12 @@ export default {
   },
   components: {
     MsComponentConfig,
-    MxVersionHistory: () =>
-      import('metersphere-frontend/src/components/version/MxVersionHistory'),
+    MxVersionHistory: () => import('metersphere-frontend/src/components/version/MxVersionHistory'),
     ScenarioDiff: () => import('@/business/automation/version/ScenarioDiff'),
     MsVariableList: () => import('./variable/VariableList'),
     ScenarioRelevance: () => import('./api/ScenarioRelevance'),
     ScenarioApiRelevance: () => import('./api/ApiRelevance'),
-    ApiEnvironmentConfig: () =>
-      import(
-        'metersphere-frontend/src/components/environment/ApiEnvironmentConfig'
-      ),
+    ApiEnvironmentConfig: () => import('metersphere-frontend/src/components/environment/ApiEnvironmentConfig'),
     MsApiReportDetail: () => import('../report/SyncApiReportDetail'),
     MsInputTag: () => import('./MsInputTag'),
     MsRun: () => import('./DebugRun'),
@@ -786,19 +607,13 @@ export default {
     EnvPopover: () => import('@/business/automation/scenario/EnvPopover'),
     MaximizeScenario: () => import('./maximize/MaximizeScenario'),
     MsDrawer: () => import('metersphere-frontend/src/components/MsDrawer'),
-    MsSelectTree: () =>
-      import('metersphere-frontend/src/components/select-tree/SelectTree'),
+    MsSelectTree: () => import('metersphere-frontend/src/components/select-tree/SelectTree'),
     MsChangeHistory: () => import('@/business/history/ApiHistory'),
-    MsTaskCenter: () =>
-      import('metersphere-frontend/src/components/task/TaskCenter'),
-    MsApiVariableAdvance: () =>
-      import('./../../definition/components/ApiVariableAdvance'),
-    MsMainContainer: () =>
-      import('metersphere-frontend/src/components/MsMainContainer'),
-    MsAsideContainer: () =>
-      import('metersphere-frontend/src/components/MsAsideContainer'),
-    MsContainer: () =>
-      import('metersphere-frontend/src/components/MsContainer'),
+    MsTaskCenter: () => import('metersphere-frontend/src/components/task/TaskCenter'),
+    MsApiVariableAdvance: () => import('./../../definition/components/ApiVariableAdvance'),
+    MsMainContainer: () => import('metersphere-frontend/src/components/MsMainContainer'),
+    MsAsideContainer: () => import('metersphere-frontend/src/components/MsAsideContainer'),
+    MsContainer: () => import('metersphere-frontend/src/components/MsContainer'),
     ShowMoreBtn: () => import('@/business/commons/ShowMoreBtn'),
   },
   data() {
@@ -1025,11 +840,7 @@ export default {
       }
     },
     checkedAll(v) {
-      if (
-        this.$refs.stepTree &&
-        this.$refs.stepTree.root &&
-        this.$refs.stepTree.root.childNodes
-      ) {
+      if (this.$refs.stepTree && this.$refs.stepTree.root && this.$refs.stepTree.root.childNodes) {
         this.recursionChecked(v, this.$refs.stepTree.root.childNodes);
       }
     },
@@ -1040,11 +851,7 @@ export default {
             this.recursionChecked(v, item.childNodes);
           }
           item.checked = v;
-          if (
-            item.data &&
-            item.data.type === 'scenario' &&
-            item.data.referenced === 'REF'
-          ) {
+          if (item.data && item.data.type === 'scenario' && item.data.referenced === 'REF') {
             item.expanded = false;
           }
         });
@@ -1053,11 +860,7 @@ export default {
     batchProcessing() {
       this.isBatchProcess = true;
       this.hideAllTreeNode(this.scenarioDefinition);
-      if (
-        this.$refs.stepTree &&
-        this.$refs.stepTree.root &&
-        this.$refs.stepTree.root.childNodes
-      ) {
+      if (this.$refs.stepTree && this.$refs.stepTree.root && this.$refs.stepTree.root.childNodes) {
         this.recursionExpansion([], this.$refs.stepTree.root.childNodes);
       }
       this.reloadTreeStatus();
@@ -1065,11 +868,7 @@ export default {
     cancelBatchProcessing() {
       this.isBatchProcess = false;
       this.isCheckedAll = false;
-      if (
-        this.$refs.stepTree &&
-        this.$refs.stepTree.root &&
-        this.$refs.stepTree.root.childNodes
-      ) {
+      if (this.$refs.stepTree && this.$refs.stepTree.root && this.$refs.stepTree.root.childNodes) {
         this.recursionChecked(false, this.$refs.stepTree.root.childNodes);
       }
       this.selectDataCounts = 0;
@@ -1081,10 +880,7 @@ export default {
         let row = { resourceId: 'ms-reload-test' };
         if (this.$refs.stepTree && this.$refs.stepTree.root.data) {
           this.$refs.stepTree.root.data.push(row);
-          this.$refs.stepTree.root.data.splice(
-            this.$refs.stepTree.root.data.length - 1,
-            1
-          );
+          this.$refs.stepTree.root.data.splice(this.$refs.stepTree.root.data.length - 1, 1);
         }
       });
     },
@@ -1122,10 +918,7 @@ export default {
       let isLeaf = true;
       array.forEach((item) => {
         item.checkBox = false;
-        if (
-          isLeaf &&
-          this.stepFilter.get('ALlSamplerStep').indexOf(item.type) === -1
-        ) {
+        if (isLeaf && this.stepFilter.get('ALlSamplerStep').indexOf(item.type) === -1) {
           isLeaf = false;
         }
         if (item.hashTree && item.hashTree.length > 0) {
@@ -1157,9 +950,7 @@ export default {
           environmentMap: strMapToObj(this.projectEnvMap),
           hashTree: this.scenarioDefinition,
           onSampleError: this.onSampleError,
-          projectId: this.currentScenario.projectId
-            ? this.currentScenario.projectId
-            : this.projectId,
+          projectId: this.currentScenario.projectId ? this.currentScenario.projectId : this.projectId,
         };
         let param = {
           definition: JSON.stringify(scenario),
@@ -1218,10 +1009,7 @@ export default {
               this.addComponent(item.name, item);
             },
           };
-          if (
-            this.operatingElements &&
-            this.operatingElements.includes(item.jmeterClazz)
-          ) {
+          if (this.operatingElements && this.operatingElements.includes(item.jmeterClazz)) {
             this.buttonData.push(plugin);
           }
           this.$nextTick(() => {
@@ -1359,10 +1147,7 @@ export default {
     },
     margeTransaction(item, console, arr) {
       arr.forEach((sub) => {
-        if (
-          item.data &&
-          item.data.id + '_' + item.data.parentIndex === sub.resourceId
-        ) {
+        if (item.data && item.data.id + '_' + item.data.parentIndex === sub.resourceId) {
           sub.responseResult.console = console;
           item.data.requestResult.push(sub);
           // 更新父节点状态
@@ -1379,22 +1164,11 @@ export default {
       arr.forEach((item) => {
         if (resultData && resultData.startsWith('result_')) {
           let data = JSON.parse(resultData.substring(7));
-          if (
-            data.method === 'Request' &&
-            data.subRequestResults &&
-            data.subRequestResults.length > 0
-          ) {
-            this.margeTransaction(
-              item,
-              data.responseResult.console,
-              data.subRequestResults
-            );
+          if (data.method === 'Request' && data.subRequestResults && data.subRequestResults.length > 0) {
+            this.margeTransaction(item, data.responseResult.console, data.subRequestResults);
           } else if (
-            (item.data &&
-              item.data.id + '_' + item.data.parentIndex === data.resourceId) ||
-            (item.data &&
-              item.data.resourceId + '_' + item.data.parentIndex ===
-                data.resourceId)
+            (item.data && item.data.id + '_' + item.data.parentIndex === data.resourceId) ||
+            (item.data && item.data.resourceId + '_' + item.data.parentIndex === data.resourceId)
           ) {
             if (item.data.requestResult) {
               item.data.requestResult.push(data);
@@ -1406,10 +1180,7 @@ export default {
             item.data.testing = false;
             item.data.debug = true;
           }
-        } else if (
-          item.data &&
-          item.data.id + '_' + item.data.parentIndex === resultData
-        ) {
+        } else if (item.data && item.data.id + '_' + item.data.parentIndex === resultData) {
           item.data.testing = true;
           this.runningEditParent(item.parent);
         }
@@ -1421,30 +1192,15 @@ export default {
     runningEvaluation(resultData) {
       if (this.$refs.stepTree && this.$refs.stepTree.root) {
         this.$refs.stepTree.root.childNodes.forEach((item) => {
-          if (
-            item.data &&
-            item.data.id + '_' + item.data.parentIndex === resultData
-          ) {
+          if (item.data && item.data.id + '_' + item.data.parentIndex === resultData) {
             item.data.testing = true;
           } else if (resultData && resultData.startsWith('result_')) {
             let data = JSON.parse(resultData.substring(7));
-            if (
-              data.method === 'Request' &&
-              data.subRequestResults &&
-              data.subRequestResults.length > 0
-            ) {
-              this.margeTransaction(
-                item,
-                data.responseResult.console,
-                data.subRequestResults
-              );
+            if (data.method === 'Request' && data.subRequestResults && data.subRequestResults.length > 0) {
+              this.margeTransaction(item, data.responseResult.console, data.subRequestResults);
             } else if (
-              (item.data &&
-                item.data.id + '_' + item.data.parentIndex ===
-                  data.resourceId) ||
-              (item.data &&
-                item.data.resourceId + '_' + item.data.parentIndex ===
-                  data.resourceId)
+              (item.data && item.data.id + '_' + item.data.parentIndex === data.resourceId) ||
+              (item.data && item.data.resourceId + '_' + item.data.parentIndex === data.resourceId)
             ) {
               item.data.requestResult.push(data);
               // 更新父节点状态
@@ -1600,11 +1356,7 @@ export default {
     },
     showButton(...names) {
       for (const name of names) {
-        if (
-          name &&
-          this.operatingElements &&
-          this.operatingElements.includes(name)
-        ) {
+        if (name && this.operatingElements && this.operatingElements.includes(name)) {
           return true;
         }
       }
@@ -1618,11 +1370,7 @@ export default {
     },
     fabClick() {
       if (this.operatingElements && this.operatingElements.length < 1) {
-        if (
-          (this.selectedTreeNode &&
-            this.selectedTreeNode.referenced === 'REF') ||
-          this.selectedTreeNode.disabled
-        ) {
+        if ((this.selectedTreeNode && this.selectedTreeNode.referenced === 'REF') || this.selectedTreeNode.disabled) {
           this.$warning(this.$t('api_test.scenario.scenario_warning'));
         } else {
           this.$warning(this.$t('api_test.scenario.scenario_step_warning'));
@@ -1643,10 +1391,7 @@ export default {
     },
     nodeClick(data, node) {
       if (
-        (data.referenced != 'REF' &&
-          data.referenced != 'Deleted' &&
-          !data.disabled &&
-          this.stepFilter) ||
+        (data.referenced != 'REF' && data.referenced != 'Deleted' && !data.disabled && this.stepFilter) ||
         data.refType === 'CASE'
       ) {
         this.operatingElements = this.stepFilter.get(data.type);
@@ -1664,11 +1409,7 @@ export default {
       store.selectStep = data;
       this.buttonData = buttons(this);
       this.initPlugins();
-      if (
-        this.buttonData.length === 0 &&
-        this.$refs.refFab &&
-        this.$refs.refFab.active
-      ) {
+      if (this.buttonData.length === 0 && this.$refs.refFab && this.$refs.refFab.active) {
         this.$refs.refFab.openMenu();
       }
     },
@@ -1723,12 +1464,7 @@ export default {
         // 添加debug结果
         step.parentIndex = fullPath ? fullPath + '_' + step.index : step.index;
         if (step.hashTree && step.hashTree.length > 0) {
-          this.recursionStep(
-            step.hashTree,
-            step.projectId,
-            step.parentIndex,
-            step.type === 'GenericController'
-          );
+          this.recursionStep(step.hashTree, step.projectId, step.parentIndex, step.type === 'GenericController');
         }
       }
     },
@@ -1736,16 +1472,8 @@ export default {
       this.customizeVisible = false;
       request.enable === undefined ? (request.enable = true) : request.enable;
       if (this.selectedTreeNode) {
-        if (
-          this.stepFilter
-            .get('SpecialSteps')
-            .indexOf(this.selectedTreeNode.type) !== -1
-        ) {
-          this.scenarioDefinition.splice(
-            this.selectedTreeNode.index,
-            0,
-            request
-          );
+        if (this.stepFilter.get('SpecialSteps').indexOf(this.selectedTreeNode.type) !== -1) {
+          this.scenarioDefinition.splice(this.selectedTreeNode.index, 0, request);
           store.forceRerenderIndex = getUUID();
         } else {
           this.selectedTreeNode.hashTree.push(request);
@@ -1770,19 +1498,10 @@ export default {
           }
           this.resetResourceId(item.hashTree);
           item.enable === undefined ? (item.enable = true) : item.enable;
-          item.variableEnable =
-            item.variableEnable === undefined ? true : item.variableEnable;
+          item.variableEnable = item.variableEnable === undefined ? true : item.variableEnable;
           if (this.selectedTreeNode) {
-            if (
-              this.stepFilter
-                .get('SpecialSteps')
-                .indexOf(this.selectedTreeNode.type) !== -1
-            ) {
-              this.scenarioDefinition.splice(
-                this.selectedTreeNode.index,
-                0,
-                item
-              );
+            if (this.stepFilter.get('SpecialSteps').indexOf(this.selectedTreeNode.type) !== -1) {
+              this.scenarioDefinition.splice(this.selectedTreeNode.index, 0, item);
               store.forceRerenderIndex = getUUID();
             } else {
               this.selectedTreeNode.hashTree.push(item);
@@ -1794,10 +1513,7 @@ export default {
       }
       this.isBtnHide = false;
       // 历史数据兼容处理
-      if (
-        this.selectedTreeNode &&
-        this.selectedTreeNode.type === 'GenericController'
-      ) {
+      if (this.selectedTreeNode && this.selectedTreeNode.type === 'GenericController') {
         this.pluginOrder(this.selectedTreeNode);
       } else {
         this.sort();
@@ -1841,16 +1557,8 @@ export default {
         this.recursiveSorting(request.hashTree);
       }
       if (this.selectedTreeNode) {
-        if (
-          this.stepFilter
-            .get('SpecialSteps')
-            .indexOf(this.selectedTreeNode.type) !== -1
-        ) {
-          this.scenarioDefinition.splice(
-            this.selectedTreeNode.index,
-            0,
-            request
-          );
+        if (this.stepFilter.get('SpecialSteps').indexOf(this.selectedTreeNode.type) !== -1) {
+          this.scenarioDefinition.splice(this.selectedTreeNode.index, 0, request);
           store.forceRerenderIndex = getUUID();
         } else {
           this.selectedTreeNode.hashTree.push(request);
@@ -1866,10 +1574,7 @@ export default {
       this.isBtnHide = false;
       this.$refs.scenarioApiRelevance.changeButtonLoadingType();
       // 历史数据兼容处理
-      if (
-        this.selectedTreeNode &&
-        this.selectedTreeNode.type === 'GenericController'
-      ) {
+      if (this.selectedTreeNode && this.selectedTreeNode.type === 'GenericController') {
         this.pluginOrder(this.selectedTreeNode);
       } else {
         this.sort();
@@ -1890,50 +1595,35 @@ export default {
     },
     remove(row, node) {
       let name = row === undefined || row.name === undefined ? '' : row.name;
-      this.$alert(
-        this.$t('api_test.definition.request.delete_confirm_step') +
-          ' ' +
-          name +
-          ' ？',
-        '',
-        {
-          confirmButtonText: this.$t('commons.confirm'),
-          callback: (action) => {
-            if (action === 'confirm') {
-              let parent = node.parent;
-              let hashTree = parent.data.hashTree || parent.data;
-              let index = hashTree.findIndex(
-                (d) =>
-                  d.resourceId &&
-                  row.resourceId &&
-                  d.resourceId === row.resourceId
-              );
-              hashTree.splice(index, 1);
-              //删除空步骤
-              while (
-                parent &&
-                parent.data &&
-                parent.data.hashTree &&
-                parent.data.hashTree.length <= 0 &&
-                parent.data.type === 'scenario'
-              ) {
-                parent = parent.parent;
-                if (!parent) {
-                  break;
-                }
-                hashTree = parent.data.hashTree || parent.data;
-                index = hashTree.findIndex(
-                  (d) =>
-                    d.id != undefined && row.id != undefined && d.id === row.id
-                );
-                hashTree.splice(index, 1);
+      this.$alert(this.$t('api_test.definition.request.delete_confirm_step') + ' ' + name + ' ？', '', {
+        confirmButtonText: this.$t('commons.confirm'),
+        callback: (action) => {
+          if (action === 'confirm') {
+            let parent = node.parent;
+            let hashTree = parent.data.hashTree || parent.data;
+            let index = hashTree.findIndex((d) => d.resourceId && row.resourceId && d.resourceId === row.resourceId);
+            hashTree.splice(index, 1);
+            //删除空步骤
+            while (
+              parent &&
+              parent.data &&
+              parent.data.hashTree &&
+              parent.data.hashTree.length <= 0 &&
+              parent.data.type === 'scenario'
+            ) {
+              parent = parent.parent;
+              if (!parent) {
+                break;
               }
-              this.sort();
-              this.forceRerender();
+              hashTree = parent.data.hashTree || parent.data;
+              index = hashTree.findIndex((d) => d.id != undefined && row.id != undefined && d.id === row.id);
+              hashTree.splice(index, 1);
             }
-          },
-        }
-      );
+            this.sort();
+            this.forceRerender();
+          }
+        },
+      });
     },
     resetResourceId(hashTree) {
       hashTree.forEach((item) => {
@@ -2044,16 +1734,11 @@ export default {
             id: scenario ? scenario.id : this.currentScenario.id,
             name: scenario ? scenario.name : this.currentScenario.name,
             type: 'scenario',
-            variables: scenario
-              ? scenario.variables
-              : this.currentScenario.variables,
+            variables: scenario ? scenario.variables : this.currentScenario.variables,
             referenced: 'Created',
             enableCookieShare: this.enableCookieShare,
             headers: scenario ? scenario.headers : this.currentScenario.headers,
-            environmentMap:
-              scenario && scenario.environmentEnable
-                ? scenario.environmentMap
-                : this.projectEnvMap,
+            environmentMap: scenario && scenario.environmentEnable ? scenario.environmentMap : this.projectEnvMap,
             hashTree: scenario ? scenario.hashTree : this.scenarioDefinition,
             onSampleError: this.onSampleError,
           };
@@ -2100,21 +1785,13 @@ export default {
       this.getEnvironments();
     },
     allowDrag(node) {
-      if (
-        node.data &&
-        node.data.disabled &&
-        node.parent.data &&
-        node.parent.data.disabled
-      ) {
+      if (node.data && node.data.disabled && node.parent.data && node.parent.data.disabled) {
         return false;
       }
       return true;
     },
     allowDrop(draggingNode, dropNode, dropType) {
-      if (
-        draggingNode.data.type === 'Assertions' ||
-        dropNode.data.type === 'Assertions'
-      ) {
+      if (draggingNode.data.type === 'Assertions' || dropNode.data.type === 'Assertions') {
         return false;
       }
       // 增加插件权限控制
@@ -2137,9 +1814,7 @@ export default {
         dropNode.data.referenced !== 'Deleted' &&
         !dropNode.data.disabled &&
         this.stepFilter.get(dropNode.data.type) &&
-        this.stepFilter
-          .get(dropNode.data.type)
-          .indexOf(draggingNode.data.type) != -1
+        this.stepFilter.get(dropNode.data.type).indexOf(draggingNode.data.type) != -1
       ) {
         return true;
       }
@@ -2172,66 +1847,50 @@ export default {
             if (valid) {
               await this.setParameter();
               if (!this.currentScenario.versionId) {
-                if (
-                  this.$refs.versionHistory &&
-                  this.$refs.versionHistory.currentVersion
-                ) {
-                  this.currentScenario.versionId =
-                    this.$refs.versionHistory.currentVersion.id;
+                if (this.$refs.versionHistory && this.$refs.versionHistory.currentVersion) {
+                  this.currentScenario.versionId = this.$refs.versionHistory.currentVersion.id;
                 }
               }
               this.isPreventReClick = true;
-              saveScenario(
-                this.path,
-                this.currentScenario,
-                this.scenarioDefinition,
-                this,
-                (response) => {
-                  this.$success(this.$t('commons.save_success'));
-                  this.isPreventReClick = false;
-                  this.path = '/api/automation/update';
-                  store.pluginFiles = [];
-                  if (response.data) {
-                    this.currentScenario.id = response.data.id;
-                    if (!this.currentScenario.refId && response.data.refId) {
-                      this.currentScenario.refId = response.data.refId;
-                    }
+              saveScenario(this.path, this.currentScenario, this.scenarioDefinition, this, (response) => {
+                this.$success(this.$t('commons.save_success'));
+                this.isPreventReClick = false;
+                this.path = '/api/automation/update';
+                store.pluginFiles = [];
+                if (response.data) {
+                  this.currentScenario.id = response.data.id;
+                  if (!this.currentScenario.refId && response.data.refId) {
+                    this.currentScenario.refId = response.data.refId;
                   }
-                  // 保存成功后刷新历史版本
-                  this.getVersionHistory();
-                  if (this.currentScenario.tags instanceof String) {
-                    this.currentScenario.tags = JSON.parse(
-                      this.currentScenario.tags
-                    );
-                  }
-                  if (this.currentScenario.copy) {
-                    this.currentScenario.copy = null;
-                  }
-                  if (this.currentScenario.type) {
-                    this.currentScenario.type = null;
-                  }
-                  this.pluginDelStep = false;
-                  // 记录改变后的数据数据
-                  let v1 = {
-                    apiScenarioModuleId:
-                      this.currentScenario.apiScenarioModuleId,
-                    name: this.currentScenario.name,
-                    status: this.currentScenario.status,
-                    principal: this.currentScenario.principal,
-                    level: this.currentScenario.level,
-                    tags: this.currentScenario.tags,
-                    description: this.currentScenario.description,
-                    scenarioDefinition: JSON.parse(
-                      JSON.stringify(this.scenarioDefinition)
-                    ),
-                  };
-                  this.currentScenario.scenarioDefinitionOrg = v1;
-                  this.currentScenario.scenarioDefinition =
-                    this.scenarioDefinition;
-                  this.$emit('refresh', this.currentScenario);
-                  resolve();
                 }
-              );
+                // 保存成功后刷新历史版本
+                this.getVersionHistory();
+                if (this.currentScenario.tags instanceof String) {
+                  this.currentScenario.tags = JSON.parse(this.currentScenario.tags);
+                }
+                if (this.currentScenario.copy) {
+                  this.currentScenario.copy = null;
+                }
+                if (this.currentScenario.type) {
+                  this.currentScenario.type = null;
+                }
+                this.pluginDelStep = false;
+                // 记录改变后的数据数据
+                let v1 = {
+                  apiScenarioModuleId: this.currentScenario.apiScenarioModuleId,
+                  name: this.currentScenario.name,
+                  status: this.currentScenario.status,
+                  principal: this.currentScenario.principal,
+                  level: this.currentScenario.level,
+                  tags: this.currentScenario.tags,
+                  description: this.currentScenario.description,
+                  scenarioDefinition: JSON.parse(JSON.stringify(this.scenarioDefinition)),
+                };
+                this.currentScenario.scenarioDefinitionOrg = v1;
+                this.currentScenario.scenarioDefinition = this.scenarioDefinition;
+                this.$emit('refresh', this.currentScenario);
+                resolve();
+              });
             } else {
               if (this.$refs.versionHistory) {
                 this.$refs.versionHistory.loading = false;
@@ -2273,122 +1932,103 @@ export default {
         this.currentScenario.headers = [];
       }
       if (this.currentScenario && this.currentScenario.id) {
-        this.result = getScenarioWithBLOBsById(this.currentScenario.id).then(
-          (response) => {
-            if (response.data) {
-              this.currentScenario.apiScenarioModuleId =
-                response.data.apiScenarioModuleId;
-              this.currentScenario.modulePath = response.data.modulePath;
-              this.path = '/api/automation/update';
-              if (response.data.scenarioDefinition != null) {
-                let obj = JSON.parse(response.data.scenarioDefinition);
-                if (obj) {
-                  if (response.data.environmentJson) {
-                    this.projectEnvMap = objToStrMap(
-                      JSON.parse(response.data.environmentJson)
-                    );
-                  } else {
+        this.result = getScenarioWithBLOBsById(this.currentScenario.id).then((response) => {
+          if (response.data) {
+            this.currentScenario.apiScenarioModuleId = response.data.apiScenarioModuleId;
+            this.currentScenario.modulePath = response.data.modulePath;
+            this.path = '/api/automation/update';
+            if (response.data.scenarioDefinition != null) {
+              let obj = JSON.parse(response.data.scenarioDefinition);
+              if (obj) {
+                if (response.data.environmentJson) {
+                  this.projectEnvMap = objToStrMap(JSON.parse(response.data.environmentJson));
+                } else {
+                  // 兼容历史数据
+                  this.projectEnvMap.set(this.projectId, obj.environmentId);
+                }
+                if (!store.scenarioEnvMap || !(store.scenarioEnvMap instanceof Map)) {
+                  store.scenarioEnvMap = new Map();
+                }
+                this.projectEnvMap.forEach((v, k) => {
+                  store.scenarioEnvMap.set(this.currentScenario.id + '_' + k, v);
+                });
+                this.envGroupId = response.data.environmentGroupId;
+                if (response.data.environmentType) {
+                  this.environmentType = response.data.environmentType;
+                }
+                this.currentScenario.variables = [];
+                if (obj.headers) {
+                  this.currentScenario.headers = obj.headers;
+                }
+                let index = 1;
+                if (obj.variables) {
+                  obj.variables.forEach((item) => {
                     // 兼容历史数据
-                    this.projectEnvMap.set(this.projectId, obj.environmentId);
-                  }
-                  if (
-                    !store.scenarioEnvMap ||
-                    !(store.scenarioEnvMap instanceof Map)
-                  ) {
-                    store.scenarioEnvMap = new Map();
-                  }
-                  this.projectEnvMap.forEach((v, k) => {
-                    store.scenarioEnvMap.set(
-                      this.currentScenario.id + '_' + k,
-                      v
-                    );
-                  });
-                  this.envGroupId = response.data.environmentGroupId;
-                  if (response.data.environmentType) {
-                    this.environmentType = response.data.environmentType;
-                  }
-                  this.currentScenario.variables = [];
-                  if (obj.headers) {
-                    this.currentScenario.headers = obj.headers;
-                  }
-                  let index = 1;
-                  if (obj.variables) {
-                    obj.variables.forEach((item) => {
-                      // 兼容历史数据
-                      if (item.name) {
-                        if (!item.type) {
-                          item.type = 'CONSTANT';
-                          item.id = getUUID();
-                        }
-                        item.num = index;
-                        this.currentScenario.variables.push(item);
-                        index++;
+                    if (item.name) {
+                      if (!item.type) {
+                        item.type = 'CONSTANT';
+                        item.id = getUUID();
                       }
-                    });
-                  }
-                  this.enableCookieShare = obj.enableCookieShare;
-                  if (obj.onSampleError === undefined) {
-                    this.onSampleError = true;
-                  } else {
-                    this.onSampleError = obj.onSampleError;
-                  }
-                  this.dataProcessing(obj.hashTree);
-                  this.scenarioDefinition = obj.hashTree;
-                }
-              }
-              if (this.currentScenario.copy) {
-                this.path = '/api/automation/create';
-              }
-              getFollowByScenarioId(this.currentScenario.id).then(
-                (response) => {
-                  this.currentScenario.follows = response.data;
-                  for (let i = 0; i < response.data.length; i++) {
-                    if (response.data[i] === this.currentUser().id) {
-                      this.showFollow = true;
-                      break;
+                      item.num = index;
+                      this.currentScenario.variables.push(item);
+                      index++;
                     }
-                  }
-                  //检查场景是否需要先进行保存
-                  this.checkDataIsCopy();
+                  });
                 }
-              );
+                this.enableCookieShare = obj.enableCookieShare;
+                if (obj.onSampleError === undefined) {
+                  this.onSampleError = true;
+                } else {
+                  this.onSampleError = obj.onSampleError;
+                }
+                this.dataProcessing(obj.hashTree);
+                this.scenarioDefinition = obj.hashTree;
+              }
             }
-            this.loading = false;
-            this.sort();
-            this.$nextTick(() => {
-              this.cancelBatchProcessing();
+            if (this.currentScenario.copy) {
+              this.path = '/api/automation/create';
+            }
+            getFollowByScenarioId(this.currentScenario.id).then((response) => {
+              this.currentScenario.follows = response.data;
+              for (let i = 0; i < response.data.length; i++) {
+                if (response.data[i] === this.currentUser().id) {
+                  this.showFollow = true;
+                  break;
+                }
+              }
+              //检查场景是否需要先进行保存
+              this.checkDataIsCopy();
             });
-            if (isRefresh) {
-              this.reloadTree = getUUID();
-            }
-            // 记录初始化数据
-            let v1 = {
-              apiScenarioModuleId: this.currentScenario.apiScenarioModuleId,
-              name: this.currentScenario.name,
-              status: this.currentScenario.status,
-              principal: this.currentScenario.principal,
-              level: this.currentScenario.level,
-              tags: this.currentScenario.tags,
-              description: this.currentScenario.description,
-              scenarioDefinition: JSON.parse(
-                JSON.stringify(this.scenarioDefinition)
-              ),
-            };
-
-            this.currentScenario.scenarioDefinitionOrg = v1;
-            this.currentScenario.scenarioDefinition = this.scenarioDefinition;
           }
-        );
+          this.loading = false;
+          this.sort();
+          this.$nextTick(() => {
+            this.cancelBatchProcessing();
+          });
+          if (isRefresh) {
+            this.reloadTree = getUUID();
+          }
+          // 记录初始化数据
+          let v1 = {
+            apiScenarioModuleId: this.currentScenario.apiScenarioModuleId,
+            name: this.currentScenario.name,
+            status: this.currentScenario.status,
+            principal: this.currentScenario.principal,
+            level: this.currentScenario.level,
+            tags: this.currentScenario.tags,
+            description: this.currentScenario.description,
+            scenarioDefinition: JSON.parse(JSON.stringify(this.scenarioDefinition)),
+          };
+
+          this.currentScenario.scenarioDefinitionOrg = v1;
+          this.currentScenario.scenarioDefinition = this.scenarioDefinition;
+        });
       }
     },
     dataProcessing(stepArray) {
       if (stepArray) {
         for (let i in stepArray) {
-          let typeArray = [
-            'JDBCPostProcessor',
-            'JDBCSampler',
-            'JDBCPreProcessor',
-          ];
+          let typeArray = ['JDBCPostProcessor', 'JDBCSampler', 'JDBCPreProcessor'];
           if (typeArray.indexOf(stepArray[i].type) !== -1) {
             stepArray[i].originalDataSourceId = stepArray[i].dataSourceId;
             stepArray[i].originalEnvironmentId = stepArray[i].environmentId;
@@ -2416,21 +2056,11 @@ export default {
 
     formatData(hashTree) {
       for (let i in hashTree) {
-        if (
-          hashTree[i] &&
-          TYPE_TO_C.get(hashTree[i].type) &&
-          !hashTree[i].clazzName
-        ) {
+        if (hashTree[i] && TYPE_TO_C.get(hashTree[i].type) && !hashTree[i].clazzName) {
           hashTree[i].clazzName = TYPE_TO_C.get(hashTree[i].type);
         }
-        if (
-          hashTree[i] &&
-          hashTree[i].authManager &&
-          !hashTree[i].authManager.clazzName
-        ) {
-          hashTree[i].authManager.clazzName = TYPE_TO_C.get(
-            hashTree[i].authManager.type
-          );
+        if (hashTree[i] && hashTree[i].authManager && !hashTree[i].authManager.clazzName) {
+          hashTree[i].authManager.clazzName = TYPE_TO_C.get(hashTree[i].authManager.type);
         }
         if (hashTree[i].hashTree && hashTree[i].hashTree.length > 0) {
           this.formatData(hashTree[i].hashTree);
@@ -2455,27 +2085,21 @@ export default {
         environmentMap: strMapToObj(this.projectEnvMap),
         hashTree: this.scenarioDefinition,
         onSampleError: this.onSampleError,
-        projectId: this.currentScenario.projectId
-          ? this.currentScenario.projectId
-          : this.projectId,
+        projectId: this.currentScenario.projectId ? this.currentScenario.projectId : this.projectId,
       };
       // 历史数据处理
       if (scenario.hashTree) {
         this.formatData(scenario.hashTree);
       }
       this.currentScenario.environmentType = this.environmentType;
-      this.currentScenario.environmentJson = JSON.stringify(
-        strMapToObj(this.projectEnvMap)
-      );
+      this.currentScenario.environmentJson = JSON.stringify(strMapToObj(this.projectEnvMap));
       this.currentScenario.environmentGroupId = this.envGroupId;
       this.currentScenario.scenarioDefinition = scenario;
       if (this.currentScenario.tags instanceof Array) {
         this.currentScenario.tags = JSON.stringify(this.currentScenario.tags);
       }
       if (this.currentModule != null) {
-        this.currentScenario.modulePath = this.currentModule.method
-          ? this.currentModule.method
-          : null;
+        this.currentScenario.modulePath = this.currentModule.method ? this.currentModule.method : null;
         this.currentScenario.apiScenarioModuleId = this.currentModule.id;
       }
     },
@@ -2501,10 +2125,7 @@ export default {
       this.debugData = {};
     },
     showScenarioParameters() {
-      this.$refs.scenarioParameters.open(
-        this.currentScenario.variables,
-        this.currentScenario.headers
-      );
+      this.$refs.scenarioParameters.open(this.currentScenario.variables, this.currentScenario.headers);
     },
     apiImport(importData) {
       if (importData && importData.data) {
@@ -2520,10 +2141,7 @@ export default {
       if (this.currentScenario.variables) {
         size += this.currentScenario.variables.length;
       }
-      if (
-        this.currentScenario.headers &&
-        this.currentScenario.headers.length > 1
-      ) {
+      if (this.currentScenario.headers && this.currentScenario.headers.length > 1) {
         size += this.currentScenario.headers.length - 1;
       }
       return size;
@@ -2547,11 +2165,7 @@ export default {
     },
     setStep(stepArray) {
       for (let i in stepArray) {
-        let typeArray = [
-          'JDBCPostProcessor',
-          'JDBCSampler',
-          'JDBCPreProcessor',
-        ];
+        let typeArray = ['JDBCPostProcessor', 'JDBCSampler', 'JDBCPreProcessor'];
         if (typeArray.indexOf(stepArray[i].type) !== -1) {
           if (stepArray[i].customizeReq) {
             if (stepArray[i].isRefEnvironment) {
@@ -2584,27 +2198,18 @@ export default {
         } else if (obj === 'object' && obj !== 'map') {
           request.refEevMap = objToStrMap(request.refEevMap);
         }
-        if (
-          request.refEevMap instanceof Map &&
-          request.refEevMap.has(projectId)
-        ) {
+        if (request.refEevMap instanceof Map && request.refEevMap.has(projectId)) {
           envId = request.refEevMap.get(projectId);
         }
       }
-      if (
-        envId === request.originalEnvironmentId &&
-        request.originalDataSourceId
-      ) {
+      if (envId === request.originalEnvironmentId && request.originalDataSourceId) {
         request.dataSourceId = request.originalDataSourceId;
       }
       let targetDataSourceName = '';
       let currentEnvironment = {};
       this.environments.forEach((environment) => {
         // 找到原始环境和数据源名称
-        if (
-          environment.id === request.environmentId &&
-          environment.id !== envId
-        ) {
+        if (environment.id === request.environmentId && environment.id !== envId) {
           if (environment.config && environment.config.databaseConfigs) {
             environment.config.databaseConfigs.forEach((item) => {
               if (item.id === request.dataSourceId) {
@@ -2617,12 +2222,7 @@ export default {
           currentEnvironment = environment;
         }
       });
-      this.initDataSource(
-        envId,
-        currentEnvironment,
-        targetDataSourceName,
-        request
-      );
+      this.initDataSource(envId, currentEnvironment, targetDataSourceName, request);
     },
     initDataSource(envId, currentEnvironment, targetDataSourceName, request) {
       this.databaseConfigsOptions = [];
@@ -2637,11 +2237,7 @@ export default {
         }
       }
       let flag = false;
-      if (
-        currentEnvironment &&
-        currentEnvironment.config &&
-        currentEnvironment.config.databaseConfigs
-      ) {
+      if (currentEnvironment && currentEnvironment.config && currentEnvironment.config.databaseConfigs) {
         currentEnvironment.config.databaseConfigs.forEach((item) => {
           if (item.id === request.dataSourceId) {
             flag = true;
@@ -2654,8 +2250,7 @@ export default {
           this.databaseConfigsOptions.push(item);
         });
         if (!flag && currentEnvironment.config.databaseConfigs.length > 0) {
-          request.dataSourceId =
-            currentEnvironment.config.databaseConfigs[0].id;
+          request.dataSourceId = currentEnvironment.config.databaseConfigs[0].id;
           flag = true;
         }
       }
@@ -2704,18 +2299,11 @@ export default {
     },
     changeNodeStatus(resourceIds, nodes) {
       for (let i in nodes) {
-        if (
-          nodes[i] &&
-          !(nodes[i].type === 'scenario' && nodes[i].referenced === 'REF')
-        ) {
+        if (nodes[i] && !(nodes[i].type === 'scenario' && nodes[i].referenced === 'REF')) {
           if (resourceIds.indexOf(nodes[i].resourceId) !== -1) {
             nodes[i].active = this.expandedStatus;
           }
-          if (
-            nodes[i].hashTree &&
-            nodes[i].hashTree.length > 0 &&
-            !this.expandedStatus
-          ) {
+          if (nodes[i].hashTree && nodes[i].hashTree.length > 0 && !this.expandedStatus) {
             this.changeNodeStatus(resourceIds, nodes[i].hashTree);
           }
         }
@@ -2741,11 +2329,7 @@ export default {
     recursionExpansion(resourceIds, array) {
       if (array) {
         array.forEach((item) => {
-          if (
-            item.data &&
-            item.data.type === 'scenario' &&
-            item.data.referenced === 'REF'
-          ) {
+          if (item.data && item.data.type === 'scenario' && item.data.referenced === 'REF') {
             item.expanded = false;
           } else {
             if (resourceIds.indexOf(item.data.resourceId) !== -1) {
@@ -2822,10 +2406,7 @@ export default {
           if (resourceId === nodes[i].resourceId) {
             nodes.splice(i, 1);
           } else {
-            if (
-              nodes[i].hashTree != undefined &&
-              nodes[i].hashTree.length > 0
-            ) {
+            if (nodes[i].hashTree != undefined && nodes[i].hashTree.length > 0) {
               this.recursionDelete(resourceId, nodes[i].hashTree);
             }
           }
@@ -2845,10 +2426,7 @@ export default {
           }
         }
         if (this.currentScenario.id) {
-          updateScenarioFollows(
-            this.currentScenario.id,
-            this.currentScenario.follows
-          ).then(() => {
+          updateScenarioFollows(this.currentScenario.id, this.currentScenario.follows).then(() => {
             this.$success(this.$t('commons.cancel_follow_success'));
           });
         }
@@ -2859,10 +2437,7 @@ export default {
         }
         this.currentScenario.follows.push(this.currentUser().id);
         if (this.currentScenario.id) {
-          updateScenarioFollows(
-            this.currentScenario.id,
-            this.currentScenario.follows
-          ).then(() => {
+          updateScenarioFollows(this.currentScenario.id, this.currentScenario.follows).then(() => {
             this.$success(this.$t('commons.follow_success'));
           });
         }
@@ -2879,9 +2454,7 @@ export default {
       }
       getScenarioVersions(this.currentScenario.id).then((response) => {
         if (this.currentScenario.copy) {
-          this.versionData = response.data.filter(
-            (v) => v.versionId === this.currentScenario.versionId
-          );
+          this.versionData = response.data.filter((v) => v.versionId === this.currentScenario.versionId);
         } else {
           this.versionData = response.data;
         }
@@ -2924,26 +2497,17 @@ export default {
         });
     },
     del(row) {
-      this.$alert(
-        this.$t('load_test.delete_threadgroup_confirm') +
-          ' ' +
-          row.name +
-          ' ？',
-        '',
-        {
-          confirmButtonText: this.$t('commons.confirm'),
-          callback: (action) => {
-            if (action === 'confirm') {
-              delByScenarioIdAndRefId(row.id, this.currentScenario.refId).then(
-                () => {
-                  this.$success(this.$t('commons.delete_success'));
-                  this.getVersionHistory();
-                }
-              );
-            }
-          },
-        }
-      );
+      this.$alert(this.$t('load_test.delete_threadgroup_confirm') + ' ' + row.name + ' ？', '', {
+        confirmButtonText: this.$t('commons.confirm'),
+        callback: (action) => {
+          if (action === 'confirm') {
+            delByScenarioIdAndRefId(row.id, this.currentScenario.refId).then(() => {
+              this.$success(this.$t('commons.delete_success'));
+              this.getVersionHistory();
+            });
+          }
+        },
+      });
     },
   },
 };
@@ -2967,8 +2531,7 @@ export default {
 
 .ms-font {
   color: #303133;
-  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
-    Arial, sans-serif;
+  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', Arial, sans-serif;
   font-size: 13px;
 }
 
@@ -3010,8 +2573,7 @@ export default {
 
 :deep(.el-checkbox) {
   color: #303133;
-  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
-    Arial, sans-serif;
+  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', Arial, sans-serif;
   font-size: 13px;
   font-weight: normal;
 }
@@ -3023,8 +2585,7 @@ export default {
 .head {
   border-bottom: 1px solid #303133;
   color: #303133;
-  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
-    Arial, sans-serif;
+  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', Arial, sans-serif;
   font-size: 13px;
 }
 
diff --git a/api-test/frontend/src/business/automation/scenario/EnvGroup.vue b/api-test/frontend/src/business/automation/scenario/EnvGroup.vue
index 3bd62f73e8..778731d3b1 100644
--- a/api-test/frontend/src/business/automation/scenario/EnvGroup.vue
+++ b/api-test/frontend/src/business/automation/scenario/EnvGroup.vue
@@ -5,25 +5,13 @@
         v-model="envGroupId"
         :placeholder="$t('workspace.env_group.select')"
         style="margin-top: 8px; width: 200px"
-        size="small"
-      >
-        <el-option
-          v-for="(group, index) in groups"
-          :key="index"
-          :label="group.name"
-          :value="group.id"
-        />
+        size="small">
+        <el-option v-for="(group, index) in groups" :key="index" :label="group.name" :value="group.id" />
       </el-select>
       <span style="margin-left: 8px">{{ $t('workspace.env_group.name') }}</span>
       <i class="el-icon-view icon-view-btn" @click="viewGroup"></i>
     </div>
-    <el-button
-      type="primary"
-      @click="handleConfirm"
-      size="small"
-      :style="btnStyle"
-      class="env-confirm"
-    >
+    <el-button type="primary" @click="handleConfirm" size="small" :style="btnStyle" class="env-confirm">
       {{ $t('workspace.env_group.confirm') }}
     </el-button>
     <el-dialog
@@ -31,14 +19,9 @@
       append-to-body
       :title="$t('workspace.env_group.name')"
       @close="visible = false"
-      style="height: 800px"
-    >
+      style="height: 800px">
       <template>
-        <environment-group
-          style="overflow-y: auto"
-          :screen-height="'350px'"
-          :read-only="true"
-        ></environment-group>
+        <environment-group style="overflow-y: auto" :screen-height="'350px'" :read-only="true"></environment-group>
       </template>
     </el-dialog>
   </div>
@@ -46,10 +29,7 @@
 
 <script>
 import EnvironmentGroup from '@/business/commons/EnvironmentGroupList';
-import {
-  environmentGetALL,
-  getEnvironmentMapByGroupId,
-} from 'metersphere-frontend/src/api/environment';
+import { environmentGetALL, getEnvironmentMapByGroupId } from 'metersphere-frontend/src/api/environment';
 
 export default {
   name: 'EnvGroup',
@@ -121,9 +101,7 @@ export default {
           let map = new Map(Object.entries(data));
           for (let id of this.projectIds) {
             if (!map.get(id)) {
-              this.$warning(
-                this.$t('workspace.env_group.lack_necessary_environment')
-              );
+              this.$warning(this.$t('workspace.env_group.lack_necessary_environment'));
               resolve(false);
               return;
             }
diff --git a/api-test/frontend/src/business/automation/scenario/EnvGroupWithOption.vue b/api-test/frontend/src/business/automation/scenario/EnvGroupWithOption.vue
index 16d908fcdf..2073130ff2 100644
--- a/api-test/frontend/src/business/automation/scenario/EnvGroupWithOption.vue
+++ b/api-test/frontend/src/business/automation/scenario/EnvGroupWithOption.vue
@@ -6,32 +6,21 @@
         :placeholder="$t('workspace.env_group.select')"
         style="margin-top: 8px; width: 200px"
         size="small"
-        clearable
-      >
-        <el-option-group
-          v-for="group in groups"
-          :key="group.label"
-          :label="group.label"
-        >
+        clearable>
+        <el-option-group v-for="group in groups" :key="group.label" :label="group.label">
           <el-option
             v-for="item in group.options"
             :key="item.name"
             :label="item.name"
             :disabled="item.disabled"
-            :value="item.id"
-          >
+            :value="item.id">
           </el-option>
         </el-option-group>
       </el-select>
       <span style="margin-left: 8px">{{ $t('workspace.env_group.name') }}</span>
       <i class="el-icon-view icon-view-btn" @click="viewGroup"></i>
     </div>
-    <el-button
-      type="primary"
-      @click="handleConfirm"
-      size="small"
-      class="env-confirm"
-    >
+    <el-button type="primary" @click="handleConfirm" size="small" class="env-confirm">
       {{ $t('workspace.env_group.confirm') }}
     </el-button>
     <el-dialog
@@ -39,14 +28,9 @@
       append-to-body
       :title="$t('workspace.env_group.name')"
       @close="visible = false"
-      style="height: 800px"
-    >
+      style="height: 800px">
       <template>
-        <environment-group
-          style="overflow-y: auto"
-          :screen-height="'350px'"
-          :read-only="true"
-        ></environment-group>
+        <environment-group style="overflow-y: auto" :screen-height="'350px'" :read-only="true"></environment-group>
       </template>
     </el-dialog>
   </div>
@@ -54,10 +38,7 @@
 
 <script>
 import EnvironmentGroup from '@/business/commons/EnvironmentGroupList';
-import {
-  getEnvironmentMapByGroupId,
-  getEnvironmentOptions,
-} from 'metersphere-frontend/src/api/environment';
+import { getEnvironmentMapByGroupId, getEnvironmentOptions } from 'metersphere-frontend/src/api/environment';
 
 export default {
   name: 'EnvGroupWithOption',
@@ -99,9 +80,7 @@ export default {
       }).then((res) => {
         let groups = res.data;
         this.disabledGroups = groups.filter((group) => group.disabled === true);
-        this.notDisabledGroups = groups.filter(
-          (group) => group.disabled === false
-        );
+        this.notDisabledGroups = groups.filter((group) => group.disabled === false);
         this.$set(this.groups, 0, {
           label: this.$t('workspace.env_group.available_group'),
           options: this.notDisabledGroups,
@@ -139,9 +118,7 @@ export default {
           let map = new Map(Object.entries(data));
           for (let id of this.projectIds) {
             if (!map.get(id)) {
-              this.$warning(
-                this.$t('workspace.env_group.lack_necessary_environment')
-              );
+              this.$warning(this.$t('workspace.env_group.lack_necessary_environment'));
               resolve(false);
               return;
             }
diff --git a/api-test/frontend/src/business/automation/scenario/EnvPopover.vue b/api-test/frontend/src/business/automation/scenario/EnvPopover.vue
index 6bb8ecef54..dc3e6e69f9 100644
--- a/api-test/frontend/src/business/automation/scenario/EnvPopover.vue
+++ b/api-test/frontend/src/business/automation/scenario/EnvPopover.vue
@@ -5,34 +5,22 @@
     :width="width"
     :disabled="isReadOnly"
     @show="showPopover"
-    trigger="click"
-  >
-    <el-radio-group
-      v-model="radio"
-      style="margin-left: 20px"
-      @change="radioChange"
-    >
-      <el-radio :label="ENV_TYPE.JSON">{{
-        $t('workspace.env_group.env_list')
-      }}</el-radio>
-      <el-radio v-if="showEnvGroup" :label="ENV_TYPE.GROUP">{{
-        $t('workspace.env_group.name')
-      }}</el-radio>
+    trigger="click">
+    <el-radio-group v-model="radio" style="margin-left: 20px" @change="radioChange">
+      <el-radio :label="ENV_TYPE.JSON">{{ $t('workspace.env_group.env_list') }}</el-radio>
+      <el-radio v-if="showEnvGroup" :label="ENV_TYPE.GROUP">{{ $t('workspace.env_group.name') }}</el-radio>
     </el-radio-group>
     <env-select
       :project-ids="projectIds"
       :result="result"
-      :show-config-button-with-out-permission="
-        showConfigButtonWithOutPermission
-      "
+      :show-config-button-with-out-permission="showConfigButtonWithOutPermission"
       :env-map="envMap"
       :project-list="projectList"
       @close="visible = false"
       @setProjectEnvMap="setProjectEnvMap"
       v-show="!radio || radio === ENV_TYPE.JSON"
       :btnStyle="btnStyle"
-      ref="envSelect"
-    />
+      ref="envSelect" />
     <env-group
       ref="envGroup"
       v-show="radio === ENV_TYPE.GROUP && !hasOptionGroup"
@@ -40,8 +28,7 @@
       :project-ids="projectIds"
       @setEnvGroup="setEnvGroup"
       :group-id="groupId"
-      :btnStyle="btnStyle"
-    ></env-group>
+      :btnStyle="btnStyle"></env-group>
     <!-- 对环境组选项进行分类 可用｜不可用 -->
     <env-group-with-option
       ref="envOptionGroup"
@@ -49,14 +36,8 @@
       @close="visible = false"
       :project-ids="projectIds"
       @setEnvGroup="setEnvGroup"
-      :group-id="groupId"
-    ></env-group-with-option>
-    <el-button
-      type="primary"
-      slot="reference"
-      size="mini"
-      style="margin-top: 2px"
-    >
+      :group-id="groupId"></env-group-with-option>
+    <el-button type="primary" slot="reference" size="mini" style="margin-top: 2px">
       {{ $t('api_test.definition.request.run_env') }}
       <i class="el-icon-caret-bottom el-icon--right"></i>
     </el-button>
@@ -192,9 +173,7 @@ export default {
             let res = this.$refs.envSelect.checkEnv(data);
             resolve(res);
           } else if (this.environmentType === ENV_TYPE.GROUP) {
-            let res = !this.hasOptionGroup
-              ? this.$refs.envGroup.checkEnv()
-              : this.$refs.envOptionGroup.checkEnv();
+            let res = !this.hasOptionGroup ? this.$refs.envGroup.checkEnv() : this.$refs.envOptionGroup.checkEnv();
             res.then((r) => {
               resolve(r);
             });
diff --git a/api-test/frontend/src/business/automation/scenario/EnvSelect.vue b/api-test/frontend/src/business/automation/scenario/EnvSelect.vue
index 3ecf9f4b64..6841798b60 100644
--- a/api-test/frontend/src/business/automation/scenario/EnvSelect.vue
+++ b/api-test/frontend/src/business/automation/scenario/EnvSelect.vue
@@ -5,21 +5,18 @@
         v-model="pe['selectEnv']"
         :placeholder="$t('workspace.env_group.please_select_env')"
         style="margin-top: 8px; width: 200px"
-        size="small"
-      >
+        size="small">
         <el-option
           v-for="(environment, index) in pe.envs"
           :key="index"
           :label="environment.name"
-          :value="environment.id"
-        />
+          :value="environment.id" />
         <el-button
           class="ms-scenario-button"
           v-if="isShowConfirmButton(pe.id)"
           size="mini"
           type="primary"
-          @click="openEnvironmentConfig(pe.id, pe['selectEnv'])"
-        >
+          @click="openEnvironmentConfig(pe.id, pe['selectEnv'])">
           {{ $t('api_test.environment.environment_config') }}
         </el-button>
         <template v-slot:empty>
@@ -28,8 +25,7 @@
               class="ms-scenario-button"
               size="mini"
               type="primary"
-              @click="openEnvironmentConfig(pe.id, pe['selectEnv'])"
-            >
+              @click="openEnvironmentConfig(pe.id, pe['selectEnv'])">
               {{ $t('api_test.environment.environment_config') }}
             </el-button>
           </div>
@@ -40,21 +36,12 @@
       </span>
     </div>
 
-    <el-button
-      type="primary"
-      @click="handleConfirm"
-      size="small"
-      :style="btnStyle"
-      class="env-confirm"
-    >
+    <el-button type="primary" @click="handleConfirm" size="small" :style="btnStyle" class="env-confirm">
       {{ $t('workspace.env_group.confirm') }}
     </el-button>
 
     <!-- 环境配置 -->
-    <api-environment-config
-      ref="environmentConfig"
-      @close="environmentConfigClose"
-    />
+    <api-environment-config ref="environmentConfig" @close="environmentConfigClose" />
   </div>
 </template>
 
@@ -142,8 +129,7 @@ export default {
                 envId = this.envMap.get(id);
               }
               // 选中环境是否存在
-              temp.selectEnv =
-                envs.filter((e) => e.id === envId).length === 0 ? null : envId;
+              temp.selectEnv = envs.filter((e) => e.id === envId).length === 0 ? null : envId;
               resolve();
             });
           });
@@ -189,9 +175,7 @@ export default {
         map.set(dt.id, dt.selectEnv);
       });
       if (!sign) {
-        this.$warning(
-          this.$t('workspace.env_group.please_select_env_for_current_scenario')
-        );
+        this.$warning(this.$t('workspace.env_group.please_select_env_for_current_scenario'));
         return;
       }
       this.$emit('setProjectEnvMap', map);
@@ -223,9 +207,7 @@ export default {
       }
 
       if (!sign) {
-        this.$warning(
-          this.$t('workspace.env_group.please_select_env_for_current_scenario')
-        );
+        this.$warning(this.$t('workspace.env_group.please_select_env_for_current_scenario'));
         return false;
       }
       return true;
diff --git a/api-test/frontend/src/business/automation/scenario/EnvSelectPopover.vue b/api-test/frontend/src/business/automation/scenario/EnvSelectPopover.vue
index 678b75e9ec..40a2a555be 100644
--- a/api-test/frontend/src/business/automation/scenario/EnvSelectPopover.vue
+++ b/api-test/frontend/src/business/automation/scenario/EnvSelectPopover.vue
@@ -1,32 +1,20 @@
 <template>
   <div>
     <div v-for="(pe, pIndex) in eventData" :key="pe.id">
-      <el-card
-        shadow="never"
-        style="margin-top: 8px; background: #f5f6f7; border-radius: 4px"
-      >
+      <el-card shadow="never" style="margin-top: 8px; background: #f5f6f7; border-radius: 4px">
         <i
           @click="expandCard(pIndex)"
           v-if="pe.expendStatus === 'close'"
           class="el-icon-caret-right"
-          style="color: var(--primary_color)"
-        />
-        <i
-          @click="expandCard(pIndex)"
-          v-else
-          class="el-icon-caret-bottom"
-          style="color: var(--primary_color)"
-        />
-        <span class="project-name" :title="getProjectName(pe.id)">
-          {{ getProjectName(pe.id) }} </span
-        ><br />
+          style="color: var(--primary_color)" />
+        <i @click="expandCard(pIndex)" v-else class="el-icon-caret-bottom" style="color: var(--primary_color)" />
+        <span class="project-name" :title="getProjectName(pe.id)"> {{ getProjectName(pe.id) }} </span><br />
         <div v-if="pe.expendStatus === 'open'">
           <el-radio-group
             v-model="pe.envRadio"
             style="width: 100%"
             @change="envRadioChange(pe.envRadio, pIndex)"
-            class="radio-change"
-          >
+            class="radio-change">
             <el-radio label="DEFAULT_ENV" style="margin-top: 7px">{{
               $t('api_test.environment.default_environment')
             }}</el-radio>
@@ -48,14 +36,12 @@
             :placeholder="$t('api_test.environment.select_environment')"
             style="margin-top: 8px; width: 100%"
             size="small"
-            @change="chooseEnv"
-          >
+            @change="chooseEnv">
             <el-option
               v-for="(environment, index) in pe.envs"
               :key="index"
               :label="environment.name"
-              :value="environment.id"
-            />
+              :value="environment.id" />
           </el-select>
         </div>
       </el-card>
@@ -121,8 +107,7 @@ export default {
     },
     envRadioChange(val, index) {
       this.eventData[index].envRadio = val;
-      this.eventData[index].showEnvSelect =
-        this.eventData[index].envRadio === 'CUSTOMIZE_ENV';
+      this.eventData[index].showEnvSelect = this.eventData[index].envRadio === 'CUSTOMIZE_ENV';
     },
     viewGroup() {
       this.visible = true;
@@ -165,8 +150,7 @@ export default {
           if (this.envMap && this.envMap.size > 0) {
             let envId = this.envMap.get(id);
             // 选中环境是否存在
-            temp.selectEnv =
-              envs.filter((e) => e.id === envId).length === 0 ? null : envId;
+            temp.selectEnv = envs.filter((e) => e.id === envId).length === 0 ? null : envId;
           }
           if (this.isScenario) {
             if (this.projectEnvMap) {
diff --git a/api-test/frontend/src/business/automation/scenario/ImportApiScenario.vue b/api-test/frontend/src/business/automation/scenario/ImportApiScenario.vue
index ff4ecb17b6..f46a00d445 100644
--- a/api-test/frontend/src/business/automation/scenario/ImportApiScenario.vue
+++ b/api-test/frontend/src/business/automation/scenario/ImportApiScenario.vue
@@ -5,8 +5,7 @@
         @selectModule="selectModule"
         @getApiModuleTree="initTree"
         @refresh="refresh"
-        @saveAsEdit="editScenario"
-      />
+        @saveAsEdit="editScenario" />
     </ms-aside-container>
     <ms-main-container>
       <ms-api-scenario-list
@@ -15,19 +14,12 @@
         @selection="setData"
         :referenced="true"
         :select-project-id="cuurentProjectId"
-        ref="apiScenarioList"
-      />
+        ref="apiScenarioList" />
 
-      <el-button
-        style="float: right; margin: 10px"
-        @click="importApiScenario"
-        type="primary"
-      >
+      <el-button style="float: right; margin: 10px" @click="importApiScenario" type="primary">
         {{ $t('api_test.scenario.reference') }}
       </el-button>
-      <el-button style="float: right; margin: 10px" @click="copyApiScenario">{{
-        $t('commons.copy')
-      }}</el-button>
+      <el-button style="float: right; margin: 10px" @click="copyApiScenario">{{ $t('commons.copy') }}</el-button>
     </ms-main-container>
   </ms-container>
 </template>
@@ -92,28 +84,23 @@ export default {
     },
     getApiScenario() {
       let scenarios = [];
-      this.result = getApiScenarios(this.currentScenarioIds).then(
-        (response) => {
-          if (response.data) {
-            response.data.forEach((item) => {
-              let scenarioDefinition = JSON.parse(item.scenarioDefinition);
-              let obj = {
-                id: item.id,
-                name: item.name,
-                type: 'scenario',
-                referenced: 'Copy',
-                resourceId: getUUID(),
-                hashTree:
-                  scenarioDefinition && scenarioDefinition.hashTree
-                    ? scenarioDefinition.hashTree
-                    : [],
-              };
-              scenarios.push(obj);
-            });
-            this.$emit('addScenario', scenarios);
-          }
+      this.result = getApiScenarios(this.currentScenarioIds).then((response) => {
+        if (response.data) {
+          response.data.forEach((item) => {
+            let scenarioDefinition = JSON.parse(item.scenarioDefinition);
+            let obj = {
+              id: item.id,
+              name: item.name,
+              type: 'scenario',
+              referenced: 'Copy',
+              resourceId: getUUID(),
+              hashTree: scenarioDefinition && scenarioDefinition.hashTree ? scenarioDefinition.hashTree : [],
+            };
+            scenarios.push(obj);
+          });
+          this.$emit('addScenario', scenarios);
         }
-      );
+      });
     },
     copyApiScenario() {
       if (this.currentScenarioIds) {
diff --git a/api-test/frontend/src/business/automation/scenario/MsInputTag.vue b/api-test/frontend/src/business/automation/scenario/MsInputTag.vue
index b135f7d67b..f38296beda 100644
--- a/api-test/frontend/src/business/automation/scenario/MsInputTag.vue
+++ b/api-test/frontend/src/business/automation/scenario/MsInputTag.vue
@@ -3,8 +3,7 @@
     class="el-input-tag input-tag-wrapper"
     :class="[size ? 'el-input-tag--' + size : '']"
     style="height: auto"
-    @click="foucusTagInput"
-  >
+    @click="foucusTagInput">
     <el-tag
       class="ms-top"
       v-for="(tag, idx) in innerTags"
@@ -14,8 +13,7 @@
       :size="size"
       :closable="!readOnly"
       :disable-transitions="false"
-      @close="remove(idx)"
-    >
+      @close="remove(idx)">
       {{ tag && tag.length > 10 ? tag.substring(0, 10) + '...' : tag }}
     </el-tag>
     <input
@@ -25,8 +23,7 @@
       :placeholder="defaultPlaceHolder"
       @keydown.delete.stop="removeLastTag"
       @keydown="addNew"
-      @blur="addNew"
-    />
+      @blur="addNew" />
   </div>
 </template>
 
@@ -65,9 +62,7 @@ export default {
     return {
       defaultPlaceHolder: this.$t('commons.tag_tip'),
       newTag: '',
-      innerTags: this.currentScenario[this.prop]
-        ? [...this.currentScenario[this.prop]]
-        : [],
+      innerTags: this.currentScenario[this.prop] ? [...this.currentScenario[this.prop]] : [],
     };
   },
   watch: {
@@ -180,8 +175,7 @@ export default {
   border: 0;
   color: #303133;
   font-size: 12px;
-  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
-    Arial, sans-serif;
+  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', Arial, sans-serif;
   outline: none;
   padding-left: 0;
   width: 100px;
diff --git a/api-test/frontend/src/business/automation/scenario/ScenarioDeleteConfirm.vue b/api-test/frontend/src/business/automation/scenario/ScenarioDeleteConfirm.vue
index f426b7aad9..3877248243 100644
--- a/api-test/frontend/src/business/automation/scenario/ScenarioDeleteConfirm.vue
+++ b/api-test/frontend/src/business/automation/scenario/ScenarioDeleteConfirm.vue
@@ -1,20 +1,12 @@
 <template>
-  <el-dialog
-    :title="title"
-    :visible.sync="deleteApiVisible"
-    :show-close="false"
-    width="30%"
-  >
+  <el-dialog :title="title" :visible.sync="deleteApiVisible" :show-close="false" width="30%">
     <el-radio-group v-model="deleteCurrentVersion">
-      <el-radio :label="true">{{
-        $t('commons.delete_current_version')
-      }}</el-radio>
+      <el-radio :label="true">{{ $t('commons.delete_current_version') }}</el-radio>
       <el-radio :label="false">{{ $t('commons.delete_all_version') }}</el-radio>
     </el-radio-group>
 
     <template v-slot:footer>
-      <ms-dialog-footer @cancel="close" @confirm="handleDelete">
-      </ms-dialog-footer>
+      <ms-dialog-footer @cancel="close" @confirm="handleDelete"> </ms-dialog-footer>
     </template>
   </el-dialog>
 </template>
diff --git a/api-test/frontend/src/business/automation/scenario/ScenarioExtendBtns.vue b/api-test/frontend/src/business/automation/scenario/ScenarioExtendBtns.vue
index 512bb2203c..f4ee0a7893 100644
--- a/api-test/frontend/src/business/automation/scenario/ScenarioExtendBtns.vue
+++ b/api-test/frontend/src/business/automation/scenario/ScenarioExtendBtns.vue
@@ -5,30 +5,20 @@
         <el-icon class="el-icon-more"></el-icon>
       </el-link>
       <el-dropdown-menu slot="dropdown">
-        <el-dropdown-item command="ref">{{
-          $t('api_test.automation.view_ref')
-        }}</el-dropdown-item>
-        <el-dropdown-item
-          command="schedule"
-          v-permission="['PROJECT_API_SCENARIO:READ+SCHEDULE']"
-        >
+        <el-dropdown-item command="ref">{{ $t('api_test.automation.view_ref') }}</el-dropdown-item>
+        <el-dropdown-item command="schedule" v-permission="['PROJECT_API_SCENARIO:READ+SCHEDULE']">
           {{ $t('api_test.automation.schedule') }}
         </el-dropdown-item>
         <el-dropdown-item
           command="create_performance"
           v-permission="['PROJECT_API_SCENARIO:READ+CREATE_PERFORMANCE']"
-          v-modules="['performance']"
-        >
+          v-modules="['performance']">
           {{ $t('api_test.create_performance_test') }}
         </el-dropdown-item>
       </el-dropdown-menu>
     </el-dropdown>
 
-    <ms-schedule-maintain
-      ref="scheduleMaintain"
-      @refreshTable="refreshTable"
-      :request="request"
-    />
+    <ms-schedule-maintain ref="scheduleMaintain" @refreshTable="refreshTable" :request="request" />
   </div>
 </template>
 
diff --git a/api-test/frontend/src/business/automation/scenario/Setting.js b/api-test/frontend/src/business/automation/scenario/Setting.js
index 44ab531e42..59be25f99d 100644
--- a/api-test/frontend/src/business/automation/scenario/Setting.js
+++ b/api-test/frontend/src/business/automation/scenario/Setting.js
@@ -67,10 +67,7 @@ export function STEP() {
         'MsUiCommand',
       ],
     ],
-    [
-      'DEFINITION',
-      ['HTTPSamplerProxy', 'DubboSampler', 'JDBCSampler', 'TCPSampler'],
-    ],
+    ['DEFINITION', ['HTTPSamplerProxy', 'DubboSampler', 'JDBCSampler', 'TCPSampler']],
     [
       'ALlSamplerStep',
       [
@@ -85,14 +82,7 @@ export function STEP() {
     ],
     [
       'AllCanExecType',
-      [
-        'HTTPSamplerProxy',
-        'DubboSampler',
-        'JDBCSampler',
-        'TCPSampler',
-        'JSR223Processor',
-        'AbstractSampler',
-      ],
+      ['HTTPSamplerProxy', 'DubboSampler', 'JDBCSampler', 'TCPSampler', 'JSR223Processor', 'AbstractSampler'],
     ],
   ]);
   return map;
@@ -120,81 +110,27 @@ export const ELEMENT_TYPE = {
 export const TYPE_TO_C = new Map([
   ['scenario', 'io.metersphere.api.dto.definition.request.MsScenario'],
   ['UiScenario', 'io.metersphere.xpack.ui.hashtree.MsUiScenario'],
-  [
-    'HTTPSamplerProxy',
-    'io.metersphere.api.dto.definition.request.sampler.MsHTTPSamplerProxy',
-  ],
-  [
-    'DubboSampler',
-    'io.metersphere.api.dto.definition.request.sampler.MsDubboSampler',
-  ],
-  [
-    'JDBCSampler',
-    'io.metersphere.api.dto.definition.request.sampler.MsJDBCSampler',
-  ],
-  [
-    'TCPSampler',
-    'io.metersphere.api.dto.definition.request.sampler.MsTCPSampler',
-  ],
-  [
-    'IfController',
-    'io.metersphere.api.dto.definition.request.controller.MsIfController',
-  ],
-  [
-    'TransactionController',
-    'io.metersphere.api.dto.definition.request.controller.MsTransactionController',
-  ],
-  [
-    'LoopController',
-    'io.metersphere.api.dto.definition.request.controller.MsLoopController',
-  ],
-  [
-    'ConstantTimer',
-    'io.metersphere.api.dto.definition.request.timer.MsConstantTimer',
-  ],
-  [
-    'JSR223Processor',
-    'io.metersphere.api.dto.definition.request.processors.MsJSR223Processor',
-  ],
-  [
-    'JSR223PreProcessor',
-    'io.metersphere.api.dto.definition.request.processors.pre.MsJSR223PreProcessor',
-  ],
-  [
-    'JSR223PostProcessor',
-    'io.metersphere.api.dto.definition.request.processors.post.MsJSR223PostProcessor',
-  ],
-  [
-    'JDBCPreProcessor',
-    'io.metersphere.api.dto.definition.request.processors.pre.MsJDBCPreProcessor',
-  ],
-  [
-    'JDBCPostProcessor',
-    'io.metersphere.api.dto.definition.request.processors.post.MsJDBCPostProcessor',
-  ],
-  [
-    'Assertions',
-    'io.metersphere.api.dto.definition.request.assertions.MsAssertions',
-  ],
+  ['HTTPSamplerProxy', 'io.metersphere.api.dto.definition.request.sampler.MsHTTPSamplerProxy'],
+  ['DubboSampler', 'io.metersphere.api.dto.definition.request.sampler.MsDubboSampler'],
+  ['JDBCSampler', 'io.metersphere.api.dto.definition.request.sampler.MsJDBCSampler'],
+  ['TCPSampler', 'io.metersphere.api.dto.definition.request.sampler.MsTCPSampler'],
+  ['IfController', 'io.metersphere.api.dto.definition.request.controller.MsIfController'],
+  ['TransactionController', 'io.metersphere.api.dto.definition.request.controller.MsTransactionController'],
+  ['LoopController', 'io.metersphere.api.dto.definition.request.controller.MsLoopController'],
+  ['ConstantTimer', 'io.metersphere.api.dto.definition.request.timer.MsConstantTimer'],
+  ['JSR223Processor', 'io.metersphere.api.dto.definition.request.processors.MsJSR223Processor'],
+  ['JSR223PreProcessor', 'io.metersphere.api.dto.definition.request.processors.pre.MsJSR223PreProcessor'],
+  ['JSR223PostProcessor', 'io.metersphere.api.dto.definition.request.processors.post.MsJSR223PostProcessor'],
+  ['JDBCPreProcessor', 'io.metersphere.api.dto.definition.request.processors.pre.MsJDBCPreProcessor'],
+  ['JDBCPostProcessor', 'io.metersphere.api.dto.definition.request.processors.post.MsJDBCPostProcessor'],
+  ['Assertions', 'io.metersphere.api.dto.definition.request.assertions.MsAssertions'],
   ['Extract', 'io.metersphere.api.dto.definition.request.extract.MsExtract'],
-  [
-    'JmeterElement',
-    'io.metersphere.api.dto.definition.request.unknown.MsJmeterElement',
-  ],
+  ['JmeterElement', 'io.metersphere.api.dto.definition.request.unknown.MsJmeterElement'],
   ['TestPlan', 'io.metersphere.api.dto.definition.request.MsTestPlan'],
   ['ThreadGroup', 'io.metersphere.api.dto.definition.request.MsThreadGroup'],
-  [
-    'DNSCacheManager',
-    'io.metersphere.api.dto.definition.request.dns.MsDNSCacheManager',
-  ],
-  [
-    'DebugSampler',
-    'io.metersphere.api.dto.definition.request.sampler.MsDebugSampler',
-  ],
-  [
-    'AuthManager',
-    'io.metersphere.api.dto.definition.request.auth.MsAuthManager',
-  ],
+  ['DNSCacheManager', 'io.metersphere.api.dto.definition.request.dns.MsDNSCacheManager'],
+  ['DebugSampler', 'io.metersphere.api.dto.definition.request.sampler.MsDebugSampler'],
+  ['AuthManager', 'io.metersphere.api.dto.definition.request.auth.MsAuthManager'],
 ]);
 
 export const PLUGIN_ELEMENTS = new Map([
@@ -299,10 +235,7 @@ export const PLUGIN_ELEMENTS = new Map([
     ],
   ],
   ['menu_fragments', ['TestFragmentController']],
-  [
-    'menu_non_test_elements',
-    ['ProxyControl', 'HttpMirrorControl', 'GenerateTree', 'PropertyControl'],
-  ],
+  ['menu_non_test_elements', ['ProxyControl', 'HttpMirrorControl', 'GenerateTree', 'PropertyControl']],
   [
     'menu_generative_controller',
     [
@@ -397,12 +330,7 @@ export function init() {
   let allArray = [];
   allArray = allArray.concat(PLUGIN_ELEMENTS.get('menu_generative_controller'));
   allArray = allArray.concat(PLUGIN_ELEMENTS.get('menu_logic_controller'));
-  allArray = allArray.concat([
-    'scenario',
-    'ConstantTimer',
-    'JSR223Processor',
-    'Assertions',
-  ]);
+  allArray = allArray.concat(['scenario', 'ConstantTimer', 'JSR223Processor', 'Assertions']);
   return allArray;
 }
 
diff --git a/api-test/frontend/src/business/automation/scenario/TableMoreBtn.vue b/api-test/frontend/src/business/automation/scenario/TableMoreBtn.vue
index 5c7f06edd7..dc7cac999e 100644
--- a/api-test/frontend/src/business/automation/scenario/TableMoreBtn.vue
+++ b/api-test/frontend/src/business/automation/scenario/TableMoreBtn.vue
@@ -5,11 +5,7 @@
         <i class="el-icon-more ms-icon-more" />
       </div>
       <el-dropdown-menu slot="dropdown" class="dropdown-menu-class">
-        <el-dropdown-item
-          v-for="(btn, index) in buttons"
-          :key="index"
-          @click.native.stop="click(btn)"
-        >
+        <el-dropdown-item v-for="(btn, index) in buttons" :key="index" @click.native.stop="click(btn)">
           {{ btn.name }}
         </el-dropdown-item>
       </el-dropdown-menu>
diff --git a/api-test/frontend/src/business/automation/scenario/api/AddApiCase.vue b/api-test/frontend/src/business/automation/scenario/api/AddApiCase.vue
index e051a9d3d4..fa6086dac3 100644
--- a/api-test/frontend/src/business/automation/scenario/api/AddApiCase.vue
+++ b/api-test/frontend/src/business/automation/scenario/api/AddApiCase.vue
@@ -5,8 +5,7 @@
     :visible.sync="httpVisible"
     width="30%"
     :destroy-on-close="true"
-    append-to-body
-  >
+    append-to-body>
     <el-form
       :model="httpForm"
       label-position="right"
@@ -14,25 +13,18 @@
       size="small"
       :rules="rule"
       ref="httpForm"
-      v-if="!loading"
-    >
+      v-if="!loading">
       <el-form-item :label="$t('api_definition.case_name')" prop="name">
         <el-input
           v-model="httpForm.name"
           autocomplete="off"
           :placeholder="$t('api_definition.case_name')"
           show-word-limit
-          maxlength="100"
-        />
+          maxlength="100" />
       </el-form-item>
     </el-form>
     <template v-slot:footer>
-      <ms-dialog-footer
-        @cancel="httpVisible = false"
-        @confirm="saveApi"
-        v-prevent-re-click
-      >
-      </ms-dialog-footer>
+      <ms-dialog-footer @cancel="httpVisible = false" @confirm="saveApi" v-prevent-re-click> </ms-dialog-footer>
     </template>
   </el-dialog>
 </template>
diff --git a/api-test/frontend/src/business/automation/scenario/api/AddBasisApi.vue b/api-test/frontend/src/business/automation/scenario/api/AddBasisApi.vue
index 0f2c98d6c9..3649817fea 100644
--- a/api-test/frontend/src/business/automation/scenario/api/AddBasisApi.vue
+++ b/api-test/frontend/src/business/automation/scenario/api/AddBasisApi.vue
@@ -5,8 +5,7 @@
     :visible.sync="httpVisible"
     width="45%"
     :destroy-on-close="true"
-    append-to-body
-  >
+    append-to-body>
     <el-form
       :model="httpForm"
       label-position="right"
@@ -14,61 +13,36 @@
       size="small"
       :rules="rule"
       ref="httpForm"
-      v-if="!loading"
-    >
+      v-if="!loading">
       <el-form-item :label="$t('commons.name')" prop="name">
-        <el-input
-          v-model="httpForm.name"
-          autocomplete="off"
-          :placeholder="$t('commons.name')"
-        />
+        <el-input v-model="httpForm.name" autocomplete="off" :placeholder="$t('commons.name')" />
       </el-form-item>
 
       <!--HTTP 协议特有参数-->
-      <el-form-item
-        :label="$t('api_report.request')"
-        prop="path"
-        v-if="currentProtocol === 'HTTP'"
-      >
+      <el-form-item :label="$t('api_report.request')" prop="path" v-if="currentProtocol === 'HTTP'">
         <el-input
           :placeholder="$t('api_test.definition.request.path_info')"
           v-model="httpForm.path"
           class="ms-http-input"
-          size="small"
-        >
-          <el-select
-            v-model="httpForm.method"
-            slot="prepend"
-            style="width: 100px"
-            size="small"
-          >
-            <el-option
-              v-for="item in options"
-              :key="item.id"
-              :label="item.label"
-              :value="item.id"
-            />
+          size="small">
+          <el-select v-model="httpForm.method" slot="prepend" style="width: 100px" size="small">
+            <el-option v-for="item in options" :key="item.id" :label="item.label" :value="item.id" />
           </el-select>
         </el-input>
       </el-form-item>
 
-      <el-form-item
-        :label="$t('api_test.definition.request.responsible')"
-        prop="userId"
-      >
+      <el-form-item :label="$t('api_test.definition.request.responsible')" prop="userId">
         <el-select
           v-model="httpForm.userId"
           :placeholder="$t('api_test.definition.request.responsible')"
           filterable
           size="small"
-          style="width: 100%"
-        >
+          style="width: 100%">
           <el-option
             v-for="item in maintainerOptions"
             :key="item.id"
             :label="item.id + ' (' + item.name + ')'"
-            :value="item.id"
-          >
+            :value="item.id">
           </el-option>
         </el-select>
       </el-form-item>
@@ -80,23 +54,17 @@
           @getValue="setModule"
           :obj="moduleObj"
           clearable
-          checkStrictly
-        />
+          checkStrictly />
       </el-form-item>
 
-      <el-form-item
-        :label="$t('commons.description')"
-        prop="description"
-        style="margin-bottom: 29px"
-      >
+      <el-form-item :label="$t('commons.description')" prop="description" style="margin-bottom: 29px">
         <el-input
           class="ms-http-textarea"
           v-model="httpForm.description"
           type="textarea"
           :autosize="{ minRows: 2, maxRows: 10 }"
           :rows="2"
-          size="small"
-        />
+          size="small" />
       </el-form-item>
       <el-form-item class="create-tip">
         {{ $t('api_test.definition.create_tip') }}
@@ -104,12 +72,7 @@
     </el-form>
 
     <template v-slot:footer>
-      <ms-dialog-footer
-        @cancel="httpVisible = false"
-        @confirm="saveApi"
-        v-prevent-re-click
-      >
-      </ms-dialog-footer>
+      <ms-dialog-footer @cancel="httpVisible = false" @confirm="saveApi" v-prevent-re-click> </ms-dialog-footer>
     </template>
   </el-dialog>
 </template>
@@ -121,14 +84,8 @@ import { getApiModules } from '@/api/definition-module';
 import { getMaintainer } from '@/api/project';
 import MsDialogFooter from 'metersphere-frontend/src/components/MsDialogFooter';
 import { REQ_METHOD } from '@/business/definition/model/JsonData';
-import {
-  getCurrentProjectID,
-  getCurrentUser,
-} from 'metersphere-frontend/src/utils/token';
-import {
-  createComponent,
-  Request,
-} from '@/business/definition/components/jmeter/components';
+import { getCurrentProjectID, getCurrentUser } from 'metersphere-frontend/src/utils/token';
+import { createComponent, Request } from '@/business/definition/components/jmeter/components';
 import { getUUID } from 'metersphere-frontend/src/utils';
 import MsSelectTree from 'metersphere-frontend/src/components/select-tree/SelectTree';
 import { buildTree } from 'metersphere-frontend/src/model/NodeTree';
@@ -324,10 +281,7 @@ export default {
         this.httpForm.request.path = this.httpForm.path;
       }
       if (this.currentModule != null) {
-        this.httpForm.modulePath =
-          this.currentModule.method != undefined
-            ? this.currentModule.method
-            : null;
+        this.httpForm.modulePath = this.currentModule.method != undefined ? this.currentModule.method : null;
         this.httpForm.moduleId = this.currentModule.id;
       }
     },
@@ -357,16 +311,14 @@ export default {
       if (data.protocol === 'dubbo://') {
         data.protocol = 'DUBBO';
       }
-      this.result = getApiModules(getCurrentProjectID(), data.protocol).then(
-        (response) => {
-          if (response.data != undefined && response.data != null) {
-            this.moduleOptions = response.data;
-            this.moduleOptions.forEach((node) => {
-              buildTree(node, { path: '' });
-            });
-          }
+      this.result = getApiModules(getCurrentProjectID(), data.protocol).then((response) => {
+        if (response.data != undefined && response.data != null) {
+          this.moduleOptions = response.data;
+          this.moduleOptions.forEach((node) => {
+            buildTree(node, { path: '' });
+          });
         }
-      );
+      });
     },
     setModule(id, data) {
       this.httpForm.moduleId = id;
diff --git a/api-test/frontend/src/business/automation/scenario/api/ApiRelevance.vue b/api-test/frontend/src/business/automation/scenario/api/ApiRelevance.vue
index 803c9b8c18..7f43237127 100644
--- a/api-test/frontend/src/business/automation/scenario/api/ApiRelevance.vue
+++ b/api-test/frontend/src/business/automation/scenario/api/ApiRelevance.vue
@@ -3,8 +3,7 @@
     :is-across-space="isAcrossSpace"
     @setProject="setProject"
     :dialog-title="$t('api_test.definition.api_import')"
-    ref="baseRelevance"
-  >
+    ref="baseRelevance">
     <template v-slot:aside>
       <ms-api-module
         @nodeSelectEvent="nodeChange"
@@ -14,8 +13,7 @@
         :is-relevance="true"
         :is-read-only="true"
         :select-project-id="projectId"
-        ref="nodeTree"
-      />
+        ref="nodeTree" />
     </template>
 
     <scenario-relevance-api-list
@@ -28,15 +26,13 @@
       :is-api-list-enable="isApiListEnable"
       @isApiListEnableChange="isApiListEnableChange"
       @selectCountChange="setSelectCounts"
-      ref="apiList"
-    >
+      ref="apiList">
       <template v-slot:version>
         <mx-version-select
           v-xpack
           :project-id="projectId"
           :default-version="currentVersion"
-          @changeVersion="currentVersionChange"
-        />
+          @changeVersion="currentVersionChange" />
       </template>
     </scenario-relevance-api-list>
 
@@ -50,33 +46,22 @@
       :is-api-list-enable="isApiListEnable"
       @isApiListEnableChange="isApiListEnableChange"
       @selectCountChange="setSelectCounts"
-      ref="apiCaseList"
-    >
+      ref="apiCaseList">
       <template v-slot:version>
         <mx-version-select
           v-xpack
           :project-id="projectId"
           :default-version="currentVersion"
-          @changeVersion="currentVersionChange"
-        />
+          @changeVersion="currentVersionChange" />
       </template>
     </scenario-relevance-case-list>
 
     <template v-slot:headerBtn>
       <!--  显示数量    -->
-      <table-select-count-bar
-        :count="selectCounts"
-        style="float: left; margin: 5px"
-      />
+      <table-select-count-bar :count="selectCounts" style="float: left; margin: 5px" />
 
       <el-button size="mini" icon="el-icon-refresh" @click="refresh" />
-      <el-button
-        type="primary"
-        @click="copy"
-        :loading="buttonIsWorking"
-        @keydown.enter.native.prevent
-        size="mini"
-      >
+      <el-button type="primary" @click="copy" :loading="buttonIsWorking" @keydown.enter.native.prevent size="mini">
         {{ $t('commons.copy') }}
       </el-button>
       <el-button
@@ -85,8 +70,7 @@
         :loading="buttonIsWorking"
         @click="reference"
         size="mini"
-        @keydown.enter.native.prevent
-      >
+        @keydown.enter.native.prevent>
         {{ $t('api_test.scenario.reference') }}
       </el-button>
     </template>
@@ -111,8 +95,7 @@ import TableSelectCountBar from '@/business/automation/scenario/api/TableSelectC
 export default {
   name: 'ApiRelevance',
   components: {
-    MxVersionSelect: () =>
-      import('metersphere-frontend/src/components/version/MxVersionSelect'),
+    MxVersionSelect: () => import('metersphere-frontend/src/components/version/MxVersionSelect'),
     TableSelectCountBar,
     TestCaseRelevanceBase,
     RelevanceDialog,
diff --git a/api-test/frontend/src/business/automation/scenario/api/RelevanceApiList.vue b/api-test/frontend/src/business/automation/scenario/api/RelevanceApiList.vue
index 3f0fbe9509..0bea6a0aee 100644
--- a/api-test/frontend/src/business/automation/scenario/api/RelevanceApiList.vue
+++ b/api-test/frontend/src/business/automation/scenario/api/RelevanceApiList.vue
@@ -1,9 +1,6 @@
 <template>
   <div v-loading="result">
-    <api-list-container
-      :is-api-list-enable="isApiListEnable"
-      @isApiListEnableChange="isApiListEnableChange"
-    >
+    <api-list-container :is-api-list-enable="isApiListEnable" @isApiListEnableChange="isApiListEnableChange">
       <template>
         <slot name="version"></slot>
       </template>
@@ -22,16 +19,14 @@
         @setSelectRow="setSelectRow"
         @selectCountChange="selectCountChange"
         @refreshTable="initTable"
-        ref="apitable"
-      >
+        ref="apitable">
         <template v-slot:header>
           <ms-environment-select
             :project-id="projectId"
             v-if="isTestPlan || isScript"
             :is-read-only="isReadOnly"
             @setEnvironment="setEnvironment"
-            ref="msEnvironmentSelect"
-          />
+            ref="msEnvironmentSelect" />
         </template>
       </api-table-list>
     </api-list-container>
@@ -39,10 +34,7 @@
 </template>
 
 <script>
-import {
-  getDefinitionPage,
-  getRelevanceDefinitionPage,
-} from '@/api/definition';
+import { getDefinitionPage, getRelevanceDefinitionPage } from '@/api/definition';
 import ApiListContainer from '@/business/definition/components/list/ApiListContainer';
 import MsEnvironmentSelect from '@/business/definition/components/case/MsEnvironmentSelect';
 import { buildBatchParam } from 'metersphere-frontend/src/utils/tableUtils';
diff --git a/api-test/frontend/src/business/automation/scenario/api/RelevanceCaseList.vue b/api-test/frontend/src/business/automation/scenario/api/RelevanceCaseList.vue
index 663ea0c9d3..f5811bc484 100644
--- a/api-test/frontend/src/business/automation/scenario/api/RelevanceCaseList.vue
+++ b/api-test/frontend/src/business/automation/scenario/api/RelevanceCaseList.vue
@@ -1,9 +1,6 @@
 <template>
   <div v-loading="result">
-    <api-list-container
-      :is-api-list-enable="isApiListEnable"
-      @isApiListEnableChange="isApiListEnableChange"
-    >
+    <api-list-container :is-api-list-enable="isApiListEnable" @isApiListEnableChange="isApiListEnableChange">
       <template>
         <slot name="version"></slot>
       </template>
@@ -13,8 +10,7 @@
         v-if="isTestPlan || isScript"
         :is-read-only="isReadOnly"
         @setEnvironment="setEnvironment"
-        ref="msEnvironmentSelect"
-      />
+        ref="msEnvironmentSelect" />
       <ms-search :condition.sync="condition" @search="initTable"> </ms-search>
       <ms-table
         :data="tableData"
@@ -27,24 +23,17 @@
         @refresh="initTable"
         @selectCountChange="selectCountChange"
         operator-width="170px"
-        ref="table"
-      >
-        <ms-table-column prop="num" label="ID" width="80px" sortable="true">
-        </ms-table-column>
+        ref="table">
+        <ms-table-column prop="num" label="ID" width="80px" sortable="true"> </ms-table-column>
 
-        <ms-table-column
-          prop="name"
-          width="160px"
-          :label="$t('test_track.case.name')"
-        />
+        <ms-table-column prop="name" width="160px" :label="$t('test_track.case.name')" />
 
         <ms-table-column
           prop="priority"
           :filters="priorityFilters"
           column-key="priority"
           width="120px"
-          :label="$t('test_track.case.priority')"
-        >
+          :label="$t('test_track.case.priority')">
           <template v-slot:default="scope">
             <priority-table-item :value="scope.row.priority" />
           </template>
@@ -54,8 +43,7 @@
           sortable="custom"
           prop="path"
           width="180px"
-          :label="'API' + $t('api_test.definition.api_path')"
-        />
+          :label="'API' + $t('api_test.definition.api_path')" />
 
         <ms-table-column prop="tags" width="120px" :label="$t('commons.tag')">
           <template v-slot:default="scope">
@@ -65,8 +53,7 @@
               type="success"
               effect="plain"
               :content="itemName"
-              style="margin-left: 0px; margin-right: 2px"
-            />
+              style="margin-left: 0px; margin-right: 2px" />
           </template>
         </ms-table-column>
 
@@ -75,8 +62,7 @@
           :label="$t('project.version.name')"
           :filters="versionFilters"
           min-width="100px"
-          prop="versionId"
-        >
+          prop="versionId">
           <template v-slot:default="scope">
             <span>{{ scope.row.versionName }}</span>
           </template>
@@ -84,12 +70,7 @@
 
         <ms-table-column prop="createUser" :label="$t('commons.create_user')" />
 
-        <ms-table-column
-          sortable="createTime"
-          width="160px"
-          :label="$t('commons.create_time')"
-          prop="createTime"
-        >
+        <ms-table-column sortable="createTime" width="160px" :label="$t('commons.create_time')" prop="createTime">
           <template v-slot:default="scope">
             <span>{{ scope.row.createTime | datetimeFormat }}</span>
           </template>
@@ -99,8 +80,7 @@
           sortable="updateTime"
           width="160px"
           :label="$t('api_test.definition.api_last_time')"
-          prop="updateTime"
-        >
+          prop="updateTime">
           <template v-slot:default="scope">
             <span>{{ scope.row.updateTime | datetimeFormat }}</span>
           </template>
@@ -110,8 +90,7 @@
         :change="initTable"
         :current-page.sync="currentPage"
         :page-size.sync="pageSize"
-        :total="total"
-      />
+        :total="total" />
     </api-list-container>
   </div>
 </template>
@@ -129,18 +108,11 @@ import MsTag from 'metersphere-frontend/src/components/MsTag';
 import MsBottomContainer from '@/business/definition/components/BottomContainer';
 import ShowMoreBtn from '@/business/commons/ShowMoreBtn';
 import MsBatchEdit from '@/business/definition/components/basis/BatchEdit';
-import {
-  API_METHOD_COLOUR,
-  CASE_PRIORITY,
-} from '@/business/definition/model/JsonData';
+import { API_METHOD_COLOUR, CASE_PRIORITY } from '@/business/definition/model/JsonData';
 import ApiListContainer from '@/business/definition/components/list/ApiListContainer';
 import PriorityTableItem from '@/business/commons/PriorityTableItem';
 import MsEnvironmentSelect from '@/business/definition/components/case/MsEnvironmentSelect';
-import {
-  _filter,
-  _sort,
-  buildBatchParam,
-} from 'metersphere-frontend/src/utils/tableUtils';
+import { _filter, _sort, buildBatchParam } from 'metersphere-frontend/src/utils/tableUtils';
 import MsTableAdvSearchBar from 'metersphere-frontend/src/components/search/MsTableAdvSearchBar';
 import { TEST_PLAN_RELEVANCE_API_CASE_CONFIGS } from 'metersphere-frontend/src/components/search/search-components';
 import { hasLicense } from 'metersphere-frontend/src/utils/permission';
@@ -276,11 +248,7 @@ export default {
         this.condition.protocol = this.currentProtocol;
       }
       this.condition.ids = [];
-      this.result = apiTestCasePage(
-        this.currentPage,
-        this.pageSize,
-        this.condition
-      ).then((response) => {
+      this.result = apiTestCasePage(this.currentPage, this.pageSize, this.condition).then((response) => {
         this.setData(response);
       });
     },
diff --git a/api-test/frontend/src/business/automation/scenario/api/RelevanceScenarioList.vue b/api-test/frontend/src/business/automation/scenario/api/RelevanceScenarioList.vue
index 1c269d8a89..afad26371e 100644
--- a/api-test/frontend/src/business/automation/scenario/api/RelevanceScenarioList.vue
+++ b/api-test/frontend/src/business/automation/scenario/api/RelevanceScenarioList.vue
@@ -3,16 +3,14 @@
     <ms-search
       :base-search-tip="$t('api_test.definition.request.select_case')"
       :condition.sync="condition"
-      @search="search"
-    >
+      @search="search">
     </ms-search>
     <mx-version-select
       v-xpack
       :project-id="projectId"
       @changeVersion="changeVersion"
       style="float: left"
-      class="search-input"
-    />
+      class="search-input" />
 
     <ms-table
       ref="scenarioTable"
@@ -26,53 +24,27 @@
       :row-order-group-id="projectId"
       @refresh="search"
       :disable-header-config="true"
-      @selectCountChange="selectCountChange"
-    >
-      <el-table-column
-        v-if="!customNum"
-        prop="num"
-        label="ID"
-        show-overflow-tooltip
-      >
-      </el-table-column>
-      <el-table-column
-        v-if="customNum"
-        prop="customNum"
-        label="ID"
-        show-overflow-tooltip
-      >
-      </el-table-column>
-      <el-table-column
-        prop="name"
-        :label="$t('api_test.automation.scenario_name')"
-        show-overflow-tooltip
-      />
+      @selectCountChange="selectCountChange">
+      <el-table-column v-if="!customNum" prop="num" label="ID" show-overflow-tooltip> </el-table-column>
+      <el-table-column v-if="customNum" prop="customNum" label="ID" show-overflow-tooltip> </el-table-column>
+      <el-table-column prop="name" :label="$t('api_test.automation.scenario_name')" show-overflow-tooltip />
       <el-table-column
         v-if="versionEnable"
         column-key="version_id"
         :filters="versionFilters"
         :label="$t('commons.version')"
-        min-width="120px"
-      >
+        min-width="120px">
         <template v-slot:default="scope">
           <span>{{ scope.row.versionName }}</span>
         </template>
       </el-table-column>
 
-      <el-table-column
-        prop="level"
-        :label="$t('api_test.automation.case_level')"
-        show-overflow-tooltip
-      >
+      <el-table-column prop="level" :label="$t('api_test.automation.case_level')" show-overflow-tooltip>
         <template v-slot:default="scope">
           <priority-table-item :value="scope.row.level" ref="level" />
         </template>
       </el-table-column>
-      <el-table-column
-        prop="tagNames"
-        :label="$t('api_test.automation.tag')"
-        min-width="120"
-      >
+      <el-table-column prop="tagNames" :label="$t('api_test.automation.tag')" min-width="120">
         <template v-slot:default="scope">
           <ms-tag
             v-for="itemName in scope.row.tags"
@@ -80,62 +52,29 @@
             type="success"
             effect="plain"
             :content="itemName"
-            style="margin-left: 0px; margin-right: 2px"
-          />
+            style="margin-left: 0px; margin-right: 2px" />
         </template>
       </el-table-column>
-      <el-table-column
-        prop="userId"
-        :label="$t('api_test.automation.creator')"
-        show-overflow-tooltip
-      />
-      <el-table-column
-        prop="updateTime"
-        :label="$t('api_test.automation.update_time')"
-        width="180"
-      >
+      <el-table-column prop="userId" :label="$t('api_test.automation.creator')" show-overflow-tooltip />
+      <el-table-column prop="updateTime" :label="$t('api_test.automation.update_time')" width="180">
         <template v-slot:default="scope">
           <span>{{ scope.row.updateTime | datetimeFormat }}</span>
         </template>
       </el-table-column>
-      <el-table-column
-        prop="stepTotal"
-        :label="$t('api_test.automation.step')"
-        show-overflow-tooltip
-      />
-      <el-table-column
-        prop="lastResult"
-        :label="$t('api_test.automation.last_result')"
-      >
+      <el-table-column prop="stepTotal" :label="$t('api_test.automation.step')" show-overflow-tooltip />
+      <el-table-column prop="lastResult" :label="$t('api_test.automation.last_result')">
         <template v-slot:default="{ row }">
-          <el-link
-            type="success"
-            @click="showReport(row)"
-            v-if="row.lastResult === 'SUCCESS'"
-          >
+          <el-link type="success" @click="showReport(row)" v-if="row.lastResult === 'SUCCESS'">
             {{ $t('api_test.automation.success') }}
           </el-link>
-          <el-link
-            type="danger"
-            @click="showReport(row)"
-            v-if="row.lastResult === 'ERROR'"
-          >
+          <el-link type="danger" @click="showReport(row)" v-if="row.lastResult === 'ERROR'">
             {{ $t('api_test.automation.fail') }}
           </el-link>
         </template>
       </el-table-column>
-      <el-table-column
-        prop="passRate"
-        :label="$t('api_test.automation.passing_rate')"
-        show-overflow-tooltip
-      />
+      <el-table-column prop="passRate" :label="$t('api_test.automation.passing_rate')" show-overflow-tooltip />
     </ms-table>
-    <ms-table-pagination
-      :change="search"
-      :current-page.sync="currentPage"
-      :page-size.sync="pageSize"
-      :total="total"
-    />
+    <ms-table-pagination :change="search" :current-page.sync="currentPage" :page-size.sync="pageSize" :total="total" />
   </div>
 </template>
 
@@ -171,8 +110,7 @@ export default {
     MsApiReportDetail,
     MsTableAdvSearchBar,
     MsSearch,
-    MxVersionSelect: () =>
-      import('metersphere-frontend/src/components/version/MxVersionSelect'),
+    MxVersionSelect: () => import('metersphere-frontend/src/components/version/MxVersionSelect'),
   },
   props: {
     referenced: {
@@ -247,11 +185,7 @@ export default {
       }
 
       if (this.condition.projectId) {
-        this.result = getScenarioList(
-          this.currentPage,
-          this.pageSize,
-          this.condition
-        ).then((response) => {
+        this.result = getScenarioList(this.currentPage, this.pageSize, this.condition).then((response) => {
           let data = response.data;
           this.total = data.itemCount;
           this.tableData = data.listObject;
@@ -288,9 +222,7 @@ export default {
       }
     },
     getConditions() {
-      this.condition.tableDataIds = Array.from(this.tableData).map(
-        (row) => row.id
-      );
+      this.condition.tableDataIds = Array.from(this.tableData).map((row) => row.id);
       return this.condition;
     },
     checkEnv() {
diff --git a/api-test/frontend/src/business/automation/scenario/api/ScenarioRelevance.vue b/api-test/frontend/src/business/automation/scenario/api/ScenarioRelevance.vue
index 38ef024658..b84bb2ed97 100644
--- a/api-test/frontend/src/business/automation/scenario/api/ScenarioRelevance.vue
+++ b/api-test/frontend/src/business/automation/scenario/api/ScenarioRelevance.vue
@@ -4,8 +4,7 @@
     :dialog-title="$t('api_test.automation.scenario_import')"
     @setProject="setProject"
     @refreshNode="refresh"
-    ref="baseRelevance"
-  >
+    ref="baseRelevance">
     <template v-slot:aside>
       <ms-api-scenario-module
         style="margin-top: 5px"
@@ -15,8 +14,7 @@
         @enableTrash="false"
         :is-read-only="true"
         :select-project-id="projectId"
-        ref="nodeTree"
-      />
+        ref="nodeTree" />
     </template>
 
     <relevance-scenario-list
@@ -26,33 +24,17 @@
       :referenced="true"
       :trash-enable="false"
       @selectCountChange="setSelectCounts"
-      ref="apiScenarioList"
-    >
+      ref="apiScenarioList">
     </relevance-scenario-list>
 
     <template v-slot:headerBtn>
-      <table-select-count-bar
-        :count="selectCounts"
-        style="float: left; margin: 5px"
-      />
+      <table-select-count-bar :count="selectCounts" style="float: left; margin: 5px" />
 
       <el-button size="mini" icon="el-icon-refresh" @click="refresh" />
-      <el-button
-        type="primary"
-        @click="copy"
-        :loading="buttonIsWorking"
-        @keydown.enter.native.prevent
-        size="mini"
-      >
+      <el-button type="primary" @click="copy" :loading="buttonIsWorking" @keydown.enter.native.prevent size="mini">
         {{ $t('commons.copy') }}
       </el-button>
-      <el-button
-        type="primary"
-        @click="reference"
-        :loading="buttonIsWorking"
-        @keydown.enter.native.prevent
-        size="mini"
-      >
+      <el-button type="primary" @click="reference" :loading="buttonIsWorking" @keydown.enter.native.prevent size="mini">
         {{ $t('api_test.scenario.reference') }}
       </el-button>
     </template>
@@ -161,15 +143,8 @@ export default {
       });
       if (emptyStepScenarios !== '') {
         if (emptyStepScenarios.endsWith(',')) {
-          emptyStepScenarios = emptyStepScenarios.substring(
-            0,
-            emptyStepScenarios.length - 1
-          );
-          this.$error(
-            this.$t('api_test.scenario.scenario_step_is_empty', [
-              emptyStepScenarios,
-            ])
-          );
+          emptyStepScenarios = emptyStepScenarios.substring(0, emptyStepScenarios.length - 1);
+          this.$error(this.$t('api_test.scenario.scenario_step_is_empty', [emptyStepScenarios]));
         }
       }
     },
@@ -178,10 +153,7 @@ export default {
       let scenarios = [];
       let conditions = this.getConditions();
       this.currentScenarioIds.sort((a, b) => {
-        return (
-          conditions.tableDataIds.indexOf(a) -
-          conditions.tableDataIds.indexOf(b)
-        );
+        return conditions.tableDataIds.indexOf(a) - conditions.tableDataIds.indexOf(b);
       });
       if (conditions.selectAll) {
         let params = {};
@@ -190,10 +162,7 @@ export default {
         apiScenarioAll(params).then(
           (response) => {
             this.currentScenarioIds = response.data;
-            if (
-              !this.currentScenarioIds ||
-              this.currentScenarioIds.length < 1
-            ) {
+            if (!this.currentScenarioIds || this.currentScenarioIds.length < 1) {
               this.$warning('请选择场景');
               this.buttonIsWorking = false;
               return;
@@ -201,11 +170,7 @@ export default {
             this.result = getApiScenarios(this.currentScenarioIds).then(
               (response) => {
                 if (response.data) {
-                  this.createScenarioDefinition(
-                    scenarios,
-                    response.data,
-                    referenced
-                  );
+                  this.createScenarioDefinition(scenarios, response.data, referenced);
                   this.$emit('save', scenarios);
                   this.$refs.baseRelevance.close();
                   this.buttonIsWorking = false;
@@ -230,11 +195,7 @@ export default {
           (response) => {
             if (response.data) {
               this.currentScenarioIds = [];
-              this.createScenarioDefinition(
-                scenarios,
-                response.data,
-                referenced
-              );
+              this.createScenarioDefinition(scenarios, response.data, referenced);
               this.$emit('save', scenarios);
               this.$refs.baseRelevance.close();
               this.buttonIsWorking = false;
diff --git a/api-test/frontend/src/business/automation/scenario/common/ApiBaseComponent.vue b/api-test/frontend/src/business/automation/scenario/common/ApiBaseComponent.vue
index ff664239fa..e042d699eb 100644
--- a/api-test/frontend/src/business/automation/scenario/common/ApiBaseComponent.vue
+++ b/api-test/frontend/src/business/automation/scenario/common/ApiBaseComponent.vue
@@ -5,16 +5,12 @@
         <div
           v-if="data.index"
           class="el-step__icon is-text"
-          :style="{ color: color, 'background-color': backgroundColor }"
-        >
+          :style="{ color: color, 'background-color': backgroundColor }">
           <div class="el-step__icon-inner" :key="forceRerenderIndex">
             {{ data.index }}
           </div>
         </div>
-        <el-tag
-          class="ms-left-btn"
-          size="small"
-          :style="{ color: color, 'background-color': backgroundColor }"
+        <el-tag class="ms-left-btn" size="small" :style="{ color: color, 'background-color': backgroundColor }"
           >{{ title }}
         </el-tag>
         <slot name="behindHeaderLeft" v-if="!isMax"></slot>
@@ -27,8 +23,7 @@
             :class="{ 'is-active': data.active }"
             @click="active(data)"
             v-if="data.type != 'scenario' && !isMax"
-            @click.stop
-          />
+            @click.stop />
           <span @click.stop v-if="isShowInput && isShowNameInput">
             <el-input
               :draggable="draggable"
@@ -39,8 +34,7 @@
               @blur="isShowInput = false"
               :placeholder="$t('commons.input_name')"
               ref="nameEdit"
-              :disabled="data.disabled"
-            />
+              :disabled="data.disabled" />
           </span>
 
           <span
@@ -48,21 +42,16 @@
             id="moveout"
             @mouseenter="enter($event)"
             @mouseleave="leave($event)"
-            v-else
-          >
+            v-else>
             <i
               class="el-icon-edit"
               style="cursor: pointer"
               @click="editName"
-              v-show="data.referenced != 'REF' && !data.disabled"
-            />
+              v-show="data.referenced != 'REF' && !data.disabled" />
             <span>{{ data.name }}</span>
-            <el-tag
-              size="mini"
-              v-if="data.method && !data.pluginId"
-              style="margin-left: 1rem"
-              >{{ getMethod() }}</el-tag
-            >
+            <el-tag size="mini" v-if="data.method && !data.pluginId" style="margin-left: 1rem">{{
+              getMethod()
+            }}</el-tag>
             <slot name="afterTitle" />
           </span>
         </slot>
@@ -81,24 +70,18 @@
           'PROJECT_API_SCENARIO:READ+EDIT',
           'PROJECT_API_SCENARIO:READ+CREATE',
           'PROJECT_API_SCENARIO:READ+COPY',
-        ]"
-      >
+        ]">
         <slot name="message" v-show="!isMax"></slot>
         <slot name="debugStepCode"></slot>
 
         <slot name="button" v-if="showVersion"></slot>
 
-        <el-tooltip
-          :content="$t('test_resource_pool.enable_disable')"
-          placement="top"
-          v-if="showBtn"
-        >
+        <el-tooltip :content="$t('test_resource_pool.enable_disable')" placement="top" v-if="showBtn">
           <el-switch
             v-model="data.enable"
             class="enable-switch"
             size="mini"
-            :disabled="data.refEnable || !showVersion || isDeleted"
-          />
+            :disabled="data.refEnable || !showVersion || isDeleted" />
         </el-tooltip>
 
         <el-button
@@ -108,8 +91,7 @@
           circle
           @click="copyRow"
           style="padding: 5px"
-          :disabled="(data.disabled && !data.root) || !showVersion || isDeleted"
-        />
+          :disabled="(data.disabled && !data.root) || !showVersion || isDeleted" />
 
         <el-button
           v-show="isSingleButton"
@@ -119,8 +101,7 @@
           style="padding: 5px"
           circle
           @click="remove"
-          :disabled="(data.disabled && !data.root) || !showVersion || isDeleted"
-        />
+          :disabled="(data.disabled && !data.root) || !showVersion || isDeleted" />
 
         <step-extend-btns
           style="display: contents"
@@ -133,8 +114,7 @@
           @copy="copyRow"
           @remove="remove"
           @openScenario="openScenario"
-          v-show="isMoreButton"
-        />
+          v-show="isMoreButton" />
       </div>
     </div>
     <!--最大化不显示具体内容-->
@@ -245,10 +225,7 @@ export default {
   },
   watch: {
     selectStep() {
-      if (
-        store.selectStep &&
-        store.selectStep.resourceId === this.data.resourceId
-      ) {
+      if (store.selectStep && store.selectStep.resourceId === this.data.resourceId) {
         this.colorStyle = this.color;
       } else {
         this.colorStyle = '';
@@ -264,10 +241,7 @@ export default {
         this.$refs.nameEdit.focus();
       });
     }
-    if (
-      this.data &&
-      this.stepFilter.get('AllSamplerProxy').indexOf(this.data.type) != -1
-    ) {
+    if (this.data && this.stepFilter.get('AllSamplerProxy').indexOf(this.data.type) != -1) {
       if (!this.data.method) {
         this.data.method = this.data.protocol;
       }
@@ -281,33 +255,21 @@ export default {
       return store.forceRerenderIndex;
     },
     isSingleButton() {
-      if (
-        this.data.type === 'ConstantTimer' ||
-        this.data.type === 'Assertions'
-      ) {
+      if (this.data.type === 'ConstantTimer' || this.data.type === 'Assertions') {
         return (
-          this.innerStep &&
-          this.showVersion &&
-          this.stepFilter.get('ALlSamplerStep').indexOf(this.data.type) !== -1
+          this.innerStep && this.showVersion && this.stepFilter.get('ALlSamplerStep').indexOf(this.data.type) !== -1
         );
       }
-      return (
-        this.showVersion &&
-        this.stepFilter.get('ALlSamplerStep').indexOf(this.data.type) !== -1
-      );
+      return this.showVersion && this.stepFilter.get('ALlSamplerStep').indexOf(this.data.type) !== -1;
     },
     isMoreButton() {
-      if (
-        this.data.type === 'ConstantTimer' ||
-        this.data.type === 'Assertions'
-      ) {
+      if (this.data.type === 'ConstantTimer' || this.data.type === 'Assertions') {
         return (
           !this.innerStep ||
           (this.showBtn &&
             (!this.data.disabled || this.data.root) &&
             this.showVersion &&
-            this.stepFilter.get('ALlSamplerStep').indexOf(this.data.type) ===
-              -1)
+            this.stepFilter.get('ALlSamplerStep').indexOf(this.data.type) === -1)
         );
       }
       return (
diff --git a/api-test/frontend/src/business/automation/scenario/common/ApiRunMode.vue b/api-test/frontend/src/business/automation/scenario/common/ApiRunMode.vue
index 18450307ce..a8146ee296 100644
--- a/api-test/frontend/src/business/automation/scenario/common/ApiRunMode.vue
+++ b/api-test/frontend/src/business/automation/scenario/common/ApiRunMode.vue
@@ -4,8 +4,7 @@
     :title="$t('load_test.runtime_config')"
     width="550px"
     @close="close"
-    :visible.sync="runModeVisible"
-  >
+    :visible.sync="runModeVisible">
     <div class="env-container">
       <div>
         <div>{{ $t('commons.environment') }}：</div>
@@ -19,8 +18,7 @@
           @setProjectEnvMap="setProjectEnvMap"
           @setEnvGroup="setEnvGroup"
           ref="envSelectPopover"
-          class="mode-row"
-        ></env-select-popover>
+          class="mode-row"></env-select-popover>
       </div>
 
       <div>
@@ -30,8 +28,7 @@
             v-model="runConfig.mode"
             @change="changeMode"
             style="width: 100%"
-            class="radio-change mode-row"
-          >
+            class="radio-change mode-row">
             <el-radio label="serial">{{ $t('run_mode.serial') }}</el-radio>
             <el-radio label="parallel">{{ $t('run_mode.parallel') }}</el-radio>
           </el-radio-group>
@@ -42,19 +39,11 @@
         <div class="mode-row">{{ $t('run_mode.other_config') }}：</div>
         <div class="mode-row">
           <el-radio-group v-model="runConfig.reportType">
-            <el-radio label="iddReport">{{
-              $t('run_mode.idd_report')
-            }}</el-radio>
-            <el-radio label="setReport">{{
-              $t('run_mode.set_report')
-            }}</el-radio>
+            <el-radio label="iddReport">{{ $t('run_mode.idd_report') }}</el-radio>
+            <el-radio label="setReport">{{ $t('run_mode.set_report') }}</el-radio>
           </el-radio-group>
         </div>
-        <div
-          class="ms-mode-span-label"
-          style="margin-top: 8px"
-          v-if="runConfig.reportType === 'setReport'"
-        >
+        <div class="ms-mode-span-label" style="margin-top: 8px" v-if="runConfig.reportType === 'setReport'">
           {{ $t('run_mode.report_name') }}：
         </div>
         <div class="mode-row" v-if="runConfig.reportType === 'setReport'">
@@ -62,14 +51,10 @@
             v-model="runConfig.reportName"
             :placeholder="$t('commons.input_content')"
             size="small"
-            style="width: 100%"
-          />
+            style="width: 100%" />
         </div>
         <div class="mode-row">
-          <el-checkbox
-            v-model="runConfig.runWithinResourcePool"
-            :disabled="runMode === 'POOL'"
-          >
+          <el-checkbox v-model="runConfig.runWithinResourcePool" :disabled="runMode === 'POOL'">
             {{ $t('run_mode.run_with_resource_pool') }} </el-checkbox
           ><br />
           <el-select
@@ -77,15 +62,13 @@
             v-model="runConfig.resourcePoolId"
             size="mini"
             class="mode-row"
-            style="width: 100%"
-          >
+            style="width: 100%">
             <el-option
               v-for="item in resourcePools"
               :key="item.id"
               :label="item.name"
               :disabled="!item.api"
-              :value="item.id"
-            >
+              :value="item.id">
             </el-option>
           </el-select>
         </div>
@@ -199,21 +182,15 @@ export default {
     },
     handleRunBatch() {
       if (
-        (this.runConfig.mode === 'serial' ||
-          this.runConfig.mode === 'parallel') &&
+        (this.runConfig.mode === 'serial' || this.runConfig.mode === 'parallel') &&
         this.runConfig.reportType === 'setReport' &&
         this.runConfig.reportName.trim() === ''
       ) {
         this.$warning(this.$t('commons.input_name'));
         return;
       }
-      if (
-        this.runConfig.runWithinResourcePool &&
-        this.runConfig.resourcePoolId == null
-      ) {
-        this.$warning(
-          this.$t('workspace.env_group.please_select_run_within_resource_pool')
-        );
+      if (this.runConfig.runWithinResourcePool && this.runConfig.resourcePoolId == null) {
+        this.$warning(this.$t('workspace.env_group.please_select_run_within_resource_pool'));
         return;
       }
       this.$emit('handleRunBatch', this.runConfig);
diff --git a/api-test/frontend/src/business/automation/scenario/common/CustomizeReqInfo.vue b/api-test/frontend/src/business/automation/scenario/common/CustomizeReqInfo.vue
index efa94038ab..b0c8576297 100644
--- a/api-test/frontend/src/business/automation/scenario/common/CustomizeReqInfo.vue
+++ b/api-test/frontend/src/business/automation/scenario/common/CustomizeReqInfo.vue
@@ -2,26 +2,15 @@
   <div>
     <div v-if="request.protocol === 'HTTP'">
       <div v-if="isCustomizeReq">
-        <el-select
-          v-model="request.method"
-          class="ms-select"
-          size="small"
-          :disabled="request.disabled"
-        >
-          <el-option
-            v-for="item in reqOptions"
-            :key="item.id"
-            :label="item.label"
-            :value="item.id"
-          />
+        <el-select v-model="request.method" class="ms-select" size="small" :disabled="request.disabled">
+          <el-option v-for="item in reqOptions" :key="item.id" :label="item.label" :value="item.id" />
         </el-select>
         <el-input
           v-model="request.domain"
           v-if="request.isRefEnvironment && request.domain"
           size="small"
           readonly
-          class="ms-input"
-        />
+          class="ms-input" />
 
         <el-input
           :placeholder="$t('api_test.definition.request.path_all_info')"
@@ -30,8 +19,7 @@
           size="small"
           @blur="urlChange"
           :disabled="request.disabled"
-          v-if="request.isRefEnvironment"
-        />
+          v-if="request.isRefEnvironment" />
 
         <el-input
           :placeholder="$t('api_test.definition.request.path_all_info')"
@@ -40,31 +28,19 @@
           size="small"
           @blur="urlChange"
           :disabled="request.disabled"
-          v-else
-        />
+          v-else />
         <el-checkbox
           v-if="isCustomizeReq"
           class="is-ref-environment"
           v-model="request.isRefEnvironment"
           @change="setDomain"
-          :disabled="request.disabled"
-        >
+          :disabled="request.disabled">
           {{ $t('api_test.request.refer_to_environment') }}
         </el-checkbox>
       </div>
       <div v-else>
-        <el-select
-          v-model="request.method"
-          class="ms-select"
-          size="small"
-          :disabled="request.disabled"
-        >
-          <el-option
-            v-for="item in reqOptions"
-            :key="item.id"
-            :label="item.label"
-            :value="item.id"
-          />
+        <el-select v-model="request.method" class="ms-select" size="small" :disabled="request.disabled">
+          <el-option v-for="item in reqOptions" :key="item.id" :label="item.label" :value="item.id" />
         </el-select>
         <el-input
           v-model="request.domain"
@@ -72,16 +48,14 @@
           size="small"
           readonly
           class="ms-input"
-          :disabled="request.disabled"
-        />
+          :disabled="request.disabled" />
         <el-input
           :placeholder="$t('api_test.definition.request.path_all_info')"
           style="width: 50%"
           v-model="request.path"
           size="small"
           @blur="pathChange"
-          :disabled="request.disabled"
-        />
+          :disabled="request.disabled" />
       </div>
     </div>
 
@@ -89,25 +63,12 @@
       <el-form>
         <el-row>
           <el-col :span="8">
-            <el-form-item
-              :label="$t('api_test.request.tcp.server')"
-              prop="server"
-            >
-              <el-input
-                class="server-input"
-                v-model="request.server"
-                maxlength="300"
-                show-word-limit
-                size="small"
-              />
+            <el-form-item :label="$t('api_test.request.tcp.server')" prop="server">
+              <el-input class="server-input" v-model="request.server" maxlength="300" show-word-limit size="small" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item
-              :label="$t('api_test.request.tcp.port')"
-              prop="port"
-              label-width="60px"
-            >
+            <el-form-item :label="$t('api_test.request.tcp.port')" prop="port" label-width="60px">
               <el-input v-model="request.port" size="small" />
             </el-form-item>
           </el-col>
@@ -136,9 +97,7 @@ export default {
       if (!this.request.path || this.request.path.indexOf('?') === -1) return;
       let url = this.getURL(this.addProtocol(this.request.path));
       if (url) {
-        this.request.path = decodeURIComponent(
-          this.request.path.substr(0, this.request.path.indexOf('?'))
-        );
+        this.request.path = decodeURIComponent(this.request.path.substr(0, this.request.path.indexOf('?')));
       }
     },
     urlChange() {
@@ -149,23 +108,16 @@ export default {
         if (!this.request.url || this.request.url.indexOf('?') === -1) return;
         let url = this.getURL(this.addProtocol(this.request.url));
         if (url) {
-          let paramUrl = this.request.url.substr(
-            this.request.url.indexOf('?') + 1
-          );
+          let paramUrl = this.request.url.substr(this.request.url.indexOf('?') + 1);
           if (paramUrl) {
-            this.request.url = decodeURIComponent(
-              this.request.url.substr(0, this.request.url.indexOf('?'))
-            );
+            this.request.url = decodeURIComponent(this.request.url.substr(0, this.request.url.indexOf('?')));
           }
         }
       }
     },
     addProtocol(url) {
       if (url) {
-        if (
-          !url.toLowerCase().startsWith('https') &&
-          !url.toLowerCase().startsWith('http')
-        ) {
+        if (!url.toLowerCase().startsWith('https') && !url.toLowerCase().startsWith('http')) {
           return 'https://' + url;
         }
       }
diff --git a/api-test/frontend/src/business/automation/scenario/common/JDBCProcessorContent.vue b/api-test/frontend/src/business/automation/scenario/common/JDBCProcessorContent.vue
index e9afa0dd3d..7948629256 100644
--- a/api-test/frontend/src/business/automation/scenario/common/JDBCProcessorContent.vue
+++ b/api-test/frontend/src/business/automation/scenario/common/JDBCProcessorContent.vue
@@ -7,14 +7,10 @@
         ref="request"
         label-width="100px"
         :disabled="request.disabled"
-        style="margin: 10px"
-      >
+        style="margin: 10px">
         <el-row>
           <el-col :span="8">
-            <el-form-item
-              prop="environmentId"
-              :label="$t('api_test.definition.request.run_env')"
-            >
+            <el-form-item prop="environmentId" :label="$t('api_test.definition.request.run_env')">
               <el-select
                 v-model="request.environmentId"
                 size="small"
@@ -22,30 +18,18 @@
                 :placeholder="$t('api_test.definition.request.run_env')"
                 @change="environmentChange"
                 clearable
-                :disabled="isReadOnly"
-              >
+                :disabled="isReadOnly">
                 <el-option
                   v-for="(environment, index) in environments"
                   :key="index"
                   :label="environment.name"
-                  :value="environment.id"
-                />
-                <el-button
-                  class="environment-button"
-                  size="small"
-                  type="primary"
-                  @click="openEnvironmentConfig"
-                >
+                  :value="environment.id" />
+                <el-button class="environment-button" size="small" type="primary" @click="openEnvironmentConfig">
                   {{ $t('api_test.environment.environment_config') }}
                 </el-button>
                 <template v-slot:empty>
                   <div class="empty-environment">
-                    <el-button
-                      class="environment-button"
-                      size="small"
-                      type="primary"
-                      @click="openEnvironmentConfig"
-                    >
+                    <el-button class="environment-button" size="small" type="primary" @click="openEnvironmentConfig">
                       {{ $t('api_test.environment.environment_config') }}
                     </el-button>
                   </div>
@@ -54,83 +38,45 @@
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item
-              :label="$t('api_test.request.sql.dataSource')"
-              prop="dataSourceId"
-              style="margin-left: 10px"
-            >
-              <el-select
-                v-model="request.dataSourceId"
-                size="small"
-                @change="reload"
-                :disabled="request.disabled"
-              >
+            <el-form-item :label="$t('api_test.request.sql.dataSource')" prop="dataSourceId" style="margin-left: 10px">
+              <el-select v-model="request.dataSourceId" size="small" @change="reload" :disabled="request.disabled">
                 <el-option
                   v-for="(item, index) in databaseConfigsOptions"
                   :key="index"
                   :value="item.id"
-                  :label="item.name"
-                />
+                  :label="item.name" />
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item
-              :label="$t('api_test.request.sql.timeout')"
-              prop="queryTimeout"
-              style="margin-left: 10px"
-            >
+            <el-form-item :label="$t('api_test.request.sql.timeout')" prop="queryTimeout" style="margin-left: 10px">
               <el-input-number
                 :disabled="request.disabled"
                 size="small"
                 v-model="request.queryTimeout"
                 :placeholder="$t('commons.millisecond')"
                 :max="1000 * 10000000"
-                :min="0"
-              />
+                :min="0" />
             </el-form-item>
           </el-col>
         </el-row>
 
-        <el-form-item
-          :label="$t('api_test.request.sql.result_variable')"
-          prop="resultVariable"
-        >
-          <el-input
-            v-model="request.resultVariable"
-            maxlength="500"
-            show-word-limit
-            size="small"
-          />
+        <el-form-item :label="$t('api_test.request.sql.result_variable')" prop="resultVariable">
+          <el-input v-model="request.resultVariable" maxlength="500" show-word-limit size="small" />
         </el-form-item>
 
-        <el-form-item
-          :label="$t('api_test.request.sql.variable_names')"
-          prop="variableNames"
-        >
-          <el-input
-            v-model="request.variableNames"
-            maxlength="500"
-            show-word-limit
-            size="small"
-          />
+        <el-form-item :label="$t('api_test.request.sql.variable_names')" prop="variableNames">
+          <el-input v-model="request.variableNames" maxlength="500" show-word-limit size="small" />
         </el-form-item>
 
         <el-tabs v-model="activeName" class="ms-sql-tabs">
-          <el-tab-pane
-            :label="$t('api_test.scenario.variables')"
-            name="variables"
-          >
+          <el-tab-pane :label="$t('api_test.scenario.variables')" name="variables">
             <ms-api-scenario-variables
               :is-read-only="isReadOnly"
               :items="request.variables"
-              :description="$t('api_test.scenario.kv_description')"
-            />
+              :description="$t('api_test.scenario.kv_description')" />
           </el-tab-pane>
-          <el-tab-pane
-            :label="$t('api_test.request.sql.sql_script')"
-            name="sql"
-          >
+          <el-tab-pane :label="$t('api_test.request.sql.sql_script')" name="sql">
             <ms-code-edit
               :height="120"
               :read-only="isReadOnly"
@@ -138,18 +84,14 @@
               :data.sync="request.query"
               theme="eclipse"
               mode="sql"
-              ref="codeEdit"
-            />
+              ref="codeEdit" />
           </el-tab-pane>
         </el-tabs>
       </el-form>
     </div>
 
     <!-- 环境 -->
-    <api-environment-config
-      ref="environmentConfig"
-      @close="environmentConfigClose"
-    />
+    <api-environment-config ref="environmentConfig" @close="environmentConfigClose" />
   </div>
 </template>
 
@@ -296,13 +238,8 @@ export default {
     getEnvironments(environmentId) {
       let envId = '';
       let id = this.request.projectId ? this.request.projectId : this.projectId;
-      let scenarioEnvId =
-        this.scenarioId !== '' ? this.scenarioId + '_' + id : id;
-      if (
-        store.scenarioEnvMap &&
-        store.scenarioEnvMap instanceof Map &&
-        store.scenarioEnvMap.has(scenarioEnvId)
-      ) {
+      let scenarioEnvId = this.scenarioId !== '' ? this.scenarioId + '_' + id : id;
+      if (store.scenarioEnvMap && store.scenarioEnvMap instanceof Map && store.scenarioEnvMap.has(scenarioEnvId)) {
         envId = store.scenarioEnvMap.get(scenarioEnvId);
       }
       if (!this.scenarioId && !this.request.customizeReq) {
@@ -317,23 +254,15 @@ export default {
           .match(/\[object (\w+)\]/)[1]
           .toLowerCase();
         if (obj !== 'object' && obj !== 'map') {
-          this.request.refEevMap = objToStrMap(
-            JSON.parse(this.request.refEevMap)
-          );
+          this.request.refEevMap = objToStrMap(JSON.parse(this.request.refEevMap));
         } else if (obj === 'object' && obj !== 'map') {
           this.request.refEevMap = objToStrMap(this.request.refEevMap);
         }
-        if (
-          this.request.refEevMap instanceof Map &&
-          this.request.refEevMap.has(id)
-        ) {
+        if (this.request.refEevMap instanceof Map && this.request.refEevMap.has(id)) {
           envId = this.request.refEevMap.get(id);
         }
       }
-      if (
-        envId === this.request.originalEnvironmentId &&
-        this.request.originalDataSourceId
-      ) {
+      if (envId === this.request.originalEnvironmentId && this.request.originalDataSourceId) {
         this.request.dataSourceId = this.request.originalDataSourceId;
       }
       let targetDataSourceName = '';
@@ -343,10 +272,7 @@ export default {
         this.environments.forEach((environment) => {
           parseEnvironment(environment);
           // 找到原始环境和数据源名称
-          if (
-            environment.id === this.request.environmentId &&
-            environment.id !== envId
-          ) {
+          if (environment.id === this.request.environmentId && environment.id !== envId) {
             if (environment.config && environment.config.databaseConfigs) {
               environment.config.databaseConfigs.forEach((item) => {
                 if (item.id === this.request.dataSourceId) {
@@ -367,13 +293,9 @@ export default {
       this.$refs.environmentConfig.open(getCurrentProjectID());
     },
     setStep(envId, currentEnvironment, targetDataSourceName) {
-      let envs = this.environments.filter(
-        (item) => this.request && item.id === this.request.environmentId
-      );
+      let envs = this.environments.filter((item) => this.request && item.id === this.request.environmentId);
       if (envs && envs.length === 0) {
-        let id = this.request.projectId
-          ? this.request.projectId
-          : this.projectId;
+        let id = this.request.projectId ? this.request.projectId : this.projectId;
         this.result = getEnvironmentByProjectId(id).then((response) => {
           this.environments = response.data;
           this.environments.forEach((environment) => {
@@ -398,11 +320,7 @@ export default {
         }
       }
       let flag = false;
-      if (
-        currentEnvironment &&
-        currentEnvironment.config &&
-        currentEnvironment.config.databaseConfigs
-      ) {
+      if (currentEnvironment && currentEnvironment.config && currentEnvironment.config.databaseConfigs) {
         currentEnvironment.config.databaseConfigs.forEach((item) => {
           if (item.id === this.request.dataSourceId) {
             flag = true;
@@ -415,8 +333,7 @@ export default {
           this.databaseConfigsOptions.push(item);
         });
         if (!flag && currentEnvironment.config.databaseConfigs.length > 0) {
-          this.request.dataSourceId =
-            currentEnvironment.config.databaseConfigs[0].id;
+          this.request.dataSourceId = currentEnvironment.config.databaseConfigs[0].id;
           flag = true;
         }
       }
diff --git a/api-test/frontend/src/business/automation/scenario/common/Jsr233ProcessorContent.vue b/api-test/frontend/src/business/automation/scenario/common/Jsr233ProcessorContent.vue
index 5e7f04237b..c897f349f4 100644
--- a/api-test/frontend/src/business/automation/scenario/common/Jsr233ProcessorContent.vue
+++ b/api-test/frontend/src/business/automation/scenario/common/Jsr233ProcessorContent.vue
@@ -9,20 +9,14 @@
           :data.sync="jsr223ProcessorData.script"
           theme="eclipse"
           :modes="['java', 'python']"
-          ref="codeEdit"
-        />
+          ref="codeEdit" />
       </el-col>
       <div style="width: 14px; margin-right: 5px">
         <div style="height: 12px; width: 12px; line-height: 12px">
           <i
-            :class="
-              showMenu
-                ? 'el-icon-remove-outline'
-                : 'el-icon-circle-plus-outline'
-            "
+            :class="showMenu ? 'el-icon-remove-outline' : 'el-icon-circle-plus-outline'"
             class="show-menu"
-            @click="switchMenu"
-          ></i>
+            @click="switchMenu"></i>
         </div>
       </div>
       <el-col :span="menuSpan" class="script-index" v-if="isReadOnly !== true">
@@ -30,14 +24,12 @@
           :default-command="jsr223ProcessorData.scriptLanguage"
           :commands="languages"
           style="margin-bottom: 5px; margin-left: 15px"
-          @command="languageChange"
-        />
+          @command="languageChange" />
         <script-nav-menu
           ref="scriptNavMenu"
           :language="jsr223ProcessorData.scriptLanguage"
           :menus="codeTemplates"
-          @handleCode="handleCodeTemplate"
-        />
+          @handleCode="handleCodeTemplate" />
       </el-col>
     </el-row>
   </div>
@@ -72,35 +64,25 @@ export default {
           title: this.$t('project.code_segment.custom_value'),
           children: [
             {
-              title: this.$t(
-                'api_test.request.processor.code_template_get_variable'
-              ),
+              title: this.$t('api_test.request.processor.code_template_get_variable'),
               value: 'vars.get("variable_name")',
             },
             {
-              title: this.$t(
-                'api_test.request.processor.code_template_set_variable'
-              ),
+              title: this.$t('api_test.request.processor.code_template_set_variable'),
               value: 'vars.put("variable_name", "variable_value")',
             },
             {
-              title: this.$t(
-                'api_test.request.processor.code_template_get_response_header'
-              ),
+              title: this.$t('api_test.request.processor.code_template_get_response_header'),
               value: 'prev.getResponseHeaders()',
               disabled: this.isPreProcessor,
             },
             {
-              title: this.$t(
-                'api_test.request.processor.code_template_get_response_code'
-              ),
+              title: this.$t('api_test.request.processor.code_template_get_response_code'),
               value: 'prev.getResponseCode()',
               disabled: this.isPreProcessor,
             },
             {
-              title: this.$t(
-                'api_test.request.processor.code_template_get_response_result'
-              ),
+              title: this.$t('api_test.request.processor.code_template_get_response_result'),
               value: 'prev.getResponseDataAsString()',
               disabled: this.isPreProcessor,
             },
@@ -110,12 +92,8 @@ export default {
           title: this.$t('project.code_segment.project_env'),
           children: [
             {
-              title: this.$t(
-                'api_test.request.processor.param_environment_set_global_variable'
-              ),
-              value:
-                'vars.put(${__metersphere_env_id}+"key","value");\n' +
-                'vars.put("key","value")',
+              title: this.$t('api_test.request.processor.param_environment_set_global_variable'),
+              value: 'vars.put(${__metersphere_env_id}+"key","value");\n' + 'vars.put("key","value")',
             },
           ],
         },
@@ -133,8 +111,7 @@ export default {
           children: [
             {
               title: this.$t('project.code_segment.stop_test'),
-              value:
-                'ctx.getEngine().stopThreadNow(ctx.getThread().getThreadName());',
+              value: 'ctx.getEngine().stopThreadNow(ctx.getThread().getThreadName());',
             },
           ],
         },
@@ -143,9 +120,7 @@ export default {
           hideScript: this.isHideScript(),
           children: [
             {
-              title: this.$t(
-                'api_test.request.processor.code_add_report_length'
-              ),
+              title: this.$t('api_test.request.processor.code_add_report_length'),
               value:
                 'String report = ctx.getCurrentSampler().getRequestData();\n' +
                 'if(report!=null){\n' +
@@ -156,9 +131,7 @@ export default {
                 '}',
             },
             {
-              title: this.$t(
-                'api_test.request.processor.code_hide_report_length'
-              ),
+              title: this.$t('api_test.request.processor.code_hide_report_length'),
               value:
                 '//Get response data\n' +
                 'String returnData = prev.getResponseDataAsString();\n' +
diff --git a/api-test/frontend/src/business/automation/scenario/common/MsPluginUpload.vue b/api-test/frontend/src/business/automation/scenario/common/MsPluginUpload.vue
index b06dff42c8..f753461fa3 100644
--- a/api-test/frontend/src/business/automation/scenario/common/MsPluginUpload.vue
+++ b/api-test/frontend/src/business/automation/scenario/common/MsPluginUpload.vue
@@ -8,19 +8,14 @@
       :beforeUpload="uploadValidate"
       :file-list="plugin.files"
       :on-exceed="exceed"
-      ref="upload"
-    >
+      ref="upload">
       <div class="upload-default">
         <i class="el-icon-plus" />
       </div>
       <div class="upload-item" slot="file" slot-scope="{ file }">
         <span>{{ file.file ? file.file.name : file.name }}</span>
         <span class="el-upload-list__item-actions">
-          <span
-            v-if="!disabled"
-            class="el-upload-list__item-delete"
-            @click="handleRemove(file)"
-          >
+          <span v-if="!disabled" class="el-upload-list__item-delete" @click="handleRemove(file)">
             <i class="el-icon-delete" />
           </span>
         </span>
@@ -54,9 +49,7 @@ export default {
       this.$refs.upload.handleRemove(file);
       for (let i = 0; i < this.plugin.files.length; i++) {
         let fileName = file.file ? file.file.name : file.name;
-        let paramFileName = this.plugin.files[i].file
-          ? this.plugin.files[i].file.name
-          : this.plugin.files[i].name;
+        let paramFileName = this.plugin.files[i].file ? this.plugin.files[i].file.name : this.plugin.files[i].name;
         if (fileName === paramFileName) {
           this.plugin.files.splice(i, 1);
           this.$refs.upload.handleRemove(file);
diff --git a/api-test/frontend/src/business/automation/scenario/common/ScenarioImport.vue b/api-test/frontend/src/business/automation/scenario/common/ScenarioImport.vue
index 87626dff6d..4c7df0920b 100644
--- a/api-test/frontend/src/business/automation/scenario/common/ScenarioImport.vue
+++ b/api-test/frontend/src/business/automation/scenario/common/ScenarioImport.vue
@@ -6,41 +6,24 @@
     :visible.sync="visible"
     class="api-import"
     v-loading="result"
-    @close="close"
-  >
+    @close="close">
     <div class="header-bar">
       <div>{{ $t('api_test.api_import.data_format') }}</div>
       <el-radio-group v-model="selectedPlatformValue">
-        <el-radio
-          v-for="(item, index) in platforms"
-          :key="index"
-          :label="item.value"
-          >{{ item.name }}</el-radio
-        >
+        <el-radio v-for="(item, index) in platforms" :key="index" :label="item.value">{{ item.name }}</el-radio>
       </el-radio-group>
 
       <div class="operate-button">
         <el-button class="save-button" type="primary" plain @click="save">
           {{ $t('commons.save') }}
         </el-button>
-        <el-button
-          class="cancel-button"
-          type="warning"
-          plain
-          @click="visible = false"
-        >
+        <el-button class="cancel-button" type="warning" plain @click="visible = false">
           {{ $t('commons.cancel') }}
         </el-button>
       </div>
     </div>
 
-    <el-form
-      :model="formData"
-      :rules="rules"
-      label-width="105px"
-      v-loading="result"
-      ref="form"
-    >
+    <el-form :model="formData" :rules="rules" label-width="105px" v-loading="result" ref="form">
       <el-row>
         <el-col :span="11">
           <el-form-item :label="$t('commons.import_module')">
@@ -51,91 +34,41 @@
               @getValue="setModule"
               :obj="moduleObj"
               clearable
-              checkStrictly
-            />
+              checkStrictly />
           </el-form-item>
           <el-form-item :label="$t('commons.import_mode')" prop="modeId">
-            <el-select
-              size="small"
-              v-model="formData.modeId"
-              class="project-select"
-              clearable
-            >
-              <el-option
-                v-for="item in modeOptions"
-                :key="item.id"
-                :label="item.name"
-                :value="item.id"
-              />
+            <el-select size="small" v-model="formData.modeId" class="project-select" clearable>
+              <el-option v-for="item in modeOptions" :key="item.id" :label="item.name" :value="item.id" />
             </el-select>
-            <el-checkbox
-              size="mini"
-              v-if="formData.modeId === 'fullCoverage'"
-              v-model="formData.coverModule"
-            >
+            <el-checkbox size="mini" v-if="formData.modeId === 'fullCoverage'" v-model="formData.coverModule">
               {{ this.$t('commons.cover_scenario') }}
             </el-checkbox>
           </el-form-item>
           <el-form-item
             v-xpack
-            v-if="
-              projectVersionEnable && formData.modeId === 'incrementalMerge'
-            "
+            v-if="projectVersionEnable && formData.modeId === 'incrementalMerge'"
             :label="$t('api_test.api_import.import_version')"
-            prop="versionId"
-          >
-            <el-select
-              size="small"
-              v-model="formData.versionId"
-              clearable
-              style="width: 100%"
-            >
-              <el-option
-                v-for="item in versionOptions"
-                :key="item.id"
-                :label="item.name"
-                :value="item.id"
-              />
+            prop="versionId">
+            <el-select size="small" v-model="formData.versionId" clearable style="width: 100%">
+              <el-option v-for="item in versionOptions" :key="item.id" :label="item.name" :value="item.id" />
             </el-select>
           </el-form-item>
           <el-form-item
             v-xpack
             v-if="projectVersionEnable && formData.modeId === 'fullCoverage'"
             :label="$t('api_test.api_import.data_update_version')"
-            prop="versionId"
-          >
-            <el-select
-              size="small"
-              v-model="formData.updateVersionId"
-              clearable
-              style="width: 100%"
-            >
-              <el-option
-                v-for="item in versionOptions"
-                :key="item.id"
-                :label="item.name"
-                :value="item.id"
-              />
+            prop="versionId">
+            <el-select size="small" v-model="formData.updateVersionId" clearable style="width: 100%">
+              <el-option v-for="item in versionOptions" :key="item.id" :label="item.name" :value="item.id" />
             </el-select>
           </el-form-item>
           <el-form-item
             v-xpack
             v-if="projectVersionEnable && formData.modeId === 'fullCoverage'"
             :label="$t('api_test.api_import.data_new_version')"
-            prop="versionId"
-          >
-            <el-select
-              size="small"
-              v-model="formData.versionId"
-              clearable
-              style="width: 100%"
-            >
-              <el-option
-                v-for="item in versionOptions"
-                :key="item.id"
-                :label="item.name"
-                :value="item.id"
-              />
+            prop="versionId">
+            <el-select size="small" v-model="formData.versionId" clearable style="width: 100%">
+              <el-option v-for="item in versionOptions" :key="item.id" :label="item.name" :value="item.id" />
             </el-select>
           </el-form-item>
         </el-col>
@@ -153,13 +86,9 @@
             :on-remove="handleRemove"
             :file-list="fileList"
             :on-exceed="handleExceed"
-            multiple
-          >
+            multiple>
             <i class="el-icon-upload"></i>
-            <div
-              class="el-upload__text"
-              v-html="$t('load_test.upload_tips')"
-            ></div>
+            <div class="el-upload__text" v-html="$t('load_test.upload_tips')"></div>
             <div class="el-upload__tip" slot="tip">
               {{ $t('api_test.api_import.file_size_limit') }}
             </div>
@@ -170,16 +99,10 @@
 
     <div class="format-tip">
       <div>
-        <span
-          >{{ $t('api_test.api_import.tip') }}：{{ selectedPlatform.tip }}</span
-        >
+        <span>{{ $t('api_test.api_import.tip') }}：{{ selectedPlatform.tip }}</span>
       </div>
       <div>
-        <span
-          >{{ $t('api_test.api_import.export_tip') }}：{{
-            selectedPlatform.exportTip
-          }}</span
-        >
+        <span>{{ $t('api_test.api_import.export_tip') }}：{{ selectedPlatform.exportTip }}</span>
       </div>
       <div>
         <span>
@@ -203,10 +126,7 @@ import { importScenario } from '@/api/scenario';
 import MsDialogFooter from 'metersphere-frontend/src/components/MsDialogFooter';
 import { getCurrentProjectID } from 'metersphere-frontend/src/utils/token';
 import { hasLicense } from 'metersphere-frontend/src/utils/permission';
-import {
-  listenGoBack,
-  removeGoBackListener,
-} from 'metersphere-frontend/src/utils';
+import { listenGoBack, removeGoBackListener } from 'metersphere-frontend/src/utils';
 import MsSelectTree from 'metersphere-frontend/src/components/select-tree/SelectTree';
 
 export default {
@@ -351,10 +271,7 @@ export default {
     },
     uploadValidate(file, fileList) {
       let suffix = file.name.substring(file.name.lastIndexOf('.') + 1);
-      if (
-        this.selectedPlatform.suffixes &&
-        !this.selectedPlatform.suffixes.has(suffix)
-      ) {
+      if (this.selectedPlatform.suffixes && !this.selectedPlatform.suffixes.has(suffix)) {
         this.$warning(this.$t('api_test.api_import.suffixFormatErr'));
         return false;
       }
@@ -370,30 +287,22 @@ export default {
         this.$warning('请添加一个文件');
         return;
       }
-      let suffix = this.formData.file.name.substring(
-        this.formData.file.name.lastIndexOf('.') + 1
-      );
-      if (
-        this.selectedPlatform.suffixes &&
-        !this.selectedPlatform.suffixes.has(suffix)
-      ) {
+      let suffix = this.formData.file.name.substring(this.formData.file.name.lastIndexOf('.') + 1);
+      if (this.selectedPlatform.suffixes && !this.selectedPlatform.suffixes.has(suffix)) {
         this.$warning(this.$t('api_test.api_import.suffixFormatErr'));
         return false;
       }
       this.$refs.form.validate((valid) => {
         if (valid) {
           let param = this.buildParam();
-          this.result = importScenario(
-            '/api/automation/import',
-            param.file,
-            null,
-            this.buildParam()
-          ).then((response) => {
-            let res = response.data;
-            this.$success(this.$t('test_track.case.import.success'));
-            this.visible = false;
-            this.$emit('refreshAll', res);
-          });
+          this.result = importScenario('/api/automation/import', param.file, null, this.buildParam()).then(
+            (response) => {
+              let res = response.data;
+              this.$success(this.$t('test_track.case.import.success'));
+              this.visible = false;
+              this.$emit('refreshAll', res);
+            }
+          );
         } else {
           return false;
         }
@@ -442,13 +351,10 @@ export default {
     getVersionOptions() {
       if (hasLicense()) {
         getProjectVersions(getCurrentProjectID()).then((response) => {
-          this.versionOptions = response.data.filter(
-            (v) => v.status === 'open'
-          );
+          this.versionOptions = response.data.filter((v) => v.status === 'open');
           this.versionOptions.forEach((v) => {
             if (v.latest) {
-              v.name =
-                v.name + ' ' + this.$t('api_test.api_import.latest_version');
+              v.name = v.name + ' ' + this.$t('api_test.api_import.latest_version');
             }
           });
         });
diff --git a/api-test/frontend/src/business/automation/scenario/common/function/ApiFuncRelevance.vue b/api-test/frontend/src/business/automation/scenario/common/function/ApiFuncRelevance.vue
index d3b323fe09..8d54e700e4 100644
--- a/api-test/frontend/src/business/automation/scenario/common/function/ApiFuncRelevance.vue
+++ b/api-test/frontend/src/business/automation/scenario/common/function/ApiFuncRelevance.vue
@@ -4,8 +4,7 @@
     @save="save"
     :plan-id="planId"
     :dialog-title="dialogTitle"
-    ref="baseRelevance"
-  >
+    ref="baseRelevance">
     <template v-slot:aside>
       <ms-api-module
         :options="options"
@@ -15,8 +14,7 @@
         @refreshTable="refresh"
         @setModuleOptions="setModuleOptions"
         :is-read-only="true"
-        ref="nodeTree"
-      />
+        ref="nodeTree" />
     </template>
 
     <relevance-api-list
@@ -29,8 +27,7 @@
       :is-script="isScript"
       :plan-id="planId"
       @isApiListEnableChange="isApiListEnableChange"
-      ref="apiList"
-    />
+      ref="apiList" />
 
     <relevance-case-list
       v-if="!isApiListEnable"
@@ -42,8 +39,7 @@
       :is-script="isScript"
       :plan-id="planId"
       @isApiListEnableChange="isApiListEnableChange"
-      ref="apiCaseList"
-    />
+      ref="apiCaseList" />
   </test-case-relevance-base>
 </template>
 
@@ -101,9 +97,7 @@ export default {
   created() {
     if (this.isScript) {
       if (this.isApiListEnable) {
-        this.dialogTitle = this.$t(
-          'permission.project_api_definition.import_api'
-        );
+        this.dialogTitle = this.$t('permission.project_api_definition.import_api');
       } else {
         this.dialogTitle = this.$t('permission.project_track_case.import');
       }
@@ -116,9 +110,7 @@ export default {
     isApiListEnable() {
       if (this.isScript) {
         if (this.isApiListEnable) {
-          this.dialogTitle = this.$t(
-            'permission.project_api_definition.import_api'
-          );
+          this.dialogTitle = this.$t('permission.project_api_definition.import_api');
         } else {
           this.dialogTitle = this.$t('permission.project_track_case.import');
         }
diff --git a/api-test/frontend/src/business/automation/scenario/common/function/CustomFunctionRelate.vue b/api-test/frontend/src/business/automation/scenario/common/function/CustomFunctionRelate.vue
index 415bcf249e..a571ba4f92 100644
--- a/api-test/frontend/src/business/automation/scenario/common/function/CustomFunctionRelate.vue
+++ b/api-test/frontend/src/business/automation/scenario/common/function/CustomFunctionRelate.vue
@@ -9,23 +9,20 @@
     top="10vh"
     v-loading="result"
     append-to-body
-    class="customFunc"
-  >
+    class="customFunc">
     <div>
       <el-alert
         :title="$t('project.code_segment.relate_tip')"
         type="info"
         style="width: 350px; float: left"
         :closable="false"
-        show-icon
-      >
+        show-icon>
       </el-alert>
       <ms-table-search-bar
         :condition.sync="condition"
         @change="init"
         class="search-bar"
-        :tip="$t('project.code_segment.search')"
-      />
+        :tip="$t('project.code_segment.search')" />
       <el-table
         border
         class="adjust-table"
@@ -33,18 +30,9 @@
         style="width: 100%"
         ref="table"
         highlight-current-row
-        @current-change="handleCurrentChange"
-      >
-        <el-table-column
-          prop="name"
-          :label="$t('commons.name')"
-          show-overflow-tooltip
-        />
-        <el-table-column
-          prop="description"
-          :label="$t('commons.description')"
-          show-overflow-tooltip
-        >
+        @current-change="handleCurrentChange">
+        <el-table-column prop="name" :label="$t('commons.name')" show-overflow-tooltip />
+        <el-table-column prop="description" :label="$t('commons.description')" show-overflow-tooltip>
           <template v-slot:default="scope">
             <pre>{{ scope.row.description }}</pre>
           </template>
@@ -57,45 +45,24 @@
               type="success"
               effect="plain"
               :content="itemName"
-              style="margin-left: 0; margin-right: 2px"
-            >
+              style="margin-left: 0; margin-right: 2px">
             </ms-tag>
             <span></span>
           </template>
         </el-table-column>
-        <el-table-column
-          prop="type"
-          :label="$t('project.code_segment.language')"
-          show-overflow-tooltip
-        />
-        <el-table-column
-          prop="createTime"
-          :label="$t('commons.create_time')"
-          show-overflow-tooltip
-        >
+        <el-table-column prop="type" :label="$t('project.code_segment.language')" show-overflow-tooltip />
+        <el-table-column prop="createTime" :label="$t('commons.create_time')" show-overflow-tooltip>
           <template v-slot:default="scope">
             <span>{{ scope.row.createTime | datetimeFormat }}</span>
           </template>
         </el-table-column>
       </el-table>
-      <ms-table-pagination
-        :change="init"
-        :current-page.sync="currentPage"
-        :page-size.sync="pageSize"
-        :total="total"
-      />
+      <ms-table-pagination :change="init" :current-page.sync="currentPage" :page-size.sync="pageSize" :total="total" />
     </div>
 
     <template v-slot:footer>
-      <el-button @click="close" size="medium">{{
-        $t('commons.cancel')
-      }}</el-button>
-      <el-button
-        type="primary"
-        @click="submit"
-        size="medium"
-        style="margin-left: 10px"
-      >
+      <el-button @click="close" size="medium">{{ $t('commons.cancel') }}</el-button>
+      <el-button type="primary" @click="submit" size="medium" style="margin-left: 10px">
         {{ $t('commons.confirm') }}
       </el-button>
     </template>
@@ -139,11 +106,7 @@ export default {
         this.condition.type = language;
       }
       this.condition.projectId = getCurrentProjectID();
-      this.result = funcList(
-        this.currentPage,
-        this.pageSize,
-        this.condition
-      ).then((res) => {
+      this.result = funcList(this.currentPage, this.pageSize, this.condition).then((res) => {
         let tableData = res.data;
         const { itemCount, listObject } = tableData;
         this.total = itemCount;
@@ -186,8 +149,7 @@ export default {
 <style scoped>
 pre {
   margin: 0 0;
-  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
-    Arial, sans-serif;
+  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', Arial, sans-serif;
 }
 
 .search-bar {
diff --git a/api-test/frontend/src/business/automation/scenario/common/function/ScriptNavMenu.vue b/api-test/frontend/src/business/automation/scenario/common/function/ScriptNavMenu.vue
index e66020f873..a4a3d2ddc7 100644
--- a/api-test/frontend/src/business/automation/scenario/common/function/ScriptNavMenu.vue
+++ b/api-test/frontend/src/business/automation/scenario/common/function/ScriptNavMenu.vue
@@ -1,17 +1,13 @@
 <template>
   <div style="line-height: 20px">
     <div class="template-title">
-      <span class="nav-font">{{
-        $t('api_test.request.processor.code_template')
-      }}</span>
+      <span class="nav-font">{{ $t('api_test.request.processor.code_template') }}</span>
       <el-link
         href="https://jmeter.apache.org/usermanual/component_reference.html#BeanShell_PostProcessor"
         target="componentReferenceDoc"
         style="margin-left: 30px; margin-bottom: 3px"
         type="primary"
-        ><span style="font-size: 13px">{{
-          $t('commons.reference_documentation')
-        }}</span>
+        ><span style="font-size: 13px">{{ $t('commons.reference_documentation') }}</span>
       </el-link>
     </div>
     <div v-for="(menu, index) in menus" :key="index">
@@ -20,43 +16,28 @@
           class="icon el-icon-arrow-right"
           style="font-weight: bold; margin-right: 2px"
           @click="active(menu)"
-          :class="{ 'is-active': menu.open }"
-        ></i>
-        <span @click="active(menu)" class="nav-menu-title nav-font">{{
-          menu.title
-        }}</span>
+          :class="{ 'is-active': menu.open }"></i>
+        <span @click="active(menu)" class="nav-menu-title nav-font">{{ menu.title }}</span>
       </span>
 
       <el-collapse-transition>
         <div v-if="menu.open">
-          <div
-            v-for="(child, key) in menu.children"
-            :key="key"
-            class="func-div"
-          >
-            <el-link
-              :disabled="child.disabled"
-              @click="handleClick(child)"
-              class="func-link nav-font"
-            >
+          <div v-for="(child, key) in menu.children" :key="key" class="func-div">
+            <el-link :disabled="child.disabled" @click="handleClick(child)" class="func-link nav-font">
               {{ child.title }}
             </el-link>
           </div>
         </div>
       </el-collapse-transition>
     </div>
-    <custom-function-relate
-      ref="customFunctionRelate"
-      @addCustomFuncScript="handleCodeTemplate"
-    />
+    <custom-function-relate ref="customFunctionRelate" @addCustomFuncScript="handleCodeTemplate" />
     <!--接口列表-->
     <api-func-relevance
       @save="apiSave"
       :is-test-plan="false"
       :is-script="true"
       @close="apiClose"
-      ref="apiFuncRelevance"
-    />
+      ref="apiFuncRelevance" />
   </div>
 </template>
 
@@ -220,18 +201,11 @@ export default {
         // todo 优化
         if (this.language !== 'beanshell' && this.language !== 'groovy') {
           if (
-            obj.title ===
-              this.$t('api_test.request.processor.code_add_report_length') ||
-            obj.title ===
-              this.$t('api_test.request.processor.code_hide_report_length')
+            obj.title === this.$t('api_test.request.processor.code_add_report_length') ||
+            obj.title === this.$t('api_test.request.processor.code_hide_report_length')
           ) {
             this.$warning(
-              this.$t('commons.no_corresponding') +
-                ' ' +
-                this.language +
-                ' ' +
-                this.$t('commons.code_template') +
-                '！'
+              this.$t('commons.no_corresponding') + ' ' + this.language + ' ' + this.$t('commons.code_template') + '！'
             );
             return;
           }
diff --git a/api-test/frontend/src/business/automation/scenario/common/function/custom-function.js b/api-test/frontend/src/business/automation/scenario/common/function/custom-function.js
index a8e7ead7a9..fac79d32d1 100644
--- a/api-test/frontend/src/business/automation/scenario/common/function/custom-function.js
+++ b/api-test/frontend/src/business/automation/scenario/common/function/custom-function.js
@@ -50,8 +50,7 @@ function groovyCode(requestObj) {
   let path = getMockPath(domain, port, host);
   requestPath = path + replaceRestParams(requestPath, requestRest);
   if (protocol && host && requestPath) {
-    requestUrl =
-      protocol + '://' + domain + (port ? ':' + port : '') + requestPath;
+    requestUrl = protocol + '://' + domain + (port ? ':' + port : '') + requestPath;
   }
   let body = JSON.stringify(requestBody);
   if (requestMethod === 'POST' && bodyType === 'kvs') {
@@ -170,23 +169,9 @@ function getGroovyHeaders(requestHeaders) {
 }
 
 function _pythonCodeTemplate(obj) {
-  let {
-    requestBody,
-    requestBodyKvs,
-    bodyType,
-    headers,
-    requestPath,
-    requestMethod,
-    connType,
-    domain,
-    port,
-  } = obj;
+  let { requestBody, requestBodyKvs, bodyType, headers, requestPath, requestMethod, connType, domain, port } = obj;
   let reqBody = obj.requestBody;
-  if (
-    requestMethod.toLowerCase() === 'post' &&
-    obj.bodyType === 'kvs' &&
-    obj.requestBodyKvs
-  ) {
+  if (requestMethod.toLowerCase() === 'post' && obj.bodyType === 'kvs' && obj.requestBodyKvs) {
     reqBody = 'urllib.urlencode({';
     // 设置post参数
     for (let [k, v] of requestBodyKvs) {
@@ -194,8 +179,7 @@ function _pythonCodeTemplate(obj) {
     }
     reqBody += `})`;
     if (headers === '{}') {
-      headers =
-        "{'Content-type': 'application/x-www-form-urlencoded', 'Accept': 'text/plain'}";
+      headers = "{'Content-type': 'application/x-www-form-urlencoded', 'Accept': 'text/plain'}";
     }
   }
 
@@ -275,9 +259,7 @@ function _beanshellTemplate(obj) {
                 .setPath("${requestPath}")
                 `;
   // http 请求类型
-  let method = requestMethod
-    .toLowerCase()
-    .replace(/^\S/, (s) => s.toUpperCase());
+  let method = requestMethod.toLowerCase().replace(/^\S/, (s) => s.toUpperCase());
   let httpMethodCode = `Http${method} request = new Http${method}(uri);`;
   // 设置参数
   for (let [k, v] of requestArguments) {
@@ -322,10 +304,7 @@ function _beanshellTemplate(obj) {
   let postMethodCode = '';
   if (requestMethod === 'POST') {
     if (bodyType === 'kvs') {
-      postMethodCode =
-        postKvsParam +
-        '\r\n' +
-        `request.setEntity(new UrlEncodedFormEntity(nameValueList, "UTF-8"));`;
+      postMethodCode = postKvsParam + '\r\n' + `request.setEntity(new UrlEncodedFormEntity(nameValueList, "UTF-8"));`;
     } else {
       postMethodCode = `request.setEntity(new StringEntity(StringEscapeUtils.unescapeJava(payload)));`;
     }
diff --git a/api-test/frontend/src/business/automation/scenario/common/function/script-menu.js b/api-test/frontend/src/business/automation/scenario/common/function/script-menu.js
index 4e4f3dc92a..ffd33280db 100644
--- a/api-test/frontend/src/business/automation/scenario/common/function/script-menu.js
+++ b/api-test/frontend/src/business/automation/scenario/common/function/script-menu.js
@@ -25,21 +25,15 @@ export const SCRIPT_MENU = [
         value: 'vars.put("variable_name", "variable_value")',
       },
       {
-        title: i18n.t(
-          'api_test.request.processor.code_template_get_response_header'
-        ),
+        title: i18n.t('api_test.request.processor.code_template_get_response_header'),
         value: 'prev.getResponseHeaders()',
       },
       {
-        title: i18n.t(
-          'api_test.request.processor.code_template_get_response_code'
-        ),
+        title: i18n.t('api_test.request.processor.code_template_get_response_code'),
         value: 'prev.getResponseCode()',
       },
       {
-        title: i18n.t(
-          'api_test.request.processor.code_template_get_response_result'
-        ),
+        title: i18n.t('api_test.request.processor.code_template_get_response_result'),
         value: 'prev.getResponseDataAsString()',
       },
     ],
@@ -48,12 +42,8 @@ export const SCRIPT_MENU = [
     title: i18n.t('project.code_segment.project_env'),
     children: [
       {
-        title: i18n.t(
-          'api_test.request.processor.param_environment_set_global_variable'
-        ),
-        value:
-          'vars.put(${__metersphere_env_id}+"key","value");\n' +
-          'vars.put("key","value")',
+        title: i18n.t('api_test.request.processor.param_environment_set_global_variable'),
+        value: 'vars.put(${__metersphere_env_id}+"key","value");\n' + 'vars.put("key","value")',
       },
     ],
   },
@@ -71,8 +61,7 @@ export const SCRIPT_MENU = [
     children: [
       {
         title: i18n.t('project.code_segment.stop_test'),
-        value:
-          'ctx.getEngine().stopThreadNow(ctx.getThread().getThreadName());',
+        value: 'ctx.getEngine().stopThreadNow(ctx.getThread().getThreadName());',
       },
     ],
   },
diff --git a/api-test/frontend/src/business/automation/scenario/component/ApiComponent.vue b/api-test/frontend/src/business/automation/scenario/component/ApiComponent.vue
index 4e6acc20d2..3015db44ce 100644
--- a/api-test/frontend/src/business/automation/scenario/component/ApiComponent.vue
+++ b/api-test/frontend/src/business/automation/scenario/component/ApiComponent.vue
@@ -14,15 +14,9 @@
       :show-btn="showBtn"
       :show-version="showVersion"
       :title="displayTitle"
-      :if-from-variable-advance="ifFromVariableAdvance"
-    >
-      <template
-        v-slot:afterTitle
-        v-if="request.refType === 'API' || request.refType === 'CASE'"
-      >
-        <span v-if="request.num" @click="clickResource(request)">{{
-          '（ ID: ' + request.num + '）'
-        }}</span>
+      :if-from-variable-advance="ifFromVariableAdvance">
+      <template v-slot:afterTitle v-if="request.refType === 'API' || request.refType === 'CASE'">
+        <span v-if="request.num" @click="clickResource(request)">{{ '（ ID: ' + request.num + '）' }}</span>
         <span v-else>
           <el-tooltip
             class="ms-num"
@@ -32,8 +26,7 @@
                 ? $t('api_test.automation.scenario.api_none')
                 : $t('api_test.automation.scenario.case_none')
             "
-            placement="top"
-          >
+            placement="top">
             <i class="el-icon-warning" />
           </el-tooltip>
         </span>
@@ -43,26 +36,14 @@
       </template>
 
       <template v-slot:behindHeaderLeft>
-        <el-tag
-          size="small"
-          class="ms-tag"
-          v-if="request.referenced === 'Deleted'"
-          type="danger"
-        >
+        <el-tag size="small" class="ms-tag" v-if="request.referenced === 'Deleted'" type="danger">
           {{ $t('api_test.automation.reference_deleted') }}
         </el-tag>
-        <el-tag
-          size="small"
-          class="ms-tag"
-          v-if="request.referenced === 'Copy'"
-          >{{ $t('commons.copy') }}</el-tag
-        >
+        <el-tag size="small" class="ms-tag" v-if="request.referenced === 'Copy'">{{ $t('commons.copy') }}</el-tag>
         <el-tag size="small" class="ms-tag" v-if="request.referenced === 'REF'"
           >{{ $t('api_test.scenario.reference') }}
         </el-tag>
-        <span class="ms-tag ms-step-name-api">{{
-          getProjectName(request.projectId)
-        }}</span>
+        <span class="ms-tag ms-step-name-api">{{ getProjectName(request.projectId) }}</span>
       </template>
       <template v-slot:debugStepCode>
         <span v-if="request.testing" class="ms-test-running">
@@ -80,59 +61,40 @@
             request.requestResult[0] &&
             request.requestResult[0].responseResult &&
             request.requestResult[0].status === 'FAKE_ERROR'
-          "
-        >
+          ">
           FakeError
         </span>
         <span
           class="ms-step-debug-code"
           @click="active"
-          :class="
-            request.requestResult[0].success && reqSuccess
-              ? 'ms-req-success'
-              : 'ms-req-error'
-          "
+          :class="request.requestResult[0].success && reqSuccess ? 'ms-req-success' : 'ms-req-error'"
           v-else-if="
             !loading &&
             !request.testing &&
             request.debug &&
             request.requestResult[0] &&
             request.requestResult[0].responseResult
-          "
-        >
-          {{
-            request.requestResult[0].success && reqSuccess ? 'Success' : 'Error'
-          }}
+          ">
+          {{ request.requestResult[0].success && reqSuccess ? 'Success' : 'Error' }}
         </span>
       </template>
       <template v-slot:button v-if="!ifFromVariableAdvance">
-        <el-tooltip
-          :content="$t('api_test.run')"
-          placement="top"
-          v-if="!loading"
-        >
+        <el-tooltip :content="$t('api_test.run')" placement="top" v-if="!loading">
           <el-button
             :disabled="!request.enable"
             @click="run"
             icon="el-icon-video-play"
             class="ms-btn"
             size="mini"
-            circle
-          />
+            circle />
         </el-tooltip>
-        <el-tooltip
-          :content="$t('report.stop_btn')"
-          placement="top"
-          :enterable="false"
-          v-else
-        >
+        <el-tooltip :content="$t('report.stop_btn')" placement="top" :enterable="false" v-else>
           <el-button
             @click.once="stop"
             size="mini"
             style="color: white; padding: 0 0.1px; width: 24px; height: 24px"
             class="stop-btn"
-            circle
-          >
+            circle>
             <div style="transform: scale(0.66)">
               <span style="margin-left: -4.5px; font-weight: bold">STOP</span>
             </div>
@@ -143,17 +105,10 @@
       <template v-slot:request>
         <legend style="width: 100%; display: table-column">
           <div v-if="!ifFromVariableAdvance">
-            <customize-req-info
-              :is-customize-req="isCustomizeReq"
-              :request="request"
-              @setDomain="setDomain"
-            />
+            <customize-req-info :is-customize-req="isCustomizeReq" :request="request" @setDomain="setDomain" />
             <p class="tip">{{ $t('api_test.definition.request.req_param') }}</p>
             <ms-api-request-form
-              v-if="
-                request.protocol === 'HTTP' ||
-                request.type === 'HTTPSamplerProxy'
-              "
+              v-if="request.protocol === 'HTTP' || request.type === 'HTTPSamplerProxy'"
               :scenario-definition="scenarioDefinition"
               @editScenarioAdvance="editScenarioAdvance"
               :isShowEnable="true"
@@ -162,8 +117,7 @@
               :scenarioId="currentScenario.id"
               :headers="request.headers"
               :is-read-only="isCompReadOnly"
-              :request="request"
-            />
+              :request="request" />
             <mx-esb-definition
               v-if="request.esbDataStruct != null"
               v-xpack
@@ -172,44 +126,31 @@
               :showScript="true"
               :show-pre-script="true"
               :is-read-only="isCompReadOnly"
-              ref="esbDefinition"
-            />
+              ref="esbDefinition" />
             <ms-tcp-format-parameters
-              v-if="
-                (request.protocol === 'TCP' || request.type === 'TCPSampler') &&
-                request.esbDataStruct == null
-              "
+              v-if="(request.protocol === 'TCP' || request.type === 'TCPSampler') && request.esbDataStruct == null"
               :is-read-only="isCompReadOnly"
               :response="response"
               :show-pre-script="true"
               :scenarioId="currentScenario.id"
               :show-script="true"
-              :request="request"
-            />
+              :request="request" />
 
             <ms-sql-basis-parameters
-              v-if="
-                request.protocol === 'SQL' || request.type === 'JDBCSampler'
-              "
+              v-if="request.protocol === 'SQL' || request.type === 'JDBCSampler'"
               :request="request"
               :response="response"
               :scenarioId="currentScenario.id"
               :is-read-only="isCompReadOnly"
-              :showScript="true"
-            />
+              :showScript="true" />
 
             <ms-dubbo-basis-parameters
-              v-if="
-                request.protocol === 'DUBBO' ||
-                request.protocol === 'dubbo://' ||
-                request.type === 'DubboSampler'
-              "
+              v-if="request.protocol === 'DUBBO' || request.protocol === 'dubbo://' || request.type === 'DubboSampler'"
               :request="request"
               :scenarioId="currentScenario.id"
               :response="response"
               :is-read-only="isCompReadOnly"
-              :showScript="true"
-            />
+              :showScript="true" />
           </div>
         </legend>
       </template>
@@ -225,35 +166,27 @@
               :show-options-button="false"
               :show-header="true"
               :result="request.requestResult"
-              v-xpack
-            />
+              v-xpack />
           </div>
           <div v-else>
             <el-tabs
               v-model="request.activeName"
               closable
               class="ms-tabs"
-              v-if="request.requestResult && request.requestResult.length > 1"
-            >
+              v-if="request.requestResult && request.requestResult.length > 1">
               <el-tab-pane
                 v-for="(item, i) in request.requestResult"
                 :label="'循环' + (i + 1)"
                 :key="i"
-                style="margin-bottom: 5px"
-              >
-                <api-response-component
-                  :currentProtocol="request.protocol"
-                  :apiActive="true"
-                  :result="item"
-                />
+                style="margin-bottom: 5px">
+                <api-response-component :currentProtocol="request.protocol" :apiActive="true" :result="item" />
               </el-tab-pane>
             </el-tabs>
             <api-response-component
               :currentProtocol="request.protocol"
               :apiActive="true"
               :result="request.requestResult[0]"
-              v-else
-            />
+              v-else />
           </div>
         </div>
       </template>
@@ -265,17 +198,13 @@
       :env-map="environmentMap"
       @runRefresh="runRefresh"
       @errorRefresh="errorRefresh"
-      ref="runTest"
-    />
+      ref="runTest" />
   </div>
 </template>
 
 <script>
 import { getApiCaseById, getCaseById } from '@/api/api-test-case';
-import {
-  getCurrentProjectID,
-  getCurrentWorkspaceId,
-} from 'metersphere-frontend/src/utils/token';
+import { getCurrentProjectID, getCurrentWorkspaceId } from 'metersphere-frontend/src/utils/token';
 import { getUUID } from 'metersphere-frontend/src/utils';
 import { getUrl } from '@/business/automation/scenario/component/urlhelper';
 import { getCurrentByResourceId } from '@/api/user';
@@ -319,25 +248,17 @@ export default {
     },
   },
   components: {
-    CustomizeReqInfo: () =>
-      import('@/business/automation/scenario/common/CustomizeReqInfo'),
+    CustomizeReqInfo: () => import('@/business/automation/scenario/common/CustomizeReqInfo'),
     ApiBaseComponent: () => import('../common/ApiBaseComponent'),
     ApiResponseComponent: () => import('./ApiResponseComponent'),
-    MsSqlBasisParameters: () =>
-      import('../../../definition/components/request/database/BasisParameters'),
-    MsTcpFormatParameters: () =>
-      import('../../../definition/components/request/tcp/TcpFormatParameters'),
-    MsDubboBasisParameters: () =>
-      import('../../../definition/components/request/dubbo/BasisParameters'),
-    MsApiRequestForm: () =>
-      import('../../../definition/components/request/http/ApiHttpRequestForm'),
-    MsRequestResultTail: () =>
-      import('../../../definition/components/response/RequestResultTail'),
+    MsSqlBasisParameters: () => import('../../../definition/components/request/database/BasisParameters'),
+    MsTcpFormatParameters: () => import('../../../definition/components/request/tcp/TcpFormatParameters'),
+    MsDubboBasisParameters: () => import('../../../definition/components/request/dubbo/BasisParameters'),
+    MsApiRequestForm: () => import('../../../definition/components/request/http/ApiHttpRequestForm'),
+    MsRequestResultTail: () => import('../../../definition/components/response/RequestResultTail'),
     MsRun: () => import('../../../definition/components/Run'),
-    MxEsbDefinition: () =>
-      import('@/business/definition/components/esb/MxEsbDefinition'),
-    MxEsbDefinitionResponse: () =>
-      import('@/business/definition/components/esb/MxEsbDefinitionResponse'),
+    MxEsbDefinition: () => import('@/business/definition/components/esb/MxEsbDefinition'),
+    MxEsbDefinitionResponse: () => import('@/business/definition/components/esb/MxEsbDefinitionResponse'),
   },
   data() {
     return {
@@ -362,8 +283,7 @@ export default {
       this.request.requestResult = [{ responseResult: {} }];
     } else if (
       this.request.requestResult &&
-      Object.prototype.toString.call(this.request.requestResult) !==
-        '[object Array]'
+      Object.prototype.toString.call(this.request.requestResult) !== '[object Array]'
     ) {
       let obj = JSON.parse(JSON.stringify(this.request.requestResult));
       this.request.requestResult = [obj];
@@ -454,10 +374,7 @@ export default {
     },
     isApiImport() {
       let verifies = ['Deleted', 'REF', 'Copy'];
-      return (
-        this.request.referenced &&
-        verifies.indexOf(this.request.referenced) !== -1
-      );
+      return this.request.referenced && verifies.indexOf(this.request.referenced) !== -1;
     },
     isExternalImport() {
       return this.request.referenced && this.request.referenced === 'TO_IMPORT';
@@ -467,10 +384,7 @@ export default {
     },
     isDeletedOrRef() {
       let verifies = ['Deleted', 'REF'];
-      return (
-        this.request.referenced &&
-        verifies.indexOf(this.request.referenced) !== -1
-      );
+      return this.request.referenced && verifies.indexOf(this.request.referenced) !== -1;
     },
     projectId() {
       return getCurrentProjectID();
@@ -479,18 +393,11 @@ export default {
   methods: {
     setOwnEnvironment(scenarioDefinition) {
       for (let i in scenarioDefinition) {
-        let typeArray = [
-          'JDBCPostProcessor',
-          'JDBCSampler',
-          'JDBCPreProcessor',
-        ];
+        let typeArray = ['JDBCPostProcessor', 'JDBCSampler', 'JDBCPreProcessor'];
         if (typeArray.indexOf(scenarioDefinition[i].type) !== -1) {
           scenarioDefinition[i].currentScenarioId = this.currentScenario.id;
         }
-        if (
-          scenarioDefinition[i].hashTree &&
-          scenarioDefinition[i].hashTree.length > 0
-        ) {
+        if (scenarioDefinition[i].hashTree && scenarioDefinition[i].hashTree.length > 0) {
           this.setOwnEnvironment(scenarioDefinition[i].hashTree);
         }
       }
@@ -505,10 +412,7 @@ export default {
             }
           });
         });
-      } else if (
-        this.request.requestResult &&
-        this.request.requestResult.length > 1
-      ) {
+      } else if (this.request.requestResult && this.request.requestResult.length > 1) {
         this.request.requestResult.forEach((item) => {
           if (!item.success) {
             this.reqSuccess = item.success;
@@ -534,10 +438,7 @@ export default {
         new URL(url);
         this.request.url = url;
       } catch (e) {
-        if (
-          url &&
-          (!url.startsWith('http://') || !url.startsWith('https://'))
-        ) {
+        if (url && (!url.startsWith('http://') || !url.startsWith('https://'))) {
           if (!this.isCustomizeReq) {
             this.request.path = url;
             this.request.url = undefined;
@@ -548,11 +449,7 @@ export default {
     mergeHashTree(targetHashTree) {
       let sourceHashTree = this.request.hashTree;
       // 历史数据兼容
-      if (
-        sourceHashTree &&
-        targetHashTree &&
-        sourceHashTree.length < targetHashTree.length
-      ) {
+      if (sourceHashTree && targetHashTree && sourceHashTree.length < targetHashTree.length) {
         this.request.hashTree = targetHashTree;
         return;
       }
@@ -593,11 +490,7 @@ export default {
             }
           }
           // 历史数据兼容
-          if (
-            !source.id &&
-            source.label !== 'SCENARIO-REF-STEP' &&
-            index < targetHashTree.length
-          ) {
+          if (!source.id && source.label !== 'SCENARIO-REF-STEP' && index < targetHashTree.length) {
             Object.assign(sourceHashTree[index], targetHashTree[index]);
             sourceHashTree[index].disabled = true;
             sourceHashTree[index].label = '';
@@ -607,9 +500,7 @@ export default {
       }
       // 删除多余的步骤
       delIds.forEach((item) => {
-        const removeIndex = sourceHashTree.findIndex(
-          (d) => d.id && d.id === item
-        );
+        const removeIndex = sourceHashTree.findIndex((d) => d.id && d.id === item);
         sourceHashTree.splice(removeIndex, 1);
       });
 
@@ -659,13 +550,9 @@ export default {
               if (
                 store.scenarioEnvMap &&
                 store.scenarioEnvMap instanceof Map &&
-                store.scenarioEnvMap.has(
-                  this.currentScenario.id + '_' + this.request.projectId
-                )
+                store.scenarioEnvMap.has(this.currentScenario.id + '_' + this.request.projectId)
               ) {
-                selectEnvId = store.scenarioEnvMap.get(
-                  this.currentScenario.id + '_' + this.request.projectId
-                );
+                selectEnvId = store.scenarioEnvMap.get(this.currentScenario.id + '_' + this.request.projectId);
                 this.environmentMap = this.envMap;
               }
               if (!selectEnvId) {
@@ -690,9 +577,7 @@ export default {
           // 场景变量
           let variables = [];
           if (this.currentScenario && this.currentScenario.variables) {
-            variables = JSON.parse(
-              JSON.stringify(this.currentScenario.variables)
-            );
+            variables = JSON.parse(JSON.stringify(this.currentScenario.variables));
           }
           let debugData = {
             id: this.currentScenario.id,
@@ -797,10 +682,7 @@ export default {
     clickCase(resource) {
       let uri = getUrl(resource);
       let resourceId = resource.sourceId;
-      if (
-        resourceId &&
-        resourceId.startsWith('"' || resourceId.startsWith('['))
-      ) {
+      if (resourceId && resourceId.startsWith('"' || resourceId.startsWith('['))) {
         resourceId = JSON.parse(resource.sourceId);
       }
       if (resourceId instanceof Array) {
diff --git a/api-test/frontend/src/business/automation/scenario/component/ApiResponseComponent.vue b/api-test/frontend/src/business/automation/scenario/component/ApiResponseComponent.vue
index 00fa346126..1d292e5307 100644
--- a/api-test/frontend/src/business/automation/scenario/component/ApiResponseComponent.vue
+++ b/api-test/frontend/src/business/automation/scenario/component/ApiResponseComponent.vue
@@ -8,11 +8,7 @@
     <el-collapse-transition>
       <div v-if="isActive">
         <el-divider></el-divider>
-        <ms-request-result-tail
-          :currentProtocol="currentProtocol"
-          :show-metric="false"
-          :response="response"
-        />
+        <ms-request-result-tail :currentProtocol="currentProtocol" :show-metric="false" :response="response" />
       </div>
     </el-collapse-transition>
   </el-card>
diff --git a/api-test/frontend/src/business/automation/scenario/component/ApiScenarioComponent.vue b/api-test/frontend/src/business/automation/scenario/component/ApiScenarioComponent.vue
index bfeb67b7ab..22fda737ba 100644
--- a/api-test/frontend/src/business/automation/scenario/component/ApiScenarioComponent.vue
+++ b/api-test/frontend/src/business/automation/scenario/component/ApiScenarioComponent.vue
@@ -19,59 +19,33 @@
     :environmentType="environmentType"
     :environmentGroupId="environmentGroupId"
     :envMap="envMap"
-    :title="$t('commons.scenario')"
-  >
+    :title="$t('commons.scenario')">
     <template v-slot:afterTitle>
-      <span v-if="isShowNum" @click="clickResource(scenario)">{{
-        '（ ID: ' + scenario.num + '）'
-      }}</span>
+      <span v-if="isShowNum" @click="clickResource(scenario)">{{ '（ ID: ' + scenario.num + '）' }}</span>
       <span v-else>
-        <el-tooltip
-          class="ms-num"
-          effect="dark"
-          :content="$t('api_test.automation.scenario.num_none')"
-          placement="top"
-        >
+        <el-tooltip class="ms-num" effect="dark" :content="$t('api_test.automation.scenario.num_none')" placement="top">
           <i class="el-icon-warning" />
         </el-tooltip>
       </span>
-      <span v-xpack v-if="scenario.versionEnable"
-        >{{ $t('project.version.name') }}: {{ scenario.versionName }}</span
-      >
+      <span v-xpack v-if="scenario.versionEnable">{{ $t('project.version.name') }}: {{ scenario.versionName }}</span>
     </template>
 
     <template v-slot:behindHeaderLeft>
-      <el-tag
-        size="small"
-        class="ms-tag"
-        v-if="scenario.referenced === 'Deleted'"
-        type="danger"
-      >
+      <el-tag size="small" class="ms-tag" v-if="scenario.referenced === 'Deleted'" type="danger">
         {{ $t('api_test.automation.reference_deleted') }}
       </el-tag>
-      <el-tag
-        size="small"
-        class="ms-tag"
-        v-if="scenario.referenced === 'Copy'"
-        >{{ $t('commons.copy') }}</el-tag
-      >
+      <el-tag size="small" class="ms-tag" v-if="scenario.referenced === 'Copy'">{{ $t('commons.copy') }}</el-tag>
       <el-tag size="small" class="ms-tag" v-if="scenario.referenced === 'REF'"
         >{{ $t('api_test.scenario.reference') }}
       </el-tag>
-      <span class="ms-tag ms-step-name-api">{{
-        getProjectName(scenario.projectId)
-      }}</span>
+      <span class="ms-tag ms-step-name-api">{{ getProjectName(scenario.projectId) }}</span>
       <el-tooltip
-        v-if="
-          (!scenario.hashTree || scenario.hashTree.length === 0) &&
-          scenario.referenced === 'REF'
-        "
+        v-if="(!scenario.hashTree || scenario.hashTree.length === 0) && scenario.referenced === 'REF'"
         class="ms-num"
         effect="dark"
         :content="$t('api_test.scenario.base_scenario_step_is_empty')"
         placement="top"
-        style="margin-left: 5px"
-      >
+        style="margin-left: 5px">
         <i class="el-icon-warning" />
       </el-tooltip>
     </template>
@@ -83,17 +57,12 @@
       <span
         class="ms-step-debug-code"
         :class="node.data.code === 'ERROR' ? 'ms-req-error' : 'ms-req-success'"
-        v-if="!loading && node.data.debug && !node.data.testing"
-      >
+        v-if="!loading && node.data.debug && !node.data.testing">
         {{ getCode() }}
       </span>
     </template>
     <template v-slot:button v-if="!ifFromVariableAdvance">
-      <el-tooltip
-        :content="$t('api_test.run')"
-        placement="top"
-        v-if="!scenario.run"
-      >
+      <el-tooltip :content="$t('api_test.run')" placement="top" v-if="!scenario.run">
         <el-button
           :disabled="!scenario.enable"
           @click="run"
@@ -101,23 +70,16 @@
           style="padding: 5px"
           class="ms-btn"
           size="mini"
-          circle
-        />
+          circle />
       </el-tooltip>
-      <el-tooltip
-        :content="$t('report.stop_btn')"
-        placement="top"
-        :enterable="false"
-        v-else
-      >
+      <el-tooltip :content="$t('report.stop_btn')" placement="top" :enterable="false" v-else>
         <el-button
           :disabled="!scenario.enable"
           @click.once="stop"
           size="mini"
           style="color: white; padding: 0 0.1px; width: 24px; height: 24px"
           class="stop-btn"
-          circle
-        >
+          circle>
           <div style="transform: scale(0.66)">
             <span style="margin-left: -4.5px; font-weight: bold">STOP</span>
           </div>
@@ -133,18 +95,11 @@ import MsTcpBasisParameters from '../../../definition/components/request/tcp/Tcp
 import MsDubboBasisParameters from '../../../definition/components/request/dubbo/BasisParameters';
 import MsApiRequestForm from '../../../definition/components/request/http/ApiHttpRequestForm';
 import ApiBaseComponent from '../common/ApiBaseComponent';
-import {
-  getCurrentProjectID,
-  getCurrentWorkspaceId,
-} from 'metersphere-frontend/src/utils/token';
+import { getCurrentProjectID, getCurrentWorkspaceId } from 'metersphere-frontend/src/utils/token';
 import { getUUID, strMapToObj } from 'metersphere-frontend/src/utils';
 import { STEP } from '@/business/automation/scenario/Setting';
 import { getOwnerProjectIds, getProject } from '@/api/project';
-import {
-  checkScenarioEnv,
-  getScenarioById,
-  setScenarioDomain,
-} from '@/api/scenario';
+import { checkScenarioEnv, getScenarioById, setScenarioDomain } from '@/api/scenario';
 
 export default {
   name: 'ApiScenarioComponent',
@@ -186,23 +141,14 @@ export default {
       this.reload();
     },
     'node.data.isBatchProcess'() {
-      if (
-        this.node.data &&
-        this.node.data.isBatchProcess &&
-        this.node.data.referenced === 'REF'
-      ) {
+      if (this.node.data && this.node.data.isBatchProcess && this.node.data.referenced === 'REF') {
         this.node.expanded = false;
       }
     },
   },
   created() {
     this.isShowNum = this.scenario.num ? true : false;
-    if (
-      this.scenario.id &&
-      this.scenario.referenced === 'REF' &&
-      !this.scenario.loaded &&
-      this.scenario.hashTree
-    ) {
+    if (this.scenario.id && this.scenario.referenced === 'REF' && !this.scenario.loaded && this.scenario.hashTree) {
       this.scenario.root = this.node.parent.parent ? false : true;
       this.scenario.disabled = true;
       this.recursive(this.scenario.hashTree, this.scenario.projectId, true);
@@ -225,10 +171,7 @@ export default {
   },
   computed: {
     isDeletedOrRef() {
-      return (
-        (this.scenario.referenced && this.scenario.referenced === 'Deleted') ||
-        this.scenario.referenced === 'REF'
-      );
+      return (this.scenario.referenced && this.scenario.referenced === 'Deleted') || this.scenario.referenced === 'REF';
     },
   },
   methods: {
@@ -239,9 +182,7 @@ export default {
       }
       this.scenario.run = true;
       let runScenario = JSON.parse(JSON.stringify(this.scenario));
-      let variables = JSON.parse(
-        JSON.stringify(this.currentScenario.variables)
-      );
+      let variables = JSON.parse(JSON.stringify(this.currentScenario.variables));
 
       // 合并自身依赖场景变量
       if (runScenario && runScenario.variableEnable && runScenario.variables) {
@@ -297,9 +238,7 @@ export default {
     getCode() {
       if (this.node && this.node.data.code && this.node.data.debug) {
         let status = this.node.data.code;
-        return (
-          status.toLowerCase()[0].toUpperCase() + status.toLowerCase().substr(1)
-        );
+        return status.toLowerCase()[0].toUpperCase() + status.toLowerCase().substr(1);
       }
       return '';
     },
@@ -308,19 +247,14 @@ export default {
     },
     active() {
       if (this.node) {
-        if (
-          this.node.data &&
-          this.node.data.isBatchProcess &&
-          this.node.data.referenced === 'REF'
-        ) {
+        if (this.node.data && this.node.data.isBatchProcess && this.node.data.referenced === 'REF') {
           this.node.expanded = false;
         } else {
           this.node.expanded = !this.node.expanded;
         }
       }
       if (this.scenario && this.scenario.hashTree && this.node.expanded) {
-        this.scenario.disabled =
-          this.scenario.id && this.scenario.referenced === 'REF';
+        this.scenario.disabled = this.scenario.id && this.scenario.referenced === 'REF';
         this.recursive(
           this.scenario.hashTree,
           this.scenario.projectId,
@@ -346,11 +280,7 @@ export default {
         arr[i].disabled = disabled;
         arr[i].projectId = this.calcProjectId(arr[i].projectId, id);
         // 处理子请求环境
-        let typeArray = [
-          'JDBCPostProcessor',
-          'JDBCSampler',
-          'JDBCPreProcessor',
-        ];
+        let typeArray = ['JDBCPostProcessor', 'JDBCSampler', 'JDBCPreProcessor'];
         if (typeArray.indexOf(arr[i].type) !== -1) {
           arr[i].refEevMap = new Map();
           arr[i].environmentEnable = this.scenario.environmentEnable;
diff --git a/api-test/frontend/src/business/automation/scenario/component/ComponentConfig.vue b/api-test/frontend/src/business/automation/scenario/component/ComponentConfig.vue
index 984cf630cd..e272053a91 100644
--- a/api-test/frontend/src/business/automation/scenario/component/ComponentConfig.vue
+++ b/api-test/frontend/src/business/automation/scenario/component/ComponentConfig.vue
@@ -37,8 +37,7 @@
       @openScenario="openScenario"
       @setDomain="setDomain"
       @savePreParams="savePreParams"
-      @editScenarioAdvance="editScenarioAdvance"
-    />
+      @editScenarioAdvance="editScenarioAdvance" />
   </div>
 </template>
 
@@ -64,12 +63,9 @@ export default {
     JmeterElementComponent,
     MsConstantTimer: () => import('./ConstantTimer'),
     MsJsr233Processor: () => import('./Jsr233Processor'),
-    MsScenarioAssertions: () =>
-      import('../../../definition/components/assertion/ScenarioAssertions'),
-    MsApiExtract: () =>
-      import('../../../definition/components/extract/ApiExtract'),
-    MsJdbcProcessor: () =>
-      import('@/business/automation/scenario/component/JDBCProcessor'),
+    MsScenarioAssertions: () => import('../../../definition/components/assertion/ScenarioAssertions'),
+    MsApiExtract: () => import('../../../definition/components/extract/ApiExtract'),
+    MsJdbcProcessor: () => import('@/business/automation/scenario/component/JDBCProcessor'),
   },
   props: {
     type: String,
@@ -209,12 +205,7 @@ export default {
         this.backgroundColor = '#F2ECF3';
         return 'PluginComponent';
       } else if (type === ELEMENT_TYPE.Assertions) {
-        if (
-          this.node &&
-          this.node.parent &&
-          this.node.parent.data &&
-          this.node.parent.data.referenced === 'REF'
-        ) {
+        if (this.node && this.node.parent && this.node.parent.data && this.node.parent.data.referenced === 'REF') {
           this.apiId = this.node.parent.data.id;
           this.scenario.document.nodeType = 'scenario';
         } else {
diff --git a/api-test/frontend/src/business/automation/scenario/component/ConstantTimer.vue b/api-test/frontend/src/business/automation/scenario/component/ConstantTimer.vue
index fd58b5903c..6c06917b8a 100644
--- a/api-test/frontend/src/business/automation/scenario/component/ConstantTimer.vue
+++ b/api-test/frontend/src/business/automation/scenario/component/ConstantTimer.vue
@@ -9,8 +9,7 @@
     :inner-step="innerStep"
     color="#67C23A"
     background-color="#F2F9EE"
-    :title="$t('api_test.automation.wait_controller')"
-  >
+    :title="$t('api_test.automation.wait_controller')">
     <template v-slot:headerLeft>
       <el-input-number
         class="time-input"
@@ -19,8 +18,7 @@
         :min="0"
         :step="1000"
         ref="nameInput"
-        :disabled="timer.disabled"
-      />
+        :disabled="timer.disabled" />
       ms
     </template>
   </api-base-component>
diff --git a/api-test/frontend/src/business/automation/scenario/component/IfController.vue b/api-test/frontend/src/business/automation/scenario/component/IfController.vue
index 021ad4a88f..efa101ca06 100644
--- a/api-test/frontend/src/business/automation/scenario/component/IfController.vue
+++ b/api-test/frontend/src/business/automation/scenario/component/IfController.vue
@@ -11,30 +11,22 @@
     color="#E6A23C"
     background-color="#FCF6EE"
     :if-from-variable-advance="ifFromVariableAdvance"
-    :title="$t('api_test.automation.if_controller')"
-  >
+    :title="$t('api_test.automation.if_controller')">
     <template v-slot:headerLeft>
       <el-input
         draggable
         size="mini"
         v-model="controller.variable"
         style="width: 12%"
-        :placeholder="$t('api_test.request.condition_variable')"
-      />
+        :placeholder="$t('api_test.request.condition_variable')" />
 
       <el-select
         v-model="controller.operator"
         :placeholder="$t('commons.please_select')"
         size="mini"
         @change="change"
-        class="ms-select"
-      >
-        <el-option
-          v-for="o in operators"
-          :key="o.value"
-          :label="$t(o.label)"
-          :value="o.value"
-        />
+        class="ms-select">
+        <el-option v-for="o in operators" :key="o.value" :label="$t(o.label)" :value="o.value" />
       </el-select>
 
       <el-input
@@ -43,8 +35,7 @@
         v-model="controller.value"
         :placeholder="$t('api_test.value')"
         v-if="!hasEmptyOperator"
-        class="ms-btn"
-      />
+        class="ms-btn" />
 
       <el-input
         draggable
@@ -52,8 +43,7 @@
         v-model="controller.remark"
         :placeholder="$t('commons.remark')"
         v-if="!hasEmptyOperator && !isMax"
-        class="ms-btn"
-      />
+        class="ms-btn" />
     </template>
 
     <template v-slot:debugStepCode>
@@ -64,10 +54,7 @@
       <span
         class="ms-step-debug-code"
         :class="node.data.code === 'ERROR' ? 'ms-req-error' : 'ms-req-success'"
-        v-if="
-          !loading && !node.data.testing && node.data.debug && node.data.code
-        "
-      >
+        v-if="!loading && !node.data.testing && node.data.debug && node.data.code">
         {{ getCode() }}
       </span>
     </template>
@@ -160,9 +147,7 @@ export default {
     getCode() {
       if (this.node && this.node.data.code && this.node.data.debug) {
         let status = this.node.data.code;
-        return (
-          status.toLowerCase()[0].toUpperCase() + status.toLowerCase().substr(1)
-        );
+        return status.toLowerCase()[0].toUpperCase() + status.toLowerCase().substr(1);
       }
       return '';
     },
@@ -180,10 +165,7 @@ export default {
   },
   computed: {
     hasEmptyOperator() {
-      return (
-        !!this.controller.operator &&
-        this.controller.operator.indexOf('empty') > 0
-      );
+      return !!this.controller.operator && this.controller.operator.indexOf('empty') > 0;
     },
   },
 };
diff --git a/api-test/frontend/src/business/automation/scenario/component/JDBCProcessor.vue b/api-test/frontend/src/business/automation/scenario/component/JDBCProcessor.vue
index a831bc9004..7103d5e3f2 100644
--- a/api-test/frontend/src/business/automation/scenario/component/JDBCProcessor.vue
+++ b/api-test/frontend/src/business/automation/scenario/component/JDBCProcessor.vue
@@ -11,14 +11,9 @@
     :show-version="showVersion"
     :background-color="backgroundColor"
     :title="title"
-    v-loading="loading"
-  >
+    v-loading="loading">
     <template v-slot:request>
-      <jdbc-processor-content
-        :showScript="false"
-        :scenarioId="scenarioId"
-        :request="request"
-      />
+      <jdbc-processor-content :showScript="false" :scenarioId="scenarioId" :request="request" />
     </template>
   </api-base-component>
 </template>
diff --git a/api-test/frontend/src/business/automation/scenario/component/JmeterElementComponent.vue b/api-test/frontend/src/business/automation/scenario/component/JmeterElementComponent.vue
index ed3ef8ad8b..a36b60de2c 100644
--- a/api-test/frontend/src/business/automation/scenario/component/JmeterElementComponent.vue
+++ b/api-test/frontend/src/business/automation/scenario/component/JmeterElementComponent.vue
@@ -10,15 +10,9 @@
     :show-btn="showBtn"
     :show-version="showVersion"
     :background-color="defBackgroundColor"
-    :title="request.elementType"
-  >
+    :title="request.elementType">
     <div style="height: 300px; width: 100%">
-      <ms-code-edit
-        mode="xml"
-        :data.sync="request.jmeterElement"
-        theme="eclipse"
-        ref="codeEdit"
-      />
+      <ms-code-edit mode="xml" :data.sync="request.jmeterElement" theme="eclipse" ref="codeEdit" />
     </div>
 
     <template v-slot:debugStepCode>
@@ -29,8 +23,7 @@
       <span
         class="ms-step-debug-code"
         :class="node.data.code === 'ERROR' ? 'ms-req-error' : 'ms-req-success'"
-        v-if="!loading && !node.data.testing && node.data.debug"
-      >
+        v-if="!loading && !node.data.testing && node.data.debug">
         {{ getCode() }}
       </span>
     </template>
@@ -103,9 +96,7 @@ export default {
     getCode() {
       if (this.node && this.node.data.code && this.node.data.debug) {
         let status = this.node.data.code;
-        return (
-          status.toLowerCase()[0].toUpperCase() + status.toLowerCase().substr(1)
-        );
+        return status.toLowerCase()[0].toUpperCase() + status.toLowerCase().substr(1);
       }
       return '';
     },
diff --git a/api-test/frontend/src/business/automation/scenario/component/Jsr233Processor.vue b/api-test/frontend/src/business/automation/scenario/component/Jsr233Processor.vue
index 21aab24abe..6463b44aa8 100644
--- a/api-test/frontend/src/business/automation/scenario/component/Jsr233Processor.vue
+++ b/api-test/frontend/src/business/automation/scenario/component/Jsr233Processor.vue
@@ -12,13 +12,9 @@
     :background-color="backgroundColor"
     :if-from-variable-advance="ifFromVariableAdvance"
     :title="title"
-    v-loading="loading"
-  >
+    v-loading="loading">
     <!--自定义脚本-->
-    <legend
-      style="width: 100%; display: table-column"
-      v-if="request && this.request.type === 'JSR223Processor'"
-    >
+    <legend style="width: 100%; display: table-column" v-if="request && this.request.type === 'JSR223Processor'">
       <p class="ms-tip">{{ $t('api_test.definition.request.req_param') }}</p>
       <el-tabs v-model="activeName" class="request-tabs" @tab-click="tabClick">
         <!-- 请求头-->
@@ -28,26 +24,13 @@
             :is-pre-processor="isPreProcessor"
             :node="node"
             :protocol="protocol"
-            :is-read-only="this.jsr223Processor.disabled"
-          />
+            :is-read-only="this.jsr223Processor.disabled" />
         </el-tab-pane>
         <!-- 脚本步骤/断言步骤 -->
-        <el-tab-pane
-          :label="$t('api_test.definition.request.pre_operation')"
-          name="preOperate"
-        >
-          <span
-            class="item-tabs"
-            effect="dark"
-            placement="top-start"
-            slot="label"
-            :key="request.preSize"
-          >
+        <el-tab-pane :label="$t('api_test.definition.request.pre_operation')" name="preOperate">
+          <span class="item-tabs" effect="dark" placement="top-start" slot="label" :key="request.preSize">
             {{ $t('api_test.definition.request.pre_operation') }}
-            <div
-              class="el-step__icon is-text ms-api-col ms-header"
-              v-if="request.preSize > 0"
-            >
+            <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.preSize > 0">
               <div class="el-step__icon-inner">{{ request.preSize }}</div>
             </div>
           </span>
@@ -57,24 +40,12 @@
             :response="response"
             :tab-type="'pre'"
             ref="preStep"
-            v-if="activeName === 'preOperate'"
-          />
+            v-if="activeName === 'preOperate'" />
         </el-tab-pane>
-        <el-tab-pane
-          :label="$t('api_test.definition.request.post_operation')"
-          name="postOperate"
-        >
-          <span
-            class="item-tabs"
-            effect="dark"
-            placement="top-start"
-            slot="label"
-          >
+        <el-tab-pane :label="$t('api_test.definition.request.post_operation')" name="postOperate">
+          <span class="item-tabs" effect="dark" placement="top-start" slot="label">
             {{ $t('api_test.definition.request.post_operation') }}
-            <div
-              class="el-step__icon is-text ms-api-col ms-header"
-              v-if="request.postSize > 0"
-            >
+            <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.postSize > 0">
               <div class="el-step__icon-inner" :key="request.postSize">
                 {{ request.postSize }}
               </div>
@@ -86,24 +57,12 @@
             :response="response"
             :tab-type="'post'"
             ref="postStep"
-            v-if="activeName === 'postOperate'"
-          />
+            v-if="activeName === 'postOperate'" />
         </el-tab-pane>
-        <el-tab-pane
-          :label="$t('api_test.definition.request.assertions_rule')"
-          name="assertionsRule"
-        >
-          <span
-            class="item-tabs"
-            effect="dark"
-            placement="top-start"
-            slot="label"
-          >
+        <el-tab-pane :label="$t('api_test.definition.request.assertions_rule')" name="assertionsRule">
+          <span class="item-tabs" effect="dark" placement="top-start" slot="label">
             {{ $t('api_test.definition.request.assertions_rule') }}
-            <div
-              class="el-step__icon is-text ms-api-col ms-header"
-              v-if="request.ruleSize > 0"
-            >
+            <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.ruleSize > 0">
               <div class="el-step__icon-inner" :key="request.ruleSize">
                 {{ request.ruleSize }}
               </div>
@@ -115,8 +74,7 @@
             :response="response"
             :tab-type="'assertionsRule'"
             ref="assertionsRule"
-            v-if="activeName === 'assertionsRule'"
-          />
+            v-if="activeName === 'assertionsRule'" />
         </el-tab-pane>
       </el-tabs>
     </legend>
@@ -128,8 +86,7 @@
         :is-pre-processor="isPreProcessor"
         :node="node"
         :protocol="protocol"
-        :is-read-only="this.jsr223Processor.disabled"
-      />
+        :is-read-only="this.jsr223Processor.disabled" />
     </legend>
     <template v-slot:debugStepCode>
       <span v-if="jsr223Processor.testing" class="ms-test-running">
@@ -138,24 +95,15 @@
       </span>
       <span
         class="ms-step-debug-code"
-        :class="
-          jsr223Processor.requestResult[0].success && reqSuccess
-            ? 'ms-req-success'
-            : 'ms-req-error'
-        "
+        :class="jsr223Processor.requestResult[0].success && reqSuccess ? 'ms-req-success' : 'ms-req-error'"
         v-if="
           !loading &&
           !jsr223Processor.testing &&
           jsr223Processor.debug &&
           jsr223Processor.requestResult[0] &&
           jsr223Processor.requestResult[0].responseResult
-        "
-      >
-        {{
-          jsr223Processor.requestResult[0].success && reqSuccess
-            ? 'Success'
-            : 'Error'
-        }}
+        ">
+        {{ jsr223Processor.requestResult[0].success && reqSuccess ? 'Success' : 'Error' }}
       </span>
     </template>
 
@@ -163,41 +111,26 @@
     <template v-slot:result>
       <div
         v-loading="loading"
-        v-if="
-          jsr223Processor &&
-          jsr223Processor.requestResult &&
-          jsr223Processor.requestResult.length > 0
-        "
-      >
+        v-if="jsr223Processor && jsr223Processor.requestResult && jsr223Processor.requestResult.length > 0">
         <p class="tip">{{ $t('api_test.definition.request.res_param') }}</p>
         <el-tabs
           v-model="jsr223Processor.activeName"
           closable
           class="ms-tabs"
-          v-if="
-            jsr223Processor.requestResult &&
-            jsr223Processor.requestResult.length > 1
-          "
-        >
+          v-if="jsr223Processor.requestResult && jsr223Processor.requestResult.length > 1">
           <el-tab-pane
             v-for="(item, i) in jsr223Processor.requestResult"
             :label="'循环' + (i + 1)"
             :key="i"
-            style="margin-bottom: 5px"
-          >
-            <api-response-component
-              :currentProtocol="jsr223Processor.protocol"
-              :apiActive="true"
-              :result="item"
-            />
+            style="margin-bottom: 5px">
+            <api-response-component :currentProtocol="jsr223Processor.protocol" :apiActive="true" :result="item" />
           </el-tab-pane>
         </el-tabs>
         <api-response-component
           :currentProtocol="'HTTP'"
           :apiActive="true"
           :result="jsr223Processor.requestResult[0]"
-          v-else
-        />
+          v-else />
       </div>
     </template>
   </api-base-component>
@@ -210,10 +143,7 @@ import MsDropdown from '@/business/commons/MsDropdown';
 import ApiBaseComponent from '../common/ApiBaseComponent';
 import Jsr233ProcessorContent from '../common/Jsr233ProcessorContent';
 import ApiResponseComponent from './ApiResponseComponent';
-import {
-  stepCompute,
-  hisDataProcessing,
-} from '@/business/definition/api-definition';
+import { stepCompute, hisDataProcessing } from '@/business/definition/api-definition';
 
 export default {
   name: 'MsJsr233Processor',
@@ -267,11 +197,7 @@ export default {
     },
   },
   created() {
-    if (
-      this.request &&
-      this.request.type === 'JSR223Processor' &&
-      this.request.hashTree
-    ) {
+    if (this.request && this.request.type === 'JSR223Processor' && this.request.hashTree) {
       this.initStepSize(this.request.hashTree);
       this.historicalDataProcessing(this.request.hashTree);
     }
@@ -324,11 +250,7 @@ export default {
       }
     },
     forStatus() {
-      if (
-        this.jsr223Processor &&
-        this.jsr223Processor.result &&
-        this.jsr223Processor.result.length > 0
-      ) {
+      if (this.jsr223Processor && this.jsr223Processor.result && this.jsr223Processor.result.length > 0) {
         this.jsr223Processor.result.forEach((item) => {
           item.requestResult.forEach((req) => {
             if (!req.success) {
@@ -350,10 +272,7 @@ export default {
           }
         });
       }
-      if (
-        this.jsr223Processor.requestResult &&
-        this.jsr223Processor.requestResult.length > 0
-      ) {
+      if (this.jsr223Processor.requestResult && this.jsr223Processor.requestResult.length > 0) {
         this.response = this.jsr223Processor.requestResult[0];
       }
     },
diff --git a/api-test/frontend/src/business/automation/scenario/component/LoopController.vue b/api-test/frontend/src/business/automation/scenario/component/LoopController.vue
index 4042607586..2bb8696dad 100644
--- a/api-test/frontend/src/business/automation/scenario/component/LoopController.vue
+++ b/api-test/frontend/src/business/automation/scenario/component/LoopController.vue
@@ -9,8 +9,7 @@
       :run-data="debugData"
       @errorRefresh="errorRefresh"
       @runRefresh="runRefresh"
-      ref="runTest"
-    />
+      ref="runTest" />
     <api-base-component
       :if-from-variable-advance="ifFromVariableAdvance"
       :data="controller"
@@ -23,22 +22,19 @@
       @active="active(controller)"
       @remove="remove"
       color="#02A7F0"
-      background-color="#F4F4F5"
-    >
+      background-color="#F4F4F5">
       <template v-slot:headerLeft>
         <i
           class="icon el-icon-arrow-right"
           :class="{ 'is-active': controller.active }"
           style="margin-right: 10px"
-          v-if="!isMax"
-        />
+          v-if="!isMax" />
         <el-radio
           :disabled="controller.disabled"
           @change="changeRadio"
           class="ms-radio ms-radio-margin"
           v-model="controller.loopType"
-          label="LOOP_COUNT"
-        >
+          label="LOOP_COUNT">
           {{ $t('loop.loops_title') }}
         </el-radio>
         <el-radio
@@ -46,8 +42,7 @@
           @change="changeRadio"
           class="ms-radio ms-radio-margin"
           v-model="controller.loopType"
-          label="FOREACH"
-        >
+          label="FOREACH">
           {{ $t('loop.foreach') }}
         </el-radio>
         <el-radio
@@ -55,21 +50,15 @@
           @change="changeRadio"
           class="ms-radio ms-radio-margin"
           v-model="controller.loopType"
-          label="WHILE"
-        >
+          label="WHILE">
           {{ $t('loop.while') }}
         </el-radio>
       </template>
 
       <template v-slot:message>
         <span
-          v-if="
-            requestResult &&
-            requestResult.scenarios &&
-            requestResult.scenarios.length > 0
-          "
-          style="color: #8c939d; margin-right: 10px"
-        />
+          v-if="requestResult && requestResult.scenarios && requestResult.scenarios.length > 0"
+          style="color: #8c939d; margin-right: 10px" />
       </template>
 
       <template v-slot:button>
@@ -80,22 +69,13 @@
           icon="el-icon-video-play"
           class="ms-conn"
           size="mini"
-          circle
-        />
+          circle />
       </template>
-      <div
-        v-if="controller.loopType === 'LOOP_COUNT'"
-        draggable
-        v-loading="loading"
-      >
+      <div v-if="controller.loopType === 'LOOP_COUNT'" draggable v-loading="loading">
         <el-row>
           <el-col :span="8">
             <span class="ms-span ms-radio">{{ $t('loop.loops') }}</span>
-            <el-input
-              size="small"
-              v-model="controller.countController.loops"
-              style="width: 200px"
-            />
+            <el-input size="small" v-model="controller.countController.loops" style="width: 200px" />
             <span class="ms-span ms-radio">次</span>
           </el-col>
           <el-col :span="8">
@@ -107,41 +87,30 @@
               :max="1000 * 10000000"
               :min="0"
               :step="1000"
-              size="small"
-            />
+              size="small" />
             <span class="ms-span ms-radio">ms</span>
           </el-col>
           <el-col :span="8">
             <span class="ms-span ms-radio">{{ $t('loop.proceed') }}</span>
-            <el-tooltip
-              class="item"
-              effect="dark"
-              :content="$t('api_test.automation.loop_content')"
-              placement="top"
+            <el-tooltip class="item" effect="dark" :content="$t('api_test.automation.loop_content')" placement="top"
               >>
               <el-switch
                 :disabled="controller.disabled"
                 v-model="controller.countController.proceed"
-                @change="switchChange"
-              />
+                @change="switchChange" />
             </el-tooltip>
           </el-col>
         </el-row>
       </div>
 
-      <div
-        v-else-if="controller.loopType === 'FOREACH'"
-        draggable
-        v-loading="loading"
-      >
+      <div v-else-if="controller.loopType === 'FOREACH'" draggable v-loading="loading">
         <el-row>
           <el-col :span="8">
             <el-input
               :disabled="controller.disabled"
               :placeholder="$t('api_test.automation.loop_return_val')"
               v-model="controller.forEachController.returnVal"
-              size="small"
-            />
+              size="small" />
           </el-col>
           <el-col :span="1" style="margin-top: 6px">
             <span style="margin: 10px 10px 10px">in</span>
@@ -151,8 +120,7 @@
               :disabled="controller.disabled"
               :placeholder="$t('api_test.automation.loop_input_val')"
               v-model="controller.forEachController.inputVal"
-              size="small"
-            />
+              size="small" />
           </el-col>
           <el-col :span="7">
             <span class="ms-span ms-radio">{{ $t('loop.interval') }}</span>
@@ -163,8 +131,7 @@
               :placeholder="$t('commons.millisecond')"
               :max="1000 * 10000000"
               :min="0"
-              :step="1000"
-            />
+              :step="1000" />
             <span class="ms-span ms-radio">ms</span>
           </el-col>
         </el-row>
@@ -175,22 +142,15 @@
           :disabled="controller.disabled"
           size="small"
           :placeholder="$t('api_test.request.condition_variable')"
-          style="width: 20%"
-        />
+          style="width: 20%" />
         <el-select
           v-model="controller.whileController.operator"
           :disabled="controller.disabled"
           :placeholder="$t('commons.please_select')"
           size="small"
           @change="change"
-          style="width: 10%; margin-left: 10px"
-        >
-          <el-option
-            v-for="o in operators"
-            :key="o.value"
-            :label="$t(o.label)"
-            :value="o.value"
-          />
+          style="width: 10%; margin-left: 10px">
+          <el-option v-for="o in operators" :key="o.value" :label="$t(o.label)" :value="o.value" />
         </el-select>
         <el-input
           v-model="controller.whileController.value"
@@ -198,8 +158,7 @@
           size="small"
           :placeholder="$t('api_test.value')"
           v-if="!hasEmptyOperator"
-          style="width: 20%; margin-left: 20px"
-        />
+          style="width: 20%; margin-left: 20px" />
         <span class="ms-span ms-radio">{{ $t('loop.timeout') }}</span>
         <el-input-number
           v-model="controller.whileController.timeout"
@@ -208,8 +167,7 @@
           :placeholder="$t('commons.millisecond')"
           :max="1000 * 10000000"
           :min="3000"
-          :step="1000"
-        />
+          :step="1000" />
         <span class="ms-span ms-radio">ms</span>
       </div>
 
@@ -220,11 +178,8 @@
         </span>
         <span
           class="ms-step-debug-code"
-          :class="
-            node.data.code === 'ERROR' ? 'ms-req-error' : 'ms-req-success'
-          "
-          v-if="!loading && !node.data.testing && node.data.debug"
-        >
+          :class="node.data.code === 'ERROR' ? 'ms-req-error' : 'ms-req-success'"
+          v-if="!loading && !node.data.testing && node.data.debug">
           {{ getCode() }}
         </span>
       </template>
@@ -359,9 +314,7 @@ export default {
     clear(hashTree) {
       if (hashTree) {
         hashTree.forEach((item) => {
-          if (
-            this.stepFilter.get('AllSamplerProxy').indexOf(item.type) !== -1
-          ) {
+          if (this.stepFilter.get('AllSamplerProxy').indexOf(item.type) !== -1) {
             item.requestResult = [];
             item.result = undefined;
             item.code = undefined;
@@ -377,8 +330,7 @@ export default {
         if (data.error > 0) {
           this.node.data.code = 'error';
         } else {
-          this.node.data.code =
-            this.node.data.code !== 'ERROR' ? 'Success' : 'Error';
+          this.node.data.code = this.node.data.code !== 'ERROR' ? 'Success' : 'Error';
         }
       }
       this.reload();
@@ -386,9 +338,7 @@ export default {
     getCode() {
       if (this.node && this.node.data.code && this.node.data.debug) {
         let status = this.node.data.code;
-        return (
-          status.toLowerCase()[0].toUpperCase() + status.toLowerCase().substr(1)
-        );
+        return status.toLowerCase()[0].toUpperCase() + status.toLowerCase().substr(1);
       }
       return '';
     },
@@ -407,9 +357,7 @@ export default {
       ) {
         let count = 0;
         this.controller.hashTree[0].hashTree.forEach((item) => {
-          if (
-            this.stepFilter.get('AllSamplerProxy').indexOf(item.type) !== -1
-          ) {
+          if (this.stepFilter.get('AllSamplerProxy').indexOf(item.type) !== -1) {
             count++;
           }
           if (item.hashTree && item.hashTree.length > 0) {
@@ -425,9 +373,7 @@ export default {
     },
     recursive(arr, count) {
       for (let i in arr) {
-        if (
-          this.stepFilter.get('AllSamplerProxy').indexOf(arr[i].type) !== -1
-        ) {
+        if (this.stepFilter.get('AllSamplerProxy').indexOf(arr[i].type) !== -1) {
           count++;
         }
         if (arr[i].hashTree && arr[i].hashTree.length > 0) {
@@ -451,13 +397,8 @@ export default {
     runDebug() {
       this.loading = true;
       let currentEnvironmentId;
-      let resourceId =
-        this.currentScenario.id + '_' + this.controller.projectId;
-      if (
-        store.scenarioEnvMap &&
-        store.scenarioEnvMap instanceof Map &&
-        store.scenarioEnvMap.has(resourceId)
-      ) {
+      let resourceId = this.currentScenario.id + '_' + this.controller.projectId;
+      if (store.scenarioEnvMap && store.scenarioEnvMap instanceof Map && store.scenarioEnvMap.has(resourceId)) {
         currentEnvironmentId = store.scenarioEnvMap.get(resourceId);
       }
       this.debugData = {
@@ -515,10 +456,7 @@ export default {
     setResult(hashTree) {
       if (hashTree) {
         hashTree.forEach((item) => {
-          if (
-            this.stepFilter.get('AllSamplerProxy').indexOf(item.type) !== -1 &&
-            this.requestResult.has(item.id)
-          ) {
+          if (this.stepFilter.get('AllSamplerProxy').indexOf(item.type) !== -1 && this.requestResult.has(item.id)) {
             item.activeName = '0';
             item.active = true;
             item.requestResult = this.requestResult.get(item.id);
@@ -532,10 +470,7 @@ export default {
   },
   computed: {
     hasEmptyOperator() {
-      return (
-        !!this.controller.operator &&
-        this.controller.operator.indexOf('empty') > 0
-      );
+      return !!this.controller.operator && this.controller.operator.indexOf('empty') > 0;
     },
   },
 };
@@ -548,8 +483,7 @@ export default {
 
 .ms-radio {
   color: #606266;
-  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
-    Arial, sans-serif;
+  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', Arial, sans-serif;
   font-size: 13px;
   font-weight: normal;
 }
diff --git a/api-test/frontend/src/business/automation/scenario/component/PluginComponent.vue b/api-test/frontend/src/business/automation/scenario/component/PluginComponent.vue
index d63823a063..564c7cb0cd 100644
--- a/api-test/frontend/src/business/automation/scenario/component/PluginComponent.vue
+++ b/api-test/frontend/src/business/automation/scenario/component/PluginComponent.vue
@@ -11,16 +11,11 @@
       :show-btn="showBtn"
       :show-version="showVersion"
       :background-color="defBackgroundColor"
-      :title="pluginName"
-    >
+      :title="pluginName">
       <template v-slot:request>
         <legend style="width: 100%; display: table-column">
           <p class="tip">{{ $t('api_test.definition.request.req_param') }}</p>
-          <el-tabs
-            v-model="activeName"
-            class="request-tabs"
-            @tab-click="tabClick"
-          >
+          <el-tabs v-model="activeName" class="request-tabs" @tab-click="tabClick">
             <!-- 请求头-->
             <el-tab-pane label="插件数据" name="base">
               <div class="ms-form">
@@ -33,29 +28,16 @@
                     @prefix-change="change"
                     @prefix-click="change"
                     @display-change="changeDisplay"
-                    @prefix-visible-change="visibleChange"
-                  />
+                    @prefix-visible-change="visibleChange" />
                 </div>
               </div>
             </el-tab-pane>
 
             <!-- 脚本步骤/断言步骤 -->
-            <el-tab-pane
-              :label="$t('api_test.definition.request.pre_operation')"
-              name="preOperate"
-              v-if="showOther"
-            >
-              <span
-                class="item-tabs"
-                effect="dark"
-                placement="top-start"
-                slot="label"
-              >
+            <el-tab-pane :label="$t('api_test.definition.request.pre_operation')" name="preOperate" v-if="showOther">
+              <span class="item-tabs" effect="dark" placement="top-start" slot="label">
                 {{ $t('api_test.definition.request.pre_operation') }}
-                <div
-                  class="el-step__icon is-text ms-api-col ms-header"
-                  v-if="request.preSize > 0"
-                >
+                <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.preSize > 0">
                   <div class="el-step__icon-inner">{{ request.preSize }}</div>
                 </div>
               </span>
@@ -65,25 +47,12 @@
                 :scenario-id="currentScenario.id"
                 :response="response"
                 :tab-type="'pre'"
-                ref="preStep"
-              />
+                ref="preStep" />
             </el-tab-pane>
-            <el-tab-pane
-              :label="$t('api_test.definition.request.post_operation')"
-              name="postOperate"
-              v-if="showOther"
-            >
-              <span
-                class="item-tabs"
-                effect="dark"
-                placement="top-start"
-                slot="label"
-              >
+            <el-tab-pane :label="$t('api_test.definition.request.post_operation')" name="postOperate" v-if="showOther">
+              <span class="item-tabs" effect="dark" placement="top-start" slot="label">
                 {{ $t('api_test.definition.request.post_operation') }}
-                <div
-                  class="el-step__icon is-text ms-api-col ms-header"
-                  v-if="request.postSize > 0"
-                >
+                <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.postSize > 0">
                   <div class="el-step__icon-inner">{{ request.postSize }}</div>
                 </div>
               </span>
@@ -93,25 +62,15 @@
                 :scenario-id="currentScenario.id"
                 :response="response"
                 :tab-type="'post'"
-                ref="postStep"
-              />
+                ref="postStep" />
             </el-tab-pane>
             <el-tab-pane
               :label="$t('api_test.definition.request.assertions_rule')"
               name="assertionsRule"
-              v-if="showOther"
-            >
-              <span
-                class="item-tabs"
-                effect="dark"
-                placement="top-start"
-                slot="label"
-              >
+              v-if="showOther">
+              <span class="item-tabs" effect="dark" placement="top-start" slot="label">
                 {{ $t('api_test.definition.request.assertions_rule') }}
-                <div
-                  class="el-step__icon is-text ms-api-col ms-header"
-                  v-if="request.ruleSize > 0"
-                >
+                <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.ruleSize > 0">
                   <div class="el-step__icon-inner">{{ request.ruleSize }}</div>
                 </div>
               </span>
@@ -123,8 +82,7 @@
                   :response="response"
                   @reload="reload"
                   :tab-type="'assertionsRule'"
-                  ref="assertionsRule"
-                />
+                  ref="assertionsRule" />
               </div>
             </el-tab-pane>
           </el-tabs>
@@ -138,26 +96,14 @@
         </span>
         <span
           class="ms-step-debug-code"
-          :class="
-            request.requestResult[0].success ? 'ms-req-success' : 'ms-req-error'
-          "
-          v-if="
-            !loading &&
-            request.debug &&
-            request.requestResult[0] &&
-            request.requestResult[0].responseResult
-          "
-        >
+          :class="request.requestResult[0].success ? 'ms-req-success' : 'ms-req-error'"
+          v-if="!loading && request.debug && request.requestResult[0] && request.requestResult[0].responseResult">
           {{ request.requestResult[0].success ? 'Success' : 'Error' }}
         </span>
       </template>
 
       <template v-slot:button v-if="allSampler.indexOf(request.type) !== -1">
-        <el-tooltip
-          :content="$t('api_test.run')"
-          placement="top"
-          v-if="!loading"
-        >
+        <el-tooltip :content="$t('api_test.run')" placement="top" v-if="!loading">
           <el-button
             :disabled="!request.enable"
             @click="run"
@@ -165,23 +111,16 @@
             style="padding: 5px"
             class="ms-btn"
             size="mini"
-            circle
-          />
+            circle />
         </el-tooltip>
-        <el-tooltip
-          :content="$t('report.stop_btn')"
-          placement="top"
-          :enterable="false"
-          v-else
-        >
+        <el-tooltip :content="$t('report.stop_btn')" placement="top" :enterable="false" v-else>
           <el-button
             :disabled="!request.enable"
             @click.once="stop"
             size="mini"
             style="color: white; padding: 0 0.1px; width: 24px; height: 24px"
             class="stop-btn"
-            circle
-          >
+            circle>
             <div style="transform: scale(0.66)">
               <span style="margin-left: -4.5px; font-weight: bold">STOP</span>
             </div>
@@ -199,13 +138,8 @@
                   v-for="(item, i) in scenario.requestResults"
                   :label="'循环' + (i + 1)"
                   :key="i"
-                  style="margin-bottom: 5px"
-                >
-                  <api-response-component
-                    :currentProtocol="request.protocol"
-                    :apiActive="true"
-                    :result="item"
-                  />
+                  style="margin-bottom: 5px">
+                  <api-response-component :currentProtocol="request.protocol" :apiActive="true" :result="item" />
                 </el-tab-pane>
               </el-tabs>
             </div>
@@ -215,27 +149,20 @@
               v-model="request.activeName"
               closable
               class="ms-tabs"
-              v-if="request.requestResult && request.requestResult.length > 1"
-            >
+              v-if="request.requestResult && request.requestResult.length > 1">
               <el-tab-pane
                 v-for="(item, i) in request.requestResult"
                 :label="'循环' + (i + 1)"
                 :key="i"
-                style="margin-bottom: 5px"
-              >
-                <api-response-component
-                  :currentProtocol="request.protocol"
-                  :apiActive="true"
-                  :result="item"
-                />
+                style="margin-bottom: 5px">
+                <api-response-component :currentProtocol="request.protocol" :apiActive="true" :result="item" />
               </el-tab-pane>
             </el-tabs>
             <api-response-component
               :currentProtocol="request.protocol"
               :apiActive="true"
               :result="request.requestResult[0]"
-              v-else
-            />
+              v-else />
           </div>
         </div>
       </template>
@@ -247,8 +174,7 @@
       :env-map="envMap"
       @runRefresh="runRefresh"
       @errorRefresh="errorRefresh"
-      ref="runTest"
-    />
+      ref="runTest" />
   </div>
 </template>
 
@@ -260,10 +186,7 @@ import MsUpload from '../common/MsPluginUpload';
 import { PLUGIN_ELEMENTS } from '@/business/automation/scenario/Setting';
 import { getUUID } from 'metersphere-frontend/src/utils';
 import MsJmxStep from '@/business/definition/components/step/JmxStep';
-import {
-  stepCompute,
-  hisDataProcessing,
-} from '@/business/definition/api-definition';
+import { stepCompute, hisDataProcessing } from '@/business/definition/api-definition';
 import MsPluginContentAssertions from '@/business/automation/scenario/component/PluginContentAssertions';
 import { execStop } from '@/api/scenario';
 import { customMethod, getPlugin } from '@/api/plugin';
@@ -336,8 +259,7 @@ export default {
   computed: {
     isApiImport() {
       if (
-        (this.request.referenced != undefined &&
-          this.request.referenced === 'Deleted') ||
+        (this.request.referenced != undefined && this.request.referenced === 'Deleted') ||
         this.request.referenced == 'REF' ||
         this.request.referenced === 'Copy'
       ) {
@@ -358,10 +280,7 @@ export default {
       return false;
     },
     isDeletedOrRef() {
-      if (
-        (this.request.referenced && this.request.referenced === 'Deleted') ||
-        this.request.referenced === 'REF'
-      ) {
+      if ((this.request.referenced && this.request.referenced === 'Deleted') || this.request.referenced === 'REF') {
         return true;
       }
       return false;
@@ -373,9 +292,7 @@ export default {
       this.request.requestResult = [];
     }
     this.data = this.request;
-    this.pluginName = this.request.stepName
-      ? this.request.stepName
-      : this.request.type;
+    this.pluginName = this.request.stepName ? this.request.stepName : this.request.type;
     if (this.request.type === 'GenericController') {
       this.showOther = false;
     }
@@ -430,20 +347,12 @@ export default {
     blur(d) {},
     change(fileName) {},
     changeDisplay(fileName) {
-      if (
-        fileName === 'number of received messages' &&
-        this.pluginForm &&
-        this.pluginForm.hidden instanceof Function
-      ) {
+      if (fileName === 'number of received messages' && this.pluginForm && this.pluginForm.hidden instanceof Function) {
         this.pluginForm.hidden(false, 'conditionTime');
         this.pluginForm.hidden(false, 'conditionValue');
         this.pluginForm.hidden(true, 'conditionContent');
       }
-      if (
-        fileName === 'specified elapsed time (ms)' &&
-        this.pluginForm &&
-        this.pluginForm.hidden instanceof Function
-      ) {
+      if (fileName === 'specified elapsed time (ms)' && this.pluginForm && this.pluginForm.hidden instanceof Function) {
         this.pluginForm.hidden(false, 'conditionTime');
         this.pluginForm.hidden(true, 'conditionValue');
         this.pluginForm.hidden(true, 'conditionContent');
@@ -468,13 +377,9 @@ export default {
       if (
         store.scenarioEnvMap &&
         store.scenarioEnvMap instanceof Map &&
-        store.scenarioEnvMap.has(
-          this.currentScenario.id + '_' + this.request.projectId
-        )
+        store.scenarioEnvMap.has(this.currentScenario.id + '_' + this.request.projectId)
       ) {
-        currentEnvironmentId = store.scenarioEnvMap.get(
-          this.currentScenario.id + '_' + this.request.projectId
-        );
+        currentEnvironmentId = store.scenarioEnvMap.get(this.currentScenario.id + '_' + this.request.projectId);
       }
       let debugData = {
         id: this.currentScenario.id,
@@ -515,10 +420,7 @@ export default {
         let result;
         while ((result = reg.exec(val)) !== null) {
           if (this.pluginForm.getRule(result[1])) {
-            val = val.replace(
-              '$' + result[0],
-              this.pluginForm.getRule(result[1]).value
-            );
+            val = val.replace('$' + result[0], this.pluginForm.getRule(result[1]).value);
           }
         }
         return val;
@@ -534,9 +436,7 @@ export default {
           };
           customMethod(req).then((response) => {
             if (response.data && this.pluginForm.getRule(d.inject[0]).options) {
-              this.pluginForm.getRule(d.inject[0]).options = JSON.parse(
-                response.data
-              );
+              this.pluginForm.getRule(d.inject[0]).options = JSON.parse(response.data);
             }
           });
           this.reload();
@@ -559,11 +459,7 @@ export default {
             }
             this.option.submitBtn = { show: false };
             this.request.clazzName = plugin.clazzName;
-            if (
-              this.request &&
-              this.pluginForm &&
-              this.pluginForm.setValue instanceof Function
-            ) {
+            if (this.request && this.pluginForm && this.pluginForm.setValue instanceof Function) {
               this.pluginForm.setValue(this.request);
             }
             if (this.request.condition) {
@@ -588,10 +484,7 @@ export default {
             }
           });
         });
-      } else if (
-        this.request.requestResult &&
-        this.request.requestResult.length > 1
-      ) {
+      } else if (this.request.requestResult && this.request.requestResult.length > 1) {
         this.request.requestResult.forEach((item) => {
           if (!item.success) {
             this.reqSuccess = item.success;
@@ -629,12 +522,7 @@ export default {
     },
     active() {
       this.request.active = !this.request.active;
-      if (
-        this.request &&
-        this.request.active &&
-        this.pluginForm &&
-        this.pluginForm.setValue instanceof Function
-      ) {
+      if (this.request && this.request.active && this.pluginForm && this.pluginForm.setValue instanceof Function) {
         this.pluginForm.setValue(this.request);
       }
     },
diff --git a/api-test/frontend/src/business/automation/scenario/component/PluginContentAssertions.vue b/api-test/frontend/src/business/automation/scenario/component/PluginContentAssertions.vue
index 5f7bcbb0ec..25f65f1cd2 100644
--- a/api-test/frontend/src/business/automation/scenario/component/PluginContentAssertions.vue
+++ b/api-test/frontend/src/business/automation/scenario/component/PluginContentAssertions.vue
@@ -8,100 +8,52 @@
           v-model="value.contentType"
           style="margin-left: 10px; width: 120px; height: 32px"
           :placeholder="$t('api_test.request.assertions.select_type')"
-          size="small"
-        >
-          <el-option
-            :label="$t('api_test.request.assertions.text')"
-            :value="options.TEXT"
-          />
+          size="small">
+          <el-option :label="$t('api_test.request.assertions.text')" :value="options.TEXT" />
           <el-option :label="'JSONPath'" :value="options.JSON_PATH" />
           <el-option :label="'XPath'" :value="options.XPATH2" />
         </el-select>
-        <el-button
-          type="primary"
-          size="mini"
-          @click="add"
-          style="margin-left: 20px"
-        >
+        <el-button type="primary" size="mini" @click="add" style="margin-left: 20px">
           {{ $t('api_test.request.assertions.add') }}
         </el-button>
       </el-col>
       <el-col :span="8" :offset="3">
         <span>{{ this.$t('api_test.request.sql.timeout') }}</span>
-        <el-input
-          size="mini"
-          style="width: 100px; margin-left: 10px"
-          v-model="value.timeOut"
-        ></el-input>
+        <el-input size="mini" style="width: 100px; margin-left: 10px" v-model="value.timeOut"></el-input>
       </el-col>
     </el-row>
     <el-row>
       <el-container>
-        <el-aside
-          width="73px"
-          style="overflow: hidden"
-          v-if="value.list.length > 1"
-        >
+        <el-aside width="73px" style="overflow: hidden" v-if="value.list.length > 1">
           <div style="height: 100%" id="moreOptionTypeDiv">
             <div
               class="ms-top-line-box"
               :style="{
                 height: lineDivTopHeight + 'px',
                 marginTop: lineDivMarginTopHeight + 'px',
-              }"
-            ></div>
+              }"></div>
             <div>
-              <el-select
-                class="ms-http-select"
-                size="small"
-                v-model="value.filterType"
-                style="width: 70px"
-              >
-                <el-option
-                  v-for="item in filterTypes"
-                  :key="item.id"
-                  :label="item.label"
-                  :value="item.id"
-                />
+              <el-select class="ms-http-select" size="small" v-model="value.filterType" style="width: 70px">
+                <el-option v-for="item in filterTypes" :key="item.id" :label="item.label" :value="item.id" />
               </el-select>
             </div>
-            <div
-              class="ms-bottom-line-box"
-              :style="{ height: lineDivBottomHeight + 'px' }"
-            ></div>
+            <div class="ms-bottom-line-box" :style="{ height: lineDivBottomHeight + 'px' }"></div>
           </div>
         </el-aside>
         <el-main style="padding: 0px 20px 0px 0px; overflow: hidden">
           <div v-for="(data, index) in value.list" :key="index">
             <el-col name="itemOptions">
-              <div
-                v-if="data.type === options.TEXT"
-                class="assertion-item-editing"
-              >
-                <el-row
-                  :gutter="10"
-                  type="flex"
-                  justify="space-between"
-                  align="middle"
-                >
+              <div v-if="data.type === options.TEXT" class="assertion-item-editing">
+                <el-row :gutter="10" type="flex" justify="space-between" align="middle">
                   <el-col class="ms-assertion-select">
                     <el-select
                       :disabled="true"
                       style="width: 120px; height: 32px"
                       v-model="data.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="'JSONPath'"
-                        :value="options.JSON_PATH"
-                      />
+                      :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="'JSONPath'" :value="options.JSON_PATH" />
                       <el-option :label="'XPath'" :value="options.XPATH2" />
                     </el-select>
                   </el-col>
@@ -111,30 +63,12 @@
                       style="width: 120px; height: 32px"
                       v-model="data.option"
                       size="small"
-                      :placeholder="
-                        $t('api_test.request.assertions.select_condition')
-                      "
-                    >
-                      <el-option
-                        :label="$t('api_test.request.assertions.contains')"
-                        value="CONTAINS"
-                      />
-                      <el-option
-                        :label="$t('api_test.request.assertions.not_contains')"
-                        value="NOT_CONTAINS"
-                      />
-                      <el-option
-                        :label="$t('api_test.request.assertions.equals')"
-                        value="EQUALS"
-                      />
-                      <el-option
-                        :label="$t('api_test.request.assertions.start_with')"
-                        value="START_WITH"
-                      />
-                      <el-option
-                        :label="$t('api_test.request.assertions.end_with')"
-                        value="END_WITH"
-                      />
+                      :placeholder="$t('api_test.request.assertions.select_condition')">
+                      <el-option :label="$t('api_test.request.assertions.contains')" value="CONTAINS" />
+                      <el-option :label="$t('api_test.request.assertions.not_contains')" value="NOT_CONTAINS" />
+                      <el-option :label="$t('api_test.request.assertions.equals')" value="EQUALS" />
+                      <el-option :label="$t('api_test.request.assertions.start_with')" value="START_WITH" />
+                      <el-option :label="$t('api_test.request.assertions.end_with')" value="END_WITH" />
                     </el-select>
                   </el-col>
                   <el-col>
@@ -145,21 +79,16 @@
                       size="small"
                       show-word-limit
                       :placeholder="$t('api_test.request.assertions.value')"
-                      width="500px"
-                    />
+                      width="500px" />
                   </el-col>
                   <el-col class="assertion-btn">
-                    <el-tooltip
-                      :content="$t('test_resource_pool.enable_disable')"
-                      placement="top"
-                    >
+                    <el-tooltip :content="$t('test_resource_pool.enable_disable')" placement="top">
                       <el-switch
                         v-model="data.enable"
                         class="enable-switch"
                         size="mini"
                         :disabled="isReadOnly"
-                        style="width: 30px; margin-right: 10px"
-                      />
+                        style="width: 30px; margin-right: 10px" />
                     </el-tooltip>
 
                     <el-button
@@ -168,40 +97,22 @@
                       size="mini"
                       icon="el-icon-delete"
                       circle
-                      @click="remove(data)"
-                    />
+                      @click="remove(data)" />
                   </el-col>
                 </el-row>
               </div>
 
-              <div
-                v-if="data.type === options.JSON_PATH"
-                class="assertion-item-editing"
-              >
-                <el-row
-                  :gutter="10"
-                  type="flex"
-                  justify="space-between"
-                  align="middle"
-                >
+              <div v-if="data.type === options.JSON_PATH" class="assertion-item-editing">
+                <el-row :gutter="10" type="flex" justify="space-between" align="middle">
                   <el-col class="ms-assertion-select">
                     <el-select
                       :disabled="true"
                       style="width: 120px; height: 32px"
                       v-model="data.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="'JSONPath'"
-                        :value="options.JSON_PATH"
-                      />
+                      :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="'JSONPath'" :value="options.JSON_PATH" />
                       <el-option :label="'XPath'" :value="options.XPATH2" />
                     </el-select>
                   </el-col>
@@ -212,10 +123,7 @@
                       maxlength="500"
                       size="small"
                       show-word-limit
-                      :placeholder="
-                        $t('api_test.request.extract.json_path_expression')
-                      "
-                    />
+                      :placeholder="$t('api_test.request.extract.json_path_expression')" />
                   </el-col>
                   <el-col>
                     <el-select
@@ -223,36 +131,14 @@
                       class="ms-col-type"
                       size="small"
                       style="width: 100px; margin-right: 10px"
-                      @change="reload"
-                    >
-                      <el-option
-                        :label="$t('api_test.request.assertions.contains')"
-                        value="CONTAINS"
-                      />
-                      <el-option
-                        :label="$t('api_test.request.assertions.not_contains')"
-                        value="NOT_CONTAINS"
-                      />
-                      <el-option
-                        :label="$t('api_test.request.assertions.equals')"
-                        value="EQUALS"
-                      />
-                      <el-option
-                        :label="$t('commons.adv_search.operators.not_equals')"
-                        value="NOT_EQUALS"
-                      />
-                      <el-option
-                        :label="$t('commons.adv_search.operators.gt')"
-                        value="GT"
-                      />
-                      <el-option
-                        :label="$t('commons.adv_search.operators.lt')"
-                        value="LT"
-                      />
-                      <el-option
-                        :label="$t('api_test.request.assertions.regular_match')"
-                        value="REGEX"
-                      />
+                      @change="reload">
+                      <el-option :label="$t('api_test.request.assertions.contains')" value="CONTAINS" />
+                      <el-option :label="$t('api_test.request.assertions.not_contains')" value="NOT_CONTAINS" />
+                      <el-option :label="$t('api_test.request.assertions.equals')" value="EQUALS" />
+                      <el-option :label="$t('commons.adv_search.operators.not_equals')" value="NOT_EQUALS" />
+                      <el-option :label="$t('commons.adv_search.operators.gt')" value="GT" />
+                      <el-option :label="$t('commons.adv_search.operators.lt')" value="LT" />
+                      <el-option :label="$t('api_test.request.assertions.regular_match')" value="REGEX" />
                     </el-select>
                     <el-input
                       :disabled="isReadOnly"
@@ -260,8 +146,7 @@
                       size="small"
                       show-word-limit
                       :placeholder="$t('api_test.request.assertions.expect')"
-                      style="width: 50%"
-                    />
+                      style="width: 50%" />
                     <el-tooltip placement="top" v-if="data.option === 'REGEX'">
                       <div slot="content">
                         {{ $t('api_test.request.assertions.regex_info') }}
@@ -270,17 +155,13 @@
                     </el-tooltip>
                   </el-col>
                   <el-col class="assertion-btn">
-                    <el-tooltip
-                      :content="$t('test_resource_pool.enable_disable')"
-                      placement="top"
-                    >
+                    <el-tooltip :content="$t('test_resource_pool.enable_disable')" placement="top">
                       <el-switch
                         v-model="data.enable"
                         class="enable-switch"
                         size="mini"
                         :disabled="isReadOnly"
-                        style="width: 30px; margin-right: 10px"
-                      />
+                        style="width: 30px; margin-right: 10px" />
                     </el-tooltip>
                     <el-button
                       :disabled="isReadOnly"
@@ -288,40 +169,22 @@
                       size="mini"
                       icon="el-icon-delete"
                       circle
-                      @click="remove(data)"
-                    />
+                      @click="remove(data)" />
                   </el-col>
                 </el-row>
               </div>
 
-              <div
-                v-if="data.type === options.XPATH2"
-                class="assertion-item-editing"
-              >
-                <el-row
-                  :gutter="10"
-                  type="flex"
-                  justify="space-between"
-                  align="middle"
-                >
+              <div v-if="data.type === options.XPATH2" class="assertion-item-editing">
+                <el-row :gutter="10" type="flex" justify="space-between" align="middle">
                   <el-col class="ms-assertion-select">
                     <el-select
                       :disabled="true"
                       style="width: 120px; height: 32px"
                       v-model="data.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="'JSONPath'"
-                        :value="options.JSON_PATH"
-                      />
+                      :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="'JSONPath'" :value="options.JSON_PATH" />
                       <el-option :label="'XPath'" :value="options.XPATH2" />
                     </el-select>
                   </el-col>
@@ -332,23 +195,16 @@
                       maxlength="500"
                       size="small"
                       show-word-limit
-                      :placeholder="
-                        $t('api_test.request.extract.xpath_expression')
-                      "
-                    />
+                      :placeholder="$t('api_test.request.extract.xpath_expression')" />
                   </el-col>
                   <el-col class="assertion-btn">
-                    <el-tooltip
-                      :content="$t('test_resource_pool.enable_disable')"
-                      placement="top"
-                    >
+                    <el-tooltip :content="$t('test_resource_pool.enable_disable')" placement="top">
                       <el-switch
                         v-model="data.enable"
                         class="enable-switch"
                         size="mini"
                         :disabled="isReadOnly"
-                        style="width: 30px; margin-right: 10px"
-                      />
+                        style="width: 30px; margin-right: 10px" />
                     </el-tooltip>
                     <el-button
                       :disabled="isReadOnly"
@@ -356,8 +212,7 @@
                       size="mini"
                       icon="el-icon-delete"
                       circle
-                      @click="remove(data)"
-                    />
+                      @click="remove(data)" />
                   </el-col>
                 </el-row>
               </div>
diff --git a/api-test/frontend/src/business/automation/scenario/component/StepExtendBtns.vue b/api-test/frontend/src/business/automation/scenario/component/StepExtendBtns.vue
index 92e5882ada..da31b82dfe 100644
--- a/api-test/frontend/src/business/automation/scenario/component/StepExtendBtns.vue
+++ b/api-test/frontend/src/business/automation/scenario/component/StepExtendBtns.vue
@@ -5,37 +5,28 @@
         <el-icon class="el-icon-more"></el-icon>
       </el-link>
       <el-dropdown-menu slot="dropdown">
-        <el-dropdown-item command="copy" v-if="data.command">{{
-          this.$t('commons.copy')
-        }}</el-dropdown-item>
+        <el-dropdown-item command="copy" v-if="data.command">{{ this.$t('commons.copy') }}</el-dropdown-item>
         <el-dropdown-item command="enable" v-if="data.command && data.enable"
           >{{ this.$t('ui.disable') }}
         </el-dropdown-item>
         <el-dropdown-item command="enable" v-if="data.command && !data.enable"
           >{{ this.$t('ui.enable') }}
         </el-dropdown-item>
-        <el-dropdown-item command="remove">{{
-          this.$t('api_test.automation.delete_step')
-        }}</el-dropdown-item>
+        <el-dropdown-item command="remove">{{ this.$t('api_test.automation.delete_step') }}</el-dropdown-item>
         <el-dropdown-item command="rename" v-if="!isScenario"
           >{{ this.$t('test_track.module.rename') }}
         </el-dropdown-item>
         <el-dropdown-item command="scenarioVar" v-if="data.type === 'scenario'">
           {{ this.$t('api_test.automation.view_scene_variables') }}
         </el-dropdown-item>
-        <el-dropdown-item
-          command="openScenario"
-          v-if="data.type === 'scenario' && data.referenced === 'REF'"
-        >
+        <el-dropdown-item command="openScenario" v-if="data.type === 'scenario' && data.referenced === 'REF'">
           {{ this.$t('api_test.automation.open_scene') }}
         </el-dropdown-item>
         <el-dropdown-item
           command="saveAs"
           v-if="
-            allSamplers.indexOf(data.type) != -1 &&
-            (data.referenced === undefined || data.referenced === 'Created')
-          "
-        >
+            allSamplers.indexOf(data.type) != -1 && (data.referenced === undefined || data.referenced === 'Created')
+          ">
           {{ this.$t('api_test.automation.save_as_api') }}
         </el-dropdown-item>
         <el-dropdown-item command="saveAsCase" v-if="data.refType === 'API'">
@@ -51,22 +42,10 @@
 
     <ms-add-api-case :currentProtocol="currentProtocol" ref="apiCase" />
 
-    <el-dialog
-      :title="$t('commons.reference_settings')"
-      :visible.sync="dialogVisible"
-      width="400px"
-    >
+    <el-dialog :title="$t('commons.reference_settings')" :visible.sync="dialogVisible" width="400px">
       <ul>
-        <el-tooltip
-          :content="$t('commons.enable_scene_info')"
-          placement="top"
-          v-if="showEnableScenario"
-        >
-          <el-checkbox
-            v-model="data.environmentEnable"
-            @change="checkEnv"
-            :disabled="data.disabled"
-          >
+        <el-tooltip :content="$t('commons.enable_scene_info')" placement="top" v-if="showEnableScenario">
+          <el-checkbox v-model="data.environmentEnable" @change="checkEnv" :disabled="data.disabled">
             {{ $t('commons.enable_scene') }}
           </el-checkbox>
         </el-tooltip>
@@ -85,11 +64,7 @@ import MsAddBasisApi from '../api/AddBasisApi';
 import MsAddApiCase from '../api/AddApiCase';
 import { getUUID, strMapToObj } from 'metersphere-frontend/src/utils';
 import { getCurrentProjectID } from 'metersphere-frontend/src/utils/token';
-import {
-  checkScenarioEnv,
-  getScenarioWithBLOBsById,
-  setScenarioDomain,
-} from '@/api/scenario';
+import { checkScenarioEnv, getScenarioWithBLOBsById, setScenarioDomain } from '@/api/scenario';
 import { hasPermission } from 'metersphere-frontend/src/utils/permission';
 
 export default {
@@ -134,11 +109,7 @@ export default {
           this.$emit('remove');
           break;
         case 'scenarioVar':
-          this.$refs.scenarioParameters.open(
-            this.data.variables,
-            this.data.headers,
-            this.data.referenced === 'REF'
-          );
+          this.$refs.scenarioParameters.open(this.data.variables, this.data.headers, this.data.referenced === 'REF');
           break;
         case 'openScenario':
           this.getScenario();
@@ -216,11 +187,7 @@ export default {
     },
     setOwnEnvironment(scenarioDefinition) {
       for (let i in scenarioDefinition) {
-        let typeArray = [
-          'JDBCPostProcessor',
-          'JDBCSampler',
-          'JDBCPreProcessor',
-        ];
+        let typeArray = ['JDBCPostProcessor', 'JDBCSampler', 'JDBCPreProcessor'];
         if (typeArray.indexOf(scenarioDefinition[i].type) !== -1) {
           scenarioDefinition[i].environmentEnable = this.data.environmentEnable;
           scenarioDefinition[i].refEevMap = new Map();
@@ -228,10 +195,7 @@ export default {
             scenarioDefinition[i].refEevMap = this.data.environmentMap;
           }
         }
-        if (
-          scenarioDefinition[i].hashTree &&
-          scenarioDefinition[i].hashTree.length > 0
-        ) {
+        if (scenarioDefinition[i].hashTree && scenarioDefinition[i].hashTree.length > 0) {
           this.setOwnEnvironment(scenarioDefinition[i].hashTree);
         }
       }
diff --git a/api-test/frontend/src/business/automation/scenario/component/TransactionController.vue b/api-test/frontend/src/business/automation/scenario/component/TransactionController.vue
index 38dc45dfb1..c595a12b92 100644
--- a/api-test/frontend/src/business/automation/scenario/component/TransactionController.vue
+++ b/api-test/frontend/src/business/automation/scenario/component/TransactionController.vue
@@ -11,8 +11,7 @@
     color="#783887"
     background-color="#FCF6EE"
     :if-from-variable-advance="ifFromVariableAdvance"
-    :title="$t('api_test.automation.transaction_controller')"
-  >
+    :title="$t('api_test.automation.transaction_controller')">
     <template v-slot:debugStepCode>
       <span v-if="node.data.testing" class="ms-test-running">
         <i class="el-icon-loading" style="font-size: 16px" />
@@ -21,8 +20,7 @@
       <span
         class="ms-step-debug-code"
         :class="node.data.code === 'ERROR' ? 'ms-req-error' : 'ms-req-success'"
-        v-if="!loading && !node.data.testing && node.data.debug"
-      >
+        v-if="!loading && !node.data.testing && node.data.debug">
         {{ getCode() }}
       </span>
     </template>
@@ -33,21 +31,15 @@
         size="mini"
         v-model="controller.name"
         style="width: 20%"
-        :placeholder="$t('api_test.automation.transaction_controller')"
-      />
+        :placeholder="$t('api_test.automation.transaction_controller')" />
       <el-checkbox
         v-model="controller.generateParentSample"
         @change="changeGenerateParantSample"
         :disabled="controller.disabled"
-        class="ms-btn"
-      >
+        class="ms-btn">
         Generate Parent Sample
       </el-checkbox>
-      <el-checkbox
-        v-model="controller.includeTimers"
-        @change="changeIncludeTimers"
-        :disabled="controller.disabled"
-      >
+      <el-checkbox v-model="controller.includeTimers" @change="changeIncludeTimers" :disabled="controller.disabled">
         Include Timers
       </el-checkbox>
     </template>
@@ -170,10 +162,7 @@ export default {
   },
   computed: {
     hasEmptyOperator() {
-      return (
-        !!this.controller.operator &&
-        this.controller.operator.indexOf('empty') > 0
-      );
+      return !!this.controller.operator && this.controller.operator.indexOf('empty') > 0;
     },
   },
 };
diff --git a/api-test/frontend/src/business/automation/scenario/component/urlhelper.js b/api-test/frontend/src/business/automation/scenario/component/urlhelper.js
index c2db0855e8..a232e155f1 100644
--- a/api-test/frontend/src/business/automation/scenario/component/urlhelper.js
+++ b/api-test/frontend/src/business/automation/scenario/component/urlhelper.js
@@ -1,10 +1,7 @@
 export function getUrl(d) {
   let url = '/#';
   let resourceId = d.sourceId;
-  if (
-    resourceId &&
-    (resourceId.startsWith('"') || resourceId.startsWith('['))
-  ) {
+  if (resourceId && (resourceId.startsWith('"') || resourceId.startsWith('['))) {
     resourceId = JSON.parse(d.sourceId);
   }
   if (resourceId instanceof Array) {
@@ -21,13 +18,7 @@ export function getUrl(d) {
           url += '/api/definition?resourceId=' + resourceId;
           break;
         case 'CASE':
-          url +=
-            '/api/definition?caseId=' +
-            d.id +
-            '&projectId=' +
-            d.projectId +
-            '&workspaceId=' +
-            d.workspaceId;
+          url += '/api/definition?caseId=' + d.id + '&projectId=' + d.projectId + '&workspaceId=' + d.workspaceId;
           break;
       }
       break;
@@ -37,13 +28,7 @@ export function getUrl(d) {
           url += '/api/definition?resourceId=' + resourceId;
           break;
         case 'CASE':
-          url +=
-            '/api/definition?caseId=' +
-            d.id +
-            '&projectId=' +
-            d.projectId +
-            '&workspaceId=' +
-            d.workspaceId;
+          url += '/api/definition?caseId=' + d.id + '&projectId=' + d.projectId + '&workspaceId=' + d.workspaceId;
           break;
       }
       break;
@@ -53,13 +38,7 @@ export function getUrl(d) {
           url += '/api/definition?resourceId=' + resourceId;
           break;
         case 'CASE':
-          url +=
-            '/api/definition?caseId=' +
-            d.id +
-            '&projectId=' +
-            d.projectId +
-            '&workspaceId=' +
-            d.workspaceId;
+          url += '/api/definition?caseId=' + d.id + '&projectId=' + d.projectId + '&workspaceId=' + d.workspaceId;
           break;
       }
       break;
@@ -69,13 +48,7 @@ export function getUrl(d) {
           url += '/api/definition?resourceId=' + resourceId;
           break;
         case 'CASE':
-          url +=
-            '/api/definition?caseId=' +
-            d.id +
-            '&projectId=' +
-            d.projectId +
-            '&workspaceId=' +
-            d.workspaceId;
+          url += '/api/definition?caseId=' + d.id + '&projectId=' + d.projectId + '&workspaceId=' + d.workspaceId;
           break;
       }
       break;
@@ -85,13 +58,7 @@ export function getUrl(d) {
           url += '/api/definition?resourceId=' + resourceId;
           break;
         case 'CASE':
-          url +=
-            '/api/definition?caseId=' +
-            d.id +
-            '&projectId=' +
-            d.projectId +
-            '&workspaceId=' +
-            d.workspaceId;
+          url += '/api/definition?caseId=' + d.id + '&projectId=' + d.projectId + '&workspaceId=' + d.workspaceId;
           break;
       }
       break;
diff --git a/api-test/frontend/src/business/automation/scenario/maximize/MaximizeScenario.vue b/api-test/frontend/src/business/automation/scenario/maximize/MaximizeScenario.vue
index 8722377178..aa6e22b278 100644
--- a/api-test/frontend/src/business/automation/scenario/maximize/MaximizeScenario.vue
+++ b/api-test/frontend/src/business/automation/scenario/maximize/MaximizeScenario.vue
@@ -8,32 +8,20 @@
               :content="$t('test_track.case.batch_operate')"
               placement="top"
               effect="light"
-              v-show="!isBatchProcess"
-            >
+              v-show="!isBatchProcess">
               <font-awesome-icon
                 class="ms-batch-btn"
                 :icon="['fa', 'bars']"
                 v-prevent-re-click
-                @click="batchProcessing"
-              />
+                @click="batchProcessing" />
             </el-tooltip>
-            <el-checkbox
-              v-show="isBatchProcess"
-              v-model="isCheckedAll"
-              @change="checkedAll"
-            />
-            <el-tooltip
-              :content="$t('commons.cancel')"
-              placement="top"
-              effect="light"
-              v-show="isBatchProcess"
-            >
+            <el-checkbox v-show="isBatchProcess" v-model="isCheckedAll" @change="checkedAll" />
+            <el-tooltip :content="$t('commons.cancel')" placement="top" effect="light" v-show="isBatchProcess">
               <font-awesome-icon
                 class="ms-batch-btn"
                 :icon="['fa', 'times']"
                 v-prevent-re-click
-                @click="cancelBatchProcessing"
-              />
+                @click="cancelBatchProcessing" />
             </el-tooltip>
           </div>
         </el-col>
@@ -44,16 +32,10 @@
             <el-row>
               <el-col :span="8">
                 <el-tooltip placement="top" :content="currentScenario.name">
-                  <span class="ms-max-scenario-name-width">{{
-                    currentScenario.name
-                  }}</span>
+                  <span class="ms-max-scenario-name-width">{{ currentScenario.name }}</span>
                 </el-tooltip>
               </el-col>
-              <el-col :span="8">
-                {{ $t('api_test.automation.step_total') }}：{{
-                  scenarioDefinition.length
-                }}
-              </el-col>
+              <el-col :span="8"> {{ $t('api_test.automation.step_total') }}：{{ scenarioDefinition.length }} </el-col>
               <el-col :span="8">
                 <el-link class="head" @click="showScenarioParameters"
                   >{{ $t('api_test.automation.scenario_total') }}
@@ -64,14 +46,8 @@
           </div>
         </el-col>
         <el-col :span="12">
-          <el-checkbox v-model="cookieShare" @change="setCookieShare"
-            >共享cookie</el-checkbox
-          >
-          <el-checkbox
-            v-model="sampleError"
-            @change="setOnSampleError"
-            style="margin-right: 10px"
-          >
+          <el-checkbox v-model="cookieShare" @change="setCookieShare">共享cookie</el-checkbox>
+          <el-checkbox v-model="sampleError" @change="setOnSampleError" style="margin-right: 10px">
             {{ $t('commons.failure_continues') }}
           </el-checkbox>
           <env-popover
@@ -88,8 +64,7 @@
             ref="envPopover"
             class="ms-right"
             :has-option-group="true"
-            :result="envResult"
-          />
+            :result="envResult" />
 
           <el-dropdown
             split-button
@@ -98,55 +73,30 @@
             style="margin: 0px 10px 0px"
             size="mini"
             @command="handleCommand"
-            v-show="!debugLoading"
-          >
+            v-show="!debugLoading">
             {{ $t('api_test.request.debug') }}
             <el-dropdown-menu slot="dropdown">
-              <el-dropdown-item>{{
-                $t('api_test.automation.generate_report')
-              }}</el-dropdown-item>
+              <el-dropdown-item>{{ $t('api_test.automation.generate_report') }}</el-dropdown-item>
             </el-dropdown-menu>
           </el-dropdown>
-          <el-button
-            size="mini"
-            type="primary"
-            style="margin: 0px 10px 0px"
-            v-show="debugLoading"
-            @click="stop"
-          >
+          <el-button size="mini" type="primary" style="margin: 0px 10px 0px" v-show="debugLoading" @click="stop">
             {{ $t('report.stop_btn') }}
           </el-button>
         </el-col>
 
-        <font-awesome-icon
-          class="ms-min-alt-ico"
-          :icon="['fa', 'compress-alt']"
-          size="lg"
-          @click="unFullScreen"
-        />
+        <font-awesome-icon class="ms-min-alt-ico" :icon="['fa', 'compress-alt']" size="lg" @click="unFullScreen" />
       </el-row>
     </div>
 
     <!-- 场景步骤-->
     <ms-container :class="{ 'maximize-container': !asideHidden }">
-      <ms-aside-container
-        @setAsideHidden="setAsideHidden"
-        style="padding: 0px; overflow: hidden"
-      >
+      <ms-aside-container @setAsideHidden="setAsideHidden" style="padding: 0px; overflow: hidden">
         <div class="ms-debug-result" v-if="reqTotal > 0">
           <span style="float: right">
             <span class="ms-message-right"> {{ reqTotalTime }} ms </span>
-            <span class="ms-message-right"
-              >{{ $t('api_test.automation.request_total') }}
-              {{ reqTotal }}</span
-            >
-            <span class="ms-message-right"
-              >{{ $t('api_test.automation.request_success') }}
-              {{ reqSuccess }}</span
-            >
-            <span class="ms-message-right">
-              {{ $t('api_test.automation.request_error') }} {{ reqError }}</span
-            >
+            <span class="ms-message-right">{{ $t('api_test.automation.request_total') }} {{ reqTotal }}</span>
+            <span class="ms-message-right">{{ $t('api_test.automation.request_success') }} {{ reqSuccess }}</span>
+            <span class="ms-message-right"> {{ $t('api_test.automation.request_error') }} {{ reqError }}</span>
           </span>
         </div>
         <!-- 场景步骤内容 -->
@@ -167,56 +117,35 @@
             @node-drag-end="allowDrag"
             @node-click="nodeClick"
             class="ms-max-tree"
-            ref="maxStepTree"
-          >
+            ref="maxStepTree">
             <el-row
               class="custom-tree-node"
               :gutter="18"
               type="flex"
               align="middle"
               slot-scope="{ node, data }"
-              style="width: 98%"
-            >
+              style="width: 98%">
               <el-col
                 class="custom-tree-node-col"
                 style="padding-left: 0px; padding-right: 0px"
-                v-show="
-                  node &&
-                  data.hashTree &&
-                  data.hashTree.length > 0 &&
-                  !data.isLeaf
-                "
-              >
+                v-show="node && data.hashTree && data.hashTree.length > 0 && !data.isLeaf">
                 <span
                   v-show="!node.expanded"
                   class="el-icon-circle-plus-outline custom-node_e"
-                  @click="openOrClose(node)"
-                />
-                <span
-                  v-show="node.expanded"
-                  class="el-icon-remove-outline custom-node_e"
-                  @click="openOrClose(node)"
-                />
+                  @click="openOrClose(node)" />
+                <span v-show="node.expanded" class="el-icon-remove-outline custom-node_e" @click="openOrClose(node)" />
               </el-col>
               <!-- 批量操作 -->
               <el-col
-                :class="
-                  data.checkBox
-                    ? 'custom-tree-node-hide'
-                    : 'custom-tree-node-col'
-                "
+                :class="data.checkBox ? 'custom-tree-node-hide' : 'custom-tree-node-col'"
                 style="padding-left: 0px; padding-right: 0px"
-                v-show="
-                  (data.hashTree && data.hashTree.length === 0) || data.isLeaf
-                "
-              >
+                v-show="(data.hashTree && data.hashTree.length === 0) || data.isLeaf">
                 <show-more-btn
                   :is-show="node.checked"
                   :buttons="batchOperators"
                   :size="selectDataCounts"
                   v-show="data.checkBox"
-                  style="margin-right: 3px"
-                />
+                  style="margin-right: 3px" />
               </el-col>
               <el-col>
                 <!-- 步骤组件-->
@@ -238,20 +167,12 @@
                   @refReload="refReload"
                   @openScenario="openScenario"
                   v-if="
-                    stepFilter.get('ALlSamplerStep').indexOf(data.type) ===
-                      -1 ||
+                    stepFilter.get('ALlSamplerStep').indexOf(data.type) === -1 ||
                     !node.parent ||
                     !node.parent.data ||
-                    stepFilter
-                      .get('AllSamplerProxy')
-                      .indexOf(node.parent.data.type) === -1
-                  "
-                />
-                <div
-                  v-else
-                  class="el-tree-node is-hidden is-focusable is-leaf"
-                  style="display: none"
-                >
+                    stepFilter.get('AllSamplerProxy').indexOf(node.parent.data.type) === -1
+                  " />
+                <div v-else class="el-tree-node is-hidden is-focusable is-leaf" style="display: none">
                   {{ hideNode(node) }}
                 </div>
               </el-col>
@@ -264,8 +185,7 @@
               size="small"
               :global-options="globalOptions"
               :click-auto-close="false"
-              ref="refFab"
-            >
+              ref="refFab">
               <fab-item
                 v-for="(item, index) in buttonData"
                 :key="index"
@@ -275,8 +195,7 @@
                 :title-color="item.titleColor"
                 :color="item.titleColor"
                 :icon="item.icon"
-                @clickItem="item.click"
-              />
+                @clickItem="item.click" />
             </vue-fab>
           </div>
         </div>
@@ -303,21 +222,10 @@
             @suggestClick="suggestClick"
             @refReload="refReload"
             @openScenario="openScenario"
-            v-if="selectedTreeNode && selectedNode"
-          />
+            v-if="selectedTreeNode && selectedNode" />
           <!-- 请求下还有的子步骤-->
-          <div
-            v-if="
-              selectedTreeNode &&
-              selectedTreeNode.hashTree &&
-              showNode(selectedTreeNode)
-            "
-          >
-            <div
-              v-for="item in selectedTreeNode.hashTree"
-              :key="item.id"
-              class="ms-col-one"
-            >
+          <div v-if="selectedTreeNode && selectedTreeNode.hashTree && showNode(selectedTreeNode)">
+            <div v-for="item in selectedTreeNode.hashTree" :key="item.id" class="ms-col-one">
               <ms-component-config
                 :showBtn="false"
                 :isMax="false"
@@ -334,11 +242,8 @@
                 @refReload="refReload"
                 @openScenario="openScenario"
                 v-show="
-                  selectedTreeNode &&
-                  selectedNode &&
-                  stepFilter.get('ALlSamplerStep').indexOf(item.type) === -1
-                "
-              />
+                  selectedTreeNode && selectedNode && stepFilter.get('ALlSamplerStep').indexOf(item.type) === -1
+                " />
             </div>
           </div>
         </div>
@@ -346,11 +251,7 @@
     </ms-container>
 
     <!--接口列表-->
-    <scenario-api-relevance
-      @save="pushApiOrCase"
-      ref="scenarioApiRelevance"
-      v-if="type !== 'detail'"
-    />
+    <scenario-api-relevance @save="pushApiOrCase" ref="scenarioApiRelevance" v-if="type !== 'detail'" />
 
     <!--自定义接口-->
     <el-drawer
@@ -362,26 +263,14 @@
       :title="$t('api_test.automation.customize_req')"
       style="overflow: auto"
       :modal="false"
-      size="90%"
-    >
-      <ms-api-customize
-        :request="customizeRequest"
-        @addCustomizeApi="addCustomizeApi"
-      />
+      size="90%">
+      <ms-api-customize :request="customizeRequest" @addCustomizeApi="addCustomizeApi" />
     </el-drawer>
     <!--场景导入 -->
-    <scenario-relevance
-      v-if="type !== 'detail'"
-      @save="addScenario"
-      ref="scenarioRelevance"
-    />
+    <scenario-relevance v-if="type !== 'detail'" @save="addScenario" ref="scenarioRelevance" />
 
     <!-- 环境 -->
-    <api-environment-config
-      v-if="type !== 'detail'"
-      ref="environmentConfig"
-      @close="environmentConfigClose"
-    />
+    <api-environment-config v-if="type !== 'detail'" ref="environmentConfig" @close="environmentConfigClose" />
 
     <!--执行组件-->
     <ms-run
@@ -392,8 +281,7 @@
       :run-data="debugData"
       @runRefresh="runRefresh"
       @errorRefresh="errorRefresh"
-      ref="runTest"
-    />
+      ref="runTest" />
     <!-- 调试结果 -->
     <el-drawer
       v-if="type !== 'detail'"
@@ -402,14 +290,12 @@
       direction="ltr"
       :withHeader="true"
       :modal="false"
-      size="90%"
-    >
+      size="90%">
       <ms-api-report-detail
         :report-id="reportId"
         :debug="true"
         :currentProjectId="projectId"
-        @refresh="detailRefresh"
-      />
+        @refresh="detailRefresh" />
     </el-drawer>
 
     <!--场景公共参数-->
@@ -417,21 +303,10 @@
       v-if="type !== 'detail'"
       @setVariables="setVariables"
       ref="scenarioParameters"
-      class="ms-sc-variable-header"
-    />
+      class="ms-sc-variable-header" />
     <!--外部导入-->
-    <api-import
-      v-if="type !== 'detail'"
-      ref="apiImport"
-      :saved="false"
-      @refresh="apiImport"
-    />
-    <el-backtop
-      target=".el-main .ms-main-container"
-      :visibility-height="10"
-      :right="50"
-      :bottom="20"
-    ></el-backtop>
+    <api-import v-if="type !== 'detail'" ref="apiImport" :saved="false" @refresh="apiImport" />
+    <el-backtop target=".el-main .ms-main-container" :visibility-height="10" :right="50" :bottom="20"></el-backtop>
   </div>
 </template>
 
@@ -440,20 +315,11 @@ import { getApiScenarioEnv } from '@/api/scenario';
 import { API_STATUS, PRIORITY } from '../../../definition/model/JsonData';
 import { parseEnvironment } from '@/business/environment/model/EnvironmentModel';
 import { ELEMENT_TYPE, STEP } from '../Setting';
-import {
-  exportPdf,
-  getUUID,
-  strMapToObj,
-} from 'metersphere-frontend/src/utils';
+import { exportPdf, getUUID, strMapToObj } from 'metersphere-frontend/src/utils';
 import { getCurrentProjectID } from 'metersphere-frontend/src/utils/token';
 import { hasLicense } from 'metersphere-frontend/src/utils/permission';
 import OutsideClick from '../common/outside-click';
-import {
-  copyScenarioRow,
-  saveScenario,
-  scenarioSort,
-  handleCtrlSEvent,
-} from '@/business/automation/api-automation';
+import { copyScenarioRow, saveScenario, scenarioSort, handleCtrlSEvent } from '@/business/automation/api-automation';
 import { buttons, setComponent } from '../menu/Menu';
 import MsContainer from 'metersphere-frontend/src/components/MsContainer';
 import MsMainContainer from 'metersphere-frontend/src/components/MsMainContainer';
@@ -495,10 +361,7 @@ export default {
     MsVariableList: () => import('../variable/VariableList'),
     ScenarioRelevance: () => import('../api/ScenarioRelevance'),
     ScenarioApiRelevance: () => import('../api/ApiRelevance'),
-    ApiEnvironmentConfig: () =>
-      import(
-        'metersphere-frontend/src/components/environment/ApiEnvironmentConfig'
-      ),
+    ApiEnvironmentConfig: () => import('metersphere-frontend/src/components/environment/ApiEnvironmentConfig'),
     MsApiReportDetail: () => import('../../report/ApiReportDetail'),
     MsInputTag: () => import('../MsInputTag'),
     MsRun: () => import('../DebugRun'),
@@ -686,18 +549,12 @@ export default {
             };
             if (item.license) {
               if (hasLicense()) {
-                if (
-                  this.operatingElements &&
-                  this.operatingElements.includes(item.jmeterClazz)
-                ) {
+                if (this.operatingElements && this.operatingElements.includes(item.jmeterClazz)) {
                   this.buttonData.push(plugin);
                 }
               }
             } else {
-              if (
-                this.operatingElements &&
-                this.operatingElements.includes(item.jmeterClazz)
-              ) {
+              if (this.operatingElements && this.operatingElements.includes(item.jmeterClazz)) {
                 this.buttonData.push(plugin);
               }
             }
@@ -729,11 +586,7 @@ export default {
     },
     showButton(...names) {
       for (const name of names) {
-        if (
-          name &&
-          this.operatingElements &&
-          this.operatingElements.includes(name)
-        ) {
+        if (name && this.operatingElements && this.operatingElements.includes(name)) {
           return true;
         }
       }
@@ -750,10 +603,7 @@ export default {
     },
     showNode(node) {
       node.active = true;
-      if (
-        node &&
-        this.stepFilter.get('AllSamplerProxy').indexOf(node.type) != -1
-      ) {
+      if (node && this.stepFilter.get('AllSamplerProxy').indexOf(node.type) != -1) {
         return true;
       }
       return false;
@@ -765,11 +615,7 @@ export default {
       this.asideHidden = data;
     },
     nodeClick(data, node) {
-      if (
-        data.referenced != 'REF' &&
-        data.referenced != 'Deleted' &&
-        !data.disabled
-      ) {
+      if (data.referenced != 'REF' && data.referenced != 'Deleted' && !data.disabled) {
         this.operatingElements = this.stepFilter.get(data.type);
       } else {
         this.operatingElements = [];
@@ -915,32 +761,22 @@ export default {
     },
     remove(row, node) {
       let name = row === undefined || row.name === undefined ? '' : row.name;
-      this.$alert(
-        this.$t('api_test.definition.request.delete_confirm_step') +
-          ' ' +
-          name +
-          ' ？',
-        '',
-        {
-          confirmButtonText: this.$t('commons.confirm'),
-          callback: (action) => {
-            if (action === 'confirm') {
-              const parent = node.parent;
-              const hashTree = parent.data.hashTree || parent.data;
-              const index = hashTree.findIndex(
-                (d) =>
-                  d.resourceId != undefined &&
-                  row.resourceId != undefined &&
-                  d.resourceId === row.resourceId
-              );
-              hashTree.splice(index, 1);
-              this.sort();
-              this.reload();
-              this.initProjectIds();
-            }
-          },
-        }
-      );
+      this.$alert(this.$t('api_test.definition.request.delete_confirm_step') + ' ' + name + ' ？', '', {
+        confirmButtonText: this.$t('commons.confirm'),
+        callback: (action) => {
+          if (action === 'confirm') {
+            const parent = node.parent;
+            const hashTree = parent.data.hashTree || parent.data;
+            const index = hashTree.findIndex(
+              (d) => d.resourceId != undefined && row.resourceId != undefined && d.resourceId === row.resourceId
+            );
+            hashTree.splice(index, 1);
+            this.sort();
+            this.reload();
+            this.initProjectIds();
+          }
+        },
+      });
     },
     copyRow(row, node) {
       copyScenarioRow(row, node);
@@ -1026,10 +862,7 @@ export default {
       this.getEnvironments();
     },
     allowDrop(draggingNode, dropNode, dropType) {
-      if (
-        draggingNode.data.type === 'Assertions' ||
-        dropNode.data.type === 'Assertions'
-      ) {
+      if (draggingNode.data.type === 'Assertions' || dropNode.data.type === 'Assertions') {
         return false;
       }
       // 增加插件权限控制
@@ -1051,9 +884,7 @@ export default {
         dropNode.data.referenced !== 'REF' &&
         dropNode.data.referenced !== 'Deleted' &&
         this.stepFilter.get(dropNode.data.type) &&
-        this.stepFilter
-          .get(dropNode.data.type)
-          .indexOf(draggingNode.data.type) !== -1
+        this.stepFilter.get(dropNode.data.type).indexOf(draggingNode.data.type) !== -1
       ) {
         return true;
       }
@@ -1137,26 +968,18 @@ export default {
         this.$refs['currentScenario'].validate((valid) => {
           if (valid) {
             this.setParameter();
-            saveScenario(
-              this.path,
-              this.currentScenario,
-              this.scenarioDefinition,
-              this,
-              (response) => {
-                this.$success(this.$t('commons.save_success'));
-                this.path = '/api/automation/update';
-                if (response.data) {
-                  this.currentScenario.id = response.data.id;
-                }
-                if (this.currentScenario.tags instanceof String) {
-                  this.currentScenario.tags = JSON.parse(
-                    this.currentScenario.tags
-                  );
-                }
-                this.$emit('refresh', this.currentScenario);
-                resolve();
+            saveScenario(this.path, this.currentScenario, this.scenarioDefinition, this, (response) => {
+              this.$success(this.$t('commons.save_success'));
+              this.path = '/api/automation/update';
+              if (response.data) {
+                this.currentScenario.id = response.data.id;
               }
-            );
+              if (this.currentScenario.tags instanceof String) {
+                this.currentScenario.tags = JSON.parse(this.currentScenario.tags);
+              }
+              this.$emit('refresh', this.currentScenario);
+              resolve();
+            });
           }
         });
       });
@@ -1165,9 +988,7 @@ export default {
     setParameter() {
       this.currentScenario.stepTotal = this.scenarioDefinition.length;
       this.currentScenario.projectId = this.projectId;
-      this.currentScenario.modulePath = this.getPath(
-        this.currentScenario.apiScenarioModuleId
-      );
+      this.currentScenario.modulePath = this.getPath(this.currentScenario.apiScenarioModuleId);
       // 构建一个场景对象 方便引用处理
       let scenario = {
         id: this.currentScenario.id,
@@ -1186,9 +1007,7 @@ export default {
         this.currentScenario.tags = JSON.stringify(this.currentScenario.tags);
       }
       if (this.currentModule != null) {
-        this.currentScenario.modulePath = this.currentModule.method
-          ? this.currentModule.method
-          : null;
+        this.currentScenario.modulePath = this.currentModule.method ? this.currentModule.method : null;
         this.currentScenario.apiScenarioModuleId = this.currentModule.id;
       }
       this.currentScenario.projectId = this.projectId;
@@ -1202,10 +1021,7 @@ export default {
       this.loading = false;
     },
     showScenarioParameters() {
-      this.$refs.scenarioParameters.open(
-        this.currentScenario.variables,
-        this.currentScenario.headers
-      );
+      this.$refs.scenarioParameters.open(this.currentScenario.variables, this.currentScenario.headers);
     },
     apiImport(importData) {
       if (importData && importData.data) {
@@ -1221,10 +1037,7 @@ export default {
       if (this.currentScenario.variables) {
         size += this.currentScenario.variables.length;
       }
-      if (
-        this.currentScenario.headers &&
-        this.currentScenario.headers.length > 1
-      ) {
+      if (this.currentScenario.headers && this.currentScenario.headers.length > 1) {
         size += this.currentScenario.headers.length - 1;
       }
       return size;
@@ -1292,10 +1105,7 @@ export default {
       for (let i in this.scenarioDefinition) {
         if (this.scenarioDefinition[i]) {
           this.scenarioDefinition[i].enable = this.stepEnable;
-          if (
-            this.scenarioDefinition[i].hashTree &&
-            this.scenarioDefinition[i].hashTree.length > 0
-          ) {
+          if (this.scenarioDefinition[i].hashTree && this.scenarioDefinition[i].hashTree.length > 0) {
             this.stepStatus(this.scenarioDefinition[i].hashTree);
           }
         }
@@ -1336,10 +1146,7 @@ export default {
           if (resourceId === nodes[i].resourceId) {
             nodes.splice(i, 1);
           } else {
-            if (
-              nodes[i].hashTree != undefined &&
-              nodes[i].hashTree.length > 0
-            ) {
+            if (nodes[i].hashTree != undefined && nodes[i].hashTree.length > 0) {
               this.recursionDelete(resourceId, nodes[i].hashTree);
             }
           }
@@ -1375,18 +1182,10 @@ export default {
       this.isBatchProcess = true;
       this.expandedNode = [];
       this.hideAllTreeNode(this.scenarioDefinition);
-      if (
-        this.$refs.maxStepTree &&
-        this.$refs.maxStepTree.root &&
-        this.$refs.maxStepTree.root.childNodes
-      ) {
+      if (this.$refs.maxStepTree && this.$refs.maxStepTree.root && this.$refs.maxStepTree.root.childNodes) {
         this.stepCheckedAll(true, this.$refs.maxStepTree.root.childNodes);
       }
-      if (
-        this.$refs.maxStepTree &&
-        this.$refs.maxStepTree.root &&
-        this.$refs.maxStepTree.root.childNodes
-      ) {
+      if (this.$refs.maxStepTree && this.$refs.maxStepTree.root && this.$refs.maxStepTree.root.childNodes) {
         this.stepCheckedAll(false, this.$refs.maxStepTree.root.childNodes);
       }
       this.reload();
@@ -1394,18 +1193,10 @@ export default {
     cancelBatchProcessing() {
       this.isBatchProcess = false;
       this.isCheckedAll = false;
-      if (
-        this.$refs.maxStepTree &&
-        this.$refs.maxStepTree.root &&
-        this.$refs.maxStepTree.root.childNodes
-      ) {
+      if (this.$refs.maxStepTree && this.$refs.maxStepTree.root && this.$refs.maxStepTree.root.childNodes) {
         this.stepCheckedAll(true, this.$refs.maxStepTree.root.childNodes);
       }
-      if (
-        this.$refs.maxStepTree &&
-        this.$refs.maxStepTree.root &&
-        this.$refs.maxStepTree.root.childNodes
-      ) {
+      if (this.$refs.maxStepTree && this.$refs.maxStepTree.root && this.$refs.maxStepTree.root.childNodes) {
         this.stepCheckedAll(false, this.$refs.maxStepTree.root.childNodes);
       }
       this.selectDataCounts = 0;
@@ -1419,10 +1210,7 @@ export default {
       let isLeaf = true;
       array.forEach((item) => {
         item.checkBox = false;
-        if (
-          isLeaf &&
-          this.stepFilter.get('ALlSamplerStep').indexOf(item.type) === -1
-        ) {
+        if (isLeaf && this.stepFilter.get('ALlSamplerStep').indexOf(item.type) === -1) {
           isLeaf = false;
         }
         if (item.hashTree && item.hashTree.length > 0) {
@@ -1436,11 +1224,7 @@ export default {
       }
     },
     checkedAll(v) {
-      if (
-        this.$refs.maxStepTree &&
-        this.$refs.maxStepTree.root &&
-        this.$refs.maxStepTree.root.childNodes
-      ) {
+      if (this.$refs.maxStepTree && this.$refs.maxStepTree.root && this.$refs.maxStepTree.root.childNodes) {
         this.stepCheckedAll(v, this.$refs.maxStepTree.root.childNodes);
       }
     },
@@ -1461,10 +1245,7 @@ export default {
         let row = { resourceId: 'ms-reload-max-test' };
         if (this.$refs.maxStepTree && this.$refs.maxStepTree.root.data) {
           this.$refs.maxStepTree.root.data.push(row);
-          this.$refs.maxStepTree.root.data.splice(
-            this.$refs.maxStepTree.root.data.length - 1,
-            1
-          );
+          this.$refs.maxStepTree.root.data.splice(this.$refs.maxStepTree.root.data.length - 1, 1);
         }
       });
     },
@@ -1565,8 +1346,7 @@ export default {
 
 :deep(.el-checkbox) {
   color: #303133;
-  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
-    Arial, sans-serif;
+  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', Arial, sans-serif;
   font-size: 13px;
   font-weight: normal;
 }
@@ -1578,8 +1358,7 @@ export default {
 .head {
   border-bottom: 1px solid #303133;
   color: #303133;
-  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
-    Arial, sans-serif;
+  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', Arial, sans-serif;
   font-size: 13px;
 }
 
@@ -1608,8 +1387,7 @@ export default {
   color: #7c3985;
 }
 
-.ms-max-tree
-  :deep(.el-tree-node__expand-icon.expanded.el-icon-caret-right:before) {
+.ms-max-tree :deep(.el-tree-node__expand-icon.expanded.el-icon-caret-right:before) {
   color: #7c3985;
   /* content: "\e722";*/
   padding: 0;
diff --git a/api-test/frontend/src/business/automation/scenario/menu/Menu.js b/api-test/frontend/src/business/automation/scenario/menu/Menu.js
index b332e6110f..30e86eeeb2 100644
--- a/api-test/frontend/src/business/automation/scenario/menu/Menu.js
+++ b/api-test/frontend/src/business/automation/scenario/menu/Menu.js
@@ -148,12 +148,7 @@ export function buttons(this_) {
     },
     {
       title: this_.$t('api_test.automation.api_list_import'),
-      show: this_.showButton(
-        'HTTPSamplerProxy',
-        'DubboSampler',
-        'JDBCSampler',
-        'TCPSampler'
-      ),
+      show: this_.showButton('HTTPSamplerProxy', 'DubboSampler', 'JDBCSampler', 'TCPSampler'),
       titleColor: '#F56C6C',
       titleBgColor: '#FCF1F1',
       icon: 'api',
@@ -182,32 +177,20 @@ export function scenarioAssertion(data, node) {
 
 export function setNode(_this, node) {
   if (_this.selectedTreeNode) {
-    if (
-      _this.stepFilter
-        .get('SpecialSteps')
-        .indexOf(_this.selectedTreeNode.type) !== -1
-    ) {
+    if (_this.stepFilter.get('SpecialSteps').indexOf(_this.selectedTreeNode.type) !== -1) {
       if (_this.selectedNode.parent.data.hashTree) {
         //同级请求添加断言，添加到父级
         if (node.type === 'Assertions') {
           scenarioAssertion(_this.selectedNode.parent.data.hashTree, node);
         } else {
-          _this.selectedNode.parent.data.hashTree.splice(
-            _this.selectedTreeNode.index,
-            0,
-            node
-          );
+          _this.selectedNode.parent.data.hashTree.splice(_this.selectedTreeNode.index, 0, node);
         }
       } else {
         //没有父级的直接加到当前的置顶
         if (node.type === 'Assertions') {
           scenarioAssertion(_this.scenarioDefinition, node);
         } else {
-          _this.scenarioDefinition.splice(
-            _this.selectedTreeNode.index,
-            0,
-            node
-          );
+          _this.scenarioDefinition.splice(_this.selectedTreeNode.index, 0, node);
         }
       }
       store.forceRerenderIndex = getUUID();
@@ -280,16 +263,10 @@ export function setComponent(type, _this, plugin) {
       );
       break;
     case ELEMENT_TYPE.Assertions:
-      setNode(
-        _this,
-        new Assertions({ label: 'SCENARIO-REF-STEP', id: getUUID() })
-      );
+      setNode(_this, new Assertions({ label: 'SCENARIO-REF-STEP', id: getUUID() }));
       break;
     case ELEMENT_TYPE.Extract:
-      setNode(
-        _this,
-        new Extract({ label: 'SCENARIO-REF-STEP', id: getUUID() })
-      );
+      setNode(_this, new Extract({ label: 'SCENARIO-REF-STEP', id: getUUID() }));
       break;
     case ELEMENT_TYPE.CustomizeReq:
       _this.customizeRequest = {
diff --git a/api-test/frontend/src/business/automation/scenario/module/ApiScenarioModuleHeader.vue b/api-test/frontend/src/business/automation/scenario/module/ApiScenarioModuleHeader.vue
index 300d7b8c95..08bd3310ba 100644
--- a/api-test/frontend/src/business/automation/scenario/module/ApiScenarioModuleHeader.vue
+++ b/api-test/frontend/src/business/automation/scenario/module/ApiScenarioModuleHeader.vue
@@ -1,10 +1,6 @@
 <template>
   <div>
-    <el-input
-      :placeholder="$t('test_track.module.search')"
-      v-model="condition.filterText"
-      size="small"
-    >
+    <el-input :placeholder="$t('test_track.module.search')" v-model="condition.filterText" size="small">
       <template v-slot:append>
         <el-dropdown
           v-if="!isReadOnly"
@@ -13,32 +9,18 @@
           type="primary"
           class="ms-api-button"
           @click="handleCommand('add-api')"
-          @command="handleCommand"
-        >
+          @command="handleCommand">
           <el-button icon="el-icon-folder-add" @click="addScenario"></el-button>
           <el-dropdown-menu slot="dropdown">
-            <el-dropdown-item command="import">{{
-              $t('api_test.api_import.label')
-            }}</el-dropdown-item>
-            <el-dropdown-item command="export">{{
-              $t('report.export')
-            }}</el-dropdown-item>
+            <el-dropdown-item command="import">{{ $t('api_test.api_import.label') }}</el-dropdown-item>
+            <el-dropdown-item command="export">{{ $t('report.export') }}</el-dropdown-item>
           </el-dropdown-menu>
         </el-dropdown>
       </template>
     </el-input>
-    <module-trash-button
-      v-if="!isReadOnly"
-      :condition="condition"
-      :exe="enableTrash"
-    />
+    <module-trash-button v-if="!isReadOnly" :condition="condition" :exe="enableTrash" />
 
-    <api-import
-      :model="'scenario'"
-      ref="apiImport"
-      :moduleOptions="moduleOptions"
-      @refresh="$emit('refresh')"
-    />
+    <api-import :model="'scenario'" ref="apiImport" :moduleOptions="moduleOptions" @refresh="$emit('refresh')" />
   </div>
 </template>
 <script>
@@ -84,18 +66,16 @@ export default {
             this.$warning(this.$t('commons.check_project_tip'));
             return;
           }
-          this.result = getModuleByProjectId(this.projectId).then(
-            (response) => {
-              if (response.data != undefined && response.data != null) {
-                this.data = response.data;
-                let moduleOptions = [];
-                this.data.forEach((node) => {
-                  buildNodePath(node, { path: '' }, moduleOptions);
-                });
-                this.moduleOptions = moduleOptions;
-              }
+          this.result = getModuleByProjectId(this.projectId).then((response) => {
+            if (response.data != undefined && response.data != null) {
+              this.data = response.data;
+              let moduleOptions = [];
+              this.data.forEach((node) => {
+                buildNodePath(node, { path: '' }, moduleOptions);
+              });
+              this.moduleOptions = moduleOptions;
             }
-          );
+          });
           this.$refs.apiImport.open(this.currentModule);
           break;
         default:
diff --git a/api-test/frontend/src/business/automation/scenario/testplan/TestPlanList.vue b/api-test/frontend/src/business/automation/scenario/testplan/TestPlanList.vue
index c0d97e3aa2..72a32029d8 100644
--- a/api-test/frontend/src/business/automation/scenario/testplan/TestPlanList.vue
+++ b/api-test/frontend/src/business/automation/scenario/testplan/TestPlanList.vue
@@ -5,8 +5,7 @@
         :condition.sync="condition"
         @search="initTableData"
         :title="$t('test_track.plan.test_plan')"
-        :show-create="false"
-      >
+        :show-create="false">
       </ms-table-header>
     </template>
     <env-popover
@@ -20,8 +19,7 @@
       @setEnvGroup="setEnvGroup"
       ref="envPopover"
       class="env-popover"
-      style="float: right; margin-top: 4px"
-    />
+      style="float: right; margin-top: 4px" />
     <el-table
       border
       class="adjust-table"
@@ -29,29 +27,18 @@
       @filter-change="filter"
       @sort-change="sort"
       @select-all="select"
-      @select="select"
-    >
+      @select="select">
       <el-table-column type="selection" />
 
-      <el-table-column
-        prop="name"
-        :label="$t('commons.name')"
-        show-overflow-tooltip
-      >
-      </el-table-column>
-      <el-table-column
-        prop="principalName"
-        :label="$t('test_track.plan.plan_principal')"
-        show-overflow-tooltip
-      >
+      <el-table-column prop="name" :label="$t('commons.name')" show-overflow-tooltip> </el-table-column>
+      <el-table-column prop="principalName" :label="$t('test_track.plan.plan_principal')" show-overflow-tooltip>
       </el-table-column>
       <el-table-column
         prop="status"
         column-key="status"
         :filters="statusFilters"
         :label="$t('test_track.plan.plan_status')"
-        show-overflow-tooltip
-      >
+        show-overflow-tooltip>
         <template v-slot:default="scope">
           <span @click.stop="clickt = 'stop'">
             <el-dropdown class="test-case-status" @command="statusChange">
@@ -61,20 +48,17 @@
               <el-dropdown-menu slot="dropdown" chang>
                 <el-dropdown-item
                   :disabled="!isTestManagerOrTestUser"
-                  :command="{ id: scope.row.id, status: 'Prepare' }"
-                >
+                  :command="{ id: scope.row.id, status: 'Prepare' }">
                   {{ $t('test_track.plan.plan_status_prepare') }}
                 </el-dropdown-item>
                 <el-dropdown-item
                   :disabled="!isTestManagerOrTestUser"
-                  :command="{ id: scope.row.id, status: 'Underway' }"
-                >
+                  :command="{ id: scope.row.id, status: 'Underway' }">
                   {{ $t('test_track.plan.plan_status_running') }}
                 </el-dropdown-item>
                 <el-dropdown-item
                   :disabled="!isTestManagerOrTestUser"
-                  :command="{ id: scope.row.id, status: 'Completed' }"
-                >
+                  :command="{ id: scope.row.id, status: 'Completed' }">
                   {{ $t('test_track.plan.plan_status_completed') }}
                 </el-dropdown-item>
               </el-dropdown-menu>
@@ -82,18 +66,13 @@
           </span>
         </template>
       </el-table-column>
-      <el-table-column
-        prop="projectName"
-        :label="$t('test_track.plan.plan_project')"
-        show-overflow-tooltip
-      >
+      <el-table-column prop="projectName" :label="$t('test_track.plan.plan_project')" show-overflow-tooltip>
       </el-table-column>
       <el-table-column
         sortable
         prop="plannedStartTime"
         :label="$t('test_track.plan.planned_start_time')"
-        show-overflow-tooltip
-      >
+        show-overflow-tooltip>
         <template v-slot:default="scope">
           <span>{{ scope.row.plannedStartTime | datetimeFormat }}</span>
         </template>
@@ -102,8 +81,7 @@
         sortable
         prop="plannedEndTime"
         :label="$t('test_track.plan.planned_end_time')"
-        show-overflow-tooltip
-      >
+        show-overflow-tooltip>
         <template v-slot:default="scope">
           <span>{{ scope.row.plannedEndTime | datetimeFormat }}</span>
         </template>
@@ -112,8 +90,7 @@
         sortable
         prop="actualStartTime"
         :label="$t('test_track.plan.actual_start_time')"
-        show-overflow-tooltip
-      >
+        show-overflow-tooltip>
         <template v-slot:default="scope">
           <span>{{ scope.row.actualStartTime | datetimeFormat }}</span>
         </template>
@@ -122,8 +99,7 @@
         sortable
         prop="actualEndTime"
         :label="$t('test_track.plan.actual_end_time')"
-        show-overflow-tooltip
-      >
+        show-overflow-tooltip>
         <template v-slot:default="scope">
           <span>{{ scope.row.actualEndTime | datetimeFormat }}</span>
         </template>
@@ -133,23 +109,16 @@
       :change="initTableData"
       :current-page.sync="currentPage"
       :page-size.sync="pageSize"
-      :total="total"
-    />
+      :total="total" />
     <ms-delete-confirm
       :title="$t('test_track.plan.plan_delete')"
       @delete="_handleDelete"
       ref="deleteConfirm"
-      :with-tip="enableDeleteTip"
-    >
+      :with-tip="enableDeleteTip">
       {{ $t('test_track.plan.plan_delete_tip') }}
     </ms-delete-confirm>
 
-    <ms-dialog-footer
-      style="float: right; margin: 20px"
-      @confirm="confirm"
-      @cancel="cancel"
-    >
-    </ms-dialog-footer>
+    <ms-dialog-footer style="float: right; margin: 20px" @confirm="confirm" @cancel="cancel"> </ms-dialog-footer>
   </el-card>
 </template>
 
@@ -167,15 +136,8 @@ import { getCurrentProjectID } from 'metersphere-frontend/src/utils/token';
 import { _filter, _sort } from 'metersphere-frontend/src/utils/tableUtils';
 import EnvPopover from '@/business/automation/scenario/EnvPopover';
 import { ENV_TYPE } from 'metersphere-frontend/src/utils/constants';
-import {
-  getPlanStageOption,
-  planPage,
-  testPlanGetPrincipal,
-} from '@/api/test-plan';
-import {
-  getApiScenarioProjectIdByConditions,
-  getScenarioByProjectId,
-} from '@/api/scenario';
+import { getPlanStageOption, planPage, testPlanGetPrincipal } from '@/api/test-plan';
+import { getApiScenarioProjectIdByConditions, getScenarioByProjectId } from '@/api/scenario';
 import { getOwnerProjects } from '@/api/project';
 
 export default {
@@ -266,27 +228,14 @@ export default {
         if (!sign) {
           return false;
         }
-        if (
-          this.environmentType === ENV_TYPE.JSON &&
-          (!this.projectEnvMap || this.projectEnvMap.size < 1)
-        ) {
+        if (this.environmentType === ENV_TYPE.JSON && (!this.projectEnvMap || this.projectEnvMap.size < 1)) {
           this.$warning(this.$t('api_test.environment.select_environment'));
           return false;
-        } else if (
-          this.environmentType === ENV_TYPE.GROUP &&
-          !this.envGroupId
-        ) {
+        } else if (this.environmentType === ENV_TYPE.GROUP && !this.envGroupId) {
           this.$warning(this.$t('api_test.environment.select_environment'));
           return false;
         }
-        this.$emit(
-          'addTestPlan',
-          this.selection,
-          this.projectEnvMap,
-          this.map,
-          this.environmentType,
-          this.envGroupId
-        );
+        this.$emit('addTestPlan', this.selection, this.projectEnvMap, this.map, this.environmentType, this.envGroupId);
       }
     },
     cancel() {
@@ -342,11 +291,7 @@ export default {
         return;
       }
       this.condition.projectId = getCurrentProjectID();
-      this.result = planPage(
-        this.currentPage,
-        this.pageSize,
-        this.condition
-      ).then((response) => {
+      this.result = planPage(this.currentPage, this.pageSize, this.condition).then((response) => {
         let data = response.data;
         this.total = data.itemCount;
         data.listObject.forEach((item) => {
diff --git a/api-test/frontend/src/business/automation/scenario/variable/CsvFileUpload.vue b/api-test/frontend/src/business/automation/scenario/variable/CsvFileUpload.vue
index a6080e73de..6b34d7bd70 100644
--- a/api-test/frontend/src/business/automation/scenario/variable/CsvFileUpload.vue
+++ b/api-test/frontend/src/business/automation/scenario/variable/CsvFileUpload.vue
@@ -10,8 +10,7 @@
           :beforeUpload="uploadValidate"
           :on-exceed="exceed"
           :limit="1"
-          ref="upload"
-        >
+          ref="upload">
           <div class="upload-default" @click.stop>
             <el-popover placement="right" trigger="hover">
               <div>
@@ -22,11 +21,8 @@
                   :limit="1"
                   :on-exceed="exceed"
                   :beforeUpload="uploadValidate"
-                  ref="uploadLocal"
-                >
-                  <el-button type="text">
-                    {{ $t('permission.project_file.local_upload') }}</el-button
-                  >
+                  ref="uploadLocal">
+                  <el-button type="text"> {{ $t('permission.project_file.local_upload') }}</el-button>
                   <span slot="file" />
                 </el-upload>
               </div>
@@ -36,52 +32,23 @@
               <i class="el-icon-plus" slot="reference" />
             </el-popover>
           </div>
-          <div
-            class="upload-item"
-            slot="file"
-            slot-scope="{ file }"
-            v-loading="loading"
-          >
-            <span>{{
-              file.file && file.file.name ? file.file.name : file.name
-            }}</span>
-            <span
-              class="el-upload-list__item-actions"
-              v-if="file.storage === 'FILE_REF'"
-            >
-              <span
-                v-if="!disabled"
-                class="ms-list__item-delete"
-                @click="handleUnlock(file)"
-              >
+          <div class="upload-item" slot="file" slot-scope="{ file }" v-loading="loading">
+            <span>{{ file.file && file.file.name ? file.file.name : file.name }}</span>
+            <span class="el-upload-list__item-actions" v-if="file.storage === 'FILE_REF'">
+              <span v-if="!disabled" class="ms-list__item-delete" @click="handleUnlock(file)">
                 <i class="el-icon-unlock" />
                 <span style="font-size: 13px">
-                  {{
-                    file.isExist
-                      ? $t('permission.project_file.file_delete_tip')
-                      : ''
-                  }}
+                  {{ file.isExist ? $t('permission.project_file.file_delete_tip') : '' }}
                 </span>
               </span>
             </span>
             <span class="el-upload-list__item-actions" v-else>
-              <span
-                v-if="!disabled"
-                class="ms-list__item-delete"
-                @click="handleUpload(file)"
-              >
-                <el-tooltip
-                  :content="$t('permission.project_file.save_to_file_manage')"
-                  placement="top"
-                >
+              <span v-if="!disabled" class="ms-list__item-delete" @click="handleUpload(file)">
+                <el-tooltip :content="$t('permission.project_file.save_to_file_manage')" placement="top">
                   <i class="el-icon-upload" style="font-size: 23px" />
                 </el-tooltip>
               </span>
-              <span
-                v-if="!disabled"
-                class="ms-list__item-delete"
-                @click="handleRemove(file)"
-              >
+              <span v-if="!disabled" class="ms-list__item-delete" @click="handleRemove(file)">
                 <i class="el-icon-delete" />
               </span>
             </span>
@@ -89,9 +56,7 @@
         </el-upload>
       </el-col>
       <el-col :span="6">
-        <el-button size="small" style="margin: 3px 5px" @click="download"
-          >下载</el-button
-        >
+        <el-button size="small" style="margin: 3px 5px" @click="download">下载</el-button>
       </el-col>
     </el-row>
     <ms-file-batch-move ref="module" @setModuleId="setModuleId" />
@@ -100,10 +65,7 @@
 </template>
 
 <script>
-import {
-  dumpFile,
-  getFileMetadata,
-} from 'metersphere-frontend/src/api/file-metadata';
+import { dumpFile, getFileMetadata } from 'metersphere-frontend/src/api/file-metadata';
 import { downloadFile, getUUID } from 'metersphere-frontend/src/utils';
 import MsFileBatchMove from '@/business/commons/FileBatchMove';
 import MsFileMetadataList from '@/business/commons/QuoteFileList';
@@ -203,10 +165,7 @@ export default {
         this.parameter.files[0].file &&
         this.parameter.files[0].file.name
       ) {
-        downloadFile(
-          this.parameter.files[0].file.name,
-          this.parameter.files[0].file
-        );
+        downloadFile(this.parameter.files[0].file.name, this.parameter.files[0].file);
       }
       // 远程下载文件
       if (
@@ -238,33 +197,26 @@ export default {
     },
     handleRemove(file) {
       let fileName = file.name ? file.name : file.file.name;
-      this.$alert(
-        this.$t('api_test.environment.csv_delete') +
-          '：【 ' +
-          fileName +
-          ' 】？',
-        '',
-        {
-          confirmButtonText: this.$t('commons.confirm'),
-          callback: (action) => {
-            if (action === 'confirm') {
-              this.$refs.upload.handleRemove(file);
-              this.$refs.uploadLocal.handleRemove(file);
-              for (let i = 0; i < this.parameter.files.length; i++) {
-                let paramFileName = this.parameter.files[i].name
-                  ? this.parameter.files[i].name
-                  : this.parameter.files[i].file.name;
-                if (fileName === paramFileName) {
-                  this.parameter.files.splice(i, 1);
-                  this.$refs.upload.handleRemove(file);
-                  this.$refs.uploadLocal.handleRemove(file);
-                  break;
-                }
+      this.$alert(this.$t('api_test.environment.csv_delete') + '：【 ' + fileName + ' 】？', '', {
+        confirmButtonText: this.$t('commons.confirm'),
+        callback: (action) => {
+          if (action === 'confirm') {
+            this.$refs.upload.handleRemove(file);
+            this.$refs.uploadLocal.handleRemove(file);
+            for (let i = 0; i < this.parameter.files.length; i++) {
+              let paramFileName = this.parameter.files[i].name
+                ? this.parameter.files[i].name
+                : this.parameter.files[i].file.name;
+              if (fileName === paramFileName) {
+                this.parameter.files.splice(i, 1);
+                this.$refs.upload.handleRemove(file);
+                this.$refs.uploadLocal.handleRemove(file);
+                break;
               }
             }
-          },
-        }
-      );
+          }
+        },
+      });
     },
     exceed() {
       this.$warning(this.$t('test_track.case.import.upload_limit_count'));
diff --git a/api-test/frontend/src/business/automation/scenario/variable/EditConstant.vue b/api-test/frontend/src/business/automation/scenario/variable/EditConstant.vue
index f28bcef6c3..cfb8669bb9 100644
--- a/api-test/frontend/src/business/automation/scenario/variable/EditConstant.vue
+++ b/api-test/frontend/src/business/automation/scenario/variable/EditConstant.vue
@@ -7,14 +7,9 @@
       size="small"
       ref="form"
       :rules="rules"
-      :key="isActive"
-    >
+      :key="isActive">
       <el-form-item :label="$t('api_test.variable_name')" prop="name">
-        <el-input
-          v-model="editData.name"
-          :placeholder="$t('api_test.variable_name')"
-          ref="nameInput"
-        />
+        <el-input v-model="editData.name" :placeholder="$t('api_test.variable_name')" ref="nameInput" />
       </el-form-item>
 
       <el-form-item :label="$t('commons.description')" prop="description">
@@ -25,8 +20,7 @@
           :autosize="{ minRows: 2, maxRows: 10 }"
           :rows="2"
           size="small"
-          :disabled="disabled"
-        />
+          :disabled="disabled" />
       </el-form-item>
 
       <el-form-item :label="$t('api_test.value')" prop="value">
@@ -39,30 +33,18 @@
             v-model="editData.value"
             value-key="name"
             :fetch-suggestions="funcSearch"
-            highlight-first-item
-          >
-            <i
-              slot="suffix"
-              class="el-input__icon el-icon-edit pointer"
-              @click="advanced(editData.value)"
-            ></i>
+            highlight-first-item>
+            <i slot="suffix" class="el-input__icon el-icon-edit pointer" @click="advanced(editData.value)"></i>
           </el-autocomplete>
         </el-col>
       </el-form-item>
     </el-form>
-    <ms-api-variable-advance
-      ref="variableAdvance"
-      :current-item.sync="editData"
-      @advancedRefresh="reload"
-    />
+    <ms-api-variable-advance ref="variableAdvance" :current-item.sync="editData" @advancedRefresh="reload" />
   </div>
 </template>
 
 <script>
-import {
-  JMETER_FUNC,
-  MOCKJS_FUNC,
-} from 'metersphere-frontend/src/utils/constants';
+import { JMETER_FUNC, MOCKJS_FUNC } from 'metersphere-frontend/src/utils/constants';
 import MsApiVariableAdvance from 'metersphere-frontend/src/components/environment/commons/ApiVariableAdvance';
 
 export default {
@@ -98,9 +80,7 @@ export default {
     },
     createFilter(queryString) {
       return (variable) => {
-        return (
-          variable.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0
-        );
+        return variable.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0;
       };
     },
     funcFilter(queryString) {
@@ -110,9 +90,7 @@ export default {
     },
     funcSearch(queryString, cb) {
       let func = MOCKJS_FUNC.concat(JMETER_FUNC);
-      let results = queryString
-        ? func.filter(this.funcFilter(queryString))
-        : func;
+      let results = queryString ? func.filter(this.funcFilter(queryString)) : func;
       // 调用 callback 返回建议列表的数据
       cb(results);
     },
diff --git a/api-test/frontend/src/business/automation/scenario/variable/EditCounter.vue b/api-test/frontend/src/business/automation/scenario/variable/EditCounter.vue
index 44497c7775..1c7bbd518e 100644
--- a/api-test/frontend/src/business/automation/scenario/variable/EditCounter.vue
+++ b/api-test/frontend/src/business/automation/scenario/variable/EditCounter.vue
@@ -1,17 +1,7 @@
 <template>
-  <el-form
-    :model="editData"
-    label-position="right"
-    label-width="80px"
-    size="small"
-    ref="form2"
-    :rules="rules"
-  >
+  <el-form :model="editData" label-position="right" label-width="80px" size="small" ref="form2" :rules="rules">
     <el-form-item :label="$t('api_test.variable_name')" prop="name">
-      <el-input
-        v-model="editData.name"
-        :placeholder="$t('api_test.variable_name')"
-      ></el-input>
+      <el-input v-model="editData.name" :placeholder="$t('api_test.variable_name')"></el-input>
     </el-form-item>
 
     <el-form-item :label="$t('commons.description')" prop="description">
@@ -22,8 +12,7 @@
         :autosize="{ minRows: 2, maxRows: 10 }"
         :rows="2"
         size="small"
-        :disabled="disabled"
-      />
+        :disabled="disabled" />
     </el-form-item>
 
     <el-form-item :label="$t('variables.start')" prop="startNumber">
@@ -34,8 +23,7 @@
         placeholder="0"
         style="width: 100%"
         :max="1000 * 10000000"
-        :min="0"
-      />
+        :min="0" />
     </el-form-item>
     <el-form-item :label="$t('variables.end')" prop="endNumber">
       <el-input-number
@@ -45,8 +33,7 @@
         placeholder="10"
         style="width: 100%"
         :max="1000 * 10000000"
-        :min="0"
-      />
+        :min="0" />
     </el-form-item>
     <el-form-item :label="$t('variables.increment')" prop="increment">
       <el-input-number
@@ -56,15 +43,10 @@
         placeholder="1"
         style="width: 100%"
         :max="1000 * 10000000"
-        :min="0"
-      />
+        :min="0" />
     </el-form-item>
     <el-form-item :label="$t('variables.format')" prop="value">
-      <el-input
-        :disabled="disabled"
-        v-model="editData.value"
-        :placeholder="$t('variables.counter_info')"
-      ></el-input>
+      <el-input :disabled="disabled" v-model="editData.value" :placeholder="$t('variables.counter_info')"></el-input>
     </el-form-item>
   </el-form>
 </template>
diff --git a/api-test/frontend/src/business/automation/scenario/variable/EditCsv.vue b/api-test/frontend/src/business/automation/scenario/variable/EditCsv.vue
index 23231d7319..8e10ede555 100644
--- a/api-test/frontend/src/business/automation/scenario/variable/EditCsv.vue
+++ b/api-test/frontend/src/business/automation/scenario/variable/EditCsv.vue
@@ -1,17 +1,7 @@
 <template>
-  <el-form
-    :model="editData"
-    label-position="right"
-    label-width="80px"
-    size="small"
-    ref="form3"
-    :rules="rules"
-  >
+  <el-form :model="editData" label-position="right" label-width="80px" size="small" ref="form3" :rules="rules">
     <el-form-item :label="$t('api_test.variable_name')" prop="name">
-      <el-input
-        v-model="editData.name"
-        :placeholder="$t('api_test.variable_name')"
-      ></el-input>
+      <el-input v-model="editData.name" :placeholder="$t('api_test.variable_name')"></el-input>
     </el-form-item>
 
     <el-form-item :label="$t('commons.description')" prop="description">
@@ -23,14 +13,9 @@
         :placeholder="$t('commons.input_content')"
         :autosize="{ minRows: 2, maxRows: 10 }"
         :rows="2"
-        size="small"
-      />
+        size="small" />
     </el-form-item>
-    <el-tabs
-      v-model="activeName"
-      @tab-click="handleClick"
-      style="margin-left: 40px"
-    >
+    <el-tabs v-model="activeName" @tab-click="handleClick" style="margin-left: 40px">
       <el-tab-pane :label="$t('variables.config')" name="config">
         <el-row>
           <el-col :span="5" style="margin-top: 5px">
@@ -51,8 +36,7 @@
               v-model="editData.encoding"
               :disabled="disabled"
               :fetch-suggestions="querySearch"
-              :placeholder="$t('commons.input_content')"
-            ></el-autocomplete>
+              :placeholder="$t('commons.input_content')"></el-autocomplete>
           </el-col>
         </el-row>
         <el-row style="margin-top: 10px">
@@ -60,11 +44,7 @@
             <span>{{ $t('variables.delimiter') }}</span>
           </el-col>
           <el-col :span="19">
-            <el-input
-              v-model="editData.delimiter"
-              size="small"
-              :disabled="disabled"
-            />
+            <el-input v-model="editData.delimiter" size="small" :disabled="disabled" />
           </el-col>
         </el-row>
         <el-row style="margin-top: 10px">
@@ -72,11 +52,7 @@
             <span>{{ $t('variables.quoted_data') }}</span>
           </el-col>
           <el-col :span="19">
-            <el-select
-              v-model="editData.quotedData"
-              size="small"
-              :disabled="disabled"
-            >
+            <el-select v-model="editData.quotedData" size="small" :disabled="disabled">
               <el-option label="true" :value="true" />
               <el-option label="false" :value="false" />
             </el-select>
@@ -85,20 +61,14 @@
       </el-tab-pane>
       <el-tab-pane :label="$t('schema.preview')" name="preview">
         <div v-if="showMessage">{{ $t('variables.csv_message') }}</div>
-        <el-table
-          :data="previewData"
-          style="width: 100%"
-          height="200px"
-          v-loading="loading"
-        >
+        <el-table :data="previewData" style="width: 100%" height="200px" v-loading="loading">
           <!-- 自定义列的遍历-->
           <el-table-column
             v-for="(item, index) in columns"
             :key="index"
             :label="columns[index]"
             align="left"
-            width="180"
-          >
+            width="180">
             <!-- 数据的遍历  scope.row就代表数据的每一个对象-->
             <template slot-scope="scope">
               <span>{{ scope.row[index] }}</span>
@@ -227,10 +197,7 @@ export default {
     },
     createFilter(queryString) {
       return (restaurant) => {
-        return (
-          restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) ===
-          0
-        );
+        return restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0;
       };
     },
 
@@ -242,9 +209,7 @@ export default {
         { value: 'ISO-8859-15' },
         { value: 'US-ASCll' },
       ];
-      let results = queryString
-        ? restaurants.filter(this.createFilter(queryString))
-        : restaurants;
+      let results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
       // 调用 callback 返回建议列表的数据
       cb(results);
     },
diff --git a/api-test/frontend/src/business/automation/scenario/variable/EditListValue.vue b/api-test/frontend/src/business/automation/scenario/variable/EditListValue.vue
index bb7b90cf01..fcd566a802 100644
--- a/api-test/frontend/src/business/automation/scenario/variable/EditListValue.vue
+++ b/api-test/frontend/src/business/automation/scenario/variable/EditListValue.vue
@@ -1,17 +1,7 @@
 <template>
-  <el-form
-    :model="editData"
-    label-position="right"
-    label-width="80px"
-    size="small"
-    ref="form4"
-    :rules="rules"
-  >
+  <el-form :model="editData" label-position="right" label-width="80px" size="small" ref="form4" :rules="rules">
     <el-form-item :label="$t('api_test.variable_name')" prop="name">
-      <el-input
-        v-model="editData.name"
-        :placeholder="$t('api_test.variable_name')"
-      ></el-input>
+      <el-input v-model="editData.name" :placeholder="$t('api_test.variable_name')"></el-input>
     </el-form-item>
 
     <el-form-item :label="$t('commons.description')" prop="description">
@@ -22,16 +12,11 @@
         :autosize="{ minRows: 2, maxRows: 10 }"
         :rows="2"
         size="small"
-        :disabled="disabled"
-      />
+        :disabled="disabled" />
     </el-form-item>
 
     <el-form-item :label="$t('api_test.value')" prop="value">
-      <el-input
-        v-model="editData.value"
-        :disabled="disabled"
-        placeholder="列表数据用,分隔"
-      />
+      <el-input v-model="editData.value" :disabled="disabled" placeholder="列表数据用,分隔" />
     </el-form-item>
   </el-form>
 </template>
diff --git a/api-test/frontend/src/business/automation/scenario/variable/EditRandom.vue b/api-test/frontend/src/business/automation/scenario/variable/EditRandom.vue
index da07fc3529..54effcd6c7 100644
--- a/api-test/frontend/src/business/automation/scenario/variable/EditRandom.vue
+++ b/api-test/frontend/src/business/automation/scenario/variable/EditRandom.vue
@@ -1,17 +1,7 @@
 <template>
-  <el-form
-    :model="editData"
-    label-position="right"
-    label-width="80px"
-    size="small"
-    ref="form5"
-    :rules="rules"
-  >
+  <el-form :model="editData" label-position="right" label-width="80px" size="small" ref="form5" :rules="rules">
     <el-form-item :label="$t('api_test.variable_name')" prop="name">
-      <el-input
-        v-model="editData.name"
-        :placeholder="$t('api_test.variable_name')"
-      ></el-input>
+      <el-input v-model="editData.name" :placeholder="$t('api_test.variable_name')"></el-input>
     </el-form-item>
 
     <el-form-item :label="$t('commons.description')" prop="description">
@@ -22,32 +12,17 @@
         :disabled="disabled"
         :autosize="{ minRows: 2, maxRows: 10 }"
         :rows="2"
-        size="small"
-      />
+        size="small" />
     </el-form-item>
 
     <el-form-item :label="$t('schema.minimum')" prop="minNumber">
-      <el-input
-        :disabled="disabled"
-        size="small"
-        v-model="editData.minNumber"
-        placeholder="0"
-      />
+      <el-input :disabled="disabled" size="small" v-model="editData.minNumber" placeholder="0" />
     </el-form-item>
     <el-form-item :label="$t('schema.maximum')" prop="maxNumber">
-      <el-input
-        :disabled="disabled"
-        size="small"
-        v-model="editData.maxNumber"
-        placeholder="10"
-      />
+      <el-input :disabled="disabled" size="small" v-model="editData.maxNumber" placeholder="10" />
     </el-form-item>
     <el-form-item :label="$t('variables.format')" prop="value">
-      <el-input
-        :disabled="disabled"
-        v-model="editData.value"
-        :placeholder="$t('variables.counter_info')"
-      ></el-input>
+      <el-input :disabled="disabled" v-model="editData.value" :placeholder="$t('variables.counter_info')"></el-input>
     </el-form-item>
   </el-form>
 </template>
diff --git a/api-test/frontend/src/business/automation/scenario/variable/VariableImport.vue b/api-test/frontend/src/business/automation/scenario/variable/VariableImport.vue
index 6eedd7f321..d695562212 100644
--- a/api-test/frontend/src/business/automation/scenario/variable/VariableImport.vue
+++ b/api-test/frontend/src/business/automation/scenario/variable/VariableImport.vue
@@ -5,17 +5,11 @@
     @close="close"
     :close-on-click-modal="false"
     append-to-body
-    width="35%"
-  >
+    width="35%">
     <el-form :rules="rules" label-width="80px" v-model="modeId">
       <el-form-item prop="modeId" :label="$t('commons.import_mode')">
         <el-select size="small" v-model="modeId">
-          <el-option
-            v-for="item in modeOptions"
-            :key="item.id"
-            :label="item.name"
-            :value="item.id"
-          />
+          <el-option v-for="item in modeOptions" :key="item.id" :label="item.name" :value="item.id" />
         </el-select>
       </el-form-item>
 
@@ -30,13 +24,9 @@
           :on-remove="handleRemove"
           :on-exceed="handleExceed"
           :auto-upload="false"
-          accept=".json"
-        >
+          accept=".json">
           <i class="el-icon-upload"></i>
-          <div
-            class="el-upload__text"
-            v-html="$t('load_test.upload_tips')"
-          ></div>
+          <div class="el-upload__text" v-html="$t('load_test.upload_tips')"></div>
           <div class="el-upload__tip" slot="tip">
             {{ $t('api_test.api_import.file_size_limit') }}
             {{ '，' + $t('api_test.api_import.ms_env_import_file_limit') }}
@@ -132,9 +122,7 @@ export default {
               this.dialogVisible = false;
               this.$success(this.$t('commons.save_success'));
             } catch (exception) {
-              this.$warning(
-                this.$t('api_test.api_import.ms_env_import_file_limit')
-              );
+              this.$warning(this.$t('api_test.api_import.ms_env_import_file_limit'));
             }
           };
         }
diff --git a/api-test/frontend/src/business/automation/scenario/variable/VariableList.vue b/api-test/frontend/src/business/automation/scenario/variable/VariableList.vue
index 2349595473..d8a884d42c 100644
--- a/api-test/frontend/src/business/automation/scenario/variable/VariableList.vue
+++ b/api-test/frontend/src/business/automation/scenario/variable/VariableList.vue
@@ -7,15 +7,11 @@
     width="80%"
     @close="close"
     v-loading="loading"
-    append-to-body
-  >
+    append-to-body>
     <fieldset :disabled="disabled" class="ms-fieldset">
       <el-collapse-transition>
         <el-tabs v-model="activeName" @tab-click="reloadTable">
-          <el-tab-pane
-            :label="$t('api_test.scenario.variables')"
-            name="variable"
-          >
+          <el-tab-pane :label="$t('api_test.scenario.variables')" name="variable">
             <div>
               <el-row style="margin-bottom: 10px">
                 <div style="float: left">
@@ -24,36 +20,19 @@
                     v-model="selectVariable"
                     size="small"
                     @change="filter"
-                    @keyup.enter="filter"
-                  >
+                    @keyup.enter="filter">
                     <el-select
                       v-model="searchType"
                       slot="prepend"
                       :placeholder="$t('test_resource_pool.type')"
                       style="width: 90px"
-                      @change="filter"
-                    >
-                      <el-option
-                        value="ALL"
-                        :label="$t('api_test.automation.all')"
-                      ></el-option>
-                      <el-option
-                        value="CONSTANT"
-                        :label="$t('api_test.automation.constant')"
-                      ></el-option>
-                      <el-option
-                        value="LIST"
-                        :label="$t('test_track.case.list')"
-                      ></el-option>
+                      @change="filter">
+                      <el-option value="ALL" :label="$t('api_test.automation.all')"></el-option>
+                      <el-option value="CONSTANT" :label="$t('api_test.automation.constant')"></el-option>
+                      <el-option value="LIST" :label="$t('test_track.case.list')"></el-option>
                       <el-option value="CSV" label="CSV"></el-option>
-                      <el-option
-                        value="COUNTER"
-                        :label="$t('api_test.automation.counter')"
-                      ></el-option>
-                      <el-option
-                        value="RANDOM"
-                        :label="$t('api_test.automation.random')"
-                      ></el-option>
+                      <el-option value="COUNTER" :label="$t('api_test.automation.counter')"></el-option>
+                      <el-option value="RANDOM" :label="$t('api_test.automation.random')"></el-option>
                     </el-select>
                   </el-input>
                 </div>
@@ -64,58 +43,29 @@
                     :placeholder="$t('test_resource_pool.type')"
                     style="width: 90px"
                     size="small"
-                    @change="filter"
-                  >
-                    <el-option
-                      value="CONSTANT"
-                      :label="$t('api_test.automation.constant')"
-                    ></el-option>
-                    <el-option
-                      value="LIST"
-                      :label="$t('test_track.case.list')"
-                    ></el-option>
+                    @change="filter">
+                    <el-option value="CONSTANT" :label="$t('api_test.automation.constant')"></el-option>
+                    <el-option value="LIST" :label="$t('test_track.case.list')"></el-option>
                     <el-option value="CSV" label="CSV"></el-option>
-                    <el-option
-                      value="COUNTER"
-                      :label="$t('api_test.automation.counter')"
-                    ></el-option>
-                    <el-option
-                      value="RANDOM"
-                      :label="$t('api_test.automation.random')"
-                    ></el-option>
+                    <el-option value="COUNTER" :label="$t('api_test.automation.counter')"></el-option>
+                    <el-option value="RANDOM" :label="$t('api_test.automation.random')"></el-option>
                   </el-select>
-                  <el-button
-                    size="small"
-                    style="margin-left: 10px"
-                    type="primary"
-                    @click="addVariable"
-                  >
+                  <el-button size="small" style="margin-left: 10px" type="primary" @click="addVariable">
                     {{ $t('commons.add') }}
                   </el-button>
                   <el-dropdown style="margin-left: 10px">
                     <el-button size="small">
-                      <span class="tip-font">{{
-                        $t('commons.more_operator')
-                      }}</span>
+                      <span class="tip-font">{{ $t('commons.more_operator') }}</span>
                       <i class="el-icon-arrow-down el-icon--right" />
                     </el-button>
                     <el-dropdown-menu slot="dropdown">
-                      <el-dropdown-item
-                        @click.native.stop="importVariable"
-                        :disabled="disabled"
-                      >
+                      <el-dropdown-item @click.native.stop="importVariable" :disabled="disabled">
                         {{ $t('commons.import_variable') }}
                       </el-dropdown-item>
-                      <el-dropdown-item
-                        @click.native.stop="exportVariable"
-                        :disabled="disabled"
-                      >
+                      <el-dropdown-item @click.native.stop="exportVariable" :disabled="disabled">
                         {{ $t('commons.export_variable') }}
                       </el-dropdown-item>
-                      <el-dropdown-item
-                        @click.native.stop="batchAddParameter"
-                        :disabled="disabled"
-                      >
+                      <el-dropdown-item @click.native.stop="batchAddParameter" :disabled="disabled">
                         {{ $t('commons.batch_add') }}
                       </el-dropdown-item>
                     </el-dropdown-menu>
@@ -124,14 +74,7 @@
               </el-row>
               <el-row>
                 <el-col :span="12">
-                  <div
-                    style="
-                      border: 1px #dcdfe6 solid;
-                      min-height: 400px;
-                      border-radius: 4px;
-                      width: 100%;
-                    "
-                  >
+                  <div style="border: 1px #dcdfe6 solid; min-height: 400px; border-radius: 4px; width: 100%">
                     <ms-table
                       v-loading="loading"
                       row-key="id"
@@ -145,8 +88,7 @@
                       :field-key="tableHeaderKey"
                       @handleRowClick="handleRowClick"
                       @refresh="onChange"
-                      ref="variableTable"
-                    >
+                      ref="variableTable">
                       <span v-for="item in fields" :key="item.key">
                         <ms-table-column
                           prop="num"
@@ -154,8 +96,7 @@
                           :fields-width="fieldsWidth"
                           sortable
                           label="ID"
-                          min-width="60"
-                        >
+                          min-width="60">
                         </ms-table-column>
                         <ms-table-column
                           prop="name"
@@ -163,8 +104,7 @@
                           :fields-width="fieldsWidth"
                           :label="$t('api_test.variable_name')"
                           min-width="100"
-                          sortable
-                        >
+                          sortable>
                         </ms-table-column>
                         <ms-table-column
                           prop="type"
@@ -172,8 +112,7 @@
                           :fields-width="fieldsWidth"
                           :label="$t('test_track.case.type')"
                           min-width="70"
-                          sortable
-                        >
+                          sortable>
                           <template v-slot:default="scope">
                             <span>{{ types.get(scope.row.type) }}</span>
                           </template>
@@ -183,8 +122,7 @@
                           :field="item"
                           :fields-width="fieldsWidth"
                           :label="$t('api_test.value')"
-                          sortable
-                        >
+                          sortable>
                         </ms-table-column>
                         <ms-table-column
                           prop="description"
@@ -192,64 +130,27 @@
                           :fields-width="fieldsWidth"
                           :label="$t('commons.description')"
                           min-width="70"
-                          sortable
-                        >
+                          sortable>
                         </ms-table-column>
                       </span>
                     </ms-table>
-                    <batch-add-parameter
-                      @batchSave="batchSaveParameter"
-                      ref="batchAddParameter"
-                    />
+                    <batch-add-parameter @batchSave="batchSaveParameter" ref="batchAddParameter" />
                   </div>
                 </el-col>
                 <el-col :span="12">
-                  <ms-edit-constant
-                    v-if="editData.type == 'CONSTANT'"
-                    ref="parameters"
-                    :editData.sync="editData"
-                  />
-                  <ms-edit-counter
-                    v-if="editData.type == 'COUNTER'"
-                    ref="counter"
-                    :editData.sync="editData"
-                  />
-                  <ms-edit-random
-                    v-if="editData.type == 'RANDOM'"
-                    ref="random"
-                    :editData.sync="editData"
-                  />
-                  <ms-edit-list-value
-                    v-if="editData.type == 'LIST'"
-                    ref="listValue"
-                    :editData="editData"
-                  />
-                  <ms-edit-csv
-                    v-if="editData.type === 'CSV' && !loading"
-                    ref="csv"
-                    :editData.sync="editData"
-                  />
+                  <ms-edit-constant v-if="editData.type == 'CONSTANT'" ref="parameters" :editData.sync="editData" />
+                  <ms-edit-counter v-if="editData.type == 'COUNTER'" ref="counter" :editData.sync="editData" />
+                  <ms-edit-random v-if="editData.type == 'RANDOM'" ref="random" :editData.sync="editData" />
+                  <ms-edit-list-value v-if="editData.type == 'LIST'" ref="listValue" :editData="editData" />
+                  <ms-edit-csv v-if="editData.type === 'CSV' && !loading" ref="csv" :editData.sync="editData" />
                   <div v-if="editData.type" style="float: right">
-                    <el-button
-                      size="small"
-                      style="margin-left: 10px"
-                      type="primary"
-                      @click="confirmVariable"
-                    >
+                    <el-button size="small" style="margin-left: 10px" type="primary" @click="confirmVariable">
                       {{ $t('commons.confirm') }}
                     </el-button>
-                    <el-button
-                      size="small"
-                      style="margin-left: 10px"
-                      @click="cancelVariable"
+                    <el-button size="small" style="margin-left: 10px" @click="cancelVariable"
                       >{{ $t('commons.cancel') }}
                     </el-button>
-                    <el-button
-                      v-if="showDelete"
-                      size="small"
-                      style="margin-left: 10px"
-                      @click="deleteVariable"
-                    >
+                    <el-button v-if="showDelete" size="small" style="margin-left: 10px" @click="deleteVariable">
                       {{ $t('commons.delete') }}
                     </el-button>
                   </div>
@@ -264,14 +165,10 @@
               effect="dark"
               :content="$t('api_test.request.headers')"
               placement="top-start"
-              slot="label"
-            >
+              slot="label">
               <span
                 >{{ $t('api_test.request.headers') }}
-                <div
-                  class="el-step__icon is-text ms-api-col ms-header"
-                  v-if="headers.length > 1"
-                >
+                <div class="el-step__icon is-text ms-api-col ms-header" v-if="headers.length > 1">
                   <div class="el-step__icon-inner">
                     {{ headers.length - 1 }}
                   </div>
@@ -279,40 +176,24 @@
               </span>
             </el-tooltip>
             <el-row>
-              <el-link
-                class="ms-variable-link"
-                @click="batchAddHeader"
-                type="primary"
-                :disabled="disabled"
-              >
+              <el-link class="ms-variable-link" @click="batchAddHeader" type="primary" :disabled="disabled">
                 {{ $t('commons.batch_add') }}
               </el-link>
             </el-row>
             <div style="min-height: 400px">
-              <ms-api-key-value
-                :items="headers"
-                :suggestions="headerSuggestions"
-              />
-              <batch-add-parameter
-                @batchSave="batchSaveHeader"
-                ref="batchAddHeader"
-              />
+              <ms-api-key-value :items="headers" :suggestions="headerSuggestions" />
+              <batch-add-parameter @batchSave="batchSaveHeader" ref="batchAddHeader" />
             </div>
           </el-tab-pane>
         </el-tabs>
         <template v-slot:footer>
           <div>
-            <el-button type="primary" @click="save">{{
-              $t('commons.confirm')
-            }}</el-button>
+            <el-button type="primary" @click="save">{{ $t('commons.confirm') }}</el-button>
           </div>
         </template>
       </el-collapse-transition>
     </fieldset>
-    <variable-import
-      ref="variableImport"
-      @mergeData="mergeData"
-    ></variable-import>
+    <variable-import ref="variableImport" @mergeData="mergeData"></variable-import>
   </el-dialog>
 </template>
 
@@ -333,10 +214,7 @@ import { REQUEST_HEADERS } from 'metersphere-frontend/src/utils/constants';
 
 import MsTable from 'metersphere-frontend/src/components/table/MsTable';
 import MsTableColumn from 'metersphere-frontend/src/components/table/MsTableColumn';
-import {
-  getCustomTableHeader,
-  getCustomTableWidth,
-} from 'metersphere-frontend/src/utils/tableUtils';
+import { getCustomTableHeader, getCustomTableWidth } from 'metersphere-frontend/src/utils/tableUtils';
 import VariableImport from '@/business/automation/scenario/variable/VariableImport';
 
 const jsondiffpatch = require('jsondiffpatch');
@@ -412,9 +290,7 @@ export default {
         importData.id = getUUID();
         importData.enable = true;
         importData.showMore = false;
-        let sameNameIndex = this.variables.findIndex(
-          (d) => d.name === importData.name
-        );
+        let sameNameIndex = this.variables.findIndex((d) => d.name === importData.name);
         if (sameNameIndex !== -1) {
           if (modeId === 'fullCoverage') {
             this.variables.splice(sameNameIndex, 1, importData);
@@ -445,10 +321,7 @@ export default {
         this.$warning(messages);
         return;
       }
-      downloadFile(
-        'MS_' + variablesJson.length + '_Environments_variables.json',
-        JSON.stringify(variablesJson)
-      );
+      downloadFile('MS_' + variablesJson.length + '_Environments_variables.json', JSON.stringify(variablesJson));
     },
     batchAddParameter() {
       this.$refs.batchAddParameter.open('scenario');
@@ -620,14 +493,8 @@ export default {
       this.selectType = 'CONSTANT';
       this.editData = {};
       if (
-        jsondiffpatch.diff(
-          JSON.parse(JSON.stringify(this.variables)),
-          this.variablesOld
-        ) ||
-        jsondiffpatch.diff(
-          JSON.parse(JSON.stringify(this.headers)),
-          this.headersOld
-        )
+        jsondiffpatch.diff(JSON.parse(JSON.stringify(this.variables)), this.variablesOld) ||
+        jsondiffpatch.diff(JSON.parse(JSON.stringify(this.headers)), this.headersOld)
       ) {
         this.$emit('setVariables', saveVariables, this.headers);
       }
@@ -654,11 +521,7 @@ export default {
       });
       if (repeatKey !== '') {
         this.$warning(
-          this.$t('api_test.scenario.variables') +
-            '【' +
-            repeatKey +
-            '】' +
-            this.$t('load_test.param_is_duplicate')
+          this.$t('api_test.scenario.variables') + '【' + repeatKey + '】' + this.$t('load_test.param_is_duplicate')
         );
         return;
       }
@@ -706,26 +569,19 @@ export default {
       });
       if (message !== '') {
         message = message.substr(0, message.length - 1);
-        this.$alert(
-          this.$t('api_test.environment.variables_delete_info') +
-            '：【 ' +
-            message +
-            ' 】？',
-          '',
-          {
-            confirmButtonText: this.$t('commons.confirm'),
-            callback: (action) => {
-              if (action === 'confirm') {
-                ids.forEach((row) => {
-                  const index = this.variables.findIndex((d) => d.id === row);
-                  this.variables.splice(index, 1);
-                });
-                this.sortParameters();
-                this.editData = {};
-              }
-            },
-          }
-        );
+        this.$alert(this.$t('api_test.environment.variables_delete_info') + '：【 ' + message + ' 】？', '', {
+          confirmButtonText: this.$t('commons.confirm'),
+          callback: (action) => {
+            if (action === 'confirm') {
+              ids.forEach((row) => {
+                const index = this.variables.findIndex((d) => d.id === row);
+                this.variables.splice(index, 1);
+              });
+              this.sortParameters();
+              this.editData = {};
+            }
+          },
+        });
       } else {
         ids.forEach((row) => {
           const index = this.variables.findIndex((d) => d.id === row);
@@ -736,58 +592,40 @@ export default {
       }
     },
     handleDeleteBatch() {
-      this.$alert(
-        this.$t('api_test.environment.variables_delete_info') + ' ' + ' ？',
-        '',
-        {
-          confirmButtonText: this.$t('commons.confirm'),
-          callback: (action) => {
-            if (action === 'confirm') {
-              let ids = this.$refs.variableTable.selectIds;
-              ids.forEach((row) => {
-                const index = this.variables.findIndex((d) => d.id === row);
-                this.variables.splice(index, 1);
-              });
-              // this.editData = {type: "CONSTANT"};
-              this.sortParameters();
-              this.editData = {};
-              this.$refs.variableTable.cancelCurrentRow();
-              this.$refs.variableTable.clear();
-            }
-          },
-        }
-      );
+      this.$alert(this.$t('api_test.environment.variables_delete_info') + ' ' + ' ？', '', {
+        confirmButtonText: this.$t('commons.confirm'),
+        callback: (action) => {
+          if (action === 'confirm') {
+            let ids = this.$refs.variableTable.selectIds;
+            ids.forEach((row) => {
+              const index = this.variables.findIndex((d) => d.id === row);
+              this.variables.splice(index, 1);
+            });
+            // this.editData = {type: "CONSTANT"};
+            this.sortParameters();
+            this.editData = {};
+            this.$refs.variableTable.cancelCurrentRow();
+            this.$refs.variableTable.clear();
+          }
+        },
+      });
     },
     filter() {
       let data = [];
       this.variables.forEach((item) => {
-        if (
-          this.searchType &&
-          this.searchType != '' &&
-          this.selectVariable &&
-          this.selectVariable != ''
-        ) {
+        if (this.searchType && this.searchType != '' && this.selectVariable && this.selectVariable != '') {
           if (
             (item.type &&
-              item.type.toLowerCase().indexOf(this.searchType.toLowerCase()) ==
-                -1 &&
+              item.type.toLowerCase().indexOf(this.searchType.toLowerCase()) == -1 &&
               this.searchType != 'ALL') ||
-            (item.name &&
-              item.name
-                .toLowerCase()
-                .indexOf(this.selectVariable.toLowerCase()) == -1)
+            (item.name && item.name.toLowerCase().indexOf(this.selectVariable.toLowerCase()) == -1)
           ) {
             item.hidden = true;
           } else {
             item.hidden = undefined;
           }
         } else if (this.selectVariable && this.selectVariable != '') {
-          if (
-            item.name &&
-            item.name
-              .toLowerCase()
-              .indexOf(this.selectVariable.toLowerCase()) == -1
-          ) {
+          if (item.name && item.name.toLowerCase().indexOf(this.selectVariable.toLowerCase()) == -1) {
             item.hidden = true;
           } else {
             item.hidden = undefined;
@@ -795,8 +633,7 @@ export default {
         } else if (this.searchType && this.searchType != '') {
           if (
             item.type &&
-            item.type.toLowerCase().indexOf(this.searchType.toLowerCase()) ==
-              -1 &&
+            item.type.toLowerCase().indexOf(this.searchType.toLowerCase()) == -1 &&
             this.searchType != 'ALL'
           ) {
             item.hidden = true;
@@ -806,10 +643,7 @@ export default {
         } else {
           item.hidden = undefined;
         }
-        if (
-          this.searchType === 'ALL' &&
-          !(this.selectVariable && this.selectVariable != '')
-        ) {
+        if (this.searchType === 'ALL' && !(this.selectVariable && this.selectVariable != '')) {
           item.hidden = undefined;
         }
         data.push(item);
@@ -818,10 +652,7 @@ export default {
     },
     createFilter(queryString) {
       return (item) => {
-        return (
-          item.type &&
-          item.type.toLowerCase().indexOf(queryString.toLowerCase()) !== -1
-        );
+        return item.type && item.type.toLowerCase().indexOf(queryString.toLowerCase()) !== -1;
       };
     },
     handleRowClick(row) {
diff --git a/api-test/frontend/src/business/automation/schedule/ScheduleMaintain.vue b/api-test/frontend/src/business/automation/schedule/ScheduleMaintain.vue
index 37875af8bb..320a1b560b 100644
--- a/api-test/frontend/src/business/automation/schedule/ScheduleMaintain.vue
+++ b/api-test/frontend/src/business/automation/schedule/ScheduleMaintain.vue
@@ -5,8 +5,7 @@
     class="schedule-edit"
     :visible.sync="dialogVisible"
     :append-to-body="true"
-    @close="close"
-  >
+    @close="close">
     <template>
       <div v-loading="loading">
         <el-tabs v-model="activeName">
@@ -15,18 +14,8 @@
               <div class="el-step__icon-inner">1</div>
             </div>
             <span>{{ $t('schedule.edit_timer_task') }}</span>
-            <el-form
-              :model="form"
-              :rules="rules"
-              ref="from"
-              style="margin-top: 10px"
-              class="ms-el-form-item__error"
-            >
-              <el-form-item
-                :label="$t('commons.schedule_cron_title')"
-                prop="cronValue"
-                style="height: 50px"
-              >
+            <el-form :model="form" :rules="rules" ref="from" style="margin-top: 10px" class="ms-el-form-item__error">
+              <el-form-item :label="$t('commons.schedule_cron_title')" prop="cronValue" style="height: 50px">
                 <el-row :gutter="20">
                   <el-col :span="16">
                     <el-input
@@ -34,14 +23,8 @@
                       v-model="form.cronValue"
                       class="inp"
                       :placeholder="$t('schedule.please_input_cron_expression')"
-                      size="mini"
-                    >
-                      <a
-                        :disabled="isReadOnly"
-                        @click="showCronDialog"
-                        slot="suffix"
-                        class="head"
-                      >
+                      size="mini">
+                      <a :disabled="isReadOnly" @click="showCronDialog" slot="suffix" class="head">
                         {{ $t('schedule.generate_expression') }}
                       </a>
                     </el-input>
@@ -50,24 +33,12 @@
                     <el-tooltip
                       effect="dark"
                       placement="bottom"
-                      :content="
-                        schedule.enable
-                          ? $t('commons.close_schedule')
-                          : $t('commons.open_schedule')
-                      "
-                    >
-                      <el-switch
-                        v-model="schedule.enable"
-                        style="margin-left: 20px"
-                      ></el-switch>
+                      :content="schedule.enable ? $t('commons.close_schedule') : $t('commons.open_schedule')">
+                      <el-switch v-model="schedule.enable" style="margin-left: 20px"></el-switch>
                     </el-tooltip>
                   </el-col>
                   <el-col :span="2">
-                    <el-button
-                      :disabled="isReadOnly"
-                      type="primary"
-                      @click="saveCron"
-                      size="mini"
+                    <el-button :disabled="isReadOnly" type="primary" @click="saveCron" size="mini"
                       >{{ $t('commons.save') }}
                     </el-button>
                   </el-col>
@@ -80,9 +51,7 @@
             </div>
             <span>{{ $t('load_test.runtime_config') }}</span>
             <div style="padding-top: 10px">
-              <span class="ms-mode-span"
-                >{{ $t('commons.environment') }}：</span
-              >
+              <span class="ms-mode-span">{{ $t('commons.environment') }}：</span>
               <env-popover
                 :project-ids="projectIds"
                 :placement="'bottom-start'"
@@ -95,55 +64,34 @@
                 @setProjectEnvMap="setProjectEnvMap"
                 @showPopover="showPopover"
                 ref="envPopover"
-                class="env-popover"
-              />
+                class="env-popover" />
             </div>
             <div class="ms-mode-div">
-              <span class="ms-mode-span"
-                >{{ $t('run_mode.other_config') }}：</span
-              >
-              <el-checkbox
-                v-model="runConfig.runWithinResourcePool"
-                :disabled="runMode === 'POOL'"
-              >
+              <span class="ms-mode-span">{{ $t('run_mode.other_config') }}：</span>
+              <el-checkbox v-model="runConfig.runWithinResourcePool" :disabled="runMode === 'POOL'">
                 {{ $t('run_mode.run_with_resource_pool') }}
               </el-checkbox>
               <el-select
                 style="margin-left: 10px"
                 :disabled="!runConfig.runWithinResourcePool"
                 v-model="runConfig.resourcePoolId"
-                size="mini"
-              >
+                size="mini">
                 <el-option
                   v-for="item in resourcePools"
                   :key="item.id"
                   :label="item.name"
                   :disabled="!item.api"
-                  :value="item.id"
-                >
+                  :value="item.id">
                 </el-option>
               </el-select>
             </div>
 
-            <el-dialog
-              width="60%"
-              :title="$t('schedule.generate_expression')"
-              :visible.sync="showCron"
-              :modal="false"
-            >
-              <crontab
-                @hide="showCron = false"
-                @fill="crontabFill"
-                :expression="schedule.value"
-                ref="crontab"
-              />
+            <el-dialog width="60%" :title="$t('schedule.generate_expression')" :visible.sync="showCron" :modal="false">
+              <crontab @hide="showCron = false" @fill="crontabFill" :expression="schedule.value" ref="crontab" />
             </el-dialog>
           </el-tab-pane>
           <el-tab-pane :label="$t('schedule.task_notification')" name="second">
-            <ms-schedule-notification
-              :test-id="testId"
-              :schedule-receiver-options="scheduleReceiverOptions"
-            />
+            <ms-schedule-notification :test-id="testId" :schedule-receiver-options="scheduleReceiverOptions" />
           </el-tab-pane>
         </el-tabs>
       </div>
@@ -155,17 +103,8 @@
 import { saveNotice } from '@/api/notice';
 import { apiScenarioEnv, createSchedule, updateSchedule } from '@/api/scenario';
 import { getScheduleByIdAndType, scheduleUpdate } from '@/api/schedule';
-import {
-  getCurrentProjectID,
-  getCurrentUser,
-  getCurrentWorkspaceId,
-} from 'metersphere-frontend/src/utils/token';
-import {
-  listenGoBack,
-  objToStrMap,
-  removeGoBackListener,
-  strMapToObj,
-} from 'metersphere-frontend/src/utils';
+import { getCurrentProjectID, getCurrentUser, getCurrentWorkspaceId } from 'metersphere-frontend/src/utils/token';
+import { listenGoBack, objToStrMap, removeGoBackListener, strMapToObj } from 'metersphere-frontend/src/utils';
 import Crontab from 'metersphere-frontend/src/components/cron/Crontab';
 import CrontabResult from 'metersphere-frontend/src/components/cron/CrontabResult';
 import { cronValidate } from 'metersphere-frontend/src/utils/cron';
@@ -173,11 +112,7 @@ import MsScheduleNotification from './ScheduleNotification';
 import ScheduleSwitch from '@/business/automation/schedule/ScheduleSwitch';
 import { ENV_TYPE } from 'metersphere-frontend/src/utils/constants';
 import EnvPopover from '@/business/automation/scenario/EnvPopover';
-import {
-  getMaintainer,
-  getOwnerProjects,
-  getProjectConfig,
-} from '@/api/project';
+import { getMaintainer, getOwnerProjects, getProjectConfig } from '@/api/project';
 import { getTestResourcePools } from '@/api/test-resource-pool';
 import { getSystemBaseSetting } from 'metersphere-frontend/src/api/system';
 import { hasLicense } from 'metersphere-frontend/src/utils/permission';
@@ -252,9 +187,7 @@ export default {
       paramRow: {},
       activeName: 'first',
       rules: {
-        cronValue: [
-          { required: true, validator: validateCron, trigger: 'blur' },
-        ],
+        cronValue: [{ required: true, validator: validateCron, trigger: 'blur' }],
       },
       resourcePools: [],
       runConfig: {
@@ -397,26 +330,24 @@ export default {
     findSchedule() {
       let scheduleResourceID = this.testId;
       let taskType = this.scheduleTaskType;
-      this.result = getScheduleByIdAndType(scheduleResourceID, taskType).then(
-        (response) => {
-          if (response.data != null) {
-            this.schedule = response.data;
-            if (response.data.config) {
-              this.runConfig = JSON.parse(response.data.config);
-              if (this.runConfig.envMap) {
-                this.projectEnvListMap = objToStrMap(this.runConfig.envMap);
-              } else {
-                this.projectEnvListMap = new Map();
-              }
+      this.result = getScheduleByIdAndType(scheduleResourceID, taskType).then((response) => {
+        if (response.data != null) {
+          this.schedule = response.data;
+          if (response.data.config) {
+            this.runConfig = JSON.parse(response.data.config);
+            if (this.runConfig.envMap) {
+              this.projectEnvListMap = objToStrMap(this.runConfig.envMap);
+            } else {
+              this.projectEnvListMap = new Map();
             }
-          } else {
-            this.schedule = {
-              value: '',
-              enable: false,
-            };
           }
+        } else {
+          this.schedule = {
+            value: '',
+            enable: false,
+          };
         }
-      );
+      });
     },
     crontabFill(value, resultList) {
       //确定后回传的值
@@ -466,27 +397,14 @@ export default {
       }
       if (this.schedule.enable) {
         if (
-          (this.runConfig.environmentType === 'JSON' &&
-            Object.keys(this.runConfig.envMap).length === 0) ||
-          (this.runConfig.environmentType === 'GROUP' &&
-            !this.runConfig.environmentGroupId)
+          (this.runConfig.environmentType === 'JSON' && Object.keys(this.runConfig.envMap).length === 0) ||
+          (this.runConfig.environmentType === 'GROUP' && !this.runConfig.environmentGroupId)
         ) {
-          this.$warning(
-            this.$t(
-              'workspace.env_group.please_select_env_for_current_scenario'
-            )
-          );
+          this.$warning(this.$t('workspace.env_group.please_select_env_for_current_scenario'));
           return;
         }
-        if (
-          this.runConfig.runWithinResourcePool &&
-          this.runConfig.resourcePoolId == null
-        ) {
-          this.$warning(
-            this.$t(
-              'workspace.env_group.please_select_run_within_resource_pool'
-            )
-          );
+        if (this.runConfig.runWithinResourcePool && this.runConfig.resourcePoolId == null) {
+          this.$warning(this.$t('workspace.env_group.please_select_run_within_resource_pool'));
           return;
         }
       }
@@ -571,8 +489,7 @@ export default {
 .head {
   border-bottom: 1px solid var(--primary_color);
   color: var(--primary_color);
-  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
-    Arial, sans-serif;
+  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', Arial, sans-serif;
   font-size: 13px;
   cursor: pointer;
 }
diff --git a/api-test/frontend/src/business/automation/schedule/ScheduleNotification.vue b/api-test/frontend/src/business/automation/schedule/ScheduleNotification.vue
index 09cb6f9d08..011f5e8519 100644
--- a/api-test/frontend/src/business/automation/schedule/ScheduleNotification.vue
+++ b/api-test/frontend/src/business/automation/schedule/ScheduleNotification.vue
@@ -2,12 +2,7 @@
   <div>
     <el-row>
       <el-col :span="10">
-        <el-button
-          icon="el-icon-circle-plus-outline"
-          plain
-          size="mini"
-          @click="handleAddTaskModel"
-        >
+        <el-button icon="el-icon-circle-plus-outline" plain size="mini" @click="handleAddTaskModel">
           {{ $t('organization.message.create_new_notification') }}
         </el-button>
       </el-col>
@@ -21,8 +16,7 @@
           :receive-type-options="receiveTypeOptions"
           @handleReceivers="handleReceivers"
           @handleTemplate="handleTemplate"
-          @refresh="initForm"
-        />
+          @refresh="initForm" />
       </el-col>
     </el-row>
     <mx-notice-template v-xpack ref="noticeTemplate" :variables="variables" />
@@ -42,8 +36,7 @@ export default {
     NotificationTable,
     MsTipButton,
     MsCodeEdit,
-    MxNoticeTemplate: () =>
-      import('metersphere-frontend/src/components/MxNoticeTemplate'),
+    MxNoticeTemplate: () => import('metersphere-frontend/src/components/MxNoticeTemplate'),
   },
   props: {
     testId: String,
@@ -264,9 +257,7 @@ export default {
       }
     },
     handleReceivers(row) {
-      row.receiverOptions = JSON.parse(
-        JSON.stringify(this.scheduleReceiverOptions)
-      );
+      row.receiverOptions = JSON.parse(JSON.stringify(this.scheduleReceiverOptions));
     },
   },
 };
diff --git a/api-test/frontend/src/business/automation/schedule/ScheduleSwitch.vue b/api-test/frontend/src/business/automation/schedule/ScheduleSwitch.vue
index 084f1be161..60f5cb8b7b 100644
--- a/api-test/frontend/src/business/automation/schedule/ScheduleSwitch.vue
+++ b/api-test/frontend/src/business/automation/schedule/ScheduleSwitch.vue
@@ -5,26 +5,15 @@
         <i class="el-icon-date" size="small"></i>
         <span class="character">SCHEDULER</span>
       </span>
-      <el-switch
-        :disabled="!schedule.value"
-        v-model="schedule.enable"
-        @change="scheduleChange"
-      />
+      <el-switch :disabled="!schedule.value" v-model="schedule.enable" @change="scheduleChange" />
     </div>
     <div>
       <span>
         {{ $t('schedule.next_execution_time') }}：
-        <span
-          :class="{ 'disable-character': !schedule.enable }"
-          v-if="!schedule.enable"
-          >{{ $t('schedule.not_set') }}</span
-        >
-        <crontab-result
-          v-if="schedule.enable"
-          :enable-simple-mode="true"
-          :ex="cornValue"
-          ref="crontabResult"
-        />
+        <span :class="{ 'disable-character': !schedule.enable }" v-if="!schedule.enable">{{
+          $t('schedule.not_set')
+        }}</span>
+        <crontab-result v-if="schedule.enable" :enable-simple-mode="true" :ex="cornValue" ref="crontabResult" />
       </span>
     </div>
   </div>
diff --git a/api-test/frontend/src/business/automation/version/ScenarioChildDiff.vue b/api-test/frontend/src/business/automation/version/ScenarioChildDiff.vue
index 51ccbede9c..77ee8d46cc 100644
--- a/api-test/frontend/src/business/automation/version/ScenarioChildDiff.vue
+++ b/api-test/frontend/src/business/automation/version/ScenarioChildDiff.vue
@@ -7,8 +7,7 @@
         :current-scenario="oldData"
         :node="oldNode"
         :env-map="oldProjectEnvMap"
-        :show-version="false"
-      />
+        :show-version="false" />
     </el-card>
     <el-card ref="new" style="width: 50%">
       <ms-component-config
@@ -17,8 +16,7 @@
         :current-scenario="newData"
         :node="newNode"
         :env-map="newProjectEnvMap"
-        :show-version="false"
-      />
+        :show-version="false" />
     </el-card>
   </div>
 </template>
diff --git a/api-test/frontend/src/business/automation/version/ScenarioDiff.vue b/api-test/frontend/src/business/automation/version/ScenarioDiff.vue
index 4de6eb06ca..d9f41a2356 100644
--- a/api-test/frontend/src/business/automation/version/ScenarioDiff.vue
+++ b/api-test/frontend/src/business/automation/version/ScenarioDiff.vue
@@ -4,16 +4,12 @@
       <el-col :span="12">
         <el-tag>当前{{ oldData.versionName }}</el-tag>
         <span style="margin-left: 10px">{{ oldUserName }}</span
-        ><span style="margin-left: 10px">{{
-          oldCreateTime | datetimeFormat
-        }}</span>
+        ><span style="margin-left: 10px">{{ oldCreateTime | datetimeFormat }}</span>
       </el-col>
       <el-col :span="12">
         <el-tag>{{ newData.versionName }}</el-tag>
         <span style="margin-left: 10px">{{ newData.userName }}</span
-        ><span style="margin-left: 10px">{{
-          newCreateTime | datetimeFormat
-        }}</span>
+        ><span style="margin-left: 10px">{{ newCreateTime | datetimeFormat }}</span>
       </el-col>
     </el-row>
     <div class="compare-class" v-loading="isReloadData">
@@ -30,126 +26,79 @@
                 :rules="rules"
                 :disabled="true"
                 ref="currentScenario"
-                style="margin-right: 20px"
-              >
+                style="margin-right: 20px">
                 <!-- 基础信息 -->
                 <el-row>
                   <el-col :span="7">
                     <el-form-item :label="$t('commons.name')" prop="name">
-                      <el-input
-                        class="ms-scenario-input"
-                        size="small"
-                        v-model="oldData.name"
-                      />
+                      <el-input class="ms-scenario-input" size="small" v-model="oldData.name" />
                     </el-form-item>
                   </el-col>
                   <el-col :span="7">
-                    <el-form-item
-                      :label="$t('test_track.module.module')"
-                      prop="apiScenarioModuleId"
-                    >
+                    <el-form-item :label="$t('test_track.module.module')" prop="apiScenarioModuleId">
                       <ms-select-tree
                         size="small"
                         :data="moduleOptions"
                         :defaultKey="oldData.apiScenarioModuleId"
                         :obj="moduleObj"
                         clearable
-                        checkStrictly
-                      />
+                        checkStrictly />
                     </el-form-item>
                   </el-col>
                   <el-col :span="7">
                     <el-form-item :label="$t('commons.status')" prop="status">
-                      <el-select
-                        class="ms-scenario-input"
-                        size="small"
-                        v-model="oldData.status"
-                      >
-                        <el-option
-                          v-for="item in options"
-                          :key="item.id"
-                          :label="$t(item.label)"
-                          :value="item.id"
-                        />
+                      <el-select class="ms-scenario-input" size="small" v-model="oldData.status">
+                        <el-option v-for="item in options" :key="item.id" :label="$t(item.label)" :value="item.id" />
                       </el-select>
                     </el-form-item>
                   </el-col>
                 </el-row>
                 <el-row>
                   <el-col :span="7">
-                    <el-form-item
-                      :label="$t('api_test.definition.request.responsible')"
-                      prop="principal"
-                    >
+                    <el-form-item :label="$t('api_test.definition.request.responsible')" prop="principal">
                       <el-select
                         v-model="oldData.principal"
-                        :placeholder="
-                          $t('api_test.definition.request.responsible')
-                        "
+                        :placeholder="$t('api_test.definition.request.responsible')"
                         filterable
                         size="small"
-                        class="ms-scenario-input"
-                      >
+                        class="ms-scenario-input">
                         <el-option
                           v-for="item in maintainerOptions"
                           :key="item.id"
                           :label="item.name + ' (' + item.id + ')'"
-                          :value="item.id"
-                        >
+                          :value="item.id">
                         </el-option>
                       </el-select>
                     </el-form-item>
                   </el-col>
                   <el-col :span="7">
-                    <el-form-item
-                      :label="$t('test_track.case.priority')"
-                      prop="level"
-                    >
-                      <el-select
-                        class="ms-scenario-input"
-                        size="small"
-                        v-model="oldData.level"
-                      >
-                        <el-option
-                          v-for="item in levels"
-                          :key="item.id"
-                          :label="item.label"
-                          :value="item.id"
-                        />
+                    <el-form-item :label="$t('test_track.case.priority')" prop="level">
+                      <el-select class="ms-scenario-input" size="small" v-model="oldData.level">
+                        <el-option v-for="item in levels" :key="item.id" :label="item.label" :value="item.id" />
                       </el-select>
                     </el-form-item>
                   </el-col>
                   <el-col :span="7">
-                    <el-form-item
-                      :label="$t('api_test.automation.tag')"
-                      prop="tags"
-                    >
+                    <el-form-item :label="$t('api_test.automation.tag')" prop="tags">
                       <ms-input-tag :currentScenario="oldData" ref="tag" />
                     </el-form-item>
                   </el-col>
                 </el-row>
                 <el-row>
                   <el-col :span="7">
-                    <el-form-item
-                      :label="$t('commons.description')"
-                      prop="description"
-                    >
+                    <el-form-item :label="$t('commons.description')" prop="description">
                       <el-input
                         class="ms-http-textarea"
                         v-model="oldData.description"
                         type="textarea"
                         :autosize="{ minRows: 1, maxRows: 10 }"
                         :rows="1"
-                        size="small"
-                      />
+                        size="small" />
                     </el-form-item>
                   </el-col>
                   <el-col :span="7" v-if="customNum">
                     <el-form-item label="ID" prop="customNum">
-                      <el-input
-                        v-model.trim="oldData.customNum"
-                        size="small"
-                      ></el-input>
+                      <el-input v-model.trim="oldData.customNum" size="small"></el-input>
                     </el-form-item>
                   </el-col>
                 </el-row>
@@ -163,56 +112,35 @@
               <el-row>
                 <el-col :span="21">
                   <!-- 调试部分 -->
-                  <div
-                    class="ms-debug-div"
-                    @click="showAll"
-                    :class="{ 'is-top': isTop }"
-                    ref="debugHeader"
-                  >
+                  <div class="ms-debug-div" @click="showAll" :class="{ 'is-top': isTop }" ref="debugHeader">
                     <el-row style="margin: 5px">
                       <el-col :span="4" class="ms-col-one ms-font">
                         <el-tooltip placement="top" effect="light">
                           <template v-slot:content>
                             <div>
-                              {{
-                                oldData.name === undefined || ''
-                                  ? $t('api_test.scenario.name')
-                                  : oldData.name
-                              }}
+                              {{ oldData.name === undefined || '' ? $t('api_test.scenario.name') : oldData.name }}
                             </div>
                           </template>
                           <span class="scenario-name">
-                            {{
-                              oldData.name === undefined || ''
-                                ? $t('api_test.scenario.name')
-                                : oldData.name
-                            }}
+                            {{ oldData.name === undefined || '' ? $t('api_test.scenario.name') : oldData.name }}
                           </span>
                         </el-tooltip>
                       </el-col>
                       <el-col :span="3" class="ms-col-one ms-font">
-                        {{ $t('api_test.automation.step_total') }}：{{
-                          oldScenarioDefinition.length
-                        }}
+                        {{ $t('api_test.automation.step_total') }}：{{ oldScenarioDefinition.length }}
                       </el-col>
                       <el-col :span="3" class="ms-col-one ms-font">
-                        <el-link class="head"
-                          >{{ $t('api_test.automation.scenario_total') }}
-                        </el-link>
+                        <el-link class="head">{{ $t('api_test.automation.scenario_total') }} </el-link>
                         ：{{ getOldVariableSize() }}
                       </el-col>
                       <el-col :span="3" class="ms-col-one ms-font">
                         <el-checkbox v-model="oldEnableCookieShare"
-                          ><span style="font-size: 13px">{{
-                            $t('api_test.scenario.share_cookie')
-                          }}</span></el-checkbox
+                          ><span style="font-size: 13px">{{ $t('api_test.scenario.share_cookie') }}</span></el-checkbox
                         >
                       </el-col>
                       <el-col :span="3" class="ms-col-one ms-font">
                         <el-checkbox v-model="oldOnSampleError"
-                          ><span style="font-size: 13px">{{
-                            $t('commons.failure_continues')
-                          }}</span></el-checkbox
+                          ><span style="font-size: 13px">{{ $t('commons.failure_continues') }}</span></el-checkbox
                         >
                       </el-col>
                     </el-row>
@@ -220,26 +148,13 @@
 
                   <!-- 场景步骤内容 -->
                   <div ref="stepInfo" id="stepInfo">
-                    <el-tooltip
-                      :content="$t('api_test.automation.open_expansion')"
-                      placement="top"
-                      effect="light"
-                    >
+                    <el-tooltip :content="$t('api_test.automation.open_expansion')" placement="top" effect="light">
                       <i
                         class="el-icon-circle-plus-outline ms-open-btn ms-open-btn-left"
-                        @click="openExpansion('old')"
-                      />
+                        @click="openExpansion('old')" />
                     </el-tooltip>
-                    <el-tooltip
-                      :content="$t('api_test.automation.close_expansion')"
-                      placement="top"
-                      effect="light"
-                    >
-                      <i
-                        class="el-icon-remove-outline ms-open-btn"
-                        size="mini"
-                        @click="closeExpansion('old')"
-                      />
+                    <el-tooltip :content="$t('api_test.automation.close_expansion')" placement="top" effect="light">
+                      <i class="el-icon-remove-outline ms-open-btn" size="mini" @click="closeExpansion('old')" />
                     </el-tooltip>
                     <el-tree
                       node-key="resourceId"
@@ -249,21 +164,12 @@
                       :default-expanded-keys="oldExpandedNode"
                       :expand-on-click-node="false"
                       highlight-current
-                      @node-expand="
-                        nodeExpand(oldScenarioDefinition, null, 'old')
-                      "
-                      @node-collapse="
-                        nodeCollapse(oldScenarioDefinition, null, 'old')
-                      "
+                      @node-expand="nodeExpand(oldScenarioDefinition, null, 'old')"
+                      @node-collapse="nodeCollapse(oldScenarioDefinition, null, 'old')"
                       @node-click="oldNodeClick"
                       draggable
-                      ref="stepTree"
-                    >
-                      <span
-                        class="custom-tree-node father"
-                        slot-scope="{ node, data }"
-                        style="width: 96%"
-                      >
+                      ref="stepTree">
+                      <span class="custom-tree-node father" slot-scope="{ node, data }" style="width: 96%">
                         <!-- 步骤组件-->
                         <ms-component-config
                           :type="data.type"
@@ -272,19 +178,14 @@
                           :node="node"
                           :env-map="projectEnvMap"
                           :project-list="projectList"
-                          :show-version="false"
-                        />
+                          :show-version="false" />
                       </span>
                     </el-tree>
                   </div>
                 </el-col>
               </el-row>
             </div>
-            <el-backtop
-              target=".card-content"
-              :visibility-height="100"
-              :right="50"
-            ></el-backtop>
+            <el-backtop target=".card-content" :visibility-height="100" :right="50"></el-backtop>
           </div>
         </el-card>
       </el-card>
@@ -301,126 +202,79 @@
                 :rules="rules"
                 :disabled="true"
                 ref="currentScenario"
-                style="margin-right: 20px"
-              >
+                style="margin-right: 20px">
                 <!-- 基础信息 -->
                 <el-row>
                   <el-col :span="7">
                     <el-form-item :label="$t('commons.name')" prop="name">
-                      <el-input
-                        class="ms-scenario-input"
-                        size="small"
-                        v-model="newData.name"
-                      />
+                      <el-input class="ms-scenario-input" size="small" v-model="newData.name" />
                     </el-form-item>
                   </el-col>
                   <el-col :span="7">
-                    <el-form-item
-                      :label="$t('test_track.module.module')"
-                      prop="apiScenarioModuleId"
-                    >
+                    <el-form-item :label="$t('test_track.module.module')" prop="apiScenarioModuleId">
                       <ms-select-tree
                         size="small"
                         :data="moduleOptions"
                         :defaultKey="newData.apiScenarioModuleId"
                         :obj="moduleObj"
                         clearable
-                        checkStrictly
-                      />
+                        checkStrictly />
                     </el-form-item>
                   </el-col>
                   <el-col :span="7">
                     <el-form-item :label="$t('commons.status')" prop="status">
-                      <el-select
-                        class="ms-scenario-input"
-                        size="small"
-                        v-model="newData.status"
-                      >
-                        <el-option
-                          v-for="item in options"
-                          :key="item.id"
-                          :label="$t(item.label)"
-                          :value="item.id"
-                        />
+                      <el-select class="ms-scenario-input" size="small" v-model="newData.status">
+                        <el-option v-for="item in options" :key="item.id" :label="$t(item.label)" :value="item.id" />
                       </el-select>
                     </el-form-item>
                   </el-col>
                 </el-row>
                 <el-row>
                   <el-col :span="7">
-                    <el-form-item
-                      :label="$t('api_test.definition.request.responsible')"
-                      prop="principal"
-                    >
+                    <el-form-item :label="$t('api_test.definition.request.responsible')" prop="principal">
                       <el-select
                         v-model="newData.principal"
-                        :placeholder="
-                          $t('api_test.definition.request.responsible')
-                        "
+                        :placeholder="$t('api_test.definition.request.responsible')"
                         filterable
                         size="small"
-                        class="ms-scenario-input"
-                      >
+                        class="ms-scenario-input">
                         <el-option
                           v-for="item in maintainerOptions"
                           :key="item.id"
                           :label="item.name + ' (' + item.id + ')'"
-                          :value="item.id"
-                        >
+                          :value="item.id">
                         </el-option>
                       </el-select>
                     </el-form-item>
                   </el-col>
                   <el-col :span="7">
-                    <el-form-item
-                      :label="$t('test_track.case.priority')"
-                      prop="level"
-                    >
-                      <el-select
-                        class="ms-scenario-input"
-                        size="small"
-                        v-model="newData.level"
-                      >
-                        <el-option
-                          v-for="item in levels"
-                          :key="item.id"
-                          :label="item.label"
-                          :value="item.id"
-                        />
+                    <el-form-item :label="$t('test_track.case.priority')" prop="level">
+                      <el-select class="ms-scenario-input" size="small" v-model="newData.level">
+                        <el-option v-for="item in levels" :key="item.id" :label="item.label" :value="item.id" />
                       </el-select>
                     </el-form-item>
                   </el-col>
                   <el-col :span="7">
-                    <el-form-item
-                      :label="$t('api_test.automation.tag')"
-                      prop="tags"
-                    >
+                    <el-form-item :label="$t('api_test.automation.tag')" prop="tags">
                       <ms-input-tag :currentScenario="newData" ref="tag" />
                     </el-form-item>
                   </el-col>
                 </el-row>
                 <el-row>
                   <el-col :span="7">
-                    <el-form-item
-                      :label="$t('commons.description')"
-                      prop="description"
-                    >
+                    <el-form-item :label="$t('commons.description')" prop="description">
                       <el-input
                         class="ms-http-textarea"
                         v-model="newData.description"
                         type="textarea"
                         :autosize="{ minRows: 1, maxRows: 10 }"
                         :rows="1"
-                        size="small"
-                      />
+                        size="small" />
                     </el-form-item>
                   </el-col>
                   <el-col :span="7" v-if="customNum">
                     <el-form-item label="ID" prop="customNum">
-                      <el-input
-                        v-model.trim="newData.customNum"
-                        size="small"
-                      ></el-input>
+                      <el-input v-model.trim="newData.customNum" size="small"></el-input>
                     </el-form-item>
                   </el-col>
                 </el-row>
@@ -434,56 +288,35 @@
               <el-row>
                 <el-col :span="21">
                   <!-- 调试部分 -->
-                  <div
-                    class="ms-debug-div"
-                    @click="showAll"
-                    :class="{ 'is-top': isTop }"
-                    ref="debugHeader"
-                  >
+                  <div class="ms-debug-div" @click="showAll" :class="{ 'is-top': isTop }" ref="debugHeader">
                     <el-row style="margin: 5px">
                       <el-col :span="4" class="ms-col-one ms-font">
                         <el-tooltip placement="top" effect="light">
                           <template v-slot:content>
                             <div>
-                              {{
-                                newData.name === undefined || ''
-                                  ? $t('api_test.scenario.name')
-                                  : newData.name
-                              }}
+                              {{ newData.name === undefined || '' ? $t('api_test.scenario.name') : newData.name }}
                             </div>
                           </template>
                           <span class="scenario-name">
-                            {{
-                              newData.name === undefined || ''
-                                ? $t('api_test.scenario.name')
-                                : newData.name
-                            }}
+                            {{ newData.name === undefined || '' ? $t('api_test.scenario.name') : newData.name }}
                           </span>
                         </el-tooltip>
                       </el-col>
                       <el-col :span="3" class="ms-col-one ms-font">
-                        {{ $t('api_test.automation.step_total') }}：{{
-                          newScenarioDefinition.length
-                        }}
+                        {{ $t('api_test.automation.step_total') }}：{{ newScenarioDefinition.length }}
                       </el-col>
                       <el-col :span="3" class="ms-col-one ms-font">
-                        <el-link class="head"
-                          >{{ $t('api_test.automation.scenario_total') }}
-                        </el-link>
+                        <el-link class="head">{{ $t('api_test.automation.scenario_total') }} </el-link>
                         ：{{ getNewVariableSize() }}
                       </el-col>
                       <el-col :span="3" class="ms-col-one ms-font">
                         <el-checkbox v-model="newEnableCookieShare"
-                          ><span style="font-size: 13px">{{
-                            $t('api_test.scenario.share_cookie')
-                          }}</span></el-checkbox
+                          ><span style="font-size: 13px">{{ $t('api_test.scenario.share_cookie') }}</span></el-checkbox
                         >
                       </el-col>
                       <el-col :span="3" class="ms-col-one ms-font">
                         <el-checkbox v-model="newOnSampleError"
-                          ><span style="font-size: 13px">{{
-                            $t('commons.failure_continues')
-                          }}</span></el-checkbox
+                          ><span style="font-size: 13px">{{ $t('commons.failure_continues') }}</span></el-checkbox
                         >
                       </el-col>
                     </el-row>
@@ -491,26 +324,13 @@
 
                   <!-- 场景步骤内容 -->
                   <div ref="newStepInfo">
-                    <el-tooltip
-                      :content="$t('api_test.automation.open_expansion')"
-                      placement="top"
-                      effect="light"
-                    >
+                    <el-tooltip :content="$t('api_test.automation.open_expansion')" placement="top" effect="light">
                       <i
                         class="el-icon-circle-plus-outline ms-open-btn ms-open-btn-left"
-                        @click="openExpansion('new')"
-                      />
+                        @click="openExpansion('new')" />
                     </el-tooltip>
-                    <el-tooltip
-                      :content="$t('api_test.automation.close_expansion')"
-                      placement="top"
-                      effect="light"
-                    >
-                      <i
-                        class="el-icon-remove-outline ms-open-btn"
-                        size="mini"
-                        @click="closeExpansion('new')"
-                      />
+                    <el-tooltip :content="$t('api_test.automation.close_expansion')" placement="top" effect="light">
+                      <i class="el-icon-remove-outline ms-open-btn" size="mini" @click="closeExpansion('new')" />
                     </el-tooltip>
                     <el-tree
                       node-key="resourceId"
@@ -520,21 +340,12 @@
                       :expand-on-click-node="false"
                       :default-expanded-keys="newExpandedNode"
                       highlight-current
-                      @node-expand="
-                        nodeExpand(newScenarioDefinition, null, 'new')
-                      "
-                      @node-collapse="
-                        nodeCollapse(newScenarioDefinition, null, 'new')
-                      "
+                      @node-expand="nodeExpand(newScenarioDefinition, null, 'new')"
+                      @node-collapse="nodeCollapse(newScenarioDefinition, null, 'new')"
                       @node-click="nodeClick"
                       draggable
-                      ref="newStepTree"
-                    >
-                      <span
-                        class="custom-tree-node father"
-                        slot-scope="{ node, data }"
-                        style="width: 96%"
-                      >
+                      ref="newStepTree">
+                      <span class="custom-tree-node father" slot-scope="{ node, data }" style="width: 96%">
                         <!-- 步骤组件-->
                         <ms-component-config
                           :type="data.type"
@@ -543,8 +354,7 @@
                           :node="node"
                           :env-map="newProjectEnvMap"
                           :project-list="projectList"
-                          :show-version="false"
-                        />
+                          :show-version="false" />
                       </span>
                     </el-tree>
                   </div>
@@ -552,21 +362,11 @@
               </el-row>
             </div>
 
-            <el-backtop
-              target=".card-content"
-              :visibility-height="100"
-              :right="50"
-            ></el-backtop>
+            <el-backtop target=".card-content" :visibility-height="100" :right="50"></el-backtop>
           </div>
         </el-card>
       </el-card>
-      <el-dialog
-        :fullscreen="true"
-        :visible.sync="dialogVisible"
-        :destroy-on-close="true"
-        append-to-body
-        width="100%"
-      >
+      <el-dialog :fullscreen="true" :visible.sync="dialogVisible" :destroy-on-close="true" append-to-body width="100%">
         <scenario-child-diff
           v-if="dialogVisible"
           :old-data="leftChildData"
@@ -578,8 +378,7 @@
           :old-v-node="leftChildVnode"
           :new-v-node="rightChildVnode"
           :old-color="oldColor"
-          :new-color="newColor"
-        ></scenario-child-diff>
+          :new-color="newColor"></scenario-child-diff>
       </el-dialog>
     </div>
   </div>
@@ -640,8 +439,7 @@ export default {
   components: {
     ScenarioChildDiff,
     MsComponentConfig,
-    MsSelectTree: () =>
-      import('metersphere-frontend/src/components/select-tree/SelectTree'),
+    MsSelectTree: () => import('metersphere-frontend/src/components/select-tree/SelectTree'),
     MsInputTag: () => import('@/business/automation/scenario/MsInputTag'),
     EnvPopover: () => import('@/business/automation/scenario/EnvPopover'),
   },
@@ -708,89 +506,76 @@ export default {
   methods: {
     getCurrentScenario() {
       if (this.currentScenarioId) {
-        this.result = getScenarioWithBLOBsById(this.currentScenarioId).then(
-          (response) => {
-            if (response.data) {
-              if (response.data.scenarioDefinition != null) {
-                let obj = JSON.parse(response.data.scenarioDefinition);
-                if (obj) {
-                  this.oldScenarioDefinition = obj.hashTree;
+        this.result = getScenarioWithBLOBsById(this.currentScenarioId).then((response) => {
+          if (response.data) {
+            if (response.data.scenarioDefinition != null) {
+              let obj = JSON.parse(response.data.scenarioDefinition);
+              if (obj) {
+                this.oldScenarioDefinition = obj.hashTree;
+              }
+            }
+            this.oldData = response.data;
+            getFollowByScenarioId(this.currentScenarioId).then((response) => {
+              this.oldData.follows = response.data;
+              for (let i = 0; i < response.data.length; i++) {
+                if (response.data[i] === this.currentUser().id) {
+                  this.showFollow = true;
+                  break;
                 }
               }
-              this.oldData = response.data;
-              getFollowByScenarioId(this.currentScenarioId).then((response) => {
-                this.oldData.follows = response.data;
-                for (let i = 0; i < response.data.length; i++) {
-                  if (response.data[i] === this.currentUser().id) {
-                    this.showFollow = true;
-                    break;
-                  }
-                }
-              });
-            }
+            });
           }
-        );
+        });
       }
     },
     getDffScenario() {
-      getScenarioById(this.dffScenarioId + '/' + this.scenarioRefId).then(
-        (response) => {
-          getScenarioWithBLOBsById(response.data.id).then((res) => {
-            if (res.data) {
-              if (res.data.scenarioDefinition != null) {
-                let obj = JSON.parse(res.data.scenarioDefinition);
-                if (obj) {
-                  if (obj.hashTree) {
-                    for (let i = 0; i < obj.hashTree.length; i++) {
-                      if (!obj.hashTree[i].index) {
-                        obj.hashTree[i].index = i + 1;
-                      }
-                      obj.hashTree[i].disabled = true;
-                      if (!obj.hashTree[i].requestResult) {
-                        obj.hashTree[i].requestResult = [
-                          { responseResult: {} },
-                        ];
-                      }
+      getScenarioById(this.dffScenarioId + '/' + this.scenarioRefId).then((response) => {
+        getScenarioWithBLOBsById(response.data.id).then((res) => {
+          if (res.data) {
+            if (res.data.scenarioDefinition != null) {
+              let obj = JSON.parse(res.data.scenarioDefinition);
+              if (obj) {
+                if (obj.hashTree) {
+                  for (let i = 0; i < obj.hashTree.length; i++) {
+                    if (!obj.hashTree[i].index) {
+                      obj.hashTree[i].index = i + 1;
                     }
-                    this.newEnableCookieShare = obj.enableCookieShare;
-                    if (obj.onSampleError === undefined) {
-                      this.newOnSampleError = true;
-                    } else {
-                      this.newOnSampleError = obj.onSampleError;
+                    obj.hashTree[i].disabled = true;
+                    if (!obj.hashTree[i].requestResult) {
+                      obj.hashTree[i].requestResult = [{ responseResult: {} }];
                     }
                   }
-                  this.newScenarioDefinition = obj.hashTree;
-                  for (let i = 0; i < this.oldScenarioDefinition.length; i++) {
-                    this.oldScenarioDefinition[i].disabled = true;
-                  }
-                  if (response.data.environmentJson) {
-                    this.newProjectEnvMap = objToStrMap(
-                      JSON.parse(response.data.environmentJson)
-                    );
+                  this.newEnableCookieShare = obj.enableCookieShare;
+                  if (obj.onSampleError === undefined) {
+                    this.newOnSampleError = true;
                   } else {
-                    // 兼容历史数据
-                    this.newProjectEnvMap.set(
-                      this.projectId,
-                      obj.environmentId
-                    );
+                    this.newOnSampleError = obj.onSampleError;
                   }
                 }
+                this.newScenarioDefinition = obj.hashTree;
+                for (let i = 0; i < this.oldScenarioDefinition.length; i++) {
+                  this.oldScenarioDefinition[i].disabled = true;
+                }
+                if (response.data.environmentJson) {
+                  this.newProjectEnvMap = objToStrMap(JSON.parse(response.data.environmentJson));
+                } else {
+                  // 兼容历史数据
+                  this.newProjectEnvMap.set(this.projectId, obj.environmentId);
+                }
               }
-              res.data.userName = response.data.userName;
-              this.dealWithTag(res.data);
-              this.newData = res.data;
-              this.closeExpansion();
-              this.showDiff = true;
             }
-          });
-        }
-      );
+            res.data.userName = response.data.userName;
+            this.dealWithTag(res.data);
+            this.newData = res.data;
+            this.closeExpansion();
+            this.showDiff = true;
+          }
+        });
+      });
     },
     dealWithTag(newScenario) {
       if (newScenario.tags) {
-        if (
-          Object.prototype.toString.call(newScenario.tags) === '[object String]'
-        ) {
+        if (Object.prototype.toString.call(newScenario.tags) === '[object String]') {
           newScenario.tags = JSON.parse(newScenario.tags);
         }
       }
@@ -914,19 +699,11 @@ export default {
     },
     nodeExpand(data, node, source) {
       if (source === 'new') {
-        if (
-          data &&
-          data.resourceId &&
-          this.newExpandedNode.indexOf(data.resourceId) === -1
-        ) {
+        if (data && data.resourceId && this.newExpandedNode.indexOf(data.resourceId) === -1) {
           this.newExpandedNode.push(data.resourceId);
         }
       } else {
-        if (
-          data &&
-          data.resourceId &&
-          this.oldExpandedNode.indexOf(data.resourceId) === -1
-        ) {
+        if (data && data.resourceId && this.oldExpandedNode.indexOf(data.resourceId) === -1) {
           this.oldExpandedNode.push(data.resourceId);
         }
       }
@@ -934,15 +711,9 @@ export default {
     nodeCollapse(data, node, source) {
       if (data && data.resourceId) {
         if (source === 'new') {
-          this.newExpandedNode.splice(
-            this.newExpandedNode.indexOf(data.resourceId),
-            1
-          );
+          this.newExpandedNode.splice(this.newExpandedNode.indexOf(data.resourceId), 1);
         } else {
-          this.oldExpandedNode.splice(
-            this.oldExpandedNode.indexOf(data.resourceId),
-            1
-          );
+          this.oldExpandedNode.splice(this.oldExpandedNode.indexOf(data.resourceId), 1);
         }
       }
     },
diff --git a/api-test/frontend/src/business/automation/version/v_node_diff.js b/api-test/frontend/src/business/automation/version/v_node_diff.js
index 5744c2c237..bdedd292b7 100644
--- a/api-test/frontend/src/business/automation/version/v_node_diff.js
+++ b/api-test/frontend/src/business/automation/version/v_node_diff.js
@@ -65,29 +65,15 @@ export function diff(oldDom, newDom, oldColor, newColor) {
 
 function changeStyle(diffNode, oldColor, newColor) {
   for (let i = 0; i < diffNode.oldNodeArray.length; i++) {
-    if (
-      diffNode.oldNodeArray[i] === 'comment' ||
-      diffNode.oldNodeArray[i].nodeName === '#comment'
-    ) {
+    if (diffNode.oldNodeArray[i] === 'comment' || diffNode.oldNodeArray[i].nodeName === '#comment') {
       continue;
     }
     if (diffNode.oldNodeArray[i].className === 'cell') {
       let rowVnodeElm = findRowVnodeElm(diffNode.oldNodeArray[i]);
       if (isDef(rowVnodeElm.style)) {
-        rowVnodeElm.style.setProperty(
-          'background-color',
-          oldColor,
-          'important'
-        );
-      } else if (
-        isDef(rowVnodeElm.parentNode.style) &&
-        rowVnodeElm !== 'comment'
-      ) {
-        rowVnodeElm.parentNode.style.setProperty(
-          'background-color',
-          oldColor,
-          'important'
-        );
+        rowVnodeElm.style.setProperty('background-color', oldColor, 'important');
+      } else if (isDef(rowVnodeElm.parentNode.style) && rowVnodeElm !== 'comment') {
+        rowVnodeElm.parentNode.style.setProperty('background-color', oldColor, 'important');
       }
     } else {
       changeStyleBySubset(diffNode.oldNodeArray[i], oldColor);
@@ -95,29 +81,15 @@ function changeStyle(diffNode, oldColor, newColor) {
   }
 
   for (let i = 0; i < diffNode.nodeArray.length; i++) {
-    if (
-      diffNode.nodeArray[i] === 'comment' ||
-      diffNode.nodeArray[i].nodeName === '#comment'
-    ) {
+    if (diffNode.nodeArray[i] === 'comment' || diffNode.nodeArray[i].nodeName === '#comment') {
       continue;
     }
     if (diffNode.nodeArray[i].className === 'cell') {
       let rowVnodeElm = findRowVnodeElm(diffNode.nodeArray[i]);
       if (isDef(rowVnodeElm.style)) {
-        rowVnodeElm.style.setProperty(
-          'background-color',
-          newColor,
-          'important'
-        );
-      } else if (
-        isDef(rowVnodeElm.parentNode.style) &&
-        rowVnodeElm !== 'comment'
-      ) {
-        rowVnodeElm.parentNode.style.setProperty(
-          'background-color',
-          newColor,
-          'important'
-        );
+        rowVnodeElm.style.setProperty('background-color', newColor, 'important');
+      } else if (isDef(rowVnodeElm.parentNode.style) && rowVnodeElm !== 'comment') {
+        rowVnodeElm.parentNode.style.setProperty('background-color', newColor, 'important');
       }
     } else {
       changeStyleBySubset(diffNode.nodeArray[i], newColor);
@@ -131,11 +103,7 @@ function changeStyleBySubset(vnodeElm, color) {
     if (isDef(vnodeElm.style)) {
       vnodeElm.style.setProperty('background-color', color, 'important');
     } else if (isDef(vnodeElm.parentNode.style) && vnodeElm !== 'comment') {
-      vnodeElm.parentNode.style.setProperty(
-        'background-color',
-        color,
-        'important'
-      );
+      vnodeElm.parentNode.style.setProperty('background-color', color, 'important');
     }
     for (let i = 0; i < vnodeElm.children.length; i++) {
       changeStyleBySubset(vnodeElm.children[i], color);
@@ -144,11 +112,7 @@ function changeStyleBySubset(vnodeElm, color) {
     if (isDef(vnodeElm.style)) {
       vnodeElm.style.setProperty('background-color', color, 'important');
     } else if (isDef(vnodeElm.parentNode.style) && vnodeElm !== 'comment') {
-      vnodeElm.parentNode.style.setProperty(
-        'background-color',
-        color,
-        'important'
-      );
+      vnodeElm.parentNode.style.setProperty('background-color', color, 'important');
     }
   }
 }
@@ -241,12 +205,7 @@ function sameDetail(oldVnode, newVnode, sameNode) {
     sameChildren(oldVnode.children, newVnode.children, sameNode);
   }
   //剩最后的子节点的时候，分类型做判断，如果最后的子节点有一个不相同，sameNode就置空，
-  if (
-    isUndef(oldVnode.child) &&
-    isUndef(newVnode.child) &&
-    isUndef(oldVnode.children) &&
-    isUndef(newVnode.children)
-  ) {
+  if (isUndef(oldVnode.child) && isUndef(newVnode.child) && isUndef(oldVnode.children) && isUndef(newVnode.children)) {
     if (isDef(oldVnode.text) && isDef(newVnode.text)) {
       if (oldVnode.text === newVnode.text) {
         sameNode.nodeArray.push(newVnode.elm);
@@ -256,10 +215,7 @@ function sameDetail(oldVnode, newVnode, sameNode) {
     } else if (isDef(oldVnode.tag) && isDef(newVnode.tag)) {
       if (oldVnode.tag === 'input' && newVnode.tag === 'input') {
         if (oldVnode.elm.value === newVnode.elm.value) {
-          if (
-            oldVnode.elm.checked !== undefined &&
-            newVnode.elm.checked !== undefined
-          ) {
+          if (oldVnode.elm.checked !== undefined && newVnode.elm.checked !== undefined) {
             if (oldVnode.elm.checked === newVnode.elm.checked) {
               sameNode.nodeArray.push(newVnode.elm);
             } else {
@@ -314,27 +270,14 @@ function diffDetail(oldVnode, newVnode, diffNode) {
     if (oldVnode.tag === 'tbody' && newVnode.tag === 'tbody') {
       isCompareChildren = true;
     } else if (isDef(oldVnode.elm.className) && isDef(newVnode.elm.className)) {
-      if (
-        oldVnode.elm.className === 'el-collapse' &&
-        newVnode.elm.className === 'el-collapse'
-      ) {
+      if (oldVnode.elm.className === 'el-collapse' && newVnode.elm.className === 'el-collapse') {
         isCompareChildren = true;
       }
     }
-    diffChildren(
-      oldVnode.children,
-      newVnode.children,
-      diffNode,
-      isCompareChildren
-    );
+    diffChildren(oldVnode.children, newVnode.children, diffNode, isCompareChildren);
   }
   //剩最后的子节点的时候，分类型做判断(注意，最后的子节点的真实dom里可能还有dom节点)
-  if (
-    isUndef(oldVnode.child) &&
-    isUndef(newVnode.child) &&
-    isUndef(oldVnode.children) &&
-    isUndef(newVnode.children)
-  ) {
+  if (isUndef(oldVnode.child) && isUndef(newVnode.child) && isUndef(oldVnode.children) && isUndef(newVnode.children)) {
     //最子节点比较结果
     let childDiff = [];
     diffRealNode(oldVnode.elm, newVnode.elm, diffNode, childDiff);
@@ -352,10 +295,7 @@ function diffDetail(oldVnode, newVnode, diffNode) {
           diffNode.oldNodeArray.push(oldVnode.elm);
           diffNode.nodeArray.push(newVnode.elm);
         } else {
-          if (
-            oldVnode.elm.checked !== undefined &&
-            newVnode.elm.checked !== undefined
-          ) {
+          if (oldVnode.elm.checked !== undefined && newVnode.elm.checked !== undefined) {
             if (oldVnode.elm.checked !== newVnode.elm.checked) {
               diffNode.oldNodeArray.push(oldVnode.elm);
               diffNode.nodeArray.push(newVnode.elm);
@@ -485,10 +425,7 @@ function sameVnode(a, b) {
   return (
     a.key === b.key &&
     a.asyncFactory === b.asyncFactory &&
-    ((a.tag === b.tag &&
-      a.isComment === b.isComment &&
-      isDef(a.data) === isDef(b.data) &&
-      sameInputType(a, b)) ||
+    ((a.tag === b.tag && a.isComment === b.isComment && isDef(a.data) === isDef(b.data) && sameInputType(a, b)) ||
       (isTrue(a.isAsyncPlaceholder) && isUndef(b.asyncFactory.error)))
   );
 }
diff --git a/api-test/frontend/src/business/commons/BatchEdit.vue b/api-test/frontend/src/business/commons/BatchEdit.vue
index d4b83b8a3b..1dba75aa03 100644
--- a/api-test/frontend/src/business/commons/BatchEdit.vue
+++ b/api-test/frontend/src/business/commons/BatchEdit.vue
@@ -7,72 +7,37 @@
       class="batch-edit-dialog"
       :destroy-on-close="true"
       @close="handleClose"
-      v-loading="result"
-    >
-      <el-form
-        :model="form"
-        label-position="right"
-        label-width="180px"
-        size="medium"
-        ref="form"
-        :rules="rules"
-      >
-        <el-form-item
-          :label="$t('test_track.case.batch_update', [size])"
-          prop="type"
-        >
-          <el-select
-            v-model="form.type"
-            style="width: 100%"
-            @change="changeType"
-          >
+      v-loading="result">
+      <el-form :model="form" label-position="right" label-width="180px" size="medium" ref="form" :rules="rules">
+        <el-form-item :label="$t('test_track.case.batch_update', [size])" prop="type">
+          <el-select v-model="form.type" style="width: 100%" @change="changeType">
             <el-option
               v-for="(type, index) in typeArr"
               :key="index"
               :value="type.custom ? type.custom : type.id"
-              :label="type.name"
-            />
+              :label="type.name" />
           </el-select>
         </el-form-item>
 
-        <el-form-item
-          v-if="form.type === 'projectEnv'"
-          :label="$t('test_track.case.updated_attr_value')"
-        >
+        <el-form-item v-if="form.type === 'projectEnv'" :label="$t('test_track.case.updated_attr_value')">
           <env-popover
             :env-map="projectEnvMap"
             :project-ids="projectIds"
             @setProjectEnvMap="setProjectEnvMap"
-            :show-config-button-with-out-permission="
-              showConfigButtonWithOutPermission
-            "
+            :show-config-button-with-out-permission="showConfigButtonWithOutPermission"
             :project-list="projectList"
             :environment-type.sync="environmentType"
             :group-id="envGroupId"
             :is-scenario="false"
             @setEnvGroup="setEnvGroup"
-            ref="envPopover"
-          />
+            ref="envPopover" />
         </el-form-item>
 
-        <el-form-item
-          v-else-if="form.type === 'tags'"
-          :label="$t('test_track.case.updated_attr_value')"
-        >
-          <ms-input-tag
-            :currentScenario="form"
-            v-if="showInputTag"
-            ref="tag"
-            class="ms-case-input"
-          ></ms-input-tag>
+        <el-form-item v-else-if="form.type === 'tags'" :label="$t('test_track.case.updated_attr_value')">
+          <ms-input-tag :currentScenario="form" v-if="showInputTag" ref="tag" class="ms-case-input"></ms-input-tag>
           <el-checkbox v-model="form.appendTag">
             {{ $t('commons.append_tag') }}
-            <el-tooltip
-              class="item"
-              effect="dark"
-              :content="$t('commons.append_tag_tip')"
-              placement="top"
-            >
+            <el-tooltip class="item" effect="dark" :content="$t('commons.append_tag_tip')" placement="top">
               <i class="el-icon-info"></i>
             </el-tooltip>
           </el-checkbox>
@@ -81,27 +46,13 @@
         <el-form-item
           v-else-if="fieldType === 'custom'"
           prop="customFieldValue"
-          :label="$t('test_track.case.updated_attr_value')"
-        >
+          :label="$t('test_track.case.updated_attr_value')">
           <custom-filed-component :data="customField" prop="defaultValue" />
         </el-form-item>
 
-        <el-form-item
-          v-else
-          :label="$t('test_track.case.updated_attr_value')"
-          prop="value"
-        >
-          <el-select
-            v-model="form.value"
-            style="width: 100%"
-            :filterable="filterable"
-          >
-            <el-option
-              v-for="(option, index) in options"
-              :key="index"
-              :value="option.id"
-              :label="option.name"
-            >
+        <el-form-item v-else :label="$t('test_track.case.updated_attr_value')" prop="value">
+          <el-select v-model="form.value" style="width: 100%" :filterable="filterable">
+            <el-option v-for="(option, index) in options" :key="index" :value="option.id" :label="option.name">
               <div v-if="option.email">
                 <span>{{ option.id }}({{ option.name }})</span>
               </div>
@@ -110,10 +61,7 @@
         </el-form-item>
       </el-form>
       <template v-slot:footer>
-        <ms-dialog-footer
-          @cancel="dialogVisible = false"
-          @confirm="submit('form')"
-        />
+        <ms-dialog-footer @cancel="dialogVisible = false" @confirm="submit('form')" />
       </template>
     </el-dialog>
   </div>
@@ -121,10 +69,7 @@
 
 <script>
 import MsDialogFooter from 'metersphere-frontend/src/components/MsDialogFooter';
-import {
-  listenGoBack,
-  removeGoBackListener,
-} from 'metersphere-frontend/src/utils';
+import { listenGoBack, removeGoBackListener } from 'metersphere-frontend/src/utils';
 import EnvPopover from '@/business/automation/scenario/EnvPopover';
 import { ENV_TYPE } from 'metersphere-frontend/src/utils/constants';
 import CustomFiledComponent from 'metersphere-frontend/src/components/template/CustomFiledComponent';
diff --git a/api-test/frontend/src/business/commons/BatchMove.vue b/api-test/frontend/src/business/commons/BatchMove.vue
index e8e970d71b..c38482a4e9 100644
--- a/api-test/frontend/src/business/commons/BatchMove.vue
+++ b/api-test/frontend/src/business/commons/BatchMove.vue
@@ -5,14 +5,9 @@
       :visible.sync="dialogVisible"
       :before-close="close"
       :destroy-on-close="true"
-      width="20%"
-    >
+      width="20%">
       <div>
-        <el-input
-          :placeholder="$t('test_track.module.search')"
-          v-model="filterText"
-          size="small"
-        />
+        <el-input :placeholder="$t('test_track.module.search')" v-model="filterText" size="small" />
         <el-tree
           class="filter-tree node-tree"
           :data="treeNodes"
@@ -22,8 +17,7 @@
           highlight-current
           style="overflow: auto"
           @node-click="nodeClick"
-          ref="tree"
-        >
+          ref="tree">
           <template v-slot:default="{ node }">
             <span>
               <span class="node-icon">
diff --git a/api-test/frontend/src/business/commons/DependenciesList.vue b/api-test/frontend/src/business/commons/DependenciesList.vue
index fcba155964..a30ead7284 100644
--- a/api-test/frontend/src/business/commons/DependenciesList.vue
+++ b/api-test/frontend/src/business/commons/DependenciesList.vue
@@ -1,57 +1,31 @@
 <template>
   <div class="dependencies-container">
-    <el-tooltip
-      v-xpack
-      class="item"
-      effect="dark"
-      :content="$t('commons.relationship.graph')"
-      placement="left"
-    >
-      <font-awesome-icon
-        class="graph-icon"
-        :icon="['fas', 'sitemap']"
-        size="lg"
-        @click="openGraph"
-      />
+    <el-tooltip v-xpack class="item" effect="dark" :content="$t('commons.relationship.graph')" placement="left">
+      <font-awesome-icon class="graph-icon" :icon="['fas', 'sitemap']" size="lg" @click="openGraph" />
     </el-tooltip>
 
     <relationship-list
       class="pre-list"
       :read-only="readOnly"
-      :title="
-        resourceType === 'TEST_CASE'
-          ? $t('commons.relationship.pre_case')
-          : $t('commons.relationship.pre_api')
-      "
+      :title="resourceType === 'TEST_CASE' ? $t('commons.relationship.pre_case') : $t('commons.relationship.pre_api')"
       relationship-type="PRE"
       :resource-id="resourceId"
       :version-enable="versionEnable"
       @setCount="setPreCount"
       :resource-type="resourceType"
-      ref="preRelationshipList"
-    />
+      ref="preRelationshipList" />
     <relationship-list
       class="post-list"
       :read-only="readOnly"
       :version-enable="versionEnable"
-      :title="
-        resourceType === 'TEST_CASE'
-          ? $t('commons.relationship.post_case')
-          : $t('commons.relationship.post_api')
-      "
+      :title="resourceType === 'TEST_CASE' ? $t('commons.relationship.post_case') : $t('commons.relationship.post_api')"
       relationship-type="POST"
       :resource-id="resourceId"
       @setCount="setPostCount"
       :resource-type="resourceType"
-      ref="postRelationshipList"
-    />
+      ref="postRelationshipList" />
 
-    <mx-relationship-graph-drawer
-      v-xpack
-      v-permission
-      :graph-data="graphData"
-      ref="relationshipGraph"
-    />
+    <mx-relationship-graph-drawer v-xpack v-permission :graph-data="graphData" ref="relationshipGraph" />
   </div>
 </template>
 
@@ -63,10 +37,7 @@ export default {
   name: 'DependenciesList',
   components: {
     RelationshipList,
-    MxRelationshipGraphDrawer: () =>
-      import(
-        'metersphere-frontend/src/components/graph/MxRelationshipGraphDrawer'
-      ),
+    MxRelationshipGraphDrawer: () => import('metersphere-frontend/src/components/graph/MxRelationshipGraphDrawer'),
   },
   props: ['resourceId', 'resourceType', 'readOnly', 'versionEnable'],
   data() {
@@ -86,12 +57,10 @@ export default {
         this.$warning(this.$t('api_test.automation.save_case_info'));
         return;
       }
-      getRelationshipGraph(this.resourceId, this.resourceType).then(
-        (response) => {
-          this.graphData = response.data;
-          this.$refs.relationshipGraph.open();
-        }
-      );
+      getRelationshipGraph(this.resourceId, this.resourceType).then((response) => {
+        this.graphData = response.data;
+        this.$refs.relationshipGraph.open();
+      });
     },
     setPreCount(count) {
       this.preCount = count;
diff --git a/api-test/frontend/src/business/commons/EditEnvironmentGroup.vue b/api-test/frontend/src/business/commons/EditEnvironmentGroup.vue
index 3124042d3e..5edf044a3f 100644
--- a/api-test/frontend/src/business/commons/EditEnvironmentGroup.vue
+++ b/api-test/frontend/src/business/commons/EditEnvironmentGroup.vue
@@ -6,23 +6,10 @@
       :visible.sync="createVisible"
       destroy-on-close
       @close="handleClose"
-      width="60%"
-    >
-      <el-form
-        :model="form"
-        :rules="rules"
-        ref="form"
-        label-position="right"
-        label-width="90px"
-        size="small"
-      >
+      width="60%">
+      <el-form :model="form" :rules="rules" ref="form" label-position="right" label-width="90px" size="small">
         <el-form-item :label="$t('commons.name')" prop="name">
-          <el-input
-            v-model="form.name"
-            autocomplete="off"
-            show-word-limit
-            maxlength="50"
-          ></el-input>
+          <el-input v-model="form.name" autocomplete="off" show-word-limit maxlength="50"></el-input>
         </el-form-item>
         <el-form-item :label="$t('commons.description')" prop="description">
           <el-input
@@ -30,25 +17,19 @@
             autocomplete="off"
             type="textarea"
             show-word-limit
-            maxlength="200"
-          ></el-input>
+            maxlength="200"></el-input>
         </el-form-item>
         <el-form-item>
           <environment-group-row
             ref="environmentGroupRow"
             :env-group-id="environmentId"
             :read-only="false"
-            :show-save-btn="true"
-          />
+            :show-save-btn="true" />
         </el-form-item>
       </el-form>
       <template v-slot:footer>
         <div class="dialog-footer">
-          <ms-dialog-footer
-            btn-size="medium"
-            @cancel="createVisible = false"
-            @confirm="submit('form')"
-          />
+          <ms-dialog-footer btn-size="medium" @cancel="createVisible = false" @confirm="submit('form')" />
         </div>
       </template>
     </el-dialog>
@@ -75,9 +56,7 @@ export default {
         name: [
           {
             required: true,
-            message: this.$t(
-              'api_test.environment.please_input_env_group_name'
-            ),
+            message: this.$t('api_test.environment.please_input_env_group_name'),
             trigger: 'blur',
           },
           {
diff --git a/api-test/frontend/src/business/commons/EnvironmentGroupList.vue b/api-test/frontend/src/business/commons/EnvironmentGroupList.vue
index ac90d500ba..2fee45b241 100644
--- a/api-test/frontend/src/business/commons/EnvironmentGroupList.vue
+++ b/api-test/frontend/src/business/commons/EnvironmentGroupList.vue
@@ -8,10 +8,7 @@
           :show-create="!readOnly"
           @search="search"
           @create="createEnvironment"
-          :create-permission="[
-            'WORKSPACE_PROJECT_ENVIRONMENT:READ+CREATE_GROUP',
-          ]"
-        >
+          :create-permission="['WORKSPACE_PROJECT_ENVIRONMENT:READ+CREATE_GROUP']">
         </ms-table-header>
       </template>
       <el-table
@@ -20,24 +17,17 @@
         ref="table"
         row-key="id"
         @expand-change="expandChange"
-        :height="screenHeight"
-      >
+        :height="screenHeight">
         <el-table-column type="expand" prop="id">
           <template v-slot:default="scope">
             <environment-group-row
               :env-group-id="scope.row.id"
               ref="environmentGroupRow"
               :read-only="!scope.row.readOnly"
-              style="overflow-x: hidden; overflow-y: auto; height: 180px"
-            />
+              style="overflow-x: hidden; overflow-y: auto; height: 180px" />
           </template>
         </el-table-column>
-        <el-table-column
-          :label="$t('commons.name')"
-          prop="name"
-          show-overflow-tooltip
-          min-width="200"
-        >
+        <el-table-column :label="$t('commons.name')" prop="name" show-overflow-tooltip min-width="200">
           <template v-slot:default="scope">
             <span @click.stop v-if="scope.row.showNameInput">
               <el-input
@@ -48,8 +38,7 @@
                 show-word-limit
                 maxlength="50"
                 :placeholder="$t('commons.input_name')"
-                ref="nameEdit"
-              />
+                ref="nameEdit" />
             </span>
             <span v-else>
               <span>{{ scope.row.name }}</span>
@@ -57,35 +46,21 @@
                 class="el-icon-edit"
                 style="cursor: pointer; margin-left: 4px"
                 @click="editName(scope.row)"
-                v-permission="['WORKSPACE_PROJECT_ENVIRONMENT:READ+EDIT_GROUP']"
-              />
+                v-permission="['WORKSPACE_PROJECT_ENVIRONMENT:READ+EDIT_GROUP']" />
             </span>
           </template>
         </el-table-column>
-        <el-table-column
-          prop="createTime"
-          :label="$t('commons.create_time')"
-          min-width="200"
-        >
+        <el-table-column prop="createTime" :label="$t('commons.create_time')" min-width="200">
           <template v-slot:default="scope">
             <span>{{ scope.row.createTime | datetimeFormat }}</span>
           </template>
         </el-table-column>
       </el-table>
-      <ms-table-pagination
-        :change="init"
-        :current-page.sync="currentPage"
-        :page-size.sync="pageSize"
-        :total="total"
-      />
+      <ms-table-pagination :change="init" :current-page.sync="currentPage" :page-size.sync="pageSize" :total="total" />
     </el-card>
 
     <edit-environment-group ref="editEnvironmentGroup" @refresh="init" />
-    <ms-delete-confirm
-      :title="$t('workspace.env_group.delete')"
-      @delete="_handleDelete"
-      ref="deleteConfirm"
-    />
+    <ms-delete-confirm :title="$t('workspace.env_group.delete')" @delete="_handleDelete" ref="deleteConfirm" />
   </div>
 </template>
 
@@ -160,11 +135,7 @@ export default {
   },
   methods: {
     init() {
-      this.result = envGroupList(
-        this.currentPage,
-        this.pageSize,
-        this.condition
-      ).then((res) => {
+      this.result = envGroupList(this.currentPage, this.pageSize, this.condition).then((res) => {
         let data = res.data;
         let { listObject, itemCount } = data;
         this.environmentGroupList = listObject;
diff --git a/api-test/frontend/src/business/commons/EnvironmentGroupRow.vue b/api-test/frontend/src/business/commons/EnvironmentGroupRow.vue
index 42d503a2a0..2677c1e5d6 100644
--- a/api-test/frontend/src/business/commons/EnvironmentGroupRow.vue
+++ b/api-test/frontend/src/business/commons/EnvironmentGroupRow.vue
@@ -1,13 +1,7 @@
 <template>
   <div>
     <div class="btn-div">
-      <el-button
-        size="mini"
-        type="primary"
-        class="save-btn"
-        v-if="!rowReadOnly && !showSaveBtn"
-        @click="update"
-      >
+      <el-button size="mini" type="primary" class="save-btn" v-if="!rowReadOnly && !showSaveBtn" @click="update">
         {{ $t('commons.save') }}
       </el-button>
     </div>
@@ -25,15 +19,13 @@
                 :size="itemSize"
                 @clear="clearProjectSelect"
                 :placeholder="$t('workspace.env_group.please_select_project')"
-                :disabled="rowReadOnly"
-              >
+                :disabled="rowReadOnly">
                 <el-option
                   v-for="(project, projectIndex) in projectList"
                   :key="projectIndex"
                   :label="project.name"
                   :disabled="project.disabled"
-                  :value="project.id"
-                ></el-option>
+                  :value="project.id"></el-option>
               </el-select>
             </el-col>
 
@@ -46,14 +38,12 @@
                 @change="environmentChange(item)"
                 :size="itemSize"
                 :placeholder="$t('workspace.env_group.please_select_env')"
-                :disabled="rowReadOnly"
-              >
+                :disabled="rowReadOnly">
                 <el-option
                   v-for="(environment, envIndex) in item.environments"
                   :key="envIndex"
                   :label="environment.name"
-                  :value="environment.id"
-                ></el-option>
+                  :value="environment.id"></el-option>
               </el-select>
             </el-col>
 
@@ -63,16 +53,10 @@
                 icon="el-icon-s-data"
                 style="width: 100%"
                 @click="showDomainInfo(item)"
-                v-if="item.moreDomain"
-              >
+                v-if="item.moreDomain">
                 {{ $t('workspace.env_group.view_details') }}
               </el-button>
-              <el-input
-                v-else
-                v-model="item.domainName"
-                :disabled="true"
-                :size="itemSize"
-              />
+              <el-input v-else v-model="item.domainName" :disabled="true" :size="itemSize" />
             </el-col>
 
             <el-col :span="5">
@@ -84,8 +68,7 @@
                 v-model="item.domainDescription"
                 show-word-limit
                 :size="itemSize"
-                :disabled="true"
-              />
+                :disabled="true" />
             </el-col>
 
             <el-col :span="3">
@@ -95,63 +78,40 @@
                 circle
                 :size="itemSize"
                 :disabled="rowReadOnly"
-                @click="change"
-              ></el-button>
+                @click="change"></el-button>
               <el-button
                 type="danger"
                 icon="el-icon-delete"
                 circle
                 :size="itemSize"
                 :disabled="rowReadOnly"
-                @click="remove(index)"
-              ></el-button>
+                @click="remove(index)"></el-button>
             </el-col>
           </el-row>
         </el-form-item>
       </el-form>
-      <el-dialog
-        :title="$t('workspace.env_group.domain_list')"
-        :visible.sync="domainVisible"
-        append-to-body
-      >
+      <el-dialog :title="$t('workspace.env_group.domain_list')" :visible.sync="domainVisible" append-to-body>
         <el-table :data="conditions">
-          <el-table-column
-            prop="socket"
-            :label="$t('load_test.domain')"
-            show-overflow-tooltip
-            width="180"
-          >
+          <el-table-column prop="socket" :label="$t('load_test.domain')" show-overflow-tooltip width="180">
             <template v-slot:default="{ row }">
               {{ row.conditionType ? row.server : getUrl(row) }}
             </template>
           </el-table-column>
-          <el-table-column
-            :label="$t('commons.type')"
-            show-overflow-tooltip
-            min-width="100px"
-          >
+          <el-table-column :label="$t('commons.type')" show-overflow-tooltip min-width="100px">
             <template v-slot:default="{ row }">
-              <el-tag type="info" size="mini">{{
-                row.conditionType ? row.conditionType : 'HTTP'
-              }}</el-tag>
+              <el-tag type="info" size="mini">{{ row.conditionType ? row.conditionType : 'HTTP' }}</el-tag>
             </template>
           </el-table-column>
           <el-table-column
             prop="type"
             :label="$t('api_test.environment.condition_enable')"
             show-overflow-tooltip
-            min-width="100px"
-          >
+            min-width="100px">
             <template v-slot:default="{ row }">
               {{ row.conditionType ? '-' : getName(row) }}
             </template>
           </el-table-column>
-          <el-table-column
-            prop="details"
-            show-overflow-tooltip
-            min-width="120px"
-            :label="$t('api_test.value')"
-          >
+          <el-table-column prop="details" show-overflow-tooltip min-width="120px" :label="$t('api_test.value')">
             <template v-slot:default="{ row }">
               {{ row.conditionType ? '-' : getDetails(row) }}
             </template>
@@ -160,36 +120,21 @@
             prop="description"
             show-overflow-tooltip
             min-width="120px"
-            :label="$t('commons.description')"
-          >
+            :label="$t('commons.description')">
             <template v-slot:default="{ row }">
               <span>{{ row.description ? row.description : '-' }}</span>
             </template>
           </el-table-column>
-          <el-table-column
-            prop="createTime"
-            show-overflow-tooltip
-            min-width="120px"
-            :label="$t('commons.create_time')"
-          >
+          <el-table-column prop="createTime" show-overflow-tooltip min-width="120px" :label="$t('commons.create_time')">
             <template v-slot:default="{ row }">
-              <span v-if="!row.conditionType">{{
-                row.time | datetimeFormat
-              }}</span>
+              <span v-if="!row.conditionType">{{ row.time | datetimeFormat }}</span>
               <span v-else>-</span>
             </template>
           </el-table-column>
         </el-table>
         <span slot="footer" class="dialog-footer">
-          <el-button @click="domainVisible = false" size="small">{{
-            $t('commons.cancel')
-          }}</el-button>
-          <el-button
-            type="primary"
-            @click="domainVisible = false"
-            size="small"
-            >{{ $t('commons.confirm') }}</el-button
-          >
+          <el-button @click="domainVisible = false" size="small">{{ $t('commons.cancel') }}</el-button>
+          <el-button type="primary" @click="domainVisible = false" size="small">{{ $t('commons.confirm') }}</el-button>
         </span>
       </el-dialog>
     </div>
@@ -198,10 +143,7 @@
 
 <script>
 import { getAll } from '@/api/project';
-import {
-  environmentGroupList,
-  getEnvironmentByProjectId,
-} from 'metersphere-frontend/src/api/environment';
+import { environmentGroupList, getEnvironmentByProjectId } from 'metersphere-frontend/src/api/environment';
 
 export default {
   name: 'EnvironmentGroupRow',
@@ -257,9 +199,7 @@ export default {
   methods: {
     projectChange(item) {
       if (item && item.projectId) {
-        let project = this.projectList.find(
-          (project) => project.id === item.projectId
-        );
+        let project = this.projectList.find((project) => project.id === item.projectId);
         if (project) {
           project.disabled = true;
         }
@@ -299,14 +239,9 @@ export default {
         const config = JSON.parse(environment);
         if (config.httpConfig && !config.httpConfig.conditions) {
           if (config.httpConfig.protocol && config.httpConfig.domain) {
-            let domain =
-              config.httpConfig.protocol + '://' + config.httpConfig.domain;
+            let domain = config.httpConfig.protocol + '://' + config.httpConfig.domain;
             this.$set(item, 'domainName', domain);
-            this.$set(
-              item,
-              'domainDescription',
-              config.httpConfig.description ? config.httpConfig.description : ''
-            );
+            this.$set(item, 'domainDescription', config.httpConfig.description ? config.httpConfig.description : '');
             return;
           }
         } else {
@@ -318,11 +253,7 @@ export default {
             let obj = config.httpConfig.conditions[0];
             if (obj.protocol && obj.socket) {
               this.$set(item, 'domainName', obj.protocol + '://' + obj.socket);
-              this.$set(
-                item,
-                'domainDescription',
-                obj.description ? obj.description : ''
-              );
+              this.$set(item, 'domainDescription', obj.description ? obj.description : '');
               return;
             }
           } else if (config.httpConfig.conditions.length > 1) {
@@ -335,25 +266,15 @@ export default {
           }
         }
       } else {
-        this.$set(
-          item,
-          'domainName',
-          environment.protocol + '://' + environment.domain
-        );
-        this.$set(
-          item,
-          'domainDescription',
-          environment.description ? environment.description : ''
-        );
+        this.$set(item, 'domainName', environment.protocol + '://' + environment.domain);
+        this.$set(item, 'domainDescription', environment.description ? environment.description : '');
         return;
       }
       this.$set(item, 'domainName', '');
       this.$set(item, 'domainDescription', '');
     },
     showDomainInfo(item) {
-      const index = item.environments.findIndex(
-        (e) => e.id === item.environmentId
-      );
+      const index = item.environments.findIndex((e) => e.id === item.environmentId);
       if (index === -1) {
         return '';
       }
@@ -413,14 +334,9 @@ export default {
         const config = JSON.parse(environment);
         if (config.httpConfig && !config.httpConfig.conditions) {
           if (config.httpConfig.protocol && config.httpConfig.domain) {
-            let domain =
-              config.httpConfig.protocol + '://' + config.httpConfig.domain;
+            let domain = config.httpConfig.protocol + '://' + config.httpConfig.domain;
             this.$set(item, 'domainName', domain);
-            this.$set(
-              item,
-              'domainDescription',
-              config.httpConfig.description ? config.httpConfig.description : ''
-            );
+            this.$set(item, 'domainDescription', config.httpConfig.description ? config.httpConfig.description : '');
           }
         } else {
           if (config.httpConfig.conditions.length === 1) {
@@ -431,11 +347,7 @@ export default {
             let obj = config.httpConfig.conditions[0];
             if (obj.protocol && obj.socket) {
               this.$set(item, 'domainName', obj.protocol + '://' + obj.socket);
-              this.$set(
-                item,
-                'domainDescription',
-                obj.description ? obj.description : ''
-              );
+              this.$set(item, 'domainDescription', obj.description ? obj.description : '');
             }
           } else if (config.httpConfig.conditions.length > 1) {
             this.$set(item, 'moreDomain', true);
@@ -447,16 +359,8 @@ export default {
           }
         }
       } else {
-        this.$set(
-          item,
-          'domainName',
-          environment.protocol + '://' + environment.domain
-        );
-        this.$set(
-          item,
-          'domainDescription',
-          environment.description ? environment.description : ''
-        );
+        this.$set(item, 'domainName', environment.protocol + '://' + environment.domain);
+        this.$set(item, 'domainDescription', environment.description ? environment.description : '');
       }
     },
     getName(row) {
@@ -484,25 +388,17 @@ export default {
           }
           return value;
         }
-      } else if (
-        row &&
-        row.type === 'PATH' &&
-        row.details.length > 0 &&
-        row.details[0].name
-      ) {
+      } else if (row && row.type === 'PATH' && row.details.length > 0 && row.details[0].name) {
         return row.details[0].value === 'equals'
           ? this.$t('commons.adv_search.operators.equals') + row.details[0].name
-          : this.$t('api_test.request.assertions.contains') +
-              row.details[0].name;
+          : this.$t('api_test.request.assertions.contains') + row.details[0].name;
       } else {
         return '';
       }
     },
     remove(index) {},
     disabledOption(projectId, sign) {
-      let project = this.projectList.find(
-        (project) => project.id === projectId
-      );
+      let project = this.projectList.find((project) => project.id === projectId);
       if (project) {
         project.disabled = sign;
       }
diff --git a/api-test/frontend/src/business/commons/FileBatchMove.vue b/api-test/frontend/src/business/commons/FileBatchMove.vue
index 70fe486721..7580879dde 100644
--- a/api-test/frontend/src/business/commons/FileBatchMove.vue
+++ b/api-test/frontend/src/business/commons/FileBatchMove.vue
@@ -7,14 +7,9 @@
     width="600px"
     v-loading="loading"
     append-to-body
-    class="batch-move"
-  >
+    class="batch-move">
     <div>
-      <el-input
-        :placeholder="$t('test_track.module.search')"
-        v-model="filterText"
-        size="small"
-      />
+      <el-input :placeholder="$t('test_track.module.search')" v-model="filterText" size="small" />
       <el-tree
         class="filter-tree node-tree"
         :data="treeNodes"
@@ -24,8 +19,7 @@
         highlight-current
         style="overflow: auto"
         @node-click="nodeClick"
-        ref="tree"
-      >
+        ref="tree">
         <template v-slot:default="{ node }">
           <span>
             <span class="node-icon">
@@ -90,10 +84,7 @@ export default {
         if (response.data != undefined && response.data != null) {
           this.treeNodes = response.data;
           this.treeNodes.forEach((node) => {
-            node.name =
-              node.name === 'DEF_MODULE'
-                ? this.$t('commons.module_title')
-                : node.name;
+            node.name = node.name === 'DEF_MODULE' ? this.$t('commons.module_title') : node.name;
             buildTree(node, { path: '' });
           });
           this.loading = false;
diff --git a/api-test/frontend/src/business/commons/FileHeader.vue b/api-test/frontend/src/business/commons/FileHeader.vue
index 7cf3169b9f..cec239cf30 100644
--- a/api-test/frontend/src/business/commons/FileHeader.vue
+++ b/api-test/frontend/src/business/commons/FileHeader.vue
@@ -1,12 +1,6 @@
 <template>
   <div class="ms-table-header">
-    <el-row
-      v-if="title"
-      class="table-title"
-      type="flex"
-      justify="space-between"
-      align="middle"
-    >
+    <el-row v-if="title" class="table-title" type="flex" justify="space-between" align="middle">
       <slot name="title">
         {{ title }}
       </slot>
@@ -21,22 +15,11 @@
             <ms-table-search-bar :condition.sync="condition" @change="search" />
           </el-col>
           <el-col :span="8">
-            <font-awesome-icon
-              class="ms-mode-aw ms-mode"
-              :icon="['fas', 'list-ul']"
-              @click="change('list')"
-            />
-            <i
-              class="el-icon-menu ms-mode-left ms-mode"
-              @click="change('view')"
-            />
+            <font-awesome-icon class="ms-mode-aw ms-mode" :icon="['fas', 'list-ul']" @click="change('list')" />
+            <i class="el-icon-menu ms-mode-left ms-mode" @click="change('view')" />
           </el-col>
         </el-row>
-        <ms-table-search-bar
-          :condition.sync="condition"
-          @change="search"
-          v-else
-        />
+        <ms-table-search-bar :condition.sync="condition" @change="search" v-else />
       </span>
     </el-row>
   </div>
diff --git a/api-test/frontend/src/business/commons/FormRichTextItem.vue b/api-test/frontend/src/business/commons/FormRichTextItem.vue
index 81f0f0c323..6510fd75f7 100644
--- a/api-test/frontend/src/business/commons/FormRichTextItem.vue
+++ b/api-test/frontend/src/business/commons/FormRichTextItem.vue
@@ -1,16 +1,6 @@
 <template>
-  <el-form-item
-    :disable="true"
-    :label="title"
-    :prop="prop"
-    :label-width="labelWidth"
-  >
-    <ms-mark-down-text
-      :prop="prop"
-      :data="data"
-      :disabled="disabled"
-      :default-open="defaultOpen"
-    />
+  <el-form-item :disable="true" :label="title" :prop="prop" :label-width="labelWidth">
+    <ms-mark-down-text :prop="prop" :data="data" :disabled="disabled" :default-open="defaultOpen" />
   </el-form-item>
 </template>
 
diff --git a/api-test/frontend/src/business/commons/MsDropdown.vue b/api-test/frontend/src/business/commons/MsDropdown.vue
index e3e2a6c42d..7ff49490ba 100644
--- a/api-test/frontend/src/business/commons/MsDropdown.vue
+++ b/api-test/frontend/src/business/commons/MsDropdown.vue
@@ -7,11 +7,7 @@
       </span>
     </slot>
     <el-dropdown-menu slot="dropdown" chang>
-      <el-dropdown-item
-        v-for="(command, index) in commands"
-        :key="index"
-        :command="command"
-      >
+      <el-dropdown-item v-for="(command, index) in commands" :key="index" :command="command">
         {{ command }}
       </el-dropdown-item>
     </el-dropdown-menu>
diff --git a/api-test/frontend/src/business/commons/MsEditDialog.vue b/api-test/frontend/src/business/commons/MsEditDialog.vue
index d0cacb2ecd..cf1354a9e6 100644
--- a/api-test/frontend/src/business/commons/MsEditDialog.vue
+++ b/api-test/frontend/src/business/commons/MsEditDialog.vue
@@ -6,8 +6,7 @@
     :visible="visible"
     destroy-on-close
     :append-to-body="appendToBody"
-    @close="handleClose"
-  >
+    @close="handleClose">
     <slot name="header"></slot>
 
     <slot></slot>
diff --git a/api-test/frontend/src/business/commons/MsTabs.vue b/api-test/frontend/src/business/commons/MsTabs.vue
index c6c0ea09c5..c4bf6d1425 100644
--- a/api-test/frontend/src/business/commons/MsTabs.vue
+++ b/api-test/frontend/src/business/commons/MsTabs.vue
@@ -1,13 +1,7 @@
 <template>
   <el-card class="card-content" v-if="isShow">
     <el-button-group v-if="isShowChangeButton">
-      <el-button
-        v-if="leftButtonEnable"
-        class="item"
-        plain
-        :class="{ active: leftActive }"
-        @click="changeTab('left')"
-      >
+      <el-button v-if="leftButtonEnable" class="item" plain :class="{ active: leftActive }" @click="changeTab('left')">
         {{ leftContent }}
       </el-button>
       <el-button
@@ -23,8 +17,7 @@
         class="item"
         plain
         :class="{ active: rightActive }"
-        @click="changeTab('right')"
-      >
+        @click="changeTab('right')">
         {{ rightContent }}
       </el-button>
     </el-button-group>
diff --git a/api-test/frontend/src/business/commons/NodeTree.vue b/api-test/frontend/src/business/commons/NodeTree.vue
index 939c65c1a0..9f87c5971f 100644
--- a/api-test/frontend/src/business/commons/NodeTree.vue
+++ b/api-test/frontend/src/business/commons/NodeTree.vue
@@ -1,12 +1,7 @@
 <template>
   <div>
     <slot name="header">
-      <el-input
-        :placeholder="$t('test_track.module.search')"
-        v-model="filterText"
-        size="small"
-        :clearable="true"
-      />
+      <el-input :placeholder="$t('test_track.module.search')" v-model="filterText" size="small" :clearable="true" />
     </slot>
 
     <el-tree
@@ -22,8 +17,7 @@
       :expand-on-click-node="false"
       highlight-current
       :draggable="!disabled && !hideOpretor"
-      ref="tree"
-    >
+      ref="tree">
       <template v-slot:default="{ node, data }">
         <span class="custom-tree-node father" @click="handleNodeSelect(node)">
           <span v-if="data.isEdit" @click.stop>
@@ -34,54 +28,37 @@
               class="name-input"
               size="mini"
               ref="nameInput"
-              :draggable="true"
-            />
+              :draggable="true" />
           </span>
 
           <span v-if="!data.isEdit" class="node-icon">
             <i class="el-icon-folder" />
           </span>
-          <el-tooltip
-            class="item"
-            effect="dark"
-            :content="data.name"
-            placement="top-start"
-            :open-delay="1000"
-          >
-            <span
-              v-if="!data.isEdit"
-              class="node-title"
-              v-text="isDefault(data) ? getLocalDefaultName() : data.name"
-            />
+          <el-tooltip class="item" effect="dark" :content="data.name" placement="top-start" :open-delay="1000">
+            <span v-if="!data.isEdit" class="node-title" v-text="isDefault(data) ? getLocalDefaultName() : data.name" />
           </el-tooltip>
           <span class="count-title" v-if="showCaseNum">
             <span style="color: var(--primary_color)">{{ data.caseNum }}</span>
           </span>
           <span v-if="!disabled" class="node-operate child">
             <el-tooltip
-              v-if="
-                data.id !== 'root' && data.name !== defaultLabel && !hideOpretor
-              "
+              v-if="data.id !== 'root' && data.name !== defaultLabel && !hideOpretor"
               class="item"
               effect="dark"
               v-permission="updatePermission"
               :open-delay="200"
               :content="$t('test_track.module.rename')"
-              placement="top"
-            >
+              placement="top">
               <i @click.stop="edit(node, data)" class="el-icon-edit"></i>
             </el-tooltip>
             <el-tooltip
-              v-if="
-                data.name === defaultLabel && data.level !== 1 && !hideOpretor
-              "
+              v-if="data.name === defaultLabel && data.level !== 1 && !hideOpretor"
               v-permission="updatePermission"
               class="item"
               effect="dark"
               :open-delay="200"
               :content="$t('test_track.module.rename')"
-              placement="top"
-            >
+              placement="top">
               <i @click.stop="edit(node, data)" class="el-icon-edit"></i>
             </el-tooltip>
             <el-tooltip
@@ -91,39 +68,29 @@
               v-permission="addPermission"
               v-if="!isDefault(data) && !hideOpretor"
               :content="$t('test_track.module.add_submodule')"
-              placement="top"
-            >
-              <i
-                @click.stop="append(node, data)"
-                class="el-icon-circle-plus-outline"
-              ></i>
+              placement="top">
+              <i @click.stop="append(node, data)" class="el-icon-circle-plus-outline"></i>
             </el-tooltip>
 
             <el-tooltip
-              v-if="
-                data.name === defaultLabel && data.level !== 1 && !hideOpretor
-              "
+              v-if="data.name === defaultLabel && data.level !== 1 && !hideOpretor"
               class="item"
               effect="dark"
               :open-delay="200"
               v-permission="deletePermission"
               :content="$t('commons.delete')"
-              placement="top"
-            >
+              placement="top">
               <i @click.stop="remove(node, data)" class="el-icon-delete"></i>
             </el-tooltip>
 
             <el-tooltip
-              v-if="
-                data.id !== 'root' && data.name !== defaultLabel && !hideOpretor
-              "
+              v-if="data.id !== 'root' && data.name !== defaultLabel && !hideOpretor"
               class="item"
               effect="dark"
               :open-delay="200"
               :content="$t('commons.delete')"
               v-permission="deletePermission"
-              placement="top"
-            >
+              placement="top">
               <i @click.stop="remove(node, data)" class="el-icon-delete"></i>
             </el-tooltip>
           </span>
@@ -433,10 +400,7 @@ export default {
       if (dropType === 'none' || dropType === undefined) {
         return;
       }
-      if (
-        (dropNode.data.id === 'root' && dropType === 'before') ||
-        draggingNode.data.name === this.defaultLabel
-      ) {
+      if ((dropNode.data.id === 'root' && dropType === 'before') || draggingNode.data.name === this.defaultLabel) {
         this.$emit('refresh');
         return false;
       }
@@ -492,10 +456,7 @@ export default {
         param.nodeTree = draggingNode.data;
       } else {
         for (let i = 0; i < this.treeNodes.length; i++) {
-          param.nodeTree = this.findTreeByNodeId(
-            this.treeNodes[i],
-            dropNode.data.id
-          );
+          param.nodeTree = this.findTreeByNodeId(this.treeNodes[i], dropNode.data.id);
           if (param.nodeTree) {
             break;
           }
diff --git a/api-test/frontend/src/business/commons/PlanStatusTableItem.vue b/api-test/frontend/src/business/commons/PlanStatusTableItem.vue
index 7ce0b64c42..db1554deb4 100644
--- a/api-test/frontend/src/business/commons/PlanStatusTableItem.vue
+++ b/api-test/frontend/src/business/commons/PlanStatusTableItem.vue
@@ -1,36 +1,11 @@
 <template>
   <div>
-    <ms-tag
-      v-if="value == 'Prepare'"
-      type="info"
-      :content="$t('test_track.plan.plan_status_prepare')"
-    />
-    <ms-tag
-      v-if="value == 'Underway'"
-      type="primary"
-      :content="$t('test_track.plan.plan_status_running')"
-    />
-    <ms-tag
-      v-if="value == 'Finished'"
-      type="warning"
-      :content="$t('test_track.plan.plan_status_finished')"
-    />
-    <ms-tag
-      v-if="value == 'Completed'"
-      type="success"
-      :content="$t('test_track.plan.plan_status_completed')"
-    />
-    <ms-tag
-      v-if="value === 'Trash'"
-      type="danger"
-      effect="plain"
-      :content="$t('test_track.plan.plan_status_trash')"
-    />
-    <ms-tag
-      v-if="value == 'Archived'"
-      type="danger"
-      :content="$t('test_track.plan.plan_status_archived')"
-    />
+    <ms-tag v-if="value == 'Prepare'" type="info" :content="$t('test_track.plan.plan_status_prepare')" />
+    <ms-tag v-if="value == 'Underway'" type="primary" :content="$t('test_track.plan.plan_status_running')" />
+    <ms-tag v-if="value == 'Finished'" type="warning" :content="$t('test_track.plan.plan_status_finished')" />
+    <ms-tag v-if="value == 'Completed'" type="success" :content="$t('test_track.plan.plan_status_completed')" />
+    <ms-tag v-if="value === 'Trash'" type="danger" effect="plain" :content="$t('test_track.plan.plan_status_trash')" />
+    <ms-tag v-if="value == 'Archived'" type="danger" :content="$t('test_track.plan.plan_status_archived')" />
   </div>
 </template>
 
diff --git a/api-test/frontend/src/business/commons/PriorityTableItem.vue b/api-test/frontend/src/business/commons/PriorityTableItem.vue
index 57d684c5a9..f8bd5955a6 100644
--- a/api-test/frontend/src/business/commons/PriorityTableItem.vue
+++ b/api-test/frontend/src/business/commons/PriorityTableItem.vue
@@ -2,18 +2,8 @@
   <div>
     <ms-tag v-if="value === 'P0'" type="danger" :content="value" />
     <ms-tag v-else-if="value === 'P1'" type="warning" :content="value" />
-    <ms-tag
-      v-else-if="value === 'P2'"
-      effect="light"
-      type="danger"
-      :content="value"
-    />
-    <ms-tag
-      v-else-if="value === 'P3'"
-      effect="light"
-      type="warning"
-      :content="value"
-    />
+    <ms-tag v-else-if="value === 'P2'" effect="light" type="danger" :content="value" />
+    <ms-tag v-else-if="value === 'P3'" effect="light" type="warning" :content="value" />
     <ms-tag v-else-if="value" :content="value" />
   </div>
 </template>
diff --git a/api-test/frontend/src/business/commons/QuoteFileList.vue b/api-test/frontend/src/business/commons/QuoteFileList.vue
index 93f96d4cc8..52980c53d3 100644
--- a/api-test/frontend/src/business/commons/QuoteFileList.vue
+++ b/api-test/frontend/src/business/commons/QuoteFileList.vue
@@ -6,8 +6,7 @@
     @close="close"
     destroy-on-close
     ref="editFile"
-    append-to-body
-  >
+    append-to-body>
     <el-card v-loading="result" class="table-card">
       <template v-slot:header>
         <ms-table-header
@@ -16,8 +15,7 @@
           @search="getProjectFiles"
           :show-create="false"
           :show-thumbnail="false"
-          @change="change"
-        >
+          @change="change">
         </ms-table-header>
       </template>
       <ms-table
@@ -28,37 +26,20 @@
         :condition="condition"
         :hidePopover="true"
         @refresh="getProjectFiles"
-        ref="table"
-      >
-        <ms-table-column
-          prop="name"
-          show-overflow-tooltip
-          :min-width="150"
-          :label="$t('load_test.file_name')"
-        >
+        ref="table">
+        <ms-table-column prop="name" show-overflow-tooltip :min-width="150" :label="$t('load_test.file_name')">
         </ms-table-column>
         <ms-table-column
           sortable
           prop="type"
           :min-width="150"
           :filters="typeFilters"
-          :label="$t('load_test.file_type')"
-        >
+          :label="$t('load_test.file_type')">
         </ms-table-column>
 
-        <ms-table-column
-          prop="description"
-          :min-width="100"
-          :label="$t('group.description')"
-        >
-        </ms-table-column>
+        <ms-table-column prop="description" :min-width="100" :label="$t('group.description')"> </ms-table-column>
 
-        <ms-table-column
-          prop="tags"
-          width="100px"
-          :show-overflow-tooltip="false"
-          :label="$t('commons.tag')"
-        >
+        <ms-table-column prop="tags" width="100px" :show-overflow-tooltip="false" :label="$t('commons.tag')">
           <template v-slot:default="scope">
             <el-tooltip class="item" effect="dark" placement="top">
               <div v-html="getTagToolTips(scope.row.tags)" slot="content"></div>
@@ -66,42 +47,22 @@
                 <ms-tag
                   v-for="(itemName, index) in scope.row.tags"
                   :key="index"
-                  :show-tooltip="
-                    scope.row.tags.length === 1 && itemName.length * 12 <= 20
-                  "
+                  :show-tooltip="scope.row.tags.length === 1 && itemName.length * 12 <= 20"
                   :content="itemName"
                   type="success"
                   effect="plain"
-                  class="ms-tags"
-                />
+                  class="ms-tags" />
               </div>
             </el-tooltip>
             <span />
           </template>
         </ms-table-column>
 
-        <ms-table-column
-          sortable
-          prop="createUser"
-          :min-width="100"
-          :label="$t('commons.create_user')"
-        >
-        </ms-table-column>
-        <ms-table-column
-          sortable
-          prop="updateUser"
-          :min-width="100"
-          :label="$t('ui.update_user')"
-        >
+        <ms-table-column sortable prop="createUser" :min-width="100" :label="$t('commons.create_user')">
         </ms-table-column>
+        <ms-table-column sortable prop="updateUser" :min-width="100" :label="$t('ui.update_user')"> </ms-table-column>
 
-        <ms-table-column
-          sortable
-          :label="$t('commons.update_time')"
-          :min-width="150"
-          fixed="right"
-          prop="updateTime"
-        >
+        <ms-table-column sortable :label="$t('commons.update_time')" :min-width="150" fixed="right" prop="updateTime">
           <template v-slot="scope">
             <span>{{ scope.row.updateTime | datetimeFormat }}</span>
           </template>
@@ -111,8 +72,7 @@
         :change="getProjectFiles"
         :current-page.sync="currentPage"
         :page-size.sync="pageSize"
-        :total="total"
-      />
+        :total="total" />
     </el-card>
     <template v-slot:footer>
       <ms-dialog-footer @cancel="visible = false" @confirm="submit" />
@@ -121,10 +81,7 @@
 </template>
 
 <script>
-import {
-  getFileMetadataList,
-  getMetadataTypes,
-} from 'metersphere-frontend/src/api/file-metadata';
+import { getFileMetadataList, getMetadataTypes } from 'metersphere-frontend/src/api/file-metadata';
 import MsTablePagination from 'metersphere-frontend/src/components/pagination/TablePagination';
 import MsTableButton from 'metersphere-frontend/src/components/MsTableButton';
 import MsDialogFooter from 'metersphere-frontend/src/components/MsDialogFooter';
@@ -202,32 +159,24 @@ export default {
       this.visible = true;
     },
     getProjectFiles() {
-      this.data.loading = getFileMetadataList(
-        this.projectId,
-        this.currentPage,
-        this.pageSize,
-        this.condition
-      ).then((res) => {
-        let data = res.data;
-        this.total = data.itemCount;
-        this.metadataArr = data.listObject;
-        this.metadataArr.forEach((item) => {
-          if (item.tags && item.tags.length > 0) {
-            item.tags = JSON.parse(item.tags);
-          }
-        });
-      });
+      this.data.loading = getFileMetadataList(this.projectId, this.currentPage, this.pageSize, this.condition).then(
+        (res) => {
+          let data = res.data;
+          this.total = data.itemCount;
+          this.metadataArr = data.listObject;
+          this.metadataArr.forEach((item) => {
+            if (item.tags && item.tags.length > 0) {
+              item.tags = JSON.parse(item.tags);
+            }
+          });
+        }
+      );
     },
     handleExceed() {
       this.$error(this.$t('load_test.file_size_limit'));
     },
     handleView(row) {
-      this.$refs.editFileMetadata.open(
-        row,
-        this.pageSize,
-        this.currentPage,
-        this.total
-      );
+      this.$refs.editFileMetadata.open(row, this.pageSize, this.currentPage, this.total);
     },
     getTagToolTips(tags) {
       try {
diff --git a/api-test/frontend/src/business/commons/RelationshipList.vue b/api-test/frontend/src/business/commons/RelationshipList.vue
index 1009444358..7ff1759c61 100644
--- a/api-test/frontend/src/business/commons/RelationshipList.vue
+++ b/api-test/frontend/src/business/commons/RelationshipList.vue
@@ -4,15 +4,12 @@
     <el-button
       class="add-btn"
       v-permission="
-        relationshipType == 'TEST_CASE'
-          ? ['PROJECT_TRACK_CASE:READ+EDIT']
-          : ['PROJECT_API_DEFINITION:READ+EDIT_API']
+        relationshipType == 'TEST_CASE' ? ['PROJECT_TRACK_CASE:READ+EDIT'] : ['PROJECT_API_DEFINITION:READ+EDIT_API']
       "
       :disabled="readOnly || !resourceId"
       type="primary"
       size="mini"
-      @click="openRelevance"
-    >
+      @click="openRelevance">
       {{ $t($t('commons.add')) }}
     </el-button>
 
@@ -24,8 +21,7 @@
       :version-enable="versionEnable"
       @setCount="setCount"
       @deleteRelationship="handleDelete"
-      ref="testCaseRelationshipList"
-    />
+      ref="testCaseRelationshipList" />
   </el-main>
 </template>
 
diff --git a/api-test/frontend/src/business/commons/RelevanceDialog.vue b/api-test/frontend/src/business/commons/RelevanceDialog.vue
index e9e913dd96..cac0061a7d 100644
--- a/api-test/frontend/src/business/commons/RelevanceDialog.vue
+++ b/api-test/frontend/src/business/commons/RelevanceDialog.vue
@@ -9,8 +9,7 @@
     :destroy-on-close="true"
     :fullscreen="fullScreen"
     top="50px"
-    append-to-body
-  >
+    append-to-body>
     <template #title>
       <slot name="title" :title="title"></slot>
     </template>
diff --git a/api-test/frontend/src/business/commons/ScheduleNotification.vue b/api-test/frontend/src/business/commons/ScheduleNotification.vue
index ed1dfd5f1f..02370d6d7c 100644
--- a/api-test/frontend/src/business/commons/ScheduleNotification.vue
+++ b/api-test/frontend/src/business/commons/ScheduleNotification.vue
@@ -2,12 +2,7 @@
   <div>
     <el-row>
       <el-col :span="10">
-        <el-button
-          icon="el-icon-circle-plus-outline"
-          plain
-          size="mini"
-          @click="handleAddTaskModel"
-        >
+        <el-button icon="el-icon-circle-plus-outline" plain size="mini" @click="handleAddTaskModel">
           {{ $t('organization.message.create_new_notification') }}
         </el-button>
       </el-col>
@@ -21,8 +16,7 @@
           :receive-type-options="receiveTypeOptions"
           @handleReceivers="handleReceivers"
           @handleTemplate="handleTemplate"
-          @refresh="initForm"
-        />
+          @refresh="initForm" />
       </el-col>
     </el-row>
     <mx-notice-template v-xpack ref="noticeTemplate" :variables="variables" />
@@ -42,8 +36,7 @@ export default {
     NotificationTable,
     MsTipButton,
     MsCodeEdit,
-    MxNoticeTemplate: () =>
-      import('metersphere-frontend/src/components/MxNoticeTemplate'),
+    MxNoticeTemplate: () => import('metersphere-frontend/src/components/MxNoticeTemplate'),
   },
   props: {
     testId: String,
@@ -264,9 +257,7 @@ export default {
       }
     },
     handleReceivers(row) {
-      row.receiverOptions = JSON.parse(
-        JSON.stringify(this.scheduleReceiverOptions)
-      );
+      row.receiverOptions = JSON.parse(JSON.stringify(this.scheduleReceiverOptions));
     },
   },
 };
diff --git a/api-test/frontend/src/business/commons/SelectMenu.vue b/api-test/frontend/src/business/commons/SelectMenu.vue
index cdd6420aae..704f22daa3 100644
--- a/api-test/frontend/src/business/commons/SelectMenu.vue
+++ b/api-test/frontend/src/business/commons/SelectMenu.vue
@@ -1,20 +1,8 @@
 <template>
   <div class="select-menu">
     <span class="menu-title">{{ '[' + title + ']' }}</span>
-    <el-select
-      filterable
-      slot="prepend"
-      v-model="value"
-      @change="changeData"
-      :style="{ width: width }"
-      size="small"
-    >
-      <el-option
-        v-for="(item, index) in data"
-        :key="index"
-        :label="item.name"
-        :value="index"
-      >
+    <el-select filterable slot="prepend" v-model="value" @change="changeData" :style="{ width: width }" size="small">
+      <el-option v-for="(item, index) in data" :key="index" :label="item.name" :value="index">
         <span class="span-name" :title="item.name">{{ item.name }}</span>
       </el-option>
     </el-select>
diff --git a/api-test/frontend/src/business/commons/ShowMoreBtn.vue b/api-test/frontend/src/business/commons/ShowMoreBtn.vue
index b95a9013c1..cac04b54e2 100644
--- a/api-test/frontend/src/business/commons/ShowMoreBtn.vue
+++ b/api-test/frontend/src/business/commons/ShowMoreBtn.vue
@@ -8,8 +8,7 @@
           :value="!hasShowed"
           effect="dark"
           :content="$t('test_track.case.batch_operate')"
-          placement="top-start"
-        >
+          placement="top-start">
           <i class="el-icon-more ms-icon-more table-more-icon" />
         </el-tooltip>
       </div>
@@ -18,11 +17,7 @@
           {{ $t('test_track.case.batch_handle', [size]) }}
         </div>
         <span v-for="(btn, index) in buttons" :key="index">
-          <el-dropdown-item
-            :disabled="isDisable(btn)"
-            v-if="isXPack(btn)"
-            @click.native.stop="click(btn)"
-          >
+          <el-dropdown-item :disabled="isDisable(btn)" v-if="isXPack(btn)" @click.native.stop="click(btn)">
             {{ btn.name }}
           </el-dropdown-item>
         </span>
@@ -32,10 +27,7 @@
 </template>
 
 <script>
-import {
-  hasLicense,
-  hasPermissions,
-} from 'metersphere-frontend/src/utils/permission';
+import { hasLicense, hasPermissions } from 'metersphere-frontend/src/utils/permission';
 
 export default {
   name: 'ShowMoreBtn',
diff --git a/api-test/frontend/src/business/commons/TabPaneCount.vue b/api-test/frontend/src/business/commons/TabPaneCount.vue
index 39d7ff60e2..6af972dab9 100644
--- a/api-test/frontend/src/business/commons/TabPaneCount.vue
+++ b/api-test/frontend/src/business/commons/TabPaneCount.vue
@@ -1,11 +1,7 @@
 <template>
   <span>
     <span>{{ title }}</span>
-    <span
-      class="el-step__icon is-text ms-api-col ms-header"
-      :class="{ 'fix-color': fixColor }"
-      v-if="count > 0"
-    >
+    <span class="el-step__icon is-text ms-api-col ms-header" :class="{ 'fix-color': fixColor }" v-if="count > 0">
       <span class="el-step__icon-inner">{{ count }}</span>
     </span>
   </span>
diff --git a/api-test/frontend/src/business/commons/TestCaseRelevanceBase.vue b/api-test/frontend/src/business/commons/TestCaseRelevanceBase.vue
index aaff164610..97f405eca7 100644
--- a/api-test/frontend/src/business/commons/TestCaseRelevanceBase.vue
+++ b/api-test/frontend/src/business/commons/TestCaseRelevanceBase.vue
@@ -1,10 +1,5 @@
 <template>
-  <relevance-dialog
-    :width="width"
-    :title="dialogTitle"
-    ref="relevanceDialog"
-    :full-screen="isFullScreen"
-  >
+  <relevance-dialog :width="width" :title="dialogTitle" ref="relevanceDialog" :full-screen="isFullScreen">
     <!-- todo -->
     <template slot="headerBtn" v-if="$slots.headerBtn">
       <div>
@@ -17,13 +12,9 @@
         :enable-cancel="false"
         @confirm="save"
         btn-size="mini"
-        @fullScreen="isFullScreen = !isFullScreen"
-      >
+        @fullScreen="isFullScreen = !isFullScreen">
         <template #other>
-          <table-select-count-bar
-            :count="selectCounts"
-            style="float: left; margin: 5px"
-          />
+          <table-select-count-bar :count="selectCounts" style="float: left; margin: 5px" />
 
           <div v-if="flag" style="margin: 5px; float: left">
             <el-checkbox v-model="checked" class="el-checkbox__label"
@@ -45,14 +36,8 @@
         v-model="workspaceId"
         @change="changeWorkspace"
         class="ms-header-workspace"
-        size="small"
-      >
-        <el-option
-          v-for="(item, index) in workspaceList"
-          :key="index"
-          :label="item.name"
-          :value="item.id"
-        />
+        size="small">
+        <el-option v-for="(item, index) in workspaceList" :key="index" :label="item.name" :value="item.id" />
       </el-select>
       <select-menu
         :data="projects"
@@ -60,8 +45,7 @@
         width="155px"
         :current-data="currentProject"
         :title="$t('test_track.switch_project')"
-        @dataChange="changeProject"
-      />
+        @dataChange="changeProject" />
       <slot name="aside"></slot>
     </template>
 
@@ -74,11 +58,7 @@ import { getUserWorkspace, projectRelated } from '@/api/project';
 import MsDialogHeader from 'metersphere-frontend/src/components/MsDialogHeader';
 import SelectMenu from '@/business/commons/SelectMenu';
 import RelevanceDialog from './RelevanceDialog';
-import {
-  getCurrentProjectID,
-  getCurrentUserId,
-  getCurrentWorkspaceId,
-} from 'metersphere-frontend/src/utils/token';
+import { getCurrentProjectID, getCurrentUserId, getCurrentWorkspaceId } from 'metersphere-frontend/src/utils/token';
 import TableSelectCountBar from '@/business/automation/scenario/api/TableSelectCountBar';
 
 export default {
@@ -156,9 +136,7 @@ export default {
     },
 
     getProject() {
-      let realWorkSpaceId = this.isAcrossSpace
-        ? this.workspaceId
-        : this.currentWorkSpaceId;
+      let realWorkSpaceId = this.isAcrossSpace ? this.workspaceId : this.currentWorkSpaceId;
       this.result = projectRelated({
         userId: getCurrentUserId(),
         workspaceId: realWorkSpaceId,
@@ -178,10 +156,7 @@ export default {
           }
         } else {
           this.$message.warning(
-            this.$t('commons.current_workspace') +
-              this.$t('commons.not_exist') +
-              this.$t('commons.project') +
-              '!'
+            this.$t('commons.current_workspace') + this.$t('commons.not_exist') + this.$t('commons.project') + '!'
           );
         }
       });
diff --git a/api-test/frontend/src/business/commons/json-schema/JsonSchemaEditor.vue b/api-test/frontend/src/business/commons/json-schema/JsonSchemaEditor.vue
index 0454b7f586..881cb114eb 100644
--- a/api-test/frontend/src/business/commons/json-schema/JsonSchemaEditor.vue
+++ b/api-test/frontend/src/business/commons/json-schema/JsonSchemaEditor.vue
@@ -1,17 +1,13 @@
 <template>
   <div id="app" v-loading="loading">
     <el-tabs v-model="activeName" @tab-click="handleClick">
-      <el-tab-pane
-        :label="$t('organization.message.template')"
-        name="apiTemplate"
-      >
+      <el-tab-pane :label="$t('organization.message.template')" name="apiTemplate">
         <el-button
           v-show="!jsonSchemaDisable"
           type="primary"
           size="mini"
           style="margin: 10px 10px 0px"
-          @click="openOneClickOperation"
-        >
+          @click="openOneClickOperation">
           {{ this.$t('commons.import') }}
         </el-button>
         <div :style="jsonSchemaDisable ? '' : 'min-height: 200px'">
@@ -24,15 +20,10 @@
             @editScenarioAdvance="editScenarioAdvance"
             :need-mock="needMock"
             lang="zh_CN"
-            custom
-          />
+            custom />
         </div>
       </el-tab-pane>
-      <el-tab-pane
-        v-if="showPreview"
-        :label="$t('schema.preview')"
-        name="preview"
-      >
+      <el-tab-pane v-if="showPreview" :label="$t('schema.preview')" name="preview">
         <div style="min-height: 200px">
           <pre>{{ this.preview }}</pre>
         </div>
@@ -78,11 +69,7 @@ export default {
     },
   },
   created() {
-    if (
-      !this.body.jsonSchema &&
-      this.body.raw &&
-      this.checkIsJson(this.body.raw)
-    ) {
+    if (!this.body.jsonSchema && this.body.raw && this.checkIsJson(this.body.raw)) {
       let obj = { root: MsConvert.format(JSON.parse(this.body.raw)) };
       this.schema = obj;
     } else if (this.body.jsonSchema) {
@@ -99,11 +86,7 @@ export default {
     },
     body: {
       handler(newValue, oldValue) {
-        if (
-          !this.body.jsonSchema &&
-          this.body.raw &&
-          this.checkIsJson(this.body.raw)
-        ) {
+        if (!this.body.jsonSchema && this.body.raw && this.checkIsJson(this.body.raw)) {
           let obj = { root: MsConvert.format(JSON.parse(this.body.raw)) };
           this.schema = obj;
         } else if (this.body.jsonSchema) {
diff --git a/api-test/frontend/src/business/commons/json-schema/convert/convert.js b/api-test/frontend/src/business/commons/json-schema/convert/convert.js
index b0bd2a7241..a35546c8cf 100644
--- a/api-test/frontend/src/business/commons/json-schema/convert/convert.js
+++ b/api-test/frontend/src/business/commons/json-schema/convert/convert.js
@@ -73,12 +73,7 @@ class Convert {
    * 对象类型转换成JSONSCHEMA
    */
   _objectToSchema() {
-    let baseResult = this._value2object(
-      this._object,
-      this._option.$id,
-      '',
-      true
-    );
+    let baseResult = this._value2object(this._object, this._option.$id, '', true);
     let objectSchema = this._json2schema(this._object);
     baseResult = Object.assign(baseResult, objectSchema);
     return baseResult;
@@ -130,23 +125,12 @@ class Convert {
                 let elementItem = element[index];
                 // 创建items对象的基本信息
                 if (isArray(elementItem)) {
-                  let innerItemArr = this._deepTraversal(
-                    elementItem,
-                    `${$id}/items`,
-                    key + 'items'
-                  );
+                  let innerItemArr = this._deepTraversal(elementItem, `${$id}/items`, key + 'items');
                   itemArr.push(innerItemArr);
                 } else {
                   //item不是Array，进行统一处理
-                  let item = this._value2object(
-                    elementItem,
-                    `${$id}/items`,
-                    key + 'items'
-                  );
-                  item = Object.assign(
-                    item,
-                    this._json2schema(elementItem, `${$id}/items`)
-                  );
+                  let item = this._value2object(elementItem, `${$id}/items`, key + 'items');
+                  item = Object.assign(item, this._json2schema(elementItem, `${$id}/items`));
                   itemArr.push(item);
                 }
               }
@@ -154,10 +138,7 @@ class Convert {
             }
           } else {
             // 不是数组，递归遍历获取，然后合并对象属性
-            result['properties'][key] = Object.assign(
-              result['properties'][key],
-              this._json2schema(element, $id)
-            );
+            result['properties'][key] = Object.assign(result['properties'][key], this._json2schema(element, $id));
           }
         } else {
           // 一般属性直接获取基本信息
diff --git a/api-test/frontend/src/business/commons/json-schema/import/ImportJson.vue b/api-test/frontend/src/business/commons/json-schema/import/ImportJson.vue
index f60baed601..767df488a5 100644
--- a/api-test/frontend/src/business/commons/json-schema/import/ImportJson.vue
+++ b/api-test/frontend/src/business/commons/json-schema/import/ImportJson.vue
@@ -6,37 +6,21 @@
     append-to-body
     show-close
     :close-on-click-modal="false"
-    @closed="handleClose"
-  >
+    @closed="handleClose">
     <el-tabs v-model="activeName">
       <el-tab-pane label="JSON" name="JSON">
         <div style="height: 400px">
-          <ms-code-edit
-            :mode="mode"
-            :data.sync="json"
-            theme="eclipse"
-            :modes="[]"
-            ref="codeEdit"
-          />
+          <ms-code-edit :mode="mode" :data.sync="json" theme="eclipse" :modes="[]" ref="codeEdit" />
         </div>
       </el-tab-pane>
       <el-tab-pane label="JSON-SCHEMA" name="JSON-SCHEMA">
         <div style="height: 400px">
-          <ms-code-edit
-            :mode="mode"
-            :data.sync="jsonSchema"
-            theme="eclipse"
-            :modes="[]"
-            ref="codeEdit"
-          />
+          <ms-code-edit :mode="mode" :data.sync="jsonSchema" theme="eclipse" :modes="[]" ref="codeEdit" />
         </div>
       </el-tab-pane>
     </el-tabs>
     <span slot="footer" class="dialog-footer">
-      <ms-dialog-footer
-        @cancel="importVisible = false"
-        @confirm="saveConfirm"
-      />
+      <ms-dialog-footer @cancel="importVisible = false" @confirm="saveConfirm" />
     </span>
   </el-dialog>
 </template>
@@ -77,11 +61,7 @@ export default {
     checkIsJsonSchema(json) {
       try {
         json = json5.parse(json);
-        if (
-          json.properties &&
-          typeof json.properties === 'object' &&
-          !json.type
-        ) {
+        if (json.properties && typeof json.properties === 'object' && !json.type) {
           json.type = 'object';
         }
         if (json.items && typeof json.items === 'object' && !json.type) {
@@ -91,14 +71,7 @@ export default {
           return false;
         }
         json.type = json.type.toLowerCase();
-        let types = [
-          'object',
-          'string',
-          'number',
-          'array',
-          'boolean',
-          'integer',
-        ];
+        let types = ['object', 'string', 'number', 'array', 'boolean', 'integer'];
         if (types.indexOf(json.type) === -1) {
           return false;
         }
diff --git a/api-test/frontend/src/business/commons/json-schema/schema/editor/main.vue b/api-test/frontend/src/business/commons/json-schema/schema/editor/main.vue
index 60406d00aa..3e05607a36 100644
--- a/api-test/frontend/src/business/commons/json-schema/schema/editor/main.vue
+++ b/api-test/frontend/src/business/commons/json-schema/schema/editor/main.vue
@@ -5,11 +5,8 @@
         <div :style="{ marginLeft: `${10 * deep}px` }" class="ms-col-name-c" />
         <span
           v-if="pickValue.type === 'object' || pickValue.type === 'array'"
-          :class="
-            hidden ? 'el-icon-caret-left ms-transform' : 'el-icon-caret-bottom'
-          "
-          @click="hidden = !hidden"
-        />
+          :class="hidden ? 'el-icon-caret-left ms-transform' : 'el-icon-caret-bottom'"
+          @click="hidden = !hidden" />
         <span v-else style="width: 10px; display: inline-block"></span>
         <input
           class="el-input el-input__inner"
@@ -17,20 +14,14 @@
           :disabled="disabled || root"
           :value="pickKey"
           @blur="onInputName"
-          size="small"
-        />
+          size="small" />
 
-        <el-tooltip
-          v-if="root"
-          :content="$t('schema.checked_all')"
-          placement="top"
-        >
+        <el-tooltip v-if="root" :content="$t('schema.checked_all')" placement="top">
           <input
             type="checkbox"
             :disabled="disabled || (!isObject && !isArray(pickValue))"
             class="ms-col-name-required"
-            @change="onRootCheck"
-          />
+            @change="onRootCheck" />
         </el-tooltip>
         <el-tooltip v-else :content="$t('schema.required')" placement="top">
           <input
@@ -38,8 +29,7 @@
             :disabled="disabled || isItem"
             :checked="checked"
             class="ms-col-name-required"
-            @change="onCheck"
-          />
+            @change="onCheck" />
         </el-tooltip>
       </el-col>
       <el-col :span="4">
@@ -48,8 +38,7 @@
           :disabled="disabled || disabledType"
           class="ms-col-type"
           @change="onChangeType"
-          size="small"
-        >
+          size="small">
           <el-option :key="t" :value="t" :label="t" v-for="t in types" />
         </el-select>
       </el-col>
@@ -66,8 +55,7 @@
           :scenario-definition="scenarioDefinition"
           :show-mock-vars="showMockVars"
           :need-mock="needMock"
-          @editScenarioAdvance="editScenarioAdvance"
-        />
+          @editScenarioAdvance="editScenarioAdvance" />
       </el-col>
       <el-col :span="4">
         <el-input
@@ -75,44 +63,22 @@
           v-model="pickValue.description"
           class="ms-col-title"
           :placeholder="$t('schema.description')"
-          size="small"
-        />
+          size="small" />
       </el-col>
       <el-col :span="4" class="col-item-setting" v-if="!disabled">
-        <el-tooltip
-          class="item"
-          effect="dark"
-          :content="$t('schema.adv_setting')"
-          placement="top"
-        >
+        <el-tooltip class="item" effect="dark" :content="$t('schema.adv_setting')" placement="top">
           <i class="el-icon-setting" @click="onSetting" />
         </el-tooltip>
-        <el-tooltip
-          v-if="isObject || isArray(pickValue)"
-          :content="$t('schema.add_child_node')"
-          placement="top"
-        >
+        <el-tooltip v-if="isObject || isArray(pickValue)" :content="$t('schema.add_child_node')" placement="top">
           <i class="el-icon-plus" @click="addChild" style="margin-left: 10px" />
         </el-tooltip>
-        <el-tooltip
-          v-if="!root && !isItem"
-          :content="$t('schema.remove_node')"
-          placement="top"
-        >
-          <i
-            class="el-icon-close"
-            @click="removeNode"
-            style="margin-left: 10px"
-          />
+        <el-tooltip v-if="!root && !isItem" :content="$t('schema.remove_node')" placement="top">
+          <i class="el-icon-close" @click="removeNode" style="margin-left: 10px" />
         </el-tooltip>
       </el-col>
     </el-row>
 
-    <template
-      v-if="
-        !hidden && pickValue.properties && !isArray(pickValue) && reloadItemOver
-      "
-    >
+    <template v-if="!hidden && pickValue.properties && !isArray(pickValue) && reloadItemOver">
       <json-schema-editor
         v-for="(item, key, index) in pickValue.properties"
         :value="{ [key]: item }"
@@ -129,8 +95,7 @@
         :custom="custom"
         @changeAllItemsType="changeAllItemsType"
         :need-mock="needMock"
-        @reloadItems="reloadItems"
-      />
+        @reloadItems="reloadItems" />
     </template>
     <template v-if="!hidden && isArray(pickValue) && reloadItemOver">
       <json-schema-editor
@@ -149,8 +114,7 @@
         :lang="lang"
         :custom="custom"
         @changeAllItemsType="changeAllItemsType"
-        @reloadItems="reloadItems"
-      />
+        @reloadItems="reloadItems" />
     </template>
     <!-- 高级设置-->
     <el-dialog
@@ -160,16 +124,10 @@
       :visible.sync="modalVisible"
       :destroy-on-close="true"
       @close="handleClose"
-      v-if="modalVisible"
-    >
+      v-if="modalVisible">
       <p class="tip">{{ $t('schema.base_setting') }}</p>
 
-      <el-form
-        label-position="left"
-        label-width="100px"
-        v-model="advancedValue"
-        class="ms-advanced-search-form"
-      >
+      <el-form label-position="left" label-width="100px" v-model="advancedValue" class="ms-advanced-search-form">
         <div :span="8" v-for="(item, key) in advancedValue" :key="key">
           <el-form-item :label="$t('schema.' + key)">
             <el-input-number
@@ -177,34 +135,23 @@
               v-if="advancedAttr[key].type === 'integer'"
               style="width: 100%"
               :placeholder="key"
-              size="small"
-            />
+              size="small" />
             <el-input-number
               v-model="advancedValue[key]"
               v-else-if="advancedAttr[key].type === 'number'"
               style="width: 100%"
               :placeholder="key"
-              size="small"
-            />
-            <span
-              v-else-if="advancedAttr[key].type === 'boolean'"
-              style="display: inline-block; width: 100%"
-            >
+              size="small" />
+            <span v-else-if="advancedAttr[key].type === 'boolean'" style="display: inline-block; width: 100%">
               <el-switch v-model="advancedValue[key]" />
             </span>
             <el-select
               v-else-if="advancedAttr[key].type === 'array'"
               v-model="advancedValue[key]"
               style="width: 100%"
-              size="small"
-            >
+              size="small">
               <el-option value="" :label="$t('schema.nothing')"></el-option>
-              <el-option
-                :key="t"
-                :value="t"
-                :label="t"
-                v-for="t in advancedAttr[key].enums"
-              />
+              <el-option :key="t" :value="t" :label="t" v-for="t in advancedAttr[key].enums" />
             </el-select>
             <el-input
               v-else-if="advancedAttr[key].type === 'textarea'"
@@ -212,15 +159,8 @@
               v-model="advancedValue[key]"
               type="textarea"
               :autosize="{ minRows: 2, maxRows: 10 }"
-              :rows="2"
-            ></el-input>
-            <el-input
-              v-model="advancedValue[key]"
-              v-else
-              style="width: 100%"
-              :placeholder="key"
-              size="small"
-            />
+              :rows="2"></el-input>
+            <el-input v-model="advancedValue[key]" v-else style="width: 100%" :placeholder="key" size="small" />
           </el-form-item>
         </div>
       </el-form>
@@ -311,11 +251,7 @@ export default {
       return this.pickValue.type === 'object';
     },
     checked() {
-      return (
-        this.parent &&
-        this.parent.required &&
-        this.parent.required.indexOf(this.pickKey) >= 0
-      );
+      return this.parent && this.parent.required && this.parent.required.indexOf(this.pickKey) >= 0;
     },
     advanced() {
       return TYPE[this.pickValue.type];
@@ -399,18 +335,12 @@ export default {
         delete this.pickValue['required'];
         delete this.pickValue['mock'];
         if (this.isArray(this.pickValue)) {
-          this.$set(this.pickValue, 'items', [
-            { type: 'string', mock: { mock: '' } },
-          ]);
+          this.$set(this.pickValue, 'items', [{ type: 'string', mock: { mock: '' } }]);
         }
       }
     },
     changeAllItemsType(changeType) {
-      if (
-        this.isArray(this.pickValue) &&
-        this.pickValue.items &&
-        this.pickValue.items.length > 0
-      ) {
+      if (this.isArray(this.pickValue) && this.pickValue.items && this.pickValue.items.length > 0) {
         this.pickValue.items.forEach((item) => {
           item.type = changeType;
           delete item['properties'];
@@ -432,23 +362,11 @@ export default {
     },
     _deepCheck(checked, node) {
       if (node.type === 'object' && node.properties) {
-        checked
-          ? this.$set(node, 'required', Object.keys(node.properties))
-          : delete node['required'];
-        Object.keys(node.properties).forEach((key) =>
-          this._deepCheck(checked, node.properties[key])
-        );
+        checked ? this.$set(node, 'required', Object.keys(node.properties)) : delete node['required'];
+        Object.keys(node.properties).forEach((key) => this._deepCheck(checked, node.properties[key]));
       } else if (node.type === 'array' && node.items.type === 'object') {
-        checked
-          ? this.$set(
-              node.items,
-              'required',
-              Object.keys(node.items.properties)
-            )
-          : delete node.items['required'];
-        Object.keys(node.items.properties).forEach((key) =>
-          this._deepCheck(checked, node.items.properties[key])
-        );
+        checked ? this.$set(node.items, 'required', Object.keys(node.items.properties)) : delete node.items['required'];
+        Object.keys(node.items.properties).forEach((key) => this._deepCheck(checked, node.items.properties[key]));
       }
     },
     _checked(checked, parent) {
@@ -514,10 +432,7 @@ export default {
       this.parentReloadItems();
     },
     _joinName() {
-      return `field_${this.deep}_${this.countAdd++}_${getUUID().substring(
-        0,
-        5
-      )}`;
+      return `field_${this.deep}_${this.countAdd++}_${getUUID().substring(0, 5)}`;
     },
     onSetting() {
       this.modalVisible = true;
@@ -626,10 +541,7 @@ export default {
   display: flex;
 }
 
-.json-schema-editor-advanced-modal
-  .ms-advanced-search-form
-  .ms-form-item
-  .ms-form-item-control-wrapper {
+.json-schema-editor-advanced-modal .ms-advanced-search-form .ms-form-item .ms-form-item-control-wrapper {
   flex: 1;
 }
 
diff --git a/api-test/frontend/src/business/commons/json-schema/schema/editor/mock/Advance.vue b/api-test/frontend/src/business/commons/json-schema/schema/editor/mock/Advance.vue
index d08b758fdf..fec83f6ac4 100644
--- a/api-test/frontend/src/business/commons/json-schema/schema/editor/mock/Advance.vue
+++ b/api-test/frontend/src/business/commons/json-schema/schema/editor/mock/Advance.vue
@@ -3,8 +3,7 @@
     :title="$t('api_test.request.parameters_advance')"
     :visible.sync="itemValueVisible"
     class="advanced-item-value"
-    width="70%"
-  >
+    width="70%">
     <el-tabs tab-position="top" style="height: 50vh" @tab-click="selectTab">
       <el-tab-pane :label="$t('api_test.request.parameters_advance_mock')">
         <el-row type="flex" :gutter="20">
@@ -13,10 +12,7 @@
               <el-input
                 size="small"
                 v-model="filterText"
-                :placeholder="
-                  $t('api_test.request.parameters_mock_filter_tips')
-                "
-              />
+                :placeholder="$t('api_test.request.parameters_mock_filter_tips')" />
               <el-tree
                 class="filter-tree"
                 ref="tree"
@@ -24,39 +20,22 @@
                 :props="treeProps"
                 default-expand-all
                 @node-click="selectVariable"
-                :filter-node-method="filterNode"
-              ></el-tree>
+                :filter-node-method="filterNode"></el-tree>
             </div>
           </el-col>
-          <el-col
-            :span="6"
-            v-for="(itemFunc, itemIndex) in mockVariableFuncs"
-            :key="itemIndex"
-          >
-            <div
-              v-for="(func, funcIndex) in funcs"
-              :key="`${itemIndex}-${funcIndex}`"
-            >
+          <el-col :span="6" v-for="(itemFunc, itemIndex) in mockVariableFuncs" :key="itemIndex">
+            <div v-for="(func, funcIndex) in funcs" :key="`${itemIndex}-${funcIndex}`">
               <el-row>
                 <el-col :span="12">
                   <el-radio
                     size="mini"
                     v-model="itemFunc.name"
                     :label="func.name"
-                    @change="methodChange(itemFunc, func)"
-                  />
+                    @change="methodChange(itemFunc, func)" />
                 </el-col>
                 <el-col :span="12" v-if="itemFunc.name === func.name">
-                  <div
-                    v-for="(p, pIndex) in itemFunc.params"
-                    :key="`${itemIndex}-${funcIndex}-${pIndex}`"
-                  >
-                    <el-input
-                      :placeholder="p.name"
-                      size="mini"
-                      v-model="p.value"
-                      @change="showPreview"
-                    />
+                  <div v-for="(p, pIndex) in itemFunc.params" :key="`${itemIndex}-${funcIndex}-${pIndex}`">
+                    <el-input :placeholder="p.name" size="mini" v-model="p.value" @change="showPreview" />
                   </div>
                 </el-col>
               </el-row>
@@ -69,22 +48,13 @@
           <el-col :span="6" class="col-height">
             <div v-if="preRequestParams">
               <p>{{ $t('api_test.request.parameters_pre_request') }}</p>
-              <el-tree
-                :data="preRequestParams"
-                :props="treeProps"
-                @node-click="selectVariable"
-              ></el-tree>
+              <el-tree :data="preRequestParams" :props="treeProps" @node-click="selectVariable"></el-tree>
             </div>
           </el-col>
           <el-col :span="18" class="col-height">
             <div>
               <h1>{{ $t('api_test.request.jmeter_func') }}</h1>
-              <el-table
-                border
-                :data="jmeterFuncs"
-                class="adjust-table table-content"
-                height="400"
-              >
+              <el-table border :data="jmeterFuncs" class="adjust-table table-content" height="400">
                 <el-table-column prop="type" label="Type" width="150" />
                 <el-table-column prop="name" label="Functions" width="250" />
                 <el-table-column prop="description" label="Description" />
@@ -105,22 +75,10 @@
           <el-button size="small" type="primary" plain @click="saveAdvanced()">
             {{ $t('commons.save') }}
           </el-button>
-          <el-button
-            size="small"
-            type="info"
-            plain
-            @click="addFunc()"
-            v-if="currentTab === 0"
-          >
+          <el-button size="small" type="info" plain @click="addFunc()" v-if="currentTab === 0">
             {{ $t('api_test.request.parameters_advance_add_func') }}
           </el-button>
-          <el-button
-            size="small"
-            type="success"
-            plain
-            @click="showPreview()"
-            v-if="currentTab === 0"
-          >
+          <el-button size="small" type="success" plain @click="showPreview()" v-if="currentTab === 0">
             {{ $t('api_test.request.parameters_preview') }}
           </el-button>
         </el-col>
@@ -247,25 +205,19 @@ export default {
     },
     addFunc() {
       if (this.mockVariableFuncs.length > 4) {
-        this.$info(
-          this.$t('api_test.request.parameters_advance_add_func_limit')
-        );
+        this.$info(this.$t('api_test.request.parameters_advance_add_func_limit'));
         return;
       }
       if (this.mockVariableFuncs.length > 0) {
         let func = this.mockVariableFuncs[this.mockVariableFuncs.length - 1];
         if (!func.name) {
-          this.$warning(
-            this.$t('api_test.request.parameters_advance_add_func_error')
-          );
+          this.$warning(this.$t('api_test.request.parameters_advance_add_func_error'));
           return;
         }
         if (func.params) {
           for (let j = 0; j < func.params.length; j++) {
             if (!func.params[j].value) {
-              this.$warning(
-                this.$t('api_test.request.parameters_advance_add_param_error')
-              );
+              this.$warning(this.$t('api_test.request.parameters_advance_add_param_error'));
               return;
             }
           }
diff --git a/api-test/frontend/src/business/commons/json-schema/schema/editor/mock/MockComplete.vue b/api-test/frontend/src/business/commons/json-schema/schema/editor/mock/MockComplete.vue
index 691980ff1a..0d37db15ee 100644
--- a/api-test/frontend/src/business/commons/json-schema/schema/editor/mock/MockComplete.vue
+++ b/api-test/frontend/src/business/commons/json-schema/schema/editor/mock/MockComplete.vue
@@ -9,29 +9,23 @@
       :placeholder="$t('api_test.value')"
       value-key="name"
       highlight-first-item
-      @select="change"
-    >
+      @select="change">
       <i
         slot="suffix"
         v-if="!disabled && needMock"
         class="el-input__icon el-icon-edit pointer"
-        @click="advanced(mock)"
-      ></i>
+        @click="advanced(mock)"></i>
     </el-autocomplete>
     <ms-api-variable-advance
       :show-mock-vars="showMockVars"
       :scenario-definition="scenarioDefinition"
       :current-item="mock"
-      ref="variableAdvance"
-    />
+      ref="variableAdvance" />
   </div>
 </template>
 
 <script>
-import {
-  JMETER_FUNC,
-  MOCKJS_FUNC,
-} from 'metersphere-frontend/src/utils/constants';
+import { JMETER_FUNC, MOCKJS_FUNC } from 'metersphere-frontend/src/utils/constants';
 import MsApiVariableAdvance from '@/business/definition/components/ApiVariableAdvance';
 
 export default {
@@ -93,9 +87,7 @@ export default {
       let results = [];
       if (!this.showMockVars) {
         let funcs = MOCKJS_FUNC.concat(JMETER_FUNC);
-        results = queryString
-          ? funcs.filter(this.funcFilter(queryString))
-          : funcs;
+        results = queryString ? funcs.filter(this.funcFilter(queryString)) : funcs;
       }
       // 调用 callback 返回建议列表的数据
       cb(results);
@@ -123,17 +115,13 @@ export default {
     },
     querySearchAsync(queryString, cb) {
       const arr = this.mock || [];
-      const results = queryString
-        ? arr.filter(this.createStateFilter(queryString))
-        : arr;
+      const results = queryString ? arr.filter(this.createStateFilter(queryString)) : arr;
 
       cb(results);
     },
     createStateFilter(queryString) {
       return (state) => {
-        return (
-          state.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0
-        );
+        return state.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0;
       };
     },
     editScenarioAdvance(data) {
diff --git a/api-test/frontend/src/business/definition/ApiDefinition.vue b/api-test/frontend/src/business/definition/ApiDefinition.vue
index 24c0a38d74..f127d6f502 100644
--- a/api-test/frontend/src/business/definition/ApiDefinition.vue
+++ b/api-test/frontend/src/business/definition/ApiDefinition.vue
@@ -15,19 +15,13 @@
           @setModuleOptions="setModuleOptions"
           @setNodeTree="setNodeTree"
           @enableTrash="enableTrash"
-          @schedule="
-            handleTabsEdit(
-              $t('api_test.api_import.timing_synchronization'),
-              'SCHEDULE'
-            )
-          "
+          @schedule="handleTabsEdit($t('api_test.api_import.timing_synchronization'), 'SCHEDULE')"
           :type="'edit'"
           page-source="definition"
           :is-trash-data="trashEnable"
           :total="total"
           :current-version="currentVersion"
-          ref="nodeTree"
-        />
+          ref="nodeTree" />
       </ms-aside-container>
 
       <ms-main-container>
@@ -37,22 +31,15 @@
           :useEnvironment="useEnvironment"
           @setEnvironment="setEnvironment"
           class="ms-api-button"
-          ref="environmentSelect"
-        />
+          ref="environmentSelect" />
         <!-- 主框架列表 -->
         <el-tabs
           v-model="apiDefaultTab"
           @edit="closeConfirm"
           @tab-click="addTab"
           @tab-remove="removeTab"
-          ref="mainTabs"
-        >
-          <el-tab-pane
-            name="trash"
-            :closable="true"
-            :label="$t('commons.trash')"
-            v-if="trashEnable"
-          >
+          ref="mainTabs">
+          <el-tab-pane name="trash" :closable="true" :label="$t('commons.trash')" v-if="trashEnable">
             <ms-tab-button
               v-if="this.trashTabInfo.type === 'list'"
               :active-dom.sync="trashActiveDom"
@@ -60,15 +47,13 @@
               :right-tip="$t('api_test.definition.case_title')"
               :middle-button-enable="false"
               left-content="API"
-              right-content="CASE"
-            >
+              right-content="CASE">
               <template v-slot:version>
                 <mx-version-select
                   v-xpack
                   :project-id="projectId"
                   :version-id="trashVersion"
-                  @changeVersion="changeVersion"
-                />
+                  @changeVersion="changeVersion" />
               </template>
               <!-- 列表集合 -->
               <ms-api-list
@@ -93,8 +78,7 @@
                 @refreshTable="refresh"
                 :init-api-table-opretion="initApiTableOpretion"
                 @updateInitApiTableOpretion="updateInitApiTableOpr"
-                ref="trashApiList"
-              />
+                ref="trashApiList" />
               <!--测试用例列表-->
               <api-case-simple-list
                 v-if="trashActiveDom === 'right'"
@@ -109,8 +93,7 @@
                 @handleCase="handleCase"
                 @refreshTable="refresh"
                 @showExecResult="showExecResult"
-                ref="trashCaseList"
-              />
+                ref="trashCaseList" />
             </ms-tab-button>
           </el-tab-pane>
 
@@ -119,16 +102,14 @@
             :key="item.name"
             :label="item.title"
             :closable="item.closable"
-            :name="item.name"
-          >
+            :name="item.name">
             <el-tooltip
               v-if="index > 0"
               slot="label"
               effect="dark"
               :content="item.title"
               placement="bottom-start"
-              class="ms-tab-name-width"
-            >
+              class="ms-tab-name-width">
               <span>{{ item.title }}</span>
             </el-tooltip>
             <ms-tab-button
@@ -141,14 +122,9 @@
               middle-content="CASE"
               :right-content="$t('api_test.definition.doc_title')"
               :right-button-enable="currentProtocol === 'HTTP'"
-              @changeTab="changeTab"
-            >
+              @changeTab="changeTab">
               <template v-slot:version>
-                <mx-version-select
-                  v-xpack
-                  :project-id="projectId"
-                  @changeVersion="changeVersion"
-                />
+                <mx-version-select v-xpack :project-id="projectId" @changeVersion="changeVersion" />
               </template>
               <!-- 列表集合 -->
               <ms-api-list
@@ -175,8 +151,7 @@
                 @refreshTable="refresh"
                 :init-api-table-opretion="initApiTableOpretion"
                 @updateInitApiTableOpretion="updateInitApiTableOpr"
-                ref="apiDefList"
-              />
+                ref="apiDefList" />
               <!--测试用例列表-->
               <api-case-simple-list
                 v-if="activeDom === 'middle'"
@@ -191,8 +166,7 @@
                 @handleCase="handleCase"
                 @refreshTable="refresh"
                 @showExecResult="showExecResult"
-                ref="caseList"
-              />
+                ref="caseList" />
               <api-documents-page
                 class="api-doc-page"
                 v-if="activeDom === 'right' && currentProtocol === 'HTTP'"
@@ -200,14 +174,10 @@
                 :trash-enable="trashEnable"
                 :version-id="currentVersion"
                 :module-ids="selectNodeIds"
-                ref="documentsPage"
-              />
+                ref="documentsPage" />
             </ms-tab-button>
             <!-- 添加/编辑测试窗口-->
-            <div
-              v-if="item.type === 'ADD' || item.type === 'TEST'"
-              class="ms-api-div"
-            >
+            <div v-if="item.type === 'ADD' || item.type === 'TEST'" class="ms-api-div">
               <ms-edit-complete-container
                 :syncTabs="syncTabs"
                 @runTest="runTest"
@@ -223,8 +193,7 @@
                 @changeSelectDataRangeAll="changeSelectDataRangeAll"
                 @handleCase="handleCase"
                 @showExecResult="showExecResult"
-                ref="apiConfig"
-              />
+                ref="apiConfig" />
             </div>
             <!-- 快捷调试 -->
             <div v-else-if="item.type === 'debug'" class="ms-api-schedule-div">
@@ -233,65 +202,43 @@
                 :testCase="item.api"
                 @saveAs="editApi"
                 @refreshModule="refreshModule"
-                v-if="currentProtocol === 'HTTP'"
-              />
+                v-if="currentProtocol === 'HTTP'" />
               <ms-debug-jdbc-page
                 :currentProtocol="currentProtocol"
                 :testCase="item.api"
                 @saveAs="editApi"
                 @refreshModule="refreshModule"
-                v-if="currentProtocol === 'SQL'"
-              />
+                v-if="currentProtocol === 'SQL'" />
               <ms-debug-tcp-page
                 :currentProtocol="currentProtocol"
                 :testCase="item.api"
                 :scenario="false"
                 @saveAs="editApi"
                 @refreshModule="refreshModule"
-                v-if="currentProtocol === 'TCP'"
-              />
+                v-if="currentProtocol === 'TCP'" />
               <ms-debug-dubbo-page
                 :currentProtocol="currentProtocol"
                 :testCase="item.api"
                 @saveAs="editApi"
                 @refreshModule="refreshModule"
-                v-if="currentProtocol === 'DUBBO'"
-              />
+                v-if="currentProtocol === 'DUBBO'" />
             </div>
 
             <!-- 定时任务 -->
             <div v-if="item.type === 'SCHEDULE'" class="ms-api-schedule-div">
-              <api-schedule
-                :param="param"
-                :module-options="nodeTree"
-                ref="apiSchedules"
-              />
+              <api-schedule :param="param" :module-options="nodeTree" ref="apiSchedules" />
             </div>
           </el-tab-pane>
 
-          <el-tab-pane
-            name="add"
-            v-if="hasPermission('PROJECT_API_DEFINITION:READ+CREATE_API')"
-          >
+          <el-tab-pane name="add" v-if="hasPermission('PROJECT_API_DEFINITION:READ+CREATE_API')">
             <template v-slot:label>
               <el-dropdown @command="handleCommand">
-                <el-button
-                  type="primary"
-                  plain
-                  icon="el-icon-plus"
-                  size="mini"
-                />
+                <el-button type="primary" plain icon="el-icon-plus" size="mini" />
                 <el-dropdown-menu slot="dropdown">
-                  <el-dropdown-item
-                    command="debug"
-                    v-permission="['PROJECT_API_DEFINITION:READ+DEBUG']"
-                  >
+                  <el-dropdown-item command="debug" v-permission="['PROJECT_API_DEFINITION:READ+DEBUG']">
                     {{ $t('api_test.definition.request.fast_debug') }}
                   </el-dropdown-item>
-                  <el-dropdown-item
-                    command="ADD"
-                    v-permission="['PROJECT_API_DEFINITION:READ+CREATE_API']"
-                  >
+                  <el-dropdown-item command="ADD" v-permission="['PROJECT_API_DEFINITION:READ+CREATE_API']">
                     {{ $t('api_test.definition.request.title') }}
                   </el-dropdown-item>
                   <el-dropdown-item command="CLOSE_ALL"
@@ -310,21 +257,13 @@
       :api-params="apiParams"
       @refreshMockInfo="refreshMockInfo"
       :mock-config-id="mockConfigData.id"
-      ref="mockEditDrawer"
-    />
+      ref="mockEditDrawer" />
   </div>
 </template>
 <script>
-import {
-  createDefinitionEnv,
-  getDefinitionById,
-  getDefinitionEnv,
-} from '@/api/definition';
+import { createDefinitionEnv, getDefinitionById, getDefinitionEnv } from '@/api/definition';
 import { getProjectConfig } from '@/api/project';
-import {
-  getApiModuleByProjectIdAndProtocol,
-  trashCount,
-} from '@/api/definition-module';
+import { getApiModuleByProjectIdAndProtocol, trashCount } from '@/api/definition-module';
 import MsApiList from './components/list/ApiList';
 import MsContainer from 'metersphere-frontend/src/components/MsContainer';
 import MsMainContainer from 'metersphere-frontend/src/components/MsMainContainer';
@@ -338,11 +277,7 @@ import MsRunTestHttpPage from './components/runtest/RunTestHTTPPage';
 import MsRunTestTcpPage from './components/runtest/RunTestTCPPage';
 import MsRunTestSqlPage from './components/runtest/RunTestSQLPage';
 import MsRunTestDubboPage from './components/runtest/RunTestDubboPage';
-import {
-  getCurrentProjectID,
-  getCurrentUser,
-  getCurrentUserId,
-} from 'metersphere-frontend/src/utils/token';
+import { getCurrentProjectID, getCurrentUser, getCurrentUserId } from 'metersphere-frontend/src/utils/token';
 import { hasPermission } from 'metersphere-frontend/src/utils/permission';
 import { getUUID } from 'metersphere-frontend/src/utils';
 import MsApiModule from './components/module/ApiModule';
@@ -354,17 +289,10 @@ import MockConfig from '@/business/definition/components/mock/MockConfig';
 import ApiSchedule from '@/business/definition/components/import/ApiSchedule';
 import MsEditCompleteContainer from './components/EditCompleteContainer';
 import MsEnvironmentSelect from './components/case/MsEnvironmentSelect';
-import {
-  PROJECT_ID,
-  WORKSPACE_ID,
-} from 'metersphere-frontend/src/utils/constants';
+import { PROJECT_ID, WORKSPACE_ID } from 'metersphere-frontend/src/utils/constants';
 import { useApiStore } from '@/store';
 import { buildTree } from 'metersphere-frontend/src/model/NodeTree';
-import {
-  createMockConfig,
-  getMockApiParams,
-  mockExpectConfig,
-} from '@/api/api-mock';
+import { createMockConfig, getMockApiParams, mockExpectConfig } from '@/api/api-mock';
 import MockEditDrawer from '@/business/definition/components/mock/MockEditDrawer';
 
 const store = useApiStore();
@@ -429,8 +357,7 @@ export default {
     MsEditCompleteContainer,
     MsEnvironmentSelect,
     MockEditDrawer,
-    MxVersionSelect: () =>
-      import('metersphere-frontend/src/components/version/MxVersionSelect'),
+    MxVersionSelect: () => import('metersphere-frontend/src/components/version/MxVersionSelect'),
   },
   props: {
     visible: {
@@ -552,8 +479,7 @@ export default {
       }
     },
     apiDefaultTab() {
-      this.isAsideHidden =
-        this.apiDefaultTab === 'default' || this.apiDefaultTab === 'trash';
+      this.isAsideHidden = this.apiDefaultTab === 'default' || this.apiDefaultTab === 'trash';
     },
   },
   created() {
@@ -627,10 +553,7 @@ export default {
         });
       }
       if (scheduleTabName === '') {
-        this.handleTabsEdit(
-          this.$t('api_test.api_import.timing_synchronization'),
-          'SCHEDULE'
-        );
+        this.handleTabsEdit(this.$t('api_test.api_import.timing_synchronization'), 'SCHEDULE');
       } else {
         this.apiDefaultTab = scheduleTabName;
       }
@@ -643,9 +566,7 @@ export default {
       }
     },
     addEnv(envId) {
-      createDefinitionEnv({ userId: getCurrentUserId(), envId: envId }).then(
-        (response) => {}
-      );
+      createDefinitionEnv({ userId: getCurrentUserId(), envId: envId }).then((response) => {});
     },
     getTrashApi() {
       trashCount(this.projectId, this.currentProtocol).then((response) => {
@@ -653,18 +574,16 @@ export default {
       });
     },
     getEnv() {
-      getDefinitionEnv(getCurrentUserId(), getCurrentProjectID()).then(
-        (response) => {
-          let env = response.data;
-          if (env) {
-            store.useEnvironment = env.envId;
-            this.useEnvironment = env.envId;
-          } else {
-            store.useEnvironment = '';
-            this.useEnvironment = '';
-          }
+      getDefinitionEnv(getCurrentUserId(), getCurrentProjectID()).then((response) => {
+        let env = response.data;
+        if (env) {
+          store.useEnvironment = env.envId;
+          this.useEnvironment = env.envId;
+        } else {
+          store.useEnvironment = '';
+          this.useEnvironment = '';
         }
-      );
+      });
     },
     hasPermission,
     getPath(id, arr) {
@@ -693,10 +612,7 @@ export default {
           if (projectData && projectData.apiQuickMenu === 'api') {
             this.handleTabAdd('ADD');
           } else {
-            this.handleTabsEdit(
-              this.$t('api_test.definition.request.fast_debug'),
-              'debug'
-            );
+            this.handleTabsEdit(this.$t('api_test.definition.request.fast_debug'), 'debug');
           }
         });
       } else if (tab.name === 'trash') {
@@ -732,10 +648,7 @@ export default {
           this.handleTabClose();
           break;
         default:
-          this.handleTabsEdit(
-            this.$t('api_test.definition.request.fast_debug'),
-            'debug'
-          );
+          this.handleTabsEdit(this.$t('api_test.definition.request.fast_debug'), 'debug');
           break;
       }
     },
@@ -784,10 +697,7 @@ export default {
             store.apiMap.get(t.api.id).get('fromChange') === true)
         ) {
           message += t.api.name + '，';
-        } else if (
-          t.type === 'ADD' &&
-          t.title === this.$t('api_test.definition.request.title')
-        ) {
+        } else if (t.type === 'ADD' && t.title === this.$t('api_test.definition.request.title')) {
           message += this.$t('api_test.definition.request.title') + '，';
         }
         if (t.type === 'ADD' && t.isCopy) {
@@ -839,10 +749,7 @@ export default {
               message += t.api.name;
               id = t.api.id;
             }
-          } else if (
-            t.type === 'ADD' &&
-            t.title === this.$t('api_test.definition.request.title')
-          ) {
+          } else if (t.type === 'ADD' && t.title === this.$t('api_test.definition.request.title')) {
             message += this.$t('api_test.definition.request.title');
             id = t.api.id;
           }
@@ -853,24 +760,16 @@ export default {
         }
       });
       if (message !== '') {
-        this.$alert(
-          this.$t('commons.api') +
-            ' [ ' +
-            message +
-            ' ] ' +
-            this.$t('commons.confirm_info'),
-          '',
-          {
-            confirmButtonText: this.$t('commons.confirm'),
-            cancelButtonText: this.$t('commons.cancel'),
-            callback: (action) => {
-              if (action === 'confirm') {
-                store.apiMap.delete(id);
-                this.handleTabRemove(targetName);
-              }
-            },
-          }
-        );
+        this.$alert(this.$t('commons.api') + ' [ ' + message + ' ] ' + this.$t('commons.confirm_info'), '', {
+          confirmButtonText: this.$t('commons.confirm'),
+          cancelButtonText: this.$t('commons.cancel'),
+          callback: (action) => {
+            if (action === 'confirm') {
+              store.apiMap.delete(id);
+              this.handleTabRemove(targetName);
+            }
+          },
+        });
       } else {
         if (id) {
           store.apiMap.delete(id);
@@ -944,11 +843,7 @@ export default {
       this.apiDefaultTab = newTabName;
     },
     debug(id) {
-      this.handleTabsEdit(
-        this.$t('api_test.definition.request.fast_debug'),
-        'debug',
-        id
-      );
+      this.handleTabsEdit(this.$t('api_test.definition.request.fast_debug'), 'debug', id);
     },
     initForwardData() {
       let dataRange = this.$route.params.dataSelectRange;
@@ -965,21 +860,16 @@ export default {
       }
     },
     editApiModule(row) {
-      getApiModuleByProjectIdAndProtocol(row.projectId, row.protocol).then(
-        (response) => {
-          if (response.data) {
-            response.data.forEach((node) => {
-              node.name =
-                node.name === '未规划接口'
-                  ? this.$t('api_test.definition.unplanned_api')
-                  : node.name;
-              buildTree(node, { path: '' });
-            });
-            this.moduleOptions = response.data;
-          }
-          this.editApi(row);
+      getApiModuleByProjectIdAndProtocol(row.projectId, row.protocol).then((response) => {
+        if (response.data) {
+          response.data.forEach((node) => {
+            node.name = node.name === '未规划接口' ? this.$t('api_test.definition.unplanned_api') : node.name;
+            buildTree(node, { path: '' });
+          });
+          this.moduleOptions = response.data;
         }
-      );
+        this.editApi(row);
+      });
     },
     editApi(row) {
       const index = this.apiTabs.find((p) => p.api && p.api.id === row.id);
@@ -990,19 +880,13 @@ export default {
           row.name = 'copy' + '_' + row.name;
         } else {
           if (row.name) {
-            name =
-              this.$t('api_test.definition.request.edit_api') + '-' + row.name;
+            name = this.$t('api_test.definition.request.edit_api') + '-' + row.name;
           } else {
             name = this.$t('api_test.definition.request.title');
           }
         }
         this.activeTab = 'api';
-        if (
-          row != null &&
-          row.tags != 'null' &&
-          row.tags != '' &&
-          row.tags != undefined
-        ) {
+        if (row != null && row.tags != 'null' && row.tags != '' && row.tags != undefined) {
           if (
             Object.prototype.toString
               .call(row.tags)
@@ -1028,12 +912,7 @@ export default {
         row.name = 'copy' + '_' + row.name;
       }
       this.activeTab = 'api';
-      if (
-        row != null &&
-        row.tags != 'null' &&
-        row.tags != '' &&
-        row.tags != undefined
-      ) {
+      if (row != null && row.tags != 'null' && row.tags != '' && row.tags != undefined) {
         if (
           Object.prototype.toString
             .call(row.tags)
@@ -1094,8 +973,7 @@ export default {
       for (let index in this.apiTabs) {
         let tab = this.apiTabs[index];
         if (tab.name === this.apiDefaultTab) {
-          tab.title =
-            this.$t('api_test.definition.request.edit_api') + '-' + data.name;
+          tab.title = this.$t('api_test.definition.request.edit_api') + '-' + data.name;
           break;
         }
       }
@@ -1113,12 +991,7 @@ export default {
       } else {
         name = this.$t('api_test.definition.request.title');
       }
-      if (
-        row != null &&
-        row.tags != 'null' &&
-        row.tags != '' &&
-        row.tags != undefined
-      ) {
+      if (row != null && row.tags != 'null' && row.tags != '' && row.tags != undefined) {
         if (
           Object.prototype.toString
             .call(row.tags)
diff --git a/api-test/frontend/src/business/definition/api-definition.js b/api-test/frontend/src/business/definition/api-definition.js
index 24e704de49..d1894d040a 100644
--- a/api-test/frontend/src/business/definition/api-definition.js
+++ b/api-test/frontend/src/business/definition/api-definition.js
@@ -186,8 +186,7 @@ export function hisDataProcessing(array, request) {
         if (
           item.document &&
           item.document.data &&
-          (item.document.data.json.length > 0 ||
-            item.document.data.xml.length > 0)
+          (item.document.data.json.length > 0 || item.document.data.xml.length > 0)
         ) {
           assertions.document = item.document;
         }
@@ -195,9 +194,7 @@ export function hisDataProcessing(array, request) {
     }
   }
   assertionsIndex.forEach((item) => {
-    const rmIndex = request.hashTree.findIndex(
-      (d) => d.id === item.id && d.resourceId === item.resourceId
-    );
+    const rmIndex = request.hashTree.findIndex((d) => d.id === item.id && d.resourceId === item.resourceId);
     request.hashTree.splice(rmIndex, 1);
   });
 
@@ -209,29 +206,16 @@ export function stepCompute(array, request) {
   let postSize = 0;
   let ruleSize = 0;
   array.forEach((item) => {
-    if (
-      ['JSR223PreProcessor', 'JDBCPreProcessor', 'ConstantTimer'].indexOf(
-        item.type
-      ) !== -1
-    ) {
+    if (['JSR223PreProcessor', 'JDBCPreProcessor', 'ConstantTimer'].indexOf(item.type) !== -1) {
       preSize++;
-    } else if (
-      ['JSR223PostProcessor', 'JDBCPostProcessor', 'Extract'].indexOf(
-        item.type
-      ) !== -1
-    ) {
+    } else if (['JSR223PostProcessor', 'JDBCPostProcessor', 'Extract'].indexOf(item.type) !== -1) {
       postSize++;
     } else if (item.type === 'Assertions') {
-      ruleSize =
-        item.jsonPath.length +
-        item.jsr223.length +
-        item.regex.length +
-        item.xpath2.length;
+      ruleSize = item.jsonPath.length + item.jsr223.length + item.regex.length + item.xpath2.length;
       if (
         item.document &&
         item.document.data &&
-        (item.document.data.json.length > 0 ||
-          item.document.data.xml.length > 0)
+        (item.document.data.json.length > 0 || item.document.data.xml.length > 0)
       ) {
         ruleSize++;
       }
@@ -270,9 +254,7 @@ export function mergeDocumentData(originalData, childMap, rootName, rootType) {
 
 export function mergeRequestDocumentData(request) {
   if (request && request.hashTree && request.hashTree.length > 0) {
-    let index = request.hashTree.findIndex(
-      (item) => item.type === 'Assertions'
-    );
+    let index = request.hashTree.findIndex((item) => item.type === 'Assertions');
     if (index !== -1) {
       if (
         request.hashTree[index].document &&
@@ -287,11 +269,9 @@ export function mergeRequestDocumentData(request) {
           request.hashTree[index].document.rootType
         );
         if (request.hashTree[index].document.type === 'json') {
-          request.hashTree[index].document.data.json =
-            request.hashTree[index].document.originalData;
+          request.hashTree[index].document.data.json = request.hashTree[index].document.originalData;
         } else {
-          request.hashTree[index].document.data.xml =
-            request.hashTree[index].document.originalData;
+          request.hashTree[index].document.data.xml = request.hashTree[index].document.originalData;
         }
       }
     }
@@ -304,10 +284,7 @@ export function mergeRequestDocumentData(request) {
     request.document.tableData.size &&
     request.document.tableData.size !== 0
   ) {
-    mergeDocumentData(
-      request.document.originalData,
-      request.document.tableData
-    );
+    mergeDocumentData(request.document.originalData, request.document.tableData);
     if (request.document.type === 'json') {
       request.document.data.json = request.document.originalData;
     } else {
@@ -335,12 +312,7 @@ export function getBodyUploadFiles(obj, runData) {
 
 export function _getBodyUploadFiles(request, bodyUploadFiles, obj) {
   let body = null;
-  if (
-    request.hashTree &&
-    request.hashTree.length > 0 &&
-    request.hashTree[0] &&
-    request.hashTree[0].body
-  ) {
+  if (request.hashTree && request.hashTree.length > 0 && request.hashTree[0] && request.hashTree[0].body) {
     obj.requestId = request.hashTree[0].id;
     body = request.hashTree[0].body;
   } else if (request.body) {
diff --git a/api-test/frontend/src/business/definition/components/ApiConfig.vue b/api-test/frontend/src/business/definition/components/ApiConfig.vue
index 74d8912cc1..f3ca8162ed 100644
--- a/api-test/frontend/src/business/definition/components/ApiConfig.vue
+++ b/api-test/frontend/src/business/definition/components/ApiConfig.vue
@@ -15,8 +15,7 @@
       :moduleOptions="moduleOptions"
       :syncTabs="syncTabs"
       v-if="currentProtocol === 'HTTP'"
-      ref="httpApi"
-    />
+      ref="httpApi" />
     <!-- TCP -->
     <ms-edit-complete-tcp-api
       :request="request"
@@ -29,8 +28,7 @@
       :moduleOptions="moduleOptions"
       :syncTabs="syncTabs"
       v-if="currentProtocol === 'TCP'"
-      ref="tcpApi"
-    />
+      ref="tcpApi" />
     <!--DUBBO-->
     <ms-edit-complete-dubbo-api
       :request="request"
@@ -42,8 +40,7 @@
       :moduleOptions="moduleOptions"
       :syncTabs="syncTabs"
       v-if="currentProtocol === 'DUBBO'"
-      ref="dubboApi"
-    />
+      ref="dubboApi" />
     <!--SQL-->
     <ms-edit-complete-sql-api
       :request="request"
@@ -55,8 +52,7 @@
       :moduleOptions="moduleOptions"
       :syncTabs="syncTabs"
       v-if="currentProtocol === 'SQL'"
-      ref="sqlApi"
-    />
+      ref="sqlApi" />
   </div>
 </template>
 
@@ -151,30 +147,18 @@ export default {
       store.apiStatus = new Map();
     }
     // 记录原始数据源ID
-    if (
-      this.currentApi &&
-      this.currentApi.request &&
-      this.currentApi.request.hashTree
-    ) {
+    if (this.currentApi && this.currentApi.request && this.currentApi.request.hashTree) {
       this.setOriginal(this.currentApi.request.hashTree);
     }
   },
   methods: {
     setOriginal(scenarioDefinition) {
       for (let i in scenarioDefinition) {
-        let typeArray = [
-          'JDBCPostProcessor',
-          'JDBCSampler',
-          'JDBCPreProcessor',
-        ];
+        let typeArray = ['JDBCPostProcessor', 'JDBCSampler', 'JDBCPreProcessor'];
         if (typeArray.indexOf(scenarioDefinition[i].type) !== -1) {
-          scenarioDefinition[i].originalDataSourceId =
-            scenarioDefinition[i].dataSourceId;
+          scenarioDefinition[i].originalDataSourceId = scenarioDefinition[i].dataSourceId;
         }
-        if (
-          scenarioDefinition[i].hashTree &&
-          scenarioDefinition[i].hashTree.length > 0
-        ) {
+        if (scenarioDefinition[i].hashTree && scenarioDefinition[i].hashTree.length > 0) {
           this.setOriginal(scenarioDefinition[i].hashTree);
         }
       }
@@ -225,10 +209,7 @@ export default {
       });
     },
     setRequest() {
-      if (
-        this.currentApi.request != undefined &&
-        this.currentApi.request != null
-      ) {
+      if (this.currentApi.request != undefined && this.currentApi.request != null) {
         if (
           Object.prototype.toString
             .call(this.currentApi.request)
@@ -255,8 +236,7 @@ export default {
       if (!this.currentApi.request.variables) {
         this.currentApi.request.variables = [];
       }
-      this.currentApi.request.originalDataSourceId =
-        this.currentApi.request.dataSourceId;
+      this.currentApi.request.originalDataSourceId = this.currentApi.request.dataSourceId;
     },
     initDubbo() {
       if (!this.setRequest()) {
@@ -417,10 +397,7 @@ export default {
       data.protocol = this.currentProtocol;
       data.request = this.request;
       data.request.name = data.name;
-      if (
-        this.currentProtocol === 'DUBBO' ||
-        this.currentProtocol === 'dubbo://'
-      ) {
+      if (this.currentProtocol === 'DUBBO' || this.currentProtocol === 'dubbo://') {
         data.request.protocol = 'dubbo://';
       } else {
         data.request.protocol = this.currentProtocol;
diff --git a/api-test/frontend/src/business/definition/components/ApiKeyValue.vue b/api-test/frontend/src/business/definition/components/ApiKeyValue.vue
index d3fd602cc9..54ad891723 100644
--- a/api-test/frontend/src/business/definition/components/ApiKeyValue.vue
+++ b/api-test/frontend/src/business/definition/components/ApiKeyValue.vue
@@ -4,32 +4,17 @@
       {{ description }}
     </span>
     <el-row>
-      <el-checkbox
-        v-model="isSelectAll"
-        v-if="isShowEnable === true && items.length > 1"
-      />
+      <el-checkbox v-model="isSelectAll" v-if="isShowEnable === true && items.length > 1" />
     </el-row>
     <div class="kv-row item" v-for="(item, index) in items" :key="index">
       <el-row type="flex" :gutter="20" justify="space-between" align="middle">
         <el-col class="kv-checkbox" v-if="isShowEnable">
-          <el-checkbox
-            v-if="!isDisable(index)"
-            v-model="item.enable"
-            :disabled="isReadOnly"
-          />
+          <el-checkbox v-if="!isDisable(index)" v-model="item.enable" :disabled="isReadOnly" />
         </el-col>
         <span style="margin-left: 10px" v-else></span>
 
-        <i
-          class="el-icon-top"
-          style="cursor: pointer"
-          @click="moveTop(index)"
-        />
-        <i
-          class="el-icon-bottom"
-          style="cursor: pointer"
-          @click="moveBottom(index)"
-        />
+        <i class="el-icon-top" style="cursor: pointer" @click="moveTop(index)" />
+        <i class="el-icon-bottom" style="cursor: pointer" @click="moveBottom(index)" />
 
         <el-col class="item" v-if="unShowSelect === false">
           <el-input
@@ -40,8 +25,7 @@
             maxlength="200"
             @change="change"
             :placeholder="keyText"
-            show-word-limit
-          />
+            show-word-limit />
           <el-autocomplete
             :disabled="isReadOnly"
             :maxlength="400"
@@ -51,8 +35,7 @@
             :fetch-suggestions="querySearch"
             @change="change"
             :placeholder="keyText"
-            show-word-limit
-          />
+            show-word-limit />
         </el-col>
 
         <el-col class="item" v-if="unShowSelect === true">
@@ -63,8 +46,7 @@
             size="small"
             maxlength="200"
             :placeholder="keyText"
-            show-word-limit
-          />
+            show-word-limit />
         </el-col>
 
         <el-col class="item">
@@ -75,8 +57,7 @@
             size="small"
             @change="change"
             :placeholder="unShowSelect ? $t('commons.description') : valueText"
-            show-word-limit
-          />
+            show-word-limit />
           <div v-if="needMock">
             <el-autocomplete
               :disabled="isReadOnly"
@@ -88,13 +69,8 @@
               value-key="name"
               :fetch-suggestions="funcSearch"
               highlight-first-item
-              show-word-limit
-            >
-              <i
-                slot="suffix"
-                class="el-input__icon el-icon-edit pointer"
-                @click="advanced(item)"
-              ></i>
+              show-word-limit>
+              <i slot="suffix" class="el-input__icon el-icon-edit pointer" @click="advanced(item)"></i>
             </el-autocomplete>
           </div>
         </el-col>
@@ -105,8 +81,7 @@
             size="small"
             maxlength="200"
             :placeholder="$t('commons.description')"
-            show-word-limit
-          >
+            show-word-limit>
           </el-input>
         </el-col>
 
@@ -116,8 +91,7 @@
             class="el-icon-delete-solid"
             circle
             @click="remove(index)"
-            :disabled="isDisable(index) || isReadOnly"
-          />
+            :disabled="isDisable(index) || isReadOnly" />
         </el-col>
       </el-row>
     </div>
@@ -126,8 +100,7 @@
       :append-to-body="appendToBody"
       :current-item="currentItem"
       :parameters="keyValues"
-      ref="variableAdvance"
-    />
+      ref="variableAdvance" />
   </div>
 </template>
 
@@ -135,10 +108,7 @@
 import { KeyValue } from '../model/ApiTestModel';
 import Vue from 'vue';
 import MsApiVariableAdvance from './ApiVariableAdvance';
-import {
-  JMETER_FUNC,
-  MOCKJS_FUNC,
-} from 'metersphere-frontend/src/utils/constants';
+import { JMETER_FUNC, MOCKJS_FUNC } from 'metersphere-frontend/src/utils/constants';
 
 export default {
   name: 'MsApiKeyValue',
@@ -220,9 +190,7 @@ export default {
     },
     funcSearch(queryString, cb) {
       let funcs = MOCKJS_FUNC.concat(JMETER_FUNC);
-      let results = queryString
-        ? funcs.filter(this.funcFilter(queryString))
-        : funcs;
+      let results = queryString ? funcs.filter(this.funcFilter(queryString)) : funcs;
       // 调用 callback 返回建议列表的数据
       cb(results);
     },
@@ -281,17 +249,12 @@ export default {
     },
     querySearch(queryString, cb) {
       let suggestions = this.suggestions;
-      let results = queryString
-        ? suggestions.filter(this.createFilter(queryString))
-        : suggestions;
+      let results = queryString ? suggestions.filter(this.createFilter(queryString)) : suggestions;
       cb(results);
     },
     createFilter(queryString) {
       return (restaurant) => {
-        return (
-          restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) ===
-          0
-        );
+        return restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0;
       };
     },
     selectAll() {
diff --git a/api-test/frontend/src/business/definition/components/ApiScenarioVariables.vue b/api-test/frontend/src/business/definition/components/ApiScenarioVariables.vue
index 9a03817f29..7b103d321a 100644
--- a/api-test/frontend/src/business/definition/components/ApiScenarioVariables.vue
+++ b/api-test/frontend/src/business/definition/components/ApiScenarioVariables.vue
@@ -12,8 +12,7 @@
             @change="change"
             :value="item.uuid"
             v-model="item.enable"
-            :disabled="isDisable(index) || isReadOnly"
-          />
+            :disabled="isDisable(index) || isReadOnly" />
         </el-col>
 
         <el-col>
@@ -26,8 +25,7 @@
             size="small"
             maxlength="200"
             @change="change"
-            show-word-limit
-          />
+            show-word-limit />
         </el-col>
         <el-col>
           <el-autocomplete
@@ -37,13 +35,8 @@
             :placeholder="$t('api_test.value')"
             value-key="name"
             highlight-first-item
-            style="width: 100%"
-          >
-            <i
-              slot="suffix"
-              class="el-input__icon el-icon-edit pointer"
-              @click="advanced(item)"
-            ></i>
+            style="width: 100%">
+            <i slot="suffix" class="el-input__icon el-icon-edit pointer" @click="advanced(item)"></i>
           </el-autocomplete>
         </el-col>
         <el-col>
@@ -52,8 +45,7 @@
             size="small"
             maxlength="200"
             :placeholder="$t('commons.description')"
-            show-word-limit
-          >
+            show-word-limit>
           </el-input>
         </el-col>
         <el-col class="kv-copy">
@@ -62,8 +54,7 @@
             class="el-icon-document-copy"
             circle
             @click="copy(item, index)"
-            :disabled="isDisable(index) || isReadOnly"
-          />
+            :disabled="isDisable(index) || isReadOnly" />
         </el-col>
         <el-col class="kv-delete">
           <el-button
@@ -71,26 +62,18 @@
             class="el-icon-delete-solid"
             circle
             @click="remove(index)"
-            :disabled="isDisable(index) || isReadOnly"
-          />
+            :disabled="isDisable(index) || isReadOnly" />
         </el-col>
       </el-row>
     </div>
-    <ms-api-variable-advance
-      ref="variableAdvance"
-      :current-item="currentItem"
-      @advancedRefresh="reload"
-    />
+    <ms-api-variable-advance ref="variableAdvance" :current-item="currentItem" @advancedRefresh="reload" />
   </div>
 </template>
 
 <script>
 import { KeyValue } from '../model/ApiTestModel';
 import MsApiVariableInput from './ApiVariableInput';
-import {
-  JMETER_FUNC,
-  MOCKJS_FUNC,
-} from 'metersphere-frontend/src/utils/constants';
+import { JMETER_FUNC, MOCKJS_FUNC } from 'metersphere-frontend/src/utils/constants';
 import MsApiVariableAdvance from 'metersphere-frontend/src/components/environment/commons/ApiVariableAdvance';
 
 export default {
@@ -158,9 +141,7 @@ export default {
     },
     createFilter(queryString) {
       return (variable) => {
-        return (
-          variable.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0
-        );
+        return variable.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0;
       };
     },
     funcFilter(queryString) {
@@ -170,9 +151,7 @@ export default {
     },
     funcSearch(queryString, cb) {
       let funcs = MOCKJS_FUNC.concat(JMETER_FUNC);
-      let results = queryString
-        ? funcs.filter(this.funcFilter(queryString))
-        : funcs;
+      let results = queryString ? funcs.filter(this.funcFilter(queryString)) : funcs;
       // 调用 callback 返回建议列表的数据
       cb(results);
     },
diff --git a/api-test/frontend/src/business/definition/components/ApiVariable.vue b/api-test/frontend/src/business/definition/components/ApiVariable.vue
index ef6d737d38..c775e3685d 100644
--- a/api-test/frontend/src/business/definition/components/ApiVariable.vue
+++ b/api-test/frontend/src/business/definition/components/ApiVariable.vue
@@ -9,23 +9,11 @@
     <div class="item kv-row" v-for="(item, index) in parameters" :key="index">
       <el-row type="flex" :gutter="20" justify="space-between" align="middle">
         <el-col class="kv-checkbox" v-if="isShowEnable">
-          <el-checkbox
-            v-if="!isDisable(index)"
-            v-model="item.enable"
-            :disabled="isReadOnly"
-          />
+          <el-checkbox v-if="!isDisable(index)" v-model="item.enable" :disabled="isReadOnly" />
         </el-col>
         <span style="margin-left: 10px" v-else></span>
-        <i
-          class="el-icon-top"
-          style="cursor: pointer"
-          @click="moveTop(index)"
-        />
-        <i
-          class="el-icon-bottom"
-          style="cursor: pointer"
-          @click="moveBottom(index)"
-        />
+        <i class="el-icon-top" style="cursor: pointer" @click="moveTop(index)" />
+        <i class="el-icon-bottom" style="cursor: pointer" @click="moveBottom(index)" />
 
         <el-col class="item">
           <el-input
@@ -36,16 +24,14 @@
             maxlength="200"
             @change="change"
             :placeholder="keyText"
-            show-word-limit
-          >
+            show-word-limit>
             <template v-slot:prepend>
               <el-select
                 v-if="type === 'body'"
                 :disabled="isReadOnly"
                 class="kv-type"
                 v-model="item.type"
-                @change="typeChange(item)"
-              >
+                @change="typeChange(item)">
                 <el-option value="text" />
                 <el-option value="file" />
                 <el-option value="json" />
@@ -61,18 +47,12 @@
             :fetch-suggestions="querySearch"
             @change="change"
             :placeholder="keyText"
-            show-word-limit
-          />
+            show-word-limit />
         </el-col>
 
         <el-col class="item kv-select">
           <el-select v-model="item.required" size="small">
-            <el-option
-              v-for="req in requireds"
-              :key="req.id"
-              :label="req.name"
-              :value="req.id"
-            />
+            <el-option v-for="req in requireds" :key="req.id" :label="req.name" :value="req.id" />
           </el-select>
         </el-col>
 
@@ -86,22 +66,13 @@
             :placeholder="valueText"
             value-key="name"
             highlight-first-item
-            @select="change"
-          >
-            <i
-              slot="suffix"
-              class="el-input__icon el-icon-edit pointer"
-              @click="advanced(item)"
-            ></i>
+            @select="change">
+            <i slot="suffix" class="el-input__icon el-icon-edit pointer" @click="advanced(item)"></i>
           </el-autocomplete>
         </el-col>
 
         <el-col v-if="isActive && item.type === 'file'" class="item">
-          <ms-api-body-file-upload
-            :parameter="item"
-            :id="id"
-            :is-read-only="isReadOnly"
-          />
+          <ms-api-body-file-upload :parameter="item" :id="id" :is-read-only="isReadOnly" />
         </el-col>
 
         <el-col v-if="type === 'body'" class="item kv-select">
@@ -111,17 +82,12 @@
             size="small"
             @change="change"
             :placeholder="$t('api_test.request.content_type')"
-            show-word-limit
-          >
+            show-word-limit>
           </el-input>
         </el-col>
 
         <el-col v-if="withMoreSetting" class="item kv-setting">
-          <el-tooltip
-            effect="dark"
-            :content="$t('schema.adv_setting')"
-            placement="top"
-          >
+          <el-tooltip effect="dark" :content="$t('schema.adv_setting')" placement="top">
             <i class="el-icon-setting" @click="openApiVariableSetting(item)" />
           </el-tooltip>
         </el-col>
@@ -132,8 +98,7 @@
             class="el-icon-delete-solid"
             circle
             @click="remove(index)"
-            :disabled="isDisable(index) || isReadOnly"
-          />
+            :disabled="isDisable(index) || isReadOnly" />
         </el-col>
       </el-row>
     </div>
@@ -145,29 +110,17 @@
       :parameters="parameters"
       :current-item="currentItem"
       :scenario-definition="scenarioDefinition"
-      @advancedRefresh="reload"
-    />
+      @advancedRefresh="reload" />
 
-    <ms-api-variable-json
-      :append-to-body="appendDialogToBody"
-      ref="variableJson"
-      @callback="callback"
-    />
+    <ms-api-variable-json :append-to-body="appendDialogToBody" ref="variableJson" @callback="callback" />
 
-    <api-variable-setting
-      :append-to-body="appendDialogToBody"
-      :suggestions="suggestions"
-      ref="apiVariableSetting"
-    />
+    <api-variable-setting :append-to-body="appendDialogToBody" :suggestions="suggestions" ref="apiVariableSetting" />
   </div>
 </template>
 
 <script>
 import { KeyValue, Scenario } from '../model/ApiTestModel';
-import {
-  JMETER_FUNC,
-  MOCKJS_FUNC,
-} from 'metersphere-frontend/src/utils/constants';
+import { JMETER_FUNC, MOCKJS_FUNC } from 'metersphere-frontend/src/utils/constants';
 import MsApiVariableAdvance from './ApiVariableAdvance';
 import MsApiVariableJson from './ApiVariableJson';
 import MsApiBodyFileUpload from './body/ApiBodyFileUpload';
@@ -328,24 +281,17 @@ export default {
     },
     querySearch(queryString, cb) {
       let suggestions = this.suggestions;
-      let results = queryString
-        ? suggestions.filter(this.createFilter(queryString))
-        : suggestions;
+      let results = queryString ? suggestions.filter(this.createFilter(queryString)) : suggestions;
       cb(results);
     },
     createFilter(queryString) {
       return (restaurant) => {
-        return (
-          restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) ===
-          0
-        );
+        return restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0;
       };
     },
     funcSearch(queryString, cb) {
       let funcs = MOCKJS_FUNC.concat(JMETER_FUNC);
-      let results = queryString
-        ? funcs.filter(this.funcFilter(queryString))
-        : funcs;
+      let results = queryString ? funcs.filter(this.funcFilter(queryString)) : funcs;
       // 调用 callback 返回建议列表的数据
       cb(results);
     },
@@ -407,10 +353,7 @@ export default {
     },
   },
   created() {
-    if (
-      this.parameters.length === 0 ||
-      this.parameters[this.parameters.length - 1].name
-    ) {
+    if (this.parameters.length === 0 || this.parameters[this.parameters.length - 1].name) {
       this.parameters.push(
         new KeyValue({
           type: 'text',
diff --git a/api-test/frontend/src/business/definition/components/ApiVariableAdvance.vue b/api-test/frontend/src/business/definition/components/ApiVariableAdvance.vue
index 51f32acd3c..67349a1811 100644
--- a/api-test/frontend/src/business/definition/components/ApiVariableAdvance.vue
+++ b/api-test/frontend/src/business/definition/components/ApiVariableAdvance.vue
@@ -6,8 +6,7 @@
     :fullscreen="dialogVisible"
     :modal="false"
     class="advanced-item-value"
-    width="100%"
-  >
+    width="100%">
     <el-tabs tab-position="top" style="height: 50vh" @tab-click="selectTab">
       <el-tab-pane :label="$t('api_test.request.parameters_advance_mock')">
         <el-row type="flex" :gutter="20">
@@ -16,10 +15,7 @@
               <el-input
                 size="small"
                 v-model="filterText"
-                :placeholder="
-                  $t('api_test.request.parameters_mock_filter_tips')
-                "
-              />
+                :placeholder="$t('api_test.request.parameters_mock_filter_tips')" />
               <el-tree
                 class="filter-tree"
                 ref="tree"
@@ -27,19 +23,11 @@
                 :props="treeProps"
                 default-expand-all
                 @node-click="selectVariable"
-                :filter-node-method="filterNode"
-              ></el-tree>
+                :filter-node-method="filterNode"></el-tree>
             </div>
           </el-col>
-          <el-col
-            :span="6"
-            v-for="(itemFunc, itemIndex) in mockVariableFuncs"
-            :key="itemIndex"
-          >
-            <div
-              v-for="(func, funcIndex) in funcs"
-              :key="`${itemIndex}-${funcIndex}`"
-            >
+          <el-col :span="6" v-for="(itemFunc, itemIndex) in mockVariableFuncs" :key="itemIndex">
+            <div v-for="(func, funcIndex) in funcs" :key="`${itemIndex}-${funcIndex}`">
               <el-row>
                 <el-col :span="12">
                   <el-radio
@@ -47,20 +35,11 @@
                     v-model="itemFunc.name"
                     :label="func.name"
                     @change="methodChange(itemFunc, func)"
-                    @click.native.prevent="radioClick(itemFunc, func)"
-                  />
+                    @click.native.prevent="radioClick(itemFunc, func)" />
                 </el-col>
                 <el-col :span="12" v-if="itemFunc.name === func.name">
-                  <div
-                    v-for="(p, pIndex) in itemFunc.params"
-                    :key="`${itemIndex}-${funcIndex}-${pIndex}`"
-                  >
-                    <el-input
-                      :placeholder="p.name"
-                      size="mini"
-                      v-model="p.value"
-                      @change="showPreview"
-                    />
+                  <div v-for="(p, pIndex) in itemFunc.params" :key="`${itemIndex}-${funcIndex}-${pIndex}`">
+                    <el-input :placeholder="p.name" size="mini" v-model="p.value" @change="showPreview" />
                   </div>
                 </el-col>
               </el-row>
@@ -73,8 +52,7 @@
       <el-tab-pane
         :label="$t('api_test.automation.scenario_total')"
         name="variable"
-        v-if="scenarioDefinition != undefined"
-      >
+        v-if="scenarioDefinition != undefined">
         <div>
           <el-row style="margin-bottom: 10px">
             <div style="float: left">
@@ -83,46 +61,25 @@
                 v-model="defineVariable"
                 size="small"
                 @change="filter"
-                @keyup.enter="filter"
-              >
+                @keyup.enter="filter">
                 <el-select
                   v-model="searchType"
                   slot="prepend"
                   :placeholder="$t('test_resource_pool.type')"
                   style="width: 90px"
-                  @change="filter"
-                >
-                  <el-option
-                    value="CONSTANT"
-                    :label="$t('api_test.automation.constant')"
-                  ></el-option>
-                  <el-option
-                    value="LIST"
-                    :label="$t('test_track.case.list')"
-                  ></el-option>
+                  @change="filter">
+                  <el-option value="CONSTANT" :label="$t('api_test.automation.constant')"></el-option>
+                  <el-option value="LIST" :label="$t('test_track.case.list')"></el-option>
                   <el-option value="CSV" label="CSV"></el-option>
-                  <el-option
-                    value="COUNTER"
-                    :label="$t('api_test.automation.counter')"
-                  ></el-option>
-                  <el-option
-                    value="RANDOM"
-                    :label="$t('api_test.automation.random')"
-                  ></el-option>
+                  <el-option value="COUNTER" :label="$t('api_test.automation.counter')"></el-option>
+                  <el-option value="RANDOM" :label="$t('api_test.automation.random')"></el-option>
                 </el-select>
               </el-input>
             </div>
           </el-row>
           <el-row>
             <el-col :span="12">
-              <div
-                style="
-                  border: 1px #dcdfe6 solid;
-                  min-height: 325px;
-                  border-radius: 4px;
-                  width: 100%;
-                "
-              >
+              <div style="border: 1px #dcdfe6 solid; min-height: 325px; border-radius: 4px; width: 100%">
                 <el-table
                   ref="table"
                   border
@@ -133,30 +90,16 @@
                   @select="select"
                   @row-click="edit"
                   v-loading="loading"
-                  height="325px"
-                >
+                  height="325px">
                   <el-table-column type="selection" width="38" />
                   <el-table-column prop="num" label="ID" sortable width="60" />
-                  <el-table-column
-                    prop="name"
-                    :label="$t('api_test.variable_name')"
-                    sortable
-                    show-overflow-tooltip
-                  />
-                  <el-table-column
-                    prop="type"
-                    :label="$t('test_track.case.type')"
-                    width="70"
-                  >
+                  <el-table-column prop="name" :label="$t('api_test.variable_name')" sortable show-overflow-tooltip />
+                  <el-table-column prop="type" :label="$t('test_track.case.type')" width="70">
                     <template v-slot:default="scope">
                       <span>{{ types.get(scope.row.type) }}</span>
                     </template>
                   </el-table-column>
-                  <el-table-column
-                    prop="value"
-                    :label="$t('api_test.value')"
-                    show-overflow-tooltip
-                  />
+                  <el-table-column prop="value" :label="$t('api_test.value')" show-overflow-tooltip />
                 </el-table>
               </div>
             </el-col>
@@ -165,18 +108,9 @@
       </el-tab-pane>
 
       <!--前置返回-->
-      <el-tab-pane
-        :label="$t('api_test.definition.request.pre_return')"
-        v-if="scenarioDefinition != undefined"
-      >
-        <ms-container
-          :class="{ 'maximize-container': !asideHidden }"
-          v-outside-click="outsideClick"
-        >
-          <ms-aside-container
-            @setAsideHidden="setAsideHidden"
-            style="padding-top: 0px"
-          >
+      <el-tab-pane :label="$t('api_test.definition.request.pre_return')" v-if="scenarioDefinition != undefined">
+        <ms-container :class="{ 'maximize-container': !asideHidden }" v-outside-click="outsideClick">
+          <ms-aside-container @setAsideHidden="setAsideHidden" style="padding-top: 0px">
             <div v-loading="loading" v-show="!asideHidden">
               <el-tree
                 node-key="resourceId"
@@ -189,12 +123,8 @@
                 :expand-on-click-node="false"
                 @node-click="nodeClick"
                 @node-expand="nodeExpand"
-                @node-collapse="nodeCollapse"
-              >
-                <span
-                  class="custom-tree-node father"
-                  slot-scope="{ node, data }"
-                >
+                @node-collapse="nodeCollapse">
+                <span class="custom-tree-node father" slot-scope="{ node, data }">
                   <!-- 步骤组件-->
                   <ms-component-config
                     :isMax="true"
@@ -203,8 +133,7 @@
                     :if-from-variable-advance="ifFromVariableAdvance"
                     :type="data.type"
                     :scenario="data"
-                    :env-map="projectEnvMap"
-                  />
+                    :env-map="projectEnvMap" />
                 </span>
               </el-tree>
             </div>
@@ -222,21 +151,10 @@
                 :env-map="projectEnvMap"
                 :draggable="false"
                 @savePreParams="savePreParams"
-                v-if="selectedTreeNode && selectedNode"
-              />
+                v-if="selectedTreeNode && selectedNode" />
               <!-- 请求下还有的子步骤-->
-              <div
-                v-if="
-                  selectedTreeNode &&
-                  selectedTreeNode.hashTree &&
-                  showNode(selectedTreeNode)
-                "
-              >
-                <div
-                  v-for="item in selectedTreeNode.hashTree"
-                  :key="item.id"
-                  class="ms-col-one"
-                >
+              <div v-if="selectedTreeNode && selectedTreeNode.hashTree && showNode(selectedTreeNode)">
+                <div v-for="item in selectedTreeNode.hashTree" :key="item.id" class="ms-col-one">
                   <ms-component-config
                     :if-from-variable-advance="ifFromVariableAdvance"
                     :type="item.type"
@@ -246,44 +164,27 @@
                     :draggable="false"
                     @savePreParams="savePreParams"
                     @suggestClick="suggestClick"
-                    v-if="
-                      selectedTreeNode && selectedNode && filterSonNode(item)
-                    "
-                  />
+                    v-if="selectedTreeNode && selectedNode && filterSonNode(item)" />
                 </div>
               </div>
             </div>
-            <div
-              v-if="scenarioPreRequestParams.length > 0"
-              style="margin-bottom: 10px"
-            >
+            <div v-if="scenarioPreRequestParams.length > 0" style="margin-bottom: 10px">
               <p>{{ $t('api_test.definition.request.extract_params') }}</p>
-              <div
-                v-for="(item, index) in scenarioPreRequestParams"
-                :key="index"
-                class="kv-row item"
-              >
-                <el-row
-                  type="flex"
-                  :gutter="20"
-                  justify="space-between"
-                  align="middle"
-                >
+              <div v-for="(item, index) in scenarioPreRequestParams" :key="index" class="kv-row item">
+                <el-row type="flex" :gutter="20" justify="space-between" align="middle">
                   <el-col class="item">
                     <el-input
                       v-model="item.name"
                       size="small"
                       :readonly="true"
-                      @click.native="savePreParams(item.name)"
-                    />
+                      @click.native="savePreParams(item.name)" />
                   </el-col>
                   <el-col class="item">
                     <el-input
                       v-model="item.exp"
                       size="small"
                       :readonly="true"
-                      @click.native="savePreParams(item.name)"
-                    />
+                      @click.native="savePreParams(item.name)" />
                   </el-col>
                 </el-row>
               </div>
@@ -302,8 +203,7 @@
                 :data="jmeterFuncs"
                 class="adjust-table table-content"
                 height="400"
-                @row-click="handleRowClick"
-              >
+                @row-click="handleRowClick">
                 <el-table-column prop="type" label="Type" width="150" />
                 <el-table-column prop="name" label="Functions" width="250" />
                 <el-table-column prop="description" label="Description" />
@@ -313,30 +213,14 @@
         </el-row>
       </el-tab-pane>
 
-      <el-tab-pane
-        :label="$t('api_test.definition.document.request_info')"
-        v-if="showMockVars"
-      >
+      <el-tab-pane :label="$t('api_test.definition.document.request_info')" v-if="showMockVars">
         <el-row>
           <el-col :span="18" class="col-height">
             <div>
               <h1>{{ $t('api_test.definition.document.request_info') }}</h1>
-              <el-table
-                border
-                :data="requestValues"
-                class="adjust-table table-content"
-                @row-click="handleRowClick"
-              >
-                <el-table-column
-                  prop="type"
-                  :label="$t('commons.name')"
-                  width="150"
-                />
-                <el-table-column
-                  prop="name"
-                  :label="$t('api_test.value')"
-                  width="250"
-                />
+              <el-table border :data="requestValues" class="adjust-table table-content" @row-click="handleRowClick">
+                <el-table-column prop="type" :label="$t('commons.name')" width="150" />
+                <el-table-column prop="name" :label="$t('api_test.value')" width="250" />
               </el-table>
             </div>
           </el-col>
@@ -349,37 +233,16 @@
           <div style="position: fixed; bottom: 0px; z-index: 5">
             <el-form :inline="true" class="demo-form-inline">
               <el-form-item>
-                <el-input
-                  :placeholder="valueText"
-                  size="small"
-                  v-model="itemValue"
-                />
+                <el-input :placeholder="valueText" size="small" v-model="itemValue" />
               </el-form-item>
               <el-form-item>
-                <el-button
-                  size="small"
-                  type="primary"
-                  plain
-                  @click="saveAdvanced()"
-                >
+                <el-button size="small" type="primary" plain @click="saveAdvanced()">
                   {{ $t('commons.save') }}
                 </el-button>
-                <el-button
-                  size="small"
-                  type="info"
-                  plain
-                  @click="addFunc()"
-                  v-if="currentTab === 0"
-                >
+                <el-button size="small" type="info" plain @click="addFunc()" v-if="currentTab === 0">
                   {{ $t('api_test.request.parameters_advance_add_func') }}
                 </el-button>
-                <el-button
-                  size="small"
-                  type="success"
-                  plain
-                  @click="showPreview()"
-                  v-if="currentTab === 0"
-                >
+                <el-button size="small" type="success" plain @click="showPreview()" v-if="currentTab === 0">
                   {{ $t('api_test.request.parameters_preview') }}
                 </el-button>
               </el-form-item>
@@ -394,10 +257,7 @@
 
 <script>
 import { calculate, Scenario } from '../model/ApiTestModel';
-import {
-  JMETER_FUNC,
-  MOCKJS_FUNC,
-} from 'metersphere-frontend/src/utils/constants';
+import { JMETER_FUNC, MOCKJS_FUNC } from 'metersphere-frontend/src/utils/constants';
 import { STEP } from '../../automation/scenario/Setting';
 import MsMainContainer from 'metersphere-frontend/src/components/MsMainContainer';
 import MsAsideContainer from 'metersphere-frontend/src/components/MsAsideContainer';
@@ -430,8 +290,7 @@ export default {
     MsMainContainer,
     MsAsideContainer,
     MsContainer,
-    MsComponentConfig: () =>
-      import('../../automation/scenario/component/ComponentConfig'),
+    MsComponentConfig: () => import('../../automation/scenario/component/ComponentConfig'),
   },
   data() {
     return {
@@ -471,14 +330,7 @@ export default {
       ],
       mockFuncs: MOCKJS_FUNC.map((f) => {
         return {
-          name:
-            f.name +
-            ' ' +
-            f.des +
-            ' ' +
-            this.$t('api_test.request.parameters_filter_example') +
-            '：' +
-            f.ex,
+          name: f.name + ' ' + f.des + ' ' + this.$t('api_test.request.parameters_filter_example') + '：' + f.ex,
           value: f.name,
         };
       }),
@@ -492,8 +344,7 @@ export default {
           name: '${address}',
         },
         {
-          type:
-            'Header ' + this.$t('api_test.definition.document.request_param'),
+          type: 'Header ' + this.$t('api_test.definition.document.request_param'),
           name: '${header.param}',
         },
         {
@@ -501,15 +352,11 @@ export default {
           name: '${body.param}',
         },
         {
-          type:
-            this.$t('api_test.request.body') +
-            this.$t('api_test.variable') +
-            ' (Raw)',
+          type: this.$t('api_test.request.body') + this.$t('api_test.variable') + ' (Raw)',
           name: '${bodyRaw}',
         },
         {
-          type:
-            'Query ' + this.$t('api_test.definition.document.request_param'),
+          type: 'Query ' + this.$t('api_test.definition.document.request_param'),
           name: '${query.param}',
         },
         {
@@ -575,11 +422,7 @@ export default {
       }
       this.itemValueVisible = true;
       // 关闭页面重新进入需要再做过滤
-      if (
-        this.ifFromVariableAdvance &&
-        this.$refs.preTree != undefined &&
-        this.currentTab == 3
-      ) {
+      if (this.ifFromVariableAdvance && this.$refs.preTree != undefined && this.currentTab == 3) {
         this.componentActive(this.$refs.preTree.root);
       }
     },
@@ -641,54 +484,40 @@ export default {
               //是叶子节点
               if (node.childNodes[i].data.type === 'Extract') {
                 //叶子节点的数据的类型是 提取
-                let extractJsonParams = node.childNodes[i].data.json.map(
-                  (v) => {
-                    return {
-                      name: v.variable,
-                      value: v.value,
-                      exp: v.expression,
-                    };
-                  }
-                );
-                let extractRegexParams = node.childNodes[i].data.regex.map(
-                  (v) => {
-                    return {
-                      name: v.variable,
-                      value: v.value,
-                      exp: v.expression,
-                    };
-                  }
-                );
-                let extractXpathParams = node.childNodes[i].data.xpath.map(
-                  (v) => {
-                    return {
-                      name: v.variable,
-                      value: v.value,
-                      exp: v.expression,
-                    };
-                  }
-                );
-                let vs = [
-                  ...extractJsonParams,
-                  ...extractRegexParams,
-                  ...extractXpathParams,
-                ];
+                let extractJsonParams = node.childNodes[i].data.json.map((v) => {
+                  return {
+                    name: v.variable,
+                    value: v.value,
+                    exp: v.expression,
+                  };
+                });
+                let extractRegexParams = node.childNodes[i].data.regex.map((v) => {
+                  return {
+                    name: v.variable,
+                    value: v.value,
+                    exp: v.expression,
+                  };
+                });
+                let extractXpathParams = node.childNodes[i].data.xpath.map((v) => {
+                  return {
+                    name: v.variable,
+                    value: v.value,
+                    exp: v.expression,
+                  };
+                });
+                let vs = [...extractJsonParams, ...extractRegexParams, ...extractXpathParams];
                 if (vs.length > 0) {
                   //数组合并
-                  this.scenarioPreRequestParams =
-                    this.scenarioPreRequestParams.concat(
-                      extractJsonParams,
-                      extractRegexParams,
-                      extractXpathParams
-                    );
+                  this.scenarioPreRequestParams = this.scenarioPreRequestParams.concat(
+                    extractJsonParams,
+                    extractRegexParams,
+                    extractXpathParams
+                  );
                 }
               }
               continue;
             } else {
-              this.getExtractDataByNode(
-                node.childNodes[i].data,
-                node.childNodes[i]
-              );
+              this.getExtractDataByNode(node.childNodes[i].data, node.childNodes[i]);
             }
           }
         }
@@ -707,18 +536,12 @@ export default {
             // 提取参数不需要隐藏
             if (node.childNodes[i].isLeaf && node.childNodes[i].level > 1) {
               node.childNodes[i].visible = false;
-              if (
-                node.childNodes[i].data.type === 'Extract' &&
-                node.data.type !== 'HTTPSamplerProxy'
-              ) {
+              if (node.childNodes[i].data.type === 'Extract' && node.data.type !== 'HTTPSamplerProxy') {
                 node.childNodes[i].visible = true;
               }
             } else {
               // 等待控制器不显示
-              if (
-                node.childNodes[i].level == 1 &&
-                node.childNodes[i].data.type === 'ConstantTimer'
-              ) {
+              if (node.childNodes[i].level == 1 && node.childNodes[i].data.type === 'ConstantTimer') {
                 node.childNodes[i].visible = false;
               }
               this.setLeafNodeUnVisible(node.childNodes[i]);
@@ -795,34 +618,26 @@ export default {
     },
     addFunc() {
       if (!this.itemValue) {
-        this.$warning(
-          this.$t('api_test.request.parameters_advance_add_mock_error')
-        );
+        this.$warning(this.$t('api_test.request.parameters_advance_add_mock_error'));
         return;
       }
       if (this.currentTab === 0 && this.itemValue.indexOf('@') == -1) {
         this.itemValue = '@' + this.itemValue;
       }
       if (this.mockVariableFuncs.length > 4) {
-        this.$info(
-          this.$t('api_test.request.parameters_advance_add_func_limit')
-        );
+        this.$info(this.$t('api_test.request.parameters_advance_add_func_limit'));
         return;
       }
       if (this.mockVariableFuncs.length > 0) {
         let func = this.mockVariableFuncs[this.mockVariableFuncs.length - 1];
         if (!func.name) {
-          this.$warning(
-            this.$t('api_test.request.parameters_advance_add_func_error')
-          );
+          this.$warning(this.$t('api_test.request.parameters_advance_add_func_error'));
           return;
         }
         if (func.params) {
           for (let j = 0; j < func.params.length; j++) {
             if (!func.params[j].value) {
-              this.$warning(
-                this.$t('api_test.request.parameters_advance_add_param_error')
-              );
+              this.$warning(this.$t('api_test.request.parameters_advance_add_param_error'));
               return;
             }
           }
@@ -853,41 +668,23 @@ export default {
     filter() {
       let data = [];
       this.variables.forEach((item) => {
-        if (
-          this.searchType &&
-          this.searchType != '' &&
-          this.defineVariable &&
-          this.defineVariable != ''
-        ) {
+        if (this.searchType && this.searchType != '' && this.defineVariable && this.defineVariable != '') {
           if (
-            (item.type &&
-              item.type.toLowerCase().indexOf(this.searchType.toLowerCase()) ==
-                -1) ||
-            (item.name &&
-              item.name
-                .toLowerCase()
-                .indexOf(this.defineVariable.toLowerCase()) == -1)
+            (item.type && item.type.toLowerCase().indexOf(this.searchType.toLowerCase()) == -1) ||
+            (item.name && item.name.toLowerCase().indexOf(this.defineVariable.toLowerCase()) == -1)
           ) {
             item.hidden = true;
           } else {
             item.hidden = undefined;
           }
         } else if (this.defineVariable && this.defineVariable != '') {
-          if (
-            item.name &&
-            item.name
-              .toLowerCase()
-              .indexOf(this.defineVariable.toLowerCase()) == -1
-          ) {
+          if (item.name && item.name.toLowerCase().indexOf(this.defineVariable.toLowerCase()) == -1) {
             item.hidden = true;
           } else {
             item.hidden = undefined;
           }
         } else if (this.searchType && this.searchType != '') {
-          if (
-            item.type &&
-            item.type.toLowerCase().indexOf(this.searchType.toLowerCase()) == -1
-          ) {
+          if (item.type && item.type.toLowerCase().indexOf(this.searchType.toLowerCase()) == -1) {
             item.hidden = true;
           } else {
             item.hidden = undefined;
@@ -933,11 +730,7 @@ export default {
       }
     },
     nodeClick(data, node) {
-      if (
-        data.referenced != 'REF' &&
-        data.referenced != 'Deleted' &&
-        !data.disabled
-      ) {
+      if (data.referenced != 'REF' && data.referenced != 'Deleted' && !data.disabled) {
         this.operatingElements = this.stepFilter.get(data.type);
       } else {
         this.operatingElements = [];
@@ -977,10 +770,7 @@ export default {
         }
       }
       node.active = true;
-      if (
-        node &&
-        this.stepFilter.get('AllSamplerProxy').indexOf(node.type) != -1
-      ) {
+      if (node && this.stepFilter.get('AllSamplerProxy').indexOf(node.type) != -1) {
         return true;
       }
       return false;
diff --git a/api-test/frontend/src/business/definition/components/ApiVariableInput.vue b/api-test/frontend/src/business/definition/components/ApiVariableInput.vue
index 4a5964e4bd..11002f8356 100644
--- a/api-test/frontend/src/business/definition/components/ApiVariableInput.vue
+++ b/api-test/frontend/src/business/definition/components/ApiVariableInput.vue
@@ -7,26 +7,16 @@
       :size="size"
       @change="change"
       @input="input"
-      @click.native="savePreParams(value)"
-    />
-    <div
-      :class="{ hidden: !showVariable }"
-      class="variable-combine"
-      v-if="value"
-    >
+      @click.native="savePreParams(value)" />
+    <div :class="{ hidden: !showVariable }" class="variable-combine" v-if="value">
       <el-tooltip
         v-if="showCopy"
         :content="$t('api_test.copied')"
         manual
         v-model="visible"
         placement="top"
-        :visible-arrow="false"
-      >
-        <i
-          class="el-icon-copy-document copy"
-          @click="copy"
-          style="margin-top: 10px"
-        />
+        :visible-arrow="false">
+        <i class="el-icon-copy-document copy" @click="copy" style="margin-top: 10px" />
       </el-tooltip>
     </div>
   </div>
@@ -94,11 +84,7 @@ export default {
   },
   computed: {
     variable() {
-      return (
-        '${' +
-        (this.showCopyTipWithMultiple ? this.value + '_n' : this.value) +
-        '}'
-      );
+      return '${' + (this.showCopyTipWithMultiple ? this.value + '_n' : this.value) + '}';
     },
   },
 };
diff --git a/api-test/frontend/src/business/definition/components/ApiVariableJson.vue b/api-test/frontend/src/business/definition/components/ApiVariableJson.vue
index 6d6b788978..e39f7b564a 100644
--- a/api-test/frontend/src/business/definition/components/ApiVariableJson.vue
+++ b/api-test/frontend/src/business/definition/components/ApiVariableJson.vue
@@ -1,32 +1,17 @@
 <template>
-  <el-dialog
-    :append-to-body="appendToBody"
-    :visible.sync="dialogVisible"
-    destroy-on-close
-    @close="close"
-  >
+  <el-dialog :append-to-body="appendToBody" :visible.sync="dialogVisible" destroy-on-close @close="close">
     <div style="padding: 10px">
-      <el-switch
-        active-text="JSON-SCHEMA"
-        v-model="item.jsonType"
-        @change="formatChange"
-        active-value="JSON-SCHEMA"
-      />
+      <el-switch active-text="JSON-SCHEMA" v-model="item.jsonType" @change="formatChange" active-value="JSON-SCHEMA" />
     </div>
     <div v-if="codeEditActive">
-      <ms-json-code-edit
-        v-if="item.jsonType === 'JSON-SCHEMA'"
-        :body="item"
-        ref="jsonCodeEdit"
-      />
+      <ms-json-code-edit v-if="item.jsonType === 'JSON-SCHEMA'" :body="item" ref="jsonCodeEdit" />
       <ms-code-edit
         v-else
         :read-only="isReadOnly"
         :data.sync="item.value"
         :mode="'json'"
         height="400px"
-        ref="codeEdit"
-      />
+        ref="codeEdit" />
     </div>
   </el-dialog>
 </template>
diff --git a/api-test/frontend/src/business/definition/components/ApiVariableSetting.vue b/api-test/frontend/src/business/definition/components/ApiVariableSetting.vue
index a2fffca776..a3a8714448 100644
--- a/api-test/frontend/src/business/definition/components/ApiVariableSetting.vue
+++ b/api-test/frontend/src/business/definition/components/ApiVariableSetting.vue
@@ -5,45 +5,23 @@
     :title="$t('run_mode.other_config')"
     :with-footer="false"
     :append-to-body="appendToBody"
-    :close-on-click-modal="true"
-  >
+    :close-on-click-modal="true">
     <el-form>
       <el-row>
         <el-col :span="8">
           <el-form-item :label="$t('schema.minLength')">
-            <el-input-number
-              :min="0"
-              v-model="data.min"
-              :placeholder="$t('schema.minLength')"
-              size="small"
-            />
+            <el-input-number :min="0" v-model="data.min" :placeholder="$t('schema.minLength')" size="small" />
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item :label="$t('schema.maxLength')">
-            <el-input-number
-              :min="0"
-              v-model="data.max"
-              :placeholder="$t('schema.maxLength')"
-              size="small"
-            />
+            <el-input-number :min="0" v-model="data.max" :placeholder="$t('schema.maxLength')" size="small" />
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item :label="$t('commons.encode')">
-            <el-select
-              v-model="data.urlEncode"
-              size="small"
-              clearable
-              style="width: 50%"
-            >
-              <el-option
-                v-for="item in options"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              >
-              </el-option>
+            <el-select v-model="data.urlEncode" size="small" clearable style="width: 50%">
+              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
             </el-select>
           </el-form-item>
         </el-col>
@@ -57,8 +35,7 @@
               maxlength="200"
               :placeholder="$t('commons.description')"
               show-word-limit
-              style="width: 80%; margin-left: 25px"
-            >
+              style="width: 80%; margin-left: 25px">
             </el-input>
           </el-form-item>
         </el-col>
diff --git a/api-test/frontend/src/business/definition/components/BottomContainer.vue b/api-test/frontend/src/business/definition/components/BottomContainer.vue
index 6e838f9a07..f905ace938 100644
--- a/api-test/frontend/src/business/definition/components/BottomContainer.vue
+++ b/api-test/frontend/src/business/definition/components/BottomContainer.vue
@@ -1,9 +1,5 @@
 <template>
-  <el-aside
-    :width="width"
-    class="ms-aside-container"
-    :style="{ 'margin-left': !enableAsideHidden ? 0 : '-' + width }"
-  >
+  <el-aside :width="width" class="ms-aside-container" :style="{ 'margin-left': !enableAsideHidden ? 0 : '-' + width }">
     <slot></slot>
   </el-aside>
 </template>
diff --git a/api-test/frontend/src/business/definition/components/EditCompleteContainer.vue b/api-test/frontend/src/business/definition/components/EditCompleteContainer.vue
index 335f62d09f..3ab30fa8d3 100644
--- a/api-test/frontend/src/business/definition/components/EditCompleteContainer.vue
+++ b/api-test/frontend/src/business/definition/components/EditCompleteContainer.vue
@@ -11,39 +11,17 @@
         :is-form-alive="isFormAlive"
         :maintainer-options="maintainerOptions"
         :module-options="moduleOptions"
-        style="overflow: auto"
-      />
+        style="overflow: auto" />
     </ms-aside-container>
     <ms-main-container class="ms-api-main-container">
-      <el-button-group
-        v-if="currentApi.id"
-        style="z-index: 10; position: fixed"
-      >
-        <el-button
-          class="item"
-          plain
-          :class="{ active: showApiList }"
-          @click="changeTab('api')"
-          size="small"
-        >
+      <el-button-group v-if="currentApi.id" style="z-index: 10; position: fixed">
+        <el-button class="item" plain :class="{ active: showApiList }" @click="changeTab('api')" size="small">
           API
         </el-button>
-        <el-button
-          class="item"
-          plain
-          :class="{ active: showTest }"
-          @click="changeTab('test')"
-          size="small"
-        >
+        <el-button class="item" plain :class="{ active: showTest }" @click="changeTab('test')" size="small">
           TEST
         </el-button>
-        <el-button
-          class="item"
-          plain
-          :class="{ active: showTestCaseList }"
-          @click="changeTab('testCase')"
-          size="small"
-        >
+        <el-button class="item" plain :class="{ active: showTestCaseList }" @click="changeTab('testCase')" size="small">
           CASE
         </el-button>
         <el-button
@@ -52,8 +30,7 @@
           :class="{ active: showMock }"
           @click="changeTab('mock')"
           size="small"
-          v-if="currentProtocol === 'HTTP' || currentProtocol === 'TCP'"
-        >
+          v-if="currentProtocol === 'HTTP' || currentProtocol === 'TCP'">
           MOCK
         </el-button>
       </el-button-group>
@@ -76,8 +53,7 @@
           @changeTab="changeTab"
           @createRootModel="createRootModel"
           :api-template="apiTemplate"
-          @validateBasic="validateBasic"
-        />
+          @validateBasic="validateBasic" />
       </div>
       <div v-else-if="showTest">
         <ms-run-test-http-page
@@ -89,8 +65,7 @@
           @saveAsCase="saveAsCase"
           @refresh="refresh"
           ref="httpTestPage"
-          v-if="currentProtocol === 'HTTP'"
-        />
+          v-if="currentProtocol === 'HTTP'" />
         <ms-run-test-tcp-page
           :syncTabs="syncTabs"
           :currentProtocol="currentProtocol"
@@ -100,8 +75,7 @@
           @saveAsCase="saveAsCase"
           @refresh="refresh"
           ref="tcpTestPage"
-          v-if="currentProtocol === 'TCP'"
-        />
+          v-if="currentProtocol === 'TCP'" />
         <ms-run-test-sql-page
           :syncTabs="syncTabs"
           :currentProtocol="currentProtocol"
@@ -110,8 +84,7 @@
           @saveAsApi="editApi"
           @saveAsCase="saveAsCase"
           @refresh="refresh"
-          v-if="currentProtocol === 'SQL'"
-        />
+          v-if="currentProtocol === 'SQL'" />
         <ms-run-test-dubbo-page
           :syncTabs="syncTabs"
           :currentProtocol="currentProtocol"
@@ -120,22 +93,16 @@
           @saveAsApi="editApi"
           @saveAsCase="saveAsCase"
           @refresh="refresh"
-          v-if="currentProtocol === 'DUBBO'"
-        />
+          v-if="currentProtocol === 'DUBBO'" />
       </div>
 
-      <div
-        v-if="
-          showMock && (currentProtocol === 'HTTP' || currentProtocol === 'TCP')
-        "
-      >
+      <div v-if="showMock && (currentProtocol === 'HTTP' || currentProtocol === 'TCP')">
         <mock-tab
           :base-mock-config-data="baseMockConfigData"
           @redirectToTest="redirectToTest"
           :version-name="currentApi.versionName"
           :form="currentApi"
-          :is-tcp="currentProtocol === 'TCP'"
-        />
+          :is-tcp="currentProtocol === 'TCP'" />
       </div>
       <div v-if="showTestCaseList">
         <!--测试用例列表-->
@@ -148,16 +115,10 @@
           @handleCase="handleCase"
           @refreshTable="refresh"
           @showExecResult="showExecResult"
-          ref="trashCaseList"
-        />
+          ref="trashCaseList" />
       </div>
       <!-- 加载用例 -->
-      <ms-api-case-list
-        :createCase="createCase"
-        :currentApi="api"
-        @reLoadCase="reLoadCase"
-        ref="caseList"
-      />
+      <ms-api-case-list :createCase="createCase" :currentApi="api" @reLoadCase="reLoadCase" ref="caseList" />
     </ms-main-container>
   </ms-container>
 </template>
@@ -179,10 +140,7 @@ import { TYPE_TO_C } from '@/business/automation/scenario/Setting';
 import { useApiStore } from '@/store';
 import ApiBaseInfo from '@/business/definition/components/complete/ApiBaseInfo';
 import { getProjectMemberOption } from '@/api/project';
-import {
-  buildCustomFields,
-  parseCustomField,
-} from 'metersphere-frontend/src/utils/custom_field';
+import { buildCustomFields, parseCustomField } from 'metersphere-frontend/src/utils/custom_field';
 import { getApiTemplate } from '@/api/api-template';
 
 const store = useApiStore();
@@ -199,12 +157,9 @@ export default {
     ApiCaseSimpleList,
     MsApiCaseList,
     ApiBaseInfo,
-    MsMainContainer: () =>
-      import('metersphere-frontend/src/components/MsMainContainer'),
-    MsAsideContainer: () =>
-      import('metersphere-frontend/src/components/MsAsideContainer'),
-    MsContainer: () =>
-      import('metersphere-frontend/src/components/MsContainer'),
+    MsMainContainer: () => import('metersphere-frontend/src/components/MsMainContainer'),
+    MsAsideContainer: () => import('metersphere-frontend/src/components/MsAsideContainer'),
+    MsContainer: () => import('metersphere-frontend/src/components/MsContainer'),
   },
   data() {
     return {
@@ -248,16 +203,9 @@ export default {
     getApiTemplate(this.projectId).then((template) => {
       this.apiTemplate = template;
       store.apiTemplate = this.apiTemplate;
-      this.customFieldForm = parseCustomField(
-        this.currentApi,
-        this.apiTemplate,
-        this.customFieldRules
-      );
+      this.customFieldForm = parseCustomField(this.currentApi, this.apiTemplate, this.customFieldRules);
     });
-    if (
-      this.currentApi.id &&
-      (this.currentProtocol === 'HTTP' || this.currentProtocol === 'TCP')
-    ) {
+    if (this.currentApi.id && (this.currentProtocol === 'HTTP' || this.currentProtocol === 'TCP')) {
       this.mockSetting();
     }
     this.formatApi();
@@ -304,14 +252,8 @@ export default {
           if (!stepArray[i].clazzName) {
             stepArray[i].clazzName = TYPE_TO_C.get(stepArray[i].type);
           }
-          if (
-            stepArray[i] &&
-            stepArray[i].authManager &&
-            !stepArray[i].authManager.clazzName
-          ) {
-            stepArray[i].authManager.clazzName = TYPE_TO_C.get(
-              stepArray[i].authManager.type
-            );
+          if (stepArray[i] && stepArray[i].authManager && !stepArray[i].authManager.clazzName) {
+            stepArray[i].authManager.clazzName = TYPE_TO_C.get(stepArray[i].authManager.type);
           }
           if (stepArray[i].type === 'Assertions' && !stepArray[i].document) {
             stepArray[i].document = {
@@ -363,11 +305,7 @@ export default {
           this.currentApi.request = JSON.parse(this.currentApi.request);
         }
       }
-      if (
-        this.currentApi &&
-        this.currentApi.request &&
-        !this.currentApi.request.hashTree
-      ) {
+      if (this.currentApi && this.currentApi.request && !this.currentApi.request.hashTree) {
         this.currentApi.request.hashTree = [];
       }
       if (
@@ -379,9 +317,7 @@ export default {
         this.currentApi.request.body.binary = [];
       }
       if (this.currentApi.request) {
-        this.currentApi.request.clazzName = TYPE_TO_C.get(
-          this.currentApi.request.type
-        );
+        this.currentApi.request.clazzName = TYPE_TO_C.get(this.currentApi.request.type);
         this.sort(this.currentApi.request.hashTree);
       }
     },
@@ -425,16 +361,13 @@ export default {
           let customField = customFieldFormFields[i];
           if (customField.validateState === 'ERROR') {
             if (this.currentValidateName) {
-              this.currentValidateName =
-                this.currentValidateName + ',' + customField.label;
+              this.currentValidateName = this.currentValidateName + ',' + customField.label;
             } else {
               this.currentValidateName = customField.label;
             }
           }
         }
-        this.$warning(
-          this.currentValidateName + this.$t('commons.cannot_be_null')
-        );
+        this.$warning(this.currentValidateName + this.$t('commons.cannot_be_null'));
         this.currentValidateName = '';
         return false;
       }
@@ -541,11 +474,7 @@ export default {
       store.currentApiCase = undefined;
     },
     syncApi() {
-      if (
-        this.syncTabs &&
-        this.syncTabs.length > 0 &&
-        this.syncTabs.includes(this.currentApi.id)
-      ) {
+      if (this.syncTabs && this.syncTabs.length > 0 && this.syncTabs.includes(this.currentApi.id)) {
         // 标示接口在其他地方更新过，当前页面需要同步
         getDefinitionById(this.currentApi.id).then((response) => {
           if (response.data) {
diff --git a/api-test/frontend/src/business/definition/components/MsCodeEdit.vue b/api-test/frontend/src/business/definition/components/MsCodeEdit.vue
index dac7c057e8..3cb9710ea3 100644
--- a/api-test/frontend/src/business/definition/components/MsCodeEdit.vue
+++ b/api-test/frontend/src/business/definition/components/MsCodeEdit.vue
@@ -6,15 +6,11 @@
     :theme="theme"
     :height="height"
     :key="readOnly"
-    ref="msEditor"
-  />
+    ref="msEditor" />
 </template>
 
 <script>
-import {
-  formatJson,
-  formatXml,
-} from 'metersphere-frontend/src/utils/format-utils';
+import { formatJson, formatXml } from 'metersphere-frontend/src/utils/format-utils';
 import toDiffableHtml from 'diffable-html';
 
 export default {
diff --git a/api-test/frontend/src/business/definition/components/Run.vue b/api-test/frontend/src/business/definition/components/Run.vue
index f2ec04c73e..7656c91976 100644
--- a/api-test/frontend/src/business/definition/components/Run.vue
+++ b/api-test/frontend/src/business/definition/components/Run.vue
@@ -42,11 +42,7 @@ export default {
       this.socketSync();
     },
     isStop() {
-      if (
-        !this.isStop &&
-        this.websocket &&
-        this.websocket.close instanceof Function
-      ) {
+      if (!this.isStop && this.websocket && this.websocket.close instanceof Function) {
         this.websocket.close();
       }
     },
@@ -97,14 +93,8 @@ export default {
               },
             };
           }
-          if (
-            stepArray[i] &&
-            stepArray[i].authManager &&
-            !stepArray[i].authManager.clazzName
-          ) {
-            stepArray[i].authManager.clazzName = TYPE_TO_C.get(
-              stepArray[i].authManager.type
-            );
+          if (stepArray[i] && stepArray[i].authManager && !stepArray[i].authManager.clazzName) {
+            stepArray[i].authManager.clazzName = TYPE_TO_C.get(stepArray[i].authManager.type);
           }
           if (stepArray[i].hashTree && stepArray[i].hashTree.length > 0) {
             this.sort(stepArray[i].hashTree);
diff --git a/api-test/frontend/src/business/definition/components/assertion/ApiAssertionDuration.vue b/api-test/frontend/src/business/definition/components/assertion/ApiAssertionDuration.vue
index 8288db3cf1..7af0d72913 100644
--- a/api-test/frontend/src/business/definition/components/assertion/ApiAssertionDuration.vue
+++ b/api-test/frontend/src/business/definition/components/assertion/ApiAssertionDuration.vue
@@ -13,22 +13,16 @@
           @input="input"
           :min="1"
           :placeholder="$t('api_test.request.assertions.response_in_time')"
-          onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
-        />
+          onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))" />
       </el-col>
       <el-col class="assertion-btn">
-        <el-tooltip
-          :content="$t('test_resource_pool.enable_disable')"
-          placement="top"
-          v-if="edit"
-        >
+        <el-tooltip :content="$t('test_resource_pool.enable_disable')" placement="top" v-if="edit">
           <el-switch
             v-model="duration.enable"
             class="enable-switch"
             size="mini"
             :disabled="isReadOnly"
-            style="width: 30px; margin-right: 10px"
-          />
+            style="width: 30px; margin-right: 10px" />
         </el-tooltip>
         <el-button
           :disabled="isReadOnly"
@@ -37,15 +31,8 @@
           icon="el-icon-delete"
           circle
           @click="remove"
-          v-if="edit"
-        />
-        <el-button
-          :disabled="isReadOnly"
-          type="primary"
-          size="mini"
-          @click="add"
-          v-else
-        >
+          v-if="edit" />
+        <el-button :disabled="isReadOnly" type="primary" size="mini" @click="add" v-else>
           {{ $t('api_test.request.assertions.add') }}
         </el-button>
       </el-col>
diff --git a/api-test/frontend/src/business/definition/components/assertion/ApiAssertionJsonPath.vue b/api-test/frontend/src/business/definition/components/assertion/ApiAssertionJsonPath.vue
index 4b5c53fc5b..4fd194c713 100644
--- a/api-test/frontend/src/business/definition/components/assertion/ApiAssertionJsonPath.vue
+++ b/api-test/frontend/src/business/definition/components/assertion/ApiAssertionJsonPath.vue
@@ -2,19 +2,14 @@
   <div v-loading="loading">
     <el-row :gutter="10" type="flex" justify="space-between" align="middle">
       <el-col>
-        <el-tooltip
-          :disabled="showTip"
-          placement="top"
-          :content="jsonPath.expression"
-        >
+        <el-tooltip :disabled="showTip" placement="top" :content="jsonPath.expression">
           <el-input
             :disabled="isReadOnly"
             v-model="jsonPath.expression"
             maxlength="500"
             size="small"
             show-word-limit
-            :placeholder="$t('api_test.request.extract.json_path_expression')"
-          />
+            :placeholder="$t('api_test.request.extract.json_path_expression')" />
         </el-tooltip>
       </el-col>
       <el-col>
@@ -24,36 +19,14 @@
           class="ms-col-type"
           size="small"
           style="width: 40%; margin-right: 10px"
-          @change="reload"
-        >
-          <el-option
-            :label="$t('api_test.request.assertions.contains')"
-            value="CONTAINS"
-          />
-          <el-option
-            :label="$t('api_test.request.assertions.not_contains')"
-            value="NOT_CONTAINS"
-          />
-          <el-option
-            :label="$t('api_test.request.assertions.equals')"
-            value="EQUALS"
-          />
-          <el-option
-            :label="$t('commons.adv_search.operators.not_equals')"
-            value="NOT_EQUALS"
-          />
-          <el-option
-            :label="$t('commons.adv_search.operators.gt')"
-            value="GT"
-          />
-          <el-option
-            :label="$t('commons.adv_search.operators.lt')"
-            value="LT"
-          />
-          <el-option
-            :label="$t('api_test.request.assertions.regular_match')"
-            value="REGEX"
-          />
+          @change="reload">
+          <el-option :label="$t('api_test.request.assertions.contains')" value="CONTAINS" />
+          <el-option :label="$t('api_test.request.assertions.not_contains')" value="NOT_CONTAINS" />
+          <el-option :label="$t('api_test.request.assertions.equals')" value="EQUALS" />
+          <el-option :label="$t('commons.adv_search.operators.not_equals')" value="NOT_EQUALS" />
+          <el-option :label="$t('commons.adv_search.operators.gt')" value="GT" />
+          <el-option :label="$t('commons.adv_search.operators.lt')" value="LT" />
+          <el-option :label="$t('api_test.request.assertions.regular_match')" value="REGEX" />
         </el-select>
         <el-input
           :disabled="isReadOnly"
@@ -61,8 +34,7 @@
           size="small"
           show-word-limit
           :placeholder="$t('api_test.request.assertions.expect')"
-          style="width: 50%"
-        />
+          style="width: 50%" />
         <el-tooltip placement="top" v-if="jsonPath.option === 'REGEX'">
           <div slot="content">
             {{ $t('api_test.request.assertions.regex_info') }}
@@ -71,18 +43,13 @@
         </el-tooltip>
       </el-col>
       <el-col class="assertion-btn">
-        <el-tooltip
-          :content="$t('test_resource_pool.enable_disable')"
-          placement="top"
-          v-if="edit"
-        >
+        <el-tooltip :content="$t('test_resource_pool.enable_disable')" placement="top" v-if="edit">
           <el-switch
             v-model="jsonPath.enable"
             class="enable-switch"
             size="mini"
             :disabled="isReadOnly"
-            style="width: 30px; margin-right: 10px"
-          />
+            style="width: 30px; margin-right: 10px" />
         </el-tooltip>
         <el-button
           :disabled="isReadOnly"
@@ -90,8 +57,7 @@
           icon="el-icon-copy-document"
           circle
           @click="copyRow"
-          v-if="edit"
-        />
+          v-if="edit" />
         <el-button
           :disabled="isReadOnly"
           type="danger"
@@ -99,15 +65,8 @@
           icon="el-icon-delete"
           circle
           @click="remove"
-          v-if="edit"
-        />
-        <el-button
-          :disabled="isReadOnly"
-          type="primary"
-          size="mini"
-          @click="add"
-          v-else
-        >
+          v-if="edit" />
+        <el-button :disabled="isReadOnly" type="primary" size="mini" @click="add" v-else>
           {{ $t('api_test.request.assertions.add') }}
         </el-button>
       </el-col>
@@ -144,10 +103,7 @@ export default {
     if (!this.jsonPath.option) {
       this.jsonPath.option = 'REGEX';
     }
-    this.showTip =
-      !this.jsonPath ||
-      !this.jsonPath.expression ||
-      this.jsonPath.expression.length < 50;
+    this.showTip = !this.jsonPath || !this.jsonPath.expression || this.jsonPath.expression.length < 50;
   },
 
   data() {
@@ -177,10 +133,7 @@ export default {
     getJSONPath() {
       let jsonPath = new JSONPath(this.jsonPath);
       jsonPath.enable = true;
-      jsonPath.description =
-        jsonPath.expression +
-        ' expect: ' +
-        (jsonPath.expect ? jsonPath.expect : '');
+      jsonPath.description = jsonPath.expression + ' expect: ' + (jsonPath.expect ? jsonPath.expect : '');
       return jsonPath;
     },
     reload() {
@@ -190,21 +143,13 @@ export default {
       });
     },
     setJSONPathDescription() {
-      this.showTip =
-        !this.jsonPath ||
-        !this.jsonPath.expression ||
-        this.jsonPath.expression.length < 50;
+      this.showTip = !this.jsonPath || !this.jsonPath.expression || this.jsonPath.expression.length < 50;
       this.jsonPath.description =
-        this.jsonPath.expression +
-        ' expect: ' +
-        (this.jsonPath.expect ? this.jsonPath.expect : '');
+        this.jsonPath.expression + ' expect: ' + (this.jsonPath.expect ? this.jsonPath.expect : '');
     },
     copyRow() {
       let jsonPath = new JSONPath(this.jsonPath);
-      jsonPath.description =
-        jsonPath.expression +
-        ' expect: ' +
-        (jsonPath.expect ? jsonPath.expect : '');
+      jsonPath.description = jsonPath.expression + ' expect: ' + (jsonPath.expect ? jsonPath.expect : '');
       this.list.splice(this.index + 1, 0, jsonPath);
     },
   },
diff --git a/api-test/frontend/src/business/definition/components/assertion/ApiAssertionJsr223.vue b/api-test/frontend/src/business/definition/components/assertion/ApiAssertionJsr223.vue
index 1bf79ad617..d8cc170900 100644
--- a/api-test/frontend/src/business/definition/components/assertion/ApiAssertionJsr223.vue
+++ b/api-test/frontend/src/business/definition/components/assertion/ApiAssertionJsr223.vue
@@ -5,20 +5,10 @@
         {{ assertion.desc }}
       </div>
       <div class="assertion-item btn">
-        <el-button
-          :disabled="isReadOnly"
-          type="success"
-          size="mini"
-          @click="detail"
-        >
+        <el-button :disabled="isReadOnly" type="success" size="mini" @click="detail">
           {{ $t('commons.edit') }}
         </el-button>
-        <el-button
-          :disabled="isReadOnly"
-          type="primary"
-          size="mini"
-          @click="add"
-        >
+        <el-button :disabled="isReadOnly" type="primary" size="mini" @click="add">
           {{ $t('api_test.request.assertions.add') }}
         </el-button>
       </div>
@@ -28,39 +18,17 @@
         {{ assertion.desc }}
       </div>
       <div class="assertion-item btn circle">
-        <i
-          class="el-icon-view el-button el-button--primary el-button--mini is-circle"
-          circle
-          @click="showPage"
-        />
-        <el-button
-          :disabled="isReadOnly"
-          type="success"
-          size="mini"
-          icon="el-icon-edit"
-          circle
-          @click="detail"
-        />
-        <el-tooltip
-          :content="$t('test_resource_pool.enable_disable')"
-          placement="top"
-        >
+        <i class="el-icon-view el-button el-button--primary el-button--mini is-circle" circle @click="showPage" />
+        <el-button :disabled="isReadOnly" type="success" size="mini" icon="el-icon-edit" circle @click="detail" />
+        <el-tooltip :content="$t('test_resource_pool.enable_disable')" placement="top">
           <el-switch
             v-model="assertion.enable"
             class="enable-switch"
             size="mini"
             :disabled="isReadOnly"
-            style="width: 30px; margin: 0px 10px 0px 10px"
-          />
+            style="width: 30px; margin: 0px 10px 0px 10px" />
         </el-tooltip>
-        <el-button
-          :disabled="isReadOnly"
-          type="danger"
-          size="mini"
-          icon="el-icon-delete"
-          circle
-          @click="remove"
-        />
+        <el-button :disabled="isReadOnly" type="danger" size="mini" icon="el-icon-delete" circle @click="remove" />
       </div>
     </el-row>
 
@@ -69,22 +37,15 @@
       :visible.sync="visible"
       width="900px"
       append-to-body
-      :close-on-click-modal="false"
-    >
-      <el-row
-        type="flex"
-        justify="space-between"
-        align="middle"
-        class="quick-script-block"
-      >
+      :close-on-click-modal="false">
+      <el-row type="flex" justify="space-between" align="middle" class="quick-script-block">
         <div class="assertion-item input">
           <el-input
             size="small"
             v-model="assertion.variable"
             :placeholder="$t('api_test.request.assertions.variable_name')"
             @change="quickScript"
-            :disabled="disabled"
-          />
+            :disabled="disabled" />
         </div>
 
         <div class="assertion-item select">
@@ -93,14 +54,8 @@
             :placeholder="$t('commons.please_select')"
             size="small"
             @change="changeOperator"
-            :disabled="disabled"
-          >
-            <el-option
-              v-for="o in operators"
-              :key="o.value"
-              :label="$t(o.label)"
-              :value="o.value"
-            />
+            :disabled="disabled">
+            <el-option v-for="o in operators" :key="o.value" :label="$t(o.label)" :value="o.value" />
           </el-select>
         </div>
         <div class="assertion-item input">
@@ -110,8 +65,7 @@
             :placeholder="$t('api_test.value')"
             @change="quickScript"
             v-if="!hasEmptyOperator"
-            :disabled="disabled"
-          />
+            :disabled="disabled" />
         </div>
       </el-row>
       <el-input
@@ -119,16 +73,14 @@
         v-model="assertion.desc"
         :placeholder="$t('api_test.request.assertions.script_name')"
         class="quick-script-block"
-        :disabled="disabled"
-      />
+        :disabled="disabled" />
       <ms-jsr233-processor
         ref="jsr233"
         :is-read-only="disabled"
         :jsr223-processor="assertion"
         :templates="templates"
         :height="300"
-        @languageChange="quickScript"
-      />
+        @languageChange="quickScript" />
       <template v-slot:footer v-if="!edit">
         <ms-dialog-footer @cancel="close" @confirm="confirm" />
       </template>
@@ -252,20 +204,12 @@ export default {
           case '>':
             desc = '${' + variable + '} ' + operator + ' ' + value;
             msgScript = '" + value + " ' + operator + ' ' + value;
-            script +=
-              'number = Integer.parseInt(value);\n' +
-              'result = number > ' +
-              value +
-              ';\n';
+            script += 'number = Integer.parseInt(value);\n' + 'result = number > ' + value + ';\n';
             break;
           case '<':
             desc = '${' + variable + '} ' + operator + ' ' + value;
             msgScript = '" + value + " ' + operator + ' ' + value;
-            script +=
-              'number = Integer.parseInt(value);\n' +
-              'result = number < ' +
-              value +
-              ';\n';
+            script += 'number = Integer.parseInt(value);\n' + 'result = number < ' + value + ';\n';
             break;
           case 'is empty':
             desc = '${' + variable + '} ' + operator;
@@ -388,10 +332,7 @@ export default {
 
   computed: {
     hasEmptyOperator() {
-      return (
-        !!this.assertion.operator &&
-        this.assertion.operator.indexOf('empty') > 0
-      );
+      return !!this.assertion.operator && this.assertion.operator.indexOf('empty') > 0;
     },
   },
 };
diff --git a/api-test/frontend/src/business/definition/components/assertion/ApiAssertionRegex.vue b/api-test/frontend/src/business/definition/components/assertion/ApiAssertionRegex.vue
index ce6f6d4a41..f654276bcf 100644
--- a/api-test/frontend/src/business/definition/components/assertion/ApiAssertionRegex.vue
+++ b/api-test/frontend/src/business/definition/components/assertion/ApiAssertionRegex.vue
@@ -7,29 +7,20 @@
           class="assertion-item"
           v-model="regex.subject"
           size="small"
-          :placeholder="$t('api_test.request.assertions.select_subject')"
-        >
+          :placeholder="$t('api_test.request.assertions.select_subject')">
           <el-option label="Response Code" :value="subjects.RESPONSE_CODE" />
-          <el-option
-            label="Response Headers"
-            :value="subjects.RESPONSE_HEADERS"
-          />
+          <el-option label="Response Headers" :value="subjects.RESPONSE_HEADERS" />
           <el-option label="Response Data" :value="subjects.RESPONSE_DATA" />
         </el-select>
       </el-col>
       <el-col>
-        <el-tooltip
-          :disabled="showTip"
-          placement="top"
-          :content="regex.expression"
-        >
+        <el-tooltip :disabled="showTip" placement="top" :content="regex.expression">
           <el-input
             :disabled="isReadOnly"
             v-model="regex.expression"
             size="small"
             show-word-limit
-            :placeholder="$t('api_test.request.assertions.expression')"
-          />
+            :placeholder="$t('api_test.request.assertions.expression')" />
         </el-tooltip>
       </el-col>
       <el-col class="assertion-checkbox">
@@ -38,18 +29,13 @@
         </el-checkbox>
       </el-col>
       <el-col class="assertion-btn">
-        <el-tooltip
-          :content="$t('test_resource_pool.enable_disable')"
-          placement="top"
-          v-if="edit"
-        >
+        <el-tooltip :content="$t('test_resource_pool.enable_disable')" placement="top" v-if="edit">
           <el-switch
             v-model="regex.enable"
             class="enable-switch"
             size="mini"
             :disabled="isReadOnly"
-            style="width: 30px; margin-right: 10px"
-          />
+            style="width: 30px; margin-right: 10px" />
         </el-tooltip>
 
         <el-button
@@ -58,8 +44,7 @@
           icon="el-icon-copy-document"
           circle
           @click="copyRow"
-          v-if="edit"
-        />
+          v-if="edit" />
         <el-button
           :disabled="isReadOnly"
           type="danger"
@@ -67,15 +52,8 @@
           icon="el-icon-delete"
           circle
           @click="remove"
-          v-if="edit"
-        />
-        <el-button
-          :disabled="isReadOnly"
-          type="primary"
-          size="mini"
-          @click="add"
-          v-else
-        >
+          v-if="edit" />
+        <el-button :disabled="isReadOnly" type="primary" size="mini" @click="add" v-else>
           {{ $t('api_test.request.assertions.add') }}
         </el-button>
       </el-col>
@@ -124,10 +102,7 @@ export default {
     },
   },
   created() {
-    this.showTip =
-      !this.regex ||
-      !this.regex.description ||
-      this.regex.description.length < 80;
+    this.showTip = !this.regex || !this.regex.description || this.regex.description.length < 80;
   },
   methods: {
     add: function () {
@@ -144,12 +119,8 @@ export default {
       return regex;
     },
     setRegexDescription() {
-      this.showTip =
-        !this.regex ||
-        !this.regex.description ||
-        this.regex.description.length < 80;
-      this.regex.description =
-        this.regex.subject + ' has: ' + this.regex.expression;
+      this.showTip = !this.regex || !this.regex.description || this.regex.description.length < 80;
+      this.regex.description = this.regex.subject + ' has: ' + this.regex.expression;
     },
     copyRow() {
       let regex = new Regex(this.regex);
diff --git a/api-test/frontend/src/business/definition/components/assertion/ApiAssertionText.vue b/api-test/frontend/src/business/definition/components/assertion/ApiAssertionText.vue
index 44076c0899..718204090c 100644
--- a/api-test/frontend/src/business/definition/components/assertion/ApiAssertionText.vue
+++ b/api-test/frontend/src/business/definition/components/assertion/ApiAssertionText.vue
@@ -7,13 +7,9 @@
           class="assertion-item"
           v-model="subject"
           size="small"
-          :placeholder="$t('api_test.request.assertions.select_subject')"
-        >
+          :placeholder="$t('api_test.request.assertions.select_subject')">
           <el-option label="Response Code" :value="subjects.RESPONSE_CODE" />
-          <el-option
-            label="Response Headers"
-            :value="subjects.RESPONSE_HEADERS"
-          />
+          <el-option label="Response Headers" :value="subjects.RESPONSE_HEADERS" />
           <el-option label="Response Data" :value="subjects.RESPONSE_DATA" />
         </el-select>
       </el-col>
@@ -23,28 +19,12 @@
           class="assertion-item"
           v-model="condition"
           size="small"
-          :placeholder="$t('api_test.request.assertions.select_condition')"
-        >
-          <el-option
-            :label="$t('api_test.request.assertions.contains')"
-            value="CONTAINS"
-          />
-          <el-option
-            :label="$t('api_test.request.assertions.not_contains')"
-            value="NOT_CONTAINS"
-          />
-          <el-option
-            :label="$t('api_test.request.assertions.equals')"
-            value="EQUALS"
-          />
-          <el-option
-            :label="$t('api_test.request.assertions.start_with')"
-            value="START_WITH"
-          />
-          <el-option
-            :label="$t('api_test.request.assertions.end_with')"
-            value="END_WITH"
-          />
+          :placeholder="$t('api_test.request.assertions.select_condition')">
+          <el-option :label="$t('api_test.request.assertions.contains')" value="CONTAINS" />
+          <el-option :label="$t('api_test.request.assertions.not_contains')" value="NOT_CONTAINS" />
+          <el-option :label="$t('api_test.request.assertions.equals')" value="EQUALS" />
+          <el-option :label="$t('api_test.request.assertions.start_with')" value="START_WITH" />
+          <el-option :label="$t('api_test.request.assertions.end_with')" value="END_WITH" />
         </el-select>
       </el-col>
       <el-col>
@@ -54,8 +34,7 @@
           maxlength="500"
           size="small"
           show-word-limit
-          :placeholder="$t('api_test.request.assertions.value')"
-        />
+          :placeholder="$t('api_test.request.assertions.value')" />
       </el-col>
       <el-col class="assertion-checkbox">
         <el-checkbox v-model="assumeSuccess" :disabled="isReadOnly">
@@ -63,12 +42,7 @@
         </el-checkbox>
       </el-col>
       <el-col class="assertion-btn">
-        <el-button
-          :disabled="isReadOnly"
-          type="primary"
-          size="mini"
-          @click="add"
-        >
+        <el-button :disabled="isReadOnly" type="primary" size="mini" @click="add">
           {{ $t('api_test.request.assertions.add') }}
         </el-button>
       </el-col>
diff --git a/api-test/frontend/src/business/definition/components/assertion/ApiAssertionXPath2.vue b/api-test/frontend/src/business/definition/components/assertion/ApiAssertionXPath2.vue
index c349f751ad..784a395f74 100644
--- a/api-test/frontend/src/business/definition/components/assertion/ApiAssertionXPath2.vue
+++ b/api-test/frontend/src/business/definition/components/assertion/ApiAssertionXPath2.vue
@@ -8,22 +8,16 @@
           maxlength="500"
           size="small"
           show-word-limit
-          :placeholder="$t('api_test.request.extract.xpath_expression')"
-        />
+          :placeholder="$t('api_test.request.extract.xpath_expression')" />
       </el-col>
       <el-col class="assertion-btn">
-        <el-tooltip
-          :content="$t('test_resource_pool.enable_disable')"
-          placement="top"
-          v-if="edit"
-        >
+        <el-tooltip :content="$t('test_resource_pool.enable_disable')" placement="top" v-if="edit">
           <el-switch
             v-model="xPath2.enable"
             class="enable-switch"
             size="mini"
             :disabled="isReadOnly"
-            style="width: 30px; margin-right: 10px"
-          />
+            style="width: 30px; margin-right: 10px" />
         </el-tooltip>
         <el-button
           :disabled="isReadOnly"
@@ -31,8 +25,7 @@
           icon="el-icon-copy-document"
           circle
           @click="copyRow"
-          v-if="edit"
-        />
+          v-if="edit" />
         <el-button
           :disabled="isReadOnly"
           type="danger"
@@ -40,15 +33,8 @@
           icon="el-icon-delete"
           circle
           @click="remove"
-          v-if="edit"
-        />
-        <el-button
-          :disabled="isReadOnly"
-          type="primary"
-          size="mini"
-          @click="add"
-          v-else
-        >
+          v-if="edit" />
+        <el-button :disabled="isReadOnly" type="primary" size="mini" @click="add" v-else>
           {{ $t('api_test.request.assertions.add') }}
         </el-button>
       </el-col>
diff --git a/api-test/frontend/src/business/definition/components/assertion/ApiAssertions.vue b/api-test/frontend/src/business/definition/components/assertion/ApiAssertions.vue
index ea7c3e06d5..fbd3a43f3c 100644
--- a/api-test/frontend/src/business/definition/components/assertion/ApiAssertions.vue
+++ b/api-test/frontend/src/business/definition/components/assertion/ApiAssertions.vue
@@ -8,8 +8,7 @@
           :clear-tip="$t('api_test.request.assertions.json_path_clear')"
           :isReadOnly="isReadOnly"
           @open="suggestJsonOpen"
-          @clear="clearJson"
-        />
+          @clear="clearJson" />
       </span>
     </el-row>
     <div class="assertion-add" :draggable="draggable">
@@ -20,30 +19,14 @@
             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"
-            />
+            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" />
             <el-option :label="'JSONPath'" :value="options.JSON_PATH" />
             <el-option :label="'XPath'" :value="options.XPATH2" />
-            <el-option
-              :label="$t('api_test.request.assertions.response_time')"
-              :value="options.DURATION"
-            />
-            <el-option
-              :label="$t('api_test.request.assertions.jsr223')"
-              :value="options.JSR223"
-            />
-            <el-option
-              :label="$t('api_test.definition.request.document_structure')"
-              :value="options.DOCUMENT"
-            />
+            <el-option :label="$t('api_test.request.assertions.response_time')" :value="options.DURATION" />
+            <el-option :label="$t('api_test.request.assertions.jsr223')" :value="options.JSR223" />
+            <el-option :label="$t('api_test.definition.request.document_structure')" :value="options.DOCUMENT" />
           </el-select>
         </el-col>
         <el-col :span="20">
@@ -51,57 +34,46 @@
             :is-read-only="isReadOnly"
             :list="assertions.regex"
             :callback="after"
-            v-if="type === options.TEXT"
-          />
+            v-if="type === options.TEXT" />
           <ms-api-assertion-regex
             :is-read-only="isReadOnly"
             :list="assertions.regex"
             :callback="after"
             @callback="after"
-            v-if="type === options.REGEX"
-          />
+            v-if="type === options.REGEX" />
           <ms-api-assertion-json-path
             :is-read-only="isReadOnly"
             :list="assertions.jsonPath"
             :callback="after"
-            v-if="type === options.JSON_PATH"
-          />
+            v-if="type === options.JSON_PATH" />
           <ms-api-assertion-x-path2
             :is-read-only="isReadOnly"
             :list="assertions.xpath2"
             :callback="after"
-            v-if="type === options.XPATH2"
-          />
+            v-if="type === options.XPATH2" />
           <ms-api-assertion-duration
             v-model="time"
             :is-read-only="isReadOnly"
             :duration="assertions.duration"
             :callback="after"
-            v-if="type === options.DURATION"
-          />
+            v-if="type === options.DURATION" />
           <ms-api-assertion-jsr223
             :is-read-only="isReadOnly"
             :list="assertions.jsr223"
             :callback="after"
-            v-if="type === options.JSR223"
-          />
+            v-if="type === options.JSR223" />
           <ms-api-assertion-document
             :is-read-only="isReadOnly"
             v-model="time"
             :document="assertions.document"
             :callback="after"
-            v-if="type === options.DOCUMENT"
-          />
+            v-if="type === options.DOCUMENT" />
           <el-button
             v-if="!type"
             :disabled="true"
             type="primary"
             size="mini"
-            style="
-              background-color: var(--primary_color);
-              border-color: var(--primary_color);
-            "
-          >
+            style="background-color: var(--primary_color); border-color: var(--primary_color)">
             {{ $t('api_test.request.assertions.add') }}
           </el-button>
         </el-col>
@@ -113,14 +85,12 @@
       :assertions="assertions"
       :apiId="apiId"
       :reloadData="reloadData"
-      style="margin-bottom: 20px"
-    />
+      style="margin-bottom: 20px" />
 
     <ms-api-jsonpath-suggest
       :tip="$t('api_test.request.extract.suggest_tip')"
       @addSuggest="addJsonPathSuggest"
-      ref="jsonpathSuggest"
-    />
+      ref="jsonpathSuggest" />
   </el-card>
 </template>
 
@@ -213,8 +183,7 @@ export default {
       if (
         this.assertions &&
         this.assertions.document.data &&
-        (this.assertions.document.data.json.length > 0 ||
-          this.assertions.document.data.xml.length > 0)
+        (this.assertions.document.data.json.length > 0 || this.assertions.document.data.xml.length > 0)
       ) {
         ruleSize++;
       }
@@ -237,11 +206,7 @@ export default {
     suggestJsonOpen() {
       this.$emit('suggestClick');
       this.$nextTick(() => {
-        if (
-          !this.response ||
-          !this.response.responseResult ||
-          !this.response.responseResult.body
-        ) {
+        if (!this.response || !this.response.responseResult || !this.response.responseResult.body) {
           this.$message(this.$t('api_test.request.assertions.debug_first'));
           return;
         }
diff --git a/api-test/frontend/src/business/definition/components/assertion/ApiAssertionsEdit.vue b/api-test/frontend/src/business/definition/components/assertion/ApiAssertionsEdit.vue
index 314a9f5f53..1b88f6d0e9 100644
--- a/api-test/frontend/src/business/definition/components/assertion/ApiAssertionsEdit.vue
+++ b/api-test/frontend/src/business/definition/components/assertion/ApiAssertionsEdit.vue
@@ -1,82 +1,50 @@
 <template>
   <div v-loading="loading">
-    <div
-      class="assertion-item-editing regex"
-      v-if="assertions.regex.length > 0"
-    >
+    <div class="assertion-item-editing regex" v-if="assertions.regex.length > 0">
       <div>{{ $t('api_test.request.assertions.regex') }}</div>
-      <div
-        class="regex-item"
-        v-for="(regex, index) in assertions.regex"
-        :key="index"
-      >
+      <div class="regex-item" v-for="(regex, index) in assertions.regex" :key="index">
         <ms-api-assertion-regex
           :is-read-only="isReadOnly"
           :list="assertions.regex"
           :regex="regex"
           :edit="true"
-          :index="index"
-        />
+          :index="index" />
       </div>
     </div>
 
-    <div
-      class="assertion-item-editing json_path"
-      v-if="assertions.jsonPath.length > 0"
-    >
+    <div class="assertion-item-editing json_path" v-if="assertions.jsonPath.length > 0">
       <div>{{ 'JSONPath' }}</div>
-      <div
-        class="regex-item"
-        v-for="(jsonPath, index) in assertions.jsonPath"
-        :key="index"
-      >
+      <div class="regex-item" v-for="(jsonPath, index) in assertions.jsonPath" :key="index">
         <ms-api-assertion-json-path
           :is-read-only="isReadOnly"
           :list="assertions.jsonPath"
           :json-path="jsonPath"
           :edit="true"
-          :index="index"
-        />
+          :index="index" />
       </div>
     </div>
 
-    <div
-      class="assertion-item-editing x_path"
-      v-if="assertions.xpath2.length > 0"
-    >
+    <div class="assertion-item-editing x_path" v-if="assertions.xpath2.length > 0">
       <div>{{ 'XPath' }}</div>
-      <div
-        class="regex-item"
-        v-for="(xPath, index) in assertions.xpath2"
-        :key="index"
-      >
+      <div class="regex-item" v-for="(xPath, index) in assertions.xpath2" :key="index">
         <ms-api-assertion-x-path2
           :is-read-only="isReadOnly"
           :list="assertions.xpath2"
           :x-path2="xPath"
           :edit="true"
-          :index="index"
-        />
+          :index="index" />
       </div>
     </div>
 
-    <div
-      class="assertion-item-editing jsr223"
-      v-if="assertions.jsr223.length > 0"
-    >
+    <div class="assertion-item-editing jsr223" v-if="assertions.jsr223.length > 0">
       <div>{{ $t('api_test.request.assertions.script') }}</div>
-      <div
-        class="regex-item"
-        v-for="(assertion, index) in assertions.jsr223"
-        :key="index"
-      >
+      <div class="regex-item" v-for="(assertion, index) in assertions.jsr223" :key="index">
         <ms-api-assertion-jsr223
           :is-read-only="isReadOnly"
           :list="assertions.jsr223"
           :assertion="assertion"
           :edit="true"
-          :index="index"
-        />
+          :index="index" />
       </div>
     </div>
 
@@ -87,54 +55,35 @@
           :is-read-only="isReadOnly"
           v-model="assertions.duration.value"
           :duration="assertions.duration"
-          :edit="true"
-        />
+          :edit="true" />
       </div>
     </div>
     <div class="assertion-item-editing response-time" v-if="isDocument">
       <div>
         <el-row :gutter="10" type="flex" justify="space-between" align="middle">
-          <el-col>
-            {{ assertions.document.type }}-{{
-              $t('api_test.definition.request.document_structure')
-            }}
-          </el-col>
+          <el-col> {{ assertions.document.type }}-{{ $t('api_test.definition.request.document_structure') }} </el-col>
           <el-col class="assertion-remove-btn">
-            <el-tooltip
-              :content="$t('test_resource_pool.enable_disable')"
-              placement="top"
-            >
+            <el-tooltip :content="$t('test_resource_pool.enable_disable')" placement="top">
               <el-switch
                 v-model="assertions.document.enable"
                 class="enable-switch"
                 size="mini"
                 :disabled="assertions.disabled"
-                style="width: 30px; margin-right: 10px"
-              />
+                style="width: 30px; margin-right: 10px" />
             </el-tooltip>
-            <el-tooltip
-              effect="dark"
-              :content="$t('commons.remove')"
-              placement="top-start"
-            >
+            <el-tooltip effect="dark" :content="$t('commons.remove')" placement="top-start">
               <el-button
                 icon="el-icon-delete"
                 type="danger"
                 size="mini"
                 circle
                 @click="remove()"
-                :disabled="assertions.disabled && !assertions.root"
-              />
+                :disabled="assertions.disabled && !assertions.root" />
             </el-tooltip>
           </el-col>
         </el-row>
       </div>
-      <ms-document-body
-        :document="assertions.document"
-        :apiId="apiId"
-        :isReadOnly="isReadOnly"
-        @remove="remove"
-      />
+      <ms-document-body :document="assertions.document" :apiId="apiId" :isReadOnly="isReadOnly" @remove="remove" />
     </div>
   </div>
 </template>
@@ -181,8 +130,7 @@ export default {
       return (
         this.assertions.document &&
         this.assertions.document.data &&
-        (this.assertions.document.data.json.length > 0 ||
-          this.assertions.document.data.xml.length > 0)
+        (this.assertions.document.data.json.length > 0 || this.assertions.document.data.xml.length > 0)
       );
     },
   },
diff --git a/api-test/frontend/src/business/definition/components/assertion/ApiJsonPathSuggestButton.vue b/api-test/frontend/src/business/definition/components/assertion/ApiJsonPathSuggestButton.vue
index 33ea89e2f8..d9c5cef672 100644
--- a/api-test/frontend/src/business/definition/components/assertion/ApiJsonPathSuggestButton.vue
+++ b/api-test/frontend/src/business/definition/components/assertion/ApiJsonPathSuggestButton.vue
@@ -6,16 +6,10 @@
       @click="$emit('open')"
       @click.stop
       :disabled="isReadOnly"
-      v-if="showSuggestButton"
-    >
+      v-if="showSuggestButton">
       {{ openTip }}
     </el-button>
-    <el-button
-      size="mini"
-      type="danger"
-      @click="$emit('clear')"
-      :disabled="isReadOnly"
-    >
+    <el-button size="mini" type="danger" @click="$emit('clear')" :disabled="isReadOnly">
       {{ clearTip }}
     </el-button>
   </span>
diff --git a/api-test/frontend/src/business/definition/components/assertion/ApiJsonpathSuggest.vue b/api-test/frontend/src/business/definition/components/assertion/ApiJsonpathSuggest.vue
index cbacd88331..8afedc920f 100644
--- a/api-test/frontend/src/business/definition/components/assertion/ApiJsonpathSuggest.vue
+++ b/api-test/frontend/src/business/definition/components/assertion/ApiJsonpathSuggest.vue
@@ -5,17 +5,12 @@
     :size="30"
     @close="close"
     direction="right"
-    v-clickoutside="close"
-  >
+    v-clickoutside="close">
     <template v-slot:header>
       <ms-instructions-icon :content="tip" />
       {{ tip }}
     </template>
-    <jsonpath-picker
-      :code="data"
-      v-on:path="pathChangeHandler"
-      ref="jsonpathPicker"
-    />
+    <jsonpath-picker :code="data" v-on:path="pathChangeHandler" ref="jsonpathPicker" />
   </ms-drawer>
 </template>
 
diff --git a/api-test/frontend/src/business/definition/components/assertion/GlobalAssertionText.vue b/api-test/frontend/src/business/definition/components/assertion/GlobalAssertionText.vue
index c57e2bc7a4..a4808ffc99 100644
--- a/api-test/frontend/src/business/definition/components/assertion/GlobalAssertionText.vue
+++ b/api-test/frontend/src/business/definition/components/assertion/GlobalAssertionText.vue
@@ -7,13 +7,9 @@
           class="assertion-item"
           v-model="subject"
           size="small"
-          :placeholder="$t('api_test.request.assertions.select_subject')"
-        >
+          :placeholder="$t('api_test.request.assertions.select_subject')">
           <el-option label="Response Code" :value="subjects.RESPONSE_CODE" />
-          <el-option
-            label="Response Headers"
-            :value="subjects.RESPONSE_HEADERS"
-          />
+          <el-option label="Response Headers" :value="subjects.RESPONSE_HEADERS" />
           <el-option label="Response Data" :value="subjects.RESPONSE_DATA" />
         </el-select>
       </el-col>
@@ -23,28 +19,12 @@
           class="assertion-item"
           v-model="condition"
           size="small"
-          :placeholder="$t('api_test.request.assertions.select_condition')"
-        >
-          <el-option
-            :label="$t('api_test.request.assertions.contains')"
-            value="CONTAINS"
-          />
-          <el-option
-            :label="$t('api_test.request.assertions.not_contains')"
-            value="NOT_CONTAINS"
-          />
-          <el-option
-            :label="$t('api_test.request.assertions.equals')"
-            value="EQUALS"
-          />
-          <el-option
-            :label="$t('api_test.request.assertions.start_with')"
-            value="START_WITH"
-          />
-          <el-option
-            :label="$t('api_test.request.assertions.end_with')"
-            value="END_WITH"
-          />
+          :placeholder="$t('api_test.request.assertions.select_condition')">
+          <el-option :label="$t('api_test.request.assertions.contains')" value="CONTAINS" />
+          <el-option :label="$t('api_test.request.assertions.not_contains')" value="NOT_CONTAINS" />
+          <el-option :label="$t('api_test.request.assertions.equals')" value="EQUALS" />
+          <el-option :label="$t('api_test.request.assertions.start_with')" value="START_WITH" />
+          <el-option :label="$t('api_test.request.assertions.end_with')" value="END_WITH" />
         </el-select>
       </el-col>
       <el-col>
@@ -54,8 +34,7 @@
           maxlength="200"
           size="small"
           show-word-limit
-          :placeholder="$t('api_test.request.assertions.value')"
-        />
+          :placeholder="$t('api_test.request.assertions.value')" />
       </el-col>
       <el-col class="assertion-checkbox">
         <el-checkbox v-model="assumeSuccess" :disabled="isReadOnly">
@@ -63,13 +42,7 @@
         </el-checkbox>
       </el-col>
       <el-col class="assertion-btn">
-        <el-button
-          :disabled="isReadOnly"
-          v-if="showAddButton"
-          type="primary"
-          size="small"
-          @click="add"
-        >
+        <el-button :disabled="isReadOnly" v-if="showAddButton" type="primary" size="small" @click="add">
           {{ $t('api_test.request.assertions.add') }}
         </el-button>
       </el-col>
diff --git a/api-test/frontend/src/business/definition/components/assertion/GlobalAssertions.vue b/api-test/frontend/src/business/definition/components/assertion/GlobalAssertions.vue
index 6357e3a4a0..c50ed6721f 100644
--- a/api-test/frontend/src/business/definition/components/assertion/GlobalAssertions.vue
+++ b/api-test/frontend/src/business/definition/components/assertion/GlobalAssertions.vue
@@ -8,30 +8,14 @@
             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"
-            />
+            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" />
             <el-option :label="'JSONPath'" :value="options.JSON_PATH" />
             <el-option :label="'XPath'" :value="options.XPATH2" />
-            <el-option
-              :label="$t('api_test.request.assertions.response_time')"
-              :value="options.DURATION"
-            />
-            <el-option
-              :label="$t('api_test.request.assertions.jsr223')"
-              :value="options.JSR223"
-            />
-            <el-option
-              :label="$t('api_test.definition.request.document_structure')"
-              :value="options.DOCUMENT"
-            />
+            <el-option :label="$t('api_test.request.assertions.response_time')" :value="options.DURATION" />
+            <el-option :label="$t('api_test.request.assertions.jsr223')" :value="options.JSR223" />
+            <el-option :label="$t('api_test.definition.request.document_structure')" :value="options.DOCUMENT" />
           </el-select>
         </el-col>
         <el-col :span="20">
@@ -39,46 +23,39 @@
             :is-read-only="isReadOnly"
             :list="assertions.regex"
             :callback="after"
-            v-if="type === options.TEXT"
-          />
+            v-if="type === options.TEXT" />
           <ms-api-assertion-regex
             :is-read-only="isReadOnly"
             :list="assertions.regex"
             :callback="after"
-            v-if="type === options.REGEX"
-          />
+            v-if="type === options.REGEX" />
           <ms-api-assertion-json-path
             :is-read-only="isReadOnly"
             :list="assertions.jsonPath"
             :callback="after"
-            v-if="type === options.JSON_PATH"
-          />
+            v-if="type === options.JSON_PATH" />
           <ms-api-assertion-x-path2
             :is-read-only="isReadOnly"
             :list="assertions.xpath2"
             :callback="after"
-            v-if="type === options.XPATH2"
-          />
+            v-if="type === options.XPATH2" />
           <ms-api-assertion-duration
             v-model="time"
             :is-read-only="isReadOnly"
             :duration="assertions.duration"
             :callback="after"
-            v-if="type === options.DURATION"
-          />
+            v-if="type === options.DURATION" />
           <ms-api-assertion-jsr223
             :is-read-only="isReadOnly"
             :list="assertions.jsr223"
             :callback="after"
-            v-if="type === options.JSR223"
-          />
+            v-if="type === options.JSR223" />
           <ms-api-assertion-document
             :is-read-only="isReadOnly"
             v-model="time"
             :document="assertions.document"
             :callback="after"
-            v-if="type === options.DOCUMENT"
-          />
+            v-if="type === options.DOCUMENT" />
           <el-button v-if="!type" :disabled="true" type="primary" size="small">
             {{ $t('api_test.request.assertions.add') }}
           </el-button>
@@ -91,22 +68,19 @@
       :open-tip="$t('api_test.request.assertions.json_path_suggest')"
       :clear-tip="$t('api_test.request.assertions.json_path_clear')"
       @open="suggestJsonOpen"
-      @clear="clearJson"
-    />
+      @clear="clearJson" />
 
     <ms-api-assertions-edit
       :is-read-only="isReadOnly"
       :assertions="assertions"
       :apiId="apiId"
       :reloadData="reloadData"
-      style="margin-bottom: 20px"
-    />
+      style="margin-bottom: 20px" />
 
     <api-jsonpath-suggest
       :tip="$t('api_test.request.extract.suggest_tip')"
       @addSuggest="addJsonPathSuggest"
-      ref="jsonpathSuggest"
-    />
+      ref="jsonpathSuggest" />
   </div>
 </template>
 
@@ -114,10 +88,7 @@
 import GlobalAssertionText from '@/business/definition/components/assertion/GlobalAssertionText';
 import MsApiAssertionRegex from '@/business/definition/components/assertion/ApiAssertionRegex';
 import MsApiAssertionDuration from '@/business/definition/components/assertion/ApiAssertionDuration';
-import {
-  ASSERTION_TYPE,
-  JSONPath,
-} from '@/business/definition/model/ApiTestModel';
+import { ASSERTION_TYPE, JSONPath } from '@/business/definition/model/ApiTestModel';
 import MsApiAssertionsEdit from '@/business/definition/components/assertion/ApiAssertionsEdit';
 import MsApiAssertionJsonPath from '@/business/definition/components/assertion/ApiAssertionJsonPath';
 import MsApiAssertionJsr223 from '@/business/definition/components/assertion/ApiAssertionJsr223';
@@ -196,11 +167,7 @@ export default {
     suggestJsonOpen() {
       this.$emit('suggestClick');
       this.$nextTick(() => {
-        if (
-          !this.response ||
-          !this.response.responseResult ||
-          !this.response.responseResult.body
-        ) {
+        if (!this.response || !this.response.responseResult || !this.response.responseResult.body) {
           this.$message(this.$t('api_test.request.assertions.debug_first'));
           return;
         }
diff --git a/api-test/frontend/src/business/definition/components/assertion/ScenarioAssertions.vue b/api-test/frontend/src/business/definition/components/assertion/ScenarioAssertions.vue
index 91601c49b5..0516efee77 100644
--- a/api-test/frontend/src/business/definition/components/assertion/ScenarioAssertions.vue
+++ b/api-test/frontend/src/business/definition/components/assertion/ScenarioAssertions.vue
@@ -13,8 +13,7 @@
     :show-copy="false"
     color="#A30014"
     background-color="#F7E6E9"
-    :title="$t('api_test.definition.request.scenario_assertions')"
-  >
+    :title="$t('api_test.definition.request.scenario_assertions')">
     <el-row>
       <span>{{ $t('api_test.request.assertions.description') }}</span>
       <span style="float: right">
@@ -22,8 +21,7 @@
           :show-suggest-button="false"
           :clear-tip="$t('api_test.request.assertions.json_path_clear')"
           :isReadOnly="request.disabled"
-          @clear="clearJson"
-        />
+          @clear="clearJson" />
       </span>
     </el-row>
     <div class="assertion-add" :draggable="draggable">
@@ -34,30 +32,14 @@
             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"
-            />
+            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" />
             <el-option :label="'JSONPath'" :value="options.JSON_PATH" />
             <el-option :label="'XPath'" :value="options.XPATH2" />
-            <el-option
-              :label="$t('api_test.request.assertions.response_time')"
-              :value="options.DURATION"
-            />
-            <el-option
-              :label="$t('api_test.request.assertions.jsr223')"
-              :value="options.JSR223"
-            />
-            <el-option
-              :label="$t('api_test.definition.request.document_structure')"
-              :value="options.DOCUMENT"
-            />
+            <el-option :label="$t('api_test.request.assertions.response_time')" :value="options.DURATION" />
+            <el-option :label="$t('api_test.request.assertions.jsr223')" :value="options.JSR223" />
+            <el-option :label="$t('api_test.definition.request.document_structure')" :value="options.DOCUMENT" />
           </el-select>
         </el-col>
         <el-col :span="20">
@@ -65,47 +47,40 @@
             :is-read-only="request.disabled"
             :list="assertions.regex"
             :callback="after"
-            v-if="type === options.TEXT"
-          />
+            v-if="type === options.TEXT" />
           <ms-api-assertion-regex
             :is-read-only="request.disabled"
             :list="assertions.regex"
             :callback="after"
             @callback="after"
-            v-if="type === options.REGEX"
-          />
+            v-if="type === options.REGEX" />
           <ms-api-assertion-json-path
             :is-read-only="request.disabled"
             :list="assertions.jsonPath"
             :callback="after"
-            v-if="type === options.JSON_PATH"
-          />
+            v-if="type === options.JSON_PATH" />
           <ms-api-assertion-x-path2
             :is-read-only="request.disabled"
             :list="assertions.xpath2"
             :callback="after"
-            v-if="type === options.XPATH2"
-          />
+            v-if="type === options.XPATH2" />
           <ms-api-assertion-duration
             v-model="time"
             :is-read-only="request.disabled"
             :duration="assertions.duration"
             :callback="after"
-            v-if="type === options.DURATION"
-          />
+            v-if="type === options.DURATION" />
           <ms-api-assertion-jsr223
             :is-read-only="request.disabled"
             :list="assertions.jsr223"
             :callback="after"
-            v-if="type === options.JSR223"
-          />
+            v-if="type === options.JSR223" />
           <ms-api-assertion-document
             :is-read-only="request.disabled"
             v-model="time"
             :document="assertions.document"
             :callback="after"
-            v-if="type === options.DOCUMENT"
-          />
+            v-if="type === options.DOCUMENT" />
           <el-button v-if="!type" :disabled="true" type="primary" size="mini">
             {{ $t('api_test.request.assertions.add') }}
           </el-button>
@@ -118,14 +93,12 @@
       :assertions="assertions"
       :apiId="apiId"
       :reloadData="reloadData"
-      style="margin-bottom: 20px"
-    />
+      style="margin-bottom: 20px" />
 
     <ms-api-jsonpath-suggest
       :tip="$t('api_test.request.extract.suggest_tip')"
       @addSuggest="addJsonPathSuggest"
-      ref="jsonpathSuggest"
-    />
+      ref="jsonpathSuggest" />
   </api-base-component>
 </template>
 
@@ -222,8 +195,7 @@ export default {
       if (
         this.assertions &&
         this.assertions.document.data &&
-        (this.assertions.document.data.json.length > 0 ||
-          this.assertions.document.data.xml.length > 0)
+        (this.assertions.document.data.json.length > 0 || this.assertions.document.data.xml.length > 0)
       ) {
         ruleSize++;
       }
@@ -246,11 +218,7 @@ export default {
     suggestJsonOpen() {
       this.$emit('suggestClick');
       this.$nextTick(() => {
-        if (
-          !this.response ||
-          !this.response.responseResult ||
-          !this.response.responseResult.body
-        ) {
+        if (!this.response || !this.response.responseResult || !this.response.responseResult.body) {
           this.$message(this.$t('api_test.request.assertions.debug_first'));
           return;
         }
diff --git a/api-test/frontend/src/business/definition/components/assertion/document/DocumentBody.vue b/api-test/frontend/src/business/definition/components/assertion/document/DocumentBody.vue
index b1a30196cc..1e885b9466 100644
--- a/api-test/frontend/src/business/definition/components/assertion/document/DocumentBody.vue
+++ b/api-test/frontend/src/business/definition/components/assertion/document/DocumentBody.vue
@@ -8,9 +8,7 @@
             {{ $t('commons.import') }}
           </span>
           <span v-if="apiId !== 'none'">
-            <el-checkbox v-model="checked" @change="checkedAPI">{{
-              $t('commons.follow_api')
-            }}</el-checkbox>
+            <el-checkbox v-model="checked" @change="checkedAPI">{{ $t('commons.follow_api') }}</el-checkbox>
           </span>
         </el-col>
       </el-row>
@@ -28,35 +26,25 @@
       :load="loadChild"
       :height="300"
       v-loading="loading"
-      ref="table"
-    >
-      <el-table-column
-        prop="name"
-        :label="$t('api_test.definition.request.esb_table.name')"
-        width="230"
-        fixed="left"
-      >
+      ref="table">
+      <el-table-column prop="name" :label="$t('api_test.definition.request.esb_table.name')" width="230" fixed="left">
         <template slot-scope="scope">
           <el-input
             v-if="
-              (scope.row.status &&
-                scope.column.fixed &&
-                scope.row.id !== 'root') ||
+              (scope.row.status && scope.column.fixed && scope.row.id !== 'root') ||
               (scope.row.type !== 'object' && !scope.row.name)
             "
             v-model="scope.row.name"
             style="width: 140px"
             size="mini"
-            :placeholder="$t('api_test.definition.request.esb_table.name')"
-          />
+            :placeholder="$t('api_test.definition.request.esb_table.name')" />
           <el-input
             v-else
             :disabled="document.type === 'JSON'"
             v-model="scope.row.name"
             style="width: 140px"
             size="mini"
-            :placeholder="$t('api_test.definition.request.esb_table.name')"
-          />
+            :placeholder="$t('api_test.definition.request.esb_table.name')" />
         </template>
       </el-table-column>
 
@@ -64,14 +52,12 @@
         prop="include"
         width="78"
         :label="$t('api_test.request.assertions.must_contain')"
-        :scoped-slot="renderHeader"
-      >
+        :scoped-slot="renderHeader">
         <template slot-scope="scope">
           <el-checkbox
             v-model="scope.row.include"
             @change="handleCheckOneChange"
-            :disabled="checked || scope.row.type === 'array'"
-          />
+            :disabled="checked || scope.row.type === 'array'" />
         </template>
       </el-table-column>
 
@@ -79,36 +65,21 @@
         prop="typeVerification"
         width="100"
         :label="$t('api_test.request.assertions.type_verification')"
-        :scoped-slot="renderHeaderType"
-      >
+        :scoped-slot="renderHeaderType">
         <template slot-scope="scope">
-          <el-checkbox
-            v-model="scope.row.typeVerification"
-            @change="handleCheckOneChange"
-            :disabled="checked"
-          />
+          <el-checkbox v-model="scope.row.typeVerification" @change="handleCheckOneChange" :disabled="checked" />
         </template>
       </el-table-column>
 
-      <el-table-column
-        prop="type"
-        :label="$t('api_test.definition.request.esb_table.type')"
-        width="120"
-      >
+      <el-table-column prop="type" :label="$t('api_test.definition.request.esb_table.type')" width="120">
         <template slot-scope="scope">
           <el-select
             v-model="scope.row.type"
             :placeholder="$t('commons.please_select')"
             size="mini"
             @change="changeType(scope.row)"
-            :disabled="checked"
-          >
-            <el-option
-              v-for="item in typeSelectOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
+            :disabled="checked">
+            <el-option v-for="item in typeSelectOptions" :key="item.value" :label="item.label" :value="item.value" />
           </el-select>
         </template>
       </el-table-column>
@@ -116,35 +87,23 @@
       <el-table-column
         prop="contentVerification"
         :label="$t('api_test.request.assertions.content_verification')"
-        width="200"
-      >
+        width="200">
         <template slot-scope="scope">
           <el-select
             v-model="scope.row.contentVerification"
             :placeholder="$t('commons.please_select')"
             size="mini"
-            :disabled="checked"
-          >
-            <el-option
-              v-for="item in verificationOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
+            :disabled="checked">
+            <el-option v-for="item in verificationOptions" :key="item.value" :label="item.label" :value="item.value" />
           </el-select>
         </template>
       </el-table-column>
       <el-table-column
         prop="expectedOutcome"
         :label="$t('api_test.request.assertions.expected_results')"
-        min-width="200"
-      >
+        min-width="200">
         <template slot-scope="scope">
-          <el-input
-            v-if="scope.row.status && scope.column.fixed"
-            v-model="scope.row.expectedOutcome"
-            size="mini"
-          />
+          <el-input v-if="scope.row.status && scope.column.fixed" v-model="scope.row.expectedOutcome" size="mini" />
           <span v-else>{{ scope.row.expectedOutcome }}</span>
         </template>
       </el-table-column>
@@ -153,30 +112,20 @@
         prop="arrayVerification"
         width="140"
         :label="$t('api_test.request.assertions.check')"
-        :scoped-slot="renderHeaderArray"
-      >
+        :scoped-slot="renderHeaderArray">
         <template slot-scope="scope">
           <el-checkbox
             v-model="scope.row.arrayVerification"
             @change="handleCheckOneChange"
             v-if="scope.row.type === 'array'"
-            :disabled="checked"
-          />
+            :disabled="checked" />
         </template>
       </el-table-column>
 
-      <el-table-column
-        :label="$t('commons.operating')"
-        width="130"
-        fixed="right"
-      >
+      <el-table-column :label="$t('commons.operating')" width="130" fixed="right">
         <template v-slot:default="scope">
           <span>
-            <el-tooltip
-              effect="dark"
-              :content="$t('api_test.request.assertions.add_check')"
-              placement="top-start"
-            >
+            <el-tooltip effect="dark" :content="$t('api_test.request.assertions.add_check')" placement="top-start">
               <el-button
                 icon="el-icon-document-checked"
                 circle
@@ -184,18 +133,10 @@
                 size="mini"
                 @click="addVerification(scope.row)"
                 :disabled="
-                  scope.row.type === 'object' ||
-                  scope.row.type === 'array' ||
-                  checked ||
-                  scope.row.id === 'root'
-                "
-              />
+                  scope.row.type === 'object' || scope.row.type === 'array' || checked || scope.row.id === 'root'
+                " />
             </el-tooltip>
-            <el-tooltip
-              effect="dark"
-              :content="$t('api_test.request.assertions.add_subfield')"
-              placement="top-start"
-            >
+            <el-tooltip effect="dark" :content="$t('api_test.request.assertions.add_subfield')" placement="top-start">
               <el-button
                 icon="el-icon-plus"
                 circle
@@ -203,17 +144,9 @@
                 size="mini"
                 style="margin-left: 10px"
                 @click="addRow(scope.row)"
-                :disabled="
-                  (scope.row.type !== 'object' && scope.row.type !== 'array') ||
-                  checked
-                "
-              />
+                :disabled="(scope.row.type !== 'object' && scope.row.type !== 'array') || checked" />
             </el-tooltip>
-            <el-tooltip
-              effect="dark"
-              :content="$t('commons.remove')"
-              placement="top-start"
-            >
+            <el-tooltip effect="dark" :content="$t('commons.remove')" placement="top-start">
               <el-button
                 icon="el-icon-delete"
                 type="primary"
@@ -221,18 +154,13 @@
                 size="mini"
                 style="margin-left: 10px"
                 @click="remove(scope.row)"
-                :disabled="checked || scope.row.id === 'root'"
-              />
+                :disabled="checked || scope.row.id === 'root'" />
             </el-tooltip>
           </span>
         </template>
       </el-table-column>
     </el-table>
-    <ms-document-import
-      :document="document"
-      @setJSONData="setJSONData"
-      ref="import"
-    />
+    <ms-document-import :document="document" @setJSONData="setJSONData" ref="import" />
   </div>
 </template>
 
@@ -315,34 +243,18 @@ export default {
 
   created() {
     if (this.document.type === 'JSON') {
-      this.checked =
-        this.document.data.jsonFollowAPI &&
-        this.document.data.jsonFollowAPI !== 'false'
-          ? true
-          : false;
+      this.checked = this.document.data.jsonFollowAPI && this.document.data.jsonFollowAPI !== 'false' ? true : false;
     } else if (this.document.type === 'XML') {
-      this.checked =
-        this.document.data.xmlFollowAPI &&
-        this.document.data.xmlFollowAPI !== 'false'
-          ? true
-          : false;
+      this.checked = this.document.data.xmlFollowAPI && this.document.data.xmlFollowAPI !== 'false' ? true : false;
     }
     this.changeData();
   },
   watch: {
     'document.type'() {
       if (this.document.type === 'JSON') {
-        this.checked =
-          this.document.data.jsonFollowAPI &&
-          this.document.data.jsonFollowAPI !== 'false'
-            ? true
-            : false;
+        this.checked = this.document.data.jsonFollowAPI && this.document.data.jsonFollowAPI !== 'false' ? true : false;
       } else if (this.document.type === 'XML') {
-        this.checked =
-          this.document.data.xmlFollowAPI &&
-          this.document.data.xmlFollowAPI !== 'false'
-            ? true
-            : false;
+        this.checked = this.document.data.xmlFollowAPI && this.document.data.xmlFollowAPI !== 'false' ? true : false;
       }
       this.changeData();
     },
@@ -441,21 +353,15 @@ export default {
       });
     },
     getAPI(id) {
-      getApiDocument(id ? id : this.apiId, this.document.type).then(
-        (response) => {
-          if (response.data) {
-            this.tableDataList(response.data);
-          }
+      getApiDocument(id ? id : this.apiId, this.document.type).then((response) => {
+        if (response.data) {
+          this.tableDataList(response.data);
         }
-      );
+      });
     },
     getDocument() {
       // 来自场景步骤，请求id为用例id
-      if (
-        this.document &&
-        this.document.nodeType &&
-        this.document.nodeType === 'scenario'
-      ) {
+      if (this.document && this.document.nodeType && this.document.nodeType === 'scenario') {
         this.getCase();
       } else if (
         this.document &&
@@ -495,12 +401,7 @@ export default {
       }
     },
     objectSpanMethod({ row, column, rowIndex, columnIndex }) {
-      if (
-        columnIndex === 0 ||
-        columnIndex === 1 ||
-        columnIndex === 2 ||
-        columnIndex === 3
-      ) {
+      if (columnIndex === 0 || columnIndex === 1 || columnIndex === 2 || columnIndex === 3) {
         return {
           rowspan: row.rowspan,
           colspan: row.rowspan > 0 ? 1 : 0,
@@ -795,18 +696,8 @@ export default {
       }
     },
     removeTableRow(row) {
-      this.removeVerSet(
-        this.mapData.get(row.parentId)
-          ? this.mapData.get(row.parentId)
-          : this.tableData,
-        row
-      );
-      this.removeFromDataStruct(
-        this.mapData.get(row.parentId)
-          ? this.mapData.get(row.parentId)
-          : this.tableData,
-        row
-      );
+      this.removeVerSet(this.mapData.get(row.parentId) ? this.mapData.get(row.parentId) : this.tableData, row);
+      this.removeFromDataStruct(this.mapData.get(row.parentId) ? this.mapData.get(row.parentId) : this.tableData, row);
     },
     removeFromDataStruct(dataStruct, row) {
       if (dataStruct == null || dataStruct.length === 0) {
diff --git a/api-test/frontend/src/business/definition/components/assertion/document/DocumentHeader.vue b/api-test/frontend/src/business/definition/components/assertion/document/DocumentHeader.vue
index 56d8c176a3..16339e1bd7 100644
--- a/api-test/frontend/src/business/definition/components/assertion/document/DocumentHeader.vue
+++ b/api-test/frontend/src/business/definition/components/assertion/document/DocumentHeader.vue
@@ -8,12 +8,7 @@
         </el-select>
       </el-col>
       <el-col class="assertion-btn">
-        <el-button
-          :disabled="isReadOnly"
-          type="primary"
-          size="mini"
-          @click="add"
-        >
+        <el-button :disabled="isReadOnly" type="primary" size="mini" @click="add">
           {{ $t('api_test.request.assertions.add') }}
         </el-button>
       </el-col>
@@ -41,10 +36,7 @@ export default {
   methods: {
     add() {
       let obj = new AssertionDocument({ id: 'root' });
-      if (
-        this.document.type === 'JSON' &&
-        this.document.data.json.length === 0
-      ) {
+      if (this.document.type === 'JSON' && this.document.data.json.length === 0) {
         this.document.data.json.push(obj);
       }
       if (this.document.type === 'XML' && this.document.data.xml.length === 0) {
diff --git a/api-test/frontend/src/business/definition/components/assertion/document/DocumentImport.vue b/api-test/frontend/src/business/definition/components/assertion/document/DocumentImport.vue
index 0a276d9b49..7ae81ec6d8 100644
--- a/api-test/frontend/src/business/definition/components/assertion/document/DocumentImport.vue
+++ b/api-test/frontend/src/business/definition/components/assertion/document/DocumentImport.vue
@@ -6,22 +6,12 @@
     append-to-body
     show-close
     :close-on-click-modal="false"
-    @closed="handleClose"
-  >
+    @closed="handleClose">
     <div style="height: 400px">
-      <ms-code-edit
-        :mode="mode"
-        :data.sync="json"
-        theme="eclipse"
-        :modes="[]"
-        ref="codeEdit"
-      />
+      <ms-code-edit :mode="mode" :data.sync="json" theme="eclipse" :modes="[]" ref="codeEdit" />
     </div>
     <span slot="footer" class="dialog-footer">
-      <ms-dialog-footer
-        @cancel="importVisible = false"
-        @confirm="saveConfirm"
-      />
+      <ms-dialog-footer @cancel="importVisible = false" @confirm="saveConfirm" />
     </span>
   </el-dialog>
 </template>
@@ -79,8 +69,7 @@ export default {
             errorMessage = xmlDoc.documentElement.childNodes[0].nodeValue;
           } else {
             errorCode = 1;
-            errorMessage =
-              xmlDoc.getElementsByTagName('parsererror')[0].innerHTML;
+            errorMessage = xmlDoc.getElementsByTagName('parsererror')[0].innerHTML;
           }
         } else {
           errorMessage = '格式正确';
@@ -99,20 +88,15 @@ export default {
         this.$error('导入的数据非JSON格式');
         return;
       }
-      if (
-        this.document.type === 'XML' &&
-        this.validateXML(this.json).error_code > 0
-      ) {
+      if (this.document.type === 'XML' && this.validateXML(this.json).error_code > 0) {
         this.$error('导入的数据非XML格式');
         return;
       }
-      jsonGenerator({ raw: this.json, type: this.document.type }).then(
-        (response) => {
-          if (response.data) {
-            this.$emit('setJSONData', response.data);
-          }
+      jsonGenerator({ raw: this.json, type: this.document.type }).then((response) => {
+        if (response.data) {
+          this.$emit('setJSONData', response.data);
         }
-      );
+      });
       this.importVisible = false;
     },
     handleClose() {
diff --git a/api-test/frontend/src/business/definition/components/auth/ApiAuthConfig.vue b/api-test/frontend/src/business/definition/components/auth/ApiAuthConfig.vue
index 965971ee0c..a1973690b8 100644
--- a/api-test/frontend/src/business/definition/components/auth/ApiAuthConfig.vue
+++ b/api-test/frontend/src/business/definition/components/auth/ApiAuthConfig.vue
@@ -1,100 +1,58 @@
 <template xmlns:v-slot="http://www.w3.org/1999/XSL/Transform">
   <el-tabs v-model="activeName">
     <!-- 认证-->
-    <el-tab-pane
-      :label="$t('api_test.definition.request.verified')"
-      name="verified"
-    >
-      <el-form
-        :model="authConfig"
-        :rules="rule"
-        ref="authConfig"
-        label-position="right"
-      >
-        <el-form-item
-          :label="$t('api_test.definition.request.verification_method')"
-          prop="verification"
-        >
+    <el-tab-pane :label="$t('api_test.definition.request.verified')" name="verified">
+      <el-form :model="authConfig" :rules="rule" ref="authConfig" label-position="right">
+        <el-form-item :label="$t('api_test.definition.request.verification_method')" prop="verification">
           <el-select
             v-model="authConfig.verification"
             @change="change"
             :disabled="isReadOnly"
             :placeholder="$t('api_test.definition.request.verification_method')"
             filterable
-            size="small"
-          >
-            <el-option
-              v-for="item in options"
-              :key="item.name"
-              :label="item.name"
-              :value="item.name"
-            >
-            </el-option>
+            size="small">
+            <el-option v-for="item in options" :key="item.name" :label="item.name" :value="item.name"> </el-option>
           </el-select>
         </el-form-item>
 
         <el-form-item
           :label="$t('api_test.request.tcp.username')"
           prop="username"
-          v-if="
-            authConfig.verification != undefined &&
-            authConfig.verification != 'No Auth'
-          "
-        >
+          v-if="authConfig.verification != undefined && authConfig.verification != 'No Auth'">
           <el-input
             :placeholder="$t('api_test.request.tcp.username')"
             v-model="authConfig.username"
             class="ms-http-input"
-            size="small"
-          >
+            size="small">
           </el-input>
         </el-form-item>
 
         <el-form-item
           :label="$t('commons.password')"
           prop="password"
-          v-if="
-            authConfig.verification != undefined &&
-            authConfig.verification != 'No Auth'
-          "
-        >
+          v-if="authConfig.verification != undefined && authConfig.verification != 'No Auth'">
           <el-input
             v-model="authConfig.password"
             :placeholder="$t('commons.password')"
             show-password
             autocomplete="off"
             maxlength="100"
-            show-word-limit
-          />
+            show-word-limit />
         </el-form-item>
       </el-form>
     </el-tab-pane>
 
     <!--加密-->
-    <el-tab-pane
-      :label="$t('api_test.definition.request.encryption')"
-      name="encryption"
-      v-if="encryptShow"
-    >
+    <el-tab-pane :label="$t('api_test.definition.request.encryption')" name="encryption" v-if="encryptShow">
       <el-form :model="authConfig" size="small" :rules="rule" ref="authConfig">
-        <el-form-item
-          :label="$t('api_test.definition.request.encryption')"
-          prop="encryption"
-        >
+        <el-form-item :label="$t('api_test.definition.request.encryption')" prop="encryption">
           <el-select
             v-model="authConfig.encrypt"
             :disabled="isReadOnly"
             :placeholder="$t('api_test.definition.request.verification_method')"
             filterable
-            size="small"
-          >
-            <el-option
-              v-for="item in encryptOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.id"
-            >
-            </el-option>
+            size="small">
+            <el-option v-for="item in encryptOptions" :key="item.id" :label="item.name" :value="item.id"> </el-option>
           </el-select>
         </el-form-item>
       </el-form>
@@ -135,11 +93,7 @@ export default {
   },
   data() {
     return {
-      originalOptions: [
-        { name: 'No Auth' },
-        { name: 'Basic Auth' },
-        { name: 'Digest Auth' },
-      ],
+      originalOptions: [{ name: 'No Auth' }, { name: 'Basic Auth' }, { name: 'Digest Auth' }],
       swaggerOptions: [{ name: 'No Auth' }, { name: 'Basic Auth' }],
       options: [],
       encryptOptions: [{ id: false, name: this.$t('commons.encrypted') }],
@@ -150,10 +104,7 @@ export default {
   },
   methods: {
     change() {
-      if (
-        this.authConfig.verification === 'Basic Auth' ||
-        this.authConfig.verification === 'Digest Auth'
-      ) {
+      if (this.authConfig.verification === 'Basic Auth' || this.authConfig.verification === 'Digest Auth') {
         let authManager = createComponent('AuthManager');
         authManager.verification = this.authConfig.verification;
         authManager.environment = this.request.useEnvironment;
diff --git a/api-test/frontend/src/business/definition/components/basis/AddBasisApi.vue b/api-test/frontend/src/business/definition/components/basis/AddBasisApi.vue
index 417ff81a88..e5f4184efe 100644
--- a/api-test/frontend/src/business/definition/components/basis/AddBasisApi.vue
+++ b/api-test/frontend/src/business/definition/components/basis/AddBasisApi.vue
@@ -4,22 +4,10 @@
     :title="$t('api_test.definition.request.title')"
     :visible.sync="httpVisible"
     width="45%"
-    :destroy-on-close="true"
-  >
-    <el-form
-      :model="httpForm"
-      label-position="right"
-      label-width="80px"
-      size="small"
-      :rules="rule"
-      ref="httpForm"
-    >
+    :destroy-on-close="true">
+    <el-form :model="httpForm" label-position="right" label-width="80px" size="small" :rules="rule" ref="httpForm">
       <el-form-item :label="$t('commons.name')" prop="name">
-        <el-input
-          v-model="httpForm.name"
-          autocomplete="off"
-          :placeholder="$t('commons.name')"
-        />
+        <el-input v-model="httpForm.name" autocomplete="off" :placeholder="$t('commons.name')" />
       </el-form-item>
 
       <el-form-item :label="$t('test_track.module.module')" prop="name">
@@ -30,71 +18,45 @@
           @getValue="setModule"
           :obj="moduleObj"
           clearable
-          checkStrictly
-        />
+          checkStrictly />
       </el-form-item>
 
       <!--HTTP 协议特有参数-->
-      <el-form-item
-        :label="$t('api_report.request')"
-        prop="path"
-        v-if="currentProtocol === 'HTTP'"
-      >
+      <el-form-item :label="$t('api_report.request')" prop="path" v-if="currentProtocol === 'HTTP'">
         <el-input
           :placeholder="$t('api_test.definition.request.path_info')"
           v-model="httpForm.path"
           class="ms-http-input"
-          size="small"
-        >
-          <el-select
-            v-model="httpForm.method"
-            slot="prepend"
-            style="width: 100px"
-            size="small"
-          >
-            <el-option
-              v-for="item in options"
-              :key="item.id"
-              :label="item.label"
-              :value="item.id"
-            />
+          size="small">
+          <el-select v-model="httpForm.method" slot="prepend" style="width: 100px" size="small">
+            <el-option v-for="item in options" :key="item.id" :label="item.label" :value="item.id" />
           </el-select>
         </el-input>
       </el-form-item>
 
-      <el-form-item
-        :label="$t('api_test.definition.request.responsible')"
-        prop="userId"
-      >
+      <el-form-item :label="$t('api_test.definition.request.responsible')" prop="userId">
         <el-select
           v-model="httpForm.userId"
           :placeholder="$t('api_test.definition.request.responsible')"
           filterable
           size="small"
-          style="width: 100%"
-        >
+          style="width: 100%">
           <el-option
             v-for="item in maintainerOptions"
             :key="item.id"
             :label="item.id + ' (' + item.name + ')'"
-            :value="item.id"
-          >
+            :value="item.id">
           </el-option>
         </el-select>
       </el-form-item>
-      <el-form-item
-        :label="$t('commons.description')"
-        prop="description"
-        style="margin-bottom: 29px"
-      >
+      <el-form-item :label="$t('commons.description')" prop="description" style="margin-bottom: 29px">
         <el-input
           class="ms-http-textarea"
           v-model="httpForm.description"
           type="textarea"
           :autosize="{ minRows: 2, maxRows: 10 }"
           :rows="2"
-          size="small"
-        />
+          size="small" />
       </el-form-item>
       <el-form-item class="create-tip">
         {{ $t('api_test.definition.create_tip') }}
@@ -107,8 +69,7 @@
         :isShow="true"
         title="编辑详情"
         @saveAsEdit="saveApi(true)"
-        @confirm="saveApi"
-      >
+        @confirm="saveApi">
       </ms-dialog-footer>
     </template>
   </el-dialog>
@@ -119,10 +80,7 @@ import { createDefinition } from '@/api/definition';
 import { getMaintainer } from '@/api/project';
 import MsDialogFooter from 'metersphere-frontend/src/components/MsDialogFooter';
 import { REQ_METHOD } from '../../model/JsonData';
-import {
-  getCurrentProjectID,
-  getCurrentUser,
-} from 'metersphere-frontend/src/utils/token';
+import { getCurrentProjectID, getCurrentUser } from 'metersphere-frontend/src/utils/token';
 import { createComponent, Request } from '../jmeter/components';
 import { TYPE_TO_C } from '@/business/automation/scenario/Setting';
 import MsSelectTree from 'metersphere-frontend/src/components/select-tree/SelectTree';
@@ -198,14 +156,8 @@ export default {
           if (!stepArray[i].clazzName) {
             stepArray[i].clazzName = TYPE_TO_C.get(stepArray[i].type);
           }
-          if (
-            stepArray[i] &&
-            stepArray[i].authManager &&
-            !stepArray[i].authManager.clazzName
-          ) {
-            stepArray[i].authManager.clazzName = TYPE_TO_C.get(
-              stepArray[i].authManager.type
-            );
+          if (stepArray[i] && stepArray[i].authManager && !stepArray[i].authManager.clazzName) {
+            stepArray[i].authManager.clazzName = TYPE_TO_C.get(stepArray[i].authManager.type);
           }
           if (stepArray[i].hashTree && stepArray[i].hashTree.length > 0) {
             this.compatibleHistory(stepArray[i].hashTree);
@@ -221,22 +173,18 @@ export default {
           this.httpForm.status = 'Underway';
           // 历史数据兼容处理
           if (this.httpForm.request) {
-            this.httpForm.request.clazzName = TYPE_TO_C.get(
-              this.httpForm.request.type
-            );
+            this.httpForm.request.clazzName = TYPE_TO_C.get(this.httpForm.request.type);
             this.compatibleHistory(this.httpForm.request.hashTree);
           }
-          this.result = createDefinition(null, bodyFiles, this.httpForm).then(
-            () => {
-              this.httpVisible = false;
-              if (saveAs) {
-                this.httpForm.request = JSON.stringify(this.httpForm.request);
-                this.$emit('saveAsEdit', this.httpForm);
-              } else {
-                this.$emit('refresh');
-              }
+          this.result = createDefinition(null, bodyFiles, this.httpForm).then(() => {
+            this.httpVisible = false;
+            if (saveAs) {
+              this.httpForm.request = JSON.stringify(this.httpForm.request);
+              this.$emit('saveAsEdit', this.httpForm);
+            } else {
+              this.$emit('refresh');
             }
-          );
+          });
         } else {
           return false;
         }
@@ -269,10 +217,7 @@ export default {
         this.httpForm.request.path = this.httpForm.path;
       }
       if (this.currentModule != null && this.currentModule.id) {
-        this.httpForm.modulePath =
-          this.currentModule.method != undefined
-            ? this.currentModule.method
-            : null;
+        this.httpForm.modulePath = this.currentModule.method != undefined ? this.currentModule.method : null;
         this.httpForm.moduleId = this.currentModule.id;
       } else {
         this.httpForm.modulePath = this.$t('commons.module_title');
diff --git a/api-test/frontend/src/business/definition/components/basis/BatchAddParameter.vue b/api-test/frontend/src/business/definition/components/basis/BatchAddParameter.vue
index 8220910b6b..2a9c8649bd 100644
--- a/api-test/frontend/src/business/definition/components/basis/BatchAddParameter.vue
+++ b/api-test/frontend/src/business/definition/components/basis/BatchAddParameter.vue
@@ -6,8 +6,7 @@
       @close="handleClose"
       direction="right"
       :show-full-screen="false"
-      :is-show-close="false"
-    >
+      :is-show-close="false">
       <div>
         <el-row>
           <el-col :span="14">
@@ -15,15 +14,8 @@
             <div v-if="isScenario" v-html="$t('api_test.bach_add_type_info')" />
           </el-col>
           <el-col :span="10" class="buttons">
-            <el-button size="mini" @click="handleClose">{{
-              $t('commons.cancel')
-            }}</el-button>
-            <el-button
-              type="primary"
-              size="mini"
-              @click="confirm"
-              @keydown.enter.native.prevent
-            >
+            <el-button size="mini" @click="handleClose">{{ $t('commons.cancel') }}</el-button>
+            <el-button type="primary" size="mini" @click="confirm" @keydown.enter.native.prevent>
               {{ $t('commons.confirm') }}
             </el-button>
           </el-col>
@@ -36,8 +28,7 @@
             :data.sync="parameters"
             theme="eclipse"
             :modes="['text']"
-            ref="codeEdit"
-          />
+            ref="codeEdit" />
         </div>
       </div>
     </ms-drawer>
@@ -46,10 +37,7 @@
 
 <script>
 import MsDialogFooter from 'metersphere-frontend/src/components/MsDialogFooter';
-import {
-  listenGoBack,
-  removeGoBackListener,
-} from 'metersphere-frontend/src/utils';
+import { listenGoBack, removeGoBackListener } from 'metersphere-frontend/src/utils';
 import MsCodeEdit from 'metersphere-frontend/src/components/MsCodeEdit';
 import MsDrawer from 'metersphere-frontend/src/components/MsDrawer';
 
@@ -99,9 +87,7 @@ export default {
       });
       if (msg !== '') {
         this.$warning(
-          this.$t('api_test.params_format_warning', [
-            msg.slice(0, msg.length - 1),
-          ]) +
+          this.$t('api_test.params_format_warning', [msg.slice(0, msg.length - 1)]) +
             ' :' +
             this.$t('api_test.automation.variable_warning')
         );
diff --git a/api-test/frontend/src/business/definition/components/basis/BatchAddParameterButton.vue b/api-test/frontend/src/business/definition/components/basis/BatchAddParameterButton.vue
index d2858240e7..4d87363d09 100644
--- a/api-test/frontend/src/business/definition/components/basis/BatchAddParameterButton.vue
+++ b/api-test/frontend/src/business/definition/components/basis/BatchAddParameterButton.vue
@@ -1,8 +1,6 @@
 <template>
   <el-row>
-    <el-link class="ms-el-link" @click="open">
-      {{ $t('commons.batch_add') }}</el-link
-    >
+    <el-link class="ms-el-link" @click="open"> {{ $t('commons.batch_add') }}</el-link>
     <batch-add-parameter @batchSave="batchSave" ref="batchAddParameter" />
   </el-row>
 </template>
@@ -23,11 +21,7 @@ export default {
           let line = item.split(/:|：/);
           let values = item.split(line[0] + ':');
           let required = false;
-          if (
-            line[1] === '必填' ||
-            line[1] === 'Required' ||
-            line[1] === 'true'
-          ) {
+          if (line[1] === '必填' || line[1] === 'Required' || line[1] === 'true') {
             required = true;
           }
           keyValues.push(
diff --git a/api-test/frontend/src/business/definition/components/basis/BatchEdit.vue b/api-test/frontend/src/business/definition/components/basis/BatchEdit.vue
index 80d8cfce86..0ad1c562aa 100644
--- a/api-test/frontend/src/business/definition/components/basis/BatchEdit.vue
+++ b/api-test/frontend/src/business/definition/components/basis/BatchEdit.vue
@@ -6,78 +6,28 @@
       width="25%"
       class="batch-edit-dialog"
       :destroy-on-close="true"
-      @close="handleClose"
-    >
-      <el-form
-        :model="form"
-        label-position="right"
-        label-width="150px"
-        size="medium"
-        ref="form"
-        :rules="rules"
-      >
-        <el-form-item
-          :label="$t('test_track.case.batch_update', [size])"
-          prop="type"
-        >
-          <el-select
-            v-model="form.type"
-            style="width: 80%"
-            @change="changeType"
-          >
-            <el-option
-              v-for="(type, index) in typeArr"
-              :key="index"
-              :value="type.id"
-              :label="type.name"
-            />
+      @close="handleClose">
+      <el-form :model="form" label-position="right" label-width="150px" size="medium" ref="form" :rules="rules">
+        <el-form-item :label="$t('test_track.case.batch_update', [size])" prop="type">
+          <el-select v-model="form.type" style="width: 80%" @change="changeType">
+            <el-option v-for="(type, index) in typeArr" :key="index" :value="type.id" :label="type.name" />
           </el-select>
         </el-form-item>
-        <el-form-item
-          v-if="form.type === 'path'"
-          :label="$t('test_track.case.updated_attr_value')"
-          prop="value"
-        >
+        <el-form-item v-if="form.type === 'path'" :label="$t('test_track.case.updated_attr_value')" prop="value">
           <el-input size="small" v-model="form.value" />
         </el-form-item>
-        <el-form-item
-          v-else-if="form.type === 'tags'"
-          :label="$t('test_track.case.updated_attr_value')"
-        >
-          <ms-input-tag
-            :currentScenario="form"
-            v-if="showInputTag"
-            ref="tag"
-            class="ms-case-input"
-          ></ms-input-tag>
+        <el-form-item v-else-if="form.type === 'tags'" :label="$t('test_track.case.updated_attr_value')">
+          <ms-input-tag :currentScenario="form" v-if="showInputTag" ref="tag" class="ms-case-input"></ms-input-tag>
           <el-checkbox v-model="form.appendTag">
             {{ $t('commons.append_tag') }}
-            <el-tooltip
-              class="item"
-              effect="dark"
-              :content="$t('commons.append_tag_tip')"
-              placement="top"
-            >
+            <el-tooltip class="item" effect="dark" :content="$t('commons.append_tag_tip')" placement="top">
               <i class="el-icon-info"></i>
             </el-tooltip>
           </el-checkbox>
         </el-form-item>
-        <el-form-item
-          v-else
-          :label="$t('test_track.case.updated_attr_value')"
-          prop="value"
-        >
-          <el-select
-            v-model="form.value"
-            style="width: 80%"
-            :filterable="filterable"
-          >
-            <el-option
-              v-for="(option, index) in options"
-              :key="index"
-              :value="option.id"
-              :label="$t(option.label)"
-            >
+        <el-form-item v-else :label="$t('test_track.case.updated_attr_value')" prop="value">
+          <el-select v-model="form.value" style="width: 80%" :filterable="filterable">
+            <el-option v-for="(option, index) in options" :key="index" :value="option.id" :label="$t(option.label)">
               <div v-if="option.email">
                 <span>{{ option.id }}({{ option.name }})</span>
               </div>
@@ -86,10 +36,7 @@
         </el-form-item>
       </el-form>
       <template v-slot:footer>
-        <ms-dialog-footer
-          @cancel="dialogVisible = false"
-          @confirm="submit('form')"
-        />
+        <ms-dialog-footer @cancel="dialogVisible = false" @confirm="submit('form')" />
       </template>
     </el-dialog>
   </div>
@@ -97,10 +44,7 @@
 
 <script>
 import MsDialogFooter from 'metersphere-frontend/src/components/MsDialogFooter';
-import {
-  listenGoBack,
-  removeGoBackListener,
-} from 'metersphere-frontend/src/utils';
+import { listenGoBack, removeGoBackListener } from 'metersphere-frontend/src/utils';
 import MsInputTag from '@/business/automation/scenario/MsInputTag';
 
 export default {
@@ -160,9 +104,7 @@ export default {
       this.form = {
         appendTag: true,
       };
-      this.size = this.dataCount
-        ? this.dataCount
-        : this.$parent.selectDataCounts;
+      this.size = this.dataCount ? this.dataCount : this.$parent.selectDataCounts;
       listenGoBack(this.handleClose);
     },
     handleClose() {
diff --git a/api-test/frontend/src/business/definition/components/basis/BatchMove.vue b/api-test/frontend/src/business/definition/components/basis/BatchMove.vue
index c3c2b29927..d89702e4ed 100644
--- a/api-test/frontend/src/business/definition/components/basis/BatchMove.vue
+++ b/api-test/frontend/src/business/definition/components/basis/BatchMove.vue
@@ -5,14 +5,9 @@
       :visible.sync="dialogVisible"
       :before-close="close"
       :destroy-on-close="true"
-      width="20%"
-    >
+      width="20%">
       <div>
-        <el-input
-          :placeholder="$t('test_track.module.search')"
-          v-model="filterText"
-          size="small"
-        />
+        <el-input :placeholder="$t('test_track.module.search')" v-model="filterText" size="small" />
         <el-tree
           class="filter-tree node-tree"
           :data="treeNodes"
@@ -22,8 +17,7 @@
           highlight-current
           style="overflow: auto"
           @node-click="nodeClick"
-          ref="tree"
-        >
+          ref="tree">
           <template v-slot:default="{ node }">
             <span>
               <span class="node-icon">
diff --git a/api-test/frontend/src/business/definition/components/basis/SetEnvironment.vue b/api-test/frontend/src/business/definition/components/basis/SetEnvironment.vue
index 5b36ad3379..e633bfa4a6 100644
--- a/api-test/frontend/src/business/definition/components/basis/SetEnvironment.vue
+++ b/api-test/frontend/src/business/definition/components/basis/SetEnvironment.vue
@@ -5,31 +5,24 @@
       :visible.sync="dialogVisible"
       width="400px"
       :destroy-on-close="true"
-      @close="handleClose"
-    >
+      @close="handleClose">
       <el-select
         v-model="environmentId"
         value-key="id"
         class="ms-htt-width"
         :placeholder="$t('api_test.definition.request.run_env')"
-        clearable
-      >
+        clearable>
         <el-option
           v-for="(environment, index) in environments"
           :key="index"
           :label="environment.name"
-          :value="environment.id"
-        />
+          :value="environment.id" />
         <template v-slot:empty>
           <div class="empty-environment"></div>
         </template>
       </el-select>
       <template v-slot:footer>
-        <el-button
-          type="primary"
-          @click="createPerformance"
-          @keydown.enter.native.prevent
-        >
+        <el-button type="primary" @click="createPerformance" @keydown.enter.native.prevent>
           {{ $t('commons.confirm') }}
         </el-button>
       </template>
@@ -39,10 +32,7 @@
 
 <script>
 import { getCaseById } from '@/api/api-test-case';
-import {
-  listenGoBack,
-  removeGoBackListener,
-} from 'metersphere-frontend/src/utils';
+import { listenGoBack, removeGoBackListener } from 'metersphere-frontend/src/utils';
 import { getCurrentProjectID } from 'metersphere-frontend/src/utils/token';
 import { parseEnvironment } from '@/business/environment/model/EnvironmentModel';
 import { getEnvironmentByProjectId } from 'metersphere-frontend/src/api/environment';
diff --git a/api-test/frontend/src/business/definition/components/body/ApiBinaryVariable.vue b/api-test/frontend/src/business/definition/components/body/ApiBinaryVariable.vue
index c34b7d4c05..9e329d7a3a 100644
--- a/api-test/frontend/src/business/definition/components/body/ApiBinaryVariable.vue
+++ b/api-test/frontend/src/business/definition/components/body/ApiBinaryVariable.vue
@@ -16,8 +16,7 @@
             size="small"
             maxlength="200"
             :placeholder="$t('commons.description')"
-            show-word-limit
-          >
+            show-word-limit>
           </el-input>
 
           <el-autocomplete
@@ -28,8 +27,7 @@
             :fetch-suggestions="querySearch"
             @change="change"
             :placeholder="keyText"
-            show-word-limit
-          />
+            show-word-limit />
         </el-col>
 
         <el-col>
@@ -42,8 +40,7 @@
             class="el-icon-delete-solid"
             circle
             @click="remove(index)"
-            :disabled="isDisable(index) || isReadOnly"
-          />
+            :disabled="isDisable(index) || isReadOnly" />
         </el-col>
       </el-row>
     </div>
@@ -52,17 +49,13 @@
       :environment="environment"
       :scenario="scenario"
       :parameters="parameters"
-      :current-item="currentItem"
-    />
+      :current-item="currentItem" />
   </div>
 </template>
 
 <script>
 import { KeyValue, Scenario } from '../../model/ApiTestModel';
-import {
-  JMETER_FUNC,
-  MOCKJS_FUNC,
-} from 'metersphere-frontend/src/utils/constants';
+import { JMETER_FUNC, MOCKJS_FUNC } from 'metersphere-frontend/src/utils/constants';
 import MsApiVariableAdvance from '../ApiVariableAdvance';
 import MsApiBodyFileUpload from '../body/ApiBodyFileUpload';
 import { REQUIRED } from '../../model/JsonData';
@@ -143,24 +136,17 @@ export default {
     },
     querySearch(queryString, cb) {
       let suggestions = this.suggestions;
-      let results = queryString
-        ? suggestions.filter(this.createFilter(queryString))
-        : suggestions;
+      let results = queryString ? suggestions.filter(this.createFilter(queryString)) : suggestions;
       cb(results);
     },
     createFilter(queryString) {
       return (restaurant) => {
-        return (
-          restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) ===
-          0
-        );
+        return restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0;
       };
     },
     funcSearch(queryString, cb) {
       let funcs = MOCKJS_FUNC.concat(JMETER_FUNC);
-      let results = queryString
-        ? funcs.filter(this.funcFilter(queryString))
-        : funcs;
+      let results = queryString ? funcs.filter(this.funcFilter(queryString)) : funcs;
       // 调用 callback 返回建议列表的数据
       cb(results);
     },
@@ -185,10 +171,7 @@ export default {
     },
   },
   created() {
-    if (
-      this.parameters.length === 0 ||
-      this.parameters[this.parameters.length - 1].name
-    ) {
+    if (this.parameters.length === 0 || this.parameters[this.parameters.length - 1].name) {
       this.parameters.push(
         new KeyValue({
           type: 'file',
diff --git a/api-test/frontend/src/business/definition/components/body/ApiBody.vue b/api-test/frontend/src/business/definition/components/body/ApiBody.vue
index df3dc4a7d2..c58228e8d9 100644
--- a/api-test/frontend/src/business/definition/components/body/ApiBody.vue
+++ b/api-test/frontend/src/business/definition/components/body/ApiBody.vue
@@ -1,19 +1,11 @@
 <template>
   <div>
     <el-radio-group v-model="body.type" size="mini">
-      <el-radio
-        :disabled="isReadOnly"
-        :label="type.FORM_DATA"
-        @change="modeChange"
-      >
+      <el-radio :disabled="isReadOnly" :label="type.FORM_DATA" @change="modeChange">
         {{ $t('api_test.definition.request.body_form_data') }}
       </el-radio>
 
-      <el-radio
-        :disabled="isReadOnly"
-        :label="type.WWW_FORM"
-        @change="modeChange"
-      >
+      <el-radio :disabled="isReadOnly" :label="type.WWW_FORM" @change="modeChange">
         {{ $t('api_test.definition.request.body_x_www_from_urlencoded') }}
       </el-radio>
 
@@ -29,19 +21,13 @@
         {{ $t('api_test.definition.request.body_raw') }}
       </el-radio>
 
-      <el-radio
-        :disabled="isReadOnly"
-        :label="type.BINARY"
-        @change="modeChange"
-      >
+      <el-radio :disabled="isReadOnly" :label="type.BINARY" @change="modeChange">
         {{ $t('api_test.definition.request.body_binary') }}
       </el-radio>
     </el-radio-group>
     <div v-if="body.type == 'Form Data' || body.type == 'WWW_FORM'">
       <el-row v-if="body.type == 'Form Data' || body.type == 'WWW_FORM'">
-        <el-link class="ms-el-link" @click="batchAdd">
-          {{ $t('commons.batch_add') }}</el-link
-        >
+        <el-link class="ms-el-link" @click="batchAdd"> {{ $t('commons.batch_add') }}</el-link>
       </el-row>
       <ms-api-variable
         :with-more-setting="true"
@@ -52,25 +38,18 @@
         :scenario-definition="scenarioDefinition"
         :id="id"
         @editScenarioAdvance="editScenarioAdvance"
-        type="body"
-      />
+        type="body" />
     </div>
     <div v-if="body.type == 'JSON'">
       <div style="padding: 10px">
-        <el-switch
-          active-text="JSON-SCHEMA"
-          v-model="body.format"
-          @change="formatChange"
-          active-value="JSON-SCHEMA"
-        />
+        <el-switch active-text="JSON-SCHEMA" v-model="body.format" @change="formatChange" active-value="JSON-SCHEMA" />
       </div>
       <ms-json-code-edit
         v-if="body.format === 'JSON-SCHEMA'"
         :body="body"
         :scenario-definition="scenarioDefinition"
         @editScenarioAdvance="editScenarioAdvance"
-        ref="jsonCodeEdit"
-      />
+        ref="jsonCodeEdit" />
       <ms-code-edit
         v-else-if="codeEditActive"
         :read-only="isReadOnly"
@@ -78,27 +57,15 @@
         :modes="modes"
         :mode="'json'"
         height="400px"
-        ref="codeEdit"
-      />
+        ref="codeEdit" />
     </div>
 
     <div class="ms-body" v-if="body.type == 'XML'">
-      <ms-code-edit
-        :read-only="isReadOnly"
-        :data.sync="body.raw"
-        :modes="modes"
-        :mode="'text'"
-        ref="codeEdit"
-      />
+      <ms-code-edit :read-only="isReadOnly" :data.sync="body.raw" :modes="modes" :mode="'text'" ref="codeEdit" />
     </div>
 
     <div class="ms-body" v-if="body.type == 'Raw'">
-      <ms-code-edit
-        :read-only="isReadOnly"
-        :data.sync="body.raw"
-        :modes="modes"
-        ref="codeEdit"
-      />
+      <ms-code-edit :read-only="isReadOnly" :data.sync="body.raw" :modes="modes" ref="codeEdit" />
     </div>
 
     <ms-api-binary-variable
@@ -106,8 +73,7 @@
       :parameters="body.binary"
       :isShowEnable="isShowEnable"
       type="body"
-      v-if="body.type == 'BINARY'"
-    />
+      v-if="body.type == 'BINARY'" />
     <batch-add-parameter @batchSave="batchSave" ref="batchAddParameter" />
   </div>
 </template>
@@ -214,21 +180,10 @@ export default {
           this.assignKey(to, from, key);
         }
       }
-      let property = [
-        'description',
-        'maxLength',
-        'minLength',
-        'pattern',
-        'format',
-        'enum',
-        'default',
-      ];
+      let property = ['description', 'maxLength', 'minLength', 'pattern', 'format', 'enum', 'default'];
       // 清除多出部分属性
       for (let key in to) {
-        if (
-          !this.hasOwnProperty.call(from, key) &&
-          property.indexOf(key) === -1
-        ) {
+        if (!this.hasOwnProperty.call(from, key) && property.indexOf(key) === -1) {
           delete to[key];
         }
       }
@@ -262,21 +217,14 @@ export default {
         if (this.body.raw) {
           try {
             if (!this.body.jsonSchema) {
-              this.body.jsonSchema = MsConvert.format(
-                JSON.parse(this.body.raw)
-              );
+              this.body.jsonSchema = MsConvert.format(JSON.parse(this.body.raw));
             } else {
               let data = MsConvert.format(JSON.parse(this.body.raw));
-              this.body.jsonSchema = this.deepAssign(
-                this.body.jsonSchema,
-                data
-              );
+              this.body.jsonSchema = this.deepAssign(this.body.jsonSchema, data);
             }
           } catch (e) {
             this.body.format = 'JSON';
-            this.$message.error(
-              this.$t('api_definition.body.json_format_error')
-            );
+            this.$message.error(this.$t('api_definition.body.json_format_error'));
           }
         }
       } else {
@@ -316,19 +264,13 @@ export default {
           isType = true;
         }
       });
-      if (
-        this.body &&
-        this.body.kvs &&
-        value === 'application/x-www-form-urlencoded'
-      ) {
+      if (this.body && this.body.kvs && value === 'application/x-www-form-urlencoded') {
         this.body.kvs.forEach((item) => {
           item.urlEncode = true;
         });
       }
       if (!isType) {
-        this.headers.unshift(
-          new KeyValue({ name: 'Content-Type', value: value })
-        );
+        this.headers.unshift(new KeyValue({ name: 'Content-Type', value: value }));
         this.$emit('headersChange');
       }
     },
diff --git a/api-test/frontend/src/business/definition/components/body/ApiBodyFileUpload.vue b/api-test/frontend/src/business/definition/components/body/ApiBodyFileUpload.vue
index e7f9e6d1d3..ee7783b743 100644
--- a/api-test/frontend/src/business/definition/components/body/ApiBodyFileUpload.vue
+++ b/api-test/frontend/src/business/definition/components/body/ApiBodyFileUpload.vue
@@ -1,12 +1,6 @@
 <template>
   <span v-if="showHide">
-    <el-upload
-      action="#"
-      class="ms-upload-header"
-      list-type="picture-card"
-      :file-list="parameter.files"
-      ref="upload"
-    >
+    <el-upload action="#" class="ms-upload-header" list-type="picture-card" :file-list="parameter.files" ref="upload">
       <div class="upload-default" @click.stop>
         <el-popover placement="right" trigger="hover">
           <div>
@@ -15,65 +9,36 @@
               class="ms-body-upload"
               :http-request="upload"
               :beforeUpload="uploadValidate"
-              ref="uploadLocal"
-            >
+              ref="uploadLocal">
               <el-button type="text" :disabled="isReadOnly" v-if="!isReadOnly">
                 {{ $t('permission.project_file.local_upload') }}</el-button
               >
               <span slot="file" />
             </el-upload>
           </div>
-          <el-button
-            type="text"
-            @click="associationFile"
-            v-if="!isReadOnly"
-            :disabled="isReadOnly"
-            >{{ $t('permission.project_file.associated_files') }}</el-button
-          >
+          <el-button type="text" @click="associationFile" v-if="!isReadOnly" :disabled="isReadOnly">{{
+            $t('permission.project_file.associated_files')
+          }}</el-button>
           <i class="el-icon-plus" slot="reference" />
         </el-popover>
       </div>
       <div class="upload-item" slot="file" slot-scope="{ file }">
-        <span>{{
-          file.file && file.file.name ? file.file.name : file.name
-        }}</span>
-        <span
-          v-if="file.storage === 'FILE_REF'"
-          class="el-upload-list__item-actions"
-        >
-          <span
-            v-if="!disabled"
-            class="ms-list__item-delete"
-            @click="handleRemove(file)"
-          >
+        <span>{{ file.file && file.file.name ? file.file.name : file.name }}</span>
+        <span v-if="file.storage === 'FILE_REF'" class="el-upload-list__item-actions">
+          <span v-if="!disabled" class="ms-list__item-delete" @click="handleRemove(file)">
             <i class="el-icon-unlock" />
             <span style="font-size: 13px">
-              {{
-                file.isExist
-                  ? $t('permission.project_file.file_delete_tip')
-                  : ''
-              }}
+              {{ file.isExist ? $t('permission.project_file.file_delete_tip') : '' }}
             </span>
           </span>
         </span>
         <span class="el-upload-list__item-actions" v-else>
-          <span
-            v-if="!disabled"
-            class="ms-list__item-delete"
-            @click="handleUpload(file)"
-          >
-            <el-tooltip
-              :content="$t('permission.project_file.save_to_file_manage')"
-              placement="top"
-            >
+          <span v-if="!disabled" class="ms-list__item-delete" @click="handleUpload(file)">
+            <el-tooltip :content="$t('permission.project_file.save_to_file_manage')" placement="top">
               <i class="el-icon-upload" style="font-size: 23px" />
             </el-tooltip>
           </span>
-          <span
-            v-if="!disabled"
-            class="ms-list__item-delete"
-            @click="handleRemove(file)"
-          >
+          <span v-if="!disabled" class="ms-list__item-delete" @click="handleRemove(file)">
             <i class="el-icon-delete" />
           </span>
         </span>
@@ -85,10 +50,7 @@
 </template>
 
 <script>
-import {
-  dumpFile,
-  fileExists,
-} from 'metersphere-frontend/src/api/file-metadata';
+import { dumpFile, fileExists } from 'metersphere-frontend/src/api/file-metadata';
 import MsFileBatchMove from '@/business/commons/FileBatchMove';
 import MsFileMetadataList from '@/business/commons/QuoteFileList';
 import { getCurrentProjectID } from 'metersphere-frontend/src/utils/token';
@@ -130,10 +92,7 @@ export default {
         this.result = fileExists(fileIds).then((response) => {
           let resultIds = response.data;
           this.parameter.files.forEach((file) => {
-            if (
-              file.storage === 'FILE_REF' &&
-              resultIds.indexOf(file.fileId) === -1
-            ) {
+            if (file.storage === 'FILE_REF' && resultIds.indexOf(file.fileId) === -1) {
               file.isExist = true;
             }
           });
diff --git a/api-test/frontend/src/business/definition/components/body/ApiFromUrlVariable.vue b/api-test/frontend/src/business/definition/components/body/ApiFromUrlVariable.vue
index 7b32432786..e64ac072af 100644
--- a/api-test/frontend/src/business/definition/components/body/ApiFromUrlVariable.vue
+++ b/api-test/frontend/src/business/definition/components/body/ApiFromUrlVariable.vue
@@ -15,8 +15,7 @@
             maxlength="200"
             @change="change"
             :placeholder="keyText"
-            show-word-limit
-          >
+            show-word-limit>
           </el-input>
 
           <el-autocomplete
@@ -27,18 +26,12 @@
             :fetch-suggestions="querySearch"
             @change="change"
             :placeholder="keyText"
-            show-word-limit
-          />
+            show-word-limit />
         </el-col>
 
         <el-col class="kv-select">
           <el-select v-model="item.required" size="small">
-            <el-option
-              v-for="req in requireds"
-              :key="req.id"
-              :label="req.name"
-              :value="req.id"
-            />
+            <el-option v-for="req in requireds" :key="req.id" :label="req.name" :value="req.id" />
           </el-select>
         </el-col>
 
@@ -52,13 +45,8 @@
             :placeholder="valueText"
             value-key="name"
             highlight-first-item
-            @select="change"
-          >
-            <i
-              slot="suffix"
-              class="el-input__icon el-icon-edit pointer"
-              @click="advanced(item)"
-            ></i>
+            @select="change">
+            <i slot="suffix" class="el-input__icon el-icon-edit pointer" @click="advanced(item)"></i>
           </el-autocomplete>
         </el-col>
 
@@ -68,8 +56,7 @@
             size="small"
             maxlength="200"
             :placeholder="$t('commons.description')"
-            show-word-limit
-          >
+            show-word-limit>
           </el-input>
 
           <el-autocomplete
@@ -80,8 +67,7 @@
             :fetch-suggestions="querySearch"
             @change="change"
             :placeholder="keyText"
-            show-word-limit
-          />
+            show-word-limit />
         </el-col>
 
         <el-col class="kv-delete">
@@ -90,8 +76,7 @@
             class="el-icon-delete-solid"
             circle
             @click="remove(index)"
-            :disabled="isDisable(index) || isReadOnly"
-          />
+            :disabled="isDisable(index) || isReadOnly" />
         </el-col>
       </el-row>
     </div>
@@ -100,17 +85,13 @@
       :environment="environment"
       :scenario="scenario"
       :parameters="parameters"
-      :current-item="currentItem"
-    />
+      :current-item="currentItem" />
   </div>
 </template>
 
 <script>
 import { KeyValue, Scenario } from '../../model/ApiTestModel';
-import {
-  JMETER_FUNC,
-  MOCKJS_FUNC,
-} from 'metersphere-frontend/src/utils/constants';
+import { JMETER_FUNC, MOCKJS_FUNC } from 'metersphere-frontend/src/utils/constants';
 import MsApiVariableAdvance from '../ApiVariableAdvance';
 import MsApiBodyFileUpload from '../body/ApiBodyFileUpload';
 import { REQUIRED } from '../../model/JsonData';
@@ -187,24 +168,17 @@ export default {
     },
     querySearch(queryString, cb) {
       let suggestions = this.suggestions;
-      let results = queryString
-        ? suggestions.filter(this.createFilter(queryString))
-        : suggestions;
+      let results = queryString ? suggestions.filter(this.createFilter(queryString)) : suggestions;
       cb(results);
     },
     createFilter(queryString) {
       return (restaurant) => {
-        return (
-          restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) ===
-          0
-        );
+        return restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0;
       };
     },
     funcSearch(queryString, cb) {
       let funcs = MOCKJS_FUNC.concat(JMETER_FUNC);
-      let results = queryString
-        ? funcs.filter(this.funcFilter(queryString))
-        : funcs;
+      let results = queryString ? funcs.filter(this.funcFilter(queryString)) : funcs;
       // 调用 callback 返回建议列表的数据
       cb(results);
     },
@@ -225,10 +199,7 @@ export default {
     },
   },
   created() {
-    if (
-      this.parameters.length === 0 ||
-      this.parameters[this.parameters.length - 1].name
-    ) {
+    if (this.parameters.length === 0 || this.parameters[this.parameters.length - 1].name) {
       this.parameters.push(
         new KeyValue({
           type: 'text',
diff --git a/api-test/frontend/src/business/definition/components/body/ApiJsonVariable.vue b/api-test/frontend/src/business/definition/components/body/ApiJsonVariable.vue
index 46d2027904..359ff0264f 100644
--- a/api-test/frontend/src/business/definition/components/body/ApiJsonVariable.vue
+++ b/api-test/frontend/src/business/definition/components/body/ApiJsonVariable.vue
@@ -12,8 +12,7 @@
             size="small"
             maxlength="200"
             :placeholder="$t('commons.description')"
-            show-word-limit
-          >
+            show-word-limit>
           </el-input>
 
           <el-autocomplete
@@ -24,8 +23,7 @@
             :fetch-suggestions="querySearch"
             @change="change"
             :placeholder="keyText"
-            show-word-limit
-          />
+            show-word-limit />
         </el-col>
 
         <el-col>
@@ -38,8 +36,7 @@
             class="el-icon-delete-solid"
             circle
             @click="remove(index)"
-            :disabled="isDisable(index) || isReadOnly"
-          />
+            :disabled="isDisable(index) || isReadOnly" />
         </el-col>
       </el-row>
     </div>
@@ -48,17 +45,13 @@
       :environment="environment"
       :scenario="scenario"
       :parameters="parameters"
-      :current-item="currentItem"
-    />
+      :current-item="currentItem" />
   </div>
 </template>
 
 <script>
 import { KeyValue, Scenario } from '../../model/ApiTestModel';
-import {
-  JMETER_FUNC,
-  MOCKJS_FUNC,
-} from 'metersphere-frontend/src/utils/constants';
+import { JMETER_FUNC, MOCKJS_FUNC } from 'metersphere-frontend/src/utils/constants';
 import MsApiVariableAdvance from '../ApiVariableAdvance';
 import MsApiBodyFileUpload from '../body/ApiBodyFileUpload';
 import { REQUIRED } from '../../model/JsonData';
@@ -135,24 +128,17 @@ export default {
     },
     querySearch(queryString, cb) {
       let suggestions = this.suggestions;
-      let results = queryString
-        ? suggestions.filter(this.createFilter(queryString))
-        : suggestions;
+      let results = queryString ? suggestions.filter(this.createFilter(queryString)) : suggestions;
       cb(results);
     },
     createFilter(queryString) {
       return (restaurant) => {
-        return (
-          restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) ===
-          0
-        );
+        return restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0;
       };
     },
     funcSearch(queryString, cb) {
       let funcs = MOCKJS_FUNC.concat(JMETER_FUNC);
-      let results = queryString
-        ? funcs.filter(this.funcFilter(queryString))
-        : funcs;
+      let results = queryString ? funcs.filter(this.funcFilter(queryString)) : funcs;
       // 调用 callback 返回建议列表的数据
       cb(results);
     },
@@ -177,10 +163,7 @@ export default {
     },
   },
   created() {
-    if (
-      this.parameters.length === 0 ||
-      this.parameters[this.parameters.length - 1].name
-    ) {
+    if (this.parameters.length === 0 || this.parameters[this.parameters.length - 1].name) {
       this.parameters.push(
         new KeyValue({
           type: 'text',
diff --git a/api-test/frontend/src/business/definition/components/case/ApiCaseHeader.vue b/api-test/frontend/src/business/definition/components/case/ApiCaseHeader.vue
index a6a2d402e2..5c3128dff0 100644
--- a/api-test/frontend/src/business/definition/components/case/ApiCaseHeader.vue
+++ b/api-test/frontend/src/business/definition/components/case/ApiCaseHeader.vue
@@ -9,8 +9,7 @@
               'background-color': getColor(true, api.method),
               border: getColor(true, api.method),
             }"
-            class="api-el-tag"
-          >
+            class="api-el-tag">
             {{ api.method }}
           </el-tag>
         </el-col>
@@ -29,8 +28,7 @@
             :useEnvironment="useEnvironment"
             @setEnvironment="setEnvironment"
             ref="environmentSelect"
-            v-if="api.protocol === 'HTTP' || api.protocol === 'TCP'"
-          />
+            v-if="api.protocol === 'HTTP' || api.protocol === 'TCP'" />
         </el-col>
         <el-col :span="2">
           <!-- 保存操作 -->
@@ -40,8 +38,7 @@
             size="small"
             @click="saveTestCase()"
             v-prevent-re-click
-            v-permission="['PROJECT_API_DEFINITION:READ+EDIT_CASE']"
-          >
+            v-permission="['PROJECT_API_DEFINITION:READ+EDIT_CASE']">
             {{ saveButtonText }}
           </el-button>
           <el-dropdown
@@ -52,8 +49,7 @@
             type="primary"
             size="small"
             @click="saveTestCase"
-            @command="handleCommand"
-          >
+            @command="handleCommand">
             {{ $t('commons.save') }}
             <el-dropdown-menu slot="dropdown">
               <el-dropdown-item command="openSyncRule"
@@ -73,10 +69,7 @@ import MsTag from 'metersphere-frontend/src/components/MsTag';
 import MsEnvironmentSelect from './MsEnvironmentSelect';
 import { API_METHOD_COLOUR } from '../../model/JsonData';
 import ApiCaseItem from '@/business/definition/components/case/ApiCaseItem';
-import {
-  hasLicense,
-  hasPermission,
-} from 'metersphere-frontend/src/utils/permission';
+import { hasLicense, hasPermission } from 'metersphere-frontend/src/utils/permission';
 
 export default {
   name: 'ApiCaseHeader',
diff --git a/api-test/frontend/src/business/definition/components/case/ApiCaseItem.vue b/api-test/frontend/src/business/definition/components/case/ApiCaseItem.vue
index d0166a37b2..d9c77e6cd4 100644
--- a/api-test/frontend/src/business/definition/components/case/ApiCaseItem.vue
+++ b/api-test/frontend/src/business/definition/components/case/ApiCaseItem.vue
@@ -1,21 +1,10 @@
 <template>
-  <el-card
-    style="margin-top: 5px"
-    @click.native="selectTestCase(apiCase, $event)"
-    v-loading="saveLoading"
-  >
+  <el-card style="margin-top: 5px" @click.native="selectTestCase(apiCase, $event)" v-loading="saveLoading">
     <div @click="active(apiCase)" v-if="type !== 'detail'">
       <el-row>
-        <el-col
-          :span="api.protocol === 'HTTP' ? 4 : 8"
-          v-loading="loading && !(apiCase.active || type === 'detail')"
-        >
+        <el-col :span="api.protocol === 'HTTP' ? 4 : 8" v-loading="loading && !(apiCase.active || type === 'detail')">
           <span @click.stop>
-            <i
-              class="icon el-icon-arrow-right"
-              :class="{ 'is-active': apiCase.active }"
-              @click="active(apiCase)"
-            />
+            <i class="icon el-icon-arrow-right" :class="{ 'is-active': apiCase.active }" @click="active(apiCase)" />
             <el-input
               v-if="!apiCase.id || isShowInput"
               size="small"
@@ -24,34 +13,20 @@
               :key="index"
               class="ms-api-header-select"
               style="width: 180px"
-              :readonly="
-                !hasPermission('PROJECT_API_DEFINITION:READ+EDIT_CASE')
-              "
+              :readonly="!hasPermission('PROJECT_API_DEFINITION:READ+EDIT_CASE')"
               :placeholder="$t('commons.input_name')"
-              ref="nameEdit"
-            />
+              ref="nameEdit" />
             <span v-else>
-              <el-tooltip
-                :content="apiCase.id ? apiCase.name : ''"
-                placement="top"
-              >
+              <el-tooltip :content="apiCase.id ? apiCase.name : ''" placement="top">
                 <span>{{ apiCase.id ? apiCase.name : '' | ellipsis }}</span>
               </el-tooltip>
 
-              <i
-                class="el-icon-edit"
-                style="cursor: pointer"
-                @click="showInput(apiCase)"
-              />
+              <i class="el-icon-edit" style="cursor: pointer" @click="showInput(apiCase)" />
             </span>
 
-            <el-link
-              type="primary"
-              style="margin-left: 10px"
-              @click="openHis(apiCase)"
-              v-if="apiCase.id"
-              >{{ $t('operating_log.change_history') }}</el-link
-            >
+            <el-link type="primary" style="margin-left: 10px" @click="openHis(apiCase)" v-if="apiCase.id">{{
+              $t('operating_log.change_history')
+            }}</el-link>
           </span>
           <div v-if="apiCase.id" style="color: #999999; font-size: 12px">
             <span style="margin-left: 10px">
@@ -67,14 +42,8 @@
             v-model="apiCase.priority"
             class="ms-api-select"
             @change="changePriority(apiCase)"
-            :disabled="readonly"
-          >
-            <el-option
-              v-for="grd in priorities"
-              :key="grd.id"
-              :label="grd.name"
-              :value="grd.id"
-            />
+            :disabled="readonly">
+            <el-option v-for="grd in priorities" :key="grd.id" :label="grd.name" :value="grd.id" />
           </el-select>
         </el-col>
         <el-col :span="api.protocol === 'HTTP' ? 4 : 0">
@@ -85,8 +54,7 @@
                 'background-color': getColor(true, apiCase.request.method),
                 border: getColor(true, apiCase.request.method),
               }"
-              class="api-el-tag"
-            >
+              class="api-el-tag">
               {{ apiCase.request.method }}
             </el-tag>
             <el-tooltip :content="apiCase.request.path">
@@ -102,14 +70,8 @@
                 v-model="apiCase.caseStatus"
                 style="margin-right: 5px"
                 @change="saveTestCase(apiCase, true)"
-                :disabled="readonly"
-              >
-                <el-option
-                  v-for="item in options"
-                  :key="item.id"
-                  :label="$t(item.label)"
-                  :value="item.id"
-                />
+                :disabled="readonly">
+                <el-option v-for="item in options" :key="item.id" :label="$t(item.label)" :value="item.id" />
               </el-select>
             </el-col>
             <el-col :span="16">
@@ -119,8 +81,7 @@
                   placement="bottom"
                   effect="dark"
                   v-if="!showFollow"
-                  :disabled="true"
-                >
+                  :disabled="true">
                   <i
                     class="el-icon-star-off"
                     style="
@@ -130,28 +91,19 @@
                       margin-right: 15px;
                       cursor: pointer;
                     "
-                    @click="saveFollow"
-                  />
+                    @click="saveFollow" />
                 </el-tooltip>
                 <el-tooltip
                   :content="$t('commons.cancel')"
                   placement="bottom"
                   effect="dark"
                   v-if="showFollow"
-                  :disabled="true"
-                >
+                  :disabled="true">
                   <i
                     class="el-icon-star-on"
-                    style="
-                      color: #783987;
-                      font-size: 28px;
-                      margin-top: 2px;
-                      margin-right: 15px;
-                      cursor: pointer;
-                    "
+                    style="color: #783987; font-size: 28px; margin-top: 2px; margin-right: 15px; cursor: pointer"
                     @click="saveFollow"
-                    v-if="showFollow"
-                  />
+                    v-if="showFollow" />
                 </el-tooltip>
               </div>
             </el-col>
@@ -162,8 +114,7 @@
                 :currentScenario="apiCase"
                 ref="tag"
                 @keyup.enter.native="saveTestCase(apiCase, true)"
-                :read-only="readonly"
-              />
+                :read-only="readonly" />
             </div>
           </el-row>
         </el-col>
@@ -179,56 +130,35 @@
               size="mini"
               :disabled="!apiCase.id || loaded"
               circle
-              v-if="!loading"
-            />
-            <el-tooltip
-              :content="$t('report.stop_btn')"
-              placement="top"
-              :enterable="false"
-              v-else
-            >
+              v-if="!loading" />
+            <el-tooltip :content="$t('report.stop_btn')" placement="top" :enterable="false" v-else>
               <el-button
                 :disabled="!apiCase.id"
                 @click.once="stop(apiCase)"
                 size="mini"
                 style="color: white; padding: 0; width: 28px; height: 28px"
                 class="stop-btn"
-                circle
-              >
+                circle>
                 <div style="transform: scale(0.72)">
-                  <span style="margin-left: -3.5px; font-weight: bold"
-                    >STOP</span
-                  >
+                  <span style="margin-left: -3.5px; font-weight: bold">STOP</span>
                 </div>
               </el-button>
             </el-tooltip>
           </span>
           <span @click.stop>
-            <ms-api-extend-btns
-              :is-case-edit="isCaseEdit"
-              :environment="environment"
-              :row="apiCase"
-            />
+            <ms-api-extend-btns :is-case-edit="isCaseEdit" :environment="environment" :row="apiCase" />
           </span>
         </el-col>
 
         <el-col :span="4">
           <ms-api-report-status :status="apiCase.execResult" />
-          <div
-            v-if="apiCase.id"
-            style="color: #999999; font-size: 12px; padding: 5px"
-          >
+          <div v-if="apiCase.id" style="color: #999999; font-size: 12px; padding: 5px">
             <span> {{ apiCase.execTime | datetimeFormat }}</span>
             {{ apiCase.updateUser }}
           </div>
         </el-col>
         <el-col :span="2">
-          <el-link
-            style="float: right"
-            type="primary"
-            @click.stop
-            @click="showHistory(apiCase.id)"
-          >
+          <el-link style="float: right" type="primary" @click.stop @click="showHistory(apiCase.id)">
             {{ $t('commons.execute_history') }}
           </el-link>
         </el-col>
@@ -247,15 +177,13 @@
           :response="apiCase.responseData"
           :request="apiCase.request"
           :case-id="apiCase.apiDefinitionId"
-          v-if="api.protocol === 'HTTP'"
-        />
+          v-if="api.protocol === 'HTTP'" />
         <tcp-format-parameters
           :showScript="true"
           :show-pre-script="true"
           :request="apiCase.request"
           :response="apiCase.responseData"
-          v-if="api.method === 'TCP'"
-        />
+          v-if="api.method === 'TCP'" />
         <mx-esb-definition
           class="esb-div"
           v-xpack
@@ -264,20 +192,17 @@
           :showScript="true"
           :response="apiCase.responseData"
           v-if="api.method === 'ESB'"
-          ref="esbDefinition"
-        />
+          ref="esbDefinition" />
         <ms-sql-basis-parameters
           :showScript="true"
           :request="apiCase.request"
           :response="apiCase.responseData"
-          v-if="api.method === 'SQL'"
-        />
+          v-if="api.method === 'SQL'" />
         <ms-dubbo-basis-parameters
           :showScript="true"
           :request="apiCase.request"
           :response="apiCase.responseData"
-          v-if="api.protocol === 'DUBBO'"
-        />
+          v-if="api.protocol === 'DUBBO'" />
         <!-- HTTP 请求返回数据 -->
         <p class="tip">{{ $t('api_test.definition.request.res_param') }}</p>
         <div v-if="api.method === 'ESB'">
@@ -288,15 +213,13 @@
             :is-api-component="false"
             :show-options-button="false"
             :show-header="true"
-            :api-item="apiCase"
-          />
+            :api-item="apiCase" />
         </div>
         <div v-else>
           <api-response-component
             :currentProtocol="apiCase.request.protocol"
             :api-item="apiCase"
-            :result="apiCase.responseData"
-          />
+            :result="apiCase.responseData" />
         </div>
       </div>
     </el-collapse-transition>
@@ -304,19 +227,15 @@
     <el-dialog
       :visible.sync="syncCaseVisible"
       :append-to-body="true"
-      :title="$t('commons.save') + '&' + $t('workstation.sync_setting')"
-    >
-      <el-row
-        style="margin-bottom: 10px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)"
-      >
+      :title="$t('commons.save') + '&' + $t('workstation.sync_setting')">
+      <el-row style="margin-bottom: 10px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)">
         <span style="padding-left: 10px">
           {{ $t('project_application.workstation.update_case_tip') }}
           <el-tooltip
             class="ms-num"
             effect="dark"
             :content="$t('project_application.workstation.case_receiver_tip')"
-            placement="top"
-          >
+            placement="top">
             <i class="el-icon-warning" />
           </el-tooltip>
         </span>
@@ -329,15 +248,12 @@
             cursor: pointer;
             padding-left: 10px;
           "
-          @click="gotoApiMessage"
-        >
+          @click="gotoApiMessage">
           {{ $t('project_application.workstation.go_to_case_message') }}
         </p>
         <el-row style="margin-bottom: 5px; margin-top: 5px">
           <el-col :span="4"
-            ><span style="font-weight: bold; padding-left: 10px">{{
-              $t('api_test.definition.recipient') + ':'
-            }}</span>
+            ><span style="font-weight: bold; padding-left: 10px">{{ $t('api_test.definition.recipient') + ':' }}</span>
           </el-col>
           <el-col :span="20" style="color: var(--primary_color)">
             <el-checkbox v-model="caseSyncRuleRelation.scenarioCreator">
@@ -347,47 +263,26 @@
         </el-row>
       </el-row>
       <el-row>
-        <el-checkbox
-          v-model="caseSyncRuleRelation.showUpdateRule"
-          style="padding-left: 10px"
+        <el-checkbox v-model="caseSyncRuleRelation.showUpdateRule" style="padding-left: 10px"
           >{{ $t('project_application.workstation.no_show_setting') }}
         </el-checkbox>
       </el-row>
       <span slot="footer" class="dialog-footer">
-        <el-button @click="syncCaseVisible = false">{{
-          $t('commons.cancel')
-        }}</el-button>
-        <el-button type="primary" @click="saveCaseAndNotice()">{{
-          $t('commons.confirm')
-        }}</el-button>
+        <el-button @click="syncCaseVisible = false">{{ $t('commons.cancel') }}</el-button>
+        <el-button type="primary" @click="saveCaseAndNotice()">{{ $t('commons.confirm') }}</el-button>
       </span>
     </el-dialog>
   </el-card>
 </template>
 
 <script>
-import {
-  citedScenarioCount,
-  deleteToGc,
-  editApiCase,
-  editFollowsByParam,
-  getApiCaseFollow,
-} from '@/api/api-test-case';
+import { citedScenarioCount, deleteToGc, editApiCase, editFollowsByParam, getApiCaseFollow } from '@/api/api-test-case';
 import { createDefinition } from '@/api/definition';
 import { relationGet, updateRuleRelation } from '@/api/xpack';
 import { getUUID } from 'metersphere-frontend/src/utils';
-import {
-  getCurrentProjectID,
-  getCurrentUser,
-} from 'metersphere-frontend/src/utils/token';
-import {
-  hasLicense,
-  hasPermission,
-} from 'metersphere-frontend/src/utils/permission';
-import {
-  _getBodyUploadFiles,
-  mergeRequestDocumentData,
-} from '@/business/definition/api-definition';
+import { getCurrentProjectID, getCurrentUser } from 'metersphere-frontend/src/utils/token';
+import { hasLicense, hasPermission } from 'metersphere-frontend/src/utils/permission';
+import { _getBodyUploadFiles, mergeRequestDocumentData } from '@/business/definition/api-definition';
 import { API_METHOD_COLOUR, API_STATUS, PRIORITY } from '../../model/JsonData';
 import MsTag from 'metersphere-frontend/src/components/MsTag';
 import MsTipButton from 'metersphere-frontend/src/components/MsTipButton';
@@ -438,12 +333,9 @@ export default {
     ShowMoreBtn,
     MsChangeHistory,
     ApiCaseHeader,
-    MsApiReportStatus: () =>
-      import('../../../automation/report/ApiReportStatus'),
-    MxEsbDefinition: () =>
-      import('@/business/definition/components/esb/MxEsbDefinition'),
-    MxEsbDefinitionResponse: () =>
-      import('@/business/definition/components/esb/MxEsbDefinitionResponse'),
+    MsApiReportStatus: () => import('../../../automation/report/ApiReportStatus'),
+    MxEsbDefinition: () => import('@/business/definition/components/esb/MxEsbDefinition'),
+    MxEsbDefinitionResponse: () => import('@/business/definition/components/esb/MxEsbDefinitionResponse'),
   },
   data() {
     return {
@@ -520,18 +412,11 @@ export default {
   },
   created() {
     store.scenarioEnvMap = undefined;
-    if (
-      this.apiCase.request &&
-      this.apiCase.request.hashTree &&
-      this.apiCase.request.hashTree.length > 0
-    ) {
-      let index = this.apiCase.request.hashTree.findIndex(
-        (item) => item.type === 'Assertions'
-      );
+    if (this.apiCase.request && this.apiCase.request.hashTree && this.apiCase.request.hashTree.length > 0) {
+      let index = this.apiCase.request.hashTree.findIndex((item) => item.type === 'Assertions');
       if (index !== -1) {
         this.apiCase.request.hashTree[index].document.nodeType = 'Case';
-        this.apiCase.request.hashTree[index].document.apiDefinitionId =
-          this.apiCase.apiDefinitionId;
+        this.apiCase.request.hashTree[index].document.apiDefinitionId = this.apiCase.apiDefinitionId;
       }
     }
     this.readonly = !hasPermission('PROJECT_API_DEFINITION:READ+EDIT_CASE');
@@ -607,10 +492,8 @@ export default {
       store.apiCaseMap.set(this.apiCase.id, 0);
     }
     // 记录原始数据源ID
-    this.apiCase.request.originalDataSourceId =
-      this.apiCase.request.dataSourceId;
-    this.apiCase.request.originalEnvironmentId =
-      this.apiCase.request.environmentId;
+    this.apiCase.request.originalDataSourceId = this.apiCase.request.dataSourceId;
+    this.apiCase.request.originalEnvironmentId = this.apiCase.request.environmentId;
 
     if (this.apiCase && this.apiCase.request && this.apiCase.request.hashTree) {
       this.setOriginal(this.apiCase.request.hashTree);
@@ -619,21 +502,12 @@ export default {
   methods: {
     setOriginal(scenarioDefinition) {
       for (let i in scenarioDefinition) {
-        let typeArray = [
-          'JDBCPostProcessor',
-          'JDBCSampler',
-          'JDBCPreProcessor',
-        ];
+        let typeArray = ['JDBCPostProcessor', 'JDBCSampler', 'JDBCPreProcessor'];
         if (typeArray.indexOf(scenarioDefinition[i].type) !== -1) {
-          scenarioDefinition[i].originalDataSourceId =
-            scenarioDefinition[i].dataSourceId;
-          scenarioDefinition[i].originalEnvironmentId =
-            scenarioDefinition[i].environmentId;
+          scenarioDefinition[i].originalDataSourceId = scenarioDefinition[i].dataSourceId;
+          scenarioDefinition[i].originalEnvironmentId = scenarioDefinition[i].environmentId;
         }
-        if (
-          scenarioDefinition[i].hashTree &&
-          scenarioDefinition[i].hashTree.length > 0
-        ) {
+        if (scenarioDefinition[i].hashTree && scenarioDefinition[i].hashTree.length > 0) {
           this.setOriginal(scenarioDefinition[i].hashTree);
         }
       }
@@ -663,24 +537,17 @@ export default {
       }
     },
     deleteCase(index, row) {
-      this.$alert(
-        this.$t('api_test.definition.request.delete_case_confirm') +
-          ' ' +
-          row.name +
-          ' ？',
-        '',
-        {
-          confirmButtonText: this.$t('commons.confirm'),
-          callback: (action) => {
-            if (action === 'confirm') {
-              deleteToGc(row.id).then(() => {
-                this.$success(this.$t('commons.delete_success'));
-                this.$emit('refresh');
-              });
-            }
-          },
-        }
-      );
+      this.$alert(this.$t('api_test.definition.request.delete_case_confirm') + ' ' + row.name + ' ？', '', {
+        confirmButtonText: this.$t('commons.confirm'),
+        callback: (action) => {
+          if (action === 'confirm') {
+            deleteToGc(row.id).then(() => {
+              this.$success(this.$t('commons.delete_success'));
+              this.$emit('refresh');
+            });
+          }
+        },
+      });
     },
     singleRun(data) {
       let methods = ['SQL', 'DUBBO', 'dubbo://'];
@@ -693,11 +560,7 @@ export default {
         return;
       }
       mergeRequestDocumentData(data.request);
-      if (
-        data.apiMethod !== 'SQL' &&
-        data.apiMethod !== 'DUBBO' &&
-        data.apiMethod !== 'dubbo://'
-      ) {
+      if (data.apiMethod !== 'SQL' && data.apiMethod !== 'DUBBO' && data.apiMethod !== 'dubbo://') {
         data.request.useEnvironment = this.environment;
       } else {
         data.request.useEnvironment = data.request.environmentId;
@@ -732,8 +595,7 @@ export default {
         this.currentApi.request = this.beforeRequest;
       } else {
         if (this.selectedEvent.currentTarget != undefined) {
-          this.selectedEvent.currentTarget.className =
-            'el-card is-always-shadow';
+          this.selectedEvent.currentTarget.className = 'el-card is-always-shadow';
         }
         this.selectedEvent.currentTarget = $event.currentTarget;
         $event.currentTarget.className = 'el-card is-always-shadow is-selected';
@@ -804,14 +666,8 @@ export default {
               },
             };
           }
-          if (
-            stepArray[i] &&
-            stepArray[i].authManager &&
-            !stepArray[i].authManager.clazzName
-          ) {
-            stepArray[i].authManager.clazzName = TYPE_TO_C.get(
-              stepArray[i].authManager.type
-            );
+          if (stepArray[i] && stepArray[i].authManager && !stepArray[i].authManager.clazzName) {
+            stepArray[i].authManager.clazzName = TYPE_TO_C.get(stepArray[i].authManager.type);
           }
           if (stepArray[i].hashTree && stepArray[i].hashTree.length > 0) {
             this.sort(stepArray[i].hashTree);
@@ -838,10 +694,7 @@ export default {
         row.request.id = tmp.request.id;
         tmp.request.path = this.api.path;
         tmp.versionId = this.api.versionId;
-        if (
-          tmp.request.protocol != 'dubbo://' &&
-          tmp.request.protocol != 'DUBBO'
-        ) {
+        if (tmp.request.protocol != 'dubbo://' && tmp.request.protocol != 'DUBBO') {
           tmp.request.method = this.api.method;
         }
       }
@@ -859,9 +712,7 @@ export default {
       if (tmp.request) {
         tmp.request.clazzName = TYPE_TO_C.get(tmp.request.type);
         if (tmp.request.authManager) {
-          tmp.request.authManager.clazzName = TYPE_TO_C.get(
-            tmp.request.authManager.type
-          );
+          tmp.request.authManager.clazzName = TYPE_TO_C.get(tmp.request.authManager.type);
         }
         this.sort(tmp.request.hashTree);
       }
@@ -923,89 +774,50 @@ export default {
       }
       if (this.apiCase.request.headers && this.beforeUpdateRequest.headers) {
         let submitRequestHeaders = JSON.stringify(this.apiCase.request.headers);
-        let beforeRequestHeaders = JSON.stringify(
-          this.beforeUpdateRequest.headers
-        );
-        if (
-          submitRequestHeaders !== beforeRequestHeaders &&
-          !this.noShowSyncRuleRelation
-        ) {
+        let beforeRequestHeaders = JSON.stringify(this.beforeUpdateRequest.headers);
+        if (submitRequestHeaders !== beforeRequestHeaders && !this.noShowSyncRuleRelation) {
           syncCaseVisible = true;
         }
       }
-      if (
-        this.apiCase.request.arguments &&
-        this.beforeUpdateRequest.arguments
-      ) {
+      if (this.apiCase.request.arguments && this.beforeUpdateRequest.arguments) {
         let submitRequestQuery = JSON.stringify(this.apiCase.request.arguments);
-        let beforeRequestQuery = JSON.stringify(
-          this.beforeUpdateRequest.arguments
-        );
-        if (
-          submitRequestQuery !== beforeRequestQuery &&
-          !this.noShowSyncRuleRelation
-        ) {
+        let beforeRequestQuery = JSON.stringify(this.beforeUpdateRequest.arguments);
+        if (submitRequestQuery !== beforeRequestQuery && !this.noShowSyncRuleRelation) {
           syncCaseVisible = true;
         }
       }
       if (this.apiCase.request.rest && this.beforeUpdateRequest.rest) {
         let submitRequestRest = JSON.stringify(this.apiCase.request.rest);
         let beforeRequestRest = JSON.stringify(this.beforeUpdateRequest.rest);
-        if (
-          submitRequestRest !== beforeRequestRest &&
-          !this.noShowSyncRuleRelation
-        ) {
+        if (submitRequestRest !== beforeRequestRest && !this.noShowSyncRuleRelation) {
           syncCaseVisible = true;
         }
       }
       if (this.apiCase.request.body && this.beforeUpdateRequest.body) {
         let submitRequestBody = JSON.stringify(this.apiCase.request.body);
         let beforeRequestBody = JSON.stringify(this.beforeUpdateRequest.body);
-        if (
-          submitRequestBody !== beforeRequestBody &&
-          !this.noShowSyncRuleRelation
-        ) {
+        if (submitRequestBody !== beforeRequestBody && !this.noShowSyncRuleRelation) {
           syncCaseVisible = true;
         }
       }
-      if (
-        this.apiCase.request.authManager &&
-        this.beforeUpdateRequest.authManager
-      ) {
-        let submitRequestAuthManager = JSON.stringify(
-          this.apiCase.request.authManager
-        );
-        let beforeRequestAuthManager = JSON.stringify(
-          this.beforeUpdateRequest.authManager
-        );
-        if (
-          submitRequestAuthManager !== beforeRequestAuthManager &&
-          !this.noShowSyncRuleRelation
-        ) {
+      if (this.apiCase.request.authManager && this.beforeUpdateRequest.authManager) {
+        let submitRequestAuthManager = JSON.stringify(this.apiCase.request.authManager);
+        let beforeRequestAuthManager = JSON.stringify(this.beforeUpdateRequest.authManager);
+        if (submitRequestAuthManager !== beforeRequestAuthManager && !this.noShowSyncRuleRelation) {
           syncCaseVisible = true;
         }
       }
       if (this.apiCase.request.hashTree && this.beforeUpdateRequest.hashTree) {
-        let submitRequestHashTree = JSON.stringify(
-          this.apiCase.request.hashTree
-        );
-        let beforeRequestHashTree = JSON.stringify(
-          this.beforeUpdateRequest.hashTree
-        );
-        if (
-          submitRequestHashTree !== beforeRequestHashTree &&
-          !this.noShowSyncRuleRelation
-        ) {
+        let submitRequestHashTree = JSON.stringify(this.apiCase.request.hashTree);
+        let beforeRequestHashTree = JSON.stringify(this.beforeUpdateRequest.hashTree);
+        if (submitRequestHashTree !== beforeRequestHashTree && !this.noShowSyncRuleRelation) {
           syncCaseVisible = true;
         }
       }
       if (
-        (this.apiCase.request.connectTimeout !==
-          this.beforeUpdateRequest.connectTimeout ||
-          this.apiCase.request.responseTimeout !==
-            this.beforeUpdateRequest.responseTimeout ||
-          this.apiCase.request.followRedirects !==
-            this.beforeUpdateRequest.followRedirects ||
+        (this.apiCase.request.connectTimeout !== this.beforeUpdateRequest.connectTimeout ||
+          this.apiCase.request.responseTimeout !== this.beforeUpdateRequest.responseTimeout ||
+          this.apiCase.request.followRedirects !== this.beforeUpdateRequest.followRedirects ||
           this.apiCase.request.alias !== this.beforeUpdateRequest.alias ||
           this.caseSyncRuleRelation.showUpdateRule === true) &&
         !this.noShowSyncRuleRelation
@@ -1090,10 +902,7 @@ export default {
     },
     saveCaseSyncRuleRelation(caseSyncRuleRelation) {
       this.saveLoading = true;
-      updateRuleRelation(
-        caseSyncRuleRelation.resourceId,
-        caseSyncRuleRelation
-      ).then(() => {
+      updateRuleRelation(caseSyncRuleRelation.resourceId, caseSyncRuleRelation).then(() => {
         this.compare = [];
         if (this.compare.indexOf(this.readyToSaveCase.id) === -1) {
           this.compare.push(this.readyToSaveCase.id);
@@ -1116,12 +925,8 @@ export default {
           if (this.caseSyncRuleRelation.scenarioCreator !== false) {
             this.caseSyncRuleRelation.scenarioCreator = true;
           }
-          this.noShowSyncRuleRelation =
-            this.caseSyncRuleRelation.showUpdateRule;
-          this.$EventBus.$emit(
-            'showXpackCaseBtn',
-            this.caseSyncRuleRelation.showUpdateRule
-          );
+          this.noShowSyncRuleRelation = this.caseSyncRuleRelation.showUpdateRule;
+          this.$EventBus.$emit('showXpackCaseBtn', this.caseSyncRuleRelation.showUpdateRule);
         }
       });
     },
diff --git a/api-test/frontend/src/business/definition/components/case/EditApiCase.vue b/api-test/frontend/src/business/definition/components/case/EditApiCase.vue
index bf56f27f80..34f80b8a65 100644
--- a/api-test/frontend/src/business/definition/components/case/EditApiCase.vue
+++ b/api-test/frontend/src/business/definition/components/case/EditApiCase.vue
@@ -1,12 +1,6 @@
 <template>
   <div v-if="visible">
-    <ms-drawer
-      :size="60"
-      @close="apiCaseClose"
-      direction="bottom"
-      ref="testCaseDrawer"
-      class="ms-drawer-case-header"
-    >
+    <ms-drawer :size="60" @close="apiCaseClose" direction="bottom" ref="testCaseDrawer" class="ms-drawer-case-header">
       <template v-slot:header>
         <api-case-header
           :api="api"
@@ -20,18 +14,14 @@
           :is-case-edit="isCaseEdit"
           :button-text="saveButtonText"
           ref="header"
-          v-if="refreshHeader"
-        />
+          v-if="refreshHeader" />
       </template>
 
       <el-container>
         <el-main>
           <div v-for="item in apiCaseList" :key="item.id ? item.id : item.uuid">
             <api-case-item
-              :loading="
-                (singleLoading && singleRunId === item.id) ||
-                batchLoadingIds.indexOf(item.id) > -1
-              "
+              :loading="(singleLoading && singleRunId === item.id) || batchLoadingIds.indexOf(item.id) > -1"
               @refresh="refresh"
               @singleRun="singleRun"
               @stop="stop"
@@ -48,8 +38,7 @@
               :loaded="loaded"
               :maintainerOptions="maintainerOptions"
               :api-case="item"
-              ref="apiCaseItem"
-            />
+              ref="apiCaseItem" />
           </div>
         </el-main>
       </el-container>
@@ -64,17 +53,12 @@
       :edit-case-request="true"
       @runRefresh="runRefresh"
       @errorRefresh="errorRefresh"
-      ref="runTest"
-    />
+      ref="runTest" />
     <ms-task-center ref="taskCenter" :show-menu="false" />
   </div>
 </template>
 <script>
-import {
-  apiTestCaseList,
-  editApiCaseByParam,
-  getCaseById,
-} from '@/api/api-test-case';
+import { apiTestCaseList, editApiCaseByParam, getCaseById } from '@/api/api-test-case';
 import { getMaintainer } from '@/api/project';
 import ApiCaseHeader from './ApiCaseHeader';
 import { getCurrentProjectID } from 'metersphere-frontend/src/utils/token';
@@ -96,8 +80,7 @@ export default {
     ApiCaseHeader,
     MsRun: () => import('../Run'),
     ApiCaseItem: () => import('./ApiCaseItem'),
-    MsTaskCenter: () =>
-      import('metersphere-frontend/src/components/task/TaskCenter'),
+    MsTaskCenter: () => import('metersphere-frontend/src/components/task/TaskCenter'),
   },
   props: {
     createCase: String,
@@ -284,14 +267,8 @@ export default {
     setEnvironment(environment) {
       if (this.environment !== environment) {
         if (this.apiCaseList && this.apiCaseList.length > 0) {
-          if (
-            this.apiCaseList[0].request &&
-            this.apiCaseList[0].request.hashTree
-          ) {
-            this.setOwnEnvironment(
-              this.apiCaseList[0].request.hashTree,
-              environment
-            );
+          if (this.apiCaseList[0].request && this.apiCaseList[0].request.hashTree) {
+            this.setOwnEnvironment(this.apiCaseList[0].request.hashTree, environment);
           }
         }
       }
@@ -310,10 +287,7 @@ export default {
     apiCaseClose() {
       if (this.apiCaseList && this.apiCaseList.length > 0) {
         let message = '';
-        if (
-          store.apiCaseMap.has(this.apiCaseList[0].id) &&
-          store.apiCaseMap.get(this.apiCaseList[0].id) > 1
-        ) {
+        if (store.apiCaseMap.has(this.apiCaseList[0].id) && store.apiCaseMap.get(this.apiCaseList[0].id) > 1) {
           message += this.apiCaseList[0].name + '，';
         }
         if (this.apiCaseList[0].type === 'AddCase') {
@@ -364,14 +338,8 @@ export default {
       this.$emit('refreshModule');
     },
     setNewSource(environment, obj) {
-      if (
-        environment.config &&
-        environment.config.databaseConfigs &&
-        environment.config.databaseConfigs.length > 0
-      ) {
-        let dataSources = environment.config.databaseConfigs.filter(
-          (item) => item.name === obj.targetDataSourceName
-        );
+      if (environment.config && environment.config.databaseConfigs && environment.config.databaseConfigs.length > 0) {
+        let dataSources = environment.config.databaseConfigs.filter((item) => item.name === obj.targetDataSourceName);
         if (dataSources && dataSources.length > 0) {
           obj.dataSourceId = dataSources[0].id;
         } else {
@@ -437,18 +405,11 @@ export default {
     },
     setOwnEnvironment(scenarioDefinition, env) {
       for (let i in scenarioDefinition) {
-        let typeArray = [
-          'JDBCPostProcessor',
-          'JDBCSampler',
-          'JDBCPreProcessor',
-        ];
+        let typeArray = ['JDBCPostProcessor', 'JDBCSampler', 'JDBCPreProcessor'];
         if (typeArray.indexOf(scenarioDefinition[i].type) !== -1) {
           this.getEnvironments(scenarioDefinition[i], env);
         }
-        if (
-          scenarioDefinition[i].hashTree &&
-          scenarioDefinition[i].hashTree.length > 0
-        ) {
+        if (scenarioDefinition[i].hashTree && scenarioDefinition[i].hashTree.length > 0) {
           this.setOwnEnvironment(scenarioDefinition[i].hashTree, env);
         }
       }
@@ -459,12 +420,7 @@ export default {
       this.singleRunId = '';
       this.apiCaseList[0].active = true;
       if (data) {
-        let status =
-          data.status === 'FAKE_ERROR'
-            ? data.status
-            : data.error > 0
-            ? 'Error'
-            : 'Success';
+        let status = data.status === 'FAKE_ERROR' ? data.status : data.error > 0 ? 'Error' : 'Success';
         this.apiCaseList[0].execResult = status;
         this.apiCaseList[0].responseData = data;
         this.$refs.apiCaseItem.runLoading = false;
@@ -653,11 +609,7 @@ export default {
       this.singleLoading = true;
       this.singleRunId = row.id;
       row.request.name = row.id;
-      if (
-        row.apiMethod !== 'SQL' &&
-        row.apiMethod !== 'DUBBO' &&
-        row.apiMethod !== 'dubbo://'
-      ) {
+      if (row.apiMethod !== 'SQL' && row.apiMethod !== 'DUBBO' && row.apiMethod !== 'dubbo://') {
         row.request.useEnvironment = this.environment;
       } else {
         row.request.useEnvironment = row.request.environmentId;
diff --git a/api-test/frontend/src/business/definition/components/case/MsEnvironmentSelect.vue b/api-test/frontend/src/business/definition/components/case/MsEnvironmentSelect.vue
index c53fee12a9..e7c0c51188 100644
--- a/api-test/frontend/src/business/definition/components/case/MsEnvironmentSelect.vue
+++ b/api-test/frontend/src/business/definition/components/case/MsEnvironmentSelect.vue
@@ -7,40 +7,25 @@
       class="environment-select"
       :placeholder="$t('api_test.definition.request.run_env')"
       clearable
-      @clear="clear"
-    >
+      @clear="clear">
       <el-option
         v-for="(environment, key) in environments"
         :key="key"
         :label="environment.name"
-        :value="environment.id"
-      />
-      <el-button
-        class="environment-button"
-        size="mini"
-        type="primary"
-        @click="openEnvironmentConfig"
-      >
+        :value="environment.id" />
+      <el-button class="environment-button" size="mini" type="primary" @click="openEnvironmentConfig">
         {{ $t('api_test.environment.environment_config') }}
       </el-button>
       <template v-slot:empty>
         <div class="empty-environment">
-          <el-button
-            class="environment-button"
-            size="mini"
-            type="primary"
-            @click="openEnvironmentConfig"
-          >
+          <el-button class="environment-button" size="mini" type="primary" @click="openEnvironmentConfig">
             {{ $t('api_test.environment.environment_config') }}
           </el-button>
         </div>
       </template>
     </el-select>
     <!-- 环境 -->
-    <api-environment-config
-      ref="environmentConfig"
-      @close="environmentConfigClose"
-    />
+    <api-environment-config ref="environmentConfig" @close="environmentConfigClose" />
   </span>
 </template>
 
@@ -51,10 +36,7 @@ import { getEnvironmentByProjectId } from 'metersphere-frontend/src/api/environm
 export default {
   name: 'MsEnvironmentSelect',
   components: {
-    ApiEnvironmentConfig: () =>
-      import(
-        'metersphere-frontend/src/components/environment/ApiEnvironmentConfig'
-      ),
+    ApiEnvironmentConfig: () => import('metersphere-frontend/src/components/environment/ApiEnvironmentConfig'),
   },
   data() {
     return {
diff --git a/api-test/frontend/src/business/definition/components/collapse/ApiCollapse.vue b/api-test/frontend/src/business/definition/components/collapse/ApiCollapse.vue
index c8967411f4..d0c0fb1728 100644
--- a/api-test/frontend/src/business/definition/components/collapse/ApiCollapse.vue
+++ b/api-test/frontend/src/business/definition/components/collapse/ApiCollapse.vue
@@ -46,10 +46,7 @@ export default {
     },
     handleItemCollapseClick(item) {
       if (this.accordion) {
-        this.setActiveNames(
-          (this.activeNames[0] || this.activeNames[0] === 0) && item.name,
-          item
-        );
+        this.setActiveNames((this.activeNames[0] || this.activeNames[0] === 0) && item.name, item);
       } else {
         let activeNames = this.activeNames.slice(0);
         let index = activeNames.indexOf(item.name);
diff --git a/api-test/frontend/src/business/definition/components/collapse/ApiCollapseItem.vue b/api-test/frontend/src/business/definition/components/collapse/ApiCollapseItem.vue
index 08e439eb22..f49fb905ec 100644
--- a/api-test/frontend/src/business/definition/components/collapse/ApiCollapseItem.vue
+++ b/api-test/frontend/src/business/definition/components/collapse/ApiCollapseItem.vue
@@ -1,15 +1,11 @@
 <template>
-  <div
-    class="el-collapse-item"
-    :class="{ 'is-active': isActive, 'is-disabled': disabled }"
-  >
+  <div class="el-collapse-item" :class="{ 'is-active': isActive, 'is-disabled': disabled }">
     <div
       role="tab"
       :aria-expanded="isActive"
       :aria-controls="`el-collapse-content-${id}`"
       :aria-describedby="`el-collapse-content-${id}`"
-      @click="handleHeaderClick"
-    >
+      @click="handleHeaderClick">
       <div
         class="el-collapse-item__header"
         role="button"
@@ -21,14 +17,9 @@
           'is-active': isActive,
         }"
         @focus="handleFocus"
-        @blur="focusing = false"
-      >
+        @blur="focusing = false">
         <div @click.stop="handleCollapseClick">
-          <i
-            class="el-collapse-item__arrow el-icon-arrow-right"
-            :class="{ 'is-active': isActive }"
-          >
-          </i>
+          <i class="el-collapse-item__arrow el-icon-arrow-right" :class="{ 'is-active': isActive }"> </i>
         </div>
         <slot name="title">{{ title }}</slot>
       </div>
@@ -40,8 +31,7 @@
         role="tabpanel"
         :aria-hidden="!isActive"
         :aria-labelledby="`el-collapse-head-${id}`"
-        :id="`el-collapse-content-${id}`"
-      >
+        :id="`el-collapse-content-${id}`">
         <div class="el-collapse-item__content">
           <slot></slot>
         </div>
diff --git a/api-test/frontend/src/business/definition/components/collapse/ApiRequestMethodSelect.vue b/api-test/frontend/src/business/definition/components/collapse/ApiRequestMethodSelect.vue
index a66b974408..4bffa0cc30 100644
--- a/api-test/frontend/src/business/definition/components/collapse/ApiRequestMethodSelect.vue
+++ b/api-test/frontend/src/business/definition/components/collapse/ApiRequestMethodSelect.vue
@@ -1,10 +1,5 @@
 <template>
-  <el-select
-    :disabled="isReadOnly"
-    v-model="request.method"
-    class="request-method-select"
-    @change="change"
-  >
+  <el-select :disabled="isReadOnly" v-model="request.method" class="request-method-select" @change="change">
     <el-option label="GET" value="GET" />
     <el-option label="POST" value="POST" />
     <el-option label="PUT" value="PUT" />
diff --git a/api-test/frontend/src/business/definition/components/complete/ApiBaseInfo.vue b/api-test/frontend/src/business/definition/components/complete/ApiBaseInfo.vue
index 4bf70f486d..b0eb044c7c 100644
--- a/api-test/frontend/src/business/definition/components/complete/ApiBaseInfo.vue
+++ b/api-test/frontend/src/business/definition/components/complete/ApiBaseInfo.vue
@@ -8,61 +8,37 @@
       label-position="right"
       label-width="80px"
       size="small"
-      style="margin-left: 5px; margin-right: 5px"
-    >
+      style="margin-left: 5px; margin-right: 5px">
       <ms-form-divider :title="$t('test_track.plan_view.base_info')" />
 
       <!-- 基础信息 -->
       <el-row>
-        <el-form-item
-          v-if="currentProtocol !== 'TCP'"
-          :label="$t('commons.name')"
-          prop="name"
-        >
-          <el-input
-            v-model="basicForm.name"
-            class="ms-http-input"
-            size="small"
-          />
+        <el-form-item v-if="currentProtocol !== 'TCP'" :label="$t('commons.name')" prop="name">
+          <el-input v-model="basicForm.name" class="ms-http-input" size="small" />
         </el-form-item>
 
         <el-form-item v-else :label="$t('commons.name')" prop="name">
           <el-input v-model="basicForm.name" class="ms-http-input" size="small">
-            <el-select
-              slot="prepend"
-              v-model="basicForm.method"
-              size="mini"
-              style="width: 80px"
-            >
-              <el-option
-                v-for="item in methodTypes"
-                :key="item.key"
-                :label="item.value"
-                :value="item.key"
-              />
+            <el-select slot="prepend" v-model="basicForm.method" size="mini" style="width: 80px">
+              <el-option v-for="item in methodTypes" :key="item.key" :label="item.value" :value="item.key" />
             </el-select>
           </el-input>
         </el-form-item>
       </el-row>
 
       <el-row>
-        <el-form-item
-          :label="$t('api_test.definition.request.responsible')"
-          prop="userId"
-        >
+        <el-form-item :label="$t('api_test.definition.request.responsible')" prop="userId">
           <el-select
             v-model="basicForm.userId"
             :placeholder="$t('api_test.definition.request.responsible')"
             class="ms-http-select"
             filterable
-            size="small"
-          >
+            size="small">
             <el-option
               v-for="item in maintainerOptions"
               :key="item.id"
               :label="item.name + ' (' + item.email + ')'"
-              :value="item.id"
-            >
+              :value="item.id">
             </el-option>
           </el-select>
         </el-form-item>
@@ -77,33 +53,19 @@
             checkStrictly
             clearable
             size="small"
-            @getValue="setModule"
-          />
+            @getValue="setModule" />
         </el-form-item>
       </el-row>
       <el-row>
         <el-form-item :label="$t('commons.status')" prop="status">
-          <el-select
-            v-model="basicForm.status"
-            class="ms-http-select"
-            size="small"
-          >
-            <el-option
-              v-for="item in options"
-              :key="item.id"
-              :label="$t(item.label)"
-              :value="item.id"
-            />
+          <el-select v-model="basicForm.status" class="ms-http-select" size="small">
+            <el-option v-for="item in options" :key="item.id" :label="$t(item.label)" :value="item.id" />
           </el-select>
         </el-form-item>
       </el-row>
       <el-row>
         <el-form-item :label="$t('commons.tag')" prop="tag">
-          <ms-input-tag
-            ref="tag"
-            v-model="basicForm.tags"
-            :currentScenario="basicForm"
-          />
+          <ms-input-tag ref="tag" v-model="basicForm.tags" :currentScenario="basicForm" />
         </el-form-item>
       </el-row>
       <el-row>
@@ -114,8 +76,7 @@
             :rows="1"
             class="ms-http-textarea"
             size="small"
-            type="textarea"
-          />
+            type="textarea" />
         </el-form-item>
       </el-row>
       <!-- 自定义字段 -->
@@ -127,14 +88,12 @@
         class="case-form"
         label-position="right"
         label-width="80px"
-        size="small"
-      >
+        size="small">
         <custom-filed-form-row
           :default-open="defaultOpen"
           :disabled="readOnly"
           :form="customFieldForm"
-          :issue-template="apiTemplate"
-        />
+          :issue-template="apiTemplate" />
       </el-form>
     </el-form>
   </div>
@@ -187,9 +146,7 @@ export default {
             trigger: 'change',
           },
         ],
-        moduleId: [
-          { required: true, validator: validateModuleId, trigger: 'change' },
-        ],
+        moduleId: [{ required: true, validator: validateModuleId, trigger: 'change' }],
         status: [
           {
             required: true,
diff --git a/api-test/frontend/src/business/definition/components/complete/ApiOtherInfo.vue b/api-test/frontend/src/business/definition/components/complete/ApiOtherInfo.vue
index effba9cafa..47ae1d314f 100644
--- a/api-test/frontend/src/business/definition/components/complete/ApiOtherInfo.vue
+++ b/api-test/frontend/src/business/definition/components/complete/ApiOtherInfo.vue
@@ -5,37 +5,24 @@
       <el-form :model="api" ref="api-form" label-width="100px">
         <el-collapse-transition>
           <el-tabs v-model="activeName" style="margin: 20px">
-            <el-tab-pane
-              :label="$t('commons.remark')"
-              name="remark"
-              class="pane"
-            >
+            <el-tab-pane :label="$t('commons.remark')" name="remark" class="pane">
               <form-rich-text-item
                 class="remark-item"
                 :disabled="readOnly && !hasPermissions"
                 :data="api"
                 prop="remark"
-                label-width="0"
-              />
+                label-width="0" />
             </el-tab-pane>
-            <el-tab-pane
-              :label="$t('commons.relationship.name')"
-              name="dependencies"
-              class="pane"
-            >
+            <el-tab-pane :label="$t('commons.relationship.name')" name="dependencies" class="pane">
               <template v-slot:label>
-                <tab-pane-count
-                  :title="$t('commons.relationship.name')"
-                  :count="relationshipCount"
-                />
+                <tab-pane-count :title="$t('commons.relationship.name')" :count="relationshipCount" />
               </template>
               <dependencies-list
                 @setCount="setCount"
                 :read-only="readOnly"
                 :resource-id="api.id"
                 resource-type="API"
-                ref="dependencies"
-              />
+                ref="dependencies" />
             </el-tab-pane>
           </el-tabs>
         </el-collapse-transition>
diff --git a/api-test/frontend/src/business/definition/components/complete/ApiRelationshipList.vue b/api-test/frontend/src/business/definition/components/complete/ApiRelationshipList.vue
index 2abb47e08c..9c1be0e3a3 100644
--- a/api-test/frontend/src/business/definition/components/complete/ApiRelationshipList.vue
+++ b/api-test/frontend/src/business/definition/components/complete/ApiRelationshipList.vue
@@ -8,43 +8,20 @@
       :enable-selection="false"
       ref="table"
       :screen-height="null"
-      @refresh="getTableData"
-    >
-      <ms-table-column
-        prop="targetNum"
-        :label="$t('commons.id')"
-        min-width="80"
-      />
+      @refresh="getTableData">
+      <ms-table-column prop="targetNum" :label="$t('commons.id')" min-width="80" />
 
-      <ms-table-column
-        prop="targetName"
-        :label="$t('commons.name')"
-        min-width="120"
-      />
+      <ms-table-column prop="targetName" :label="$t('commons.name')" min-width="120" />
 
-      <ms-table-column
-        v-xpack
-        v-if="versionEnable"
-        prop="versionName"
-        :label="$t('project.version.name')"
-      >
+      <ms-table-column v-xpack v-if="versionEnable" prop="versionName" :label="$t('project.version.name')">
         <template v-slot:default="scope">
           {{ versionOptions[scope.row.versionId] }}
         </template>
       </ms-table-column>
 
-      <ms-table-column
-        prop="creator"
-        :label="$t('commons.create_user')"
-        min-width="120"
-      >
-      </ms-table-column>
+      <ms-table-column prop="creator" :label="$t('commons.create_user')" min-width="120"> </ms-table-column>
 
-      <ms-table-column
-        prop="status"
-        min-width="120px"
-        :label="$t('api_test.definition.api_status')"
-      >
+      <ms-table-column prop="status" min-width="120px" :label="$t('api_test.definition.api_status')">
         <template v-slot:default="scope">
           <span class="el-dropdown-link">
             <api-status :value="scope.row.status" />
@@ -57,8 +34,7 @@
       :api-definition-id="apiDefinitionId"
       @refresh="getTableData"
       :relationship-type="relationshipType"
-      ref="testCaseRelevance"
-    />
+      ref="testCaseRelevance" />
   </div>
 </template>
 
@@ -113,12 +89,10 @@ export default {
   },
   methods: {
     getTableData() {
-      getRelationshipApi(this.apiDefinitionId, this.relationshipType).then(
-        (response) => {
-          this.data = response.data;
-          this.$emit('setCount', response.data.length);
-        }
-      );
+      getRelationshipApi(this.apiDefinitionId, this.relationshipType).then((response) => {
+        this.data = response.data;
+        this.$emit('setCount', response.data.length);
+      });
     },
     openRelevance() {
       this.$refs.testCaseRelevance.open();
diff --git a/api-test/frontend/src/business/definition/components/complete/ApiRelationshipRelevance.vue b/api-test/frontend/src/business/definition/components/complete/ApiRelationshipRelevance.vue
index 56dd55d705..2268212fa1 100644
--- a/api-test/frontend/src/business/definition/components/complete/ApiRelationshipRelevance.vue
+++ b/api-test/frontend/src/business/definition/components/complete/ApiRelationshipRelevance.vue
@@ -3,8 +3,7 @@
     @setProject="setProject"
     @save="saveCaseRelevance"
     :multiple-project="false"
-    ref="baseRelevance"
-  >
+    ref="baseRelevance">
     <template v-slot:aside>
       <ms-api-module
         :relevance-project-id="projectId"
@@ -14,16 +13,14 @@
         :is-read-only="true"
         :show-case-num="false"
         :is-relevance="true"
-        ref="nodeTree"
-      />
+        ref="nodeTree" />
     </template>
 
     <mx-version-select
       v-xpack
       :project-id="projectId"
       :default-version="currentVersion"
-      @changeVersion="currentVersionChange"
-    />
+      @changeVersion="currentVersionChange" />
 
     <api-table-list
       :table-data="tableData"
@@ -34,8 +31,7 @@
       :result="result"
       :current-protocol="currentProtocol"
       @refreshTable="initTable"
-      ref="apitable"
-    />
+      ref="apitable" />
   </test-case-relevance-base>
 </template>
 
@@ -51,8 +47,7 @@ export default {
     ApiTableList,
     TestCaseRelevanceBase,
     MsApiModule,
-    MxVersionSelect: () =>
-      import('metersphere-frontend/src/components/version/MxVersionSelect'),
+    MxVersionSelect: () => import('metersphere-frontend/src/components/version/MxVersionSelect'),
   },
   props: ['apiDefinitionId', 'relationshipType'],
   data() {
@@ -124,13 +119,7 @@ export default {
       });
     },
     buildPagePath(path) {
-      return (
-        path +
-        '/' +
-        this.$refs.apitable.currentPage +
-        '/' +
-        this.$refs.apitable.pageSize
-      );
+      return path + '/' + this.$refs.apitable.currentPage + '/' + this.$refs.apitable.pageSize;
     },
     setProject(projectId) {
       this.projectId = projectId;
diff --git a/api-test/frontend/src/business/definition/components/complete/ApiTableList.vue b/api-test/frontend/src/business/definition/components/complete/ApiTableList.vue
index 3131d07cc7..f6cc43cf62 100644
--- a/api-test/frontend/src/business/definition/components/complete/ApiTableList.vue
+++ b/api-test/frontend/src/business/definition/components/complete/ApiTableList.vue
@@ -15,16 +15,9 @@
       operator-width="170px"
       @order="initTable"
       @filter="search"
-      ref="apitable"
-    >
-      <ms-table-column prop="num" label="ID" min-width="80px" sortable>
-      </ms-table-column>
-      <ms-table-column
-        prop="name"
-        :label="$t('api_test.definition.api_name')"
-        sortable
-        width="120px"
-      />
+      ref="apitable">
+      <ms-table-column prop="num" label="ID" min-width="80px" sortable> </ms-table-column>
+      <ms-table-column prop="name" :label="$t('api_test.definition.api_name')" sortable width="120px" />
 
       <ms-table-column
         prop="method"
@@ -32,8 +25,7 @@
         column-key="method"
         :filters="methodFilters"
         :label="getApiRequestTypeName"
-        width="120px"
-      >
+        width="120px">
         <template v-slot:default="scope">
           <el-tag
             size="mini"
@@ -41,8 +33,7 @@
               'background-color': getColor(true, scope.row.method),
               border: getColor(true, scope.row.method),
             }"
-            class="api-el-tag"
-          >
+            class="api-el-tag">
             {{ scope.row.method }}
           </el-tag>
         </template>
@@ -54,14 +45,9 @@
         :filters="userFilters"
         column-key="user_id"
         :label="$t('api_test.definition.api_principal')"
-        width="100px"
-      />
+        width="100px" />
 
-      <ms-table-column
-        prop="path"
-        width="120px"
-        :label="$t('api_test.definition.api_path')"
-      />
+      <ms-table-column prop="path" width="120px" :label="$t('api_test.definition.api_path')" />
 
       <ms-table-column prop="tags" :label="$t('commons.tag')" width="120px">
         <template v-slot:default="scope">
@@ -72,8 +58,7 @@
             effect="plain"
             :show-tooltip="true"
             :content="itemName"
-            style="margin-left: 0px; margin-right: 2px"
-          />
+            style="margin-left: 0px; margin-right: 2px" />
         </template>
       </ms-table-column>
 
@@ -82,47 +67,31 @@
         :label="$t('project.version.name')"
         :filters="versionFilters"
         min-width="100px"
-        prop="versionId"
-      >
+        prop="versionId">
         <template v-slot:default="scope">
           <span>{{ scope.row.versionName }}</span>
         </template>
       </ms-table-column>
 
-      <ms-table-column
-        sortable="createTime"
-        width="160px"
-        :label="$t('commons.create_time')"
-        prop="createTime"
-      >
+      <ms-table-column sortable="createTime" width="160px" :label="$t('commons.create_time')" prop="createTime">
         <template v-slot:default="scope">
           <span>{{ scope.row.createTime | datetimeFormat }}</span>
         </template>
       </ms-table-column>
 
-      <ms-table-column
-        width="160"
-        :label="$t('api_test.definition.api_last_time')"
-        sortable="custom"
-        prop="updateTime"
-      >
+      <ms-table-column width="160" :label="$t('api_test.definition.api_last_time')" sortable="custom" prop="updateTime">
         <template v-slot:default="scope">
           <span>{{ scope.row.updateTime | datetimeFormat }}</span>
         </template>
       </ms-table-column>
 
-      <ms-table-column
-        prop="caseTotal"
-        width="80px"
-        :label="$t('api_test.definition.api_case_number')"
-      />
+      <ms-table-column prop="caseTotal" width="80px" :label="$t('api_test.definition.api_case_number')" />
     </ms-table>
     <ms-table-pagination
       :change="initTable"
       :current-page.sync="currentPage"
       :page-size.sync="pageSize"
-      :total="total"
-    />
+      :total="total" />
   </span>
 </template>
 
diff --git a/api-test/frontend/src/business/definition/components/complete/BasisApi.vue b/api-test/frontend/src/business/definition/components/complete/BasisApi.vue
index b8a449c233..06515972c9 100644
--- a/api-test/frontend/src/business/definition/components/complete/BasisApi.vue
+++ b/api-test/frontend/src/business/definition/components/complete/BasisApi.vue
@@ -8,17 +8,12 @@
       :rules="rule"
       ref="basicForm"
       style="margin-right: 20px"
-      :disabled="isReadOnly"
-    >
+      :disabled="isReadOnly">
       <!-- 基础信息 -->
       <el-row>
         <el-col :span="8">
           <el-form-item :label="$t('commons.name')" prop="name">
-            <el-input
-              class="ms-http-input"
-              size="small"
-              v-model="basicForm.name"
-            />
+            <el-input class="ms-http-input" size="small" v-model="basicForm.name" />
           </el-form-item>
         </el-col>
         <el-col :span="8">
@@ -30,48 +25,32 @@
               @getValue="setModule"
               :obj="moduleObj"
               clearable
-              checkStrictly
-            />
+              checkStrictly />
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item :label="$t('commons.status')" prop="status">
-            <el-select
-              class="ms-http-input"
-              size="small"
-              v-model="basicForm.status"
-              style="width: 100%"
-            >
-              <el-option
-                v-for="item in options"
-                :key="item.id"
-                :label="$t(item.label)"
-                :value="item.id"
-              />
+            <el-select class="ms-http-input" size="small" v-model="basicForm.status" style="width: 100%">
+              <el-option v-for="item in options" :key="item.id" :label="$t(item.label)" :value="item.id" />
             </el-select>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="8">
-          <el-form-item
-            :label="$t('api_test.definition.request.responsible')"
-            prop="userId"
-          >
+          <el-form-item :label="$t('api_test.definition.request.responsible')" prop="userId">
             <el-select
               v-model="basicForm.userId"
               :placeholder="$t('api_test.definition.request.responsible')"
               filterable
               size="small"
               class="ms-http-input"
-              style="width: 100%"
-            >
+              style="width: 100%">
               <el-option
                 v-for="item in maintainerOptions"
                 :key="item.id"
                 :label="item.name + ' (' + item.email + ')'"
-                :value="item.id"
-              >
+                :value="item.id">
               </el-option>
             </el-select>
           </el-form-item>
@@ -89,8 +68,7 @@
               type="textarea"
               :autosize="{ minRows: 1, maxRows: 10 }"
               :rows="1"
-              size="small"
-            />
+              size="small" />
           </el-form-item>
         </el-col>
       </el-row>
@@ -161,12 +139,7 @@ export default {
     'basicForm.tags': {
       handler(v, v1) {
         this.tagCount++;
-        if (
-          v &&
-          v1 &&
-          JSON.stringify(v) !== JSON.stringify(v1) &&
-          this.tagCount > 1
-        ) {
+        if (v && v1 && JSON.stringify(v) !== JSON.stringify(v1) && this.tagCount > 1) {
           this.apiMapStatus();
         }
       },
@@ -225,9 +198,7 @@ export default {
             trigger: 'change',
           },
         ],
-        moduleId: [
-          { required: true, validator: validateModuleId, trigger: 'change' },
-        ],
+        moduleId: [{ required: true, validator: validateModuleId, trigger: 'change' }],
         status: [
           {
             required: true,
diff --git a/api-test/frontend/src/business/definition/components/complete/EditCompleteDubboApi.vue b/api-test/frontend/src/business/definition/components/complete/EditCompleteDubboApi.vue
index f770c4489d..0a66c1a830 100644
--- a/api-test/frontend/src/business/definition/components/complete/EditCompleteDubboApi.vue
+++ b/api-test/frontend/src/business/definition/components/complete/EditCompleteDubboApi.vue
@@ -4,16 +4,8 @@
     <el-row>
       <el-col>
         <!--操作按钮-->
-        <div
-          style="float: right; margin-right: 20px; margin-top: 20px"
-          class="ms-opt-btn"
-        >
-          <el-tooltip
-            :content="$t('commons.follow')"
-            placement="bottom"
-            effect="dark"
-            v-if="!showFollow"
-          >
+        <div style="float: right; margin-right: 20px; margin-top: 20px" class="ms-opt-btn">
+          <el-tooltip :content="$t('commons.follow')" placement="bottom" effect="dark" v-if="!showFollow">
             <i
               class="el-icon-star-off"
               style="
@@ -24,15 +16,9 @@
                 top: 5px;
                 cursor: pointer;
               "
-              @click="saveFollow"
-            />
+              @click="saveFollow" />
           </el-tooltip>
-          <el-tooltip
-            :content="$t('commons.cancel')"
-            placement="bottom"
-            effect="dark"
-            v-if="showFollow"
-          >
+          <el-tooltip :content="$t('commons.cancel')" placement="bottom" effect="dark" v-if="showFollow">
             <i
               class="el-icon-star-on"
               style="
@@ -43,15 +29,9 @@
                 top: 5px;
                 cursor: pointer;
               "
-              @click="saveFollow"
-            />
+              @click="saveFollow" />
           </el-tooltip>
-          <el-link
-            type="primary"
-            style="margin-right: 5px"
-            @click="openHis"
-            v-if="basisData.id"
-          >
+          <el-link type="primary" style="margin-right: 5px" @click="openHis" v-if="basisData.id">
             {{ $t('operating_log.change_history') }}
           </el-link>
           <!--  版本历史 -->
@@ -63,15 +43,8 @@
             @compare="compare"
             @checkout="checkout"
             @create="create"
-            @del="del"
-          />
-          <el-button
-            type="primary"
-            size="small"
-            @click="saveApi"
-            title="ctrl + s"
-            >{{ $t('commons.save') }}</el-button
-          >
+            @del="del" />
+          <el-button type="primary" size="small" @click="saveApi" title="ctrl + s">{{ $t('commons.save') }}</el-button>
         </div>
       </el-col>
     </el-row>
@@ -82,12 +55,7 @@
 
     <api-other-info :api="basisData" ref="apiOtherInfo" />
     <ms-change-history ref="changeHistory" />
-    <el-dialog
-      :fullscreen="true"
-      :visible.sync="dialogVisible"
-      :destroy-on-close="true"
-      width="100%"
-    >
+    <el-dialog :fullscreen="true" :visible.sync="dialogVisible" :destroy-on-close="true" width="100%">
       <dubbo-api-version-diff
         v-if="dialogVisible"
         :old-data="basisData"
@@ -96,32 +64,22 @@
         :new-show-follow="newShowFollow"
         :module-options="moduleOptions"
         :request="newRequest"
-        :old-request="request"
-      ></dubbo-api-version-diff>
+        :old-request="request"></dubbo-api-version-diff>
     </el-dialog>
 
     <el-dialog
       :title="$t('commons.sync_other_info')"
       :visible.sync="createNewVersionVisible"
       :show-close="false"
-      width="30%"
-    >
+      width="30%">
       <div>
-        <el-checkbox v-model="basisData.newVersionRemark">{{
-          $t('commons.remark')
-        }}</el-checkbox>
-        <el-checkbox v-model="basisData.newVersionDeps">{{
-          $t('commons.relationship.name')
-        }}</el-checkbox>
+        <el-checkbox v-model="basisData.newVersionRemark">{{ $t('commons.remark') }}</el-checkbox>
+        <el-checkbox v-model="basisData.newVersionDeps">{{ $t('commons.relationship.name') }}</el-checkbox>
         <el-checkbox v-model="basisData.newVersionCase">CASE</el-checkbox>
       </div>
 
       <template v-slot:footer>
-        <ms-dialog-footer
-          @cancel="cancelCreateNewVersion"
-          :title="$t('commons.edit_info')"
-          @confirm="saveApi"
-        >
+        <ms-dialog-footer @cancel="cancelCreateNewVersion" :title="$t('commons.edit_info')" @confirm="saveApi">
         </ms-dialog-footer>
       </template>
     </el-dialog>
@@ -161,8 +119,7 @@ export default {
     MsBasisParameters,
     MsChangeHistory,
     DubboApiVersionDiff,
-    MxVersionHistory: () =>
-      import('metersphere-frontend/src/components/version/MxVersionHistory'),
+    MxVersionHistory: () => import('metersphere-frontend/src/components/version/MxVersionHistory'),
   },
   props: {
     request: {},
@@ -176,11 +133,7 @@ export default {
   },
   watch: {
     syncTabs() {
-      if (
-        this.basisData &&
-        this.syncTabs &&
-        this.syncTabs.includes(this.basisData.id)
-      ) {
+      if (this.basisData && this.syncTabs && this.syncTabs.includes(this.basisData.id)) {
         // 标示接口在其他地方更新过，当前页面需要同步
         getDefinitionById(this.basisData.id).then((response) => {
           if (response.data) {
@@ -226,12 +179,7 @@ export default {
   },
   methods: {
     openHis() {
-      this.$refs.changeHistory.open(this.basisData.id, [
-        '接口定义',
-        '接口定義',
-        'Api definition',
-        'API_DEFINITION',
-      ]);
+      this.$refs.changeHistory.open(this.basisData.id, ['接口定义', '接口定義', 'Api definition', 'API_DEFINITION']);
     },
     callback() {
       this.validated = true;
@@ -269,10 +217,7 @@ export default {
           }
         }
         if (this.basisData.id) {
-          updateDefinitionFollows(
-            this.basisData.id,
-            this.basisData.follows
-          ).then(() => {
+          updateDefinitionFollows(this.basisData.id, this.basisData.follows).then(() => {
             this.$success(this.$t('commons.cancel_follow_success'));
           });
         }
@@ -283,10 +228,7 @@ export default {
         }
         this.basisData.follows.push(getCurrentUser().id);
         if (this.basisData.id) {
-          updateDefinitionFollows(
-            this.basisData.id,
-            this.basisData.follows
-          ).then(() => {
+          updateDefinitionFollows(this.basisData.id, this.basisData.follows).then(() => {
             this.$success(this.$t('commons.follow_success'));
           });
         }
@@ -295,36 +237,31 @@ export default {
     getVersionHistory() {
       getDefinitionVersions(this.basisData.id).then((response) => {
         if (this.basisData.isCopy) {
-          this.versionData = response.data.filter(
-            (v) => v.versionId === this.basisData.versionId
-          );
+          this.versionData = response.data.filter((v) => v.versionId === this.basisData.versionId);
         } else {
           this.versionData = response.data;
         }
       });
     },
     compare(row) {
-      this.basisData.createTime =
-        this.$refs.versionHistory.versionOptions.filter(
-          (v) => v.id === this.basisData.versionId
-        )[0].createTime;
-      getDefinitionByIdAndRefId(row.id, this.basisData.refId).then(
-        (response) => {
-          getDefinitionById(response.data.id).then((res) => {
-            if (res.data) {
-              this.newData = res.data;
-              this.newData.createTime = row.createTime;
-              this.dealWithTag(res.data);
-              this.setRequest(res.data);
-              if (!this.setRequest(res.data)) {
-                this.newRequest = createComponent('DubboSampler');
-                this.dialogVisible = true;
-              }
-              this.formatApi(res.data);
+      this.basisData.createTime = this.$refs.versionHistory.versionOptions.filter(
+        (v) => v.id === this.basisData.versionId
+      )[0].createTime;
+      getDefinitionByIdAndRefId(row.id, this.basisData.refId).then((response) => {
+        getDefinitionById(response.data.id).then((res) => {
+          if (res.data) {
+            this.newData = res.data;
+            this.newData.createTime = row.createTime;
+            this.dealWithTag(res.data);
+            this.setRequest(res.data);
+            if (!this.setRequest(res.data)) {
+              this.newRequest = createComponent('DubboSampler');
+              this.dialogVisible = true;
             }
-          });
-        }
-      );
+            this.formatApi(res.data);
+          }
+        });
+      });
     },
     setRequest(api) {
       if (api.request) {
@@ -353,10 +290,7 @@ export default {
         }
       }
       if (this.basisData.tags) {
-        if (
-          Object.prototype.toString.call(this.basisData.tags) ===
-          '[object String]'
-        ) {
+        if (Object.prototype.toString.call(this.basisData.tags) === '[object String]') {
           this.basisData.tags = JSON.parse(this.basisData.tags);
         }
       }
@@ -449,22 +383,10 @@ export default {
           this.basisData.caseTotal = response.data;
         }
         this.$set(this.basisData, 'newVersionRemark', !!this.basisData.remark);
-        this.$set(
-          this.basisData,
-          'newVersionDeps',
-          this.$refs.apiOtherInfo.relationshipCount > 0
-        );
-        this.$set(
-          this.basisData,
-          'newVersionCase',
-          this.basisData.caseTotal > 0
-        );
+        this.$set(this.basisData, 'newVersionDeps', this.$refs.apiOtherInfo.relationshipCount > 0);
+        this.$set(this.basisData, 'newVersionCase', this.basisData.caseTotal > 0);
 
-        if (
-          this.$refs.apiOtherInfo.relationshipCount > 0 ||
-          this.basisData.remark ||
-          this.basisData.newVersionCase
-        ) {
+        if (this.$refs.apiOtherInfo.relationshipCount > 0 || this.basisData.remark || this.basisData.newVersionCase) {
           this.createNewVersionVisible = true;
         } else {
           this.saveApi();
@@ -475,24 +397,17 @@ export default {
       });
     },
     del(row) {
-      this.$alert(
-        this.$t('api_test.definition.request.delete_confirm') +
-          ' ' +
-          row.name +
-          ' ？',
-        '',
-        {
-          confirmButtonText: this.$t('commons.confirm'),
-          callback: (action) => {
-            if (action === 'confirm') {
-              delDefinitionByRefId(row.id, this.basisData.refId).then(() => {
-                this.$success(this.$t('commons.delete_success'));
-                this.getVersionHistory();
-              });
-            }
-          },
-        }
-      );
+      this.$alert(this.$t('api_test.definition.request.delete_confirm') + ' ' + row.name + ' ？', '', {
+        confirmButtonText: this.$t('commons.confirm'),
+        callback: (action) => {
+          if (action === 'confirm') {
+            delDefinitionByRefId(row.id, this.basisData.refId).then(() => {
+              this.$success(this.$t('commons.delete_success'));
+              this.getVersionHistory();
+            });
+          }
+        },
+      });
     },
   },
 
diff --git a/api-test/frontend/src/business/definition/components/complete/EditCompleteHTTPApi.vue b/api-test/frontend/src/business/definition/components/complete/EditCompleteHTTPApi.vue
index 175d77be8d..2ac1fc126a 100644
--- a/api-test/frontend/src/business/definition/components/complete/EditCompleteHTTPApi.vue
+++ b/api-test/frontend/src/business/definition/components/complete/EditCompleteHTTPApi.vue
@@ -1,21 +1,10 @@
 <template>
   <div class="card-container">
     <el-card class="card-content" v-loading="httpForm.loading">
-      <el-form
-        :model="httpForm"
-        :rules="rule"
-        ref="httpForm"
-        label-width="80px"
-        label-position="right"
-      >
+      <el-form :model="httpForm" :rules="rule" ref="httpForm" label-width="80px" label-position="right">
         <!-- 操作按钮 -->
         <div style="float: right; margin-right: 20px" class="ms-opt-btn">
-          <el-tooltip
-            :content="$t('commons.follow')"
-            placement="bottom"
-            effect="dark"
-            v-if="!showFollow"
-          >
+          <el-tooltip :content="$t('commons.follow')" placement="bottom" effect="dark" v-if="!showFollow">
             <i
               class="el-icon-star-off"
               style="
@@ -26,15 +15,9 @@
                 top: 5px;
                 cursor: pointer;
               "
-              @click="saveFollow"
-            />
+              @click="saveFollow" />
           </el-tooltip>
-          <el-tooltip
-            :content="$t('commons.cancel')"
-            placement="bottom"
-            effect="dark"
-            v-if="showFollow"
-          >
+          <el-tooltip :content="$t('commons.cancel')" placement="bottom" effect="dark" v-if="showFollow">
             <i
               class="el-icon-star-on"
               style="
@@ -45,15 +28,9 @@
                 top: 5px;
                 cursor: pointer;
               "
-              @click="saveFollow"
-            />
+              @click="saveFollow" />
           </el-tooltip>
-          <el-link
-            type="primary"
-            style="margin-right: 5px"
-            @click="openHis"
-            v-if="httpForm.id"
-          >
+          <el-link type="primary" style="margin-right: 5px" @click="openHis" v-if="httpForm.id">
             {{ $t('operating_log.change_history') }}
           </el-link>
           <!--  版本历史 -->
@@ -65,8 +42,7 @@
             @compare="compare"
             @checkout="checkout"
             @create="create"
-            @del="del"
-          />
+            @del="del" />
           <el-button
             v-if="!isXpack || !apiSyncRuleRelation.showUpdateRule"
             type="primary"
@@ -83,17 +59,11 @@
             type="primary"
             size="small"
             @click="saveApi"
-            @command="handleCommand"
-          >
+            @command="handleCommand">
             {{ $t('commons.save') }}
             <el-dropdown-menu slot="dropdown">
               <el-dropdown-item command="openSyncRule"
-                >{{
-                  $t('commons.save') +
-                  '&' +
-                  $t('workstation.sync') +
-                  $t('commons.setting')
-                }}
+                >{{ $t('commons.save') + '&' + $t('workstation.sync') + $t('commons.setting') }}
               </el-dropdown-item>
             </el-dropdown-menu>
           </el-dropdown>
@@ -111,20 +81,9 @@
                   class="ms-http-input"
                   size="small"
                   style="margin-top: 5px"
-                  @change="urlChange"
-                >
-                  <el-select
-                    v-model="httpForm.method"
-                    slot="prepend"
-                    style="width: 100px"
-                    size="small"
-                  >
-                    <el-option
-                      v-for="item in reqOptions"
-                      :key="item.id"
-                      :label="item.label"
-                      :value="item.id"
-                    />
+                  @change="urlChange">
+                  <el-select v-model="httpForm.method" slot="prepend" style="width: 100px" size="small">
+                    <el-option v-for="item in reqOptions" :key="item.id" :label="item.label" :value="item.id" />
                   </el-select>
                 </el-input>
               </el-form-item>
@@ -134,15 +93,12 @@
 
         <!-- 请求参数 -->
         <div>
-          <ms-form-divider
-            :title="$t('api_test.definition.request.req_param')"
-          />
+          <ms-form-divider :title="$t('api_test.definition.request.req_param')" />
           <ms-api-request-form
             :showScript="false"
             :request="request"
             :headers="request.headers"
-            :isShowEnable="isShowEnable"
-          />
+            :isShowEnable="isShowEnable" />
         </div>
       </el-form>
 
@@ -154,12 +110,7 @@
 
       <ms-change-history ref="changeHistory" />
 
-      <el-dialog
-        :fullscreen="true"
-        :visible.sync="dialogVisible"
-        :destroy-on-close="true"
-        width="100%"
-      >
+      <el-dialog :fullscreen="true" :visible.sync="dialogVisible" :destroy-on-close="true" width="100%">
         <http-api-version-diff
           v-if="dialogVisible"
           :old-data="httpForm"
@@ -174,8 +125,7 @@
           :request="newRequest"
           :old-request="request"
           :response="newResponse"
-          :old-response="response"
-        ></http-api-version-diff>
+          :old-response="response"></http-api-version-diff>
       </el-dialog>
     </el-card>
 
@@ -183,72 +133,38 @@
       :title="$t('commons.sync_other_info')"
       :visible.sync="createNewVersionVisible"
       :show-close="false"
-      width="30%"
-    >
+      width="30%">
       <div>
-        <el-checkbox v-model="httpForm.newVersionRemark">{{
-          $t('commons.remark')
-        }}</el-checkbox>
-        <el-checkbox v-model="httpForm.newVersionDeps">{{
-          $t('commons.relationship.name')
-        }}</el-checkbox>
+        <el-checkbox v-model="httpForm.newVersionRemark">{{ $t('commons.remark') }}</el-checkbox>
+        <el-checkbox v-model="httpForm.newVersionDeps">{{ $t('commons.relationship.name') }}</el-checkbox>
         <el-checkbox v-model="httpForm.newVersionCase">CASE</el-checkbox>
         <el-checkbox v-model="httpForm.newVersionMock">MOCK</el-checkbox>
       </div>
 
       <template v-slot:footer>
-        <ms-dialog-footer
-          @cancel="cancelCreateNewVersion"
-          :title="$t('commons.edit_info')"
-          @confirm="saveApi"
-        >
+        <ms-dialog-footer @cancel="cancelCreateNewVersion" :title="$t('commons.edit_info')" @confirm="saveApi">
         </ms-dialog-footer>
       </template>
     </el-dialog>
 
     <el-dialog
       :visible.sync="batchSyncApiVisible"
-      :title="
-        $t('commons.save') +
-        '&' +
-        $t('workstation.sync') +
-        $t('commons.setting')
-      "
-      v-if="isXpack"
-    >
-      <el-row
-        style="margin-bottom: 10px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)"
-      >
+      :title="$t('commons.save') + '&' + $t('workstation.sync') + $t('commons.setting')"
+      v-if="isXpack">
+      <el-row style="margin-bottom: 10px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)">
         <div class="timeClass">
-          <span
-            style="font-size: 16px; font-weight: bold; padding-left: 10px"
-            >{{ $t('api_test.definition.one_click_sync') + 'case' }}</span
-          >
-          <el-switch
-            v-model="apiSyncRuleRelation.syncCase"
-            style="padding-right: 10px"
-          ></el-switch>
+          <span style="font-size: 16px; font-weight: bold; padding-left: 10px">{{
+            $t('api_test.definition.one_click_sync') + 'case'
+          }}</span>
+          <el-switch v-model="apiSyncRuleRelation.syncCase" style="padding-right: 10px"></el-switch>
         </div>
         <br />
-        <span style="font-size: 12px; padding-left: 10px">{{
-          $t('workstation.batch_sync_api_tips')
-        }}</span
+        <span style="font-size: 12px; padding-left: 10px">{{ $t('workstation.batch_sync_api_tips') }}</span
         ><br /><br />
-        <span
-          v-if="apiSyncRuleRelation.syncCase"
-          style="font-size: 16px; font-weight: bold; padding-left: 10px"
-        >
+        <span v-if="apiSyncRuleRelation.syncCase" style="font-size: 16px; font-weight: bold; padding-left: 10px">
           {{ $t('workstation.sync') + $t('commons.setting') }}
-          <i
-            class="el-icon-arrow-down"
-            v-if="showApiSyncConfig"
-            @click="showApiSyncConfig = false"
-          />
-          <i
-            class="el-icon-arrow-right"
-            v-if="!showApiSyncConfig"
-            @click="showApiSyncConfig = true"
-          /> </span
+          <i class="el-icon-arrow-down" v-if="showApiSyncConfig" @click="showApiSyncConfig = false" />
+          <i class="el-icon-arrow-right" v-if="!showApiSyncConfig" @click="showApiSyncConfig = true" /> </span
         ><br /><br />
         <div v-if="showApiSyncConfig">
           <sync-setting
@@ -256,13 +172,10 @@
             v-if="apiSyncRuleRelation.syncCase"
             v-bind:sync-data="apiSyncRuleRelation.apiSyncConfig"
             ref="synSetting"
-            @updateSyncData="updateSyncData"
-          ></sync-setting>
+            @updateSyncData="updateSyncData"></sync-setting>
         </div>
       </el-row>
-      <el-row
-        style="margin-bottom: 10px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)"
-      >
+      <el-row style="margin-bottom: 10px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)">
         <div class="timeClass">
           <span style="font-size: 16px; font-weight: bold; padding-left: 10px">
             {{ $t('api_test.definition.change_notification') }}
@@ -270,19 +183,13 @@
               class="ms-num"
               effect="dark"
               :content="$t('project_application.workstation.api_receiver_tip')"
-              placement="top"
-            >
+              placement="top">
               <i class="el-icon-warning" />
             </el-tooltip>
           </span>
-          <el-switch
-            v-model="apiSyncRuleRelation.sendNotice"
-            style="padding-right: 10px"
-          ></el-switch>
+          <el-switch v-model="apiSyncRuleRelation.sendNotice" style="padding-right: 10px"></el-switch>
         </div>
-        <span style="font-size: 12px; padding-left: 10px">
-          {{ $t('api_test.definition.recipient_tips') }} </span
-        ><br />
+        <span style="font-size: 12px; padding-left: 10px"> {{ $t('api_test.definition.recipient_tips') }} </span><br />
         <p
           style="
             font-size: 12px;
@@ -292,23 +199,15 @@
             cursor: pointer;
             padding-left: 10px;
           "
-          @click="gotoApiMessage"
-        >
+          @click="gotoApiMessage">
           {{ $t('project_application.workstation.go_to_api_message') }}
         </p>
-        <el-row
-          v-if="apiSyncRuleRelation.sendNotice"
-          style="margin-bottom: 5px; margin-top: 5px"
-        >
+        <el-row v-if="apiSyncRuleRelation.sendNotice" style="margin-bottom: 5px; margin-top: 5px">
           <el-col :span="4"
-            ><span style="font-weight: bold; padding-left: 10px">{{
-              $t('api_test.definition.recipient') + ':'
-            }}</span>
+            ><span style="font-weight: bold; padding-left: 10px">{{ $t('api_test.definition.recipient') + ':' }}</span>
           </el-col>
           <el-col :span="20" style="color: var(--primary_color)">
-            <el-checkbox v-model="apiSyncRuleRelation.caseCreator">{{
-              'CASE' + $t('api_test.creator')
-            }}</el-checkbox>
+            <el-checkbox v-model="apiSyncRuleRelation.caseCreator">{{ 'CASE' + $t('api_test.creator') }}</el-checkbox>
             <el-checkbox v-model="apiSyncRuleRelation.scenarioCreator">
               {{ $t('commons.scenario') + $t('api_test.creator') }}
             </el-checkbox>
@@ -316,27 +215,20 @@
         </el-row>
       </el-row>
       <el-row>
-        <el-checkbox
-          v-model="apiSyncRuleRelation.showUpdateRule"
-          style="padding-left: 10px"
+        <el-checkbox v-model="apiSyncRuleRelation.showUpdateRule" style="padding-left: 10px"
           >{{ $t('project_application.workstation.no_show_setting') }}
         </el-checkbox>
         <el-tooltip
           class="ms-num"
           effect="dark"
           :content="$t('project_application.workstation.no_show_setting_tip')"
-          placement="top"
-        >
+          placement="top">
           <i class="el-icon-warning" />
         </el-tooltip>
       </el-row>
       <span slot="footer" class="dialog-footer">
-        <el-button @click="batchSyncApiVisible = false">{{
-          $t('commons.cancel')
-        }}</el-button>
-        <el-button type="primary" @click="batchSync()">{{
-          $t('commons.confirm')
-        }}</el-button>
+        <el-button @click="batchSyncApiVisible = false">{{ $t('commons.cancel') }}</el-button>
+        <el-button type="primary" @click="batchSync()">{{ $t('commons.confirm') }}</el-button>
       </span>
     </el-dialog>
   </div>
@@ -386,8 +278,7 @@ const store = useApiStore();
 export default {
   name: 'MsAddCompleteHttpApi',
   components: {
-    MxVersionHistory: () =>
-      import('metersphere-frontend/src/components/version/MxVersionHistory'),
+    MxVersionHistory: () => import('metersphere-frontend/src/components/version/MxVersionHistory'),
     MsDialogFooter,
     ApiOtherInfo,
     MsFormDivider,
@@ -446,9 +337,7 @@ export default {
             trigger: 'change',
           },
         ],
-        moduleId: [
-          { required: true, validator: validateModuleId, trigger: 'change' },
-        ],
+        moduleId: [{ required: true, validator: validateModuleId, trigger: 'change' }],
         status: [
           {
             required: true,
@@ -514,11 +403,7 @@ export default {
       },
     },
     syncTabs() {
-      if (
-        this.basisData &&
-        this.syncTabs &&
-        this.syncTabs.includes(this.basisData.id)
-      ) {
+      if (this.basisData && this.syncTabs && this.syncTabs.includes(this.basisData.id)) {
         // 标示接口在其他地方更新过，当前页面需要同步
         getDefinitionById(this.basisData.id).then((response) => {
           if (response.data) {
@@ -537,10 +422,7 @@ export default {
       }
     },
     batchSyncApiVisible() {
-      if (
-        !this.batchSyncApiVisible &&
-        this.apiSyncRuleRelation.showUpdateRule
-      ) {
+      if (!this.batchSyncApiVisible && this.apiSyncRuleRelation.showUpdateRule) {
         this.noShowSyncRuleRelation = true;
       }
     },
@@ -553,19 +435,13 @@ export default {
         let path = this.httpForm.path;
         let protocol = this.httpForm.method;
         if (protocol === 'GET' || protocol === 'DELETE') {
-          if (
-            this.httpForm.request != null &&
-            this.httpForm.request.rest != null
-          ) {
+          if (this.httpForm.request != null && this.httpForm.request.rest != null) {
             let pathUrlArr = path.split('/');
             let newPath = '';
             pathUrlArr.forEach((item) => {
               if (item !== '') {
                 let pathItem = item;
-                if (
-                  item.indexOf('{') === 0 &&
-                  item.indexOf('}') === item.length - 1
-                ) {
+                if (item.indexOf('{') === 0 && item.indexOf('}') === item.length - 1) {
                   let paramItem = item.substr(1, item.length - 2);
                   for (let i = 0; i < this.httpForm.request.rest.length; i++) {
                     let param = this.httpForm.request.rest[i];
@@ -592,19 +468,13 @@ export default {
         let path = this.newData.path;
         let protocol = this.newData.method;
         if (protocol === 'GET' || protocol === 'DELETE') {
-          if (
-            this.newData.request != null &&
-            this.newData.request.rest != null
-          ) {
+          if (this.newData.request != null && this.newData.request.rest != null) {
             let pathUrlArr = path.split('/');
             let newPath = '';
             pathUrlArr.forEach((item) => {
               if (item !== '') {
                 let pathItem = item;
-                if (
-                  item.indexOf('{') === 0 &&
-                  item.indexOf('}') === item.length - 1
-                ) {
+                if (item.indexOf('{') === 0 && item.indexOf('}') === item.length - 1) {
                   let paramItem = item.substr(1, item.length - 2);
                   for (let i = 0; i < this.newData.request.rest.length; i++) {
                     let param = this.newData.request.rest[i];
@@ -636,12 +506,7 @@ export default {
       return getCurrentUser();
     },
     openHis() {
-      this.$refs.changeHistory.open(this.httpForm.id, [
-        '接口定义',
-        '接口定義',
-        'Api definition',
-        'API_DEFINITION',
-      ]);
+      this.$refs.changeHistory.open(this.httpForm.id, ['接口定义', '接口定義', 'Api definition', 'API_DEFINITION']);
     },
     mockSetting() {
       if (this.basisData.id) {
@@ -683,108 +548,63 @@ export default {
           this.setParameter();
 
           if (!this.httpForm.versionId) {
-            if (
-              this.$refs.versionHistory &&
-              this.$refs.versionHistory.currentVersion
-            ) {
-              this.httpForm.versionId =
-                this.$refs.versionHistory.currentVersion.id;
+            if (this.$refs.versionHistory && this.$refs.versionHistory.currentVersion) {
+              this.httpForm.versionId = this.$refs.versionHistory.currentVersion.id;
             }
           }
-          if (
-            hasLicense() &&
-            (this.httpForm.caseTotal > 0 || this.citedScenarioCount > 0) &&
-            !this.httpForm.isCopy
-          ) {
-            if (
-              this.httpForm.method !== this.beforeHttpForm.method &&
-              !this.noShowSyncRuleRelation
-            ) {
+          if (hasLicense() && (this.httpForm.caseTotal > 0 || this.citedScenarioCount > 0) && !this.httpForm.isCopy) {
+            if (this.httpForm.method !== this.beforeHttpForm.method && !this.noShowSyncRuleRelation) {
               this.batchSyncApiVisible = true;
             }
-            if (
-              this.httpForm.path !== this.beforeHttpForm.path &&
-              !this.noShowSyncRuleRelation
-            ) {
+            if (this.httpForm.path !== this.beforeHttpForm.path && !this.noShowSyncRuleRelation) {
               this.batchSyncApiVisible = true;
             }
             if (this.request.headers && this.beforeRequest.headers) {
               let submitRequestHeaders = JSON.stringify(this.request.headers);
-              let beforeRequestHeaders = JSON.stringify(
-                this.beforeRequest.headers
-              );
-              if (
-                submitRequestHeaders !== beforeRequestHeaders &&
-                !this.noShowSyncRuleRelation
-              ) {
+              let beforeRequestHeaders = JSON.stringify(this.beforeRequest.headers);
+              if (submitRequestHeaders !== beforeRequestHeaders && !this.noShowSyncRuleRelation) {
                 this.batchSyncApiVisible = true;
               }
             }
             if (this.request.arguments && this.beforeRequest.arguments) {
               let submitRequestQuery = JSON.stringify(this.request.arguments);
-              let beforeRequestQuery = JSON.stringify(
-                this.beforeRequest.arguments
-              );
-              if (
-                submitRequestQuery !== beforeRequestQuery &&
-                !this.noShowSyncRuleRelation
-              ) {
+              let beforeRequestQuery = JSON.stringify(this.beforeRequest.arguments);
+              if (submitRequestQuery !== beforeRequestQuery && !this.noShowSyncRuleRelation) {
                 this.batchSyncApiVisible = true;
               }
             }
             if (this.request.rest && this.beforeRequest.rest) {
               let submitRequestRest = JSON.stringify(this.request.rest);
               let beforeRequestRest = JSON.stringify(this.beforeRequest.rest);
-              if (
-                submitRequestRest !== beforeRequestRest &&
-                !this.noShowSyncRuleRelation
-              ) {
+              if (submitRequestRest !== beforeRequestRest && !this.noShowSyncRuleRelation) {
                 this.batchSyncApiVisible = true;
               }
             }
             if (this.request.body && this.beforeRequest.body) {
               let submitRequestBody = JSON.stringify(this.request.body);
               let beforeRequestBody = JSON.stringify(this.beforeRequest.body);
-              if (
-                submitRequestBody !== beforeRequestBody &&
-                !this.noShowSyncRuleRelation
-              ) {
+              if (submitRequestBody !== beforeRequestBody && !this.noShowSyncRuleRelation) {
                 this.batchSyncApiVisible = true;
               }
             }
             if (this.request.authManager && this.beforeRequest.authManager) {
-              let submitRequestAuthManager = JSON.stringify(
-                this.request.authManager
-              );
-              let beforeRequestAuthManager = JSON.stringify(
-                this.beforeRequest.authManager
-              );
-              if (
-                submitRequestAuthManager !== beforeRequestAuthManager &&
-                !this.noShowSyncRuleRelation
-              ) {
+              let submitRequestAuthManager = JSON.stringify(this.request.authManager);
+              let beforeRequestAuthManager = JSON.stringify(this.beforeRequest.authManager);
+              if (submitRequestAuthManager !== beforeRequestAuthManager && !this.noShowSyncRuleRelation) {
                 this.batchSyncApiVisible = true;
               }
             }
             if (this.request.hashTree && this.beforeRequest.hashTree) {
               let submitRequestHashTree = JSON.stringify(this.request.hashTree);
-              let beforeRequestHashTree = JSON.stringify(
-                this.beforeRequest.hashTree
-              );
-              if (
-                submitRequestHashTree !== beforeRequestHashTree &&
-                !this.noShowSyncRuleRelation
-              ) {
+              let beforeRequestHashTree = JSON.stringify(this.beforeRequest.hashTree);
+              if (submitRequestHashTree !== beforeRequestHashTree && !this.noShowSyncRuleRelation) {
                 this.batchSyncApiVisible = true;
               }
             }
             if (
-              (this.request.connectTimeout !==
-                this.beforeRequest.connectTimeout ||
-                this.request.responseTimeout !==
-                  this.beforeRequest.responseTimeout ||
-                this.request.followRedirects !==
-                  this.beforeRequest.followRedirects ||
+              (this.request.connectTimeout !== this.beforeRequest.connectTimeout ||
+                this.request.responseTimeout !== this.beforeRequest.responseTimeout ||
+                this.request.followRedirects !== this.beforeRequest.followRedirects ||
                 this.request.alias !== this.beforeRequest.alias ||
                 this.apiSyncRuleRelation.showUpdateRule === true) &&
               !this.noShowSyncRuleRelation
@@ -806,44 +626,28 @@ export default {
       });
     },
     batchSync() {
-      if (
-        hasLicense() &&
-        (this.httpForm.caseTotal > 0 || this.citedScenarioCount > 0) &&
-        !this.httpForm.isCopy
-      ) {
+      if (hasLicense() && (this.httpForm.caseTotal > 0 || this.citedScenarioCount > 0) && !this.httpForm.isCopy) {
         if (this.$refs.synSetting && this.$refs.synSetting.fromData) {
           let fromData = this.$refs.synSetting.fromData;
           fromData.method = true;
           fromData.path = true;
           fromData.protocol = true;
           this.httpForm.triggerUpdate = JSON.stringify(fromData);
-          this.apiSyncRuleRelation.apiSyncCaseRequest =
-            JSON.stringify(fromData);
+          this.apiSyncRuleRelation.apiSyncCaseRequest = JSON.stringify(fromData);
         }
-        if (
-          this.apiSyncRuleRelation.sendNotice &&
-          this.apiSyncRuleRelation.sendNotice === true
-        ) {
-          this.httpForm.sendSpecialMessage =
-            this.apiSyncRuleRelation.sendNotice;
+        if (this.apiSyncRuleRelation.sendNotice && this.apiSyncRuleRelation.sendNotice === true) {
+          this.httpForm.sendSpecialMessage = this.apiSyncRuleRelation.sendNotice;
         } else {
           this.httpForm.sendSpecialMessage = false;
         }
 
-        if (
-          this.apiSyncRuleRelation.caseCreator &&
-          this.apiSyncRuleRelation.caseCreator === true
-        ) {
+        if (this.apiSyncRuleRelation.caseCreator && this.apiSyncRuleRelation.caseCreator === true) {
           this.httpForm.caseCreator = this.apiSyncRuleRelation.caseCreator;
         } else {
           this.httpForm.caseCreator = false;
         }
-        if (
-          this.apiSyncRuleRelation.scenarioCreator &&
-          this.apiSyncRuleRelation.scenarioCreator === true
-        ) {
-          this.httpForm.scenarioCreator =
-            this.apiSyncRuleRelation.scenarioCreator;
+        if (this.apiSyncRuleRelation.scenarioCreator && this.apiSyncRuleRelation.scenarioCreator === true) {
+          this.httpForm.scenarioCreator = this.apiSyncRuleRelation.scenarioCreator;
         } else {
           this.httpForm.scenarioCreator = false;
         }
@@ -853,10 +657,7 @@ export default {
       }
     },
     saveApiSyncRuleRelation(apiSyncRuleRelation) {
-      updateRuleRelation(
-        apiSyncRuleRelation.resourceId,
-        apiSyncRuleRelation
-      ).then(() => {
+      updateRuleRelation(apiSyncRuleRelation.resourceId, apiSyncRuleRelation).then(() => {
         this.$emit('saveApi', this.httpForm);
         this.batchSyncApiVisible = false;
       });
@@ -868,17 +669,12 @@ export default {
       if (!this.httpForm.path || this.httpForm.path.indexOf('?') === -1) return;
       let url = this.getURL(this.addProtocol(this.httpForm.path));
       if (url) {
-        this.httpForm.path = decodeURIComponent(
-          this.httpForm.path.substr(0, this.httpForm.path.indexOf('?'))
-        );
+        this.httpForm.path = decodeURIComponent(this.httpForm.path.substr(0, this.httpForm.path.indexOf('?')));
       }
     },
     addProtocol(url) {
       if (url) {
-        if (
-          !url.toLowerCase().startsWith('https') &&
-          !url.toLowerCase().startsWith('http')
-        ) {
+        if (!url.toLowerCase().startsWith('https') && !url.toLowerCase().startsWith('http')) {
           return 'https://' + url;
         }
       }
@@ -948,10 +744,7 @@ export default {
           }
         }
         if (this.basisData.id) {
-          updateDefinitionFollows(
-            this.basisData.id,
-            this.httpForm.follows
-          ).then(() => {
+          updateDefinitionFollows(this.basisData.id, this.httpForm.follows).then(() => {
             this.$success(this.$t('commons.cancel_follow_success'));
           });
         }
@@ -962,10 +755,7 @@ export default {
         }
         this.httpForm.follows.push(this.currentUser().id);
         if (this.basisData.id) {
-          updateDefinitionFollows(
-            this.basisData.id,
-            this.httpForm.follows
-          ).then(() => {
+          updateDefinitionFollows(this.basisData.id, this.httpForm.follows).then(() => {
             this.$success(this.$t('commons.follow_success'));
           });
         }
@@ -974,36 +764,31 @@ export default {
     getVersionHistory() {
       getDefinitionVersions(this.httpForm.id).then((response) => {
         if (this.httpForm.isCopy) {
-          this.versionData = response.data.filter(
-            (v) => v.versionId === this.httpForm.versionId
-          );
+          this.versionData = response.data.filter((v) => v.versionId === this.httpForm.versionId);
         } else {
           this.versionData = response.data;
         }
       });
     },
     compare(row) {
-      this.httpForm.createTime =
-        this.$refs.versionHistory.versionOptions.filter(
-          (v) => v.id === this.httpForm.versionId
-        )[0].createTime;
-      getDefinitionByIdAndRefId(row.id, this.httpForm.refId).then(
-        (response) => {
-          getDefinitionById(response.data.id).then((res) => {
-            if (res.data) {
-              this.newData = res.data;
-              this.newData.createTime = row.createTime;
-              this.dealWithTag(res.data);
-              this.setRequest(res.data);
-              if (!this.setRequest(res.data)) {
-                this.newRequest = createComponent('HTTPSamplerProxy');
-                this.dialogVisible = true;
-              }
-              this.formatApi(res.data);
+      this.httpForm.createTime = this.$refs.versionHistory.versionOptions.filter(
+        (v) => v.id === this.httpForm.versionId
+      )[0].createTime;
+      getDefinitionByIdAndRefId(row.id, this.httpForm.refId).then((response) => {
+        getDefinitionById(response.data.id).then((res) => {
+          if (res.data) {
+            this.newData = res.data;
+            this.newData.createTime = row.createTime;
+            this.dealWithTag(res.data);
+            this.setRequest(res.data);
+            if (!this.setRequest(res.data)) {
+              this.newRequest = createComponent('HTTPSamplerProxy');
+              this.dialogVisible = true;
             }
-          });
-        }
-      );
+            this.formatApi(res.data);
+          }
+        });
+      });
     },
     setRequest(api) {
       if (api.request) {
@@ -1032,10 +817,7 @@ export default {
         }
       }
       if (this.httpForm.tags) {
-        if (
-          Object.prototype.toString.call(this.httpForm.tags) ===
-          '[object String]'
-        ) {
+        if (Object.prototype.toString.call(this.httpForm.tags) === '[object String]') {
           this.httpForm.tags = JSON.parse(this.httpForm.tags);
         }
       }
@@ -1128,22 +910,14 @@ export default {
           this.httpForm.caseTotal = response.data;
         }
         this.$set(this.httpForm, 'newVersionRemark', !!this.httpForm.remark);
-        this.$set(
-          this.httpForm,
-          'newVersionDeps',
-          this.$refs.apiOtherInfo.relationshipCount > 0
-        );
+        this.$set(this.httpForm, 'newVersionDeps', this.$refs.apiOtherInfo.relationshipCount > 0);
         this.$set(this.httpForm, 'newVersionCase', this.httpForm.caseTotal > 0);
         createMockConfig({
           projectId: this.projectId,
           apiId: this.httpForm.id,
         }).then(
           (response) => {
-            this.$set(
-              this.httpForm,
-              'newVersionMock',
-              response.data.mockExpectConfigList.length > 0
-            );
+            this.$set(this.httpForm, 'newVersionMock', response.data.mockExpectConfigList.length > 0);
 
             if (
               this.$refs.apiOtherInfo.relationshipCount > 0 ||
@@ -1168,24 +942,17 @@ export default {
       });
     },
     del(row) {
-      this.$alert(
-        this.$t('api_test.definition.request.delete_confirm') +
-          ' ' +
-          row.name +
-          ' ？',
-        '',
-        {
-          confirmButtonText: this.$t('commons.confirm'),
-          callback: (action) => {
-            if (action === 'confirm') {
-              delDefinitionByRefId(row.id, this.httpForm.refId).then(() => {
-                this.$success(this.$t('commons.delete_success'));
-                this.getVersionHistory();
-              });
-            }
-          },
-        }
-      );
+      this.$alert(this.$t('api_test.definition.request.delete_confirm') + ' ' + row.name + ' ？', '', {
+        confirmButtonText: this.$t('commons.confirm'),
+        callback: (action) => {
+          if (action === 'confirm') {
+            delDefinitionByRefId(row.id, this.httpForm.refId).then(() => {
+              this.$success(this.$t('commons.delete_success'));
+              this.getVersionHistory();
+            });
+          }
+        },
+      });
     },
     gotoApiMessage() {
       let apiResolve = this.$router.resolve({
@@ -1198,14 +965,9 @@ export default {
         if (response.data) {
           this.apiSyncRuleRelation = response.data;
           if (this.apiSyncRuleRelation.apiSyncCaseRequest) {
-            this.apiSyncRuleRelation.apiSyncConfig = JSON.parse(
-              this.apiSyncRuleRelation.apiSyncCaseRequest
-            );
+            this.apiSyncRuleRelation.apiSyncConfig = JSON.parse(this.apiSyncRuleRelation.apiSyncCaseRequest);
           }
-          if (
-            this.apiSyncRuleRelation.caseCreator === null ||
-            this.apiSyncRuleRelation.caseCreator === undefined
-          ) {
+          if (this.apiSyncRuleRelation.caseCreator === null || this.apiSyncRuleRelation.caseCreator === undefined) {
             this.apiSyncRuleRelation.caseCreator = true;
           }
           if (
@@ -1214,16 +976,10 @@ export default {
           ) {
             this.apiSyncRuleRelation.scenarioCreator = true;
           }
-          if (
-            this.apiSyncRuleRelation.syncCase === null ||
-            this.apiSyncRuleRelation.syncCase === undefined
-          ) {
+          if (this.apiSyncRuleRelation.syncCase === null || this.apiSyncRuleRelation.syncCase === undefined) {
             this.apiSyncRuleRelation.syncCase = true;
           }
-          if (
-            this.apiSyncRuleRelation.sendNotice === null ||
-            this.apiSyncRuleRelation.sendNotice === undefined
-          ) {
+          if (this.apiSyncRuleRelation.sendNotice === null || this.apiSyncRuleRelation.sendNotice === undefined) {
             this.apiSyncRuleRelation.sendNotice = true;
           }
           this.noShowSyncRuleRelation = this.apiSyncRuleRelation.showUpdateRule;
@@ -1261,10 +1017,7 @@ export default {
     if (!this.basisData.environmentId) {
       this.basisData.environmentId = '';
     }
-    if (
-      this.basisData.moduleId &&
-      this.basisData.moduleId === 'default-module'
-    ) {
+    if (this.basisData.moduleId && this.basisData.moduleId === 'default-module') {
       this.basisData.moduleId = this.moduleOptions[0].id;
     }
     if (this.basisData.isCopy) {
diff --git a/api-test/frontend/src/business/definition/components/complete/EditCompleteSQLApi.vue b/api-test/frontend/src/business/definition/components/complete/EditCompleteSQLApi.vue
index e9241a235d..f1fd20389d 100644
--- a/api-test/frontend/src/business/definition/components/complete/EditCompleteSQLApi.vue
+++ b/api-test/frontend/src/business/definition/components/complete/EditCompleteSQLApi.vue
@@ -4,16 +4,8 @@
     <el-row>
       <el-col>
         <!--操作按钮-->
-        <div
-          style="float: right; margin-right: 20px; margin-top: 20px"
-          class="ms-opt-btn"
-        >
-          <el-tooltip
-            :content="$t('commons.follow')"
-            placement="bottom"
-            effect="dark"
-            v-if="!showFollow"
-          >
+        <div style="float: right; margin-right: 20px; margin-top: 20px" class="ms-opt-btn">
+          <el-tooltip :content="$t('commons.follow')" placement="bottom" effect="dark" v-if="!showFollow">
             <i
               class="el-icon-star-off"
               style="
@@ -24,15 +16,9 @@
                 top: 5px;
                 cursor: pointer;
               "
-              @click="saveFollow"
-            />
+              @click="saveFollow" />
           </el-tooltip>
-          <el-tooltip
-            :content="$t('commons.cancel')"
-            placement="bottom"
-            effect="dark"
-            v-if="showFollow"
-          >
+          <el-tooltip :content="$t('commons.cancel')" placement="bottom" effect="dark" v-if="showFollow">
             <i
               class="el-icon-star-on"
               style="
@@ -43,15 +29,9 @@
                 top: 5px;
                 cursor: pointer;
               "
-              @click="saveFollow"
-            />
+              @click="saveFollow" />
           </el-tooltip>
-          <el-link
-            type="primary"
-            style="margin-right: 5px"
-            @click="openHis"
-            v-if="basisData.id"
-          >
+          <el-link type="primary" style="margin-right: 5px" @click="openHis" v-if="basisData.id">
             {{ $t('operating_log.change_history') }}
           </el-link>
           <!--  版本历史 -->
@@ -63,15 +43,8 @@
             @compare="compare"
             @checkout="checkout"
             @create="create"
-            @del="del"
-          />
-          <el-button
-            type="primary"
-            size="small"
-            @click="saveApi"
-            title="ctrl + s"
-            >{{ $t('commons.save') }}</el-button
-          >
+            @del="del" />
+          <el-button type="primary" size="small" @click="saveApi" title="ctrl + s">{{ $t('commons.save') }}</el-button>
         </div>
       </el-col>
     </el-row>
@@ -84,12 +57,7 @@
 
     <ms-change-history ref="changeHistory" />
 
-    <el-dialog
-      :fullscreen="true"
-      :visible.sync="dialogVisible"
-      :destroy-on-close="true"
-      width="100%"
-    >
+    <el-dialog :fullscreen="true" :visible.sync="dialogVisible" :destroy-on-close="true" width="100%">
       <s-q-l-api-version-diff
         v-if="dialogVisible"
         :old-data="basisData"
@@ -98,32 +66,22 @@
         :new-show-follow="newShowFollow"
         :module-options="moduleOptions"
         :request="newRequest"
-        :old-request="request"
-      ></s-q-l-api-version-diff>
+        :old-request="request"></s-q-l-api-version-diff>
     </el-dialog>
 
     <el-dialog
       :title="$t('commons.sync_other_info')"
       :visible.sync="createNewVersionVisible"
       :show-close="false"
-      width="30%"
-    >
+      width="30%">
       <div>
-        <el-checkbox v-model="basisData.newVersionRemark">{{
-          $t('commons.remark')
-        }}</el-checkbox>
-        <el-checkbox v-model="basisData.newVersionDeps">{{
-          $t('commons.relationship.name')
-        }}</el-checkbox>
+        <el-checkbox v-model="basisData.newVersionRemark">{{ $t('commons.remark') }}</el-checkbox>
+        <el-checkbox v-model="basisData.newVersionDeps">{{ $t('commons.relationship.name') }}</el-checkbox>
         <el-checkbox v-model="basisData.newVersionCase">CASE</el-checkbox>
       </div>
 
       <template v-slot:footer>
-        <ms-dialog-footer
-          @cancel="cancelCreateNewVersion"
-          :title="$t('commons.edit_info')"
-          @confirm="saveApi"
-        >
+        <ms-dialog-footer @cancel="cancelCreateNewVersion" :title="$t('commons.edit_info')" @confirm="saveApi">
         </ms-dialog-footer>
       </template>
     </el-dialog>
@@ -158,8 +116,7 @@ const { Body } = require('@/business/definition/model/ApiTestModel');
 export default {
   name: 'MsApiSqlRequestForm',
   components: {
-    MxVersionHistory: () =>
-      import('metersphere-frontend/src/components/version/MxVersionHistory'),
+    MxVersionHistory: () => import('metersphere-frontend/src/components/version/MxVersionHistory'),
     MsDialogFooter,
     ApiOtherInfo,
     MsBasisApi,
@@ -179,11 +136,7 @@ export default {
   },
   watch: {
     syncTabs() {
-      if (
-        this.basisData &&
-        this.syncTabs &&
-        this.syncTabs.includes(this.basisData.id)
-      ) {
+      if (this.basisData && this.syncTabs && this.syncTabs.includes(this.basisData.id)) {
         // 标示接口在其他地方更新过，当前页面需要同步
         getDefinitionById(this.basisData.id).then((response) => {
           if (response.data) {
@@ -234,12 +187,7 @@ export default {
   },
   methods: {
     openHis() {
-      this.$refs.changeHistory.open(this.basisData.id, [
-        '接口定义',
-        '接口定義',
-        'Api definition',
-        'API_DEFINITION',
-      ]);
+      this.$refs.changeHistory.open(this.basisData.id, ['接口定义', '接口定義', 'Api definition', 'API_DEFINITION']);
     },
     callback() {
       this.validated = true;
@@ -279,10 +227,7 @@ export default {
           }
         }
         if (this.basisData.id) {
-          updateDefinitionFollows(
-            this.basisData.id,
-            this.basisData.follows
-          ).then(() => {
+          updateDefinitionFollows(this.basisData.id, this.basisData.follows).then(() => {
             this.$success(this.$t('commons.cancel_follow_success'));
           });
         }
@@ -293,10 +238,7 @@ export default {
         }
         this.basisData.follows.push(getCurrentUser().id);
         if (this.basisData.id) {
-          updateDefinitionFollows(
-            this.basisData.id,
-            this.basisData.follows
-          ).then(() => {
+          updateDefinitionFollows(this.basisData.id, this.basisData.follows).then(() => {
             this.$success(this.$t('commons.follow_success'));
           });
         }
@@ -305,39 +247,34 @@ export default {
     getVersionHistory() {
       getDefinitionVersions(this.basisData.id).then((response) => {
         if (this.basisData.isCopy) {
-          this.versionData = response.data.filter(
-            (v) => v.versionId === this.basisData.versionId
-          );
+          this.versionData = response.data.filter((v) => v.versionId === this.basisData.versionId);
         } else {
           this.versionData = response.data;
         }
       });
     },
     compare(row) {
-      this.basisData.createTime =
-        this.$refs.versionHistory.versionOptions.filter(
-          (v) => v.id === this.basisData.versionId
-        )[0].createTime;
-      getDefinitionByIdAndRefId(row.id, this.basisData.refId).then(
-        (response) => {
-          getDefinitionById(response.data.id).then((res) => {
-            if (res.data) {
-              this.newData = res.data;
-              this.newData.createTime = row.createTime;
-              this.dealWithTag(res.data);
-              this.setRequest(res.data);
-              if (!this.setRequest(res.data)) {
-                this.newRequest = createComponent('JDBCSampler');
-                if (!this.newRequest.variables) {
-                  this.newRequest.variables = [];
-                }
-                this.dialogVisible = true;
+      this.basisData.createTime = this.$refs.versionHistory.versionOptions.filter(
+        (v) => v.id === this.basisData.versionId
+      )[0].createTime;
+      getDefinitionByIdAndRefId(row.id, this.basisData.refId).then((response) => {
+        getDefinitionById(response.data.id).then((res) => {
+          if (res.data) {
+            this.newData = res.data;
+            this.newData.createTime = row.createTime;
+            this.dealWithTag(res.data);
+            this.setRequest(res.data);
+            if (!this.setRequest(res.data)) {
+              this.newRequest = createComponent('JDBCSampler');
+              if (!this.newRequest.variables) {
+                this.newRequest.variables = [];
               }
-              //this.formatApi(res.data)
+              this.dialogVisible = true;
             }
-          });
-        }
-      );
+            //this.formatApi(res.data)
+          }
+        });
+      });
     },
     setRequest(api) {
       if (api.request) {
@@ -366,10 +303,7 @@ export default {
         }
       }
       if (this.basisData.tags) {
-        if (
-          Object.prototype.toString.call(this.basisData.tags) ===
-          '[object String]'
-        ) {
+        if (Object.prototype.toString.call(this.basisData.tags) === '[object String]') {
           this.basisData.tags = JSON.parse(this.basisData.tags);
         }
       }
@@ -461,22 +395,10 @@ export default {
           this.basisData.caseTotal = response.data;
         }
         this.$set(this.basisData, 'newVersionRemark', !!this.basisData.remark);
-        this.$set(
-          this.basisData,
-          'newVersionDeps',
-          this.$refs.apiOtherInfo.relationshipCount > 0
-        );
-        this.$set(
-          this.basisData,
-          'newVersionCase',
-          this.basisData.caseTotal > 0
-        );
+        this.$set(this.basisData, 'newVersionDeps', this.$refs.apiOtherInfo.relationshipCount > 0);
+        this.$set(this.basisData, 'newVersionCase', this.basisData.caseTotal > 0);
 
-        if (
-          this.$refs.apiOtherInfo.relationshipCount > 0 ||
-          this.basisData.remark ||
-          this.basisData.newVersionCase
-        ) {
+        if (this.$refs.apiOtherInfo.relationshipCount > 0 || this.basisData.remark || this.basisData.newVersionCase) {
           this.createNewVersionVisible = true;
         } else {
           this.saveApi();
@@ -487,24 +409,17 @@ export default {
       });
     },
     del(row) {
-      this.$alert(
-        this.$t('api_test.definition.request.delete_confirm') +
-          ' ' +
-          row.name +
-          ' ？',
-        '',
-        {
-          confirmButtonText: this.$t('commons.confirm'),
-          callback: (action) => {
-            if (action === 'confirm') {
-              delDefinitionByRefId(row.id, this.basisData.refId).then(() => {
-                this.$success(this.$t('commons.delete_success'));
-                this.getVersionHistory();
-              });
-            }
-          },
-        }
-      );
+      this.$alert(this.$t('api_test.definition.request.delete_confirm') + ' ' + row.name + ' ？', '', {
+        confirmButtonText: this.$t('commons.confirm'),
+        callback: (action) => {
+          if (action === 'confirm') {
+            delDefinitionByRefId(row.id, this.basisData.refId).then(() => {
+              this.$success(this.$t('commons.delete_success'));
+              this.getVersionHistory();
+            });
+          }
+        },
+      });
     },
   },
 };
diff --git a/api-test/frontend/src/business/definition/components/complete/EditCompleteTCPApi.vue b/api-test/frontend/src/business/definition/components/complete/EditCompleteTCPApi.vue
index 2de6cf8305..138c2e807f 100644
--- a/api-test/frontend/src/business/definition/components/complete/EditCompleteTCPApi.vue
+++ b/api-test/frontend/src/business/definition/components/complete/EditCompleteTCPApi.vue
@@ -4,16 +4,8 @@
     <el-row>
       <el-col>
         <!--操作按钮-->
-        <div
-          style="float: right; margin-right: 20px; margin-top: 20px"
-          class="ms-opt-btn"
-        >
-          <el-tooltip
-            :content="$t('commons.follow')"
-            placement="bottom"
-            effect="dark"
-            v-if="!showFollow"
-          >
+        <div style="float: right; margin-right: 20px; margin-top: 20px" class="ms-opt-btn">
+          <el-tooltip :content="$t('commons.follow')" placement="bottom" effect="dark" v-if="!showFollow">
             <i
               class="el-icon-star-off"
               style="
@@ -24,15 +16,9 @@
                 top: 5px;
                 cursor: pointer;
               "
-              @click="saveFollow"
-            />
+              @click="saveFollow" />
           </el-tooltip>
-          <el-tooltip
-            :content="$t('commons.cancel')"
-            placement="bottom"
-            effect="dark"
-            v-if="showFollow"
-          >
+          <el-tooltip :content="$t('commons.cancel')" placement="bottom" effect="dark" v-if="showFollow">
             <i
               class="el-icon-star-on"
               style="
@@ -43,15 +29,9 @@
                 top: 5px;
                 cursor: pointer;
               "
-              @click="saveFollow"
-            />
+              @click="saveFollow" />
           </el-tooltip>
-          <el-link
-            type="primary"
-            style="margin-right: 5px"
-            @click="openHis"
-            v-if="basisData.id"
-          >
+          <el-link type="primary" style="margin-right: 5px" @click="openHis" v-if="basisData.id">
             {{ $t('operating_log.change_history') }}
           </el-link>
           <!--  版本历史 -->
@@ -63,15 +43,8 @@
             @compare="compare"
             @checkout="checkout"
             @create="create"
-            @del="del"
-          />
-          <el-button
-            type="primary"
-            size="small"
-            @click="saveApi"
-            title="ctrl + s"
-            >{{ $t('commons.save') }}</el-button
-          >
+            @del="del" />
+          <el-button type="primary" size="small" @click="saveApi" title="ctrl + s">{{ $t('commons.save') }}</el-button>
         </div>
       </el-col>
     </el-row>
@@ -83,35 +56,18 @@
         :show-pre-script="true"
         :show-script="false"
         :request="request"
-        ref="tcpFormatParameter"
-      />
+        ref="tcpFormatParameter" />
     </div>
     <div v-else-if="apiProtocol == 'ESB'">
       <p class="tip">{{ $t('api_test.definition.request.req_param') }}</p>
-      <mx-esb-definition
-        v-xpack
-        :show-pre-script="true"
-        :show-script="false"
-        :request="request"
-        ref="esbDefinition"
-      />
+      <mx-esb-definition v-xpack :show-pre-script="true" :show-script="false" :request="request" ref="esbDefinition" />
       <p class="tip">{{ $t('api_test.definition.request.res_param') }}</p>
-      <mx-esb-definition-response
-        v-xpack
-        :is-api-component="true"
-        :show-options-button="true"
-        :request="request"
-      />
+      <mx-esb-definition-response v-xpack :is-api-component="true" :show-options-button="true" :request="request" />
     </div>
     <api-other-info :api="basisData" ref="apiOtherInfo" />
 
     <ms-change-history ref="changeHistory" />
-    <el-dialog
-      :fullscreen="true"
-      :visible.sync="dialogVisible"
-      :destroy-on-close="true"
-      width="100%"
-    >
+    <el-dialog :fullscreen="true" :visible.sync="dialogVisible" :destroy-on-close="true" width="100%">
       <t-c-p-api-version-diff
         v-if="dialogVisible"
         :old-data="basisData"
@@ -124,33 +80,23 @@
         :mock-info="mockInfo"
         :api-protocol="apiProtocol"
         :old-api-protocol="newApiProtocol"
-        :method-types="methodTypes"
-      ></t-c-p-api-version-diff>
+        :method-types="methodTypes"></t-c-p-api-version-diff>
     </el-dialog>
 
     <el-dialog
       :title="$t('commons.sync_other_info')"
       :visible.sync="createNewVersionVisible"
       :show-close="false"
-      width="30%"
-    >
+      width="30%">
       <div>
-        <el-checkbox v-model="basisData.newVersionRemark">{{
-          $t('commons.remark')
-        }}</el-checkbox>
-        <el-checkbox v-model="basisData.newVersionDeps">{{
-          $t('commons.relationship.name')
-        }}</el-checkbox>
+        <el-checkbox v-model="basisData.newVersionRemark">{{ $t('commons.remark') }}</el-checkbox>
+        <el-checkbox v-model="basisData.newVersionDeps">{{ $t('commons.relationship.name') }}</el-checkbox>
         <el-checkbox v-model="basisData.newVersionCase">CASE</el-checkbox>
         <el-checkbox v-model="basisData.newVersionMock">MOCK</el-checkbox>
       </div>
 
       <template v-slot:footer>
-        <ms-dialog-footer
-          @cancel="cancelCreateNewVersion"
-          :title="$t('commons.edit_info')"
-          @confirm="saveApi"
-        >
+        <ms-dialog-footer @cancel="cancelCreateNewVersion" :title="$t('commons.edit_info')" @confirm="saveApi">
         </ms-dialog-footer>
       </template>
     </el-dialog>
@@ -169,10 +115,7 @@ import {
 import MsTcpBasicApi from './TCPBasicApi';
 import MsTcpFormatParameters from '../request/tcp/TcpFormatParameters';
 import MsChangeHistory from '@/business/history/ApiHistory';
-import {
-  getCurrentProjectID,
-  getCurrentUser,
-} from 'metersphere-frontend/src/utils/token';
+import { getCurrentProjectID, getCurrentUser } from 'metersphere-frontend/src/utils/token';
 import { hasLicense } from 'metersphere-frontend/src/utils/permission';
 import ApiOtherInfo from '@/business/definition/components/complete/ApiOtherInfo';
 import TCPApiVersionDiff from './version/TCPApiVersionDiff';
@@ -194,12 +137,9 @@ export default {
     MsTcpFormatParameters,
     MsChangeHistory,
     TCPApiVersionDiff,
-    MxEsbDefinition: () =>
-      import('@/business/definition/components/esb/MxEsbDefinition'),
-    MxVersionHistory: () =>
-      import('metersphere-frontend/src/components/version/MxVersionHistory'),
-    MxEsbDefinitionResponse: () =>
-      import('@/business/definition/components/esb/MxEsbDefinitionResponse'),
+    MxEsbDefinition: () => import('@/business/definition/components/esb/MxEsbDefinition'),
+    MxVersionHistory: () => import('metersphere-frontend/src/components/version/MxVersionHistory'),
+    MxEsbDefinitionResponse: () => import('@/business/definition/components/esb/MxEsbDefinitionResponse'),
   },
   props: {
     request: {},
@@ -265,11 +205,7 @@ export default {
   },
   watch: {
     syncTabs() {
-      if (
-        this.basisData &&
-        this.syncTabs &&
-        this.syncTabs.includes(this.basisData.id)
-      ) {
+      if (this.basisData && this.syncTabs && this.syncTabs.includes(this.basisData.id)) {
         // 标示接口在其他地方更新过，当前页面需要同步
         getDefinitionById(this.basisData.id).then((response) => {
           if (response.data) {
@@ -294,12 +230,7 @@ export default {
   },
   methods: {
     openHis() {
-      this.$refs.changeHistory.open(this.basisData.id, [
-        '接口定义',
-        '接口定義',
-        'Api definition',
-        'API_DEFINITION',
-      ]);
+      this.$refs.changeHistory.open(this.basisData.id, ['接口定义', '接口定義', 'Api definition', 'API_DEFINITION']);
     },
     callback() {
       this.validated = true;
@@ -309,9 +240,7 @@ export default {
         this.basisData.tags = JSON.stringify(this.basisData.tags);
       }
       if (this.basisData.method === 'ESB') {
-        let validataResult = this.$refs.esbDefinition.validateEsbDataStruct(
-          this.request.esbDataStruct
-        );
+        let validataResult = this.$refs.esbDefinition.validateEsbDataStruct(this.request.esbDataStruct);
         if (!validataResult) {
           return;
         }
@@ -320,9 +249,7 @@ export default {
           this.basisData.esbDataStruct = this.esbDataStruct;
         }
         if (this.request.backEsbDataStruct != null) {
-          this.basisData.backEsbDataStruct = JSON.stringify(
-            this.request.backEsbDataStruct
-          );
+          this.basisData.backEsbDataStruct = JSON.stringify(this.request.backEsbDataStruct);
         }
         if (this.request.backScript != null) {
           this.basisData.backScript = JSON.stringify(this.request.backScript);
@@ -345,9 +272,7 @@ export default {
           this.basisData.tags = JSON.stringify(this.basisData.tags);
         }
         if (this.basisData.method === 'ESB') {
-          let validataResult = this.$refs.esbDefinition.validateEsbDataStruct(
-            this.request.esbDataStruct
-          );
+          let validataResult = this.$refs.esbDefinition.validateEsbDataStruct(this.request.esbDataStruct);
           if (!validataResult) {
             return;
           }
@@ -356,9 +281,7 @@ export default {
             this.basisData.esbDataStruct = this.esbDataStruct;
           }
           if (this.request.backEsbDataStruct != null) {
-            this.basisData.backEsbDataStruct = JSON.stringify(
-              this.request.backEsbDataStruct
-            );
+            this.basisData.backEsbDataStruct = JSON.stringify(this.request.backEsbDataStruct);
           }
           if (this.request.backScript != null) {
             this.basisData.backScript = JSON.stringify(this.request.backScript);
@@ -400,10 +323,7 @@ export default {
           }
         }
         if (this.basisData.id) {
-          updateDefinitionFollows(
-            this.basisData.id,
-            this.basisData.follows
-          ).then(() => {
+          updateDefinitionFollows(this.basisData.id, this.basisData.follows).then(() => {
             this.$success(this.$t('commons.cancel_follow_success'));
           });
         }
@@ -414,10 +334,7 @@ export default {
         }
         this.basisData.follows.push(getCurrentUser().id);
         if (this.basisData.id) {
-          updateDefinitionFollows(
-            this.basisData.id,
-            this.basisData.follows
-          ).then(() => {
+          updateDefinitionFollows(this.basisData.id, this.basisData.follows).then(() => {
             this.$success(this.$t('commons.follow_success'));
           });
         }
@@ -426,46 +343,38 @@ export default {
     getVersionHistory() {
       getDefinitionVersions(this.basisData.id).then((response) => {
         if (this.basisData.isCopy) {
-          this.versionData = response.data.filter(
-            (v) => v.versionId === this.basisData.versionId
-          );
+          this.versionData = response.data.filter((v) => v.versionId === this.basisData.versionId);
         } else {
           this.versionData = response.data;
         }
       });
     },
     compare(row) {
-      this.basisData.createTime =
-        this.$refs.versionHistory.versionOptions.filter(
-          (v) => v.id === this.basisData.versionId
-        )[0].createTime;
-      getDefinitionByIdAndRefId(row.id, this.basisData.refId).then(
-        (response) => {
-          getDefinitionById(response.data.id).then((res) => {
-            if (res.data) {
-              this.newData = res.data;
-              this.newData.createTime = row.createTime;
-              if (
-                this.newData.method !== 'TCP' &&
-                this.newData.method !== 'ESB'
-              ) {
-                this.newData.method = this.newData.protocol;
-              }
-              this.newApiProtocol = this.basisData.method;
-              if (this.newApiProtocol == null || this.newApiProtocol === '') {
-                this.newApiProtocol = 'TCP';
-              }
-              this.dealWithTag(res.data);
-              this.setRequest(res.data);
-              if (!this.setRequest(res.data)) {
-                this.newRequest = createComponent('TCPSampler');
-                this.dialogVisible = true;
-              }
-              this.formatApi(res.data);
+      this.basisData.createTime = this.$refs.versionHistory.versionOptions.filter(
+        (v) => v.id === this.basisData.versionId
+      )[0].createTime;
+      getDefinitionByIdAndRefId(row.id, this.basisData.refId).then((response) => {
+        getDefinitionById(response.data.id).then((res) => {
+          if (res.data) {
+            this.newData = res.data;
+            this.newData.createTime = row.createTime;
+            if (this.newData.method !== 'TCP' && this.newData.method !== 'ESB') {
+              this.newData.method = this.newData.protocol;
             }
-          });
-        }
-      );
+            this.newApiProtocol = this.basisData.method;
+            if (this.newApiProtocol == null || this.newApiProtocol === '') {
+              this.newApiProtocol = 'TCP';
+            }
+            this.dealWithTag(res.data);
+            this.setRequest(res.data);
+            if (!this.setRequest(res.data)) {
+              this.newRequest = createComponent('TCPSampler');
+              this.dialogVisible = true;
+            }
+            this.formatApi(res.data);
+          }
+        });
+      });
     },
     setRequest(api) {
       if (api.request) {
@@ -494,10 +403,7 @@ export default {
         }
       }
       if (this.basisData.tags) {
-        if (
-          Object.prototype.toString.call(this.basisData.tags) ===
-          '[object String]'
-        ) {
+        if (Object.prototype.toString.call(this.basisData.tags) === '[object String]') {
           this.basisData.tags = JSON.parse(this.basisData.tags);
         }
       }
@@ -590,26 +496,14 @@ export default {
           this.basisData.caseTotal = response.data;
         }
         this.$set(this.basisData, 'newVersionRemark', !!this.basisData.remark);
-        this.$set(
-          this.basisData,
-          'newVersionDeps',
-          this.$refs.apiOtherInfo.relationshipCount > 0
-        );
-        this.$set(
-          this.basisData,
-          'newVersionCase',
-          this.basisData.caseTotal > 0
-        );
+        this.$set(this.basisData, 'newVersionDeps', this.$refs.apiOtherInfo.relationshipCount > 0);
+        this.$set(this.basisData, 'newVersionCase', this.basisData.caseTotal > 0);
 
         createMockConfig({
           projectId: this.projectId,
           apiId: this.basisData.id,
         }).then((response) => {
-          this.$set(
-            this.basisData,
-            'newVersionMock',
-            response.data.mockExpectConfigList.length > 0
-          );
+          this.$set(this.basisData, 'newVersionMock', response.data.mockExpectConfigList.length > 0);
 
           if (
             this.$refs.apiOtherInfo.relationshipCount > 0 ||
@@ -628,24 +522,17 @@ export default {
       });
     },
     del(row) {
-      this.$alert(
-        this.$t('api_test.definition.request.delete_confirm') +
-          ' ' +
-          row.name +
-          ' ？',
-        '',
-        {
-          confirmButtonText: this.$t('commons.confirm'),
-          callback: (action) => {
-            if (action === 'confirm') {
-              delDefinitionByRefId(row.id, this.basisData.refId).then(() => {
-                this.$success(this.$t('commons.delete_success'));
-                this.getVersionHistory();
-              });
-            }
-          },
-        }
-      );
+      this.$alert(this.$t('api_test.definition.request.delete_confirm') + ' ' + row.name + ' ？', '', {
+        confirmButtonText: this.$t('commons.confirm'),
+        callback: (action) => {
+          if (action === 'confirm') {
+            delDefinitionByRefId(row.id, this.basisData.refId).then(() => {
+              this.$success(this.$t('commons.delete_success'));
+              this.getVersionHistory();
+            });
+          }
+        },
+      });
     },
   },
 };
diff --git a/api-test/frontend/src/business/definition/components/complete/TCPBasicApi.vue b/api-test/frontend/src/business/definition/components/complete/TCPBasicApi.vue
index 8a83c17fdd..aa7e67e4bd 100644
--- a/api-test/frontend/src/business/definition/components/complete/TCPBasicApi.vue
+++ b/api-test/frontend/src/business/definition/components/complete/TCPBasicApi.vue
@@ -8,31 +8,20 @@
       :rules="rule"
       ref="basicForm"
       style="margin-right: 20px"
-      :disabled="isDiff"
-    >
+      :disabled="isDiff">
       <!-- 基础信息 -->
       <el-row>
         <el-col :span="isDiff ? 16 : 8">
           <el-form-item :label="$t('commons.name')" prop="name">
             <!--            <el-input class="ms-http-input" size="small" v-model="basicForm.name"/>-->
-            <el-input
-              v-model="basicForm.name"
-              class="ms-http-input"
-              size="small"
-            >
+            <el-input v-model="basicForm.name" class="ms-http-input" size="small">
               <el-select
                 v-model="basicForm.method"
                 slot="prepend"
                 style="width: 100px"
                 size="small"
-                @change="methodChange"
-              >
-                <el-option
-                  v-for="item in methodTypes"
-                  :key="item.key"
-                  :label="item.value"
-                  :value="item.key"
-                />
+                @change="methodChange">
+                <el-option v-for="item in methodTypes" :key="item.key" :label="item.value" :value="item.key" />
               </el-select>
             </el-input>
           </el-form-item>
@@ -46,48 +35,32 @@
               @getValue="setModule"
               :obj="moduleObj"
               clearable
-              checkStrictly
-            />
+              checkStrictly />
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item :label="$t('commons.status')" prop="status">
-            <el-select
-              class="ms-http-input"
-              size="small"
-              v-model="basicForm.status"
-              style="width: 100%"
-            >
-              <el-option
-                v-for="item in options"
-                :key="item.id"
-                :label="$t(item.label)"
-                :value="item.id"
-              />
+            <el-select class="ms-http-input" size="small" v-model="basicForm.status" style="width: 100%">
+              <el-option v-for="item in options" :key="item.id" :label="$t(item.label)" :value="item.id" />
             </el-select>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="8">
-          <el-form-item
-            :label="$t('api_test.definition.request.responsible')"
-            prop="userId"
-          >
+          <el-form-item :label="$t('api_test.definition.request.responsible')" prop="userId">
             <el-select
               v-model="basicForm.userId"
               :placeholder="$t('api_test.definition.request.responsible')"
               filterable
               size="small"
               class="ms-http-input"
-              style="width: 100%"
-            >
+              style="width: 100%">
               <el-option
                 v-for="item in maintainerOptions"
                 :key="item.id"
                 :label="item.name + ' (' + item.email + ')'"
-                :value="item.id"
-              >
+                :value="item.id">
               </el-option>
             </el-select>
           </el-form-item>
@@ -105,8 +78,7 @@
               type="textarea"
               :autosize="{ minRows: 1, maxRows: 10 }"
               :rows="1"
-              size="small"
-            />
+              size="small" />
           </el-form-item>
         </el-col>
       </el-row>
@@ -183,9 +155,7 @@ export default {
             trigger: 'change',
           },
         ],
-        moduleId: [
-          { required: true, validator: validateModuleId, trigger: 'change' },
-        ],
+        moduleId: [{ required: true, validator: validateModuleId, trigger: 'change' }],
         status: [
           {
             required: true,
@@ -251,12 +221,7 @@ export default {
     'basicForm.tags': {
       handler(v, v1) {
         this.tagCount++;
-        if (
-          v &&
-          v1 &&
-          JSON.stringify(v) !== JSON.stringify(v1) &&
-          this.tagCount > 1
-        ) {
+        if (v && v1 && JSON.stringify(v) !== JSON.stringify(v1) && this.tagCount > 1) {
           this.apiMapStatus();
         }
       },
diff --git a/api-test/frontend/src/business/definition/components/complete/table/TcpXmlTable.vue b/api-test/frontend/src/business/definition/components/complete/table/TcpXmlTable.vue
index cb92e5338b..b68e418b09 100644
--- a/api-test/frontend/src/business/definition/components/complete/table/TcpXmlTable.vue
+++ b/api-test/frontend/src/business/definition/components/complete/table/TcpXmlTable.vue
@@ -7,113 +7,58 @@
       :expand-row-keys="tableExpandRowKayArray"
       default-expand-all
       v-loading="loading"
-      :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
-    >
-      <el-table-column
-        prop="name"
-        :label="$t('api_test.definition.request.esb_table.name')"
-        width="230"
-      >
+      :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
+      <el-table-column prop="name" :label="$t('api_test.definition.request.esb_table.name')" width="230">
         <template slot-scope="scope">
-          <el-input
-            v-if="scope.row.status"
-            v-model="scope.row.name"
-            style="width: 140px"
-          ></el-input>
+          <el-input v-if="scope.row.status" v-model="scope.row.name" style="width: 140px"></el-input>
           <span v-else>{{ scope.row.name }}</span>
         </template>
       </el-table-column>
-      <el-table-column
-        prop="type"
-        :label="$t('api_test.definition.request.esb_table.type')"
-        width="120"
-      >
+      <el-table-column prop="type" :label="$t('api_test.definition.request.esb_table.type')" width="120">
         <template slot-scope="scope">
-          <el-select
-            v-if="scope.row.status"
-            v-model="scope.row.type"
-            :placeholder="$t('commons.please_select')"
-          >
-            <el-option
-              v-for="item in typeSelectOptions"
-              :key="item.value"
-              :label="item.value"
-              :value="item.value"
-            >
+          <el-select v-if="scope.row.status" v-model="scope.row.type" :placeholder="$t('commons.please_select')">
+            <el-option v-for="item in typeSelectOptions" :key="item.value" :label="item.value" :value="item.value">
             </el-option>
           </el-select>
           <span v-else>{{ scope.row.type }}</span>
         </template>
       </el-table-column>
-      <el-table-column
-        prop="length"
-        :label="$t('api_test.definition.request.esb_table.length')"
-        width="80"
-      >
+      <el-table-column prop="length" :label="$t('api_test.definition.request.esb_table.length')" width="80">
         <template slot-scope="scope">
-          <el-input
-            v-if="scope.row.status"
-            v-model="scope.row.contentType"
-          ></el-input>
+          <el-input v-if="scope.row.status" v-model="scope.row.contentType"></el-input>
           <span v-else>{{ scope.row.contentType }}</span>
         </template>
       </el-table-column>
-      <el-table-column
-        prop="description"
-        :label="$t('api_test.definition.request.esb_table.desc')"
-        min-width="200"
-      >
+      <el-table-column prop="description" :label="$t('api_test.definition.request.esb_table.desc')" min-width="200">
         <template slot-scope="scope">
-          <el-input
-            v-if="scope.row.status"
-            v-model="scope.row.description"
-          ></el-input>
+          <el-input v-if="scope.row.status" v-model="scope.row.description"></el-input>
           <span v-else>{{ scope.row.description }}</span>
         </template>
       </el-table-column>
-      <el-table-column
-        v-if="showOperationCol"
-        prop="condition"
-        :label="$t('api_test.request.range')"
-        width="200"
-      >
+      <el-table-column v-if="showOperationCol" prop="condition" :label="$t('api_test.request.range')" width="200">
         <template slot-scope="scope">
           <el-select
             v-if="scope.row.status"
             :maxlength="100"
             v-model="scope.row.condition"
             size="small"
-            style="width: 100%"
-          >
+            style="width: 100%">
             <el-option
               v-for="item in rangeTypeOptions"
               :key="item.value"
               :label="item.label"
-              :value="item.value"
-            ></el-option>
+              :value="item.value"></el-option>
           </el-select>
           <span v-else>{{ parseRangeType(scope.row.condition) }}</span>
         </template>
       </el-table-column>
-      <el-table-column
-        prop="value"
-        :label="$t('api_test.definition.request.esb_table.value')"
-        width="180"
-      >
+      <el-table-column prop="value" :label="$t('api_test.definition.request.esb_table.value')" width="180">
         <template slot-scope="scope">
-          <el-input
-            v-if="scope.row.status"
-            v-model="scope.row.value"
-          ></el-input>
+          <el-input v-if="scope.row.status" v-model="scope.row.value"></el-input>
           <span v-else>{{ scope.row.value }}</span>
         </template>
       </el-table-column>
-      <el-table-column
-        v-if="showOptionsButton"
-        :label="$t('commons.operating')"
-        width="140"
-        fixed="right"
-      >
+      <el-table-column v-if="showOptionsButton" :label="$t('commons.operating')" width="140" fixed="right">
         <template v-slot:default="scope">
           <span>
             <el-button
@@ -123,8 +68,7 @@
               type="primary"
               circle
               @click="nextRow(scope.row)"
-              class="ht-btn-confirm"
-            />
+              class="ht-btn-confirm" />
             <el-button
               size="mini"
               p="$t('commons.copy')"
@@ -132,28 +76,20 @@
               type="primary"
               circle
               @click="copyDataStructConfirm(scope.row)"
-              class="ht-btn-confirm"
-            />
+              class="ht-btn-confirm" />
             <el-button
               size="mini"
               p="$t('commons.remove')"
               icon="el-icon-close"
               circle
               @click="remove(scope.row)"
-              class="ht-btn-remove"
-            />
+              class="ht-btn-remove" />
           </span>
         </template>
       </el-table-column>
     </el-table>
     <div v-if="showOptionsButton">
-      <el-button
-        class="ht-btn-add"
-        size="mini"
-        p="$t('commons.add')"
-        icon="el-icon-circle-plus-outline"
-        @click="add"
-      >
+      <el-button class="ht-btn-add" size="mini" p="$t('commons.add')" icon="el-icon-circle-plus-outline" @click="add">
         {{ $t('commons.add') }}
       </el-button>
       <el-button
@@ -300,18 +236,14 @@ export default {
     },
     //复制当前数据结构
     copyDataStructConfirm: function (row) {
-      this.$alert(
-        this.$t('api_test.definition.request.esb_copy_confirm') + ' ？',
-        '',
-        {
-          confirmButtonText: this.$t('commons.confirm'),
-          callback: (action) => {
-            if (action === 'confirm') {
-              this.copyDataStruct(row);
-            }
-          },
-        }
-      );
+      this.$alert(this.$t('api_test.definition.request.esb_copy_confirm') + ' ？', '', {
+        confirmButtonText: this.$t('commons.confirm'),
+        callback: (action) => {
+          if (action === 'confirm') {
+            this.copyDataStruct(row);
+          }
+        },
+      });
     },
     copyDataStruct: function (row) {
       let parentRow = this.selectParentRow(this.tableData, row.uuid);
@@ -436,11 +368,7 @@ export default {
           }
           row.children.push(appendData);
         } else if (row.children.length > 0) {
-          let appendResult = this.appendDataWithDeepForeach(
-            row.children,
-            rowId,
-            appendData
-          );
+          let appendResult = this.appendDataWithDeepForeach(row.children, rowId, appendData);
           if (appendResult) {
             return appendResult;
           }
diff --git a/api-test/frontend/src/business/definition/components/complete/version/DubboApiVersionDiff.vue b/api-test/frontend/src/business/definition/components/complete/version/DubboApiVersionDiff.vue
index f8a23c24dd..96832214e4 100644
--- a/api-test/frontend/src/business/definition/components/complete/version/DubboApiVersionDiff.vue
+++ b/api-test/frontend/src/business/definition/components/complete/version/DubboApiVersionDiff.vue
@@ -4,16 +4,12 @@
       <el-col :span="12">
         <el-tag>当前{{ oldData.versionName }}</el-tag
         ><span style="margin-left: 10px">{{ oldData.userName }}</span
-        ><span style="margin-left: 10px">{{
-          oldData.createTime | datetimeFormat
-        }}</span>
+        ><span style="margin-left: 10px">{{ oldData.createTime | datetimeFormat }}</span>
       </el-col>
       <el-col :span="12">
         <el-tag>{{ newData.versionName }}</el-tag
         ><span style="margin-left: 10px">{{ newData.userName }}</span
-        ><span style="margin-left: 10px">{{
-          newData.createTime | datetimeFormat
-        }}</span>
+        ><span style="margin-left: 10px">{{ newData.createTime | datetimeFormat }}</span>
       </el-col>
     </el-row>
     <div class="compare-class" v-loading="isReloadData">
@@ -24,59 +20,37 @@
           <br />
           <el-row>
             <el-col>
-              <ms-basis-api
-                :moduleOptions="moduleOptions"
-                :is-read-only="true"
-                :basisData="oldData"
-                ref="basicForm"
-              />
+              <ms-basis-api :moduleOptions="moduleOptions" :is-read-only="true" :basisData="oldData" ref="basicForm" />
             </el-col>
           </el-row>
 
           <!-- 请求参数 -->
           <p class="tip">{{ $t('api_test.definition.request.req_param') }}</p>
-          <ms-basis-parameters
-            :showScript="false"
-            :request="oldRequest"
-            :is-read-only="true"
-          />
+          <ms-basis-parameters :showScript="false" :request="oldRequest" :is-read-only="true" />
 
           <ms-form-divider :title="$t('test_track.case.other_info')" />
           <api-info-container>
             <el-form :model="oldData" ref="api-form" label-width="100px">
               <el-collapse-transition>
                 <el-tabs v-model="activeName" style="margin: 20px">
-                  <el-tab-pane
-                    :label="$t('commons.remark')"
-                    name="remark"
-                    class="pane"
-                  >
+                  <el-tab-pane :label="$t('commons.remark')" name="remark" class="pane">
                     <form-rich-text-item
                       class="remark-item"
                       :disabled="true"
                       :data="oldData"
                       prop="remark"
-                      label-width="0"
-                    />
+                      label-width="0" />
                   </el-tab-pane>
-                  <el-tab-pane
-                    :label="$t('commons.relationship.name')"
-                    name="dependencies"
-                    class="pane"
-                  >
+                  <el-tab-pane :label="$t('commons.relationship.name')" name="dependencies" class="pane">
                     <template v-slot:label>
-                      <tab-pane-count
-                        :title="$t('commons.relationship.name')"
-                        :count="oldRelationshipCount"
-                      />
+                      <tab-pane-count :title="$t('commons.relationship.name')" :count="oldRelationshipCount" />
                     </template>
                     <dependencies-list
                       @setCount="setOldCount"
                       :read-only="true"
                       :resource-id="oldData.id"
                       resource-type="API"
-                      ref="oldDependencies"
-                    />
+                      ref="oldDependencies" />
                   </el-tab-pane>
                 </el-tabs>
               </el-collapse-transition>
@@ -91,22 +65,13 @@
           <br />
           <el-row>
             <el-col>
-              <ms-basis-api
-                :moduleOptions="moduleOptions"
-                :is-read-only="true"
-                :basisData="newData"
-                ref="basicForm"
-              />
+              <ms-basis-api :moduleOptions="moduleOptions" :is-read-only="true" :basisData="newData" ref="basicForm" />
             </el-col>
           </el-row>
 
           <!-- 请求参数 -->
           <p class="tip">{{ $t('api_test.definition.request.req_param') }}</p>
-          <ms-basis-parameters
-            :showScript="false"
-            :request="request"
-            :is-read-only="true"
-          />
+          <ms-basis-parameters :showScript="false" :request="request" :is-read-only="true" />
 
           <!-- 其他信息-->
           <ms-form-divider :title="$t('test_track.case.other_info')" />
@@ -114,37 +79,24 @@
             <el-form :model="newData" ref="api-form" label-width="100px">
               <el-collapse-transition>
                 <el-tabs v-model="activeName" style="margin: 20px">
-                  <el-tab-pane
-                    :label="$t('commons.remark')"
-                    name="remark"
-                    class="pane"
-                  >
+                  <el-tab-pane :label="$t('commons.remark')" name="remark" class="pane">
                     <form-rich-text-item
                       class="remark-item"
                       :disabled="true"
                       :data="newData"
                       prop="remark"
-                      label-width="0"
-                    />
+                      label-width="0" />
                   </el-tab-pane>
-                  <el-tab-pane
-                    :label="$t('commons.relationship.name')"
-                    name="dependencies"
-                    class="pane"
-                  >
+                  <el-tab-pane :label="$t('commons.relationship.name')" name="dependencies" class="pane">
                     <template v-slot:label>
-                      <tab-pane-count
-                        :title="$t('commons.relationship.name')"
-                        :count="relationshipCount"
-                      />
+                      <tab-pane-count :title="$t('commons.relationship.name')" :count="relationshipCount" />
                     </template>
                     <dependencies-list
                       @setCount="setCount"
                       :read-only="true"
                       :resource-id="newData.id"
                       resource-type="API"
-                      ref="newDependencies"
-                    />
+                      ref="newDependencies" />
                   </el-tab-pane>
                 </el-tabs>
               </el-collapse-transition>
@@ -265,10 +217,7 @@ export default {
       this.oldRelationshipCount = data;
     });
     this.$nextTick(function () {
-      setTimeout(
-        this.getDiff,
-        ((this.$refs.old.$children.length + 1) / 2) * 1000
-      );
+      setTimeout(this.getDiff, ((this.$refs.old.$children.length + 1) / 2) * 1000);
     });
   },
 };
diff --git a/api-test/frontend/src/business/definition/components/complete/version/HttpApiVersionDiff.vue b/api-test/frontend/src/business/definition/components/complete/version/HttpApiVersionDiff.vue
index 847cdf64a2..b8bb9c196e 100644
--- a/api-test/frontend/src/business/definition/components/complete/version/HttpApiVersionDiff.vue
+++ b/api-test/frontend/src/business/definition/components/complete/version/HttpApiVersionDiff.vue
@@ -4,27 +4,17 @@
       <el-col :span="12">
         <el-tag>当前{{ oldData.versionName }}</el-tag
         ><span style="margin-left: 10px">{{ oldData.userName }}</span
-        ><span style="margin-left: 10px">{{
-          oldData.createTime | datetimeFormat
-        }}</span>
+        ><span style="margin-left: 10px">{{ oldData.createTime | datetimeFormat }}</span>
       </el-col>
       <el-col :span="12">
         <el-tag>{{ newData.versionName }}</el-tag
         ><span style="margin-left: 10px">{{ newData.userName }}</span
-        ><span style="margin-left: 10px">{{
-          newData.createTime | datetimeFormat
-        }}</span>
+        ><span style="margin-left: 10px">{{ newData.createTime | datetimeFormat }}</span>
       </el-col>
     </el-row>
     <div class="compare-class" v-loading="isReloadData">
       <el-card style="width: 50%" ref="old">
-        <el-form
-          :model="oldData"
-          :rules="rule"
-          ref="httpForm"
-          label-width="80px"
-          label-position="right"
-        >
+        <el-form :model="oldData" :rules="rule" ref="httpForm" label-width="80px" label-position="right">
           <!-- 操作按钮 -->
           <ms-form-divider :title="$t('test_track.plan_view.base_info')" />
 
@@ -33,12 +23,7 @@
             <el-row>
               <el-col :span="8">
                 <el-form-item :label="$t('commons.name')" prop="name">
-                  <el-input
-                    class="ms-http-input"
-                    size="small"
-                    v-model="oldData.name"
-                    :disabled="true"
-                  />
+                  <el-input class="ms-http-input" size="small" v-model="oldData.name" :disabled="true" />
                 </el-form-item>
               </el-col>
               <el-col :span="16">
@@ -49,21 +34,14 @@
                     :disabled="true"
                     class="ms-http-input"
                     size="small"
-                    style="margin-top: 5px"
-                  >
+                    style="margin-top: 5px">
                     <el-select
                       v-model="oldData.method"
                       slot="prepend"
                       style="width: 100px"
                       size="small"
-                      :disabled="true"
-                    >
-                      <el-option
-                        v-for="item in reqOptions"
-                        :key="item.id"
-                        :label="item.label"
-                        :value="item.id"
-                      />
+                      :disabled="true">
+                      <el-option v-for="item in reqOptions" :key="item.id" :label="item.label" :value="item.id" />
                     </el-select>
                   </el-input>
                 </el-form-item>
@@ -72,58 +50,39 @@
 
             <el-row>
               <el-col :span="8">
-                <el-form-item
-                  :label="$t('api_test.definition.request.responsible')"
-                  prop="userId"
-                >
+                <el-form-item :label="$t('api_test.definition.request.responsible')" prop="userId">
                   <el-select
                     v-model="oldData.userId"
                     :placeholder="$t('api_test.definition.request.responsible')"
                     filterable
                     size="small"
                     :disabled="true"
-                    class="ms-http-select"
-                  >
+                    class="ms-http-select">
                     <el-option
                       v-for="item in maintainerOptions"
                       :key="item.id"
                       :label="item.name + ' (' + item.id + ')'"
-                      :value="item.id"
-                    >
+                      :value="item.id">
                     </el-option>
                   </el-select>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
-                <el-form-item
-                  :label="$t('test_track.module.module')"
-                  prop="moduleId"
-                >
+                <el-form-item :label="$t('test_track.module.module')" prop="moduleId">
                   <ms-select-tree
                     size="small"
                     :data="moduleOptions"
                     :defaultKey="oldData.moduleId"
                     :obj="moduleObj"
                     clearable
-                    checkStrictly
-                  />
+                    checkStrictly />
                 </el-form-item>
               </el-col>
 
               <el-col :span="8">
                 <el-form-item :label="$t('commons.status')" prop="status">
-                  <el-select
-                    class="ms-http-select"
-                    size="small"
-                    v-model="oldData.status"
-                    :disabled="true"
-                  >
-                    <el-option
-                      v-for="item in options"
-                      :key="item.id"
-                      :label="$t(item.label)"
-                      :value="item.id"
-                    />
+                  <el-select class="ms-http-select" size="small" v-model="oldData.status" :disabled="true">
+                    <el-option v-for="item in options" :key="item.id" :label="$t(item.label)" :value="item.id" />
                   </el-select>
                 </el-form-item>
               </el-col>
@@ -131,18 +90,11 @@
             <el-row>
               <el-col :span="8">
                 <el-form-item :label="$t('commons.tag')" prop="tag">
-                  <ms-input-tag
-                    :currentScenario="oldData"
-                    ref="tag"
-                    v-model="oldData.tags"
-                  />
+                  <ms-input-tag :currentScenario="oldData" ref="tag" v-model="oldData.tags" />
                 </el-form-item>
               </el-col>
               <el-col :span="8">
-                <el-form-item
-                  :label="$t('commons.description')"
-                  prop="description"
-                >
+                <el-form-item :label="$t('commons.description')" prop="description">
                   <el-input
                     class="ms-http-textarea"
                     v-model="oldData.description"
@@ -150,8 +102,7 @@
                     :autosize="{ minRows: 1, maxRows: 10 }"
                     :rows="1"
                     size="small"
-                    :disabled="true"
-                  />
+                    :disabled="true" />
                 </el-form-item>
               </el-col>
             </el-row>
@@ -163,24 +114,19 @@
             <el-row>
               <el-col :span="20">
                 Mock地址：
-                <el-link target="_blank" style="color: black" type="primary"
-                  >{{ this.oldMockUrl }}
-                </el-link>
+                <el-link target="_blank" style="color: black" type="primary">{{ this.oldMockUrl }} </el-link>
               </el-col>
             </el-row>
           </div>
 
           <!-- 请求参数 -->
           <div>
-            <ms-form-divider
-              :title="$t('api_test.definition.request.req_param')"
-            />
+            <ms-form-divider :title="$t('api_test.definition.request.req_param')" />
             <ms-api-request-form
               :showScript="false"
               :request="oldRequest"
               :headers="oldRequest.headers"
-              :isShowEnable="isShowEnable"
-            />
+              :isShowEnable="isShowEnable" />
           </div>
         </el-form>
 
@@ -193,37 +139,24 @@
           <el-form :model="oldData" ref="api-form" label-width="100px">
             <el-collapse-transition>
               <el-tabs v-model="activeName" style="margin: 20px">
-                <el-tab-pane
-                  :label="$t('commons.remark')"
-                  name="remark"
-                  class="pane"
-                >
+                <el-tab-pane :label="$t('commons.remark')" name="remark" class="pane">
                   <form-rich-text-item
                     class="remark-item"
                     :disabled="true"
                     :data="oldData"
                     prop="remark"
-                    label-width="0"
-                  />
+                    label-width="0" />
                 </el-tab-pane>
-                <el-tab-pane
-                  :label="$t('commons.relationship.name')"
-                  name="dependencies"
-                  class="pane"
-                >
+                <el-tab-pane :label="$t('commons.relationship.name')" name="dependencies" class="pane">
                   <template v-slot:label>
-                    <tab-pane-count
-                      :title="$t('commons.relationship.name')"
-                      :count="oldRelationshipCount"
-                    />
+                    <tab-pane-count :title="$t('commons.relationship.name')" :count="oldRelationshipCount" />
                   </template>
                   <dependencies-list
                     @setCount="setOldCount"
                     :read-only="true"
                     :resource-id="oldData.id"
                     resource-type="API"
-                    ref="oldDependencies"
-                  />
+                    ref="oldDependencies" />
                 </el-tab-pane>
               </el-tabs>
             </el-collapse-transition>
@@ -231,13 +164,7 @@
         </api-info-container>
       </el-card>
       <el-card style="width: 50%" ref="new">
-        <el-form
-          :model="newData"
-          :rules="rule"
-          ref="httpForm"
-          label-width="80px"
-          label-position="right"
-        >
+        <el-form :model="newData" :rules="rule" ref="httpForm" label-width="80px" label-position="right">
           <ms-form-divider :title="$t('test_track.plan_view.base_info')" />
 
           <!-- 基础信息 -->
@@ -245,12 +172,7 @@
             <el-row>
               <el-col :span="8">
                 <el-form-item :label="$t('commons.name')" prop="name">
-                  <el-input
-                    class="ms-http-input"
-                    size="small"
-                    v-model="newData.name"
-                    :disabled="true"
-                  />
+                  <el-input class="ms-http-input" size="small" v-model="newData.name" :disabled="true" />
                 </el-form-item>
               </el-col>
               <el-col :span="16">
@@ -261,21 +183,14 @@
                     :disabled="true"
                     class="ms-http-input"
                     size="small"
-                    style="margin-top: 5px"
-                  >
+                    style="margin-top: 5px">
                     <el-select
                       v-model="newData.method"
                       slot="prepend"
                       style="width: 100px"
                       size="small"
-                      :disabled="true"
-                    >
-                      <el-option
-                        v-for="item in reqOptions"
-                        :key="item.id"
-                        :label="item.label"
-                        :value="item.id"
-                      />
+                      :disabled="true">
+                      <el-option v-for="item in reqOptions" :key="item.id" :label="item.label" :value="item.id" />
                     </el-select>
                   </el-input>
                 </el-form-item>
@@ -284,58 +199,39 @@
 
             <el-row>
               <el-col :span="8">
-                <el-form-item
-                  :label="$t('api_test.definition.request.responsible')"
-                  prop="userId"
-                >
+                <el-form-item :label="$t('api_test.definition.request.responsible')" prop="userId">
                   <el-select
                     v-model="newData.userId"
                     :placeholder="$t('api_test.definition.request.responsible')"
                     filterable
                     size="small"
                     :disabled="true"
-                    class="ms-http-select"
-                  >
+                    class="ms-http-select">
                     <el-option
                       v-for="item in maintainerOptions"
                       :key="item.id"
                       :label="item.name + ' (' + item.id + ')'"
-                      :value="item.id"
-                    >
+                      :value="item.id">
                     </el-option>
                   </el-select>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
-                <el-form-item
-                  :label="$t('test_track.module.module')"
-                  prop="moduleId"
-                >
+                <el-form-item :label="$t('test_track.module.module')" prop="moduleId">
                   <ms-select-tree
                     size="small"
                     :data="moduleOptions"
                     :defaultKey="newData.moduleId"
                     :obj="moduleObj"
                     clearable
-                    checkStrictly
-                  />
+                    checkStrictly />
                 </el-form-item>
               </el-col>
 
               <el-col :span="8">
                 <el-form-item :label="$t('commons.status')" prop="status">
-                  <el-select
-                    class="ms-http-select"
-                    size="small"
-                    v-model="newData.status"
-                    :disabled="true"
-                  >
-                    <el-option
-                      v-for="item in options"
-                      :key="item.id"
-                      :label="$t(item.label)"
-                      :value="item.id"
-                    />
+                  <el-select class="ms-http-select" size="small" v-model="newData.status" :disabled="true">
+                    <el-option v-for="item in options" :key="item.id" :label="$t(item.label)" :value="item.id" />
                   </el-select>
                 </el-form-item>
               </el-col>
@@ -343,18 +239,11 @@
             <el-row>
               <el-col :span="8">
                 <el-form-item :label="$t('commons.tag')" prop="tag">
-                  <ms-input-tag
-                    :currentScenario="newData"
-                    ref="tag"
-                    v-model="newData.tags"
-                  />
+                  <ms-input-tag :currentScenario="newData" ref="tag" v-model="newData.tags" />
                 </el-form-item>
               </el-col>
               <el-col :span="8">
-                <el-form-item
-                  :label="$t('commons.description')"
-                  prop="description"
-                >
+                <el-form-item :label="$t('commons.description')" prop="description">
                   <el-input
                     class="ms-http-textarea"
                     v-model="newData.description"
@@ -362,8 +251,7 @@
                     :autosize="{ minRows: 1, maxRows: 10 }"
                     :rows="1"
                     size="small"
-                    :disabled="true"
-                  />
+                    :disabled="true" />
                 </el-form-item>
               </el-col>
             </el-row>
@@ -375,24 +263,19 @@
             <el-row>
               <el-col :span="20">
                 Mock地址：
-                <el-link target="_blank" style="color: black" type="primary"
-                  >{{ this.newMockUrl }}
-                </el-link>
+                <el-link target="_blank" style="color: black" type="primary">{{ this.newMockUrl }} </el-link>
               </el-col>
             </el-row>
           </div>
 
           <!-- 请求参数 -->
           <div>
-            <ms-form-divider
-              :title="$t('api_test.definition.request.req_param')"
-            />
+            <ms-form-divider :title="$t('api_test.definition.request.req_param')" />
             <ms-api-request-form
               :showScript="false"
               :request="request"
               :headers="request.headers"
-              :isShowEnable="isShowEnable"
-            />
+              :isShowEnable="isShowEnable" />
           </div>
         </el-form>
 
@@ -406,37 +289,24 @@
           <el-form :model="newData" ref="api-form" label-width="100px">
             <el-collapse-transition>
               <el-tabs v-model="activeName" style="margin: 20px">
-                <el-tab-pane
-                  :label="$t('commons.remark')"
-                  name="remark"
-                  class="pane"
-                >
+                <el-tab-pane :label="$t('commons.remark')" name="remark" class="pane">
                   <form-rich-text-item
                     class="remark-item"
                     :disabled="true"
                     :data="newData"
                     prop="remark"
-                    label-width="0"
-                  />
+                    label-width="0" />
                 </el-tab-pane>
-                <el-tab-pane
-                  :label="$t('commons.relationship.name')"
-                  name="dependencies"
-                  class="pane"
-                >
+                <el-tab-pane :label="$t('commons.relationship.name')" name="dependencies" class="pane">
                   <template v-slot:label>
-                    <tab-pane-count
-                      :title="$t('commons.relationship.name')"
-                      :count="relationshipCount"
-                    />
+                    <tab-pane-count :title="$t('commons.relationship.name')" :count="relationshipCount" />
                   </template>
                   <dependencies-list
                     @setCount="setCount"
                     :read-only="true"
                     :resource-id="newData.id"
                     resource-type="API"
-                    ref="newDependencies"
-                  />
+                    ref="newDependencies" />
                 </el-tab-pane>
               </el-tabs>
             </el-collapse-transition>
@@ -586,10 +456,7 @@ export default {
       this.oldRelationshipCount = data;
     });
     this.$nextTick(function () {
-      setTimeout(
-        this.getDiff,
-        ((this.$refs.old.$children.length + 1) / 2) * 1000
-      );
+      setTimeout(this.getDiff, ((this.$refs.old.$children.length + 1) / 2) * 1000);
     });
   },
   created() {},
diff --git a/api-test/frontend/src/business/definition/components/complete/version/SQLApiVersionDiff.vue b/api-test/frontend/src/business/definition/components/complete/version/SQLApiVersionDiff.vue
index ccac8d4be1..1ef3accfdf 100644
--- a/api-test/frontend/src/business/definition/components/complete/version/SQLApiVersionDiff.vue
+++ b/api-test/frontend/src/business/definition/components/complete/version/SQLApiVersionDiff.vue
@@ -4,16 +4,12 @@
       <el-col :span="12">
         <el-tag>当前{{ oldData.versionName }}</el-tag
         ><span style="margin-left: 10px">{{ oldData.userName }}</span
-        ><span style="margin-left: 10px">{{
-          oldData.createTime | datetimeFormat
-        }}</span>
+        ><span style="margin-left: 10px">{{ oldData.createTime | datetimeFormat }}</span>
       </el-col>
       <el-col :span="12">
         <el-tag>{{ newData.versionName }}</el-tag
         ><span style="margin-left: 10px">{{ newData.userName }}</span
-        ><span style="margin-left: 10px">{{
-          newData.createTime | datetimeFormat
-        }}</span>
+        ><span style="margin-left: 10px">{{ newData.createTime | datetimeFormat }}</span>
       </el-col>
     </el-row>
     <div class="compare-class" v-loading="isReloadData">
@@ -24,58 +20,36 @@
           <br />
           <el-row>
             <el-col>
-              <ms-basis-api
-                :moduleOptions="moduleOptions"
-                :is-read-only="true"
-                :basisData="oldData"
-                ref="basicForm"
-              />
+              <ms-basis-api :moduleOptions="moduleOptions" :is-read-only="true" :basisData="oldData" ref="basicForm" />
             </el-col>
           </el-row>
           <!-- 请求参数 -->
           <p class="tip">{{ $t('api_test.definition.request.req_param') }}</p>
-          <ms-basis-parameters
-            :showScript="false"
-            :request="oldRequest"
-            :is-read-only="true"
-          />
+          <ms-basis-parameters :showScript="false" :request="oldRequest" :is-read-only="true" />
 
           <ms-form-divider :title="$t('test_track.case.other_info')" />
           <api-info-container>
             <el-form :model="oldData" ref="api-form" label-width="100px">
               <el-collapse-transition>
                 <el-tabs v-model="activeName" style="margin: 20px">
-                  <el-tab-pane
-                    :label="$t('commons.remark')"
-                    name="remark"
-                    class="pane"
-                  >
+                  <el-tab-pane :label="$t('commons.remark')" name="remark" class="pane">
                     <form-rich-text-item
                       class="remark-item"
                       :disabled="true"
                       :data="oldData"
                       prop="remark"
-                      label-width="0"
-                    />
+                      label-width="0" />
                   </el-tab-pane>
-                  <el-tab-pane
-                    :label="$t('commons.relationship.name')"
-                    name="dependencies"
-                    class="pane"
-                  >
+                  <el-tab-pane :label="$t('commons.relationship.name')" name="dependencies" class="pane">
                     <template v-slot:label>
-                      <tab-pane-count
-                        :title="$t('commons.relationship.name')"
-                        :count="oldRelationshipCount"
-                      />
+                      <tab-pane-count :title="$t('commons.relationship.name')" :count="oldRelationshipCount" />
                     </template>
                     <dependencies-list
                       @setCount="setOldCount"
                       :read-only="true"
                       :resource-id="oldData.id"
                       resource-type="API"
-                      ref="oldDependencies"
-                    />
+                      ref="oldDependencies" />
                   </el-tab-pane>
                 </el-tabs>
               </el-collapse-transition>
@@ -90,21 +64,12 @@
           <br />
           <el-row>
             <el-col>
-              <ms-basis-api
-                :moduleOptions="moduleOptions"
-                :is-read-only="true"
-                :basisData="newData"
-                ref="basicForm"
-              />
+              <ms-basis-api :moduleOptions="moduleOptions" :is-read-only="true" :basisData="newData" ref="basicForm" />
             </el-col>
           </el-row>
           <!-- 请求参数 -->
           <p class="tip">{{ $t('api_test.definition.request.req_param') }}</p>
-          <ms-basis-parameters
-            :showScript="false"
-            :request="request"
-            :is-read-only="true"
-          />
+          <ms-basis-parameters :showScript="false" :request="request" :is-read-only="true" />
 
           <!-- 其他信息-->
           <ms-form-divider :title="$t('test_track.case.other_info')" />
@@ -112,37 +77,24 @@
             <el-form :model="newData" ref="api-form" label-width="100px">
               <el-collapse-transition>
                 <el-tabs v-model="activeName" style="margin: 20px">
-                  <el-tab-pane
-                    :label="$t('commons.remark')"
-                    name="remark"
-                    class="pane"
-                  >
+                  <el-tab-pane :label="$t('commons.remark')" name="remark" class="pane">
                     <form-rich-text-item
                       class="remark-item"
                       :disabled="true"
                       :data="newData"
                       prop="remark"
-                      label-width="0"
-                    />
+                      label-width="0" />
                   </el-tab-pane>
-                  <el-tab-pane
-                    :label="$t('commons.relationship.name')"
-                    name="dependencies"
-                    class="pane"
-                  >
+                  <el-tab-pane :label="$t('commons.relationship.name')" name="dependencies" class="pane">
                     <template v-slot:label>
-                      <tab-pane-count
-                        :title="$t('commons.relationship.name')"
-                        :count="relationshipCount"
-                      />
+                      <tab-pane-count :title="$t('commons.relationship.name')" :count="relationshipCount" />
                     </template>
                     <dependencies-list
                       @setCount="setCount"
                       :read-only="true"
                       :resource-id="newData.id"
                       resource-type="API"
-                      ref="newDependencies"
-                    />
+                      ref="newDependencies" />
                   </el-tab-pane>
                 </el-tabs>
               </el-collapse-transition>
@@ -263,10 +215,7 @@ export default {
       this.oldRelationshipCount = data;
     });
     this.$nextTick(function () {
-      setTimeout(
-        this.getDiff,
-        ((this.$refs.old.$children.length + 1) / 2) * 1000
-      );
+      setTimeout(this.getDiff, ((this.$refs.old.$children.length + 1) / 2) * 1000);
     });
   },
 };
diff --git a/api-test/frontend/src/business/definition/components/complete/version/TCPApiVersionDiff.vue b/api-test/frontend/src/business/definition/components/complete/version/TCPApiVersionDiff.vue
index 5e73c52bd9..4456381938 100644
--- a/api-test/frontend/src/business/definition/components/complete/version/TCPApiVersionDiff.vue
+++ b/api-test/frontend/src/business/definition/components/complete/version/TCPApiVersionDiff.vue
@@ -4,16 +4,12 @@
       <el-col :span="12">
         <el-tag>当前{{ oldData.versionName }}</el-tag>
         <span style="margin-left: 10px">{{ oldData.userName }}</span
-        ><span style="margin-left: 10px">{{
-          oldData.createTime | datetimeFormat
-        }}</span>
+        ><span style="margin-left: 10px">{{ oldData.createTime | datetimeFormat }}</span>
       </el-col>
       <el-col :span="12">
         <el-tag>{{ newData.versionName }}</el-tag>
         <span style="margin-left: 10px">{{ newData.userName }}</span
-        ><span style="margin-left: 10px">{{
-          newData.createTime | datetimeFormat
-        }}</span>
+        ><span style="margin-left: 10px">{{ newData.createTime | datetimeFormat }}</span>
       </el-col>
     </el-row>
     <div class="compare-class" v-loading="isReloadData">
@@ -29,8 +25,7 @@
                 :method-types="methodTypes"
                 :moduleOptions="moduleOptions"
                 :basisData="oldData"
-                ref="basicForm"
-              />
+                ref="basicForm" />
             </el-col>
           </el-row>
           <!-- MOCK信息 -->
@@ -39,20 +34,10 @@
             <el-row>
               <el-col :span="20">
                 Mock地址：
-                <el-link
-                  v-if="this.mockInfo !== ''"
-                  target="_blank"
-                  style="color: black"
-                  type="primary"
+                <el-link v-if="this.mockInfo !== ''" target="_blank" style="color: black" type="primary"
                   >{{ this.mockInfo }}
                 </el-link>
-                <el-link
-                  v-else
-                  target="_blank"
-                  style="color: darkred"
-                  type="primary"
-                  >当前项目未开启Mock服务
-                </el-link>
+                <el-link v-else target="_blank" style="color: darkred" type="primary">当前项目未开启Mock服务 </el-link>
               </el-col>
             </el-row>
           </div>
@@ -60,11 +45,7 @@
           <div v-if="oldApiProtocol === 'TCP'">
             <p class="tip">{{ $t('api_test.definition.request.req_param') }}</p>
 
-            <ms-tcp-format-parameters
-              :show-script="false"
-              :request="oldRequest"
-              ref="tcpFormatParameter"
-            />
+            <ms-tcp-format-parameters :show-script="false" :request="oldRequest" ref="tcpFormatParameter" />
           </div>
           <div v-else-if="oldApiProtocol === 'ESB'">
             <p class="tip">{{ $t('api_test.definition.request.req_param') }}</p>
@@ -73,15 +54,9 @@
               :show-script="false"
               :is-read-only="true"
               :request="oldRequest"
-              ref="esbDefinition"
-            />
+              ref="esbDefinition" />
             <p class="tip">{{ $t('api_test.definition.request.res_param') }}</p>
-            <mx-esb-definition-response
-              v-xpack
-              :is-api-component="true"
-              :is-read-only="true"
-              :request="oldRequest"
-            />
+            <mx-esb-definition-response v-xpack :is-api-component="true" :is-read-only="true" :request="oldRequest" />
             <!--      <api-response-component :currentProtocol="apiCase.request.protocol" :api-item="apiCase"/>-->
           </div>
 
@@ -90,37 +65,24 @@
             <el-form :model="oldData" ref="api-form" label-width="100px">
               <el-collapse-transition>
                 <el-tabs v-model="activeName" style="margin: 20px">
-                  <el-tab-pane
-                    :label="$t('commons.remark')"
-                    name="remark"
-                    class="pane"
-                  >
+                  <el-tab-pane :label="$t('commons.remark')" name="remark" class="pane">
                     <form-rich-text-item
                       class="remark-item"
                       :disabled="true"
                       :data="oldData"
                       prop="remark"
-                      label-width="0"
-                    />
+                      label-width="0" />
                   </el-tab-pane>
-                  <el-tab-pane
-                    :label="$t('commons.relationship.name')"
-                    name="dependencies"
-                    class="pane"
-                  >
+                  <el-tab-pane :label="$t('commons.relationship.name')" name="dependencies" class="pane">
                     <template v-slot:label>
-                      <tab-pane-count
-                        :title="$t('commons.relationship.name')"
-                        :count="oldRelationshipCount"
-                      />
+                      <tab-pane-count :title="$t('commons.relationship.name')" :count="oldRelationshipCount" />
                     </template>
                     <dependencies-list
                       @setCount="setOldCount"
                       :read-only="true"
                       :resource-id="oldData.id"
                       resource-type="API"
-                      ref="oldDependencies"
-                    />
+                      ref="oldDependencies" />
                   </el-tab-pane>
                 </el-tabs>
               </el-collapse-transition>
@@ -140,8 +102,7 @@
                 :method-types="methodTypes"
                 :moduleOptions="moduleOptions"
                 :basisData="newData"
-                ref="basicForm"
-              />
+                ref="basicForm" />
             </el-col>
           </el-row>
           <!-- MOCK信息 -->
@@ -150,31 +111,17 @@
             <el-row>
               <el-col :span="20">
                 Mock地址：
-                <el-link
-                  v-if="this.mockInfo !== ''"
-                  target="_blank"
-                  style="color: black"
-                  type="primary"
+                <el-link v-if="this.mockInfo !== ''" target="_blank" style="color: black" type="primary"
                   >{{ this.mockInfo }}
                 </el-link>
-                <el-link
-                  v-else
-                  target="_blank"
-                  style="color: darkred"
-                  type="primary"
-                  >当前项目未开启Mock服务
-                </el-link>
+                <el-link v-else target="_blank" style="color: darkred" type="primary">当前项目未开启Mock服务 </el-link>
               </el-col>
             </el-row>
           </div>
           <!-- 请求参数 -->
           <div v-if="apiProtocol == 'TCP'">
             <p class="tip">{{ $t('api_test.definition.request.req_param') }}</p>
-            <ms-tcp-format-parameters
-              :show-script="false"
-              :request="request"
-              ref="tcpFormatParameter"
-            />
+            <ms-tcp-format-parameters :show-script="false" :request="request" ref="tcpFormatParameter" />
           </div>
           <div v-else-if="apiProtocol == 'ESB'">
             <p class="tip">{{ $t('api_test.definition.request.req_param') }}</p>
@@ -183,15 +130,9 @@
               :show-script="false"
               :is-read-only="true"
               :request="request"
-              ref="esbDefinition"
-            />
+              ref="esbDefinition" />
             <p class="tip">{{ $t('api_test.definition.request.res_param') }}</p>
-            <mx-esb-definition-response
-              v-xpack
-              :is-api-component="true"
-              :is-read-only="true"
-              :request="request"
-            />
+            <mx-esb-definition-response v-xpack :is-api-component="true" :is-read-only="true" :request="request" />
           </div>
 
           <!-- 其他信息-->
@@ -200,37 +141,24 @@
             <el-form :model="newData" ref="api-form" label-width="100px">
               <el-collapse-transition>
                 <el-tabs v-model="activeName" style="margin: 20px">
-                  <el-tab-pane
-                    :label="$t('commons.remark')"
-                    name="remark"
-                    class="pane"
-                  >
+                  <el-tab-pane :label="$t('commons.remark')" name="remark" class="pane">
                     <form-rich-text-item
                       class="remark-item"
                       :disabled="true"
                       :data="newData"
                       prop="remark"
-                      label-width="0"
-                    />
+                      label-width="0" />
                   </el-tab-pane>
-                  <el-tab-pane
-                    :label="$t('commons.relationship.name')"
-                    name="dependencies"
-                    class="pane"
-                  >
+                  <el-tab-pane :label="$t('commons.relationship.name')" name="dependencies" class="pane">
                     <template v-slot:label>
-                      <tab-pane-count
-                        :title="$t('commons.relationship.name')"
-                        :count="relationshipCount"
-                      />
+                      <tab-pane-count :title="$t('commons.relationship.name')" :count="relationshipCount" />
                     </template>
                     <dependencies-list
                       @setCount="setCount"
                       :read-only="true"
                       :resource-id="newData.id"
                       resource-type="API"
-                      ref="newDependencies"
-                    />
+                      ref="newDependencies" />
                   </el-tab-pane>
                 </el-tabs>
               </el-collapse-transition>
@@ -263,10 +191,8 @@ export default {
     TabPaneCount,
     FormRichTextItem,
     DependenciesList,
-    MxEsbDefinition: () =>
-      import('@/business/definition/components/esb/MxEsbDefinition'),
-    MxEsbDefinitionResponse: () =>
-      import('@/business/definition/components/esb/MxEsbDefinitionResponse'),
+    MxEsbDefinition: () => import('@/business/definition/components/esb/MxEsbDefinition'),
+    MxEsbDefinitionResponse: () => import('@/business/definition/components/esb/MxEsbDefinitionResponse'),
   },
   props: {
     oldData: {
@@ -361,10 +287,7 @@ export default {
       this.oldRelationshipCount = data;
     });
     this.$nextTick(function () {
-      setTimeout(
-        this.getDiff,
-        ((this.$refs.old.$children.length + 1) / 2) * 1000
-      );
+      setTimeout(this.getDiff, ((this.$refs.old.$children.length + 1) / 2) * 1000);
     });
   },
 };
diff --git a/api-test/frontend/src/business/definition/components/debug/DebugDubboPage.vue b/api-test/frontend/src/business/definition/components/debug/DebugDubboPage.vue
index 5f0f34ffc8..460e437732 100644
--- a/api-test/frontend/src/business/definition/components/debug/DebugDubboPage.vue
+++ b/api-test/frontend/src/business/definition/components/debug/DebugDubboPage.vue
@@ -7,8 +7,7 @@
         class="ms-api-button"
         style="float: right; margin-right: 20px"
         @click="stop"
-        v-if="isStop"
-      >
+        v-if="isStop">
         {{ $t('report.stop_btn') }}
       </el-button>
       <div v-else>
@@ -17,8 +16,7 @@
           style="float: right; margin-right: 20px"
           size="small"
           type="primary"
-          @click="handleCommand"
-        >
+          @click="handleCommand">
           {{ $t('commons.test') }}
         </el-button>
         <el-dropdown
@@ -29,13 +27,10 @@
           @click="handleCommand"
           @command="handleCommand"
           size="small"
-          style="float: right; margin-right: 20px"
-        >
+          style="float: right; margin-right: 20px">
           {{ $t('commons.test') }}
           <el-dropdown-menu slot="dropdown">
-            <el-dropdown-item command="save_as">{{
-              $t('api_test.definition.request.save_as_case')
-            }}</el-dropdown-item>
+            <el-dropdown-item command="save_as">{{ $t('api_test.definition.request.save_as_case') }}</el-dropdown-item>
           </el-dropdown-menu>
         </el-dropdown>
       </div>
@@ -49,8 +44,7 @@
           v-if="!loading"
           :response="responseData"
           :currentProtocol="currentProtocol"
-          ref="debugResult"
-        />
+          ref="debugResult" />
       </div>
       <!-- 执行组件 -->
       <ms-run
@@ -59,24 +53,15 @@
         :isStop="isStop"
         :run-data="runData"
         @runRefresh="runRefresh"
-        ref="runTest"
-      />
+        ref="runTest" />
     </el-card>
     <div v-if="scenario">
-      <el-button
-        style="float: right; margin: 20px"
-        type="primary"
-        @click="handleCommand('save_as_api')"
-      >
+      <el-button style="float: right; margin: 20px" type="primary" @click="handleCommand('save_as_api')">
         {{ $t('commons.save') }}
       </el-button>
     </div>
     <!-- 加载用例 -->
-    <ms-api-case-list
-      @refreshModule="refreshModule"
-      :loaded="false"
-      ref="caseList"
-    />
+    <ms-api-case-list @refreshModule="refreshModule" :loaded="false" ref="caseList" />
   </div>
 </template>
 
@@ -219,14 +204,8 @@ export default {
           if (!stepArray[i].clazzName) {
             stepArray[i].clazzName = TYPE_TO_C.get(stepArray[i].type);
           }
-          if (
-            stepArray[i] &&
-            stepArray[i].authManager &&
-            !stepArray[i].authManager.clazzName
-          ) {
-            stepArray[i].authManager.clazzName = TYPE_TO_C.get(
-              stepArray[i].authManager.type
-            );
+          if (stepArray[i] && stepArray[i].authManager && !stepArray[i].authManager.clazzName) {
+            stepArray[i].authManager.clazzName = TYPE_TO_C.get(stepArray[i].authManager.type);
           }
           if (stepArray[i].hashTree && stepArray[i].hashTree.length > 0) {
             this.compatibleHistory(stepArray[i].hashTree);
diff --git a/api-test/frontend/src/business/definition/components/debug/DebugHttpPage.vue b/api-test/frontend/src/business/definition/components/debug/DebugHttpPage.vue
index 608e7babed..70ce51561b 100644
--- a/api-test/frontend/src/business/definition/components/debug/DebugHttpPage.vue
+++ b/api-test/frontend/src/business/definition/components/debug/DebugHttpPage.vue
@@ -1,13 +1,7 @@
 <template>
   <div class="card-container">
     <el-card class="card-content">
-      <el-form
-        :model="debugForm"
-        :rules="rules"
-        ref="debugForm"
-        :inline="true"
-        label-position="right"
-      >
+      <el-form :model="debugForm" :rules="rules" ref="debugForm" :inline="true" label-position="right">
         <p class="tip">{{ $t('test_track.plan_view.base_info') }}</p>
 
         <el-form-item :label="$t('api_report.request')" prop="url">
@@ -17,20 +11,9 @@
             class="ms-http-input"
             size="small"
             :disabled="testCase != undefined"
-            @blur="urlChange"
-          >
-            <el-select
-              v-model="debugForm.method"
-              slot="prepend"
-              style="width: 100px"
-              size="small"
-            >
-              <el-option
-                v-for="item in reqOptions"
-                :key="item.id"
-                :label="item.label"
-                :value="item.id"
-              />
+            @blur="urlChange">
+            <el-select v-model="debugForm.method" slot="prepend" style="width: 100px" size="small">
+              <el-option v-for="item in reqOptions" :key="item.id" :label="item.label" :value="item.id" />
             </el-select>
           </el-input>
         </el-form-item>
@@ -47,8 +30,7 @@
               @click="handleCommand"
               @command="handleCommand"
               size="small"
-              v-if="testCase === undefined && !scenario"
-            >
+              v-if="testCase === undefined && !scenario">
               {{ $t('commons.test') }}
               <el-dropdown-menu slot="dropdown">
                 <el-dropdown-item command="save_as"
@@ -56,12 +38,7 @@
                 </el-dropdown-item>
               </el-dropdown-menu>
             </el-dropdown>
-            <el-button
-              v-if="scenario"
-              size="small"
-              type="primary"
-              @click="handleCommand"
-            >
+            <el-button v-if="scenario" size="small" type="primary" @click="handleCommand">
               {{ $t('commons.test') }}
             </el-button>
             <el-button
@@ -70,11 +47,7 @@
               @click.stop
               @click="generate"
               style="margin-left: 10px"
-              v-if="
-                hasPermission('PROJECT_API_DEFINITION:READ+CREATE_API') &&
-                hasLicense()
-              "
-            >
+              v-if="hasPermission('PROJECT_API_DEFINITION:READ+CREATE_API') && hasLicense()">
               {{ $t('commons.generate_test_data') }}
             </el-button>
           </div>
@@ -89,16 +62,11 @@
           :headers="request.headers"
           :request="request"
           :response="responseData"
-          ref="apiRequestForm"
-        />
+          ref="apiRequestForm" />
 
         <!-- HTTP 请求返回数据 -->
         <p class="tip">{{ $t('api_test.definition.request.res_param') }}</p>
-        <ms-request-result-tail
-          v-if="!loading"
-          :response="responseData"
-          ref="debugResult"
-        />
+        <ms-request-result-tail v-if="!loading" :response="responseData" ref="debugResult" />
         <!-- 执行组件 -->
         <ms-run
           :debug="true"
@@ -106,27 +74,17 @@
           :isStop="isStop"
           :run-data="runData"
           @runRefresh="runRefresh"
-          ref="runTest"
-        />
+          ref="runTest" />
       </div>
     </el-card>
 
     <div v-if="scenario">
-      <el-button
-        style="float: right; margin: 20px"
-        type="primary"
-        @click="handleCommand('save_as_api')"
-      >
+      <el-button style="float: right; margin: 20px" type="primary" @click="handleCommand('save_as_api')">
         {{ $t('commons.save') }}
       </el-button>
     </div>
     <!-- 加载用例 -->
-    <ms-api-case-list
-      :currentApi="debugForm"
-      @refreshModule="refreshModule"
-      :loaded="false"
-      ref="caseList"
-    />
+    <ms-api-case-list :currentApi="debugForm" @refreshModule="refreshModule" :loaded="false" ref="caseList" />
   </div>
 </template>
 
@@ -137,10 +95,7 @@ import MsResponseResult from '../response/ResponseResult';
 import MsRequestMetric from '../response/RequestMetric';
 import { getUUID } from 'metersphere-frontend/src/utils';
 import { getCurrentUser } from 'metersphere-frontend/src/utils/token';
-import {
-  hasLicense,
-  hasPermission,
-} from 'metersphere-frontend/src/utils/permission';
+import { hasLicense, hasPermission } from 'metersphere-frontend/src/utils/permission';
 import MsResponseText from '../response/ResponseText';
 import MsRun from '../Run';
 import { createComponent } from '../jmeter/components';
@@ -313,14 +268,8 @@ export default {
           if (!stepArray[i].clazzName) {
             stepArray[i].clazzName = TYPE_TO_C.get(stepArray[i].type);
           }
-          if (
-            stepArray[i] &&
-            stepArray[i].authManager &&
-            !stepArray[i].authManager.clazzName
-          ) {
-            stepArray[i].authManager.clazzName = TYPE_TO_C.get(
-              stepArray[i].authManager.type
-            );
+          if (stepArray[i] && stepArray[i].authManager && !stepArray[i].authManager.clazzName) {
+            stepArray[i].authManager.clazzName = TYPE_TO_C.get(stepArray[i].authManager.type);
           }
           if (stepArray[i].hashTree && stepArray[i].hashTree.length > 0) {
             this.compatibleHistory(stepArray[i].hashTree);
@@ -343,9 +292,7 @@ export default {
           this.debugForm.saved = true;
           // 历史数据兼容处理
           if (this.debugForm.request) {
-            this.debugForm.request.clazzName = TYPE_TO_C.get(
-              this.debugForm.request.type
-            );
+            this.debugForm.request.clazzName = TYPE_TO_C.get(this.debugForm.request.type);
             this.compatibleHistory(this.debugForm.request.hashTree);
           }
           this.$refs.caseList.saveApiAndCase(this.debugForm);
@@ -359,9 +306,7 @@ export default {
       let url = this.getURL(this.debugForm.url);
       if (url && url.pathname) {
         if (this.debugForm.url.indexOf('?') != -1) {
-          this.debugForm.url = decodeURIComponent(
-            this.debugForm.url.substr(0, this.debugForm.url.indexOf('?'))
-          );
+          this.debugForm.url = decodeURIComponent(this.debugForm.url.substr(0, this.debugForm.url.indexOf('?')));
         }
         this.debugForm.path = url.pathname;
       } else {
diff --git a/api-test/frontend/src/business/definition/components/debug/DebugJdbcPage.vue b/api-test/frontend/src/business/definition/components/debug/DebugJdbcPage.vue
index 249bd5af29..c9952d2357 100644
--- a/api-test/frontend/src/business/definition/components/debug/DebugJdbcPage.vue
+++ b/api-test/frontend/src/business/definition/components/debug/DebugJdbcPage.vue
@@ -7,8 +7,7 @@
         class="ms-api-button"
         style="float: right; margin-right: 20px"
         @click="stop"
-        v-if="isStop"
-      >
+        v-if="isStop">
         {{ $t('report.stop_btn') }}
       </el-button>
       <div v-else>
@@ -17,8 +16,7 @@
           style="float: right; margin-right: 20px"
           size="small"
           type="primary"
-          @click="handleCommand"
-        >
+          @click="handleCommand">
           {{ $t('commons.test') }}
         </el-button>
         <el-dropdown
@@ -29,32 +27,24 @@
           @click="handleCommand"
           @command="handleCommand"
           size="small"
-          style="float: right; margin-right: 20px"
-        >
+          style="float: right; margin-right: 20px">
           {{ $t('commons.test') }}
           <el-dropdown-menu slot="dropdown">
-            <el-dropdown-item command="save_as">{{
-              $t('api_test.definition.request.save_as_case')
-            }}</el-dropdown-item>
+            <el-dropdown-item command="save_as">{{ $t('api_test.definition.request.save_as_case') }}</el-dropdown-item>
           </el-dropdown-menu>
         </el-dropdown>
       </div>
       <p class="tip">{{ $t('api_test.definition.request.req_param') }}</p>
       <div v-loading="loading">
         <!-- JDBC 请求参数 -->
-        <ms-basis-parameters
-          :request="request"
-          @callback="runDebug"
-          ref="requestForm"
-        />
+        <ms-basis-parameters :request="request" @callback="runDebug" ref="requestForm" />
         <!-- JDBC 请求返回数据 -->
         <p class="tip">{{ $t('api_test.definition.request.res_param') }}</p>
         <ms-request-result-tail
           v-if="!loading"
           :response="responseData"
           :currentProtocol="currentProtocol"
-          ref="debugResult"
-        />
+          ref="debugResult" />
       </div>
 
       <!-- 执行组件 -->
@@ -64,24 +54,15 @@
         :isStop="isStop"
         :run-data="runData"
         @runRefresh="runRefresh"
-        ref="runTest"
-      />
+        ref="runTest" />
     </el-card>
     <div v-if="scenario">
-      <el-button
-        style="float: right; margin: 20px"
-        type="primary"
-        @click="handleCommand('save_as_api')"
-      >
+      <el-button style="float: right; margin: 20px" type="primary" @click="handleCommand('save_as_api')">
         {{ $t('commons.save') }}
       </el-button>
     </div>
     <!-- 加载用例 -->
-    <ms-api-case-list
-      @refreshModule="refreshModule"
-      :loaded="false"
-      ref="caseList"
-    />
+    <ms-api-case-list @refreshModule="refreshModule" :loaded="false" ref="caseList" />
   </div>
 </template>
 
diff --git a/api-test/frontend/src/business/definition/components/debug/DebugTcpPage.vue b/api-test/frontend/src/business/definition/components/debug/DebugTcpPage.vue
index ea7645637b..f3dc1874da 100644
--- a/api-test/frontend/src/business/definition/components/debug/DebugTcpPage.vue
+++ b/api-test/frontend/src/business/definition/components/debug/DebugTcpPage.vue
@@ -1,27 +1,12 @@
 <template>
   <div class="card-container">
     <el-card class="card-content">
-      <el-form
-        :model="debugForm"
-        :rules="rules"
-        ref="debugForm"
-        :inline="true"
-        label-position="right"
-      >
+      <el-form :model="debugForm" :rules="rules" ref="debugForm" :inline="true" label-position="right">
         <p class="tip">{{ $t('test_track.plan_view.base_info') }}</p>
         <el-form-item :label="$t('api_test.request.tcp.server')" prop="server">
-          <el-input
-            v-model="request.server"
-            maxlength="300"
-            show-word-limit
-            size="small"
-          />
+          <el-input v-model="request.server" maxlength="300" show-word-limit size="small" />
         </el-form-item>
-        <el-form-item
-          :label="$t('api_test.request.tcp.port')"
-          prop="port"
-          label-width="60px"
-        >
+        <el-form-item :label="$t('api_test.request.tcp.port')" prop="port" label-width="60px">
           <el-input v-model="request.port" size="small" />
         </el-form-item>
         <el-form-item>
@@ -30,12 +15,7 @@
           </el-button>
 
           <div v-else>
-            <el-button
-              v-if="scenario"
-              size="small"
-              type="primary"
-              @click="handleCommand"
-            >
+            <el-button v-if="scenario" size="small" type="primary" @click="handleCommand">
               {{ $t('commons.test') }}
             </el-button>
             <el-dropdown
@@ -46,8 +26,7 @@
               @click="handleCommand"
               @command="handleCommand"
               size="small"
-              style="float: right; margin-right: 20px"
-            >
+              style="float: right; margin-right: 20px">
               {{ $t('commons.test') }}
               <el-dropdown-menu slot="dropdown">
                 <el-dropdown-item command="save_as"
@@ -61,19 +40,14 @@
       <div v-loading="loading">
         <p class="tip">{{ $t('api_test.definition.request.req_param') }}</p>
         <!-- TCP 请求参数 -->
-        <ms-tcp-format-parameters
-          :request="request"
-          @callback="runDebug"
-          ref="requestForm"
-        />
+        <ms-tcp-format-parameters :request="request" @callback="runDebug" ref="requestForm" />
         <!-- TCP 请求返回数据 -->
         <p class="tip">{{ $t('api_test.definition.request.res_param') }}</p>
         <ms-request-result-tail
           v-if="!loading"
           :response="responseData"
           :currentProtocol="currentProtocol"
-          ref="debugResult"
-        />
+          ref="debugResult" />
       </div>
       <!-- 执行组件 -->
       <ms-run
@@ -82,24 +56,15 @@
         :isStop="isStop"
         :run-data="runData"
         @runRefresh="runRefresh"
-        ref="runTest"
-      />
+        ref="runTest" />
     </el-card>
     <div v-if="scenario">
-      <el-button
-        style="float: right; margin: 20px"
-        type="primary"
-        @click="handleCommand('save_as_api')"
-      >
+      <el-button style="float: right; margin: 20px" type="primary" @click="handleCommand('save_as_api')">
         {{ $t('commons.save') }}
       </el-button>
     </div>
     <!-- 加载用例 -->
-    <ms-api-case-list
-      @refreshModule="refreshModule"
-      :loaded="false"
-      ref="caseList"
-    />
+    <ms-api-case-list @refreshModule="refreshModule" :loaded="false" ref="caseList" />
   </div>
 </template>
 
diff --git a/api-test/frontend/src/business/definition/components/document/ApiDocumentAnchor.vue b/api-test/frontend/src/business/definition/components/document/ApiDocumentAnchor.vue
index a32467955d..b7c668567b 100644
--- a/api-test/frontend/src/business/definition/components/document/ApiDocumentAnchor.vue
+++ b/api-test/frontend/src/business/definition/components/document/ApiDocumentAnchor.vue
@@ -12,27 +12,19 @@
               style="float: right; width: 180px; margin-right: 5px"
               class="ms-api-header-select"
               @change="initApiDocSimpleList"
-              clearable
-            >
+              clearable>
               <el-option
                 key="createTimeDesc"
                 :label="$t('api_test.definition.document.create_time_sort')"
-                value="createTimeDesc"
-              />
+                value="createTimeDesc" />
               <el-option
                 key="editTimeAsc"
-                :label="
-                  $t('api_test.definition.document.edit_time_positive_sequence')
-                "
-                value="editTimeAsc"
-              />
+                :label="$t('api_test.definition.document.edit_time_positive_sequence')"
+                value="editTimeAsc" />
               <el-option
                 key="editTimeDesc"
-                :label="
-                  $t('api_test.definition.document.edit_time_Reverse_order')
-                "
-                value="editTimeDesc"
-              />
+                :label="$t('api_test.definition.document.edit_time_Reverse_order')"
+                value="editTimeDesc" />
             </el-select>
 
             <el-select
@@ -42,91 +34,48 @@
               style="float: right; width: 180px; margin-right: 5px"
               class="ms-api-header-select"
               @change="initApiDocSimpleList"
-              clearable
-            >
-              <el-option
-                key="ALL"
-                :label="$t('api_test.definition.document.data_set.all')"
-                value="ALL"
-              />
-              <el-option
-                key="GET"
-                :label="
-                  'GET ' + $t('api_test.definition.document.request_interface')
-                "
-                value="GET"
-              />
+              clearable>
+              <el-option key="ALL" :label="$t('api_test.definition.document.data_set.all')" value="ALL" />
+              <el-option key="GET" :label="'GET ' + $t('api_test.definition.document.request_interface')" value="GET" />
               <el-option
                 key="POST"
-                :label="
-                  'POST ' + $t('api_test.definition.document.request_interface')
-                "
-                value="POST"
-              />
-              <el-option
-                key="PUT"
-                :label="
-                  'PUT ' + $t('api_test.definition.document.request_interface')
-                "
-                value="PUT"
-              />
+                :label="'POST ' + $t('api_test.definition.document.request_interface')"
+                value="POST" />
+              <el-option key="PUT" :label="'PUT ' + $t('api_test.definition.document.request_interface')" value="PUT" />
               <el-option
                 key="DELETE"
-                :label="
-                  'DELETE ' +
-                  $t('api_test.definition.document.request_interface')
-                "
-                value="DELETE"
-              />
+                :label="'DELETE ' + $t('api_test.definition.document.request_interface')"
+                value="DELETE" />
               <el-option
                 key="PATCH"
-                :label="
-                  'PATCH ' +
-                  $t('api_test.definition.document.request_interface')
-                "
-                value="PATCH"
-              />
+                :label="'PATCH ' + $t('api_test.definition.document.request_interface')"
+                value="PATCH" />
               <el-option
                 key="OPTIONS"
-                :label="
-                  'OPTIONS ' +
-                  $t('api_test.definition.document.request_interface')
-                "
-                value="OPTIONS"
-              />
+                :label="'OPTIONS ' + $t('api_test.definition.document.request_interface')"
+                value="OPTIONS" />
               <el-option
                 key="HEAD"
-                :label="
-                  'HEAD ' + $t('api_test.definition.document.request_interface')
-                "
-                value="HEAD"
-              />
+                :label="'HEAD ' + $t('api_test.definition.document.request_interface')"
+                value="HEAD" />
               <el-option
                 key="CONNECT"
-                :label="
-                  'CONNECT ' +
-                  $t('api_test.definition.document.request_interface')
-                "
-                value="CONNECT"
-              />
+                :label="'CONNECT ' + $t('api_test.definition.document.request_interface')"
+                value="CONNECT" />
             </el-select>
             <el-input
-              :placeholder="
-                $t('api_test.definition.document.search_by_api_name')
-              "
+              :placeholder="$t('api_test.definition.document.search_by_api_name')"
               @blur="initApiDocSimpleList()"
               style="float: right; width: 180px; margin-right: 5px"
               size="small"
               @keyup.enter.native="initApiDocSimpleList()"
-              v-model="apiSearch.name"
-            />
+              v-model="apiSearch.name" />
             <mx-api-document-batch-share
               v-xpack
               @shareApiDocument="shareApiDocument"
               :project-id="projectId"
               :share-url="batchShareUrl"
-              style="float: right; margin: 6px; font-size: 17px"
-            />
+              style="float: right; margin: 6px; font-size: 17px" />
           </el-row>
           <el-row
             v-else
@@ -138,8 +87,7 @@
               margin-left: 400px;
               top: 90px;
               right: 40px;
-            "
-          >
+            ">
             <el-select
               size="small"
               :placeholder="$t('api_test.definition.document.order')"
@@ -147,27 +95,19 @@
               style="float: right; width: 180px; margin-right: 5px"
               class="ms-api-header-select"
               @change="initApiDocSimpleList"
-              clearable
-            >
+              clearable>
               <el-option
                 key="createTimeDesc"
                 :label="$t('api_test.definition.document.create_time_sort')"
-                value="createTimeDesc"
-              />
+                value="createTimeDesc" />
               <el-option
                 key="editTimeAsc"
-                :label="
-                  $t('api_test.definition.document.edit_time_positive_sequence')
-                "
-                value="editTimeAsc"
-              />
+                :label="$t('api_test.definition.document.edit_time_positive_sequence')"
+                value="editTimeAsc" />
               <el-option
                 key="editTimeDesc"
-                :label="
-                  $t('api_test.definition.document.edit_time_Reverse_order')
-                "
-                value="editTimeDesc"
-              />
+                :label="$t('api_test.definition.document.edit_time_Reverse_order')"
+                value="editTimeDesc" />
             </el-select>
 
             <el-select
@@ -177,106 +117,58 @@
               style="float: right; width: 180px; margin-right: 5px"
               class="ms-api-header-select"
               @change="initApiDocSimpleList"
-              clearable
-            >
-              <el-option
-                key="ALL"
-                :label="$t('api_test.definition.document.data_set.all')"
-                value="ALL"
-              />
-              <el-option
-                key="GET"
-                :label="
-                  'GET ' + $t('api_test.definition.document.request_interface')
-                "
-                value="GET"
-              />
+              clearable>
+              <el-option key="ALL" :label="$t('api_test.definition.document.data_set.all')" value="ALL" />
+              <el-option key="GET" :label="'GET ' + $t('api_test.definition.document.request_interface')" value="GET" />
               <el-option
                 key="POST"
-                :label="
-                  'POST ' + $t('api_test.definition.document.request_interface')
-                "
-                value="POST"
-              />
-              <el-option
-                key="PUT"
-                :label="
-                  'PUT ' + $t('api_test.definition.document.request_interface')
-                "
-                value="PUT"
-              />
+                :label="'POST ' + $t('api_test.definition.document.request_interface')"
+                value="POST" />
+              <el-option key="PUT" :label="'PUT ' + $t('api_test.definition.document.request_interface')" value="PUT" />
               <el-option
                 key="DELETE"
-                :label="
-                  'DELETE ' +
-                  $t('api_test.definition.document.request_interface')
-                "
-                value="DELETE"
-              />
+                :label="'DELETE ' + $t('api_test.definition.document.request_interface')"
+                value="DELETE" />
               <el-option
                 key="PATCH"
-                :label="
-                  'PATCH ' +
-                  $t('api_test.definition.document.request_interface')
-                "
-                value="PATCH"
-              />
+                :label="'PATCH ' + $t('api_test.definition.document.request_interface')"
+                value="PATCH" />
               <el-option
                 key="OPTIONS"
-                :label="
-                  'OPTIONS ' +
-                  $t('api_test.definition.document.request_interface')
-                "
-                value="OPTIONS"
-              />
+                :label="'OPTIONS ' + $t('api_test.definition.document.request_interface')"
+                value="OPTIONS" />
               <el-option
                 key="HEAD"
-                :label="
-                  'HEAD ' + $t('api_test.definition.document.request_interface')
-                "
-                value="HEAD"
-              />
+                :label="'HEAD ' + $t('api_test.definition.document.request_interface')"
+                value="HEAD" />
               <el-option
                 key="CONNECT"
-                :label="
-                  'CONNECT ' +
-                  $t('api_test.definition.document.request_interface')
-                "
-                value="CONNECT"
-              />
+                :label="'CONNECT ' + $t('api_test.definition.document.request_interface')"
+                value="CONNECT" />
             </el-select>
             <el-input
-              :placeholder="
-                $t('api_test.definition.document.search_by_api_name')
-              "
+              :placeholder="$t('api_test.definition.document.search_by_api_name')"
               @blur="initApiDocSimpleList()"
               style="float: right; width: 180px; margin-right: 5px"
               size="small"
               @keyup.enter.native="initApiDocSimpleList()"
-              v-model="apiSearch.name"
-            />
+              v-model="apiSearch.name" />
             <mx-api-document-batch-share
               v-xpack
               @shareApiDocument="shareApiDocument"
               :project-id="projectId"
               :share-url="batchShareUrl"
-              style="float: right; margin: 6px; font-size: 17px"
-            />
+              style="float: right; margin: 6px; font-size: 17px" />
           </el-row>
           <el-divider></el-divider>
           <!--   展示区域     -->
-          <div
-            ref="apiDocInfoDiv"
-            @scroll="handleScroll"
-            style="overflow: auto"
-          >
+          <div ref="apiDocInfoDiv" @scroll="handleScroll" style="overflow: auto">
             <api-information
               v-for="apiInfo in apiInfoArray"
               :key="apiInfo.id"
               :api-info="apiInfo"
               :project-id="projectId"
-              ref="apiDocInfoDivItem"
-            />
+              ref="apiDocInfoDivItem" />
           </div>
         </el-main>
         <!-- 右侧列表 -->
@@ -287,16 +179,9 @@
                 v-for="apiInfo in apiInfoArray"
                 :key="apiInfo.id"
                 @click.native="clickStep(apiInfo.id)"
-                name="apiInfoStepNode"
-              >
+                name="apiInfoStepNode">
                 <el-link slot="title">
-                  <span
-                    style="
-                      display: inline-block;
-                      word-break: break-all;
-                      white-space: normal;
-                    "
-                  >
+                  <span style="display: inline-block; word-break: break-all; white-space: normal">
                     {{ apiInfo.name }}
                   </span>
                 </el-link>
@@ -313,8 +198,7 @@
       :page-sizes="[10, 20, 50]"
       :page-size="pageSize"
       layout="total, sizes, prev, pager, next, jumper"
-      :total="total"
-    >
+      :total="total">
     </el-pagination>
   </div>
 </template>
@@ -324,11 +208,7 @@ import { API_METHOD_COLOUR } from '@/business/definition/model/JsonData';
 import MsCodeEdit from 'metersphere-frontend/src/components/MsCodeEdit';
 import ApiStatus from '@/business/definition/components/list/ApiStatus';
 import MsJsonCodeEdit from '@/business/commons/json-schema/JsonSchemaEditor';
-import {
-  generateApiDocumentShareInfo,
-  documentShareUrl,
-  selectApiInfoByParam,
-} from '@/api/share';
+import { generateApiDocumentShareInfo, documentShareUrl, selectApiInfoByParam } from '@/api/share';
 import ApiInformation from '@/business/definition/components/document/components/ApiInformation';
 
 export default {
@@ -338,8 +218,7 @@ export default {
     ApiStatus,
     MsCodeEdit,
     ApiInformation,
-    MxApiDocumentBatchShare: () =>
-      import('@/business/definition/components/share/MxApiDocumentBatchShare'),
+    MxApiDocumentBatchShare: () => import('@/business/definition/components/share/MxApiDocumentBatchShare'),
   },
   data() {
     return {
@@ -457,11 +336,9 @@ export default {
         if (this.pageHeaderHeight != 0 && this.pageHeaderHeight != null) {
           countPageHeight = this.pageHeaderHeight;
         }
-        this.$refs.apiDocInfoDiv.style.height =
-          clientHeight - countPageHeight + 'px';
+        this.$refs.apiDocInfoDiv.style.height = clientHeight - countPageHeight + 'px';
         this.$refs.apiDocInfoDiv.style.overflow = 'auto';
-        this.$refs.apiDocList.style.height =
-          clientHeight - countPageHeight + 'px';
+        this.$refs.apiDocList.style.height = clientHeight - countPageHeight + 'px';
       }
     },
     initApiDocSimpleList() {
@@ -480,21 +357,19 @@ export default {
       }
       simpleRequest.versionId = this.versionId;
       simpleRequest.trashEnable = this.trashEnable;
-      selectApiInfoByParam(simpleRequest, this.currentPage, this.pageSize).then(
-        (response) => {
-          this.apiInfoArray = response.data.listObject;
-          this.total = response.data.itemCount;
-          if (response.data.length > this.maxComponentSize) {
-            this.needAsyncSelect = true;
-          } else {
-            this.needAsyncSelect = false;
-          }
-          //每次查询完成之后定位右侧的步骤
-          this.$nextTick(() => {
-            this.handleScroll();
-          });
+      selectApiInfoByParam(simpleRequest, this.currentPage, this.pageSize).then((response) => {
+        this.apiInfoArray = response.data.listObject;
+        this.total = response.data.itemCount;
+        if (response.data.length > this.maxComponentSize) {
+          this.needAsyncSelect = true;
+        } else {
+          this.needAsyncSelect = false;
         }
-      );
+        //每次查询完成之后定位右侧的步骤
+        this.$nextTick(() => {
+          this.handleScroll();
+        });
+      });
     },
     shareApiDocument() {
       this.shareUrl = '';
@@ -545,10 +420,7 @@ export default {
         }
       } else {
         if (apiStep.className.indexOf('apiShowStep') > 0) {
-          apiStep.className = apiStep.className.substring(
-            0,
-            apiStep.className.length - 12
-          );
+          apiStep.className = apiStep.className.substring(0, apiStep.className.length - 12);
         }
       }
     },
@@ -645,8 +517,7 @@ export default {
   width: 20px;
 }
 
-.apiShowStep
-  :deep(.el-step__title.is-wait .el-link.el-link--default.is-underline) {
+.apiShowStep :deep(.el-step__title.is-wait .el-link.el-link--default.is-underline) {
   color: #783887;
 }
 
diff --git a/api-test/frontend/src/business/definition/components/document/components/ApiInfoCollapse.vue b/api-test/frontend/src/business/definition/components/document/components/ApiInfoCollapse.vue
index 82c24d195c..a433e735ab 100644
--- a/api-test/frontend/src/business/definition/components/document/components/ApiInfoCollapse.vue
+++ b/api-test/frontend/src/business/definition/components/document/components/ApiInfoCollapse.vue
@@ -5,15 +5,7 @@
         <el-row>
           <div class="tip" style="float: left">
             <span>{{ title }}</span>
-            <span
-              v-if="remarks"
-              style="
-                font-weight: 400;
-                font-size: smaller;
-                background: #f1f0f0;
-                margin-left: 5px;
-              "
-            >
+            <span v-if="remarks" style="font-weight: 400; font-size: smaller; background: #f1f0f0; margin-left: 5px">
               {{ remarks }}
             </span>
           </div>
@@ -51,22 +43,15 @@
                   :row-class-name="getRowClassName"
                   :data="tableData"
                   :class="getTableClass()"
-                  ref="expandTable"
-                >
+                  ref="expandTable">
                   <el-table-column
                     v-for="item in tableColumnArr"
                     :key="item.id"
                     :prop="item.prop"
                     :label="item.label"
-                    show-overflow-tooltip
-                  >
+                    show-overflow-tooltip>
                   </el-table-column>
-                  <el-table-column
-                    type="expand"
-                    v-if="tableCanExpand"
-                    :label="getCollapseOption()"
-                    width="80px"
-                  >
+                  <el-table-column type="expand" v-if="tableCanExpand" :label="getCollapseOption()" width="80px">
                     <template slot="header">
                       <el-button type="text" size="mini" @click="expandAllRows">
                         <span :id="tableExpandButtonId">
@@ -75,9 +60,7 @@
                       </el-button>
                     </template>
                     <template v-slot:default="scope">
-                      <table-advanced-setting
-                        :table-data="scope.row"
-                      ></table-advanced-setting>
+                      <table-advanced-setting :table-data="scope.row"></table-advanced-setting>
                     </template>
                   </el-table-column>
                 </el-table>
@@ -195,9 +178,7 @@ export default {
           });
         }
       }
-      this.expandTitle = this.expandAllRow
-        ? this.$t('commons.close_all')
-        : this.$t('commons.expand_all');
+      this.expandTitle = this.expandAllRow ? this.$t('commons.close_all') : this.$t('commons.expand_all');
       let tableHeaderDom = document.getElementById(this.tableExpandButtonId);
       tableHeaderDom.innerText = this.expandTitle;
     },
diff --git a/api-test/frontend/src/business/definition/components/document/components/ApiInformation.vue b/api-test/frontend/src/business/definition/components/document/components/ApiInformation.vue
index 2ca459822e..d5eb3edfea 100644
--- a/api-test/frontend/src/business/definition/components/document/components/ApiInformation.vue
+++ b/api-test/frontend/src/business/definition/components/document/components/ApiInformation.vue
@@ -1,23 +1,12 @@
 <template>
   <div style="border-bottom-width: 2px" ref="baseDiv">
     <div style="font-size: 17px">
-      <el-popover
-        v-if="projectId"
-        placement="right"
-        width="260"
-        @show="shareApiDocument('false')"
-      >
+      <el-popover v-if="projectId" placement="right" width="260" @show="shareApiDocument('false')">
         <p>{{ shareUrl }}</p>
         <div style="text-align: right; margin: 0">
-          <el-button type="primary" size="mini" v-clipboard:copy="shareUrl"
-            >{{ $t('commons.copy') }}
-          </el-button>
+          <el-button type="primary" size="mini" v-clipboard:copy="shareUrl">{{ $t('commons.copy') }} </el-button>
         </div>
-        <i
-          class="el-icon-share"
-          slot="reference"
-          style="margin-right: 10px; cursor: pointer"
-        ></i>
+        <i class="el-icon-share" slot="reference" style="margin-right: 10px; cursor: pointer"></i>
       </el-popover>
       {{ apiInfo.name }}
       <span class="apiStatusTag">
@@ -35,31 +24,19 @@
             borderRadius: '0px',
             marginRight: '20px',
             color: 'white',
-          }"
-        >
+          }">
           {{ apiInfo.method }}
         </el-tag>
         {{ apiInfo.uri }}
       </div>
       <div class="attacInfo">
         <el-row :gutter="10">
-          <el-col :span="6">
-            {{ $t('test_track.module.module') }} : {{ apiInfo.modules }}</el-col
-          >
-          <el-col :span="6"
-            >{{ $t('commons.tag') }} : {{ apiInfo.tags }}</el-col
-          >
-          <el-col :span="6"
-            >{{ $t('api_test.definition.request.responsible') }} :
-            {{ apiInfo.responsibler }}</el-col
-          >
-          <el-col :span="6"
-            >{{ $t('commons.create_user') }} : {{ apiInfo.createUser }}</el-col
-          >
-        </el-row>
-        <el-row style="margin-top: 10px">
-          {{ $t('commons.description') }} : {{ apiInfo.desc }}
+          <el-col :span="6"> {{ $t('test_track.module.module') }} : {{ apiInfo.modules }}</el-col>
+          <el-col :span="6">{{ $t('commons.tag') }} : {{ apiInfo.tags }}</el-col>
+          <el-col :span="6">{{ $t('api_test.definition.request.responsible') }} : {{ apiInfo.responsibler }}</el-col>
+          <el-col :span="6">{{ $t('commons.create_user') }} : {{ apiInfo.createUser }}</el-col>
         </el-row>
+        <el-row style="margin-top: 10px"> {{ $t('commons.description') }} : {{ apiInfo.desc }} </el-row>
       </div>
     </el-row>
     <!--api请求头-->
@@ -68,29 +45,25 @@
       v-if="isArrayHasData(apiInfo.requestHead)"
       table-column-type="nameAndValue"
       :title="$t('api_test.definition.document.request_head')"
-      :string-data="apiInfo.requestHead"
-    />
+      :string-data="apiInfo.requestHead" />
     <!--QUERY参数-->
     <api-info-collapse
       v-if="isArrayHasData(apiInfo.urlParams)"
       table-column-type="simple"
       :title="'QUERY' + $t('api_test.definition.document.request_param')"
-      :string-data="apiInfo.urlParams"
-    />
+      :string-data="apiInfo.urlParams" />
     <!--REST参数-->
     <api-info-collapse
       v-if="isArrayHasData(apiInfo.restParams)"
       table-column-type="simple"
       :title="'REST' + $t('api_test.definition.document.request_param')"
-      :string-data="apiInfo.restParams"
-    />
+      :string-data="apiInfo.restParams" />
     <!--api请求体 以及表格-->
     <api-info-collapse
       v-if="hasRequestParams(apiInfo)"
       :is-request="true"
       :remarks="apiInfo.requestBodyParamType"
-      :title="$t('api_test.definition.document.request_body')"
-    >
+      :title="$t('api_test.definition.document.request_body')">
       <api-request-info slot="request" :api-info="apiInfo"></api-request-info>
     </api-info-collapse>
 
@@ -100,19 +73,14 @@
       v-if="isArrayHasData(apiInfo.responseHead)"
       table-column-type="nameAndValue"
       :title="$t('api_test.definition.document.response_head')"
-      :string-data="apiInfo.responseHead"
-    />
+      :string-data="apiInfo.responseHead" />
     <!--响应体-->
     <api-info-collapse
       v-if="hasResponseBody(apiInfo)"
       :is-response="true"
       :remarks="apiInfo.responseBodyParamType"
-      :title="$t('api_test.definition.document.response_body')"
-    >
-      <api-response-info
-        slot="response"
-        :api-info="apiInfo"
-      ></api-response-info>
+      :title="$t('api_test.definition.document.response_body')">
+      <api-response-info slot="response" :api-info="apiInfo"></api-response-info>
     </api-info-collapse>
 
     <!--响应状态码-->
@@ -121,8 +89,7 @@
       v-if="hasResponseCode(apiInfo.responseCode)"
       :is-text="true"
       :string-data="getName(apiInfo.responseCode)"
-      :title="$t('api_test.definition.document.response_code')"
-    />
+      :title="$t('api_test.definition.document.response_code')" />
     <!--  备注  -->
     <api-remark-show :data="apiInfo.remark"></api-remark-show>
     <el-divider></el-divider>
@@ -220,10 +187,7 @@ export default {
       let hasParams = false;
       if (apiInfo) {
         if (this.formParamTypes.includes(apiInfo.requestBodyParamType)) {
-          if (
-            apiInfo.requestBodyFormData &&
-            apiInfo.requestBodyFormData !== '无'
-          ) {
+          if (apiInfo.requestBodyFormData && apiInfo.requestBodyFormData !== '无') {
             let jsonArr = JSON.parse(apiInfo.requestBodyFormData);
             //遍历，把必填项空的数据去掉
             for (let index = 0; index < jsonArr.length; index++) {
@@ -233,21 +197,11 @@ export default {
               }
             }
           }
-        } else if (
-          apiInfo.requestBodyParamType === 'JSON-SCHEMA' ||
-          apiInfo.requestBodyParamType === 'JSON'
-        ) {
-          if (
-            apiInfo.jsonSchemaBody &&
-            apiInfo.jsonSchemaBody !== '' &&
-            apiInfo.jsonSchemaBody !== '[]'
-          ) {
+        } else if (apiInfo.requestBodyParamType === 'JSON-SCHEMA' || apiInfo.requestBodyParamType === 'JSON') {
+          if (apiInfo.jsonSchemaBody && apiInfo.jsonSchemaBody !== '' && apiInfo.jsonSchemaBody !== '[]') {
             hasParams = true;
           }
-        } else if (
-          apiInfo.requestBodyStructureData &&
-          apiInfo.requestBodyStructureData !== ''
-        ) {
+        } else if (apiInfo.requestBodyStructureData && apiInfo.requestBodyStructureData !== '') {
           hasParams = true;
         }
       }
@@ -257,10 +211,7 @@ export default {
       let hasParams = false;
       if (apiInfo) {
         if (this.formParamTypes.includes(apiInfo.responseBodyParamType)) {
-          if (
-            apiInfo.responseBodyFormData &&
-            apiInfo.responseBodyFormData !== '无'
-          ) {
+          if (apiInfo.responseBodyFormData && apiInfo.responseBodyFormData !== '无') {
             let jsonArr = JSON.parse(apiInfo.responseBodyFormData);
             //遍历，把必填项空的数据去掉
             for (let index = 0; index < jsonArr.length; index++) {
@@ -278,10 +229,7 @@ export default {
           ) {
             hasParams = true;
           }
-        } else if (
-          apiInfo.requestBodyStructureData &&
-          apiInfo.requestBodyStructureData !== ''
-        ) {
+        } else if (apiInfo.requestBodyStructureData && apiInfo.requestBodyStructureData !== '') {
           try {
             JSON.parse(apiInfo.requestBodyStructureData);
             hasParams = true;
diff --git a/api-test/frontend/src/business/definition/components/document/components/ApiRemarkShow.vue b/api-test/frontend/src/business/definition/components/document/components/ApiRemarkShow.vue
index 86c181337d..266f0f22c1 100644
--- a/api-test/frontend/src/business/definition/components/document/components/ApiRemarkShow.vue
+++ b/api-test/frontend/src/business/definition/components/document/components/ApiRemarkShow.vue
@@ -11,13 +11,7 @@
     </el-row>
     <el-row>
       <el-form>
-        <form-rich-text-item
-          class="remark-item"
-          :disabled="true"
-          :data="remarkObj"
-          prop="remark"
-          label-width="0"
-        />
+        <form-rich-text-item class="remark-item" :disabled="true" :data="remarkObj" prop="remark" label-width="0" />
       </el-form>
     </el-row>
   </div>
diff --git a/api-test/frontend/src/business/definition/components/document/components/ApiRequestInfo.vue b/api-test/frontend/src/business/definition/components/document/components/ApiRequestInfo.vue
index f12c022841..8ba9662ae3 100644
--- a/api-test/frontend/src/business/definition/components/document/components/ApiRequestInfo.vue
+++ b/api-test/frontend/src/business/definition/components/document/components/ApiRequestInfo.vue
@@ -10,44 +10,34 @@
           :row-class-name="getRowClassName"
           :data="tableData"
           :class="getTableClass()"
-          ref="expandTable"
-        >
+          ref="expandTable">
           <el-table-column
             prop="name"
             :label="$t('api_definition.document.name')"
             min-width="120px"
-            show-overflow-tooltip
-          />
+            show-overflow-tooltip />
           <el-table-column
             prop="contentType"
             :label="$t('api_definition.document.type')"
             min-width="120px"
-            show-overflow-tooltip
-          />
+            show-overflow-tooltip />
           <el-table-column
             prop="description"
             :label="$t('api_definition.document.desc')"
             min-width="280px"
-            show-overflow-tooltip
-          />
+            show-overflow-tooltip />
           <el-table-column
             prop="required"
             :label="$t('api_definition.document.is_required')"
             :formatter="formatBoolean"
             min-width="80px"
-            show-overflow-tooltip
-          />
+            show-overflow-tooltip />
           <el-table-column
             prop="value"
             :label="$t('api_definition.document.default_value')"
             min-width="120px"
-            show-overflow-tooltip
-          />
-          <el-table-column
-            type="expand"
-            :label="getCollapseOption()"
-            width="80px"
-          >
+            show-overflow-tooltip />
+          <el-table-column type="expand" :label="getCollapseOption()" width="80px">
             <template slot="header">
               <el-button type="text" size="mini" @click="expandAllRows">
                 <span :id="tableExpandButtonId">
@@ -56,37 +46,24 @@
               </el-button>
             </template>
             <template v-slot:default="scope">
-              <table-advanced-setting
-                :table-data="scope.row"
-              ></table-advanced-setting>
+              <table-advanced-setting :table-data="scope.row"></table-advanced-setting>
             </template>
           </el-table-column>
         </el-table>
         <div
-          v-else-if="
-            apiInfo.requestBodyParamType === 'JSON-SCHEMA' ||
-            apiInfo.requestBodyParamType === 'JSON'
-          "
-          style="margin-left: 10px"
-        >
+          v-else-if="apiInfo.requestBodyParamType === 'JSON-SCHEMA' || apiInfo.requestBodyParamType === 'JSON'"
+          style="margin-left: 10px">
           <json-schema-show
             :show-preview="false"
             :json-schema-disable="true"
             :body="apiInfo.jsonSchemaBody"
-            ref="jsonCodeEdit"
-          />
+            ref="jsonCodeEdit" />
         </div>
         <div v-else class="showDataDiv">
           <br />
           <p
             style="margin: 0px 20px"
-            v-html="
-              formatRowData(
-                apiInfo.requestBodyParamType,
-                apiInfo.requestBodyStructureData
-              )
-            "
-          ></p>
+            v-html="formatRowData(apiInfo.requestBodyParamType, apiInfo.requestBodyStructureData)"></p>
           <br />
         </div>
       </div>
@@ -98,10 +75,7 @@
       </div>
       <div class="showDataDiv">
         <br />
-        <p
-          style="margin: 0px 20px"
-          v-html="genPreviewData(apiInfo.requestPreviewData)"
-        ></p>
+        <p style="margin: 0px 20px" v-html="genPreviewData(apiInfo.requestPreviewData)"></p>
         <br />
       </div>
     </el-row>
@@ -183,9 +157,7 @@ export default {
           });
         }
       }
-      this.expandTitle = this.expandAllRow
-        ? this.$t('commons.close_all')
-        : this.$t('commons.expand_all');
+      this.expandTitle = this.expandAllRow ? this.$t('commons.close_all') : this.$t('commons.expand_all');
       let tableHeaderDom = document.getElementById(this.tableExpandButtonId);
       tableHeaderDom.innerText = this.expandTitle;
     },
diff --git a/api-test/frontend/src/business/definition/components/document/components/ApiResponseInfo.vue b/api-test/frontend/src/business/definition/components/document/components/ApiResponseInfo.vue
index 004cd47abc..5fb87c4eaf 100644
--- a/api-test/frontend/src/business/definition/components/document/components/ApiResponseInfo.vue
+++ b/api-test/frontend/src/business/definition/components/document/components/ApiResponseInfo.vue
@@ -6,73 +6,53 @@
           border
           v-if="formParamTypes.includes(apiInfo.responseBodyParamType)"
           :data="getJsonArr(apiInfo.responseBodyFormData)"
-          class="test-content document-table"
-        >
+          class="test-content document-table">
           <el-table-column
             prop="name"
             :label="$t('api_definition.document.name')"
             min-width="120px"
-            show-overflow-tooltip
-          />
+            show-overflow-tooltip />
           <el-table-column
             prop="contentType"
             :label="$t('api_definition.document.type')"
             min-width="120px"
-            show-overflow-tooltip
-          />
+            show-overflow-tooltip />
           <el-table-column
             prop="description"
             :label="$t('api_definition.document.desc')"
             min-width="280px"
-            show-overflow-tooltip
-          />
+            show-overflow-tooltip />
           <el-table-column
             prop="required"
             :label="$t('api_definition.document.is_required')"
             :formatter="formatBoolean"
             min-width="80px"
-            show-overflow-tooltip
-          />
+            show-overflow-tooltip />
           <el-table-column
             prop="value"
             :label="$t('api_definition.document.default_value')"
             min-width="120px"
-            show-overflow-tooltip
-          />
+            show-overflow-tooltip />
         </el-table>
-        <div
-          v-else-if="apiInfo.responseBodyParamType == 'JSON-SCHEMA'"
-          style="margin-left: 10px"
-        >
+        <div v-else-if="apiInfo.responseBodyParamType == 'JSON-SCHEMA'" style="margin-left: 10px">
           <ms-json-code-edit
             :json-schema-disable="true"
             :show-preview="false"
             :body="apiInfo.jsonSchemaResponseBody"
-            ref="jsonCodeEdit"
-          />
+            ref="jsonCodeEdit" />
         </div>
-        <div
-          v-else-if="formatRowDataToJsonSchema(apiInfo, 'response')"
-          style="margin-left: 10px"
-        >
+        <div v-else-if="formatRowDataToJsonSchema(apiInfo, 'response')" style="margin-left: 10px">
           <ms-json-code-edit
             :json-schema-disable="true"
             :show-preview="false"
             :body="apiInfo.responseJsonSchema"
-            ref="jsonCodeEdit"
-          />
+            ref="jsonCodeEdit" />
         </div>
         <div v-else class="showDataDiv">
           <br />
           <p
             style="margin: 0px 20px"
-            v-html="
-              formatRowData(
-                apiInfo.responseBodyParamType,
-                apiInfo.requestBodyStructureData
-              )
-            "
-          ></p>
+            v-html="formatRowData(apiInfo.responseBodyParamType, apiInfo.requestBodyStructureData)"></p>
           <br />
         </div>
       </div>
diff --git a/api-test/frontend/src/business/definition/components/document/components/JsonSchema/JsonSchemaPanel.vue b/api-test/frontend/src/business/definition/components/document/components/JsonSchema/JsonSchemaPanel.vue
index da00b27d8c..188e173313 100644
--- a/api-test/frontend/src/business/definition/components/document/components/JsonSchema/JsonSchemaPanel.vue
+++ b/api-test/frontend/src/business/definition/components/document/components/JsonSchema/JsonSchemaPanel.vue
@@ -5,11 +5,8 @@
         <div :style="{ marginLeft: `${10 * deep}px` }" class="ms-col-name-c" />
         <span
           v-if="pickValue.type === 'object' || pickValue.type === 'array'"
-          :class="
-            hidden ? 'el-icon-caret-left ms-transform' : 'el-icon-caret-bottom'
-          "
-          @click="hidden = !hidden"
-        />
+          :class="hidden ? 'el-icon-caret-left ms-transform' : 'el-icon-caret-bottom'"
+          @click="hidden = !hidden" />
         <span v-else style="width: 10px; display: inline-block"></span>
         <input
           class="el-input el-input__inner"
@@ -17,8 +14,7 @@
           :disabled="disabled || root"
           :value="pickKey"
           @blur="onInputName"
-          size="small"
-        />
+          size="small" />
       </el-col>
       <el-col :span="4">
         <el-select
@@ -26,8 +22,7 @@
           :disabled="disabled || disabledType"
           class="ms-col-type"
           @change="onChangeType"
-          size="small"
-        >
+          size="small">
           <el-option :key="t" :value="t" :label="t" v-for="t in types" />
         </el-select>
       </el-col>
@@ -43,8 +38,7 @@
           :schema="pickValue"
           :scenario-definition="scenarioDefinition"
           :show-mock-vars="showMockVars"
-          @editScenarioAdvance="editScenarioAdvance"
-        />
+          @editScenarioAdvance="editScenarioAdvance" />
       </el-col>
       <el-col :span="5">
         <el-input
@@ -52,31 +46,23 @@
           v-model="pickValue.description"
           class="ms-col-title"
           :placeholder="$t('schema.description')"
-          size="small"
-        />
+          size="small" />
       </el-col>
       <el-col :span="2">
         <div v-if="hasAdvancedSetting">
-          <el-link @click="changeCollapseStatus">{{
-            getCollapseOption()
-          }}</el-link>
+          <el-link @click="changeCollapseStatus">{{ getCollapseOption() }}</el-link>
         </div>
       </el-col>
     </el-row>
     <div>
       <el-collapse-transition>
-        <div
-          v-show="collapseStatus && hasAdvancedSetting"
-          :style="{ marginLeft: `${10 * deep + 10}px` }"
-        >
+        <div v-show="collapseStatus && hasAdvancedSetting" :style="{ marginLeft: `${10 * deep + 10}px` }">
           <json-advanced-setting :json-data="pickValue" />
         </div>
       </el-collapse-transition>
     </div>
 
-    <template
-      v-if="!hidden && pickValue.properties && !isArray && reloadItemOver"
-    >
+    <template v-if="!hidden && pickValue.properties && !isArray && reloadItemOver">
       <json-schema-panel
         v-for="(item, key, index) in pickValue.properties"
         :value="{ [key]: item }"
@@ -92,8 +78,7 @@
         @editScenarioAdvance="editScenarioAdvance"
         :lang="lang"
         :custom="custom"
-        @changeAllItemsType="changeAllItemsType"
-      />
+        @changeAllItemsType="changeAllItemsType" />
     </template>
     <template v-if="!hidden && isArray && reloadItemOver">
       <json-schema-panel
@@ -110,18 +95,13 @@
         @editScenarioAdvance="editScenarioAdvance"
         :lang="lang"
         :custom="custom"
-        @changeAllItemsType="changeAllItemsType"
-      />
+        @changeAllItemsType="changeAllItemsType" />
     </template>
   </div>
 </template>
 <script>
 import { getUUID } from 'metersphere-frontend/src/utils';
-import {
-  TYPE,
-  TYPE_NAME,
-  TYPES,
-} from '@/business/commons/json-schema/schema/editor/type/type';
+import { TYPE, TYPE_NAME, TYPES } from '@/business/commons/json-schema/schema/editor/type/type';
 import MsMock from '@/business/commons/json-schema/schema/editor/mock/MockComplete';
 import JsonAdvancedSetting from '@/business/definition/components/document/components/plugin/JsonAdvancedSetting';
 
@@ -201,11 +181,7 @@ export default {
       return this.pickValue.type === 'array';
     },
     checked() {
-      return (
-        this.parent &&
-        this.parent.required &&
-        this.parent.required.indexOf(this.pickKey) >= 0
-      );
+      return this.parent && this.parent.required && this.parent.required.indexOf(this.pickKey) >= 0;
     },
     advanced() {
       return TYPE[this.pickValue.type];
@@ -307,18 +283,12 @@ export default {
         delete this.pickValue['required'];
         delete this.pickValue['mock'];
         if (this.isArray) {
-          this.$set(this.pickValue, 'items', [
-            { type: 'string', mock: { mock: '' } },
-          ]);
+          this.$set(this.pickValue, 'items', [{ type: 'string', mock: { mock: '' } }]);
         }
       }
     },
     changeAllItemsType(changeType) {
-      if (
-        this.isArray &&
-        this.pickValue.items &&
-        this.pickValue.items.length > 0
-      ) {
+      if (this.isArray && this.pickValue.items && this.pickValue.items.length > 0) {
         this.pickValue.items.forEach((item) => {
           item.type = changeType;
           delete item['properties'];
@@ -337,23 +307,11 @@ export default {
     },
     _deepCheck(checked, node) {
       if (node.type === 'object' && node.properties) {
-        checked
-          ? this.$set(node, 'required', Object.keys(node.properties))
-          : delete node['required'];
-        Object.keys(node.properties).forEach((key) =>
-          this._deepCheck(checked, node.properties[key])
-        );
+        checked ? this.$set(node, 'required', Object.keys(node.properties)) : delete node['required'];
+        Object.keys(node.properties).forEach((key) => this._deepCheck(checked, node.properties[key]));
       } else if (node.type === 'array' && node.items.type === 'object') {
-        checked
-          ? this.$set(
-              node.items,
-              'required',
-              Object.keys(node.items.properties)
-            )
-          : delete node.items['required'];
-        Object.keys(node.items.properties).forEach((key) =>
-          this._deepCheck(checked, node.items.properties[key])
-        );
+        checked ? this.$set(node.items, 'required', Object.keys(node.items.properties)) : delete node.items['required'];
+        Object.keys(node.items.properties).forEach((key) => this._deepCheck(checked, node.items.properties[key]));
       }
     },
     confirmAddCustomNode() {
@@ -362,10 +320,7 @@ export default {
       this.customing = false;
     },
     _joinName() {
-      return `field_${this.deep}_${this.countAdd++}_${getUUID().substring(
-        0,
-        5
-      )}`;
+      return `field_${this.deep}_${this.countAdd++}_${getUUID().substring(0, 5)}`;
     },
     editScenarioAdvance(data) {
       this.$emit('editScenarioAdvance', data);
@@ -441,10 +396,7 @@ export default {
   display: flex;
 }
 
-.json-schema-editor-advanced-modal
-  .ms-advanced-search-form
-  .ms-form-item
-  .ms-form-item-control-wrapper {
+.json-schema-editor-advanced-modal .ms-advanced-search-form .ms-form-item .ms-form-item-control-wrapper {
   flex: 1;
 }
 
diff --git a/api-test/frontend/src/business/definition/components/document/components/JsonSchema/JsonSchemaShow.vue b/api-test/frontend/src/business/definition/components/document/components/JsonSchema/JsonSchemaShow.vue
index 2b0efe2cad..7cbaf6a648 100644
--- a/api-test/frontend/src/business/definition/components/document/components/JsonSchema/JsonSchemaShow.vue
+++ b/api-test/frontend/src/business/definition/components/document/components/JsonSchema/JsonSchemaShow.vue
@@ -2,12 +2,7 @@
   <div id="app" v-loading="loading">
     <el-row>
       <el-col>
-        <el-button
-          style="float: right"
-          type="text"
-          size="mini"
-          @click="expandAll"
-        >
+        <el-button style="float: right" type="text" size="mini" @click="expandAll">
           {{ expandTitle }}
         </el-button>
       </el-col>
@@ -22,8 +17,7 @@
         :expand-all-params="expandAllParams"
         @editScenarioAdvance="editScenarioAdvance"
         lang="zh_CN"
-        custom
-      />
+        custom />
     </div>
   </div>
 </template>
@@ -56,11 +50,7 @@ export default {
     scenarioDefinition: Array,
   },
   created() {
-    if (
-      !this.body.jsonSchema &&
-      this.body.raw &&
-      this.checkIsJson(this.body.raw)
-    ) {
+    if (!this.body.jsonSchema && this.body.raw && this.checkIsJson(this.body.raw)) {
       let obj = { root: MsConvert.format(JSON.parse(this.body.raw)) };
       this.schema = obj;
     } else if (this.body.jsonSchema) {
@@ -77,11 +67,7 @@ export default {
     },
     body: {
       handler(newValue, oldValue) {
-        if (
-          !this.body.jsonSchema &&
-          this.body.raw &&
-          this.checkIsJson(this.body.raw)
-        ) {
+        if (!this.body.jsonSchema && this.body.raw && this.checkIsJson(this.body.raw)) {
           let obj = { root: MsConvert.format(JSON.parse(this.body.raw)) };
           this.schema = obj;
         } else if (this.body.jsonSchema) {
@@ -106,9 +92,7 @@ export default {
   },
   computed: {
     expandTitle() {
-      return this.expandAllParams
-        ? this.$t('commons.close_all')
-        : this.$t('commons.expand_all');
+      return this.expandAllParams ? this.$t('commons.close_all') : this.$t('commons.expand_all');
     },
   },
   methods: {
diff --git a/api-test/frontend/src/business/definition/components/document/components/plugin/JsonAdvancedSetting.vue b/api-test/frontend/src/business/definition/components/document/components/plugin/JsonAdvancedSetting.vue
index 3d0a7791a7..1e19056810 100644
--- a/api-test/frontend/src/business/definition/components/document/components/plugin/JsonAdvancedSetting.vue
+++ b/api-test/frontend/src/business/definition/components/document/components/plugin/JsonAdvancedSetting.vue
@@ -3,11 +3,7 @@
     <div style="margin: 0px 10px 10px 10px">
       <el-form label-position="left" v-model="advancedValue">
         <div :span="8" v-for="(item, key) in advancedValue" :key="key">
-          <el-form-item
-            v-if="isNotEmptyValue(jsonData[key])"
-            :label="$t('schema.' + key) + ' : '"
-            style="margin: 0"
-          >
+          <el-form-item v-if="isNotEmptyValue(jsonData[key])" :label="$t('schema.' + key) + ' : '" style="margin: 0">
             {{ jsonData[key] }}
           </el-form-item>
         </div>
diff --git a/api-test/frontend/src/business/definition/components/document/components/plugin/TableAdvancedSetting.vue b/api-test/frontend/src/business/definition/components/document/components/plugin/TableAdvancedSetting.vue
index 7ecf49e9fa..675694aa94 100644
--- a/api-test/frontend/src/business/definition/components/document/components/plugin/TableAdvancedSetting.vue
+++ b/api-test/frontend/src/business/definition/components/document/components/plugin/TableAdvancedSetting.vue
@@ -4,14 +4,7 @@
       <el-form label-position="left" v-model="advancedValue">
         <div :span="8" v-for="(item, key) in advancedValue" :key="key">
           <el-form-item :label="$t(key) + ' : '" style="margin: 0">
-            <span
-              style="
-                display: inline-block;
-                overflow-wrap: break-word;
-                text-align: left;
-                max-width: 100%;
-              "
-            >
+            <span style="display: inline-block; overflow-wrap: break-word; text-align: left; max-width: 100%">
               {{ advancedValue[key] }}
             </span>
           </el-form-item>
@@ -53,8 +46,7 @@ export default {
           this.advancedValue['commons.encode'] = this.$t('commons.yes');
         }
         if (this.isNotEmptyValue(this.tableData['description'])) {
-          this.advancedValue['commons.description'] =
-            this.tableData['description'];
+          this.advancedValue['commons.description'] = this.tableData['description'];
         }
         if (JSON.stringify(this.advancedValue) === '{}') {
           this.advancedValue = null;
diff --git a/api-test/frontend/src/business/definition/components/esb/EsbResponseResult.vue b/api-test/frontend/src/business/definition/components/esb/EsbResponseResult.vue
index 3ae2a6a20e..22cff9715f 100644
--- a/api-test/frontend/src/business/definition/components/esb/EsbResponseResult.vue
+++ b/api-test/frontend/src/business/definition/components/esb/EsbResponseResult.vue
@@ -1,24 +1,18 @@
 <template>
   <div class="text-container">
     <el-tabs v-model="activeName" v-show="isActive">
-      <el-tab-pane
-        :label="$t('api_test.definition.request.response_template')"
-        name="esbData"
-        class="pane"
-      >
+      <el-tab-pane :label="$t('api_test.definition.request.response_template')" name="esbData" class="pane">
         <esb-table
           :table-data="request.backEsbDataStruct"
           :show-options-button="showOptionsButton"
           @saveTableData="validateEsbDataStruct"
-          ref="esbTable"
-        ></esb-table>
+          ref="esbTable"></esb-table>
       </el-tab-pane>
       <el-tab-pane
         v-if="isApiComponent === false"
         :label="$t('api_test.definition.request.response_body')"
         name="body"
-        class="pane"
-      >
+        class="pane">
         <ms-code-edit
           v-if="isMsCodeEditShow"
           :mode="mode"
@@ -26,72 +20,45 @@
           :modes="modes"
           height="200px"
           :data.sync="response.responseResult.body"
-          ref="codeEdit"
-        />
+          ref="codeEdit" />
       </el-tab-pane>
 
       <el-tab-pane
         v-if="isApiComponent === false"
         :label="$t('api_test.definition.request.console')"
         name="console"
-        class="pane"
-      >
-        <ms-code-edit
-          :mode="'text'"
-          :read-only="true"
-          :data.sync="response.responseResult.console"
-          height="200px"
-        />
+        class="pane">
+        <ms-code-edit :mode="'text'" :read-only="true" :data.sync="response.responseResult.console" height="200px" />
       </el-tab-pane>
 
       <el-tab-pane
         v-if="isApiComponent === false"
         :label="$t('api_report.assertions')"
         name="assertions"
-        class="pane assertions"
-      >
-        <ms-assertion-results
-          :assertions="response.responseResult.assertions"
-        />
+        class="pane assertions">
+        <ms-assertion-results :assertions="response.responseResult.assertions" />
       </el-tab-pane>
 
       <el-tab-pane
         v-if="isApiComponent === false"
         :label="$t('api_test.request.extract.label')"
         name="label"
-        class="pane"
-      >
-        <ms-code-edit
-          :mode="'text'"
-          :read-only="true"
-          :data.sync="response.responseResult.vars"
-          height="200px"
-        />
+        class="pane">
+        <ms-code-edit :mode="'text'" :read-only="true" :data.sync="response.responseResult.vars" height="200px" />
       </el-tab-pane>
 
       <el-tab-pane
         v-if="isApiComponent === false"
         :label="$t('api_report.request_body')"
         name="request_body"
-        class="pane"
-      >
-        <ms-code-edit
-          :mode="'text'"
-          :read-only="true"
-          :data.sync="reqMessages"
-          height="200px"
-        />
+        class="pane">
+        <ms-code-edit :mode="'text'" :read-only="true" :data.sync="reqMessages" height="200px" />
       </el-tab-pane>
-      <el-tab-pane
-        v-if="isApiComponent === true"
-        :label="$t('api_test.definition.request.post_script')"
-        name="script"
-      >
+      <el-tab-pane v-if="isApiComponent === true" :label="$t('api_test.definition.request.post_script')" name="script">
         <jsr233-processor-content
           :jsr223-processor="request.backScript"
           :is-pre-processor="false"
-          :is-read-only="false"
-        />
+          :is-read-only="false" />
       </el-tab-pane>
     </el-tabs>
   </div>
@@ -199,17 +166,10 @@ export default {
       this.mode = mode;
     },
     setBodyType() {
-      if (
-        !this.response.responseResult ||
-        !this.response.responseResult.headers
-      ) {
+      if (!this.response.responseResult || !this.response.responseResult.headers) {
         return;
       }
-      if (
-        this.response.responseResult.headers.indexOf(
-          'Content-Type: application/json'
-        ) > 0
-      ) {
+      if (this.response.responseResult.headers.indexOf('Content-Type: application/json') > 0) {
         this.mode = BODY_FORMAT.JSON;
         this.$nextTick(() => {
           if (this.$refs.modeDropdown) {
diff --git a/api-test/frontend/src/business/definition/components/esb/EsbTable.vue b/api-test/frontend/src/business/definition/components/esb/EsbTable.vue
index 5b55d95a4b..685c57dd83 100644
--- a/api-test/frontend/src/business/definition/components/esb/EsbTable.vue
+++ b/api-test/frontend/src/business/definition/components/esb/EsbTable.vue
@@ -6,89 +6,41 @@
       row-key="uuid"
       v-loading="loading"
       :expand-row-keys="expands"
-      :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
-    >
-      <el-table-column
-        prop="esbName"
-        :label="$t('api_test.definition.request.esb_table.name')"
-        width="230"
-      >
+      :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
+      <el-table-column prop="esbName" :label="$t('api_test.definition.request.esb_table.name')" width="230">
         <template slot-scope="scope">
-          <el-input
-            v-if="scope.row.status"
-            v-model="scope.row.name"
-            style="width: 140px"
-          ></el-input>
+          <el-input v-if="scope.row.status" v-model="scope.row.name" style="width: 140px"></el-input>
           <span v-else>{{ scope.row.name }}</span>
         </template>
       </el-table-column>
-      <el-table-column
-        prop="type"
-        :label="$t('api_test.definition.request.esb_table.type')"
-        width="120"
-      >
+      <el-table-column prop="type" :label="$t('api_test.definition.request.esb_table.type')" width="120">
         <template slot-scope="scope">
-          <el-select
-            v-if="scope.row.status"
-            v-model="scope.row.type"
-            :placeholder="$t('commons.please_select')"
-          >
-            <el-option
-              v-for="item in typeSelectOptions"
-              :key="item.value"
-              :label="item.value"
-              :value="item.value"
-            >
+          <el-select v-if="scope.row.status" v-model="scope.row.type" :placeholder="$t('commons.please_select')">
+            <el-option v-for="item in typeSelectOptions" :key="item.value" :label="item.value" :value="item.value">
             </el-option>
           </el-select>
           <span v-else>{{ scope.row.type }}</span>
         </template>
       </el-table-column>
-      <el-table-column
-        prop="length"
-        :label="$t('api_test.definition.request.esb_table.length')"
-        width="80"
-      >
+      <el-table-column prop="length" :label="$t('api_test.definition.request.esb_table.length')" width="80">
         <template slot-scope="scope">
-          <el-input
-            v-if="scope.row.status"
-            v-model="scope.row.contentType"
-          ></el-input>
+          <el-input v-if="scope.row.status" v-model="scope.row.contentType"></el-input>
           <span v-else>{{ scope.row.contentType }}</span>
         </template>
       </el-table-column>
-      <el-table-column
-        prop="description"
-        :label="$t('api_test.definition.request.esb_table.desc')"
-        min-width="200"
-      >
+      <el-table-column prop="description" :label="$t('api_test.definition.request.esb_table.desc')" min-width="200">
         <template slot-scope="scope">
-          <el-input
-            v-if="scope.row.status"
-            v-model="scope.row.description"
-          ></el-input>
+          <el-input v-if="scope.row.status" v-model="scope.row.description"></el-input>
           <span v-else>{{ scope.row.description }}</span>
         </template>
       </el-table-column>
-      <el-table-column
-        prop="value"
-        :label="$t('api_test.definition.request.esb_table.value')"
-        width="180"
-      >
+      <el-table-column prop="value" :label="$t('api_test.definition.request.esb_table.value')" width="180">
         <template slot-scope="scope">
-          <el-input
-            v-if="scope.row.status"
-            v-model="scope.row.value"
-          ></el-input>
+          <el-input v-if="scope.row.status" v-model="scope.row.value"></el-input>
           <span v-else>{{ scope.row.value }}</span>
         </template>
       </el-table-column>
-      <el-table-column
-        v-if="showOptionsButton"
-        :label="$t('commons.operating')"
-        width="140"
-        fixed="right"
-      >
+      <el-table-column v-if="showOptionsButton" :label="$t('commons.operating')" width="140" fixed="right">
         <template v-slot:default="scope">
           <span>
             <el-button
@@ -98,8 +50,7 @@
               type="primary"
               circle
               @click="nextRow(scope.row)"
-              class="ht-btn-confirm"
-            />
+              class="ht-btn-confirm" />
             <el-button
               size="mini"
               p="$t('commons.copy')"
@@ -107,28 +58,20 @@
               type="primary"
               circle
               @click="copyDataStructConfirm(scope.row)"
-              class="ht-btn-confirm"
-            />
+              class="ht-btn-confirm" />
             <el-button
               size="mini"
               p="$t('commons.remove')"
               icon="el-icon-close"
               circle
               @click="remove(scope.row)"
-              class="ht-btn-remove"
-            />
+              class="ht-btn-remove" />
           </span>
         </template>
       </el-table-column>
     </el-table>
     <div v-if="showOptionsButton">
-      <el-button
-        class="ht-btn-add"
-        size="mini"
-        p="$t('commons.add')"
-        icon="el-icon-circle-plus-outline"
-        @click="add"
-      >
+      <el-button class="ht-btn-add" size="mini" p="$t('commons.add')" icon="el-icon-circle-plus-outline" @click="add">
         {{ $t('commons.add') }}
       </el-button>
       <el-button
@@ -198,18 +141,14 @@ export default {
     },
     //复制当前数据结构
     copyDataStructConfirm: function (row) {
-      this.$alert(
-        this.$t('api_test.definition.request.esb_copy_confirm') + ' ？',
-        '',
-        {
-          confirmButtonText: this.$t('commons.confirm'),
-          callback: (action) => {
-            if (action === 'confirm') {
-              this.copyDataStruct(row);
-            }
-          },
-        }
-      );
+      this.$alert(this.$t('api_test.definition.request.esb_copy_confirm') + ' ？', '', {
+        confirmButtonText: this.$t('commons.confirm'),
+        callback: (action) => {
+          if (action === 'confirm') {
+            this.copyDataStruct(row);
+          }
+        },
+      });
     },
     copyDataStruct: function (row) {
       let parentRow = this.selectParentRow(this.tableData, row.uuid);
@@ -300,9 +239,7 @@ export default {
         this.$warning('ESB参数名' + '不能为空，且不能包含英文小数点[.]');
         return false;
       } else if (row.name.indexOf('.') > 0) {
-        this.$warning(
-          'ESB参数名[' + row.name + ']不合法，不能包含英文小数点"."!'
-        );
+        this.$warning('ESB参数名[' + row.name + ']不合法，不能包含英文小数点"."!');
         return false;
       } else if (row.type == null || row.type === '') {
         this.$warning('类型' + '不能为空!');
@@ -338,11 +275,7 @@ export default {
           }
           row.children.push(appendData);
         } else if (row.children.length > 0) {
-          let appendResult = this.appendDataWithDeepForeach(
-            row.children,
-            rowId,
-            appendData
-          );
+          let appendResult = this.appendDataWithDeepForeach(row.children, rowId, appendData);
           if (appendResult) {
             return appendResult;
           }
diff --git a/api-test/frontend/src/business/definition/components/esb/MxEsbDefinition.vue b/api-test/frontend/src/business/definition/components/esb/MxEsbDefinition.vue
index b413ae9dbc..c18b63d93f 100644
--- a/api-test/frontend/src/business/definition/components/esb/MxEsbDefinition.vue
+++ b/api-test/frontend/src/business/definition/components/esb/MxEsbDefinition.vue
@@ -2,169 +2,99 @@
   <div>
     <el-row>
       <el-col :span="spanNum" style="padding-bottom: 20px">
-        <div
-          style="
-            border: 1px #dcdfe6 solid;
-            height: 100%;
-            border-radius: 4px;
-            width: 100%;
-          "
-        >
+        <div style="border: 1px #dcdfe6 solid; height: 100%; border-radius: 4px; width: 100%">
           <el-form
             class="tcp"
             :model="request"
             :rules="rules"
             ref="request"
             :disabled="isReadOnly"
-            style="margin: 20px"
-          >
-            <el-tabs
-              v-model="activeName"
-              class="request-tabs"
-              @tab-click="tabClick"
-            >
+            style="margin: 20px">
+            <el-tabs v-model="activeName" class="request-tabs" @tab-click="tabClick">
               <!--query 参数-->
               <el-tab-pane name="parameters" v-if="isBodyShow">
                 <template v-slot:label>
                   {{ $t('api_test.definition.request.req_param') }}
-                  <ms-instructions-icon
-                    :content="$t('api_test.definition.request.esb_title')"
-                  />
+                  <ms-instructions-icon :content="$t('api_test.definition.request.esb_title')" />
                 </template>
                 <esb-table
                   :table-data="request.esbDataStruct"
                   :show-options-button="true"
                   @saveTableData="validateEsbDataStruct"
-                  ref="esbTable"
-                ></esb-table>
+                  ref="esbTable"></esb-table>
               </el-tab-pane>
               <!--报文模版-->
-              <el-tab-pane
-                :label="$t('api_test.definition.request.message_template')"
-                name="request"
-              >
+              <el-tab-pane :label="$t('api_test.definition.request.message_template')" name="request">
                 <div class="send-request">
                   <ms-code-edit
                     mode="text"
                     :read-only="isReadOnly"
                     :data.sync="request.request"
                     :modes="['text', 'json', 'xml', 'html']"
-                    theme="eclipse"
-                  />
+                    theme="eclipse" />
                 </div>
               </el-tab-pane>
 
               <!--其他设置-->
-              <el-tab-pane
-                :label="$t('api_test.definition.request.other_config')"
-                name="other"
-                class="other-config"
-              >
+              <el-tab-pane :label="$t('api_test.definition.request.other_config')" name="other" class="other-config">
                 <el-row>
                   <el-col :span="8">
                     <el-form-item label="TCPClient" prop="classname">
-                      <el-select
-                        v-model="request.classname"
-                        style="width: 100%"
-                        size="small"
-                      >
-                        <el-option
-                          v-for="c in classes"
-                          :key="c"
-                          :label="c"
-                          :value="c"
-                        />
+                      <el-select v-model="request.classname" style="width: 100%" size="small">
+                        <el-option v-for="c in classes" :key="c" :label="c" :value="c" />
                       </el-select>
                     </el-form-item>
                   </el-col>
                   <el-col :span="8">
-                    <el-form-item
-                      :label="$t('api_test.request.tcp.connect')"
-                      prop="ctimeout"
-                    >
-                      <el-input-number
-                        v-model="request.ctimeout"
-                        controls-position="right"
-                        :min="0"
-                        size="small"
-                      />
+                    <el-form-item :label="$t('api_test.request.tcp.connect')" prop="ctimeout">
+                      <el-input-number v-model="request.ctimeout" controls-position="right" :min="0" size="small" />
                     </el-form-item>
                   </el-col>
                   <el-col :span="8">
-                    <el-form-item
-                      :label="$t('api_test.request.tcp.response')"
-                      prop="timeout"
-                    >
-                      <el-input-number
-                        v-model="request.timeout"
-                        controls-position="right"
-                        :min="0"
-                        size="small"
-                      />
+                    <el-form-item :label="$t('api_test.request.tcp.response')" prop="timeout">
+                      <el-input-number v-model="request.timeout" controls-position="right" :min="0" size="small" />
                     </el-form-item>
                   </el-col>
                 </el-row>
                 <el-row :gutter="10">
                   <el-col :span="6">
-                    <el-form-item
-                      :label="$t('api_test.request.tcp.so_linger')"
-                      prop="soLinger"
-                    >
+                    <el-form-item :label="$t('api_test.request.tcp.so_linger')" prop="soLinger">
                       <el-input v-model="request.soLinger" size="small" />
                     </el-form-item>
                   </el-col>
 
                   <el-col :span="6">
-                    <el-form-item
-                      :label="$t('api_test.request.tcp.eol_byte')"
-                      prop="eolByte"
-                    >
+                    <el-form-item :label="$t('api_test.request.tcp.eol_byte')" prop="eolByte">
                       <el-input v-model="request.eolByte" size="small" />
                     </el-form-item>
                   </el-col>
 
                   <el-col :span="6">
-                    <el-form-item
-                      :label="$t('api_test.request.tcp.username')"
-                      prop="username"
-                    >
-                      <el-input
-                        v-model="request.username"
-                        maxlength="100"
-                        show-word-limit
-                        size="small"
-                      />
+                    <el-form-item :label="$t('api_test.request.tcp.username')" prop="username">
+                      <el-input v-model="request.username" maxlength="100" show-word-limit size="small" />
                     </el-form-item>
                   </el-col>
                   <el-col :span="6">
-                    <el-form-item
-                      :label="$t('api_test.request.tcp.password')"
-                      prop="password"
-                    >
+                    <el-form-item :label="$t('api_test.request.tcp.password')" prop="password">
                       <el-input
                         v-model="request.password"
                         maxlength="30"
                         show-word-limit
                         show-password
                         autocomplete="new-password"
-                        size="small"
-                      />
+                        size="small" />
                     </el-form-item>
                   </el-col>
                 </el-row>
 
                 <el-row :gutter="10" style="margin-left: 30px">
                   <el-col :span="6">
-                    <el-form-item
-                      :label="$t('api_test.request.tcp.re_use_connection')"
-                    >
+                    <el-form-item :label="$t('api_test.request.tcp.re_use_connection')">
                       <el-checkbox v-model="request.reUseConnection" />
                     </el-form-item>
                   </el-col>
                   <el-col :span="6">
-                    <el-form-item
-                      :label="$t('api_test.request.tcp.close_connection')"
-                    >
+                    <el-form-item :label="$t('api_test.request.tcp.close_connection')">
                       <el-checkbox v-model="request.closeConnection" />
                     </el-form-item>
                   </el-col>
@@ -175,17 +105,12 @@
                   </el-col>
                   <el-col :span="6">
                     <el-form-item label="Connect encoding">
-                      <el-select
-                        v-model="request.connectEncoding"
-                        style="width: 100px"
-                        size="small"
-                      >
+                      <el-select v-model="request.connectEncoding" style="width: 100px" size="small">
                         <el-option
                           v-for="item in connectEncodingArr"
                           :key="item.key"
                           :label="item.value"
-                          :value="item.key"
-                        />
+                          :value="item.key" />
                       </el-select>
                     </el-form-item>
                   </el-col>
@@ -193,22 +118,10 @@
               </el-tab-pane>
 
               <!-- 脚本步骤/断言步骤 -->
-              <el-tab-pane
-                :label="$t('api_test.definition.request.pre_operation')"
-                name="preOperate"
-                v-if="showScript"
-              >
-                <span
-                  class="item-tabs"
-                  effect="dark"
-                  placement="top-start"
-                  slot="label"
-                >
+              <el-tab-pane :label="$t('api_test.definition.request.pre_operation')" name="preOperate" v-if="showScript">
+                <span class="item-tabs" effect="dark" placement="top-start" slot="label">
                   {{ $t('api_test.definition.request.pre_operation') }}
-                  <div
-                    class="el-step__icon is-text ms-api-col ms-header"
-                    v-if="request.preSize > 0"
-                  >
+                  <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.preSize > 0">
                     <div class="el-step__icon-inner">{{ request.preSize }}</div>
                   </div>
                 </span>
@@ -217,25 +130,15 @@
                   :apiId="request.id"
                   :response="response"
                   :tab-type="'pre'"
-                  ref="preStep"
-                />
+                  ref="preStep" />
               </el-tab-pane>
               <el-tab-pane
                 :label="$t('api_test.definition.request.post_operation')"
                 name="postOperate"
-                v-if="showScript"
-              >
-                <span
-                  class="item-tabs"
-                  effect="dark"
-                  placement="top-start"
-                  slot="label"
-                >
+                v-if="showScript">
+                <span class="item-tabs" effect="dark" placement="top-start" slot="label">
                   {{ $t('api_test.definition.request.post_operation') }}
-                  <div
-                    class="el-step__icon is-text ms-api-col ms-header"
-                    v-if="request.postSize > 0"
-                  >
+                  <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.postSize > 0">
                     <div class="el-step__icon-inner">
                       {{ request.postSize }}
                     </div>
@@ -247,25 +150,15 @@
                   :response="response"
                   :tab-type="'post'"
                   ref="postStep"
-                  protocol="TCP"
-                />
+                  protocol="TCP" />
               </el-tab-pane>
               <el-tab-pane
                 :label="$t('api_test.definition.request.assertions_rule')"
                 name="assertionsRule"
-                v-if="showScript"
-              >
-                <span
-                  class="item-tabs"
-                  effect="dark"
-                  placement="top-start"
-                  slot="label"
-                >
+                v-if="showScript">
+                <span class="item-tabs" effect="dark" placement="top-start" slot="label">
                   {{ $t('api_test.definition.request.assertions_rule') }}
-                  <div
-                    class="el-step__icon is-text ms-api-col ms-header"
-                    v-if="request.ruleSize > 0"
-                  >
+                  <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.ruleSize > 0">
                     <div class="el-step__icon-inner">
                       {{ request.ruleSize }}
                     </div>
@@ -278,8 +171,7 @@
                   @reload="reloadBody"
                   :tab-type="'assertionsRule'"
                   ref="assertionsRule"
-                  protocol="TCP"
-                />
+                  protocol="TCP" />
               </el-tab-pane>
             </el-tabs>
           </el-form>
@@ -298,10 +190,7 @@ import ApiDefinitionStepButton from '@/business/definition/components/request/co
 import MsInstructionsIcon from 'metersphere-frontend/src/components/MsInstructionsIcon';
 import EsbTable from './EsbTable';
 import MsJmxStep from '@/business/definition/components/step/JmxStep';
-import {
-  stepCompute,
-  hisDataProcessing,
-} from '@/business/definition/api-definition';
+import { stepCompute, hisDataProcessing } from '@/business/definition/api-definition';
 import { operationConfirm } from 'metersphere-frontend/src/utils';
 
 export default {
@@ -333,9 +222,7 @@ export default {
         },
       ],
       rules: {
-        classname: [
-          { required: true, message: '请选择TCPClient', trigger: 'change' },
-        ],
+        classname: [{ required: true, message: '请选择TCPClient', trigger: 'change' }],
         server: [
           {
             required: true,
@@ -468,9 +355,7 @@ export default {
       return result;
     },
     validate() {
-      let validateResult = this.validateEsbDataStruct(
-        this.request.esbDataStruct
-      );
+      let validateResult = this.validateEsbDataStruct(this.request.esbDataStruct);
       if (validateResult) {
         this.$emit('callback');
       }
diff --git a/api-test/frontend/src/business/definition/components/esb/MxEsbDefinitionResponse.vue b/api-test/frontend/src/business/definition/components/esb/MxEsbDefinitionResponse.vue
index e08867dace..70fa46d504 100644
--- a/api-test/frontend/src/business/definition/components/esb/MxEsbDefinitionResponse.vue
+++ b/api-test/frontend/src/business/definition/components/esb/MxEsbDefinitionResponse.vue
@@ -1,27 +1,11 @@
 <template>
   <el-row>
     <el-col :span="spanNum">
-      <div
-        style="
-          border: 1px #dcdfe6 solid;
-          height: 100%;
-          border-radius: 4px;
-          width: 100%;
-        "
-      >
-        <el-form
-          class="tcp"
-          :model="request"
-          ref="request"
-          :disabled="isReadOnly"
-          style="margin: 20px"
-        >
+      <div style="border: 1px #dcdfe6 solid; height: 100%; border-radius: 4px; width: 100%">
+        <el-form class="tcp" :model="request" ref="request" :disabled="isReadOnly" style="margin: 20px">
           <el-card v-if="showHeader" class="api-component">
             <div class="header" @click="active">
-              <i
-                class="icon el-icon-arrow-right"
-                :class="{ 'is-active': isActive }"
-              />
+              <i class="icon el-icon-arrow-right" :class="{ 'is-active': isActive }" />
               <ms-request-metric :response="response" />
             </div>
 
@@ -33,8 +17,7 @@
                   :is-api-component="false"
                   :show-metric="false"
                   :response="response"
-                  :request="request"
-                />
+                  :request="request" />
               </div>
             </el-collapse-transition>
           </el-card>
@@ -45,8 +28,7 @@
             @refreshEsbDataStruct="refreshEsbDataStruct"
             :is-api-component="isApiComponent"
             :show-metric="false"
-            :response="response"
-          />
+            :response="response" />
         </el-form>
       </div>
     </el-col>
diff --git a/api-test/frontend/src/business/definition/components/extract/ApiExtract.vue b/api-test/frontend/src/business/definition/components/extract/ApiExtract.vue
index 80a1c94894..f15f2d25c0 100644
--- a/api-test/frontend/src/business/definition/components/extract/ApiExtract.vue
+++ b/api-test/frontend/src/business/definition/components/extract/ApiExtract.vue
@@ -11,8 +11,7 @@
     color="#015478"
     background-color="#E6EEF2"
     :if-from-variable-advance="ifFromVariableAdvance"
-    :title="$t('api_test.definition.request.extract_param')"
-  >
+    :title="$t('api_test.definition.request.extract_param')">
     <div style="margin: 10px" v-loading="loading">
       <el-row>
         <span>{{ $t('api_test.request.extract.description') }}</span>
@@ -21,8 +20,7 @@
             :open-tip="$t('api_test.request.extract.json_path_suggest')"
             :clear-tip="$t('api_test.request.extract.json_path_clear')"
             @open="suggestJsonOpen"
-            @clear="clearJson"
-          />
+            @clear="clearJson" />
         </span>
       </el-row>
       <div class="extract-add">
@@ -33,12 +31,8 @@
               class="extract-item"
               v-model="type"
               :placeholder="$t('api_test.request.extract.select_type')"
-              size="small"
-            >
-              <el-option
-                :label="$t('api_test.request.extract.regex')"
-                :value="options.REGEX"
-              />
+              size="small">
+              <el-option :label="$t('api_test.request.extract.regex')" :value="options.REGEX" />
               <el-option label="JSONPath" :value="options.JSON_PATH" />
               <el-option label="XPath" :value="options.XPATH" />
             </el-select>
@@ -50,17 +44,10 @@
               :extract-type="type"
               :list="list"
               v-if="type"
-              :callback="after"
-            />
+              :callback="after" />
           </el-col>
 
-          <el-button
-            v-if="!type"
-            :disabled="true"
-            type="primary"
-            size="small"
-            >{{ $t('commons.add') }}</el-button
-          >
+          <el-button v-if="!type" :disabled="true" type="primary" size="small">{{ $t('commons.add') }}</el-button>
         </el-row>
       </div>
 
@@ -69,14 +56,12 @@
         @savePreParams="savePreParams"
         :is-read-only="isReadOnly"
         :reloadData="reloadData"
-        :extract="extract"
-      />
+        :extract="extract" />
     </div>
     <ms-api-jsonpath-suggest
       :tip="$t('api_test.request.extract.suggest_tip')"
       @addSuggest="addJsonPathSuggest"
-      ref="jsonpathSuggest"
-    />
+      ref="jsonpathSuggest" />
   </api-base-component>
 </template>
 
@@ -169,11 +154,7 @@ export default {
     suggestJsonOpen() {
       this.$emit('suggestClick');
       this.$nextTick(() => {
-        if (
-          !this.response ||
-          !this.response.responseResult ||
-          !this.response.responseResult.body
-        ) {
+        if (!this.response || !this.response.responseResult || !this.response.responseResult.body) {
           this.$message(this.$t('api_test.request.assertions.debug_first'));
           return;
         }
diff --git a/api-test/frontend/src/business/definition/components/extract/ApiExtractCommon.vue b/api-test/frontend/src/business/definition/components/extract/ApiExtractCommon.vue
index 5114ab5577..1c8004d087 100644
--- a/api-test/frontend/src/business/definition/components/extract/ApiExtractCommon.vue
+++ b/api-test/frontend/src/business/definition/components/extract/ApiExtractCommon.vue
@@ -7,14 +7,8 @@
           class="extract-item"
           v-model="common.useHeaders"
           :placeholder="$t('api_test.request.assertions.select_subject')"
-          size="small"
-        >
-          <el-option
-            v-for="item in useHeadersOption"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
+          size="small">
+          <el-option v-for="item in useHeadersOption" :key="item.value" :label="item.label" :value="item.value" />
         </el-select>
       </el-col>
       <el-col>
@@ -28,8 +22,7 @@
           @change="change"
           :show-copy-tip-with-multiple="common.multipleMatching"
           show-word-limit
-          :placeholder="$t('api_test.variable_name')"
-        />
+          :placeholder="$t('api_test.variable_name')" />
       </el-col>
       <el-col>
         <el-input
@@ -38,8 +31,7 @@
           size="small"
           show-word-limit
           :placeholder="expression"
-          @click.native="savePreParams(common.variable)"
-        />
+          @click.native="savePreParams(common.variable)" />
       </el-col>
       <el-col class="multiple_checkbox" v-if="edit">
         <el-checkbox v-model="common.multipleMatching" :disabled="isReadOnly">
@@ -54,16 +46,10 @@
           icon="el-icon-delete"
           circle
           @click="remove"
-          v-if="edit"
-        />
-        <el-button
-          :disabled="isReadOnly"
-          type="primary"
-          size="small"
-          @click="add"
-          v-else
-          >{{ $t('commons.add') }}</el-button
-        >
+          v-if="edit" />
+        <el-button :disabled="isReadOnly" type="primary" size="small" @click="add" v-else>{{
+          $t('commons.add')
+        }}</el-button>
       </el-col>
     </el-row>
   </div>
@@ -80,13 +66,7 @@ export default {
     extractType: {
       type: String,
       validator: function (value) {
-        return (
-          [
-            EXTRACT_TYPE.XPATH,
-            EXTRACT_TYPE.JSON_PATH,
-            EXTRACT_TYPE.REGEX,
-          ].indexOf(value) !== -1
-        );
+        return [EXTRACT_TYPE.XPATH, EXTRACT_TYPE.JSON_PATH, EXTRACT_TYPE.REGEX].indexOf(value) !== -1;
       },
     },
     common: {
diff --git a/api-test/frontend/src/business/definition/components/extract/ApiExtractEdit.vue b/api-test/frontend/src/business/definition/components/extract/ApiExtractEdit.vue
index 3b4f98fe75..7dc3d1a38f 100644
--- a/api-test/frontend/src/business/definition/components/extract/ApiExtractEdit.vue
+++ b/api-test/frontend/src/business/definition/components/extract/ApiExtractEdit.vue
@@ -4,11 +4,7 @@
       <div>
         {{ $t('api_test.request.extract.regex') }}
       </div>
-      <div
-        class="regex-item"
-        v-for="(regex, index) in extract.regex"
-        :key="index"
-      >
+      <div class="regex-item" v-for="(regex, index) in extract.regex" :key="index">
         <ms-api-extract-common
           :if-from-variable-advance="ifFromVariableAdvance"
           :is-read-only="isReadOnly"
@@ -17,18 +13,13 @@
           :common="regex"
           :edit="true"
           :index="index"
-          @savePreParams="savePreParams"
-        />
+          @savePreParams="savePreParams" />
       </div>
     </div>
 
     <div class="extract-item-editing json" v-if="extract.json.length > 0">
       <div>JSONPath</div>
-      <div
-        class="regex-item"
-        v-for="(json, index) in extract.json"
-        :key="index"
-      >
+      <div class="regex-item" v-for="(json, index) in extract.json" :key="index">
         <ms-api-extract-common
           :if-from-variable-advance="ifFromVariableAdvance"
           :is-read-only="isReadOnly"
@@ -37,26 +28,15 @@
           :common="json"
           :edit="true"
           :index="index"
-          @savePreParams="savePreParams"
-        />
+          @savePreParams="savePreParams" />
       </div>
     </div>
 
     <div class="extract-item-editing xpath" v-if="extract.xpath.length > 0">
       <div>
         XPath
-        <el-select
-          v-model="extract.xpathType"
-          size="mini"
-          v-loading="loading"
-          @change="reload"
-        >
-          <el-option
-            v-for="item in options"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          ></el-option>
+        <el-select v-model="extract.xpathType" size="mini" v-loading="loading" @change="reload">
+          <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
         </el-select>
         <el-tooltip placement="top">
           <div slot="content">
@@ -65,11 +45,7 @@
           <i class="el-icon-question" style="cursor: pointer" />
         </el-tooltip>
       </div>
-      <div
-        class="regex-item"
-        v-for="(xpath, index) in extract.xpath"
-        :key="index"
-      >
+      <div class="regex-item" v-for="(xpath, index) in extract.xpath" :key="index">
         <ms-api-extract-common
           :if-from-variable-advance="ifFromVariableAdvance"
           :is-read-only="isReadOnly"
@@ -78,8 +54,7 @@
           :common="xpath"
           :edit="true"
           :index="index"
-          @savePreParams="savePreParams"
-        />
+          @savePreParams="savePreParams" />
       </div>
     </div>
   </div>
diff --git a/api-test/frontend/src/business/definition/components/import/ApiImport.vue b/api-test/frontend/src/business/definition/components/import/ApiImport.vue
index 3d636be9f5..3666692d69 100644
--- a/api-test/frontend/src/business/definition/components/import/ApiImport.vue
+++ b/api-test/frontend/src/business/definition/components/import/ApiImport.vue
@@ -7,17 +7,12 @@
     class="api-import"
     v-loading="result"
     @close="close"
-    :destroy-on-close="true"
-  >
+    :destroy-on-close="true">
     <div class="header-bar">
       <div>{{ $t('api_test.api_import.data_format') }}</div>
       <el-radio-group v-model="selectedPlatformValue">
         <span v-for="(item, index) in platforms" :key="index">
-          <el-radio
-            v-if="!isScenarioModel || item.name != 'Swagger'"
-            :label="item.value"
-            >{{ item.name }}</el-radio
-          >
+          <el-radio v-if="!isScenarioModel || item.name != 'Swagger'" :label="item.value">{{ item.name }}</el-radio>
         </span>
       </el-radio-group>
 
@@ -25,24 +20,13 @@
         <el-button class="save-button" type="primary" plain @click="save">
           {{ $t('commons.save') }}
         </el-button>
-        <el-button
-          class="cancel-button"
-          type="warning"
-          plain
-          @click="visible = false"
-        >
+        <el-button class="cancel-button" type="warning" plain @click="visible = false">
           {{ $t('commons.cancel') }}
         </el-button>
       </div>
     </div>
 
-    <el-form
-      :model="formData"
-      :rules="rules"
-      label-width="105px"
-      v-loading="result"
-      ref="form"
-    >
+    <el-form :model="formData" :rules="rules" label-width="105px" v-loading="result" ref="form">
       <el-row>
         <el-col :span="isSwagger2 && authEnable && swaggerUrlEnable ? 8 : 11">
           <el-form-item :label="$t('commons.import_module')" prop="moduleId">
@@ -53,96 +37,45 @@
               @getValue="setModule"
               :obj="moduleObj"
               clearable
-              checkStrictly
-            />
+              checkStrictly />
           </el-form-item>
-          <el-form-item
-            v-if="!isScenarioModel && showImportModel"
-            :label="$t('commons.import_mode')"
-            prop="modeId"
-          >
-            <el-select
-              size="small"
-              v-model="formData.modeId"
-              clearable
-              style="width: 100%"
-            >
-              <el-option
-                v-for="item in modeOptions"
-                :key="item.id"
-                :label="item.name"
-                :value="item.id"
-              />
+          <el-form-item v-if="!isScenarioModel && showImportModel" :label="$t('commons.import_mode')" prop="modeId">
+            <el-select size="small" v-model="formData.modeId" clearable style="width: 100%">
+              <el-option v-for="item in modeOptions" :key="item.id" :label="item.name" :value="item.id" />
             </el-select>
             <el-checkbox
               size="mini"
               v-if="formData.modeId === 'fullCoverage'"
               v-model="formData.coverModule"
-              style="display: block"
-            >
+              style="display: block">
               {{ this.$t('commons.cover_api') }}
             </el-checkbox>
           </el-form-item>
           <el-form-item
             v-xpack
-            v-if="
-              projectVersionEnable && formData.modeId === 'incrementalMerge'
-            "
+            v-if="projectVersionEnable && formData.modeId === 'incrementalMerge'"
             :label="$t('api_test.api_import.import_version')"
-            prop="versionId"
-          >
-            <el-select
-              size="small"
-              v-model="formData.versionId"
-              clearable
-              style="width: 100%"
-            >
-              <el-option
-                v-for="item in versionOptions"
-                :key="item.id"
-                :label="item.name"
-                :value="item.id"
-              />
+            prop="versionId">
+            <el-select size="small" v-model="formData.versionId" clearable style="width: 100%">
+              <el-option v-for="item in versionOptions" :key="item.id" :label="item.name" :value="item.id" />
             </el-select>
           </el-form-item>
           <el-form-item
             v-xpack
             v-if="projectVersionEnable && formData.modeId === 'fullCoverage'"
             :label="$t('api_test.api_import.data_update_version')"
-            prop="versionId"
-          >
-            <el-select
-              size="small"
-              v-model="formData.updateVersionId"
-              clearable
-              style="width: 100%"
-            >
-              <el-option
-                v-for="item in versionOptions"
-                :key="item.id"
-                :label="item.name"
-                :value="item.id"
-              />
+            prop="versionId">
+            <el-select size="small" v-model="formData.updateVersionId" clearable style="width: 100%">
+              <el-option v-for="item in versionOptions" :key="item.id" :label="item.name" :value="item.id" />
             </el-select>
           </el-form-item>
           <el-form-item
             v-xpack
             v-if="projectVersionEnable && formData.modeId === 'fullCoverage'"
             :label="$t('api_test.api_import.data_new_version')"
-            prop="versionId"
-          >
-            <el-select
-              size="small"
-              v-model="formData.versionId"
-              clearable
-              style="width: 100%"
-            >
-              <el-option
-                v-for="item in versionOptions"
-                :key="item.id"
-                :label="item.name"
-                :value="item.id"
-              />
+            prop="versionId">
+            <el-select size="small" v-model="formData.versionId" clearable style="width: 100%">
+              <el-option v-for="item in versionOptions" :key="item.id" :label="item.name" :value="item.id" />
             </el-select>
           </el-form-item>
           <el-form-item v-if="showTemplate">
@@ -151,10 +84,7 @@
             </el-button>
           </el-form-item>
           <el-form-item v-if="isSwagger2">
-            <el-switch
-              v-model="swaggerUrlEnable"
-              :active-text="$t('api_test.api_import.swagger_url_import')"
-            >
+            <el-switch v-model="swaggerUrlEnable" :active-text="$t('api_test.api_import.swagger_url_import')">
             </el-switch>
           </el-form-item>
         </el-col>
@@ -162,83 +92,50 @@
           <el-divider direction="vertical" />
         </el-col>
 
-        <el-col
-          :span="12"
-          v-show="isSwagger2 && swaggerUrlEnable"
-          style="margin-top: 40px"
-        >
-          <el-form-item
-            :label="'Swagger URL'"
-            prop="swaggerUrl"
-            class="swagger-url"
-          >
-            <el-input
-              size="small"
-              v-model="formData.swaggerUrl"
-              clearable
-              show-word-limit
-            />
+        <el-col :span="12" v-show="isSwagger2 && swaggerUrlEnable" style="margin-top: 40px">
+          <el-form-item :label="'Swagger URL'" prop="swaggerUrl" class="swagger-url">
+            <el-input size="small" v-model="formData.swaggerUrl" clearable show-word-limit />
           </el-form-item>
           <el-switch
             v-model="authEnable"
             :active-text="$t('api_test.api_import.add_request_params')"
-            @change="changeAuthEnable"
-          ></el-switch>
+            @change="changeAuthEnable"></el-switch>
         </el-col>
 
-        <el-col
-          :span="14"
-          v-show="isSwagger2 && authEnable && swaggerUrlEnable"
-        >
+        <el-col :span="14" v-show="isSwagger2 && authEnable && swaggerUrlEnable">
           <!--请求头 -->
           <div style="margin-top: 15px">
-            <span
-              >{{ $t('api_test.request.headers')
-              }}{{ $t('api_test.api_import.optional') }}：</span
-            >
+            <span>{{ $t('api_test.request.headers') }}{{ $t('api_test.api_import.optional') }}：</span>
           </div>
           <ms-api-key-value
             :show-desc="true"
             :isShowEnable="isShowEnable"
             :suggestions="headerSuggestions"
-            :items="headers"
-          />
+            :items="headers" />
           <!--query 参数-->
           <div style="margin-top: 10px">
-            <span
-              >{{ $t('api_test.definition.request.query_param')
-              }}{{ $t('api_test.api_import.optional') }}：</span
-            >
+            <span>{{ $t('api_test.definition.request.query_param') }}{{ $t('api_test.api_import.optional') }}：</span>
           </div>
           <ms-api-variable
             :with-more-setting="true"
             :is-read-only="isReadOnly"
             :isShowEnable="isShowEnable"
-            :parameters="queryArguments"
-          />
+            :parameters="queryArguments" />
           <!--认证配置-->
           <div style="margin-top: 10px">
-            <span
-              >{{ $t('api_test.definition.request.auth_config')
-              }}{{ $t('api_test.api_import.optional') }}：</span
-            >
+            <span>{{ $t('api_test.definition.request.auth_config') }}{{ $t('api_test.api_import.optional') }}：</span>
           </div>
           <ms-api-auth-config
             :is-read-only="isReadOnly"
             :request="authConfig"
             :encryptShow="false"
             :is-swagger="true"
-            ref="importAuth"
-          />
+            ref="importAuth" />
         </el-col>
 
         <el-col
           :span="12"
-          v-if="
-            selectedPlatformValue != 'Swagger2' ||
-            (selectedPlatformValue == 'Swagger2' && !swaggerUrlEnable)
-          "
-        >
+          v-if="selectedPlatformValue != 'Swagger2' || (selectedPlatformValue == 'Swagger2' && !swaggerUrlEnable)">
           <el-upload
             class="api-upload"
             drag
@@ -249,13 +146,9 @@
             :on-remove="handleRemove"
             :file-list="fileList"
             :on-exceed="handleExceed"
-            multiple
-          >
+            multiple>
             <i class="el-icon-upload"></i>
-            <div
-              class="el-upload__text"
-              v-html="$t('load_test.upload_tips')"
-            ></div>
+            <div class="el-upload__text" v-html="$t('load_test.upload_tips')"></div>
             <div class="el-upload__tip" slot="tip">
               {{ $t('api_test.api_import.file_size_limit') }}
             </div>
@@ -266,30 +159,18 @@
 
     <div class="format-tip">
       <div>
-        <span
-          >{{ $t('api_test.api_import.tip') }}：{{ selectedPlatform.tip }}</span
-        >
+        <span>{{ $t('api_test.api_import.tip') }}：{{ selectedPlatform.tip }}</span>
       </div>
       <div>
-        <span
-          >{{ $t('api_test.api_import.export_tip') }}：{{
-            selectedPlatform.exportTip
-          }}</span
-        >
+        <span>{{ $t('api_test.api_import.export_tip') }}：{{ selectedPlatform.exportTip }}</span>
       </div>
       <div>
         <span>
           {{ $t('api_test.api_import.import_tip') }} : <br />
-          <span class="ms-import"
-            >{{ $t('api_test.api_import.import_tip1') }} <br
-          /></span>
-          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{
-            $t('api_test.api_import.import_tip2')
-          }}
+          <span class="ms-import">{{ $t('api_test.api_import.import_tip1') }} <br /></span>
+          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ $t('api_test.api_import.import_tip2') }}
           <br />
-          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{
-            $t('api_test.api_import.import_tip3')
-          }}
+          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ $t('api_test.api_import.import_tip3') }}
           <br />
           {{ $t('api_test.api_import.cover_tip') }} :<br />
           {{ $t('api_test.api_import.cover_tip_1') }}<br />
@@ -311,10 +192,7 @@ import { getProjectVersions, versionEnableByProjectId } from '@/api/xpack';
 import { importScenario } from '@/api/scenario';
 import MsDialogFooter from 'metersphere-frontend/src/components/MsDialogFooter';
 import { getCurrentProjectID } from 'metersphere-frontend/src/utils/token';
-import {
-  listenGoBack,
-  removeGoBackListener,
-} from 'metersphere-frontend/src/utils';
+import { listenGoBack, removeGoBackListener } from 'metersphere-frontend/src/utils';
 import { hasLicense } from 'metersphere-frontend/src/utils/permission';
 import MsSelectTree from 'metersphere-frontend/src/components/select-tree/SelectTree';
 import MsApiKeyValue from '../ApiKeyValue';
@@ -567,10 +445,7 @@ export default {
     },
     uploadValidate(file, fileList) {
       let suffix = file.name.substring(file.name.lastIndexOf('.') + 1);
-      if (
-        this.selectedPlatform.suffixes &&
-        !this.selectedPlatform.suffixes.has(suffix)
-      ) {
+      if (this.selectedPlatform.suffixes && !this.selectedPlatform.suffixes.has(suffix)) {
         this.$warning(this.$t('api_test.api_import.suffixFormatErr'));
         return false;
       }
@@ -597,8 +472,7 @@ export default {
         if (valid) {
           if (
             (this.selectedPlatformValue != 'Swagger2' ||
-              (this.selectedPlatformValue == 'Swagger2' &&
-                !this.swaggerUrlEnable)) &&
+              (this.selectedPlatformValue == 'Swagger2' && !this.swaggerUrlEnable)) &&
             !this.formData.file
           ) {
             this.$warning(this.$t('commons.please_upload'));
@@ -609,12 +483,7 @@ export default {
             url = '/api/automation/import';
           }
           let param = this.buildParam();
-          this.result = importScenario(
-            url,
-            param.file,
-            null,
-            this.buildParam()
-          ).then((response) => {
+          this.result = importScenario(url, param.file, null, this.buildParam()).then((response) => {
             let res = response.data;
             this.$success(this.$t('test_track.case.import.success'));
             this.visible = false;
@@ -688,13 +557,10 @@ export default {
     getVersionOptions() {
       if (hasLicense()) {
         getProjectVersions(getCurrentProjectID()).then((response) => {
-          this.versionOptions = response.data.filter(
-            (v) => v.status === 'open'
-          );
+          this.versionOptions = response.data.filter((v) => v.status === 'open');
           this.versionOptions.forEach((v) => {
             if (v.latest) {
-              v.name =
-                v.name + ' ' + this.$t('api_test.api_import.latest_version');
+              v.name = v.name + ' ' + this.$t('api_test.api_import.latest_version');
             }
           });
         });
diff --git a/api-test/frontend/src/business/definition/components/import/ApiSchedule.vue b/api-test/frontend/src/business/definition/components/import/ApiSchedule.vue
index b5187dce77..4348e205ae 100644
--- a/api-test/frontend/src/business/definition/components/import/ApiSchedule.vue
+++ b/api-test/frontend/src/business/definition/components/import/ApiSchedule.vue
@@ -1,51 +1,26 @@
 <template>
   <el-main>
     <div class="api-schedule-form" style="overflow: auto !important">
-      <el-form
-        :model="formData"
-        :rules="rules"
-        v-loading="result"
-        label-width="80px"
-        ref="form"
-      >
+      <el-form :model="formData" :rules="rules" v-loading="result" label-width="80px" ref="form">
         <el-row>
           <el-col :span="12">
-            <el-form-item
-              :label-width="labelWith"
-              :label="'Swagger URL'"
-              prop="swaggerUrl"
-              class="swagger-url"
-            >
+            <el-form-item :label-width="labelWith" :label="'Swagger URL'" prop="swaggerUrl" class="swagger-url">
               <el-input size="small" v-model="formData.swaggerUrl" clearable />
             </el-form-item>
-            <el-form-item
-              :label-width="labelWith"
-              :label="$t('commons.schedule_cron_title')"
-              prop="rule"
-            >
+            <el-form-item :label-width="labelWith" :label="$t('commons.schedule_cron_title')" prop="rule">
               <el-input
                 :disabled="isReadOnly"
                 v-model="formData.rule"
                 size="small"
-                :placeholder="$t('schedule.please_input_cron_expression')"
-              >
-                <a
-                  :disabled="isReadOnly"
-                  @click="showCronDialog"
-                  slot="suffix"
-                  class="head"
-                >
+                :placeholder="$t('schedule.please_input_cron_expression')">
+                <a :disabled="isReadOnly" @click="showCronDialog" slot="suffix" class="head">
                   {{ $t('schedule.generate_expression') }}
                 </a>
               </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item
-              :label-width="labelWith"
-              :label="$t('commons.import_module')"
-              prop="moduleId"
-            >
+            <el-form-item :label-width="labelWith" :label="$t('commons.import_module')" prop="moduleId">
               <select-tree
                 class="select-tree"
                 size="small"
@@ -55,85 +30,51 @@
                 :obj="moduleObj"
                 clearable
                 checkStrictly
-                ref="selectTree"
-              />
+                ref="selectTree" />
             </el-form-item>
-            <el-form-item
-              :label-width="labelWith"
-              :label="$t('commons.import_mode')"
-              prop="modeId"
-            >
+            <el-form-item :label-width="labelWith" :label="$t('commons.import_mode')" prop="modeId">
               <el-select size="small" v-model="formData.modeId" clearable>
-                <el-option
-                  v-for="item in modeOptions"
-                  :key="item.id"
-                  :label="item.name"
-                  :value="item.id"
-                />
+                <el-option v-for="item in modeOptions" :key="item.id" :label="item.name" :value="item.id" />
               </el-select>
               <el-checkbox
                 size="mini"
                 v-if="formData.modeId === 'fullCoverage'"
                 v-model="formData.coverModule"
-                style="padding-left: 10px"
-              >
+                style="padding-left: 10px">
                 {{ this.$t('commons.cover_api') }}
               </el-checkbox>
             </el-form-item>
           </el-col>
 
           <el-col :span="12" style="margin-left: 50px">
-            <el-switch
-              v-model="authEnable"
-              :active-text="$t('api_test.api_import.add_request_params')"
-            ></el-switch>
+            <el-switch v-model="authEnable" :active-text="$t('api_test.api_import.add_request_params')"></el-switch>
           </el-col>
 
-          <el-col
-            :span="19"
-            v-show="authEnable"
-            style="margin-top: 10px; margin-left: 50px"
-            class="request-tabs"
-          >
+          <el-col :span="19" v-show="authEnable" style="margin-top: 10px; margin-left: 50px" class="request-tabs">
             <!-- 请求头 -->
             <div>
-              <span
-                >{{ $t('api_test.request.headers')
-                }}{{ $t('api_test.api_import.optional') }}：</span
-              >
+              <span>{{ $t('api_test.request.headers') }}{{ $t('api_test.api_import.optional') }}：</span>
             </div>
             <ms-api-key-value
               :label="$t('api_test.definition.request.auth_config')"
               :show-desc="true"
               :isShowEnable="isShowEnable"
               :suggestions="headerSuggestions"
-              :items="headers"
-            />
+              :items="headers" />
             <!--query 参数-->
             <div style="margin-top: 10px">
-              <span
-                >{{ $t('api_test.definition.request.query_param')
-                }}{{ $t('api_test.api_import.optional') }}：</span
-              >
+              <span>{{ $t('api_test.definition.request.query_param') }}{{ $t('api_test.api_import.optional') }}：</span>
             </div>
             <ms-api-variable
               :with-more-setting="true"
               :is-read-only="isReadOnly"
               :isShowEnable="isShowEnable"
-              :parameters="queryArguments"
-            />
+              :parameters="queryArguments" />
             <!--认证配置-->
             <div style="margin-top: 10px">
-              <span
-                >{{ $t('api_test.definition.request.auth_config')
-                }}{{ $t('api_test.api_import.optional') }}：</span
-              >
+              <span>{{ $t('api_test.definition.request.auth_config') }}{{ $t('api_test.api_import.optional') }}：</span>
             </div>
-            <ms-api-auth-config
-              :is-read-only="isReadOnly"
-              :request="authConfig"
-              :encryptShow="false"
-            />
+            <ms-api-auth-config :is-read-only="isReadOnly" :request="authConfig" :encryptShow="false" />
           </el-col>
         </el-row>
 
@@ -143,29 +84,14 @@
       </el-form>
 
       <div class="clearfix">
-        <el-button
-          v-if="!formData.id"
-          type="primary"
-          style="float: right"
-          size="mini"
-          @click="saveCron"
-        >
+        <el-button v-if="!formData.id" type="primary" style="float: right" size="mini" @click="saveCron">
           {{ $t('commons.add') }}
         </el-button>
         <div v-else>
-          <el-button
-            type="primary"
-            style="float: right; margin-left: 10px"
-            size="mini"
-            @click="clear"
-          >
+          <el-button type="primary" style="float: right; margin-left: 10px" size="mini" @click="clear">
             {{ $t('commons.clear') }}
           </el-button>
-          <el-button
-            type="primary"
-            style="float: right"
-            size="mini"
-            @click="saveCron"
+          <el-button type="primary" style="float: right" size="mini" @click="saveCron"
             >{{ $t('commons.update') }}
           </el-button>
         </div>
@@ -173,68 +99,36 @@
     </div>
 
     <div style="margin-top: 10px">
-      <el-button
-        type="primary"
-        style="float: left"
-        size="mini"
-        @click="openSchedule"
-      >
+      <el-button type="primary" style="float: left" size="mini" @click="openSchedule">
         {{ $t('schedule.task_notification') }}
       </el-button>
     </div>
     <div class="task-list">
-      <swagger-task-list
-        @clear="clear"
-        :param="param"
-        @rowClick="handleRowClick"
-        ref="taskList"
-      />
+      <swagger-task-list @clear="clear" :param="param" @rowClick="handleRowClick" ref="taskList" />
     </div>
 
-    <el-dialog
-      width="60%"
-      :title="$t('schedule.generate_expression')"
-      :visible.sync="showCron"
-      :modal="false"
-    >
-      <crontab
-        @hide="showCron = false"
-        @fill="crontabFill"
-        :expression="formData.value"
-        ref="crontab"
-      />
+    <el-dialog width="60%" :title="$t('schedule.generate_expression')" :visible.sync="showCron" :modal="false">
+      <crontab @hide="showCron = false" @fill="crontabFill" :expression="formData.value" ref="crontab" />
     </el-dialog>
-    <el-dialog
-      :title="$t('schedule.task_notification')"
-      :visible.sync="dialogVisible"
-      width="60%"
-    >
+    <el-dialog :title="$t('schedule.task_notification')" :visible.sync="dialogVisible" width="60%">
       <swagger-task-notification
         :api-test-id="formData.id"
         :scheduleReceiverOptions="scheduleReceiverOptions"
-        ref="scheduleTaskNotification"
-      >
+        ref="scheduleTaskNotification">
       </swagger-task-notification>
     </el-dialog>
   </el-main>
 </template>
 
 <script>
-import {
-  createDefinitionSchedule,
-  updateDefinitionSchedule,
-} from '@/api/definition';
+import { createDefinitionSchedule, updateDefinitionSchedule } from '@/api/definition';
 import { getMaintainer } from '@/api/project';
 import MsFormDivider from 'metersphere-frontend/src/components/MsFormDivider';
 import SwaggerTaskList from '@/business/definition/components/import/SwaggerTaskList';
 import CrontabResult from 'metersphere-frontend/src/components/cron/CrontabResult';
 import Crontab from 'metersphere-frontend/src/components/cron/Crontab';
 import { cronValidate } from 'metersphere-frontend/src/utils/cron';
-import {
-  getCurrentProjectID,
-  getCurrentUser,
-  getCurrentWorkspaceId,
-} from 'metersphere-frontend/src/utils/token';
+import { getCurrentProjectID, getCurrentUser, getCurrentWorkspaceId } from 'metersphere-frontend/src/utils/token';
 import SelectTree from 'metersphere-frontend/src/components/select-tree/SelectTree';
 import SwaggerTaskNotification from '@/business/definition/components/import/SwaggerTaskNotification';
 import MsApiKeyValue from '../ApiKeyValue';
@@ -533,8 +427,7 @@ export default {
 .head {
   border-bottom: 1px solid var(--primary_color);
   color: var(--primary_color);
-  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
-    Arial, sans-serif;
+  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', Arial, sans-serif;
   font-size: 13px;
   cursor: pointer;
 }
diff --git a/api-test/frontend/src/business/definition/components/import/ImportScheduleEdit.vue b/api-test/frontend/src/business/definition/components/import/ImportScheduleEdit.vue
index 20240d3340..8e1ba05e07 100644
--- a/api-test/frontend/src/business/definition/components/import/ImportScheduleEdit.vue
+++ b/api-test/frontend/src/business/definition/components/import/ImportScheduleEdit.vue
@@ -5,8 +5,7 @@
     class="schedule-edit"
     :visible.sync="dialogVisible"
     append-to-body
-    @close="close"
-  >
+    @close="close">
     <template>
       <div>
         <el-tabs v-model="activeName">
@@ -17,44 +16,21 @@
                   :disabled="isReadOnly"
                   v-model="form.cronValue"
                   class="inp"
-                  :placeholder="$t('schedule.please_input_cron_expression')"
-                />
-                <el-button
-                  :disabled="isReadOnly"
-                  type="primary"
-                  @click="saveCron"
-                  >{{ $t('commons.save') }}
-                </el-button>
+                  :placeholder="$t('schedule.please_input_cron_expression')" />
+                <el-button :disabled="isReadOnly" type="primary" @click="saveCron">{{ $t('commons.save') }} </el-button>
               </el-form-item>
               <el-form-item>
-                <el-link
-                  :disabled="isReadOnly"
-                  type="primary"
-                  @click="showCronDialog"
-                >
+                <el-link :disabled="isReadOnly" type="primary" @click="showCronDialog">
                   {{ $t('schedule.generate_expression') }}
                 </el-link>
               </el-form-item>
               <crontab-result :ex="form.cronValue" ref="crontabResult" />
             </el-form>
-            <el-dialog
-              width="60%"
-              :title="$t('schedule.generate_expression')"
-              :visible.sync="showCron"
-              :modal="false"
-            >
-              <crontab
-                @hide="showCron = false"
-                @fill="crontabFill"
-                :expression="schedule.value"
-                ref="crontab"
-              />
+            <el-dialog width="60%" :title="$t('schedule.generate_expression')" :visible.sync="showCron" :modal="false">
+              <crontab @hide="showCron = false" @fill="crontabFill" :expression="schedule.value" ref="crontab" />
             </el-dialog>
           </el-tab-pane>
-          <el-tab-pane
-            :label="$t('api_test.home_page.running_task_list.title')"
-            name="second"
-          >
+          <el-tab-pane :label="$t('api_test.home_page.running_task_list.title')" name="second">
             <swagger-task-list></swagger-task-list>
           </el-tab-pane>
         </el-tabs>
@@ -64,21 +40,10 @@
 </template>
 
 <script>
-import {
-  createDefinitionSchedule,
-  getDefinitionByResourceId,
-  updateDefinitionSchedule,
-} from '@/api/definition';
+import { createDefinitionSchedule, getDefinitionByResourceId, updateDefinitionSchedule } from '@/api/definition';
 import { getScheduleByIdAndType } from '@/api/schedule';
-import {
-  getCurrentProjectID,
-  getCurrentUser,
-  getCurrentWorkspaceId,
-} from 'metersphere-frontend/src/utils/token';
-import {
-  listenGoBack,
-  removeGoBackListener,
-} from 'metersphere-frontend/src/utils';
+import { getCurrentProjectID, getCurrentUser, getCurrentWorkspaceId } from 'metersphere-frontend/src/utils/token';
+import { listenGoBack, removeGoBackListener } from 'metersphere-frontend/src/utils';
 import Crontab from 'metersphere-frontend/src/components/cron/Crontab';
 import CrontabResult from 'metersphere-frontend/src/components/cron/CrontabResult';
 import { cronValidate } from 'metersphere-frontend/src/utils/cron';
@@ -141,9 +106,7 @@ export default {
       modulePath: String,
       modeId: String,
       rules: {
-        cronValue: [
-          { required: true, validator: validateCron, trigger: 'blur' },
-        ],
+        cronValue: [{ required: true, validator: validateCron, trigger: 'blur' }],
       },
     };
   },
@@ -178,15 +141,13 @@ export default {
     findSchedule(paramSwaggerUrlId) {
       let scheduleResourceID = paramSwaggerUrlId;
       let taskType = 'SWAGGER_IMPORT';
-      this.result = getScheduleByIdAndType(scheduleResourceID, taskType).then(
-        (response) => {
-          if (response.data != null) {
-            this.schedule = response.data;
-          } else {
-            this.schedule = {};
-          }
+      this.result = getScheduleByIdAndType(scheduleResourceID, taskType).then((response) => {
+        if (response.data != null) {
+          this.schedule = response.data;
+        } else {
+          this.schedule = {};
         }
-      );
+      });
     },
     crontabFill(value, resultList) {
       //确定后回传的值
diff --git a/api-test/frontend/src/business/definition/components/import/SwaggerTaskList.vue b/api-test/frontend/src/business/definition/components/import/SwaggerTaskList.vue
index 88fa9897b4..e0a25b2c50 100644
--- a/api-test/frontend/src/business/definition/components/import/SwaggerTaskList.vue
+++ b/api-test/frontend/src/business/definition/components/import/SwaggerTaskList.vue
@@ -6,41 +6,19 @@
     @row-click="handleRowClick"
     :data="tableData"
     class="adjust-table table-content"
-    height="300px"
-  >
-    <el-table-column
-      prop="index"
-      width="60"
-      :label="$t('home.table.index')"
-      show-overflow-tooltip
-    />
-    <el-table-column
-      prop="swaggerUrl"
-      :label="$t('swaggerUrl')"
-      min-width="170"
-      show-overflow-tooltip
-    >
+    height="300px">
+    <el-table-column prop="index" width="60" :label="$t('home.table.index')" show-overflow-tooltip />
+    <el-table-column prop="swaggerUrl" :label="$t('swaggerUrl')" min-width="170" show-overflow-tooltip>
     </el-table-column>
-    <el-table-column
-      prop="modulePath"
-      :label="$t('导入模块')"
-      min-width="100"
-      show-overflow-tooltip
-    />
-    <el-table-column
-      prop="rule"
-      label="同步规则"
-      min-width="140"
-      show-overflow-tooltip
-    />
+    <el-table-column prop="modulePath" :label="$t('导入模块')" min-width="100" show-overflow-tooltip />
+    <el-table-column prop="rule" label="同步规则" min-width="140" show-overflow-tooltip />
     <el-table-column width="100" :label="$t('home.table.task_status')">
       <template v-slot:default="scope">
         <div>
           <el-switch
             v-model="scope.row.enable"
             class="captcha-img"
-            @click.native="closeTaskConfirm(scope.row)"
-          ></el-switch>
+            @click.native="closeTaskConfirm(scope.row)"></el-switch>
         </div>
       </template>
     </el-table-column>
@@ -55,19 +33,14 @@
           type="danger"
           icon="el-icon-delete"
           size="mini"
-          @click.native.prevent="deleteRowTask(scope.row)"
-        ></el-button>
+          @click.native.prevent="deleteRowTask(scope.row)"></el-button>
       </template>
     </el-table-column>
   </el-table>
 </template>
 
 <script>
-import {
-  definitionSwitch,
-  delDefinitionSchedule,
-  scheduleTask,
-} from '@/api/definition';
+import { definitionSwitch, delDefinitionSchedule, scheduleTask } from '@/api/definition';
 import { operationConfirm } from 'metersphere-frontend/src/utils';
 import { getCurrentProjectID } from 'metersphere-frontend/src/utils/token';
 
@@ -98,13 +71,9 @@ export default {
       this.$emit('rowClick', row);
     },
     closeTaskConfirm(row) {
-      let message = this.$t(
-        'api_test.home_page.running_task_list.confirm.close_title'
-      );
+      let message = this.$t('api_test.home_page.running_task_list.confirm.close_title');
       if (row.enable) {
-        message = this.$t(
-          'api_test.home_page.running_task_list.confirm.open_title'
-        );
+        message = this.$t('api_test.home_page.running_task_list.confirm.open_title');
       }
       row.enable = !row.enable;
       operationConfirm(this, message, () => {
diff --git a/api-test/frontend/src/business/definition/components/import/SwaggerTaskNotification.vue b/api-test/frontend/src/business/definition/components/import/SwaggerTaskNotification.vue
index 4bab7ef4d7..a65aec4bbf 100644
--- a/api-test/frontend/src/business/definition/components/import/SwaggerTaskNotification.vue
+++ b/api-test/frontend/src/business/definition/components/import/SwaggerTaskNotification.vue
@@ -2,12 +2,7 @@
   <div>
     <el-row>
       <el-col :span="20">
-        <el-button
-          icon="el-icon-circle-plus-outline"
-          plain
-          size="mini"
-          @click="handleAddTaskModel"
-        >
+        <el-button icon="el-icon-circle-plus-outline" plain size="mini" @click="handleAddTaskModel">
           {{ $t('organization.message.create_new_notification') }}
         </el-button>
       </el-col>
@@ -21,8 +16,7 @@
           :receive-type-options="receiveTypeOptions"
           @handleReceivers="handleReceivers"
           @handleTemplate="handleTemplate"
-          @refresh="initForm"
-        />
+          @refresh="initForm" />
       </el-col>
     </el-row>
     <mx-notice-template v-xpack ref="noticeTemplate" />
@@ -42,8 +36,7 @@ export default {
     NotificationTable,
     MsTipButton,
     MsCodeEdit,
-    MxNoticeTemplate: () =>
-      import('metersphere-frontend/src/components/MxNoticeTemplate'),
+    MxNoticeTemplate: () => import('metersphere-frontend/src/components/MxNoticeTemplate'),
   },
   props: {
     apiTestId: String,
@@ -133,9 +126,7 @@ export default {
       }
     },
     handleReceivers(row) {
-      row.receiverOptions = JSON.parse(
-        JSON.stringify(this.scheduleReceiverOptions)
-      );
+      row.receiverOptions = JSON.parse(JSON.stringify(this.scheduleReceiverOptions));
     },
   },
 };
diff --git a/api-test/frontend/src/business/definition/components/jmeter/components/assertions/response-assertion/index.js b/api-test/frontend/src/business/definition/components/jmeter/components/assertions/response-assertion/index.js
index ca5753bade..c77bcc167b 100644
--- a/api-test/frontend/src/business/definition/components/jmeter/components/assertions/response-assertion/index.js
+++ b/api-test/frontend/src/business/definition/components/jmeter/components/assertions/response-assertion/index.js
@@ -19,10 +19,7 @@ export default class ResponseAssertion extends Assertion {
     this.customMessage = this.initStringProp('Assertion.custom_message');
     this.scope = this.initStringProp('Assertion.scope');
     this.variable = this.initStringProp('Scope.variable');
-    this.testField = this.initStringProp(
-      'Assertion.test_field',
-      'Assertion.response_data'
-    );
+    this.testField = this.initStringProp('Assertion.test_field', 'Assertion.response_data');
     this.assumeSuccess = this.initBoolProp('Assertion.assume_success', false);
     this.testType = this.initIntProp('Assertion.test_type', 16);
 
diff --git a/api-test/frontend/src/business/definition/components/jmeter/components/post-processors/json-path-extractor/index.js b/api-test/frontend/src/business/definition/components/jmeter/components/post-processors/json-path-extractor/index.js
index 43b2812033..56f70b12b1 100644
--- a/api-test/frontend/src/business/definition/components/jmeter/components/post-processors/json-path-extractor/index.js
+++ b/api-test/frontend/src/business/definition/components/jmeter/components/post-processors/json-path-extractor/index.js
@@ -16,9 +16,7 @@ export default class JSONPostProcessor extends PostProcessor {
     super(options);
     this.scope = this.initStringProp('Sample.scope');
     this.variable = this.initStringProp('Scope.variable');
-    this.referenceNames = this.initStringProp(
-      'JSONPostProcessor.referenceNames'
-    );
+    this.referenceNames = this.initStringProp('JSONPostProcessor.referenceNames');
     this.jsonPathExprs = this.initStringProp('JSONPostProcessor.jsonPathExprs');
     this.matchNumber = this.initStringProp('JSONPostProcessor.match_number');
     this.defaultValues = this.initStringProp('JSONPostProcessor.defaultValues');
diff --git a/api-test/frontend/src/business/definition/components/jmeter/components/sampler/dubbo-sampler/index.js b/api-test/frontend/src/business/definition/components/jmeter/components/sampler/dubbo-sampler/index.js
index 369244a2fa..ecad9d867f 100644
--- a/api-test/frontend/src/business/definition/components/jmeter/components/sampler/dubbo-sampler/index.js
+++ b/api-test/frontend/src/business/definition/components/jmeter/components/sampler/dubbo-sampler/index.js
@@ -1,9 +1,5 @@
 import Sampler from '../sampler';
-import {
-  ConfigCenter,
-  ConsumerAndService,
-  RegistryCenter,
-} from '../../../../../model/ApiTestModel';
+import { ConfigCenter, ConsumerAndService, RegistryCenter } from '../../../../../model/ApiTestModel';
 
 const DEFAULT_OPTIONS = {
   options: {
@@ -26,9 +22,7 @@ export default class DubboSampler extends Sampler {
     this.method = options.method;
     this.configCenter = new ConfigCenter(options.configCenter);
     this.registryCenter = new RegistryCenter(options.registryCenter);
-    this.consumerAndService = new ConsumerAndService(
-      options.consumerAndService
-    );
+    this.consumerAndService = new ConsumerAndService(options.consumerAndService);
     this.args = [];
     this.attachmentArgs = [];
     this.dubboConfig = undefined;
diff --git a/api-test/frontend/src/business/definition/components/jmeter/components/sampler/tcp-sampler/index.js b/api-test/frontend/src/business/definition/components/jmeter/components/sampler/tcp-sampler/index.js
index 340fec505f..e047657cc4 100644
--- a/api-test/frontend/src/business/definition/components/jmeter/components/sampler/tcp-sampler/index.js
+++ b/api-test/frontend/src/business/definition/components/jmeter/components/sampler/tcp-sampler/index.js
@@ -12,11 +12,7 @@ const DEFAULT_OPTIONS = {
 };
 
 export default class TCPSampler extends Sampler {
-  static CLASSES = [
-    'TCPClientImpl',
-    'BinaryTCPClientImpl',
-    'LengthPrefixedBinaryTCPClientImpl',
-  ];
+  static CLASSES = ['TCPClientImpl', 'BinaryTCPClientImpl', 'LengthPrefixedBinaryTCPClientImpl'];
 
   constructor(options = DEFAULT_OPTIONS) {
     super(options);
@@ -27,11 +23,9 @@ export default class TCPSampler extends Sampler {
     this.ctimeout = options.ctimeout; // Connect
     this.timeout = options.timeout; // Response
 
-    this.reUseConnection =
-      options.reUseConnection === undefined ? true : options.reUseConnection;
+    this.reUseConnection = options.reUseConnection === undefined ? true : options.reUseConnection;
     this.nodelay = options.nodelay === undefined ? false : options.nodelay;
-    this.closeConnection =
-      options.closeConnection === undefined ? false : options.closeConnection;
+    this.closeConnection = options.closeConnection === undefined ? false : options.closeConnection;
     this.soLinger = options.soLinger;
     this.eolByte = options.eolByte;
 
diff --git a/api-test/frontend/src/business/definition/components/jmeter/components/test-plan/index.js b/api-test/frontend/src/business/definition/components/jmeter/components/test-plan/index.js
index d3cf42beac..39f2f5d5e5 100644
--- a/api-test/frontend/src/business/definition/components/jmeter/components/test-plan/index.js
+++ b/api-test/frontend/src/business/definition/components/jmeter/components/test-plan/index.js
@@ -22,10 +22,7 @@ export default class TestPlan extends HashTreeElement {
   }
 
   updateProps() {
-    let collectionProp =
-      this.props['TestPlan.user_defined_variables'].elements[
-        'Arguments.arguments'
-      ];
+    let collectionProp = this.props['TestPlan.user_defined_variables'].elements['Arguments.arguments'];
     collectionProp.clear();
     this.userDefinedVariables.forEach((variable) => {
       if (variable.enable !== false) {
diff --git a/api-test/frontend/src/business/definition/components/jmeter/props.js b/api-test/frontend/src/business/definition/components/jmeter/props.js
index 74dc12954b..62b56391c9 100644
--- a/api-test/frontend/src/business/definition/components/jmeter/props.js
+++ b/api-test/frontend/src/business/definition/components/jmeter/props.js
@@ -42,9 +42,7 @@ export class IntProp extends BasicProp {
 
   constructor(options = {}) {
     super(options);
-    this.value = options.elements
-      ? parseInt(options.elements[0].text)
-      : undefined;
+    this.value = options.elements ? parseInt(options.elements[0].text) : undefined;
   }
 }
 
@@ -56,9 +54,7 @@ export class LongProp extends BasicProp {
 
   constructor(options = {}) {
     super(options);
-    this.value = options.elements
-      ? parseInt(options.elements[0].text)
-      : undefined;
+    this.value = options.elements ? parseInt(options.elements[0].text) : undefined;
   }
 }
 
@@ -70,9 +66,7 @@ class BoolProp extends BasicProp {
 
   constructor(options = {}) {
     super(options);
-    this.value = options.elements
-      ? options.elements[0].text === 'true'
-      : undefined;
+    this.value = options.elements ? options.elements[0].text === 'true' : undefined;
   }
 }
 
diff --git a/api-test/frontend/src/business/definition/components/list/ApiCaseBatchRun.vue b/api-test/frontend/src/business/definition/components/list/ApiCaseBatchRun.vue
index 077e5a3baf..b03f93438a 100644
--- a/api-test/frontend/src/business/definition/components/list/ApiCaseBatchRun.vue
+++ b/api-test/frontend/src/business/definition/components/list/ApiCaseBatchRun.vue
@@ -3,13 +3,8 @@
     width="20%"
     :visible.sync="visible"
     :title="$t('test_track.plan.load_case.batch_exec_cases')"
-    @confirm="save"
-  >
-    <ms-environment-select
-      :project-id="projectId"
-      @setEnvironment="setEnvironment"
-      ref="environmentSelect"
-    />
+    @confirm="save">
+    <ms-environment-select :project-id="projectId" @setEnvironment="setEnvironment" ref="environmentSelect" />
   </ms-edit-dialog>
 </template>
 
diff --git a/api-test/frontend/src/business/definition/components/list/ApiCaseSimpleList.vue b/api-test/frontend/src/business/definition/components/list/ApiCaseSimpleList.vue
index 36fc00bc4d..0994433036 100644
--- a/api-test/frontend/src/business/definition/components/list/ApiCaseSimpleList.vue
+++ b/api-test/frontend/src/business/definition/components/list/ApiCaseSimpleList.vue
@@ -4,11 +4,7 @@
       <div class="ms-opt-btn" v-if="apiDefinitionId && versionEnable">
         {{ $t('project.version.name') }}: {{ apiDefinition.versionName }}
       </div>
-      <ms-search
-        :condition.sync="condition"
-        :base-search-tip="$t('commons.search_by_id_name_tag')"
-        @search="search"
-      >
+      <ms-search :condition.sync="condition" :base-search-tip="$t('commons.search_by_id_name_tag')" @search="search">
       </ms-search>
       <el-button
         type="primary"
@@ -40,16 +36,14 @@
         operator-width="190px"
         @refresh="initTable"
         ref="caseTable"
-        class="api-case-simple-list"
-      >
+        class="api-case-simple-list">
         <ms-table-column
           prop="deleteTime"
           sortable
           v-if="this.trashEnable"
           :fields-width="fieldsWidth"
           :label="$t('commons.delete_time')"
-          min-width="150px"
-        >
+          min-width="150px">
           <template v-slot:default="scope">
             <span>{{ scope.row.deleteTime | datetimeFormat }}</span>
           </template>
@@ -60,17 +54,9 @@
           :fields-width="fieldsWidth"
           v-if="this.trashEnable"
           :label="$t('commons.delete_user')"
-          min-width="120"
-        />
+          min-width="120" />
         <span v-for="item in fields" :key="item.key">
-          <ms-table-column
-            prop="num"
-            label="ID"
-            :field="item"
-            :fields-width="fieldsWidth"
-            min-width="80px"
-            sortable
-          >
+          <ms-table-column prop="num" label="ID" :field="item" :fields-width="fieldsWidth" min-width="80px" sortable>
             <template slot-scope="scope" v-if="!trashEnable">
               <!-- 判断为只读用户的话不可点击ID进行编辑操作 -->
               <span style="cursor: pointer" v-if="isReadOnly">
@@ -90,8 +76,7 @@
             prop="name"
             sortable="custom"
             min-width="160px"
-            :label="$t('test_track.case.name')"
-          />
+            :label="$t('test_track.case.name')" />
 
           <ms-table-column
             prop="priority"
@@ -100,8 +85,7 @@
             :fields-width="fieldsWidth"
             min-width="120px"
             sortable
-            :label="$t('test_track.case.priority')"
-          >
+            :label="$t('test_track.case.priority')">
             <template v-slot:default="scope">
               <priority-table-item :value="scope.row.priority" />
             </template>
@@ -114,8 +98,7 @@
             :field="item"
             :fields-width="fieldsWidth"
             min-width="120px"
-            :label="$t('commons.status')"
-          >
+            :label="$t('commons.status')">
             <template v-slot:default="scope">
               <plan-status-table-item :value="scope.row.caseStatus" />
             </template>
@@ -127,8 +110,7 @@
             :field="item"
             :fields-width="fieldsWidth"
             min-width="120px"
-            :label="$t('commons.status')"
-          >
+            :label="$t('commons.status')">
             <template v-slot:default="scope">
               <plan-status-table-item :value="scope.row.status" />
             </template>
@@ -141,15 +123,11 @@
             :fields-width="fieldsWidth"
             min-width="120px"
             :label="$t('test_track.plan_view.execute_result')"
-            v-if="!trashEnable"
-          >
+            v-if="!trashEnable">
             <template v-slot:default="scope">
               <el-link
                 @click="getExecResult(scope.row)"
-                :disabled="
-                  !scope.row.execResult || scope.row.execResult === 'PENDING'
-                "
-              >
+                :disabled="!scope.row.execResult || scope.row.execResult === 'PENDING'">
                 <ms-api-report-status :status="scope.row.execResult" />
               </el-link>
             </template>
@@ -160,8 +138,7 @@
             :field="item"
             :fields-width="fieldsWidth"
             min-width="100px"
-            :label="$t('commons.pass_rate')"
-          >
+            :label="$t('commons.pass_rate')">
           </ms-table-column>
 
           <ms-table-column
@@ -171,34 +148,26 @@
             :field="item"
             :fields-width="fieldsWidth"
             :show-overflow-tooltip="false"
-            :label="'API' + $t('api_test.definition.api_path')"
-          />
+            :label="'API' + $t('api_test.definition.api_path')" />
 
           <ms-table-column
             v-if="item.id == 'tags'"
             prop="tags"
             width="120px"
             :label="$t('commons.tag')"
-            :show-overflow-tooltip="false"
-          >
+            :show-overflow-tooltip="false">
             <template v-slot:default="scope">
               <el-tooltip class="item" effect="dark" placement="top">
-                <div
-                  v-html="getTagToolTips(scope.row.tags)"
-                  slot="content"
-                ></div>
+                <div v-html="getTagToolTips(scope.row.tags)" slot="content"></div>
                 <div class="oneLine">
                   <ms-tag
                     v-for="(itemName, index) in scope.row.tags"
                     :key="index"
                     type="success"
                     effect="plain"
-                    :show-tooltip="
-                      scope.row.tags.length === 1 && itemName.length * 12 <= 100
-                    "
+                    :show-tooltip="scope.row.tags.length === 1 && itemName.length * 12 <= 100"
                     :content="itemName"
-                    style="margin-left: 0px; margin-right: 2px"
-                  />
+                    style="margin-left: 0px; margin-right: 2px" />
                 </div>
               </el-tooltip>
               <span />
@@ -211,8 +180,7 @@
             :fields-width="fieldsWidth"
             :filters="versionFilters"
             min-width="100px"
-            prop="versionId"
-          >
+            prop="versionId">
             <template v-slot:default="scope">
               <span>{{ scope.row.versionName }}</span>
             </template>
@@ -224,8 +192,7 @@
             :filters="environmentsFilters"
             :fields-width="fieldsWidth"
             min-width="100px"
-            :label="$t('commons.environment')"
-          >
+            :label="$t('commons.environment')">
           </ms-table-column>
 
           <ms-table-column
@@ -233,8 +200,7 @@
             :field="item"
             :fields-width="fieldsWidth"
             :filters="userFilters"
-            :label="$t('commons.create_user')"
-          />
+            :label="$t('commons.create_user')" />
 
           <ms-table-column
             sortable="updateTime"
@@ -242,8 +208,7 @@
             :field="item"
             :fields-width="fieldsWidth"
             :label="$t('api_test.definition.api_last_time')"
-            prop="updateTime"
-          >
+            prop="updateTime">
             <template v-slot:default="scope">
               <span>{{ scope.row.updateTime | datetimeFormat }}</span>
             </template>
@@ -254,8 +219,7 @@
             :fields-width="fieldsWidth"
             :label="$t('commons.create_time')"
             sortable
-            min-width="180px"
-          >
+            min-width="180px">
             <template v-slot:default="scope">
               <span>{{ scope.row.createTime | datetimeFormat }}</span>
             </template>
@@ -268,8 +232,7 @@
             @showEnvironment="showEnvironment"
             @createPerformance="createPerformance"
             @showHistory="openHis"
-            :row="scope.row"
-          />
+            :row="scope.row" />
         </template>
       </ms-table>
 
@@ -277,8 +240,7 @@
         :change="initTable"
         :current-page.sync="currentPage"
         :page-size.sync="pageSize"
-        :total="total"
-      />
+        :total="total" />
     </span>
 
     <api-case-list
@@ -287,22 +249,16 @@
       :currentApi="selectCase"
       ref="caseList"
       @stop="stop"
-      @reLoadCase="initTable"
-    />
+      @reLoadCase="initTable" />
     <!--批量编辑-->
     <ms-batch-edit
       ref="batchEdit"
       :data-count="$refs.caseTable ? $refs.caseTable.selectDataCounts : 0"
       @batchEdit="batchEdit"
       :typeArr="typeArr"
-      :value-arr="valueArr"
-    />
+      :value-arr="valueArr" />
     <!--选择环境(当创建性能测试的时候)-->
-    <ms-set-environment
-      ref="setEnvironment"
-      :testCase="clickRow"
-      @createPerformance="createPerformance"
-    />
+    <ms-set-environment ref="setEnvironment" :testCase="clickRow" @createPerformance="createPerformance" />
     <!--查看引用-->
     <ms-show-reference ref="viewRef" />
 
@@ -314,8 +270,7 @@
       :run-case-ids="runCaseIds"
       @handleRunBatch="runBatch"
       @close="initTable"
-      ref="apiBatchRun"
-    />
+      ref="apiBatchRun" />
 
     <el-dialog
       :close-on-click-modal="false"
@@ -324,28 +279,18 @@
       :visible.sync="resVisible"
       class="api-import"
       destroy-on-close
-      @close="resVisible = false"
-    >
+      @close="resVisible = false">
       <ms-request-result-tail :response="response" ref="debugResult" />
     </el-dialog>
 
-    <el-dialog
-      :visible.sync="batchSyncCaseVisible"
-      :title="$t('commons.batch') + $t('workstation.sync')"
-    >
+    <el-dialog :visible.sync="batchSyncCaseVisible" :title="$t('commons.batch') + $t('workstation.sync')">
       <span>{{ $t('workstation.sync') + $t('commons.setting') }}</span
       ><br />
       <sync-setting ref="synSetting"></sync-setting>
-      <span style="color: red">{{
-        $t('workstation.batch_sync_api_tips')
-      }}</span>
+      <span style="color: red">{{ $t('workstation.batch_sync_api_tips') }}</span>
       <span slot="footer" class="dialog-footer">
-        <el-button @click="batchSyncCaseVisible = false">{{
-          $t('commons.cancel')
-        }}</el-button>
-        <el-button type="primary" @click="batchSync()">{{
-          $t('commons.confirm')
-        }}</el-button>
+        <el-button @click="batchSyncCaseVisible = false">{{ $t('commons.cancel') }}</el-button>
+        <el-button type="primary" @click="batchSync()">{{ $t('commons.confirm') }}</el-button>
       </span>
     </el-dialog>
     <!--  删除接口提示  -->
@@ -354,8 +299,7 @@
       :show-case="showCase"
       @showCaseRef="showCaseRef"
       @handleDeleteCase="handleDeleteCase"
-      ref="apiDeleteConfirm"
-    />
+      ref="apiDeleteConfirm" />
   </span>
 </template>
 
@@ -379,11 +323,7 @@ import { getDefinitionById } from '@/api/definition';
 import { getApiReportDetail } from '@/api/definition-report';
 import { genPerformanceTestXml } from '@/api/home';
 import { getMaintainer } from '@/api/project';
-import {
-  getProjectVersions,
-  synCaseBatch,
-  versionEnableByProjectId,
-} from '@/api/xpack';
+import { getProjectVersions, synCaseBatch, versionEnableByProjectId } from '@/api/xpack';
 import MsTable from 'metersphere-frontend/src/components/table/MsTable';
 import MsTableColumn from 'metersphere-frontend/src/components/table/MsTableColumn';
 import MsTableOperator from 'metersphere-frontend/src/components/MsTableOperator';
@@ -417,10 +357,7 @@ import ThreadGroup from '@/business/definition/components/jmeter/components/thre
 import { parseEnvironment } from '@/business/environment/model/EnvironmentModel';
 import MsTableHeaderSelectPopover from 'metersphere-frontend/src/components/table/MsTableHeaderSelectPopover';
 import MsTableAdvSearchBar from 'metersphere-frontend/src/components/search/MsTableAdvSearchBar';
-import {
-  API_CASE_CONFIGS,
-  API_CASE_CONFIGS_TRASH,
-} from 'metersphere-frontend/src/components/search/search-components';
+import { API_CASE_CONFIGS, API_CASE_CONFIGS_TRASH } from 'metersphere-frontend/src/components/search/search-components';
 import {
   _filter,
   _sort,
@@ -474,11 +411,9 @@ export default {
     SyncSetting,
     MsShowReference,
     ApiDeleteConfirm,
-    MsApiReportStatus: () =>
-      import('../../../automation/report/ApiReportStatus'),
+    MsApiReportStatus: () => import('../../../automation/report/ApiReportStatus'),
     PlanStatusTableItem: () => import('@/business/commons/PlanStatusTableItem'),
-    MsTaskCenter: () =>
-      import('metersphere-frontend/src/components/task/TaskCenter'),
+    MsTaskCenter: () => import('metersphere-frontend/src/components/task/TaskCenter'),
   },
   data() {
     return {
@@ -487,9 +422,7 @@ export default {
       fields: getCustomTableHeader('API_CASE', undefined),
       fieldsWidth: getCustomTableWidth('API_CASE'),
       condition: {
-        components: this.trashEnable
-          ? API_CASE_CONFIGS_TRASH
-          : API_CASE_CONFIGS,
+        components: this.trashEnable ? API_CASE_CONFIGS_TRASH : API_CASE_CONFIGS,
       },
       selectCase: {},
       result: false,
@@ -825,9 +758,7 @@ export default {
       }
       this.condition.orders = getLastTableSortField(this.tableHeaderKey);
       if (this.condition.orders) {
-        const index = this.condition.orders.findIndex(
-          (d) => d.name && d.name === 'case_path'
-        );
+        const index = this.condition.orders.findIndex((d) => d.name && d.name === 'case_path');
         if (index !== -1) {
           this.condition.orders.splice(index, 1);
         }
@@ -849,11 +780,7 @@ export default {
       this.initCondition();
       let isNext = false;
       if (this.condition.projectId) {
-        this.result = apiTestCasePage(
-          this.currentPage,
-          this.pageSize,
-          this.condition
-        ).then((response) => {
+        this.result = apiTestCasePage(this.currentPage, this.pageSize, this.condition).then((response) => {
           this.total = response.data.itemCount;
           this.tableData = response.data.listObject;
           this.tableData.forEach((item) => {
@@ -939,11 +866,7 @@ export default {
     refreshStatus(id) {
       this.initCondition();
       if (this.condition.projectId) {
-        this.result = apiTestCasePage(
-          this.currentPage,
-          this.pageSize,
-          this.condition
-        ).then((response) => {
+        this.result = apiTestCasePage(this.currentPage, this.pageSize, this.condition).then((response) => {
           let isNext = false;
           let tableData = response.data.listObject;
           this.tableData.forEach((item) => {
@@ -960,12 +883,7 @@ export default {
               isNext = true;
             }
           });
-          if (
-            isNext &&
-            store.currentApiCase &&
-            store.currentApiCase.case &&
-            this.timeoutIndex < 12
-          ) {
+          if (isNext && store.currentApiCase && store.currentApiCase.case && this.timeoutIndex < 12) {
             this.timeoutIndex++;
             setTimeout(() => {
               this.refreshStatus();
@@ -1105,28 +1023,24 @@ export default {
       });
     },
     handleDeleteBatch() {
-      this.$alert(
-        this.$t('api_test.definition.request.delete_case_confirm') + '？',
-        '',
-        {
-          confirmButtonText: this.$t('commons.confirm'),
-          callback: (action) => {
-            if (action === 'confirm') {
-              let obj = {};
-              obj.projectId = this.projectId;
-              obj.selectAllDate = this.selectAll;
-              obj.unSelectIds = this.unSelection;
-              obj.ids = Array.from(this.selectRows).map((row) => row.id);
-              obj = Object.assign(obj, this.condition);
-              delCaseBatchByParam(obj).then(() => {
-                this.$refs.caseTable.clearSelectRows();
-                this.$emit('refreshTable');
-                this.$success(this.$t('commons.delete_success'));
-              });
-            }
-          },
-        }
-      );
+      this.$alert(this.$t('api_test.definition.request.delete_case_confirm') + '？', '', {
+        confirmButtonText: this.$t('commons.confirm'),
+        callback: (action) => {
+          if (action === 'confirm') {
+            let obj = {};
+            obj.projectId = this.projectId;
+            obj.selectAllDate = this.selectAll;
+            obj.unSelectIds = this.unSelection;
+            obj.ids = Array.from(this.selectRows).map((row) => row.id);
+            obj = Object.assign(obj, this.condition);
+            delCaseBatchByParam(obj).then(() => {
+              this.$refs.caseTable.clearSelectRows();
+              this.$emit('refreshTable');
+              this.$success(this.$t('commons.delete_success'));
+            });
+          }
+        },
+      });
     },
     handleDeleteToGcBatch() {
       let obj = {};
@@ -1140,13 +1054,10 @@ export default {
       this.hasRef = false;
       checkDeleteData(obj).then((response) => {
         let checkResult = response.data;
-        let alertMsg =
-          this.$t('api_test.definition.request.delete_case_confirm') + ' ？';
+        let alertMsg = this.$t('api_test.definition.request.delete_case_confirm') + ' ？';
         if (checkResult.deleteFlag) {
           alertMsg =
-            this.$t('api_definition.case_is_referenced', [
-              checkResult.refCount,
-            ]) +
+            this.$t('api_definition.case_is_referenced', [checkResult.refCount]) +
             ', ' +
             this.$t('api_test.is_continue') +
             ' ？';
@@ -1210,24 +1121,17 @@ export default {
       }
     },
     handleDelete(apiCase) {
-      this.$alert(
-        this.$t('api_test.definition.request.delete_case_confirm') +
-          ' ' +
-          apiCase.name +
-          ' ？',
-        '',
-        {
-          confirmButtonText: this.$t('commons.confirm'),
-          callback: (action) => {
-            if (action === 'confirm') {
-              delApiTestCase(apiCase.id).then(() => {
-                this.$success(this.$t('commons.delete_success'));
-                this.$emit('refreshTable');
-              });
-            }
-          },
-        }
-      );
+      this.$alert(this.$t('api_test.definition.request.delete_case_confirm') + ' ' + apiCase.name + ' ？', '', {
+        confirmButtonText: this.$t('commons.confirm'),
+        callback: (action) => {
+          if (action === 'confirm') {
+            delApiTestCase(apiCase.id).then(() => {
+              this.$success(this.$t('commons.delete_success'));
+              this.$emit('refreshTable');
+            });
+          }
+        },
+      });
       return;
     },
     handleDeleteCase(apiCase) {
@@ -1258,12 +1162,7 @@ export default {
       this.hasRef = false;
       checkDeleteData(obj).then((response) => {
         let checkResult = response.data;
-        let alertMsg =
-          this.$t('api_test.definition.request.delete_case_confirm') +
-          '[' +
-          apiCase.name +
-          ']' +
-          '?';
+        let alertMsg = this.$t('api_test.definition.request.delete_case_confirm') + '[' + apiCase.name + ']' + '?';
         if (checkResult.deleteFlag) {
           alertMsg =
             '[' +
@@ -1271,16 +1170,10 @@ export default {
             '] ' +
             this.$t('api_definition.case_is') +
             (checkResult.scenarioCount > 0
-              ? this.$t('api_definition.scenario_count', [
-                  checkResult.scenarioCount,
-                ])
-              : '') +
-            (checkResult.planCount > 0 && checkResult.scenarioCount > 0
-              ? '、 '
-              : '') +
-            (checkResult.planCount > 0
-              ? this.$t('api_definition.plan_count', [checkResult.planCount])
+              ? this.$t('api_definition.scenario_count', [checkResult.scenarioCount])
               : '') +
+            (checkResult.planCount > 0 && checkResult.scenarioCount > 0 ? '、 ' : '') +
+            (checkResult.planCount > 0 ? this.$t('api_definition.plan_count', [checkResult.planCount]) : '') +
             this.$t('api_test.scenario.reference') +
             ', ' +
             this.$t('api_test.is_continue') +
@@ -1459,14 +1352,8 @@ export default {
               },
             };
           }
-          if (
-            stepArray[i] &&
-            stepArray[i].authManager &&
-            !stepArray[i].authManager.clazzName
-          ) {
-            stepArray[i].authManager.clazzName = TYPE_TO_C.get(
-              stepArray[i].authManager.type
-            );
+          if (stepArray[i] && stepArray[i].authManager && !stepArray[i].authManager.clazzName) {
+            stepArray[i].authManager.clazzName = TYPE_TO_C.get(stepArray[i].authManager.type);
           }
           if (stepArray[i].hashTree && stepArray[i].hashTree.length > 0) {
             this.sortHashTree(stepArray[i].hashTree);
diff --git a/api-test/frontend/src/business/definition/components/list/ApiDeleteConfirm.vue b/api-test/frontend/src/business/definition/components/list/ApiDeleteConfirm.vue
index b052501ce3..5f39f9690c 100644
--- a/api-test/frontend/src/business/definition/components/list/ApiDeleteConfirm.vue
+++ b/api-test/frontend/src/business/definition/components/list/ApiDeleteConfirm.vue
@@ -1,38 +1,16 @@
 <template>
-  <el-dialog
-    :title="title"
-    :visible.sync="deleteApiVisible"
-    class="delete-body"
-    width="30%"
-  >
+  <el-dialog :title="title" :visible.sync="deleteApiVisible" class="delete-body" width="30%">
     <p>{{ this.content }}</p>
-    <el-link style="color: #6c327a" @click="showRef" v-if="hasRef">{{
-      $t('api_test.automation.view_ref')
-    }}</el-link>
-    <el-link
-      style="color: #6c327a"
-      v-if="showCase"
-      @click="redirectPage('api', 'apiTestCase', 'ref')"
-    >
+    <el-link style="color: #6c327a" @click="showRef" v-if="hasRef">{{ $t('api_test.automation.view_ref') }}</el-link>
+    <el-link style="color: #6c327a" v-if="showCase" @click="redirectPage('api', 'apiTestCase', 'ref')">
       {{ $t('api_definition.view_case') }}
     </el-link>
-    <el-link
-      style="color: #6c327a"
-      v-if="showScenario"
-      @click="redirectPage('scenario', 'scenario', 'ref')"
+    <el-link style="color: #6c327a" v-if="showScenario" @click="redirectPage('scenario', 'scenario', 'ref')"
       >{{ $t('api_definition.view_scenario') }}
     </el-link>
     <span slot="footer">
-      <el-button @click="close" size="mini">{{
-        $t('commons.cancel')
-      }}</el-button>
-      <el-button
-        v-prevent-re-click
-        type="primary"
-        @click="handleDelete"
-        @keydown.enter.native.prevent
-        size="mini"
-      >
+      <el-button @click="close" size="mini">{{ $t('commons.cancel') }}</el-button>
+      <el-button v-prevent-re-click type="primary" @click="handleDelete" @keydown.enter.native.prevent size="mini">
         {{ $t('commons.confirm') }}
       </el-button>
     </span>
diff --git a/api-test/frontend/src/business/definition/components/list/ApiDocumentsPage.vue b/api-test/frontend/src/business/definition/components/list/ApiDocumentsPage.vue
index f67db36c0e..9aefb3ae95 100644
--- a/api-test/frontend/src/business/definition/components/list/ApiDocumentsPage.vue
+++ b/api-test/frontend/src/business/definition/components/list/ApiDocumentsPage.vue
@@ -6,8 +6,7 @@
       :project-id="projectId"
       :module-ids="moduleIds"
       :version-id="versionId"
-      ref="documentAnchor"
-    />
+      ref="documentAnchor" />
   </div>
 </template>
 
diff --git a/api-test/frontend/src/business/definition/components/list/ApiList.vue b/api-test/frontend/src/business/definition/components/list/ApiList.vue
index 32fd3632aa..1d3c5a06e5 100644
--- a/api-test/frontend/src/business/definition/components/list/ApiList.vue
+++ b/api-test/frontend/src/business/definition/components/list/ApiList.vue
@@ -6,8 +6,7 @@
         :condition.sync="condition"
         :base-search-tip="$t('commons.search_by_id_name_tag_path')"
         :base-search-width="260"
-        @search="search"
-      >
+        @search="search">
       </ms-search>
 
       <ms-table
@@ -30,16 +29,14 @@
         :field-key="tableHeaderKey"
         :enable-order-drag="enableOrderDrag"
         row-key="id"
-        ref="table"
-      >
+        ref="table">
         <ms-table-column
           prop="deleteTime"
           sortable
           v-if="this.trashEnable"
           :fields-width="fieldsWidth"
           :label="$t('commons.delete_time')"
-          min-width="150px"
-        >
+          min-width="150px">
           <template v-slot:default="scope">
             <span>{{ scope.row.deleteTime | datetimeFormat }}</span>
           </template>
@@ -50,17 +47,9 @@
           :fields-width="fieldsWidth"
           v-if="this.trashEnable"
           :label="$t('commons.delete_user')"
-          min-width="120"
-        />
+          min-width="120" />
         <span v-for="item in fields" :key="item.key">
-          <ms-table-column
-            prop="num"
-            label="ID"
-            :field="item"
-            min-width="100px"
-            :fields-width="fieldsWidth"
-            sortable
-          >
+          <ms-table-column prop="num" label="ID" :field="item" min-width="100px" :fields-width="fieldsWidth" sortable>
             <template slot-scope="scope" v-if="!trashEnable">
               <el-tooltip content="编辑">
                 <a style="cursor: pointer" @click="editApi(scope.row)">
@@ -76,8 +65,7 @@
             sortable="custom"
             :fields-width="fieldsWidth"
             min-width="120"
-            :field="item"
-          />
+            :field="item" />
 
           <ms-table-column
             prop="status"
@@ -86,8 +74,7 @@
             :field="item"
             :fields-width="fieldsWidth"
             min-width="120px"
-            :label="$t('api_test.definition.api_status')"
-          >
+            :label="$t('api_test.definition.api_status')">
             <template v-slot:default="scope">
               <span class="el-dropdown-link">
                 <api-status :value="scope.row.status" />
@@ -102,8 +89,7 @@
             :filters="methodFilters"
             :fields-width="fieldsWidth"
             min-width="120px"
-            :label="getApiRequestTypeName"
-          >
+            :label="getApiRequestTypeName">
             <template v-slot:default="scope" class="request-method">
               <el-tag
                 size="mini"
@@ -111,8 +97,7 @@
                   'background-color': getColor(true, scope.row.method),
                   border: getColor(true, scope.row.method),
                 }"
-                class="api-el-tag"
-              >
+                class="api-el-tag">
                 {{ scope.row.method }}
               </el-tag>
             </template>
@@ -125,15 +110,13 @@
             :field="item"
             :fields-width="fieldsWidth"
             min-width="100px"
-            :label="$t('api_test.definition.request.responsible')"
-          />
+            :label="$t('api_test.definition.request.responsible')" />
           <ms-table-column
             prop="path"
             :field="item"
             :fields-width="fieldsWidth"
             min-width="100px"
-            :label="$t('api_test.definition.api_path')"
-          />
+            :label="$t('api_test.definition.api_path')" />
 
           <ms-table-column
             prop="tags"
@@ -141,26 +124,19 @@
             :fields-width="fieldsWidth"
             min-width="80px"
             :show-overflow-tooltip="false"
-            :label="$t('commons.tag')"
-          >
+            :label="$t('commons.tag')">
             <template v-slot:default="scope">
               <el-tooltip class="item" effect="dark" placement="top">
-                <div
-                  v-html="getTagToolTips(scope.row.tags)"
-                  slot="content"
-                ></div>
+                <div v-html="getTagToolTips(scope.row.tags)" slot="content"></div>
                 <div class="oneLine">
                   <ms-tag
                     v-for="(itemName, index) in scope.row.tags"
                     :key="index"
                     type="success"
                     effect="plain"
-                    :show-tooltip="
-                      scope.row.tags.length === 1 && itemName.length * 12 <= 100
-                    "
+                    :show-tooltip="scope.row.tags.length === 1 && itemName.length * 12 <= 100"
                     :content="itemName"
-                    style="margin-left: 0px; margin-right: 2px"
-                  />
+                    style="margin-left: 0px; margin-right: 2px" />
                 </div>
               </el-tooltip>
               <span />
@@ -173,8 +149,7 @@
             :fields-width="fieldsWidth"
             :filters="versionFilters"
             min-width="100px"
-            prop="versionId"
-          >
+            prop="versionId">
             <template v-slot:default="scope">
               <span>{{ scope.row.versionName }}</span>
             </template>
@@ -186,8 +161,7 @@
             :fields-width="fieldsWidth"
             sortable="custom"
             min-width="140px"
-            prop="updateTime"
-          >
+            prop="updateTime">
             <template v-slot:default="scope">
               <span>{{ scope.row.updateTime | datetimeFormat }}</span>
             </template>
@@ -198,8 +172,7 @@
             :fields-width="fieldsWidth"
             :label="$t('commons.create_time')"
             sortable
-            min-width="180px"
-          >
+            min-width="180px">
             <template v-slot:default="scope">
               <span>{{ scope.row.createTime | datetimeFormat }}</span>
             </template>
@@ -210,16 +183,14 @@
             :field="item"
             :fields-width="fieldsWidth"
             min-width="100px"
-            :label="$t('api_test.definition.api_case_number')"
-          />
+            :label="$t('api_test.definition.api_case_number')" />
 
           <ms-table-column
             :field="item"
             prop="caseStatus"
             :fields-width="fieldsWidth"
             min-width="100px"
-            :label="$t('api_test.definition.api_case_status')"
-          >
+            :label="$t('api_test.definition.api_case_status')">
             <template v-slot:default="{ row }">
               <ms-api-report-status :status="row.caseStatus" />
             </template>
@@ -230,62 +201,37 @@
             :field="item"
             min-width="120px"
             :fields-width="fieldsWidth"
-            :label="$t('api_test.definition.api_case_passing_rate')"
-          />
+            :label="$t('api_test.definition.api_case_passing_rate')" />
 
           <ms-table-column
             prop="description"
             :field="item"
             min-width="120px"
             :fields-width="fieldsWidth"
-            :label="$t('commons.description')"
-          />
+            :label="$t('commons.description')" />
         </span>
       </ms-table>
       <ms-table-pagination
         :change="initTable"
         :current-page.sync="currentPage"
         :page-size.sync="pageSize"
-        :total="total"
-      />
+        :total="total" />
     </span>
-    <ms-api-case-list
-      @refresh="initTable"
-      @showExecResult="showExecResult"
-      :currentApi="selectApi"
-      ref="caseList"
-    />
+    <ms-api-case-list @refresh="initTable" @showExecResult="showExecResult" :currentApi="selectApi" ref="caseList" />
     <!--批量编辑-->
     <ms-batch-edit
       ref="batchEdit"
       @batchEdit="batchEdit"
       :data-count="$refs.table ? $refs.table.selectDataCounts : 0"
       :typeArr="typeArr"
-      :value-arr="valueArr"
-    />
+      :value-arr="valueArr" />
     <!--高级搜索-->
-    <ms-table-adv-search-bar
-      :condition.sync="condition"
-      :showLink="false"
-      ref="searchBar"
-      @search="search"
-    />
-    <case-batch-move
-      @refresh="initTable"
-      @moveSave="moveSave"
-      ref="testCaseBatchMove"
-    />
+    <ms-table-adv-search-bar :condition.sync="condition" :showLink="false" ref="searchBar" @search="search" />
+    <case-batch-move @refresh="initTable" @moveSave="moveSave" ref="testCaseBatchMove" />
 
-    <mx-relationship-graph-drawer
-      v-xpack
-      :graph-data="graphData"
-      ref="relationshipGraph"
-    />
+    <mx-relationship-graph-drawer v-xpack :graph-data="graphData" ref="relationshipGraph" />
     <!--  删除接口提示  -->
-    <list-item-delete-confirm
-      ref="apiDeleteConfirm"
-      @handleDelete="_handleDelete"
-    />
+    <list-item-delete-confirm ref="apiDeleteConfirm" @handleDelete="_handleDelete" />
   </span>
 </template>
 
@@ -319,14 +265,7 @@ import MsContainer from 'metersphere-frontend/src/components/MsContainer';
 import MsTableColumn from 'metersphere-frontend/src/components/table/MsTableColumn';
 import MsBottomContainer from '../BottomContainer';
 import MsBatchEdit from '../basis/BatchEdit';
-import {
-  API_METHOD_COLOUR,
-  API_STATUS,
-  DUBBO_METHOD,
-  REQ_METHOD,
-  SQL_METHOD,
-  TCP_METHOD,
-} from '../../model/JsonData';
+import { API_METHOD_COLOUR, API_STATUS, DUBBO_METHOD, REQ_METHOD, SQL_METHOD, TCP_METHOD } from '../../model/JsonData';
 import { downloadFile, operationConfirm } from 'metersphere-frontend/src/utils';
 import { getCurrentProjectID } from 'metersphere-frontend/src/utils/token';
 import { hasLicense } from 'metersphere-frontend/src/utils/permission';
@@ -335,10 +274,7 @@ import MsTableHeaderSelectPopover from 'metersphere-frontend/src/components/tabl
 import ApiStatus from '@/business/definition/components/list/ApiStatus';
 import MsTableAdvSearchBar from 'metersphere-frontend/src/components/search/MsTableAdvSearchBar';
 import { API_DEFINITION_CONFIGS } from 'metersphere-frontend/src/components/search/search-components';
-import {
-  API_DEFINITION_CONFIGS_TRASH,
-  getProtocolFilter,
-} from '@/business/definition/api-definition';
+import { API_DEFINITION_CONFIGS_TRASH, getProtocolFilter } from '@/business/definition/api-definition';
 import MsTipButton from 'metersphere-frontend/src/components/MsTipButton';
 import CaseBatchMove from '@/business/definition/components/basis/BatchMove';
 import {
@@ -380,12 +316,8 @@ export default {
     MsTable,
     MsTableColumn,
     MsSearch,
-    MsApiReportStatus: () =>
-      import('../../../automation/report/ApiReportStatus'),
-    MxRelationshipGraphDrawer: () =>
-      import(
-        'metersphere-frontend/src/components/graph/MxRelationshipGraphDrawer'
-      ),
+    MsApiReportStatus: () => import('../../../automation/report/ApiReportStatus'),
+    MxRelationshipGraphDrawer: () => import('metersphere-frontend/src/components/graph/MxRelationshipGraphDrawer'),
   },
   data() {
     return {
@@ -394,9 +326,7 @@ export default {
       fields: getCustomTableHeader('API_DEFINITION', undefined),
       fieldsWidth: getCustomTableWidth('API_DEFINITION'),
       condition: {
-        components: this.trashEnable
-          ? API_DEFINITION_CONFIGS_TRASH
-          : API_DEFINITION_CONFIGS,
+        components: this.trashEnable ? API_DEFINITION_CONFIGS_TRASH : API_DEFINITION_CONFIGS,
       },
       selectApi: {},
       result: false,
@@ -517,9 +447,7 @@ export default {
         },
       ],
 
-      statusFiltersTrash: [
-        { text: this.$t('test_track.plan.plan_status_trash'), value: 'Trash' },
-      ],
+      statusFiltersTrash: [{ text: this.$t('test_track.plan.plan_status_trash'), value: 'Trash' }],
 
       caseStatusFilters: [
         {
@@ -701,39 +629,22 @@ export default {
       });
     },
     generateGraph() {
-      if (
-        getSelectDataCounts(
-          this.condition,
-          this.total,
-          this.$refs.table.selectRows
-        ) > 100
-      ) {
+      if (getSelectDataCounts(this.condition, this.total, this.$refs.table.selectRows) > 100) {
         this.$warning(this.$t('test_track.case.generate_dependencies_warning'));
         return;
       }
-      getGraphByCondition(
-        'API',
-        buildBatchParam(this, this.$refs.table.selectIds)
-      ).then((data) => {
+      getGraphByCondition('API', buildBatchParam(this, this.$refs.table.selectIds)).then((data) => {
         this.graphData = data.data;
         this.$refs.relationshipGraph.open();
       });
     },
     handleBatchMove() {
       this.isMoveBatch = true;
-      this.$refs.testCaseBatchMove.open(
-        this.moduleTree,
-        [],
-        this.moduleOptionsNew
-      );
+      this.$refs.testCaseBatchMove.open(this.moduleTree, [], this.moduleOptionsNew);
     },
     handleBatchCopy() {
       this.isMoveBatch = false;
-      this.$refs.testCaseBatchMove.open(
-        this.moduleTree,
-        this.$refs.table.selectIds,
-        this.moduleOptionsNew
-      );
+      this.$refs.testCaseBatchMove.open(this.moduleTree, this.$refs.table.selectIds, this.moduleOptionsNew);
     },
     closeCaseModel() {
       //关闭案例弹窗
@@ -752,9 +663,7 @@ export default {
       if (this.currentProtocol != null) {
         this.condition.protocol = this.currentProtocol;
       }
-      this.enableOrderDrag = !(
-        this.condition.orders && this.condition.orders.length > 0
-      );
+      this.enableOrderDrag = !(this.condition.orders && this.condition.orders.length > 0);
 
       //检查是否只查询本周数据
       this.getSelectDataRange();
@@ -880,11 +789,7 @@ export default {
     refreshTable() {
       this.initTableCondition();
       if (this.condition.projectId) {
-        this.result = getDefinitionPage(
-          this.currentPage,
-          this.pageSize,
-          this.condition
-        ).then((response) => {
+        this.result = getDefinitionPage(this.currentPage, this.pageSize, this.condition).then((response) => {
           getProtocolFilter(this.condition.protocol);
           this.total = response.data.itemCount;
           this.tableData = response.data.listObject;
@@ -898,11 +803,7 @@ export default {
     initTable(currentProtocol) {
       this.initTableCondition(currentProtocol);
       if (this.condition.projectId) {
-        this.result = getDefinitionPage(
-          this.currentPage,
-          this.pageSize,
-          this.condition
-        ).then((response) => {
+        this.result = getDefinitionPage(this.currentPage, this.pageSize, this.condition).then((response) => {
           getProtocolFilter(this.condition.protocol);
           this.total = response.data.itemCount;
           this.tableData = response.data.listObject;
@@ -975,11 +876,7 @@ export default {
         request = row ? row.request : {};
       }
       let response = '';
-      if (
-        row.response != null &&
-        row.response != 'null' &&
-        row.response != undefined
-      ) {
+      if (row.response != null && row.response != 'null' && row.response != undefined) {
         if (
           Object.prototype.toString
             .call(row.response)
@@ -1042,35 +939,23 @@ export default {
     },
     handleDeleteBatch() {
       if (this.trashEnable) {
-        operationConfirm(
-          this,
-          this.$t('api_test.definition.request.delete_confirm') + '？',
-          () => {
-            deleteBatchByParams(
-              buildBatchParam(this, this.$refs.table.selectIds)
-            ).then(() => {
-              this.$refs.table.clear();
-              // this.initTable();
-              this.$emit('refreshTable');
-              this.$success(this.$t('commons.delete_success'));
-            });
-          }
-        );
+        operationConfirm(this, this.$t('api_test.definition.request.delete_confirm') + '？', () => {
+          deleteBatchByParams(buildBatchParam(this, this.$refs.table.selectIds)).then(() => {
+            this.$refs.table.clear();
+            // this.initTable();
+            this.$emit('refreshTable');
+            this.$success(this.$t('commons.delete_success'));
+          });
+        });
       } else {
-        operationConfirm(
-          this,
-          this.$t('api_test.definition.request.delete_confirm') + '？',
-          () => {
-            removeToGcByParams(
-              buildBatchParam(this, this.$refs.table.selectIds)
-            ).then(() => {
-              this.$refs.table.clear();
-              this.$emit('refreshTable');
-              this.$success(this.$t('commons.delete_success'));
-              this.$refs.caseList.apiCaseClose();
-            });
-          }
-        );
+        operationConfirm(this, this.$t('api_test.definition.request.delete_confirm') + '？', () => {
+          removeToGcByParams(buildBatchParam(this, this.$refs.table.selectIds)).then(() => {
+            this.$refs.table.clear();
+            this.$emit('refreshTable');
+            this.$success(this.$t('commons.delete_success'));
+            this.$refs.caseList.apiCaseClose();
+          });
+        });
       }
     },
     handleEditBatch() {
@@ -1137,20 +1022,11 @@ export default {
       getDefinitionVersions(api.id).then((response) => {
         if (hasLicense() && this.versionEnable && response.data.length > 1) {
           // 删除提供列表删除和全部版本删除
-          this.$refs.apiDeleteConfirm.open(
-            api,
-            this.$t('api_test.definition.request.delete_confirm')
-          );
+          this.$refs.apiDeleteConfirm.open(api, this.$t('api_test.definition.request.delete_confirm'));
         } else {
-          operationConfirm(
-            this,
-            this.$t('api_test.definition.request.delete_confirm') +
-              ' ' +
-              api.name,
-            () => {
-              this._handleDelete(api, false);
-            }
-          );
+          operationConfirm(this, this.$t('api_test.definition.request.delete_confirm') + ' ' + api.name, () => {
+            this._handleDelete(api, false);
+          });
         }
       });
     },
@@ -1224,15 +1100,9 @@ export default {
         if (type == 'MS') {
           obj.protocol = this.currentProtocol;
           obj.nodeTree = this.getExportNodeTree(nodeTree, obj.data);
-          downloadFile(
-            'Metersphere_Api_' + this.projectName + '.json',
-            JSON.stringify(obj)
-          );
+          downloadFile('Metersphere_Api_' + this.projectName + '.json', JSON.stringify(obj));
         } else {
-          downloadFile(
-            'Swagger_Api_' + this.projectName + '.json',
-            JSON.stringify(obj)
-          );
+          downloadFile('Swagger_Api_' + this.projectName + '.json', JSON.stringify(obj));
         }
       });
     },
diff --git a/api-test/frontend/src/business/definition/components/list/ApiListContainer.vue b/api-test/frontend/src/business/definition/components/list/ApiListContainer.vue
index 0c3de36396..c87b947848 100644
--- a/api-test/frontend/src/business/definition/components/list/ApiListContainer.vue
+++ b/api-test/frontend/src/business/definition/components/list/ApiListContainer.vue
@@ -1,20 +1,10 @@
 <template>
   <div v-if="isShow">
     <el-button-group v-if="isShowChangeButton">
-      <el-button
-        plain
-        class="ms-relevance-api-btn"
-        :class="{ active: isApiListEnable }"
-        @click="apiChange('api')"
-      >
+      <el-button plain class="ms-relevance-api-btn" :class="{ active: isApiListEnable }" @click="apiChange('api')">
         API
       </el-button>
-      <el-button
-        plain
-        class="ms-relevance-case-btn"
-        :class="{ active: !isApiListEnable }"
-        @click="caseChange('case')"
-      >
+      <el-button plain class="ms-relevance-case-btn" :class="{ active: !isApiListEnable }" @click="caseChange('case')">
         CASE
       </el-button>
     </el-button-group>
diff --git a/api-test/frontend/src/business/definition/components/list/ApiListContainerWithDoc.vue b/api-test/frontend/src/business/definition/components/list/ApiListContainerWithDoc.vue
index 0ae1a38af5..8f47df1301 100644
--- a/api-test/frontend/src/business/definition/components/list/ApiListContainerWithDoc.vue
+++ b/api-test/frontend/src/business/definition/components/list/ApiListContainerWithDoc.vue
@@ -1,12 +1,7 @@
 <template>
   <el-card class="card-content" v-if="isShow">
     <el-button-group v-if="isShowChangeButton">
-      <el-tooltip
-        class="item"
-        effect="dark"
-        :content="$t('api_test.definition.api_title')"
-        placement="left"
-      >
+      <el-tooltip class="item" effect="dark" :content="$t('api_test.definition.api_title')" placement="left">
         <el-button
           plain
           style="width: 44px; height: 32px; padding: 5px 8px"
@@ -16,12 +11,7 @@
         >
       </el-tooltip>
 
-      <el-tooltip
-        class="item"
-        effect="dark"
-        :content="$t('api_test.definition.case_title')"
-        placement="top"
-      >
+      <el-tooltip class="item" effect="dark" :content="$t('api_test.definition.case_title')" placement="top">
         <el-button
           plain
           style="width: 44px; height: 32px; padding: 1px"
@@ -31,18 +21,12 @@
         >
       </el-tooltip>
 
-      <el-tooltip
-        class="item"
-        effect="dark"
-        :content="$t('api_test.definition.doc_title')"
-        placement="right"
-      >
+      <el-tooltip class="item" effect="dark" :content="$t('api_test.definition.doc_title')" placement="right">
         <el-button
           plain
           style="width: 44px; height: 32px; padding: 1px"
           :class="{ active: showDocList }"
-          @click="changeTab('doc')"
-        >
+          @click="changeTab('doc')">
           {{ $t('api_test.definition.doc_title') }}</el-button
         >
       </el-tooltip>
diff --git a/api-test/frontend/src/business/definition/components/list/ApiStatus.vue b/api-test/frontend/src/business/definition/components/list/ApiStatus.vue
index e86f9c7930..3424e0a19e 100644
--- a/api-test/frontend/src/business/definition/components/list/ApiStatus.vue
+++ b/api-test/frontend/src/business/definition/components/list/ApiStatus.vue
@@ -4,26 +4,18 @@
       v-if="value === 'Prepare'"
       type="info"
       effect="plain"
-      :content="$t('test_track.plan.plan_status_prepare')"
-    />
+      :content="$t('test_track.plan.plan_status_prepare')" />
     <ms-tag
       v-if="value === 'Underway'"
       type="warning"
       effect="plain"
-      :content="$t('test_track.plan.plan_status_running')"
-    />
+      :content="$t('test_track.plan.plan_status_running')" />
     <ms-tag
       v-if="value === 'Completed'"
       type="success"
       effect="plain"
-      :content="$t('test_track.plan.plan_status_completed')"
-    />
-    <ms-tag
-      v-if="value === 'Trash'"
-      type="danger"
-      effect="plain"
-      :content="$t('test_track.plan.plan_status_trash')"
-    />
+      :content="$t('test_track.plan.plan_status_completed')" />
+    <ms-tag v-if="value === 'Trash'" type="danger" effect="plain" :content="$t('test_track.plan.plan_status_trash')" />
   </span>
 </template>
 
diff --git a/api-test/frontend/src/business/definition/components/mock/Components/MockApiBody.vue b/api-test/frontend/src/business/definition/components/mock/Components/MockApiBody.vue
index 813f7b4a76..a3a20e676a 100644
--- a/api-test/frontend/src/business/definition/components/mock/Components/MockApiBody.vue
+++ b/api-test/frontend/src/business/definition/components/mock/Components/MockApiBody.vue
@@ -1,19 +1,11 @@
 <template>
   <div>
     <el-radio-group v-model="body.type" size="mini">
-      <el-radio
-        :disabled="isReadOnly"
-        :label="type.FORM_DATA"
-        @change="modeChange"
-      >
+      <el-radio :disabled="isReadOnly" :label="type.FORM_DATA" @change="modeChange">
         {{ $t('api_test.definition.request.body_form_data') }}
       </el-radio>
 
-      <el-radio
-        :disabled="isReadOnly"
-        :label="type.WWW_FORM"
-        @change="modeChange"
-      >
+      <el-radio :disabled="isReadOnly" :label="type.WWW_FORM" @change="modeChange">
         {{ $t('api_test.definition.request.body_x_www_from_urlencoded') }}
       </el-radio>
 
@@ -29,14 +21,9 @@
         {{ $t('api_test.definition.request.body_raw') }}
       </el-radio>
     </el-radio-group>
-    <div
-      style="width: 98%"
-      v-if="body.type == 'Form Data' || body.type == 'WWW_FORM'"
-    >
+    <div style="width: 98%" v-if="body.type == 'Form Data' || body.type == 'WWW_FORM'">
       <el-row v-if="body.type == 'Form Data' || body.type == 'WWW_FORM'">
-        <el-link class="ms-el-link" @click="batchAdd">
-          {{ $t('commons.batch_add') }}</el-link
-        >
+        <el-link class="ms-el-link" @click="batchAdd"> {{ $t('commons.batch_add') }}</el-link>
       </el-row>
       <mock-combination-condition
         :filter-type-object="body"
@@ -44,24 +31,13 @@
         :is-show-enable="isShowEnable"
         :suggestions="suggestions"
         :disable-variable-tip="true"
-        :parameters="body.kvs"
-      />
+        :parameters="body.kvs" />
     </div>
     <div v-if="body.type == 'JSON'">
       <div style="padding: 10px">
-        <el-switch
-          active-text="JSON-SCHEMA"
-          v-model="body.format"
-          @change="formatChange"
-          active-value="JSON-SCHEMA"
-        />
+        <el-switch active-text="JSON-SCHEMA" v-model="body.format" @change="formatChange" active-value="JSON-SCHEMA" />
       </div>
-      <ms-json-code-edit
-        v-if="body.format === 'JSON-SCHEMA'"
-        :body="body"
-        :need-mock="needMock"
-        ref="jsonCodeEdit"
-      />
+      <ms-json-code-edit v-if="body.format === 'JSON-SCHEMA'" :body="body" :need-mock="needMock" ref="jsonCodeEdit" />
       <ms-code-edit
         v-else-if="codeEditActive"
         :read-only="isReadOnly"
@@ -69,27 +45,15 @@
         :modes="modes"
         :mode="'json'"
         height="400px"
-        ref="codeEdit"
-      />
+        ref="codeEdit" />
     </div>
 
     <div class="ms-body" v-if="body.type == 'XML'">
-      <ms-code-edit
-        :read-only="isReadOnly"
-        :data.sync="body.raw"
-        :modes="modes"
-        :mode="'text'"
-        ref="codeEdit"
-      />
+      <ms-code-edit :read-only="isReadOnly" :data.sync="body.raw" :modes="modes" :mode="'text'" ref="codeEdit" />
     </div>
 
     <div class="ms-body" v-if="body.type == 'Raw'">
-      <ms-code-edit
-        :read-only="isReadOnly"
-        :data.sync="body.raw"
-        :modes="modes"
-        ref="codeEdit"
-      />
+      <ms-code-edit :read-only="isReadOnly" :data.sync="body.raw" :modes="modes" ref="codeEdit" />
     </div>
     <batch-add-parameter @batchSave="batchSave" ref="batchAddParameter" />
   </div>
@@ -267,9 +231,7 @@ export default {
         }
       });
       if (!isType) {
-        this.headers.unshift(
-          new KeyValue({ name: 'Content-Type', value: value })
-        );
+        this.headers.unshift(new KeyValue({ name: 'Content-Type', value: value }));
         this.$emit('headersChange');
       }
     },
diff --git a/api-test/frontend/src/business/definition/components/mock/Components/MockApiResponseBody.vue b/api-test/frontend/src/business/definition/components/mock/Components/MockApiResponseBody.vue
index 0a2bfe792c..da3edd7963 100644
--- a/api-test/frontend/src/business/definition/components/mock/Components/MockApiResponseBody.vue
+++ b/api-test/frontend/src/business/definition/components/mock/Components/MockApiResponseBody.vue
@@ -16,20 +16,14 @@
     </el-radio-group>
     <div class="ms-body" v-if="body.type == 'JSON'">
       <div style="padding: 10px">
-        <el-switch
-          active-text="JSON-SCHEMA"
-          v-model="body.format"
-          @change="formatChange"
-          active-value="JSON-SCHEMA"
-        />
+        <el-switch active-text="JSON-SCHEMA" v-model="body.format" @change="formatChange" active-value="JSON-SCHEMA" />
       </div>
       <ms-json-code-edit
         v-if="body.format === 'JSON-SCHEMA'"
         :body="body"
         :show-mock-vars="true"
         :need-mock="needMock"
-        ref="jsonCodeEdit"
-      />
+        ref="jsonCodeEdit" />
       <ms-code-edit
         v-else-if="codeEditActive && loadIsOver"
         :read-only="isReadOnly"
@@ -37,8 +31,7 @@
         :modes="modes"
         :mode="'json'"
         height="90%"
-        ref="codeEdit"
-      />
+        ref="codeEdit" />
     </div>
 
     <div class="ms-body" v-if="body.type == 'fromApi'">
@@ -49,16 +42,11 @@
         :mode="'text'"
         v-if="loadIsOver"
         height="90%"
-        ref="fromApiCodeEdit"
-      />
+        ref="fromApiCodeEdit" />
     </div>
 
     <div class="ms-body" v-if="body.type == 'XML'">
-      <el-input
-        v-model="body.xmlHeader"
-        size="small"
-        style="width: 400px; margin-bottom: 5px"
-      />
+      <el-input v-model="body.xmlHeader" size="small" style="width: 400px; margin-bottom: 5px" />
       <ms-code-edit
         :read-only="isReadOnly"
         :data.sync="body.xmlRaw"
@@ -66,8 +54,7 @@
         :mode="'xml'"
         v-if="loadIsOver"
         height="90%"
-        ref="codeEdit"
-      />
+        ref="codeEdit" />
     </div>
 
     <div class="ms-body" v-if="body.type == 'Raw'">
@@ -77,8 +64,7 @@
         :modes="modes"
         v-if="loadIsOver"
         height="90%"
-        ref="codeEdit"
-      />
+        ref="codeEdit" />
     </div>
 
     <batch-add-parameter @batchSave="batchSave" ref="batchAddParameter" />
@@ -292,9 +278,7 @@ export default {
         }
       });
       if (!isType) {
-        this.headers.unshift(
-          new KeyValue({ name: 'Content-Type', value: value })
-        );
+        this.headers.unshift(new KeyValue({ name: 'Content-Type', value: value }));
         this.$emit('headersChange');
       }
     },
diff --git a/api-test/frontend/src/business/definition/components/mock/Components/MockApiScriptEditor.vue b/api-test/frontend/src/business/definition/components/mock/Components/MockApiScriptEditor.vue
index a3c39cafbd..2451ce95c5 100644
--- a/api-test/frontend/src/business/definition/components/mock/Components/MockApiScriptEditor.vue
+++ b/api-test/frontend/src/business/definition/components/mock/Components/MockApiScriptEditor.vue
@@ -10,20 +10,14 @@
           :data.sync="jsr223Processor.script"
           theme="eclipse"
           :modes="['java', 'python']"
-          ref="codeEdit"
-        />
+          ref="codeEdit" />
       </el-col>
       <div style="width: 14px; margin-right: 5px">
         <div style="height: 12px; width: 12px; line-height: 12px">
           <i
-            :class="
-              showMenu
-                ? 'el-icon-remove-outline'
-                : 'el-icon-circle-plus-outline'
-            "
+            :class="showMenu ? 'el-icon-remove-outline' : 'el-icon-circle-plus-outline'"
             class="show-menu"
-            @click="switchMenu"
-          ></i>
+            @click="switchMenu"></i>
         </div>
       </div>
       <el-col :span="menuSpan" style="width: 200px" class="script-index">
@@ -31,15 +25,13 @@
           :default-command.sync="jsr223Processor.scriptLanguage"
           :commands="languages"
           style="margin-bottom: 5px; margin-left: 15px"
-          @command="languageChange"
-        />
+          @command="languageChange" />
         <mock-script-nav-menu
           ref="scriptNavMenu"
           style="width: 90%"
           :language="jsr223Processor.scriptLanguage"
           :menus="baseCodeTemplates"
-          @handleCode="handleCodeTemplate"
-        />
+          @handleCode="handleCodeTemplate" />
       </el-col>
     </el-row>
   </div>
@@ -114,32 +106,23 @@ export default {
               value: this.getScript('address'),
             },
             {
-              title:
-                'Header ' +
-                this.$t('api_test.definition.document.request_param'),
+              title: 'Header ' + this.$t('api_test.definition.document.request_param'),
               value: this.getScript('header'),
             },
             {
-              title:
-                this.$t('api_test.request.body') + this.$t('api_test.variable'),
+              title: this.$t('api_test.request.body') + this.$t('api_test.variable'),
               value: this.getScript('body'),
             },
             {
-              title:
-                this.$t('api_test.request.body') +
-                this.$t('api_test.variable') +
-                ' (Raw)',
+              title: this.$t('api_test.request.body') + this.$t('api_test.variable') + ' (Raw)',
               value: this.getScript('bodyRaw'),
             },
             {
-              title:
-                'Query ' +
-                this.$t('api_test.definition.document.request_param'),
+              title: 'Query ' + this.$t('api_test.definition.document.request_param'),
               value: this.getScript('query'),
             },
             {
-              title:
-                'Rest ' + this.$t('api_test.definition.document.request_param'),
+              title: 'Rest ' + this.$t('api_test.definition.document.request_param'),
               value: this.getScript('rest'),
             },
           ],
@@ -148,15 +131,11 @@ export default {
           title: i18n.t('project.code_segment.custom_value'),
           children: [
             {
-              title: i18n.t(
-                'api_test.request.processor.code_template_get_variable'
-              ),
+              title: i18n.t('api_test.request.processor.code_template_get_variable'),
               value: 'vars.get("variable_name");',
             },
             {
-              title: i18n.t(
-                'api_test.request.processor.code_template_set_variable'
-              ),
+              title: i18n.t('api_test.request.processor.code_template_set_variable'),
               value: 'vars.put("variable_name", "variable_value");',
             },
           ],
diff --git a/api-test/frontend/src/business/definition/components/mock/Components/MockApiVariable.vue b/api-test/frontend/src/business/definition/components/mock/Components/MockApiVariable.vue
index 4644a0690f..65cb378698 100644
--- a/api-test/frontend/src/business/definition/components/mock/Components/MockApiVariable.vue
+++ b/api-test/frontend/src/business/definition/components/mock/Components/MockApiVariable.vue
@@ -6,16 +6,8 @@
     <div class="item kv-row" v-for="(item, index) in parameters" :key="index">
       <el-row type="flex" :gutter="20" justify="space-between" align="middle">
         <span style="margin-left: 10px"></span>
-        <i
-          class="el-icon-top"
-          style="cursor: pointer"
-          @click="moveTop(index)"
-        />
-        <i
-          class="el-icon-bottom"
-          style="cursor: pointer"
-          @click="moveBottom(index)"
-        />
+        <i class="el-icon-top" style="cursor: pointer" @click="moveTop(index)" />
+        <i class="el-icon-bottom" style="cursor: pointer" @click="moveBottom(index)" />
 
         <el-col class="item">
           <el-input
@@ -26,16 +18,14 @@
             maxlength="200"
             @change="change"
             :placeholder="keyText"
-            show-word-limit
-          >
+            show-word-limit>
             <template v-slot:prepend>
               <el-select
                 v-if="type === 'body'"
                 :disabled="isReadOnly"
                 class="kv-type"
                 v-model="item.type"
-                @change="typeChange(item)"
-              >
+                @change="typeChange(item)">
                 <el-option value="text" />
                 <el-option value="file" />
                 <el-option value="json" />
@@ -51,16 +41,14 @@
             @input="change"
             @change="change"
             :placeholder="keyText"
-            show-word-limit
-          >
+            show-word-limit>
             <template v-slot:prepend>
               <el-select
                 v-if="type === 'body'"
                 :disabled="isReadOnly"
                 class="kv-type"
                 v-model="item.type"
-                @change="typeChange(item)"
-              >
+                @change="typeChange(item)">
                 <el-option value="text" />
                 <el-option value="file" />
                 <el-option value="json" />
@@ -70,19 +58,12 @@
         </el-col>
 
         <el-col class="item" v-if="isActive && item.type !== 'file'">
-          <el-select
-            :disabled="isReadOnly"
-            :maxlength="100"
-            v-model="item.rangeType"
-            size="small"
-            style="width: 100%"
-          >
+          <el-select :disabled="isReadOnly" :maxlength="100" v-model="item.rangeType" size="small" style="width: 100%">
             <el-option
               v-for="item in rangeTypeOptions"
               :key="item.value"
               :label="item.label"
-              :value="item.value"
-            ></el-option>
+              :value="item.value"></el-option>
           </el-select>
         </el-col>
         <el-col class="item" v-if="isActive && item.type !== 'file'">
@@ -96,8 +77,7 @@
             v-model="item.value"
             size="small"
             :placeholder="valueText"
-            show-word-limit
-          />
+            show-word-limit />
           <el-autocomplete
             v-else
             :disabled="isReadOnly"
@@ -108,14 +88,12 @@
             :placeholder="valueText"
             value-key="name"
             highlight-first-item
-            @select="change"
-          >
+            @select="change">
             <i
               v-if="!disableVariableTip"
               slot="suffix"
               class="el-input__icon el-icon-edit pointer"
-              @click="advanced(item)"
-            ></i>
+              @click="advanced(item)"></i>
           </el-autocomplete>
         </el-col>
 
@@ -125,8 +103,7 @@
             size="small"
             maxlength="200"
             :placeholder="$t('commons.description')"
-            show-word-limit
-          >
+            show-word-limit>
           </el-input>
         </el-col>
 
@@ -141,8 +118,7 @@
             size="small"
             @change="change"
             :placeholder="$t('api_test.request.content_type')"
-            show-word-limit
-          >
+            show-word-limit>
           </el-input>
         </el-col>
 
@@ -152,8 +128,7 @@
             class="el-icon-delete-solid"
             circle
             @click="remove(index)"
-            :disabled="isDisable(index) || isReadOnly"
-          />
+            :disabled="isDisable(index) || isReadOnly" />
         </el-col>
       </el-row>
     </div>
@@ -163,27 +138,16 @@
       :scenario="scenario"
       :append-to-body="appendDialogToBody"
       :parameters="parameters"
-      :current-item="currentItem"
-    />
-    <ms-api-variable-json
-      :append-to-body="appendDialogToBody"
-      ref="variableJson"
-      @callback="callback"
-    />
+      :current-item="currentItem" />
+    <ms-api-variable-json :append-to-body="appendDialogToBody" ref="variableJson" @callback="callback" />
 
-    <api-variable-setting
-      :append-to-body="appendDialogToBody"
-      ref="apiVariableSetting"
-    />
+    <api-variable-setting :append-to-body="appendDialogToBody" ref="apiVariableSetting" />
   </div>
 </template>
 
 <script>
 import { KeyValue, Scenario } from '@/business/definition/model/ApiTestModel';
-import {
-  JMETER_FUNC,
-  MOCKJS_FUNC,
-} from 'metersphere-frontend/src/utils/constants';
+import { JMETER_FUNC, MOCKJS_FUNC } from 'metersphere-frontend/src/utils/constants';
 import MsApiVariableAdvance from '@/business/definition/components/ApiVariableAdvance';
 import MsApiVariableJson from '@/business/definition/components/ApiVariableJson';
 import MsApiBodyFileUpload from '@/business/definition/components/body/ApiBodyFileUpload';
@@ -348,17 +312,12 @@ export default {
     },
     querySearch(queryString, cb) {
       let suggestions = this.suggestions;
-      let results = queryString
-        ? suggestions.filter(this.createFilter(queryString))
-        : suggestions;
+      let results = queryString ? suggestions.filter(this.createFilter(queryString)) : suggestions;
       cb(results);
     },
     createFilter(queryString) {
       return (restaurant) => {
-        return (
-          restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) ===
-          0
-        );
+        return restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0;
       };
     },
     funcSearch(queryString, cb) {
@@ -367,9 +326,7 @@ export default {
         return;
       }
       let funcs = MOCKJS_FUNC.concat(JMETER_FUNC);
-      let results = queryString
-        ? funcs.filter(this.funcFilter(queryString))
-        : funcs;
+      let results = queryString ? funcs.filter(this.funcFilter(queryString)) : funcs;
       // 调用 callback 返回建议列表的数据
       cb(results);
     },
@@ -425,10 +382,7 @@ export default {
     },
   },
   created() {
-    if (
-      this.parameters.length === 0 ||
-      this.parameters[this.parameters.length - 1].name
-    ) {
+    if (this.parameters.length === 0 || this.parameters[this.parameters.length - 1].name) {
       this.parameters.push(
         new KeyValue({
           type: 'text',
diff --git a/api-test/frontend/src/business/definition/components/mock/Components/MockCombinationCondition.vue b/api-test/frontend/src/business/definition/components/mock/Components/MockCombinationCondition.vue
index 9d5fd340ff..45bb8922d2 100644
--- a/api-test/frontend/src/business/definition/components/mock/Components/MockCombinationCondition.vue
+++ b/api-test/frontend/src/business/definition/components/mock/Components/MockCombinationCondition.vue
@@ -2,52 +2,32 @@
   <div>
     <el-container>
       <el-aside width="110px" style="overflow: hidden">
-        <div
-          v-if="parameters && parameters.length > 1"
-          style="height: 100%"
-          id="moreOptionTypeDiv"
-        >
+        <div v-if="parameters && parameters.length > 1" style="height: 100%" id="moreOptionTypeDiv">
           <div
             class="top-line-box"
             :style="{
               height: lineDivTopHeight + 'px',
               marginTop: lineDivMarginTopHeight + 'px',
-            }"
-          ></div>
+            }"></div>
           <div>
             <el-select
               v-if="isRest"
               class="ms-http-select"
               size="small"
               v-model="filterTypeObject.restFilterType"
-              style="width: 100px"
-            >
-              <el-option
-                v-for="item in filterTypes"
-                :key="item.id"
-                :label="item.label"
-                :value="item.id"
-              />
+              style="width: 100px">
+              <el-option v-for="item in filterTypes" :key="item.id" :label="item.label" :value="item.id" />
             </el-select>
             <el-select
               v-else
               class="ms-http-select"
               size="small"
               v-model="filterTypeObject.paramsFilterType"
-              style="width: 100px"
-            >
-              <el-option
-                v-for="item in filterTypes"
-                :key="item.id"
-                :label="item.label"
-                :value="item.id"
-              />
+              style="width: 100px">
+              <el-option v-for="item in filterTypes" :key="item.id" :label="item.label" :value="item.id" />
             </el-select>
           </div>
-          <div
-            class="bottom-line-box"
-            :style="{ height: lineDivBottomHeight + 'px' }"
-          ></div>
+          <div class="bottom-line-box" :style="{ height: lineDivBottomHeight + 'px' }"></div>
         </div>
       </el-aside>
       <el-main style="padding: 0px">
@@ -58,8 +38,7 @@
           :is-read-only="isReadOnly"
           :isShowEnable="isShowEnable"
           :disable-variable-tip="disableVariableTip"
-          :parameters="parameters"
-        />
+          :parameters="parameters" />
       </el-main>
     </el-container>
   </div>
@@ -126,10 +105,7 @@ export default {
         let marginTopHeight = (firstHeight - 32) / 2 + 21;
         let topHeightLine = optionTypeHeight / 2 - marginTopHeight - 16;
         let divMarginBottom = (endHeight - 32) / 2 + 16;
-        let bottomHeight =
-          optionTypeHeight -
-          32 -
-          (topHeightLine + marginTopHeight + divMarginBottom);
+        let bottomHeight = optionTypeHeight - 32 - (topHeightLine + marginTopHeight + divMarginBottom);
 
         this.lineDivTopHeight = topHeightLine;
         this.lineDivMarginTopHeight = marginTopHeight;
diff --git a/api-test/frontend/src/business/definition/components/mock/Components/MockRequestParam.vue b/api-test/frontend/src/business/definition/components/mock/Components/MockRequestParam.vue
index 3f67810312..bbb1df8df3 100644
--- a/api-test/frontend/src/business/definition/components/mock/Components/MockRequestParam.vue
+++ b/api-test/frontend/src/business/definition/components/mock/Components/MockRequestParam.vue
@@ -3,15 +3,7 @@
     <el-row>
       <el-col :span="spanCount">
         <!-- HTTP 请求参数 -->
-        <div
-          style="
-            border: 1px #dcdfe6 solid;
-            height: 100%;
-            border-radius: 4px;
-            width: 100%;
-          "
-          v-loading="isReloadData"
-        >
+        <div style="border: 1px #dcdfe6 solid; height: 100%; border-radius: 4px; width: 100%" v-loading="isReloadData">
           <el-tabs v-model="activeName" class="request-tabs">
             <!-- 请求头-->
             <el-tab-pane :label="$t('api_test.request.headers')" name="headers">
@@ -20,14 +12,10 @@
                 effect="dark"
                 :content="$t('api_test.request.headers')"
                 placement="top-start"
-                slot="label"
-              >
+                slot="label">
                 <span
                   >{{ $t('api_test.request.headers') }}
-                  <div
-                    class="el-step__icon is-text ms-api-col ms-header"
-                    v-if="request.headers.length > 1"
-                  >
+                  <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.headers.length > 1">
                     <div class="el-step__icon-inner">
                       {{ request.headers.length - 1 }}
                     </div>
@@ -35,11 +23,7 @@
                 </span>
               </el-tooltip>
               <el-row>
-                <el-link
-                  class="ms-el-link"
-                  @click="batchAdd"
-                  style="color: var(--primary_color)"
-                >
+                <el-link class="ms-el-link" @click="batchAdd" style="color: var(--primary_color)">
                   {{ $t('commons.batch_add') }}
                 </el-link>
               </el-row>
@@ -50,28 +34,20 @@
                 :isShowEnable="isShowEnable"
                 :suggestions="headerSuggestions"
                 :items="request.headers"
-                :need-mock="false"
-              />
+                :need-mock="false" />
             </el-tab-pane>
 
             <!--query 参数-->
-            <el-tab-pane
-              :label="$t('api_test.definition.request.query_param')"
-              name="parameters"
-            >
+            <el-tab-pane :label="$t('api_test.definition.request.query_param')" name="parameters">
               <el-tooltip
                 class="item-tabs"
                 effect="dark"
                 :content="$t('api_test.definition.request.query_info')"
                 placement="top-start"
-                slot="label"
-              >
+                slot="label">
                 <span
                   >{{ $t('api_test.definition.request.query_param') }}
-                  <div
-                    class="el-step__icon is-text ms-api-col ms-header"
-                    v-if="request.arguments.length > 1"
-                  >
+                  <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.arguments.length > 1">
                     <div class="el-step__icon-inner">
                       {{ request.arguments.length - 1 }}
                     </div>
@@ -79,11 +55,7 @@
                 >
               </el-tooltip>
               <el-row>
-                <el-link
-                  class="ms-el-link"
-                  @click="batchAdd"
-                  style="color: var(--primary_color)"
-                >
+                <el-link class="ms-el-link" @click="batchAdd" style="color: var(--primary_color)">
                   {{ $t('commons.batch_add') }}
                 </el-link>
               </el-row>
@@ -93,28 +65,20 @@
                 :is-show-enable="isShowEnable"
                 :suggestions="apiParams.query"
                 :disable-variable-tip="true"
-                :parameters="request.arguments"
-              />
+                :parameters="request.arguments" />
             </el-tab-pane>
 
             <!--REST 参数-->
-            <el-tab-pane
-              :label="$t('api_test.definition.request.rest_param')"
-              name="rest"
-            >
+            <el-tab-pane :label="$t('api_test.definition.request.rest_param')" name="rest">
               <el-tooltip
                 class="item-tabs"
                 effect="dark"
                 :content="$t('api_test.definition.request.rest_info')"
                 placement="top-start"
-                slot="label"
-              >
+                slot="label">
                 <span>
                   {{ $t('api_test.definition.request.rest_param') }}
-                  <div
-                    class="el-step__icon is-text ms-api-col ms-header"
-                    v-if="request.rest.length > 1"
-                  >
+                  <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.rest.length > 1">
                     <div class="el-step__icon-inner">
                       {{ request.rest.length - 1 }}
                     </div>
@@ -122,11 +86,7 @@
                 </span>
               </el-tooltip>
               <el-row>
-                <el-link
-                  class="ms-el-link"
-                  @click="batchAdd"
-                  style="color: var(--primary_color)"
-                >
+                <el-link class="ms-el-link" @click="batchAdd" style="color: var(--primary_color)">
                   {{ $t('commons.batch_add') }}
                 </el-link>
               </el-row>
@@ -137,17 +97,11 @@
                 :is-show-enable="isShowEnable"
                 :suggestions="apiParams.rest"
                 :disable-variable-tip="true"
-                :parameters="request.rest"
-              />
+                :parameters="request.rest" />
             </el-tab-pane>
 
             <!--请求体-->
-            <el-tab-pane
-              v-if="isBodyShow"
-              :label="$t('api_test.request.body')"
-              name="body"
-              style="overflow: auto"
-            >
+            <el-tab-pane v-if="isBodyShow" :label="$t('api_test.request.body')" name="body" style="overflow: auto">
               <mock-api-body
                 @headersChange="reloadBody"
                 :suggestions="apiParams.form"
@@ -155,23 +109,13 @@
                 :isShowEnable="isShowEnable"
                 :need-mock="false"
                 :headers="request.headers"
-                :body="request.body"
-              />
+                :body="request.body" />
             </el-tab-pane>
             <el-tab-pane
               name="create"
-              v-if="
-                hasPermission('PROJECT_API_DEFINITION:READ+CREATE_API') &&
-                hasLicense() &&
-                definitionTest
-              "
-            >
+              v-if="hasPermission('PROJECT_API_DEFINITION:READ+CREATE_API') && hasLicense() && definitionTest">
               <template v-slot:label>
-                <el-button
-                  size="mini"
-                  type="primary"
-                  @click.stop
-                  @click="generate"
+                <el-button size="mini" type="primary" @click.stop @click="generate"
                   >{{ $t('commons.generate_test_data') }}
                 </el-button>
               </template>
@@ -194,10 +138,7 @@ import MsApiAssertions from '@/business/definition/components/assertion/ApiAsser
 import MsApiExtract from '@/business/definition/components/extract/ApiExtract';
 import { Body, KeyValue } from '@/business/definition/model/ApiTestModel';
 import { getUUID } from 'metersphere-frontend/src/utils';
-import {
-  hasLicense,
-  hasPermission,
-} from 'metersphere-frontend/src/utils/permission';
+import { hasLicense, hasPermission } from 'metersphere-frontend/src/utils/permission';
 import BatchAddParameter from '@/business/definition/components/basis/BatchAddParameter';
 import MsApiAdvancedConfig from '@/business/definition/components/request/http/ApiAdvancedConfig';
 import MsJsr233Processor from '@/business/automation/scenario/component/Jsr233Processor';
@@ -304,15 +245,10 @@ export default {
     hasPermission,
     hasLicense,
     generate() {
-      if (
-        this.request.body &&
-        (this.request.body.jsonSchema || this.request.body.raw)
-      ) {
+      if (this.request.body && (this.request.body.jsonSchema || this.request.body.raw)) {
         if (!this.request.body.jsonSchema) {
           const MsConvert = new Convert();
-          this.request.body.jsonSchema = MsConvert.format(
-            JSON.parse(this.request.body.raw)
-          );
+          this.request.body.jsonSchema = MsConvert.format(JSON.parse(this.request.body.raw));
         }
         testDataGenerator(this.request.body.jsonSchema).then((response) => {
           if (response.data) {
@@ -321,10 +257,7 @@ export default {
             } else {
               const MsConvert = new Convert();
               let data = MsConvert.format(JSON.parse(response.data));
-              this.request.body.jsonSchema = this.deepAssign(
-                this.request.body.jsonSchema,
-                data
-              );
+              this.request.body.jsonSchema = this.deepAssign(this.request.body.jsonSchema, data);
             }
             this.reloadBody();
           }
diff --git a/api-test/frontend/src/business/definition/components/mock/Components/MockResponseParam.vue b/api-test/frontend/src/business/definition/components/mock/Components/MockResponseParam.vue
index fb9639baf2..0acff7b63d 100644
--- a/api-test/frontend/src/business/definition/components/mock/Components/MockResponseParam.vue
+++ b/api-test/frontend/src/business/definition/components/mock/Components/MockResponseParam.vue
@@ -1,14 +1,6 @@
 <template>
   <div v-if="reloaded">
-    <div
-      class="text-container"
-      style="
-        border: 1px #dcdfe6 solid;
-        height: 100%;
-        border-radius: 4px;
-        width: 100%;
-      "
-    >
+    <div class="text-container" style="border: 1px #dcdfe6 solid; height: 100%; border-radius: 4px; width: 100%">
       <el-form :model="response" ref="response" label-width="100px">
         <el-collapse-transition>
           <el-tabs v-model="activeName" v-show="isActive" style="margin: 20px">
@@ -16,20 +8,14 @@
               v-if="!isTcp"
               :label="$t('api_test.definition.request.response_header')"
               name="headers"
-              class="pane"
-            >
+              class="pane">
               <ms-api-key-value
                 style="width: 95%"
                 :isShowEnable="false"
                 :suggestions="headerSuggestions"
-                :items="response.headers"
-              />
+                :items="response.headers" />
             </el-tab-pane>
-            <el-tab-pane
-              :label="$t('api_test.definition.request.response_body')"
-              name="body"
-              class="pane"
-            >
+            <el-tab-pane :label="$t('api_test.definition.request.response_body')" name="body" class="pane">
               <mock-api-response-body
                 :isReadOnly="false"
                 :isShowEnable="false"
@@ -37,33 +23,23 @@
                 :body="response.body"
                 :headers="response.headers"
                 :use-post-script="response.usePostScript"
-                :need-mock="false"
-              />
+                :need-mock="false" />
             </el-tab-pane>
 
             <el-tab-pane
               v-if="!isTcp"
               :label="$t('api_test.definition.request.status_code')"
               name="status_code"
-              class="pane"
-            >
+              class="pane">
               <el-row>
                 <el-col :span="2" />
                 <el-col :span="20">
-                  <el-input
-                    size="small"
-                    style="width: 180px; margin-top: 10px"
-                    v-model="response.httpCode"
-                  />
+                  <el-input size="small" style="width: 180px; margin-top: 10px" v-model="response.httpCode" />
                 </el-col>
                 <el-col :span="2" />
               </el-row>
             </el-tab-pane>
-            <el-tab-pane
-              :label="$t('commons.response_time_delay')"
-              name="delayed"
-              class="pane"
-            >
+            <el-tab-pane :label="$t('commons.response_time_delay')" name="delayed" class="pane">
               <el-row>
                 <el-input-number v-model="response.delayed" :min="0">
                   <template slot="append">ms</template>
@@ -83,20 +59,9 @@
           <i class="el-icon-close" @click="removePostScript" />
         </el-col>
       </el-row>
-      <div
-        class="text-container"
-        style="
-          border: 1px #dcdfe6 solid;
-          height: 100%;
-          border-radius: 4px;
-          width: 100%;
-        "
-      >
+      <div class="text-container" style="border: 1px #dcdfe6 solid; height: 100%; border-radius: 4px; width: 100%">
         <div style="padding: 15px 0">
-          <mock-api-script-editor
-            v-if="response.body.scriptObject"
-            :jsr223-processor="response.body.scriptObject"
-          />
+          <mock-api-script-editor v-if="response.body.scriptObject" :jsr223-processor="response.body.scriptObject" />
         </div>
       </div>
     </div>
diff --git a/api-test/frontend/src/business/definition/components/mock/Components/MockScriptNavMenu.vue b/api-test/frontend/src/business/definition/components/mock/Components/MockScriptNavMenu.vue
index 6ef076d914..6f6d2cb07e 100644
--- a/api-test/frontend/src/business/definition/components/mock/Components/MockScriptNavMenu.vue
+++ b/api-test/frontend/src/business/definition/components/mock/Components/MockScriptNavMenu.vue
@@ -6,40 +6,23 @@
           class="icon el-icon-arrow-right"
           style="font-weight: bold; margin-right: 2px"
           @click="active(menu)"
-          :class="{ 'is-active': menu.open }"
-        ></i>
-        <span @click="active(menu)" class="nav-menu-title nav-font">{{
-          menu.title
-        }}</span>
+          :class="{ 'is-active': menu.open }"></i>
+        <span @click="active(menu)" class="nav-menu-title nav-font">{{ menu.title }}</span>
       </span>
 
       <el-collapse-transition>
         <div v-if="menu.open">
-          <div
-            v-for="(child, key) in menu.children"
-            :key="key"
-            class="func-div"
-          >
-            <el-link
-              :disabled="child.disabled"
-              @click="handleClick(child)"
-              class="func-link nav-font"
-              >{{ child.title }}</el-link
-            >
+          <div v-for="(child, key) in menu.children" :key="key" class="func-div">
+            <el-link :disabled="child.disabled" @click="handleClick(child)" class="func-link nav-font">{{
+              child.title
+            }}</el-link>
           </div>
         </div>
       </el-collapse-transition>
     </div>
-    <custom-function-relate
-      ref="customFunctionRelate"
-      @addCustomFuncScript="handleCodeTemplate"
-    />
+    <custom-function-relate ref="customFunctionRelate" @addCustomFuncScript="handleCodeTemplate" />
     <!--接口列表-->
-    <api-func-relevance
-      @save="apiSave"
-      @close="apiClose"
-      ref="apiFuncRelevance"
-    />
+    <api-func-relevance @save="apiSave" @close="apiClose" ref="apiFuncRelevance" />
   </div>
 </template>
 
@@ -197,18 +180,11 @@ export default {
         // todo 优化
         if (this.language !== 'beanshell' && this.language !== 'groovy') {
           if (
-            obj.title ===
-              this.$t('api_test.request.processor.code_add_report_length') ||
-            obj.title ===
-              this.$t('api_test.request.processor.code_hide_report_length')
+            obj.title === this.$t('api_test.request.processor.code_add_report_length') ||
+            obj.title === this.$t('api_test.request.processor.code_hide_report_length')
           ) {
             this.$warning(
-              this.$t('commons.no_corresponding') +
-                ' ' +
-                this.language +
-                ' ' +
-                this.$t('commons.code_template') +
-                '！'
+              this.$t('commons.no_corresponding') + ' ' + this.language + ' ' + this.$t('commons.code_template') + '！'
             );
             return;
           }
diff --git a/api-test/frontend/src/business/definition/components/mock/Components/MockTcpParam.vue b/api-test/frontend/src/business/definition/components/mock/Components/MockTcpParam.vue
index 0e00343576..353e142e72 100644
--- a/api-test/frontend/src/business/definition/components/mock/Components/MockTcpParam.vue
+++ b/api-test/frontend/src/business/definition/components/mock/Components/MockTcpParam.vue
@@ -2,15 +2,7 @@
   <div>
     <el-row>
       <el-col :span="spanCount">
-        <div
-          style="
-            border: 1px #dcdfe6 solid;
-            height: 100%;
-            border-radius: 4px;
-            width: 100%;
-          "
-          v-loading="isReloadData"
-        >
+        <div style="border: 1px #dcdfe6 solid; height: 100%; border-radius: 4px; width: 100%" v-loading="isReloadData">
           <el-tabs v-model="activeName" class="request-tabs"> </el-tabs>
         </div>
       </el-col>
@@ -30,10 +22,7 @@ import MsApiAssertions from '@/business/definition/components/assertion/ApiAsser
 import MsApiExtract from '@/business/definition/components/extract/ApiExtract';
 import { Body, KeyValue } from '@/business/definition/model/ApiTestModel';
 import { getUUID } from 'metersphere-frontend/src/utils';
-import {
-  hasLicense,
-  hasPermission,
-} from 'metersphere-frontend/src/utils/permission';
+import { hasLicense, hasPermission } from 'metersphere-frontend/src/utils/permission';
 import BatchAddParameter from '@/business/definition/components/basis/BatchAddParameter';
 import MsApiAdvancedConfig from '@/business/definition/components/request/http/ApiAdvancedConfig';
 import MsJsr233Processor from '@/business/automation/scenario/component/Jsr233Processor';
@@ -138,15 +127,10 @@ export default {
     hasPermission,
     hasLicense,
     generate() {
-      if (
-        this.request.body &&
-        (this.request.body.jsonSchema || this.request.body.raw)
-      ) {
+      if (this.request.body && (this.request.body.jsonSchema || this.request.body.raw)) {
         if (!this.request.body.jsonSchema) {
           const MsConvert = new Convert();
-          this.request.body.jsonSchema = MsConvert.format(
-            JSON.parse(this.request.body.raw)
-          );
+          this.request.body.jsonSchema = MsConvert.format(JSON.parse(this.request.body.raw));
         }
         testDataGenerator(this.request.body.jsonSchema).then((response) => {
           if (response.data) {
@@ -155,10 +139,7 @@ export default {
             } else {
               const MsConvert = new Convert();
               let data = MsConvert.format(JSON.parse(response.data));
-              this.request.body.jsonSchema = this.deepAssign(
-                this.request.body.jsonSchema,
-                data
-              );
+              this.request.body.jsonSchema = this.deepAssign(this.request.body.jsonSchema, data);
             }
             this.reloadBody();
           }
diff --git a/api-test/frontend/src/business/definition/components/mock/MockConfig.vue b/api-test/frontend/src/business/definition/components/mock/MockConfig.vue
index cbbe5ca567..4d1cd1d3e4 100644
--- a/api-test/frontend/src/business/definition/components/mock/MockConfig.vue
+++ b/api-test/frontend/src/business/definition/components/mock/MockConfig.vue
@@ -8,33 +8,21 @@
           class="search-input"
           size="small"
           :clearable="serchInputClearable"
-          v-model="tableSearch"
-        />
+          v-model="tableSearch" />
         <el-table
           ref="table"
           border
           :data="
             mockConfigData.mockExpectConfigList.filter(
-              (data) =>
-                !tableSearch ||
-                data.name.toLowerCase().includes(tableSearch.toLowerCase())
+              (data) => !tableSearch || data.name.toLowerCase().includes(tableSearch.toLowerCase())
             )
           "
           @row-click="clickRow"
           row-key="id"
           class="test-content"
-          :height="screenHeight"
-        >
-          <el-table-column
-            :label="$t('api_test.mock.table.name')"
-            min-width="160px"
-            prop="name"
-          ></el-table-column>
-          <el-table-column
-            :label="$t('api_test.mock.table.tag')"
-            min-width="200px"
-            prop="tags"
-          >
+          :height="screenHeight">
+          <el-table-column :label="$t('api_test.mock.table.name')" min-width="160px" prop="name"></el-table-column>
+          <el-table-column :label="$t('api_test.mock.table.tag')" min-width="200px" prop="tags">
             <template v-slot:default="scope">
               <ms-tag
                 v-for="(itemName, index) in scope.row.tags"
@@ -43,57 +31,36 @@
                 effect="plain"
                 :show-tooltip="true"
                 :content="itemName"
-                style="margin-left: 0px; margin-right: 2px"
-              />
+                style="margin-left: 0px; margin-right: 2px" />
             </template>
           </el-table-column>
           <el-table-column
             :label="$t('api_test.mock.table.creator')"
             min-width="160px"
-            prop="createUserId"
-          ></el-table-column>
-          <el-table-column
-            :label="$t('api_test.mock.table.status')"
-            min-width="80px"
-            prop="status"
-          >
+            prop="createUserId"></el-table-column>
+          <el-table-column :label="$t('api_test.mock.table.status')" min-width="80px" prop="status">
             <template v-slot:default="scope">
               <div>
-                <el-switch
-                  v-model="scope.row.status"
-                  class="captcha-img"
-                  @change="changeStatus(scope.row)"
-                ></el-switch>
+                <el-switch v-model="scope.row.status" class="captcha-img" @change="changeStatus(scope.row)"></el-switch>
               </div>
             </template>
           </el-table-column>
-          <el-table-column
-            :label="$t('api_test.mock.table.update_time')"
-            min-width="160px"
-            prop="updateTime"
-          >
+          <el-table-column :label="$t('api_test.mock.table.update_time')" min-width="160px" prop="updateTime">
             <template v-slot:default="scope">
               <span>{{ scope.row.updateTime | datetimeFormat }}</span>
             </template>
           </el-table-column>
-          <el-table-column
-            fixed="right"
-            min-width="100"
-            align="center"
-            :label="$t('commons.operating')"
-          >
+          <el-table-column fixed="right" min-width="100" align="center" :label="$t('commons.operating')">
             <template v-slot:default="scope">
               <div>
                 <ms-table-operator-button
                   :tip="$t('commons.copy')"
                   icon="el-icon-copy-document"
-                  @exec="copyExpect(scope.row)"
-                />
+                  @exec="copyExpect(scope.row)" />
                 <ms-table-operator-button
                   :tip="$t('commons.delete')"
                   icon="el-icon-delete"
-                  @exec="removeExpect(scope.row)"
-                />
+                  @exec="removeExpect(scope.row)" />
               </div>
             </template>
           </el-table-column>
@@ -102,13 +69,7 @@
 
       <!--  期望详情 -->
       <p class="tip">{{ $t('api_test.mock.expect_detail') }}</p>
-      <el-form
-        :model="mockExpectConfig"
-        :rules="rule"
-        ref="mockExpectForm"
-        label-width="80px"
-        label-position="right"
-      >
+      <el-form :model="mockExpectConfig" :rules="rule" ref="mockExpectForm" label-width="80px" label-position="right">
         <div class="card">
           <div class="base-info">
             <el-row>
@@ -117,20 +78,12 @@
             <el-row>
               <el-col :span="12">
                 <el-form-item :label="$t('commons.name')" prop="name">
-                  <el-input
-                    class="ms-http-input"
-                    size="small"
-                    v-model="mockExpectConfig.name"
-                  />
+                  <el-input class="ms-http-input" size="small" v-model="mockExpectConfig.name" />
                 </el-form-item>
               </el-col>
               <el-col :span="12">
                 <el-form-item :label="$t('commons.tag')" prop="tag">
-                  <ms-input-tag
-                    :currentScenario="mockExpectConfig"
-                    v-if="showHeadTable"
-                    ref="tag"
-                  />
+                  <ms-input-tag :currentScenario="mockExpectConfig" v-if="showHeadTable" ref="tag" />
                 </el-form-item>
               </el-col>
             </el-row>
@@ -140,8 +93,7 @@
             </el-row>
             <el-row>
               <el-col style="margin: 10px">
-                <el-switch v-model="mockExpectConfig.request.jsonParam">
-                </el-switch>
+                <el-switch v-model="mockExpectConfig.request.jsonParam"> </el-switch>
                 JSON
               </el-col>
             </el-row>
@@ -152,8 +104,7 @@
                   :mode="'json'"
                   ref="codeEdit"
                   :data.sync="mockExpectConfig.request.jsonData"
-                  style="margin-top: 10px"
-                />
+                  style="margin-top: 10px" />
               </div>
               <div v-else>
                 <mock-row-variables
@@ -161,8 +112,7 @@
                   v-if="showHeadTable"
                   :header-suggestions="apiParams"
                   :items="mockExpectConfig.request.variables"
-                  ref="reqHttpHead"
-                />
+                  ref="reqHttpHead" />
               </div>
             </el-row>
 
@@ -171,24 +121,13 @@
             </el-row>
             <el-row>
               <el-col :span="12">
-                <el-form-item
-                  label="HTTP Code"
-                  label-width="100px"
-                  prop="response.httpCode"
-                >
-                  <el-input
-                    class="ms-http-input"
-                    size="small"
-                    v-model="mockExpectConfig.response.httpCode"
-                  />
+                <el-form-item label="HTTP Code" label-width="100px" prop="response.httpCode">
+                  <el-input class="ms-http-input" size="small" v-model="mockExpectConfig.response.httpCode" />
                 </el-form-item>
               </el-col>
               <el-col :span="6">
                 <el-form-item label="延时 (ms)" prop="response.delayed">
-                  <el-input-number
-                    v-model="mockExpectConfig.response.delayed"
-                    :min="0"
-                  >
+                  <el-input-number v-model="mockExpectConfig.response.delayed" :min="0">
                     <template slot="append">ms</template>
                   </el-input-number>
                 </el-form-item>
@@ -203,8 +142,7 @@
                 :show-copy="false"
                 :header-suggestions="headerSuggestions"
                 :items="mockExpectConfig.response.httpHeads"
-                ref="rspHttpHead"
-              />
+                ref="rspHttpHead" />
             </el-row>
             <el-row style="margin-top: 10px">
               <el-form-item label="Body:" label-width="50px">
@@ -213,31 +151,21 @@
                   :mode="'txt'"
                   ref="codeEdit"
                   :data.sync="mockExpectConfig.response.body"
-                  style="margin-top: 10px"
-                />
+                  style="margin-top: 10px" />
               </el-form-item>
             </el-row>
             <el-row>
               <div style="float: right; margin-right: 20px">
-                <el-button
-                  type="primary"
-                  size="small"
-                  @click="saveMockExpectConfig"
-                  title="ctrl + s"
+                <el-button type="primary" size="small" @click="saveMockExpectConfig" title="ctrl + s"
                   >{{ $t('commons.add') }}
                 </el-button>
-                <el-button
-                  type="primary"
-                  size="small"
-                  @click="cleanMockExpectConfig"
+                <el-button type="primary" size="small" @click="cleanMockExpectConfig"
                   >{{ $t('commons.clear') }}
                 </el-button>
                 <el-button
                   type="primary"
                   size="small"
-                  v-if="
-                    mockExpectConfig.id != '' && mockExpectConfig.id != null
-                  "
+                  v-if="mockExpectConfig.id != '' && mockExpectConfig.id != null"
                   @click="updateMockExpectConfig"
                   >{{ $t('commons.update') }}
                 </el-button>
@@ -251,12 +179,7 @@
 </template>
 
 <script>
-import {
-  createMockConfig,
-  delMock,
-  getMockApiParams,
-  updateMockExpectConfig,
-} from '@/api/api-mock';
+import { createMockConfig, delMock, getMockApiParams, updateMockExpectConfig } from '@/api/api-mock';
 import MsTableOperatorButton from 'metersphere-frontend/src/components/MsTableOperatorButton';
 import MockRowVariables from '@/business/definition/components/mock/MockRowVariables';
 import MsInputTag from '@/business/automation/scenario/MsInputTag';
@@ -346,21 +269,17 @@ export default {
     },
 
     removeExpect(row) {
-      operationConfirm(
-        this,
-        this.$t('api_test.mock.delete_mock_expect'),
-        () => {
-          let mockInfoId = row.mockConfigId;
-          delMock(row.id).then((response) => {
-            this.cleanMockExpectConfig();
-            this.refreshMockInfo(mockInfoId);
-            this.$message({
-              type: 'success',
-              message: this.$t('commons.delete_success'),
-            });
+      operationConfirm(this, this.$t('api_test.mock.delete_mock_expect'), () => {
+        let mockInfoId = row.mockConfigId;
+        delMock(row.id).then((response) => {
+          this.cleanMockExpectConfig();
+          this.refreshMockInfo(mockInfoId);
+          this.$message({
+            type: 'success',
+            message: this.$t('commons.delete_success'),
           });
-        }
-      );
+        });
+      });
     },
     saveMockExpectConfig() {
       let mockConfigId = this.mockConfigData.mockConfig.id;
diff --git a/api-test/frontend/src/business/definition/components/mock/MockConfigHeader.vue b/api-test/frontend/src/business/definition/components/mock/MockConfigHeader.vue
index 915ad80e4d..8a985a8d05 100644
--- a/api-test/frontend/src/business/definition/components/mock/MockConfigHeader.vue
+++ b/api-test/frontend/src/business/definition/components/mock/MockConfigHeader.vue
@@ -7,12 +7,7 @@
           {{ $t('commons.name') }}
         </el-col>
         <el-col :span="9">
-          <el-input
-            class="ms-http-input"
-            style="width: 80%"
-            size="small"
-            v-model="mockExpectConfig.name"
-          />
+          <el-input class="ms-http-input" style="width: 80%" size="small" v-model="mockExpectConfig.name" />
         </el-col>
         <el-col :span="1">
           {{ $t('commons.tag') }}
@@ -20,15 +15,9 @@
         <el-col :span="9">
           <ms-input-tag
             :currentScenario="mockExpectConfig"
-            style="
-              width: 80%;
-              height: 100%;
-              white-space: nowrap;
-              overflow: hidden;
-            "
+            style="width: 80%; height: 100%; white-space: nowrap; overflow: hidden"
             v-if="showHeadTable"
-            ref="tag"
-          />
+            ref="tag" />
         </el-col>
         <el-col :span="4">
           <el-button
diff --git a/api-test/frontend/src/business/definition/components/mock/MockEditDrawer.vue b/api-test/frontend/src/business/definition/components/mock/MockEditDrawer.vue
index 37dab36b07..41004a94c7 100644
--- a/api-test/frontend/src/business/definition/components/mock/MockEditDrawer.vue
+++ b/api-test/frontend/src/business/definition/components/mock/MockEditDrawer.vue
@@ -1,28 +1,15 @@
 <template>
-  <ms-drawer
-    :size="60"
-    @close="close"
-    :visible="showDrawer"
-    direction="bottom"
-    ref="mockDrawer"
-  >
+  <ms-drawer :size="60" @close="close" :visible="showDrawer" direction="bottom" ref="mockDrawer">
     <template v-slot:header>
       <mock-config-header
         :mock-expect-config="mockExpectConfig"
         :show-head-table="showHeadTable"
-        @saveMockExpectConfig="saveMockExpectConfig"
-      />
+        @saveMockExpectConfig="saveMockExpectConfig" />
     </template>
     <div>
       <!--  期望详情 -->
       <p class="tip">{{ $t('api_test.mock.request_condition') }}</p>
-      <el-form
-        :model="mockExpectConfig"
-        :rules="rule"
-        ref="mockExpectForm"
-        label-width="80px"
-        label-position="right"
-      >
+      <el-form :model="mockExpectConfig" :rules="rule" ref="mockExpectForm" label-width="80px" label-position="right">
         <div class="card">
           <div class="base-info">
             <el-row>
@@ -31,16 +18,14 @@
                 :show-operation-col="true"
                 :request="mockExpectConfig.request"
                 style="margin: 10px 10px"
-                ref="tcpParam"
-              ></tcp-params>
+                ref="tcpParam"></tcp-params>
               <mock-request-param
                 v-else
                 :isShowEnable="false"
                 :referenced="true"
                 :is-read-only="false"
                 :api-params="apiParams"
-                :request="mockExpectConfig.request.params"
-              />
+                :request="mockExpectConfig.request.params" />
             </el-row>
 
             <el-row style="margin-top: 10px">
@@ -48,11 +33,7 @@
                 <p class="tip">{{ $t('api_test.mock.rsp_param') }}</p>
               </el-col>
               <el-col :span="12">
-                <el-button
-                  class="ms-right-buttion"
-                  size="small"
-                  @click="addPostScript"
-                >
+                <el-button class="ms-right-buttion" size="small" @click="addPostScript">
                   +{{ $t('api_test.definition.request.post_script') }}
                 </el-button>
               </el-col>
@@ -62,8 +43,7 @@
                 :api-id="apiId"
                 :is-tcp="isTcp"
                 :response="mockExpectConfig.response.responseResult"
-                ref="mockResponseParam"
-              />
+                ref="mockResponseParam" />
             </el-row>
           </div>
         </div>
@@ -180,9 +160,7 @@ export default {
   },
   watch: {},
   created() {
-    this.mockExpectConfig = JSON.parse(
-      JSON.stringify(this.baseMockExpectConfig)
-    );
+    this.mockExpectConfig = JSON.parse(JSON.stringify(this.baseMockExpectConfig));
   },
   computed: {},
   methods: {
@@ -193,9 +171,7 @@ export default {
       return (((1 + Math.random()) * 0x100000) | 0).toString(16).substring(1);
     },
     open(param) {
-      this.mockExpectConfig = JSON.parse(
-        JSON.stringify(this.baseMockExpectConfig)
-      );
+      this.mockExpectConfig = JSON.parse(JSON.stringify(this.baseMockExpectConfig));
       if (param) {
         this.mockExpectConfig = param;
         if (!this.mockExpectConfig.request.params) {
@@ -211,13 +187,9 @@ export default {
           };
           this.$set(this.mockExpectConfig.request, 'params', requestParamsObj);
 
-          if (
-            this.mockExpectConfig.request.jsonParam &&
-            this.mockExpectConfig.request.jsonData
-          ) {
+          if (this.mockExpectConfig.request.jsonParam && this.mockExpectConfig.request.jsonData) {
             this.mockExpectConfig.request.params.body.type = 'JSON';
-            this.mockExpectConfig.request.params.body.raw =
-              this.mockExpectConfig.request.jsonData;
+            this.mockExpectConfig.request.params.body.raw = this.mockExpectConfig.request.jsonData;
           } else if (this.mockExpectConfig.request.variables) {
             this.mockExpectConfig.request.params.body.type = 'Form Data';
             let headerItem = {};
@@ -258,11 +230,7 @@ export default {
               binary: [],
             },
           };
-          this.$set(
-            this.mockExpectConfig.response,
-            'responseResult',
-            responseResultObj
-          );
+          this.$set(this.mockExpectConfig.response, 'responseResult', responseResultObj);
           if (this.mockExpectConfig.response.httpHeads) {
             this.mockExpectConfig.response.httpHeads.forEach((item) => {
               this.mockExpectConfig.response.responseResult.headers.push({
@@ -292,9 +260,7 @@ export default {
     },
     cleanMockExpectConfig() {
       this.showHeadTable = false;
-      this.mockExpectConfig = JSON.parse(
-        JSON.stringify(this.baseMockExpectConfig)
-      );
+      this.mockExpectConfig = JSON.parse(JSON.stringify(this.baseMockExpectConfig));
       this.$nextTick(function () {
         this.showHeadTable = true;
       });
diff --git a/api-test/frontend/src/business/definition/components/mock/MockRowVariables.vue b/api-test/frontend/src/business/definition/components/mock/MockRowVariables.vue
index 081ee0a916..9cd3bd36ea 100644
--- a/api-test/frontend/src/business/definition/components/mock/MockRowVariables.vue
+++ b/api-test/frontend/src/business/definition/components/mock/MockRowVariables.vue
@@ -12,8 +12,7 @@
             @change="change"
             :value="item.uuid"
             v-model="item.enable"
-            :disabled="isDisable(index) || isReadOnly"
-          />
+            :disabled="isDisable(index) || isReadOnly" />
         </el-col>
 
         <el-col>
@@ -24,8 +23,7 @@
             size="small"
             style="width: 100%"
             :fetch-suggestions="querySearch"
-            show-word-limit
-          />
+            show-word-limit />
         </el-col>
         <el-col>
           <el-input
@@ -34,8 +32,7 @@
             size="small"
             @change="change"
             :placeholder="$t('api_test.value')"
-            show-word-limit
-          />
+            show-word-limit />
         </el-col>
         <el-col class="kv-delete">
           <el-button
@@ -43,8 +40,7 @@
             class="el-icon-delete-solid"
             circle
             @click="remove(index)"
-            :disabled="isDisable(index) || isReadOnly"
-          />
+            :disabled="isDisable(index) || isReadOnly" />
         </el-col>
       </el-row>
     </div>
@@ -107,17 +103,12 @@ export default {
     },
     querySearch(queryString, cb) {
       let suggestions = this.headerSuggestions;
-      let results = queryString
-        ? suggestions.filter(this.createFilter(queryString))
-        : suggestions;
+      let results = queryString ? suggestions.filter(this.createFilter(queryString)) : suggestions;
       cb(results);
     },
     createFilter(queryString) {
       return (restaurant) => {
-        return (
-          restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) ===
-          0
-        );
+        return restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0;
       };
     },
   },
diff --git a/api-test/frontend/src/business/definition/components/mock/MockTab.vue b/api-test/frontend/src/business/definition/components/mock/MockTab.vue
index b277a5f760..966eb33f92 100644
--- a/api-test/frontend/src/business/definition/components/mock/MockTab.vue
+++ b/api-test/frontend/src/business/definition/components/mock/MockTab.vue
@@ -1,9 +1,7 @@
 <template>
   <div>
     <div>
-      <div class="ms-opt-btn" v-if="versionEnable">
-        {{ $t('project.version.name') }}: {{ versionName }}
-      </div>
+      <div class="ms-opt-btn" v-if="versionEnable">{{ $t('project.version.name') }}: {{ versionName }}</div>
       <div style="float: left; margin-top: 15px">
         Mock地址：
         <el-link
@@ -11,21 +9,17 @@
           :href="getUrlPrefix"
           style="color: black"
           target="_blank"
-          type="primary"
-        >
+          type="primary">
           <span>{{ this.getUrlPrefix }}</span>
         </el-link>
-        <el-link v-else style="color: darkred" target="_blank" type="primary"
-          >当前项目未开启Mock服务
-        </el-link>
+        <el-link v-else style="color: darkred" target="_blank" type="primary">当前项目未开启Mock服务 </el-link>
       </div>
       <el-input
         :placeholder="$t('commons.search_by_name')"
         class="search-input"
         size="small"
         :clearable="true"
-        v-model="tableSearch"
-      />
+        v-model="tableSearch" />
       <el-button
         type="primary"
         style="float: right; margin-right: 10px"
@@ -39,9 +33,7 @@
         v-loading="result"
         :data="
           mockConfigData.mockExpectConfigList.filter(
-            (data) =>
-              !tableSearch ||
-              data.name.toLowerCase().includes(tableSearch.toLowerCase())
+            (data) => !tableSearch || data.name.toLowerCase().includes(tableSearch.toLowerCase())
           )
         "
         :operators="operators"
@@ -51,26 +43,11 @@
         @row-click="clickRow"
         row-key="id"
         operator-width="170px"
-        ref="table"
-      >
-        <ms-table-column
-          prop="expectNum"
-          :label="$t('commons.id')"
-          min-width="120px"
-        >
-        </ms-table-column>
+        ref="table">
+        <ms-table-column prop="expectNum" :label="$t('commons.id')" min-width="120px"> </ms-table-column>
 
-        <ms-table-column
-          prop="name"
-          :label="$t('api_test.mock.table.name')"
-          min-width="160px"
-        >
-        </ms-table-column>
-        <ms-table-column
-          prop="tags"
-          width="200px"
-          :label="$t('api_test.mock.table.tag')"
-        >
+        <ms-table-column prop="name" :label="$t('api_test.mock.table.name')" min-width="160px"> </ms-table-column>
+        <ms-table-column prop="tags" width="200px" :label="$t('api_test.mock.table.tag')">
           <template v-slot:default="scope">
             <ms-tag
               v-for="(itemName, index) in scope.row.tags"
@@ -79,39 +56,25 @@
               effect="plain"
               :show-tooltip="true"
               :content="itemName"
-              style="margin-left: 0px; margin-right: 2px"
-            />
+              style="margin-left: 0px; margin-right: 2px" />
             <span />
           </template>
         </ms-table-column>
 
-        <ms-table-column
-          prop="createUserId"
-          :label="$t('api_test.mock.table.creator')"
-          min-width="160px"
-        />
+        <ms-table-column prop="createUserId" :label="$t('api_test.mock.table.creator')" min-width="160px" />
         <ms-table-column
           sortable="updateTime"
           min-width="160px"
           :label="$t('api_test.definition.api_last_time')"
-          prop="updateTime"
-        >
+          prop="updateTime">
           <template v-slot:default="scope">
             <span>{{ scope.row.updateTime | datetimeFormat }}</span>
           </template>
         </ms-table-column>
-        <ms-table-column
-          prop="status"
-          min-width="50px"
-          :label="$t('api_test.mock.table.status')"
-        >
+        <ms-table-column prop="status" min-width="50px" :label="$t('api_test.mock.table.status')">
           <template v-slot:default="scope">
             <div>
-              <el-switch
-                v-model="scope.row.status"
-                class="captcha-img"
-                @change="changeStatus(scope.row)"
-              ></el-switch>
+              <el-switch v-model="scope.row.status" class="captcha-img" @change="changeStatus(scope.row)"></el-switch>
             </div>
           </template>
         </ms-table-column>
@@ -123,8 +86,7 @@
       :api-params="apiParams"
       @refreshMockInfo="refreshMockInfo"
       :mock-config-id="mockConfigData.mockConfig.id"
-      ref="mockEditDrawer"
-    />
+      ref="mockEditDrawer" />
   </div>
 </template>
 
@@ -231,10 +193,7 @@ export default {
             pathUrlArr.forEach((item) => {
               if (item !== '') {
                 let pathItem = item;
-                if (
-                  item.indexOf('{') === 0 &&
-                  item.indexOf('}') === item.length - 1
-                ) {
+                if (item.indexOf('{') === 0 && item.indexOf('}') === item.length - 1) {
                   let paramItem = item.substr(1, item.length - 2);
                   for (let i = 0; i < this.form.request.rest.length; i++) {
                     let param = this.form.request.rest[i];
@@ -291,10 +250,7 @@ export default {
     getHttpMockTestData(requestParam) {
       if (requestParam && requestParam.params) {
         let selectParma = [];
-        if (
-          requestParam.params.arguments &&
-          requestParam.params.arguments.length > 0
-        ) {
+        if (requestParam.params.arguments && requestParam.params.arguments.length > 0) {
           requestParam.params.arguments.forEach((item) => {
             if (item.rangeType && item.value && item.uuid) {
               let paramObj = {
@@ -318,10 +274,7 @@ export default {
             }
           });
         }
-        if (
-          requestParam.params.body.kvs &&
-          requestParam.params.body.kvs.length > 0
-        ) {
+        if (requestParam.params.body.kvs && requestParam.params.body.kvs.length > 0) {
           requestParam.params.body.kvs.forEach((item) => {
             if (item.rangeType && item.value && item.uuid) {
               let paramObj = {
@@ -339,39 +292,22 @@ export default {
             let returnData = response.data;
             if (returnData && returnData.length > 0) {
               returnData.forEach((data) => {
-                if (
-                  requestParam.params.arguments &&
-                  requestParam.params.arguments.length > 0
-                ) {
-                  for (
-                    let i = 0;
-                    i < requestParam.params.arguments.length;
-                    i++
-                  ) {
+                if (requestParam.params.arguments && requestParam.params.arguments.length > 0) {
+                  for (let i = 0; i < requestParam.params.arguments.length; i++) {
                     if (requestParam.params.arguments[i].uuid === data.id) {
                       requestParam.params.arguments[i].value = data.value;
                     }
                   }
                 }
-                if (
-                  requestParam.params.rest &&
-                  requestParam.params.rest.length > 0
-                ) {
+                if (requestParam.params.rest && requestParam.params.rest.length > 0) {
                   for (let i = 0; i < requestParam.params.rest.length; i++) {
                     if (requestParam.params.rest[i].uuid === data.id) {
                       requestParam.params.rest[i].value = data.value;
                     }
                   }
                 }
-                if (
-                  requestParam.params.body.kvs &&
-                  requestParam.params.body.kvs.length > 0
-                ) {
-                  for (
-                    let i = 0;
-                    i < requestParam.params.body.kvs.length;
-                    i++
-                  ) {
+                if (requestParam.params.body.kvs && requestParam.params.body.kvs.length > 0) {
+                  for (let i = 0; i < requestParam.params.body.kvs.length; i++) {
                     if (requestParam.params.body.kvs[i].uuid === data.id) {
                       requestParam.params.body.kvs[i].value = data.value;
                     }
@@ -470,20 +406,16 @@ export default {
       });
     },
     removeExpect(row) {
-      operationConfirm(
-        this,
-        this.$t('api_test.mock.delete_mock_expect'),
-        () => {
-          let mockInfoId = row.mockConfigId;
-          delMock(row.id).then((response) => {
-            this.refreshMockInfo(mockInfoId);
-            this.$message({
-              type: 'success',
-              message: this.$t('commons.delete_success'),
-            });
+      operationConfirm(this, this.$t('api_test.mock.delete_mock_expect'), () => {
+        let mockInfoId = row.mockConfigId;
+        delMock(row.id).then((response) => {
+          this.refreshMockInfo(mockInfoId);
+          this.$message({
+            type: 'success',
+            message: this.$t('commons.delete_success'),
           });
-        }
-      );
+        });
+      });
     },
     refreshMockInfo(mockConfigId) {
       let mockParam = {};
diff --git a/api-test/frontend/src/business/definition/components/mock/TcpMockConfig.vue b/api-test/frontend/src/business/definition/components/mock/TcpMockConfig.vue
index 1c59572812..2b84306f9c 100644
--- a/api-test/frontend/src/business/definition/components/mock/TcpMockConfig.vue
+++ b/api-test/frontend/src/business/definition/components/mock/TcpMockConfig.vue
@@ -8,33 +8,21 @@
           class="search-input"
           size="small"
           :clearable="serchInputClearable"
-          v-model="tableSearch"
-        />
+          v-model="tableSearch" />
         <el-table
           ref="table"
           border
           :data="
             mockConfigData.mockExpectConfigList.filter(
-              (data) =>
-                !tableSearch ||
-                data.name.toLowerCase().includes(tableSearch.toLowerCase())
+              (data) => !tableSearch || data.name.toLowerCase().includes(tableSearch.toLowerCase())
             )
           "
           @row-click="clickRow"
           row-key="id"
           class="test-content"
-          :height="screenHeight"
-        >
-          <el-table-column
-            :label="$t('api_test.mock.table.name')"
-            min-width="160px"
-            prop="name"
-          ></el-table-column>
-          <el-table-column
-            :label="$t('api_test.mock.table.tag')"
-            min-width="200px"
-            prop="tags"
-          >
+          :height="screenHeight">
+          <el-table-column :label="$t('api_test.mock.table.name')" min-width="160px" prop="name"></el-table-column>
+          <el-table-column :label="$t('api_test.mock.table.tag')" min-width="200px" prop="tags">
             <template v-slot:default="scope">
               <ms-tag
                 v-for="(itemName, index) in scope.row.tags"
@@ -43,57 +31,36 @@
                 effect="plain"
                 :show-tooltip="true"
                 :content="itemName"
-                style="margin-left: 0px; margin-right: 2px"
-              />
+                style="margin-left: 0px; margin-right: 2px" />
             </template>
           </el-table-column>
           <el-table-column
             :label="$t('api_test.mock.table.creator')"
             min-width="160px"
-            prop="createUserId"
-          ></el-table-column>
-          <el-table-column
-            :label="$t('api_test.mock.table.status')"
-            min-width="80px"
-            prop="status"
-          >
+            prop="createUserId"></el-table-column>
+          <el-table-column :label="$t('api_test.mock.table.status')" min-width="80px" prop="status">
             <template v-slot:default="scope">
               <div>
-                <el-switch
-                  v-model="scope.row.status"
-                  class="captcha-img"
-                  @change="changeStatus(scope.row)"
-                ></el-switch>
+                <el-switch v-model="scope.row.status" class="captcha-img" @change="changeStatus(scope.row)"></el-switch>
               </div>
             </template>
           </el-table-column>
-          <el-table-column
-            :label="$t('api_test.mock.table.update_time')"
-            min-width="160px"
-            prop="updateTime"
-          >
+          <el-table-column :label="$t('api_test.mock.table.update_time')" min-width="160px" prop="updateTime">
             <template v-slot:default="scope">
               <span>{{ scope.row.updateTime | datetimeFormat }}</span>
             </template>
           </el-table-column>
-          <el-table-column
-            fixed="right"
-            min-width="100"
-            align="center"
-            :label="$t('commons.operating')"
-          >
+          <el-table-column fixed="right" min-width="100" align="center" :label="$t('commons.operating')">
             <template v-slot:default="scope">
               <div>
                 <ms-table-operator-button
                   :tip="$t('commons.copy')"
                   icon="el-icon-copy-document"
-                  @exec="copyExpect(scope.row)"
-                />
+                  @exec="copyExpect(scope.row)" />
                 <ms-table-operator-button
                   :tip="$t('commons.delete')"
                   icon="el-icon-delete"
-                  @exec="removeExpect(scope.row)"
-                />
+                  @exec="removeExpect(scope.row)" />
               </div>
             </template>
           </el-table-column>
@@ -102,13 +69,7 @@
 
       <!--  期望详情 -->
       <p class="tip">{{ $t('api_test.mock.expect_detail') }}</p>
-      <el-form
-        :model="mockExpectConfig"
-        :rules="rule"
-        ref="mockExpectForm"
-        label-width="80px"
-        label-position="right"
-      >
+      <el-form :model="mockExpectConfig" :rules="rule" ref="mockExpectForm" label-width="80px" label-position="right">
         <div class="card">
           <div class="base-info">
             <el-row>
@@ -117,20 +78,12 @@
             <el-row>
               <el-col :span="12">
                 <el-form-item :label="$t('commons.name')" prop="name">
-                  <el-input
-                    class="ms-http-input"
-                    size="small"
-                    v-model="mockExpectConfig.name"
-                  />
+                  <el-input class="ms-http-input" size="small" v-model="mockExpectConfig.name" />
                 </el-form-item>
               </el-col>
               <el-col :span="12">
                 <el-form-item :label="$t('commons.tag')" prop="tag">
-                  <ms-input-tag
-                    :currentScenario="mockExpectConfig"
-                    v-if="showHeadTable"
-                    ref="tag"
-                  />
+                  <ms-input-tag :currentScenario="mockExpectConfig" v-if="showHeadTable" ref="tag" />
                 </el-form-item>
               </el-col>
             </el-row>
@@ -139,21 +92,14 @@
               <el-col>{{ $t('api_test.mock.req_param') }}</el-col>
             </el-row>
             <el-row>
-              <tcp-params
-                :request="mockExpectConfig.request"
-                style="margin: 10px 10px"
-                ref="tcpParam"
-              ></tcp-params>
+              <tcp-params :request="mockExpectConfig.request" style="margin: 10px 10px" ref="tcpParam"></tcp-params>
             </el-row>
             <el-row style="margin-top: 10px">
               <el-col>{{ $t('api_test.mock.rsp_param') }}</el-col>
             </el-row>
             <el-row>
               <el-form-item label="延时 (ms)" prop="response.delayed">
-                <el-input-number
-                  v-model="mockExpectConfig.response.delayed"
-                  :min="0"
-                >
+                <el-input-number v-model="mockExpectConfig.response.delayed" :min="0">
                   <template slot="append">ms</template>
                 </el-input-number>
               </el-form-item>
@@ -165,31 +111,21 @@
                   :mode="'txt'"
                   ref="codeEdit"
                   :data.sync="mockExpectConfig.response.body"
-                  style="margin-top: 10px"
-                />
+                  style="margin-top: 10px" />
               </el-form-item>
             </el-row>
             <el-row>
               <div style="float: right; margin-right: 20px">
-                <el-button
-                  type="primary"
-                  size="small"
-                  @click="saveMockExpectConfig"
-                  title="ctrl + s"
+                <el-button type="primary" size="small" @click="saveMockExpectConfig" title="ctrl + s"
                   >{{ $t('commons.add') }}
                 </el-button>
-                <el-button
-                  type="primary"
-                  size="small"
-                  @click="cleanMockExpectConfig"
+                <el-button type="primary" size="small" @click="cleanMockExpectConfig"
                   >{{ $t('commons.clear') }}
                 </el-button>
                 <el-button
                   type="primary"
                   size="small"
-                  v-if="
-                    mockExpectConfig.id != '' && mockExpectConfig.id != null
-                  "
+                  v-if="mockExpectConfig.id != '' && mockExpectConfig.id != null"
                   @click="updateMockExpectConfig"
                   >{{ $t('commons.update') }}
                 </el-button>
@@ -203,12 +139,7 @@
 </template>
 
 <script>
-import {
-  createMockConfig,
-  delMock,
-  mockExpectConfig,
-  updateMockExpectConfig,
-} from '@/api/api-mock';
+import { createMockConfig, delMock, mockExpectConfig, updateMockExpectConfig } from '@/api/api-mock';
 import MsTableOperatorButton from 'metersphere-frontend/src/components/MsTableOperatorButton';
 import MockRowVariables from '@/business/definition/components/mock/MockRowVariables';
 import MsInputTag from '@/business/automation/scenario/MsInputTag';
@@ -326,21 +257,17 @@ export default {
       });
     },
     removeExpect(row) {
-      operationConfirm(
-        this,
-        this.$t('api_test.mock.delete_mock_expect'),
-        () => {
-          let mockInfoId = row.mockConfigId;
-          delMock(row.id).then((response) => {
-            this.cleanMockExpectConfig();
-            this.refreshMockInfo(mockInfoId);
-            this.$message({
-              type: 'success',
-              message: this.$t('commons.delete_success'),
-            });
+      operationConfirm(this, this.$t('api_test.mock.delete_mock_expect'), () => {
+        let mockInfoId = row.mockConfigId;
+        delMock(row.id).then((response) => {
+          this.cleanMockExpectConfig();
+          this.refreshMockInfo(mockInfoId);
+          this.$message({
+            type: 'success',
+            message: this.$t('commons.delete_success'),
           });
-        }
-      );
+        });
+      });
     },
     saveMockExpectConfig() {
       let mockConfigId = this.mockConfigData.mockConfig.id;
diff --git a/api-test/frontend/src/business/definition/components/module/ApiModule.vue b/api-test/frontend/src/business/definition/components/module/ApiModule.vue
index c03d1685ad..d322131c61 100644
--- a/api-test/frontend/src/business/definition/components/module/ApiModule.vue
+++ b/api-test/frontend/src/business/definition/components/module/ApiModule.vue
@@ -21,8 +21,7 @@
       :add-permission="['PROJECT_API_DEFINITION:READ+CREATE_API']"
       :update-permission="['PROJECT_API_DEFINITION:READ+EDIT_API']"
       @nodeSelectEvent="nodeChange"
-      ref="nodeTree"
-    >
+      ref="nodeTree">
       <template v-slot:header>
         <api-module-header
           :show-operator="showOperator"
@@ -39,8 +38,7 @@
           @refreshTable="$emit('refreshTable')"
           @schedule="$emit('schedule')"
           @refresh="refresh"
-          @debug="debug"
-        />
+          @debug="debug" />
       </template>
     </ms-node-tree>
   </div>
@@ -183,11 +181,7 @@ export default {
         this.condition.protocol = this.$route.params.type;
         this.$emit('protocolChange', this.condition.protocol);
         this.list();
-      } else if (
-        !this.isRelevance &&
-        !isRedirectPage &&
-        this.selectDefaultProtocol
-      ) {
+      } else if (!this.isRelevance && !isRedirectPage && this.selectDefaultProtocol) {
         //展示页面是非引用页面才会查询上一次接口类型
         getUserDefaultApiType().then((response) => {
           this.condition.protocol = response.data;
@@ -202,9 +196,7 @@ export default {
     isRedirect() {
       let isRedirectPage = false;
       if (this.$route.params.dataSelectRange) {
-        let item = JSON.parse(
-          JSON.stringify(this.$route.params.dataSelectRange)
-        ).param;
+        let item = JSON.parse(JSON.stringify(this.$route.params.dataSelectRange)).param;
         if (item) {
           let type = item.taskGroup.toString();
           if (type === 'SWAGGER_IMPORT') {
@@ -222,27 +214,17 @@ export default {
         projectId = this.projectId ? this.projectId : getCurrentProjectID();
       }
       if (this.isRelevanceModel) {
-        this.result = getApiModules(
-          this.relevanceProjectId,
-          this.condition.protocol,
-          this.currentVersion
-        ).then((response) => {
-          this.setData(response);
-        });
+        this.result = getApiModules(this.relevanceProjectId, this.condition.protocol, this.currentVersion).then(
+          (response) => {
+            this.setData(response);
+          }
+        );
       } else if (this.isTrashData) {
-        this.result = getApiModuleByTrash(
-          projectId,
-          this.condition.protocol,
-          this.currentVersion
-        ).then((response) => {
+        this.result = getApiModuleByTrash(projectId, this.condition.protocol, this.currentVersion).then((response) => {
           this.setData(response);
         });
       } else {
-        this.result = getApiModules(
-          projectId,
-          this.condition.protocol,
-          this.currentVersion
-        ).then((response) => {
+        this.result = getApiModules(projectId, this.condition.protocol, this.currentVersion).then((response) => {
           this.setData(response);
         });
       }
@@ -251,10 +233,7 @@ export default {
       if (response.data != undefined && response.data != null) {
         let treeData = response.data;
         treeData.forEach((node) => {
-          node.name =
-            node.name === '未规划接口'
-              ? this.$t('api_test.definition.unplanned_api')
-              : node.name;
+          node.name = node.name === '未规划接口' ? this.$t('api_test.definition.unplanned_api') : node.name;
           buildTree(node, { path: '' });
         });
         this.data = treeData;
@@ -272,10 +251,7 @@ export default {
       if (response.data != undefined && response.data != null) {
         this.data = response.data;
         this.data.forEach((node) => {
-          node.name =
-            node.name === '未规划接口'
-              ? this.$t('api_test.definition.unplanned_api')
-              : node.name;
+          node.name = node.name === '未规划接口' ? this.$t('api_test.definition.unplanned_api') : node.name;
           buildTree(node, { path: '' });
         });
         this.$emit('setModuleOptions', this.data);
@@ -348,24 +324,21 @@ export default {
       if (this.isRelevanceModel) {
         getApiModules(
           this.relevanceProjectId,
-          this.condition.protocol +
-            (this.currentVersion ? '/' + this.currentVersion : '')
+          this.condition.protocol + (this.currentVersion ? '/' + this.currentVersion : '')
         ).then((response) => {
           this.setNohupData(response, selectNodeId);
         });
       } else if (this.isTrashData) {
         getApiModuleByTrash(
           this.projectId,
-          this.condition.protocol +
-            (this.currentVersion ? '/' + this.currentVersion : '')
+          this.condition.protocol + (this.currentVersion ? '/' + this.currentVersion : '')
         ).then((response) => {
           this.setNohupData(response, selectNodeId);
         });
       } else {
         getApiModules(
           this.projectId,
-          this.condition.protocol +
-            (this.currentVersion ? '/' + this.currentVersion : '')
+          this.condition.protocol + (this.currentVersion ? '/' + this.currentVersion : '')
         ).then((response) => {
           this.setNohupData(response, selectNodeId);
         });
diff --git a/api-test/frontend/src/business/definition/components/module/ApiModuleHeader.vue b/api-test/frontend/src/business/definition/components/module/ApiModuleHeader.vue
index 7145340ce4..2d64d2620f 100644
--- a/api-test/frontend/src/business/definition/components/module/ApiModuleHeader.vue
+++ b/api-test/frontend/src/business/definition/components/module/ApiModuleHeader.vue
@@ -2,50 +2,34 @@
   <div>
     <el-row>
       <el-col :span="8">
-        <el-select
-          class="protocol-select"
-          size="small"
-          v-model="condition.protocol"
-        >
+        <el-select class="protocol-select" size="small" v-model="condition.protocol">
           <el-option
             v-for="item in options"
             :key="item.value"
             :name="item.name"
             :value="item.value"
-            :disabled="item.disabled"
-          >
+            :disabled="item.disabled">
           </el-option>
         </el-select>
       </el-col>
       <el-col :span="15">
-        <ms-search-bar
-          :show-operator="showOperator && !isTrashData"
-          :condition="condition"
-          :commands="operators"
-        />
+        <ms-search-bar :show-operator="showOperator && !isTrashData" :condition="condition" :commands="operators" />
       </el-col>
     </el-row>
 
-    <module-trash-button
-      v-if="showTrashNode"
-      :condition="condition"
-      :total="total"
-      :exe="enableTrash"
-    />
+    <module-trash-button v-if="showTrashNode" :condition="condition" :total="total" :exe="enableTrash" />
 
     <ms-add-basis-api
       :current-protocol="condition.protocol"
       :module-options="moduleOptions"
       @saveAsEdit="saveAsEdit"
       @refresh="refresh"
-      ref="basisApi"
-    />
+      ref="basisApi" />
     <api-import
       :protocol="condition.protocol"
       ref="apiImport"
       :moduleOptions="moduleOptions"
-      @refresh="$emit('refresh')"
-    />
+      @refresh="$emit('refresh')" />
   </div>
 </template>
 
diff --git a/api-test/frontend/src/business/definition/components/module/ModulePublicButton.vue b/api-test/frontend/src/business/definition/components/module/ModulePublicButton.vue
index 974625d268..9a7a738e50 100644
--- a/api-test/frontend/src/business/definition/components/module/ModulePublicButton.vue
+++ b/api-test/frontend/src/business/definition/components/module/ModulePublicButton.vue
@@ -1,18 +1,11 @@
 <template>
-  <div
-    @click="exe"
-    class="recycle"
-    :class="{ 'is-active': condition.publicEnable }"
-    v-if="this.isXpack"
-  >
+  <div @click="exe" class="recycle" :class="{ 'is-active': condition.publicEnable }" v-if="this.isXpack">
     <el-row>
       <el-col :span="20"
         ><i class="el-icon-reading"> {{ $t('project.case_public') }}</i></el-col
       >
       <el-col :span="4"
-        ><span style="color: var(--primary_color)">{{
-          publicTotal
-        }}</span></el-col
+        ><span style="color: var(--primary_color)">{{ publicTotal }}</span></el-col
       >
     </el-row>
   </div>
diff --git a/api-test/frontend/src/business/definition/components/module/ModuleTrashButton.vue b/api-test/frontend/src/business/definition/components/module/ModuleTrashButton.vue
index 01f468228e..9bf1307756 100644
--- a/api-test/frontend/src/business/definition/components/module/ModuleTrashButton.vue
+++ b/api-test/frontend/src/business/definition/components/module/ModuleTrashButton.vue
@@ -1,9 +1,5 @@
 <template>
-  <div
-    @click="exe"
-    class="recycle"
-    :class="{ 'is-active': condition.trashEnable }"
-  >
+  <div @click="exe" class="recycle" :class="{ 'is-active': condition.trashEnable }">
     <el-row>
       <el-col :span="21"
         ><i class="el-icon-delete"> {{ $t('commons.trash') }}</i></el-col
diff --git a/api-test/frontend/src/business/definition/components/reference/ApiCaseTableExtendBtns.vue b/api-test/frontend/src/business/definition/components/reference/ApiCaseTableExtendBtns.vue
index a6e0b0c84a..816c82b63c 100644
--- a/api-test/frontend/src/business/definition/components/reference/ApiCaseTableExtendBtns.vue
+++ b/api-test/frontend/src/business/definition/components/reference/ApiCaseTableExtendBtns.vue
@@ -4,17 +4,14 @@
       <el-icon class="el-icon-more"></el-icon>
     </el-link>
     <el-dropdown-menu slot="dropdown">
-      <el-dropdown-item command="ref">{{
-        $t('api_test.automation.view_ref')
-      }}</el-dropdown-item>
+      <el-dropdown-item command="ref">{{ $t('api_test.automation.view_ref') }}</el-dropdown-item>
       <el-dropdown-item command="history" v-modules="['history']">
         {{ $t('commons.execute_history') }}
       </el-dropdown-item>
       <el-dropdown-item
         command="create_performance"
         v-modules="['performance']"
-        v-permission="['PROJECT_API_DEFINITION:READ+CREATE_PERFORMANCE']"
-      >
+        v-permission="['PROJECT_API_DEFINITION:READ+CREATE_PERFORMANCE']">
         {{ $t('api_test.create_performance_test') }}
       </el-dropdown-item>
     </el-dropdown-menu>
diff --git a/api-test/frontend/src/business/definition/components/reference/ApiExtendBtns.vue b/api-test/frontend/src/business/definition/components/reference/ApiExtendBtns.vue
index e69f7dbe2a..6540d16f7a 100644
--- a/api-test/frontend/src/business/definition/components/reference/ApiExtendBtns.vue
+++ b/api-test/frontend/src/business/definition/components/reference/ApiExtendBtns.vue
@@ -4,13 +4,8 @@
       <el-icon class="el-icon-more"></el-icon>
     </el-link>
     <el-dropdown-menu slot="dropdown">
-      <el-dropdown-item command="ref">{{
-        $t('api_test.automation.view_ref')
-      }}</el-dropdown-item>
-      <el-dropdown-item
-        command="create_performance"
-        v-permission="['PROJECT_API_DEFINITION:READ+CREATE_PERFORMANCE']"
-      >
+      <el-dropdown-item command="ref">{{ $t('api_test.automation.view_ref') }}</el-dropdown-item>
+      <el-dropdown-item command="create_performance" v-permission="['PROJECT_API_DEFINITION:READ+CREATE_PERFORMANCE']">
         {{ $t('api_test.create_performance_test') }}
       </el-dropdown-item>
     </el-dropdown-menu>
@@ -75,14 +70,8 @@ export default {
               },
             };
           }
-          if (
-            stepArray[i] &&
-            stepArray[i].authManager &&
-            !stepArray[i].authManager.clazzName
-          ) {
-            stepArray[i].authManager.clazzName = TYPE_TO_C.get(
-              stepArray[i].authManager.type
-            );
+          if (stepArray[i] && stepArray[i].authManager && !stepArray[i].authManager.clazzName) {
+            stepArray[i].authManager.clazzName = TYPE_TO_C.get(stepArray[i].authManager.type);
           }
           if (stepArray[i].hashTree && stepArray[i].hashTree.length > 0) {
             this.sortHashTree(stepArray[i].hashTree);
diff --git a/api-test/frontend/src/business/definition/components/reference/ShowReference.vue b/api-test/frontend/src/business/definition/components/reference/ShowReference.vue
index 6281b5c8af..a01f4b6b46 100644
--- a/api-test/frontend/src/business/definition/components/reference/ShowReference.vue
+++ b/api-test/frontend/src/business/definition/components/reference/ShowReference.vue
@@ -1,15 +1,7 @@
 <template>
   <el-dialog :visible.sync="isVisible" class="advanced-item-value" width="50%">
-    <el-tabs
-      tab-position="top"
-      style="width: 100%"
-      v-model="activeName"
-      @tab-click="handleClick"
-    >
-      <el-tab-pane
-        :label="$t('api_test.automation.scenario_ref')"
-        name="scenario"
-      >
+    <el-tabs tab-position="top" style="width: 100%" v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane :label="$t('api_test.automation.scenario_ref')" name="scenario">
         <ms-table
           :data="scenarioData"
           style="width: 100%"
@@ -18,18 +10,11 @@
           :page-size="pageSize"
           :enable-selection="false"
           @refresh="search"
-          :condition="condition"
-        >
+          :condition="condition">
           <ms-table-column prop="num" label="ID" sortable width="80" />
-          <ms-table-column
-            prop="name"
-            :label="$t('api_report.scenario_name')"
-            width="200"
-          >
+          <ms-table-column prop="name" :label="$t('api_report.scenario_name')" width="200">
             <template v-slot:default="{ row }">
-              <el-link @click="openScenario(row)" style="cursor: pointer"
-                >{{ row.name }}
-              </el-link>
+              <el-link @click="openScenario(row)" style="cursor: pointer">{{ row.name }} </el-link>
             </template>
           </ms-table-column>
           <ms-table-column
@@ -37,16 +22,14 @@
             :label="$t('group.belong_workspace')"
             width="200"
             column-key="workspaceId"
-            :filters="workspaceFilters"
-          >
+            :filters="workspaceFilters">
           </ms-table-column>
           <ms-table-column
             prop="projectName"
             :label="$t('group.belong_project')"
             :filters="projectFilters"
             column-key="projectId"
-            width="200"
-          >
+            width="200">
           </ms-table-column>
         </ms-table>
       </el-tab-pane>
@@ -60,60 +43,35 @@
           :page-size="pageSize"
           :enable-selection="false"
           @refresh="search"
-          :condition="condition"
-        >
-          <ms-table-column
-            prop="name"
-            :label="$t('test_track.home.test_plan_name')"
-            width="200"
-            sortable
-          >
+          :condition="condition">
+          <ms-table-column prop="name" :label="$t('test_track.home.test_plan_name')" width="200" sortable>
             <template v-slot:default="{ row }">
-              <el-link @click="openTestPlan(row)" style="cursor: pointer"
-                >{{ row.name }}
-              </el-link>
+              <el-link @click="openTestPlan(row)" style="cursor: pointer">{{ row.name }} </el-link>
             </template>
           </ms-table-column>
           <ms-table-column
             prop="workspaceName"
             :label="$t('group.belong_workspace')"
             width="200"
-            column-key="workspaceId"
-          >
+            column-key="workspaceId">
           </ms-table-column>
           <ms-table-column
             prop="projectName"
             :label="$t('group.belong_project')"
             :filters="projectPlanFilters"
             column-key="projectId"
-            width="200"
-          >
+            width="200">
           </ms-table-column>
         </ms-table>
       </el-tab-pane>
     </el-tabs>
-    <ms-table-pagination
-      :change="search"
-      :current-page.sync="currentPage"
-      :page-size.sync="pageSize"
-      :total="total"
-    />
+    <ms-table-pagination :change="search" :current-page.sync="currentPage" :page-size.sync="pageSize" :total="total" />
   </el-dialog>
 </template>
 <script>
 import MsTablePagination from 'metersphere-frontend/src/components/pagination/TablePagination';
-import {
-  apiProjectRelated,
-  getOwnerProjectIds,
-  getProject,
-  getUserWorkspace,
-  projectRelated,
-} from '@/api/project';
-import {
-  getCurrentProjectID,
-  getCurrentUserId,
-  getCurrentWorkspaceId,
-} from 'metersphere-frontend/src/utils/token';
+import { apiProjectRelated, getOwnerProjectIds, getProject, getUserWorkspace, projectRelated } from '@/api/project';
+import { getCurrentProjectID, getCurrentUserId, getCurrentWorkspaceId } from 'metersphere-frontend/src/utils/token';
 import { getUUID } from 'metersphere-frontend/src/utils';
 import { getDefinitionReference, getPlanReference } from '@/api/definition';
 import MsTable from 'metersphere-frontend/src/components/table/MsTable';
@@ -202,19 +160,13 @@ export default {
       this.condition.workspaceId = getCurrentWorkspaceId();
       this.condition.scenarioType = this.type;
       if (this.activeName === 'scenario') {
-        getDefinitionReference(
-          this.currentPage,
-          this.pageSize,
-          this.condition
-        ).then((res) => {
+        getDefinitionReference(this.currentPage, this.pageSize, this.condition).then((res) => {
           let data = res.data || [];
           this.total = data.itemCount || 0;
           if (this.workspaceList) {
             this.workspaceFilters = this.workspaceList
               .filter((workspace) => {
-                return data.listObject.find(
-                  (i) => i.workspaceId === workspace.id
-                );
+                return data.listObject.find((i) => i.workspaceId === workspace.id);
               })
               .map((e) => {
                 return { text: e.name, value: e.id };
@@ -229,9 +181,7 @@ export default {
             }).then((res) => {
               this.projectFilters = res.data
                 .filter((project) => {
-                  return data.listObject.find(
-                    (i) => i.projectId === project.id
-                  );
+                  return data.listObject.find((i) => i.projectId === project.id);
                 })
                 .map((e) => {
                   return { text: e.name, value: e.id };
@@ -242,20 +192,18 @@ export default {
           this.scenarioData = data.listObject || [];
         });
       } else {
-        getPlanReference(this.currentPage, this.pageSize, this.condition).then(
-          (res) => {
-            let data = res.data || [];
-            this.total = data.itemCount || 0;
-            this.projectPlanFilters = this.projectList
-              .filter((project) => {
-                return data.listObject.find((i) => i.projectId === project.id);
-              })
-              .map((e) => {
-                return { text: e.name, value: e.id };
-              });
-            this.planData = data.listObject || [];
-          }
-        );
+        getPlanReference(this.currentPage, this.pageSize, this.condition).then((res) => {
+          let data = res.data || [];
+          this.total = data.itemCount || 0;
+          this.projectPlanFilters = this.projectList
+            .filter((project) => {
+              return data.listObject.find((i) => i.projectId === project.id);
+            })
+            .map((e) => {
+              return { text: e.name, value: e.id };
+            });
+          this.planData = data.listObject || [];
+        });
       }
     },
     handleClick(tab, event) {
diff --git a/api-test/frontend/src/business/definition/components/request/database/BasisParameters.vue b/api-test/frontend/src/business/definition/components/request/database/BasisParameters.vue
index 80877631cf..6927082046 100644
--- a/api-test/frontend/src/business/definition/components/request/database/BasisParameters.vue
+++ b/api-test/frontend/src/business/definition/components/request/database/BasisParameters.vue
@@ -2,48 +2,30 @@
   <div v-loading="isReloadData || result">
     <el-row>
       <el-col :span="spanNum" style="padding-bottom: 20px">
-        <div
-          style="
-            border: 1px #dcdfe6 solid;
-            height: 100%;
-            border-radius: 4px;
-            width: 100%;
-          "
-        >
+        <div style="border: 1px #dcdfe6 solid; height: 100%; border-radius: 4px; width: 100%">
           <el-form
             :model="request"
             :rules="rules"
             ref="request"
             label-width="100px"
             :disabled="isReadOnly"
-            style="margin: 10px"
-          >
+            style="margin: 10px">
             <el-row>
               <el-col :span="7">
-                <el-form-item
-                  prop="environmentId"
-                  :label="$t('api_test.definition.request.run_env')"
-                >
+                <el-form-item prop="environmentId" :label="$t('api_test.definition.request.run_env')">
                   <el-select
                     v-model="request.environmentId"
                     size="small"
                     class="ms-htt-width"
                     :placeholder="$t('api_test.definition.request.run_env')"
                     @change="environmentChange"
-                    clearable
-                  >
+                    clearable>
                     <el-option
                       v-for="(environment, index) in environments"
                       :key="index"
                       :label="environment.name"
-                      :value="environment.id"
-                    />
-                    <el-button
-                      class="environment-button"
-                      size="small"
-                      type="primary"
-                      @click="openEnvironmentConfig"
-                    >
+                      :value="environment.id" />
+                    <el-button class="environment-button" size="small" type="primary" @click="openEnvironmentConfig">
                       {{ $t('api_test.environment.environment_config') }}
                     </el-button>
                     <template v-slot:empty>
@@ -52,8 +34,7 @@
                           class="environment-button"
                           size="small"
                           type="primary"
-                          @click="openEnvironmentConfig"
-                        >
+                          @click="openEnvironmentConfig">
                           {{ $t('api_test.environment.environment_config') }}
                         </el-button>
                       </div>
@@ -65,36 +46,25 @@
                 <el-form-item
                   :label="$t('api_test.request.sql.dataSource')"
                   prop="dataSourceId"
-                  style="margin-left: 10px"
-                >
-                  <el-select
-                    v-model="request.dataSourceId"
-                    size="small"
-                    @change="reload"
-                  >
+                  style="margin-left: 10px">
+                  <el-select v-model="request.dataSourceId" size="small" @change="reload">
                     <el-option
                       v-for="(item, index) in databaseConfigsOptions"
                       :key="index"
                       :value="item.id"
-                      :label="item.name"
-                    />
+                      :label="item.name" />
                   </el-select>
                 </el-form-item>
               </el-col>
               <el-col :span="7">
-                <el-form-item
-                  :label="$t('api_test.request.sql.timeout')"
-                  prop="queryTimeout"
-                  style="margin-left: 10px"
-                >
+                <el-form-item :label="$t('api_test.request.sql.timeout')" prop="queryTimeout" style="margin-left: 10px">
                   <el-input-number
                     :disabled="isReadOnly"
                     size="small"
                     v-model="request.queryTimeout"
                     :placeholder="$t('commons.millisecond')"
                     :max="1000 * 10000000"
-                    :min="0"
-                  />
+                    :min="0" />
                 </el-form-item>
               </el-col>
               <el-col :span="2">
@@ -103,57 +73,28 @@
                   v-model="request.isRefEnvironment"
                   :disabled="request.disabled"
                   class="ref_environment"
-                  @change="getEnvironments"
-                >
+                  @change="getEnvironments">
                   {{ $t('api_test.request.refer_to_environment') }}
                 </el-checkbox>
               </el-col>
             </el-row>
 
-            <el-form-item
-              :label="$t('api_test.request.sql.result_variable')"
-              prop="resultVariable"
-            >
-              <el-input
-                v-model="request.resultVariable"
-                maxlength="500"
-                show-word-limit
-                size="small"
-              />
+            <el-form-item :label="$t('api_test.request.sql.result_variable')" prop="resultVariable">
+              <el-input v-model="request.resultVariable" maxlength="500" show-word-limit size="small" />
             </el-form-item>
 
-            <el-form-item
-              :label="$t('api_test.request.sql.variable_names')"
-              prop="variableNames"
-            >
-              <el-input
-                v-model="request.variableNames"
-                maxlength="500"
-                show-word-limit
-                size="small"
-              />
+            <el-form-item :label="$t('api_test.request.sql.variable_names')" prop="variableNames">
+              <el-input v-model="request.variableNames" maxlength="500" show-word-limit size="small" />
             </el-form-item>
 
-            <el-tabs
-              v-model="activeName"
-              @tab-click="tabClick"
-              class="ms-tab-content"
-            >
-              <el-tab-pane
-                :label="$t('api_test.scenario.variables')"
-                name="variables"
-                v-if="isBodyShow"
-              >
+            <el-tabs v-model="activeName" @tab-click="tabClick" class="ms-tab-content">
+              <el-tab-pane :label="$t('api_test.scenario.variables')" name="variables" v-if="isBodyShow">
                 <ms-api-scenario-variables
                   :is-read-only="isReadOnly"
                   :items="request.variables"
-                  :description="$t('api_test.scenario.kv_description')"
-                />
+                  :description="$t('api_test.scenario.kv_description')" />
               </el-tab-pane>
-              <el-tab-pane
-                :label="$t('api_test.request.sql.sql_script')"
-                name="sql"
-              >
+              <el-tab-pane :label="$t('api_test.request.sql.sql_script')" name="sql">
                 <ms-code-edit
                   mode="sql"
                   :read-only="isReadOnly"
@@ -162,26 +103,13 @@
                   :height="200"
                   theme="eclipse"
                   ref="codeEdit"
-                  :key="request.id"
-                />
+                  :key="request.id" />
               </el-tab-pane>
               <!-- 脚本步骤/断言步骤 -->
-              <el-tab-pane
-                :label="$t('api_test.definition.request.pre_operation')"
-                name="preOperate"
-                v-if="showScript"
-              >
-                <span
-                  class="item-tabs"
-                  effect="dark"
-                  placement="top-start"
-                  slot="label"
-                >
+              <el-tab-pane :label="$t('api_test.definition.request.pre_operation')" name="preOperate" v-if="showScript">
+                <span class="item-tabs" effect="dark" placement="top-start" slot="label">
                   {{ $t('api_test.definition.request.pre_operation') }}
-                  <div
-                    class="el-step__icon is-text ms-api-col ms-header"
-                    v-if="request.preSize > 0"
-                  >
+                  <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.preSize > 0">
                     <div class="el-step__icon-inner">{{ request.preSize }}</div>
                   </div>
                 </span>
@@ -191,25 +119,15 @@
                   :apiId="request.id"
                   :response="response"
                   :tab-type="'pre'"
-                  ref="preStep"
-                />
+                  ref="preStep" />
               </el-tab-pane>
               <el-tab-pane
                 :label="$t('api_test.definition.request.post_operation')"
                 name="postOperate"
-                v-if="showScript"
-              >
-                <span
-                  class="item-tabs"
-                  effect="dark"
-                  placement="top-start"
-                  slot="label"
-                >
+                v-if="showScript">
+                <span class="item-tabs" effect="dark" placement="top-start" slot="label">
                   {{ $t('api_test.definition.request.post_operation') }}
-                  <div
-                    class="el-step__icon is-text ms-api-col ms-header"
-                    v-if="request.postSize > 0"
-                  >
+                  <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.postSize > 0">
                     <div class="el-step__icon-inner">
                       {{ request.postSize }}
                     </div>
@@ -221,25 +139,15 @@
                   :apiId="request.id"
                   :response="response"
                   :tab-type="'post'"
-                  ref="postStep"
-                />
+                  ref="postStep" />
               </el-tab-pane>
               <el-tab-pane
                 :label="$t('api_test.definition.request.assertions_rule')"
                 name="assertionsRule"
-                v-if="showScript"
-              >
-                <span
-                  class="item-tabs"
-                  effect="dark"
-                  placement="top-start"
-                  slot="label"
-                >
+                v-if="showScript">
+                <span class="item-tabs" effect="dark" placement="top-start" slot="label">
                   {{ $t('api_test.definition.request.assertions_rule') }}
-                  <div
-                    class="el-step__icon is-text ms-api-col ms-header"
-                    v-if="request.ruleSize > 0"
-                  >
+                  <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.ruleSize > 0">
                     <div class="el-step__icon-inner">
                       {{ request.ruleSize }}
                     </div>
@@ -252,8 +160,7 @@
                   :scenarioId="scenarioId"
                   @reload="reloadBody"
                   :tab-type="'assertionsRule'"
-                  ref="assertionsRule"
-                />
+                  ref="assertionsRule" />
               </el-tab-pane>
             </el-tabs>
           </el-form>
@@ -262,10 +169,7 @@
     </el-row>
 
     <!-- 环境 -->
-    <api-environment-config
-      ref="environmentConfig"
-      @close="environmentConfigClose"
-    />
+    <api-environment-config ref="environmentConfig" @close="environmentConfigClose" />
   </div>
 </template>
 
@@ -282,10 +186,7 @@ import { getUUID, objToStrMap } from 'metersphere-frontend/src/utils';
 import { getCurrentProjectID } from 'metersphere-frontend/src/utils/token';
 import MsJsr233Processor from '@/business/automation/scenario/component/Jsr233Processor';
 import MsJmxStep from '../../step/JmxStep';
-import {
-  hisDataProcessing,
-  stepCompute,
-} from '@/business/definition/api-definition';
+import { hisDataProcessing, stepCompute } from '@/business/definition/api-definition';
 import { getEnvironmentByProjectId } from 'metersphere-frontend/src/api/environment';
 import { useApiStore } from '@/store';
 
@@ -456,31 +357,17 @@ export default {
             }
           }
         });
-        this.initDataSource(
-          environmentId,
-          currentEnvironment,
-          targetDataSourceName
-        );
+        this.initDataSource(environmentId, currentEnvironment, targetDataSourceName);
       });
     },
     getEnvironments(environmentId) {
       let envId = '';
       let id = this.request.projectId ? this.request.projectId : this.projectId;
-      let scenarioEnvId = this.request.currentScenarioId
-        ? this.request.currentScenarioId + '_' + id
-        : id;
-      if (
-        store.scenarioEnvMap &&
-        store.scenarioEnvMap instanceof Map &&
-        store.scenarioEnvMap.has(scenarioEnvId)
-      ) {
+      let scenarioEnvId = this.request.currentScenarioId ? this.request.currentScenarioId + '_' + id : id;
+      if (store.scenarioEnvMap && store.scenarioEnvMap instanceof Map && store.scenarioEnvMap.has(scenarioEnvId)) {
         envId = store.scenarioEnvMap.get(scenarioEnvId);
       }
-      if (
-        this.request.referenced === 'Created' &&
-        this.scenarioId !== '' &&
-        !this.request.isRefEnvironment
-      ) {
+      if (this.request.referenced === 'Created' && this.scenarioId !== '' && !this.request.isRefEnvironment) {
         this.itselfEnvironment(environmentId);
         return;
       } else if (!this.scenarioId && !this.request.customizeReq) {
@@ -495,26 +382,18 @@ export default {
           .match(/\[object (\w+)\]/)[1]
           .toLowerCase();
         if (obj !== 'object' && obj !== 'map') {
-          this.request.refEevMap = objToStrMap(
-            JSON.parse(this.request.refEevMap)
-          );
+          this.request.refEevMap = objToStrMap(JSON.parse(this.request.refEevMap));
         } else if (obj === 'object' && obj !== 'map') {
           this.request.refEevMap = objToStrMap(this.request.refEevMap);
         }
-        if (
-          this.request.refEevMap instanceof Map &&
-          this.request.refEevMap.has(id)
-        ) {
+        if (this.request.refEevMap instanceof Map && this.request.refEevMap.has(id)) {
           envId = this.request.refEevMap.get(id);
         }
       }
       let targetDataSourceName = '';
       let currentEnvironment = {};
 
-      if (
-        envId === this.request.originalEnvironmentId &&
-        this.request.originalDataSourceId
-      ) {
+      if (envId === this.request.originalEnvironmentId && this.request.originalDataSourceId) {
         this.request.dataSourceId = this.request.originalDataSourceId;
       }
       getEnvironmentByProjectId(id).then((response) => {
@@ -522,10 +401,7 @@ export default {
         this.environments.forEach((environment) => {
           parseEnvironment(environment);
           // 找到原始环境和数据源名称
-          if (
-            environment.id === this.request.environmentId &&
-            environment.id !== envId
-          ) {
+          if (environment.id === this.request.environmentId && environment.id !== envId) {
             if (environment.config && environment.config.databaseConfigs) {
               environment.config.databaseConfigs.forEach((item) => {
                 if (item.id === this.request.dataSourceId) {
@@ -545,9 +421,7 @@ export default {
       });
     },
     openEnvironmentConfig() {
-      this.$refs.environmentConfig.open(
-        this.request.projectId ? this.request.projectId : getCurrentProjectID()
-      );
+      this.$refs.environmentConfig.open(this.request.projectId ? this.request.projectId : getCurrentProjectID());
     },
     initDataSource(envId, currentEnvironment, targetDataSourceName) {
       this.databaseConfigsOptions = [];
@@ -562,11 +436,7 @@ export default {
         }
       }
       let flag = false;
-      if (
-        currentEnvironment &&
-        currentEnvironment.config &&
-        currentEnvironment.config.databaseConfigs
-      ) {
+      if (currentEnvironment && currentEnvironment.config && currentEnvironment.config.databaseConfigs) {
         currentEnvironment.config.databaseConfigs.forEach((item) => {
           if (item.id === this.request.dataSourceId) {
             flag = true;
@@ -579,8 +449,7 @@ export default {
           this.databaseConfigsOptions.push(item);
         });
         if (!flag && currentEnvironment.config.databaseConfigs.length > 0) {
-          this.request.dataSourceId =
-            currentEnvironment.config.databaseConfigs[0].id;
+          this.request.dataSourceId = currentEnvironment.config.databaseConfigs[0].id;
           flag = true;
         }
       }
@@ -615,20 +484,13 @@ export default {
     },
     setOwnEnvironment(scenarioDefinition, env) {
       for (let i in scenarioDefinition) {
-        let typeArray = [
-          'JDBCPostProcessor',
-          'JDBCSampler',
-          'JDBCPreProcessor',
-        ];
+        let typeArray = ['JDBCPostProcessor', 'JDBCSampler', 'JDBCPreProcessor'];
         if (typeArray.indexOf(scenarioDefinition[i].type) !== -1) {
           // 找到原始数据源名称
           this.getTargetSource(scenarioDefinition[i]);
           scenarioDefinition[i].environmentId = env;
         }
-        if (
-          scenarioDefinition[i].hashTree &&
-          scenarioDefinition[i].hashTree.length > 0
-        ) {
+        if (scenarioDefinition[i].hashTree && scenarioDefinition[i].hashTree.length > 0) {
           this.setOwnEnvironment(scenarioDefinition[i].hashTree, env);
         }
       }
diff --git a/api-test/frontend/src/business/definition/components/request/database/DatabaseConfig.vue b/api-test/frontend/src/business/definition/components/request/database/DatabaseConfig.vue
index 6b28d72474..b9844a9b64 100644
--- a/api-test/frontend/src/business/definition/components/request/database/DatabaseConfig.vue
+++ b/api-test/frontend/src/business/definition/components/request/database/DatabaseConfig.vue
@@ -1,16 +1,7 @@
 <template>
   <div>
-    <ms-database-from
-      :config="currentConfig"
-      :callback="saveConfig"
-      ref="databaseFrom"
-      :is-read-only="isReadOnly"
-    />
-    <ms-database-config-list
-      @rowSelect="rowSelect"
-      v-if="configs.length > 0"
-      :table-data="configs"
-    />
+    <ms-database-from :config="currentConfig" :callback="saveConfig" ref="databaseFrom" :is-read-only="isReadOnly" />
+    <ms-database-config-list @rowSelect="rowSelect" v-if="configs.length > 0" :table-data="configs" />
   </div>
 </template>
 
diff --git a/api-test/frontend/src/business/definition/components/request/database/DatabaseConfigList.vue b/api-test/frontend/src/business/definition/components/request/database/DatabaseConfigList.vue
index 5e9db1224f..d153a9ec0a 100644
--- a/api-test/frontend/src/business/definition/components/request/database/DatabaseConfigList.vue
+++ b/api-test/frontend/src/business/definition/components/request/database/DatabaseConfigList.vue
@@ -1,42 +1,12 @@
 <template>
   <div class="database-config-list">
-    <el-table
-      border
-      :data="tableData"
-      class="adjust-table table-content"
-      highlight-current-row
-      @row-click="handleView"
-    >
-      <el-table-column
-        prop="name"
-        :label="$t('api_test.request.sql.dataSource')"
-        show-overflow-tooltip
-      />
-      <el-table-column
-        prop="driver"
-        :label="$t('api_test.request.sql.database_driver')"
-        show-overflow-tooltip
-      />
-      <el-table-column
-        prop="dbUrl"
-        :label="$t('api_test.request.sql.database_url')"
-        show-overflow-tooltip
-      />
-      <el-table-column
-        prop="username"
-        :label="$t('api_test.request.sql.username')"
-        show-overflow-tooltip
-      />
-      <el-table-column
-        prop="poolMax"
-        :label="$t('api_test.request.sql.pool_max')"
-        show-overflow-tooltip
-      />
-      <el-table-column
-        prop="timeout"
-        :label="$t('api_test.request.sql.query_timeout')"
-        show-overflow-tooltip
-      />
+    <el-table border :data="tableData" class="adjust-table table-content" highlight-current-row @row-click="handleView">
+      <el-table-column prop="name" :label="$t('api_test.request.sql.dataSource')" show-overflow-tooltip />
+      <el-table-column prop="driver" :label="$t('api_test.request.sql.database_driver')" show-overflow-tooltip />
+      <el-table-column prop="dbUrl" :label="$t('api_test.request.sql.database_url')" show-overflow-tooltip />
+      <el-table-column prop="username" :label="$t('api_test.request.sql.username')" show-overflow-tooltip />
+      <el-table-column prop="poolMax" :label="$t('api_test.request.sql.pool_max')" show-overflow-tooltip />
+      <el-table-column prop="timeout" :label="$t('api_test.request.sql.query_timeout')" show-overflow-tooltip />
 
       <el-table-column :label="$t('commons.operating')" min-width="100">
         <template v-slot:default="scope">
@@ -45,14 +15,12 @@
               :tip="$t('commons.copy')"
               icon="el-icon-document-copy"
               type="success"
-              @exec="handleCopy(scope.$index, scope.row)"
-            />
+              @exec="handleCopy(scope.$index, scope.row)" />
             <ms-table-operator-button
               :tip="$t('commons.delete')"
               icon="el-icon-delete"
               type="danger"
-              @exec="handleDelete(scope.$index)"
-            />
+              @exec="handleDelete(scope.$index)" />
           </div>
         </template>
       </el-table-column>
diff --git a/api-test/frontend/src/business/definition/components/request/database/DatabaseFrom.vue b/api-test/frontend/src/business/definition/components/request/database/DatabaseFrom.vue
index 7f68434eb4..ad87152433 100644
--- a/api-test/frontend/src/business/definition/components/request/database/DatabaseFrom.vue
+++ b/api-test/frontend/src/business/definition/components/request/database/DatabaseFrom.vue
@@ -6,66 +6,44 @@
       label-width="150px"
       size="small"
       :disabled="isReadOnly"
-      ref="databaseFrom"
-    >
+      ref="databaseFrom">
       <el-form-item :label="$t('api_test.request.sql.dataSource')" prop="name">
         <el-input
           v-model="currentConfig.name"
           maxlength="300"
           show-word-limit
-          :placeholder="$t('commons.input_content')"
-        />
+          :placeholder="$t('commons.input_content')" />
       </el-form-item>
 
-      <el-form-item
-        :label="$t('api_test.request.sql.database_driver')"
-        prop="driver"
-      >
-        <el-select
-          v-model="currentConfig.driver"
-          class="select-100"
-          @change="driverChange"
-          clearable
-        >
+      <el-form-item :label="$t('api_test.request.sql.database_driver')" prop="driver">
+        <el-select v-model="currentConfig.driver" class="select-100" @change="driverChange" clearable>
           <el-option v-for="p in drivers" :key="p" :label="p" :value="p" />
         </el-select>
       </el-form-item>
 
-      <el-form-item
-        :label="$t('api_test.request.sql.database_url')"
-        prop="dbUrl"
-      >
+      <el-form-item :label="$t('api_test.request.sql.database_url')" prop="dbUrl">
         <el-input
           v-model="currentConfig.dbUrl"
           maxlength="500"
           show-word-limit
-          :placeholder="$t('commons.input_content')"
-        />
+          :placeholder="$t('commons.input_content')" />
       </el-form-item>
 
-      <el-form-item
-        :label="$t('api_test.request.sql.username')"
-        prop="username"
-      >
+      <el-form-item :label="$t('api_test.request.sql.username')" prop="username">
         <el-input
           v-model="currentConfig.username"
           maxlength="300"
           show-word-limit
-          :placeholder="$t('commons.input_content')"
-        />
+          :placeholder="$t('commons.input_content')" />
       </el-form-item>
 
-      <el-form-item
-        :label="$t('api_test.request.sql.password')"
-        prop="password"
-      >
+      <el-form-item :label="$t('api_test.request.sql.password')" prop="password">
         <el-input
           v-model="currentConfig.password"
           type="password"
           autocomplete="new-password"
           maxlength="200"
-          :placeholder="$t('commons.input_content')"
-        />
+          :placeholder="$t('commons.input_content')" />
       </el-form-item>
 
       <el-form-item :label="$t('api_test.request.sql.pool_max')" prop="poolMax">
@@ -75,8 +53,7 @@
           v-model="currentConfig.poolMax"
           :placeholder="$t('commons.please_select')"
           :max="1000 * 10000000"
-          :min="0"
-        />
+          :min="0" />
       </el-form-item>
 
       <el-form-item :label="$t('api_test.request.sql.timeout')" prop="timeout">
@@ -86,31 +63,18 @@
           v-model="currentConfig.timeout"
           :placeholder="$t('commons.millisecond')"
           :max="1000 * 10000000"
-          :min="0"
-        />
+          :min="0" />
       </el-form-item>
 
       <el-form-item>
         <div class="buttons">
-          <el-button
-            type="primary"
-            v-show="currentConfig.id"
-            size="small"
-            @click="validate()"
-          >
+          <el-button type="primary" v-show="currentConfig.id" size="small" @click="validate()">
             {{ $t('commons.validate') }}
           </el-button>
-          <el-button
-            type="primary"
-            v-show="currentConfig.id"
-            size="small"
-            @click="save('update')"
-          >
+          <el-button type="primary" v-show="currentConfig.id" size="small" @click="save('update')">
             {{ $t('commons.update') }}
           </el-button>
-          <el-button type="primary" size="small" @click="save('add')">{{
-            $t('commons.add')
-          }}</el-button>
+          <el-button type="primary" size="small" @click="save('add')">{{ $t('commons.add') }}</el-button>
         </div>
       </el-form-item>
     </el-form>
@@ -245,13 +209,11 @@ export default {
       if (type === 'com.mysql.jdbc.Driver') {
         this.currentConfig.dbUrl = 'jdbc:mysql://127.0.0.1:3306/database';
       } else if (type === 'com.microsoft.sqlserver.jdbc.SQLServerDriver') {
-        this.currentConfig.dbUrl =
-          'jdbc:sqlserver://127.0.0.1:1433;DatabaseName=database';
+        this.currentConfig.dbUrl = 'jdbc:sqlserver://127.0.0.1:1433;DatabaseName=database';
       } else if (type === 'org.postgresql.Driver') {
         this.currentConfig.dbUrl = 'jdbc:postgresql://127.0.0.1:5432/database';
       } else if (type === 'oracle.jdbc.OracleDriver') {
-        this.currentConfig.dbUrl =
-          'jdbc:oracle:thin:@192.168.2.1:1521:database';
+        this.currentConfig.dbUrl = 'jdbc:oracle:thin:@192.168.2.1:1521:database';
       }
     },
   },
diff --git a/api-test/frontend/src/business/definition/components/request/dubbo/BasisParameters.vue b/api-test/frontend/src/business/definition/components/request/dubbo/BasisParameters.vue
index b61012b5d0..020348d0ce 100644
--- a/api-test/frontend/src/business/definition/components/request/dubbo/BasisParameters.vue
+++ b/api-test/frontend/src/business/definition/components/request/dubbo/BasisParameters.vue
@@ -2,26 +2,15 @@
   <div>
     <el-row>
       <el-col :span="spanNum" style="padding-bottom: 20px">
-        <div
-          style="
-            border: 1px #dcdfe6 solid;
-            height: 100%;
-            border-radius: 4px;
-            width: 100%;
-          "
-        >
+        <div style="border: 1px #dcdfe6 solid; height: 100%; border-radius: 4px; width: 100%">
           <el-form
             :model="request"
             ref="request"
             label-width="100px"
             :disabled="isReadOnly"
             style="margin: 10px"
-            class="ms-el-tabs__nav-scroll"
-          >
-            <el-form-item
-              :label="$t('api_test.request.dubbo.protocol')"
-              prop="protocol"
-            >
+            class="ms-el-tabs__nav-scroll">
+            <el-form-item :label="$t('api_test.request.dubbo.protocol')" prop="protocol">
               <el-select v-model="request.protocol" size="small">
                 <el-option label="dubbo://" :value="protocols.DUBBO" />
               </el-select>
@@ -29,31 +18,25 @@
 
             <el-tabs v-model="activeName" @tab-click="tabClick">
               <el-tab-pane label="Interface" name="interface" v-if="isBodyShow">
-                <ms-dubbo-interface
-                  :request="request"
-                  :is-read-only="isReadOnly"
-                />
+                <ms-dubbo-interface :request="request" :is-read-only="isReadOnly" />
               </el-tab-pane>
               <el-tab-pane label="Config Center" name="config">
                 <ms-dubbo-config-center
                   :config="request.configCenter"
                   :is-read-only="isReadOnly"
-                  :description="$t('api_test.request.dubbo.form_description')"
-                />
+                  :description="$t('api_test.request.dubbo.form_description')" />
               </el-tab-pane>
               <el-tab-pane label="Registry Center" name="registry">
                 <ms-dubbo-registry-center
                   :registry="request.registryCenter"
                   :is-read-only="isReadOnly"
-                  :description="$t('api_test.request.dubbo.form_description')"
-                />
+                  :description="$t('api_test.request.dubbo.form_description')" />
               </el-tab-pane>
               <el-tab-pane label="Consumer & Service" name="consumer">
                 <ms-dubbo-consumer-service
                   :consumer="request.consumerAndService"
                   :is-read-only="isReadOnly"
-                  :description="$t('api_test.request.dubbo.form_description')"
-                />
+                  :description="$t('api_test.request.dubbo.form_description')" />
               </el-tab-pane>
 
               <el-tab-pane label="Args" name="args">
@@ -61,33 +44,17 @@
                   :is-read-only="isReadOnly"
                   :items="request.args"
                   key-placeholder="Param Type"
-                  value-placeholder="Param Value"
-                />
+                  value-placeholder="Param Value" />
               </el-tab-pane>
               <el-tab-pane label="Attachment Args" name="attachment">
-                <ms-api-key-value
-                  :is-read-only="isReadOnly"
-                  :items="request.attachmentArgs"
-                />
+                <ms-api-key-value :is-read-only="isReadOnly" :items="request.attachmentArgs" />
               </el-tab-pane>
 
               <!-- 脚本步骤/断言步骤 -->
-              <el-tab-pane
-                :label="$t('api_test.definition.request.pre_operation')"
-                name="preOperate"
-                v-if="showScript"
-              >
-                <span
-                  class="item-tabs"
-                  effect="dark"
-                  placement="top-start"
-                  slot="label"
-                >
+              <el-tab-pane :label="$t('api_test.definition.request.pre_operation')" name="preOperate" v-if="showScript">
+                <span class="item-tabs" effect="dark" placement="top-start" slot="label">
                   {{ $t('api_test.definition.request.pre_operation') }}
-                  <div
-                    class="el-step__icon is-text ms-api-col ms-header"
-                    v-if="request.preSize > 0"
-                  >
+                  <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.preSize > 0">
                     <div class="el-step__icon-inner">{{ request.preSize }}</div>
                   </div>
                 </span>
@@ -97,25 +64,15 @@
                   :response="response"
                   :scenario-id="scenarioId"
                   :tab-type="'pre'"
-                  ref="preStep"
-                />
+                  ref="preStep" />
               </el-tab-pane>
               <el-tab-pane
                 :label="$t('api_test.definition.request.post_operation')"
                 name="postOperate"
-                v-if="showScript"
-              >
-                <span
-                  class="item-tabs"
-                  effect="dark"
-                  placement="top-start"
-                  slot="label"
-                >
+                v-if="showScript">
+                <span class="item-tabs" effect="dark" placement="top-start" slot="label">
                   {{ $t('api_test.definition.request.post_operation') }}
-                  <div
-                    class="el-step__icon is-text ms-api-col ms-header"
-                    v-if="request.postSize > 0"
-                  >
+                  <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.postSize > 0">
                     <div class="el-step__icon-inner">
                       {{ request.postSize }}
                     </div>
@@ -127,25 +84,15 @@
                   :scenarioId="scenarioId"
                   :response="response"
                   :tab-type="'post'"
-                  ref="postStep"
-                />
+                  ref="postStep" />
               </el-tab-pane>
               <el-tab-pane
                 :label="$t('api_test.definition.request.assertions_rule')"
                 name="assertionsRule"
-                v-if="showScript"
-              >
-                <span
-                  class="item-tabs"
-                  effect="dark"
-                  placement="top-start"
-                  slot="label"
-                >
+                v-if="showScript">
+                <span class="item-tabs" effect="dark" placement="top-start" slot="label">
                   {{ $t('api_test.definition.request.assertions_rule') }}
-                  <div
-                    class="el-step__icon is-text ms-api-col ms-header"
-                    v-if="request.ruleSize > 0"
-                  >
+                  <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.ruleSize > 0">
                     <div class="el-step__icon-inner">
                       {{ request.ruleSize }}
                     </div>
@@ -158,8 +105,7 @@
                   :response="response"
                   @reload="reloadBody"
                   :tab-type="'assertionsRule'"
-                  ref="assertionsRule"
-                />
+                  ref="assertionsRule" />
               </el-tab-pane>
             </el-tabs>
           </el-form>
@@ -184,10 +130,7 @@ import MsDubboConsumerService from '../../request/dubbo/ConsumerAndService';
 import { getUUID } from 'metersphere-frontend/src/utils';
 import MsJsr233Processor from '@/business/automation/scenario/component/Jsr233Processor';
 import MsJmxStep from '../../step/JmxStep';
-import {
-  stepCompute,
-  hisDataProcessing,
-} from '@/business/definition/api-definition';
+import { stepCompute, hisDataProcessing } from '@/business/definition/api-definition';
 
 export default {
   name: 'MsDatabaseConfig',
diff --git a/api-test/frontend/src/business/definition/components/request/dubbo/ConfigCenter.vue b/api-test/frontend/src/business/definition/components/request/dubbo/ConfigCenter.vue
index 383f799e7c..db477a25b5 100644
--- a/api-test/frontend/src/business/definition/components/request/dubbo/ConfigCenter.vue
+++ b/api-test/frontend/src/business/definition/components/request/dubbo/ConfigCenter.vue
@@ -1,12 +1,5 @@
 <template>
-  <el-form
-    :model="config"
-    :rules="rules"
-    ref="config"
-    label-width="100px"
-    size="small"
-    :disabled="isReadOnly"
-  >
+  <el-form :model="config" :rules="rules" ref="config" label-width="100px" size="small" :disabled="isReadOnly">
     <el-row>
       <div class="dubbo-form-description" v-if="description">
         {{ description }}
@@ -20,37 +13,22 @@
         </el-select>
       </el-form-item>
       <el-form-item label="Group" prop="group" class="dubbo-form-item">
-        <el-input
-          v-model="config.group"
-          maxlength="300"
-          show-word-limit
-          :placeholder="$t('commons.input_content')"
-        />
+        <el-input v-model="config.group" maxlength="300" show-word-limit :placeholder="$t('commons.input_content')" />
       </el-form-item>
       <el-form-item label="Namespace" prop="namespace" class="dubbo-form-item">
         <el-input
           v-model="config.namespace"
           maxlength="300"
           show-word-limit
-          :placeholder="$t('commons.input_content')"
-        />
+          :placeholder="$t('commons.input_content')" />
       </el-form-item>
       <el-form-item label="Timeout" prop="timeout" class="dubbo-form-item">
-        <el-input
-          type="number"
-          v-model="config.timeout"
-          :placeholder="$t('commons.input_content')"
-        />
+        <el-input type="number" v-model="config.timeout" :placeholder="$t('commons.input_content')" />
       </el-form-item>
     </el-row>
     <el-row>
       <el-form-item label="Address" prop="address" class="dubbo-form-item-long">
-        <el-input
-          v-model="config.address"
-          maxlength="300"
-          show-word-limit
-          :placeholder="$t('commons.input_content')"
-        />
+        <el-input v-model="config.address" maxlength="300" show-word-limit :placeholder="$t('commons.input_content')" />
       </el-form-item>
 
       <el-form-item label="UserName" prop="username" class="dubbo-form-item">
@@ -58,8 +36,7 @@
           v-model="config.username"
           maxlength="100"
           show-word-limit
-          :placeholder="$t('commons.input_content')"
-        />
+          :placeholder="$t('commons.input_content')" />
       </el-form-item>
 
       <el-form-item label="Password" prop="password" class="dubbo-form-item">
@@ -69,8 +46,7 @@
           show-word-limit
           show-password
           autocomplete="new-password"
-          :placeholder="$t('commons.input_content')"
-        />
+          :placeholder="$t('commons.input_content')" />
       </el-form-item>
     </el-row>
   </el-form>
diff --git a/api-test/frontend/src/business/definition/components/request/dubbo/ConsumerAndService.vue b/api-test/frontend/src/business/definition/components/request/dubbo/ConsumerAndService.vue
index dcaa697258..8ee9c9d294 100644
--- a/api-test/frontend/src/business/definition/components/request/dubbo/ConsumerAndService.vue
+++ b/api-test/frontend/src/business/definition/components/request/dubbo/ConsumerAndService.vue
@@ -1,12 +1,5 @@
 <template>
-  <el-form
-    :model="consumer"
-    :rules="rules"
-    ref="consumer"
-    label-width="100px"
-    size="small"
-    :disabled="isReadOnly"
-  >
+  <el-form :model="consumer" :rules="rules" ref="consumer" label-width="100px" size="small" :disabled="isReadOnly">
     <el-row>
       <div class="dubbo-form-description" v-if="description">
         {{ description }}
@@ -14,27 +7,18 @@
     </el-row>
     <el-row>
       <el-form-item label="Timeout" prop="timeout" class="dubbo-form-item">
-        <el-input
-          type="number"
-          v-model="consumer.timeout"
-          :placeholder="$t('commons.input_content')"
-        />
+        <el-input type="number" v-model="consumer.timeout" :placeholder="$t('commons.input_content')" />
       </el-form-item>
       <el-form-item label="Version" prop="version" class="dubbo-form-item">
         <el-input
           v-model="consumer.version"
           maxlength="30"
           show-word-limit
-          :placeholder="$t('commons.input_content')"
-        />
+          :placeholder="$t('commons.input_content')" />
       </el-form-item>
 
       <el-form-item label="Retries" prop="retries" class="dubbo-form-item">
-        <el-input
-          type="number"
-          v-model="consumer.retries"
-          :placeholder="$t('commons.input_content')"
-        />
+        <el-input type="number" v-model="consumer.retries" :placeholder="$t('commons.input_content')" />
       </el-form-item>
 
       <el-form-item label="Cluster" prop="cluster" class="dubbo-form-item">
@@ -42,55 +26,27 @@
           v-model="consumer.cluster"
           maxlength="300"
           show-word-limit
-          :placeholder="$t('commons.input_content')"
-        />
+          :placeholder="$t('commons.input_content')" />
       </el-form-item>
     </el-row>
     <el-row>
       <el-form-item label="Group" prop="group" class="dubbo-form-item">
-        <el-input
-          v-model="consumer.group"
-          maxlength="300"
-          show-word-limit
-          :placeholder="$t('commons.input_content')"
-        />
+        <el-input v-model="consumer.group" maxlength="300" show-word-limit :placeholder="$t('commons.input_content')" />
       </el-form-item>
 
-      <el-form-item
-        label="Connections"
-        prop="connections"
-        class="dubbo-form-item"
-      >
-        <el-input
-          type="number"
-          v-model="consumer.connections"
-          :placeholder="$t('commons.input_content')"
-        />
+      <el-form-item label="Connections" prop="connections" class="dubbo-form-item">
+        <el-input type="number" v-model="consumer.connections" :placeholder="$t('commons.input_content')" />
       </el-form-item>
 
       <el-form-item label="Async" prop="async" class="dubbo-form-item">
         <el-select v-model="consumer.async" class="select-100" clearable>
-          <el-option
-            v-for="option in asyncOptions"
-            :key="option"
-            :label="option"
-            :value="option"
-          />
+          <el-option v-for="option in asyncOptions" :key="option" :label="option" :value="option" />
         </el-select>
       </el-form-item>
 
-      <el-form-item
-        label="LoadBalance"
-        prop="loadBalance"
-        class="dubbo-form-item"
-      >
+      <el-form-item label="LoadBalance" prop="loadBalance" class="dubbo-form-item">
         <el-select v-model="consumer.loadBalance" class="select-100" clearable>
-          <el-option
-            v-for="option in loadBalances"
-            :key="option"
-            :label="option"
-            :value="option"
-          />
+          <el-option v-for="option in loadBalances" :key="option" :label="option" :value="option" />
         </el-select>
       </el-form-item>
     </el-row>
diff --git a/api-test/frontend/src/business/definition/components/request/dubbo/Interface.vue b/api-test/frontend/src/business/definition/components/request/dubbo/Interface.vue
index 1268625d1f..ccbd7baafd 100644
--- a/api-test/frontend/src/business/definition/components/request/dubbo/Interface.vue
+++ b/api-test/frontend/src/business/definition/components/request/dubbo/Interface.vue
@@ -6,15 +6,8 @@
     label-width="100px"
     size="small"
     v-loading="loading"
-    :disabled="isReadOnly"
-  >
-    <el-button
-      class="get-provider"
-      type="primary"
-      size="mini"
-      @click="getProviderList"
-      >Get Provider List</el-button
-    >
+    :disabled="isReadOnly">
+    <el-button class="get-provider" type="primary" size="mini" @click="getProviderList">Get Provider List</el-button>
     <el-row>
       <el-col :span="12">
         <el-form-item label="Interfaces" prop="interfaces">
@@ -23,25 +16,14 @@
             v-model="serviceInterface"
             class="select-100"
             @change="changeInterface"
-            :disabled="isDisable"
-          >
-            <el-option
-              v-for="i in interfaces"
-              :key="i.value"
-              :label="i.label"
-              :value="i.value"
-            />
+            :disabled="isDisable">
+            <el-option v-for="i in interfaces" :key="i.value" :label="i.label" :value="i.value" />
           </el-select>
         </el-form-item>
       </el-col>
       <el-col :span="12">
         <el-form-item label="Methods" prop="methods">
-          <el-select
-            v-model="method"
-            class="select-100"
-            @change="changeMethod"
-            :disabled="isDisable"
-          >
+          <el-select v-model="method" class="select-100" @change="changeMethod" :disabled="isDisable">
             <el-option v-for="m in methods" :key="m" :label="m" :value="m" />
           </el-select>
         </el-form-item>
@@ -55,8 +37,7 @@
             v-model="request.interface"
             maxlength="300"
             show-word-limit
-            :placeholder="$t('commons.input_content')"
-          />
+            :placeholder="$t('commons.input_content')" />
         </el-form-item>
       </el-col>
       <el-col :span="12">
@@ -65,8 +46,7 @@
             v-model="request.method"
             maxlength="300"
             show-word-limit
-            :placeholder="$t('commons.input_content')"
-          />
+            :placeholder="$t('commons.input_content')" />
         </el-form-item>
       </el-col>
     </el-row>
@@ -156,9 +136,7 @@ export default {
         })
         .catch(() => {
           this.loading = false;
-          this.$warning(
-            this.$t('api_test.request.dubbo.check_registry_center')
-          );
+          this.$warning(this.$t('api_test.request.dubbo.check_registry_center'));
         });
     },
   },
diff --git a/api-test/frontend/src/business/definition/components/request/dubbo/RegistryCenter.vue b/api-test/frontend/src/business/definition/components/request/dubbo/RegistryCenter.vue
index e8af4ad24a..279f07b537 100644
--- a/api-test/frontend/src/business/definition/components/request/dubbo/RegistryCenter.vue
+++ b/api-test/frontend/src/business/definition/components/request/dubbo/RegistryCenter.vue
@@ -1,12 +1,5 @@
 <template>
-  <el-form
-    :model="registry"
-    :rules="rules"
-    ref="registry"
-    label-width="100px"
-    size="small"
-    :disabled="isReadOnly"
-  >
+  <el-form :model="registry" :rules="rules" ref="registry" label-width="100px" size="small" :disabled="isReadOnly">
     <el-row>
       <div class="dubbo-form-description" v-if="description">
         {{ description }}
@@ -20,12 +13,7 @@
       </el-form-item>
 
       <el-form-item label="Group" prop="group" class="dubbo-form-item">
-        <el-input
-          v-model="registry.group"
-          maxlength="300"
-          show-word-limit
-          :placeholder="$t('commons.input_content')"
-        />
+        <el-input v-model="registry.group" maxlength="300" show-word-limit :placeholder="$t('commons.input_content')" />
       </el-form-item>
 
       <el-form-item label="UserName" prop="username" class="dubbo-form-item">
@@ -33,8 +21,7 @@
           v-model="registry.username"
           maxlength="100"
           show-word-limit
-          :placeholder="$t('commons.input_content')"
-        />
+          :placeholder="$t('commons.input_content')" />
       </el-form-item>
 
       <el-form-item label="Password" prop="password" class="dubbo-form-item">
@@ -44,8 +31,7 @@
           show-word-limit
           show-password
           autocomplete="new-password"
-          :placeholder="$t('commons.input_content')"
-        />
+          :placeholder="$t('commons.input_content')" />
       </el-form-item>
     </el-row>
     <el-row>
@@ -54,16 +40,11 @@
           v-model="registry.address"
           maxlength="300"
           show-word-limit
-          :placeholder="$t('commons.input_content')"
-        />
+          :placeholder="$t('commons.input_content')" />
       </el-form-item>
 
       <el-form-item label="Timeout" prop="timeout" class="dubbo-form-item">
-        <el-input
-          type="number"
-          v-model="registry.timeout"
-          :placeholder="$t('commons.input_content')"
-        />
+        <el-input type="number" v-model="registry.timeout" :placeholder="$t('commons.input_content')" />
       </el-form-item>
     </el-row>
   </el-form>
diff --git a/api-test/frontend/src/business/definition/components/request/http/ApiAdvancedConfig.vue b/api-test/frontend/src/business/definition/components/request/http/ApiAdvancedConfig.vue
index 8c20c544fc..9615e68662 100644
--- a/api-test/frontend/src/business/definition/components/request/http/ApiAdvancedConfig.vue
+++ b/api-test/frontend/src/business/definition/components/request/http/ApiAdvancedConfig.vue
@@ -1,9 +1,7 @@
 <template>
   <div>
     <el-row style="margin: 20px">
-      <span style="margin-right: 10px">
-        {{ $t('api_test.request.connect_timeout') }}:
-      </span>
+      <span style="margin-right: 10px"> {{ $t('api_test.request.connect_timeout') }}: </span>
       <span style="margin-right: 10px">
         <el-input-number
           size="small"
@@ -11,12 +9,9 @@
           v-model="request.connectTimeout"
           :placeholder="$t('commons.millisecond')"
           :max="1000 * 10000000"
-          :min="0"
-        />
-      </span>
-      <span style="margin-right: 10px">
-        {{ $t('api_test.request.response_timeout') }}:
+          :min="0" />
       </span>
+      <span style="margin-right: 10px"> {{ $t('api_test.request.response_timeout') }}: </span>
       <span style="margin-right: 10px">
         <el-input-number
           size="small"
@@ -24,25 +19,20 @@
           v-model="request.responseTimeout"
           :placeholder="$t('commons.millisecond')"
           :max="1000 * 10000000"
-          :min="0"
-        />
+          :min="0" />
       </span>
     </el-row>
     <el-row style="margin: 20px">
-      <span style="margin-right: 10px">
-        {{ $t('api_test.request.cert_alias') }}:
-      </span>
+      <span style="margin-right: 10px"> {{ $t('api_test.request.cert_alias') }}: </span>
       <span style="margin-right: 10px">
         <el-input size="small" style="width: 350px" v-model="request.alias" />
       </span>
     </el-row>
     <el-row style="margin: 20px">
       <span style="margin-right: 10px">
-        <el-checkbox
-          class="follow-redirects-item"
-          v-model="request.followRedirects"
-          >{{ $t('api_test.request.follow_redirects') }}</el-checkbox
-        >
+        <el-checkbox class="follow-redirects-item" v-model="request.followRedirects">{{
+          $t('api_test.request.follow_redirects')
+        }}</el-checkbox>
       </span>
     </el-row>
   </div>
diff --git a/api-test/frontend/src/business/definition/components/request/http/ApiHttpRequestForm.vue b/api-test/frontend/src/business/definition/components/request/http/ApiHttpRequestForm.vue
index 79eeb57536..7460d46bb0 100644
--- a/api-test/frontend/src/business/definition/components/request/http/ApiHttpRequestForm.vue
+++ b/api-test/frontend/src/business/definition/components/request/http/ApiHttpRequestForm.vue
@@ -1,20 +1,8 @@
 <template xmlns:v-slot="http://www.w3.org/1999/XSL/Transform">
   <div>
     <!-- HTTP 请求参数 -->
-    <div
-      style="
-        border: 1px #dcdfe6 solid;
-        height: 100%;
-        border-radius: 4px;
-        width: 100%;
-      "
-      v-loading="isReloadData"
-    >
-      <el-tabs
-        v-model="activeName"
-        class="request-tabs ms-tabs__nav-scroll"
-        @tab-click="tabClick"
-      >
+    <div style="border: 1px #dcdfe6 solid; height: 100%; border-radius: 4px; width: 100%" v-loading="isReloadData">
+      <el-tabs v-model="activeName" class="request-tabs ms-tabs__nav-scroll" @tab-click="tabClick">
         <!-- 请求头-->
         <el-tab-pane :label="$t('api_test.request.headers')" name="headers">
           <el-tooltip
@@ -22,24 +10,16 @@
             effect="dark"
             :content="$t('api_test.request.headers')"
             placement="top-start"
-            slot="label"
-          >
+            slot="label">
             <span
               >{{ $t('api_test.request.headers') }}
-              <div
-                class="el-step__icon is-text ms-api-col ms-header"
-                v-if="headers.length > 1"
-              >
+              <div class="el-step__icon is-text ms-api-col ms-header" v-if="headers.length > 1">
                 <div class="el-step__icon-inner">{{ headers.length - 1 }}</div>
               </div>
             </span>
           </el-tooltip>
           <el-row>
-            <el-link
-              class="ms-el-link"
-              @click="batchAdd"
-              style="color: var(--primary_color)"
-            >
+            <el-link class="ms-el-link" @click="batchAdd" style="color: var(--primary_color)">
               {{ $t('commons.batch_add') }}
             </el-link>
           </el-row>
@@ -52,28 +32,20 @@
             :suggestions="headerSuggestions"
             :items="headers"
             :need-mock="true"
-            v-if="activeName === 'headers'"
-          />
+            v-if="activeName === 'headers'" />
         </el-tab-pane>
 
         <!--query 参数-->
-        <el-tab-pane
-          :label="$t('api_test.definition.request.query_param')"
-          name="parameters"
-        >
+        <el-tab-pane :label="$t('api_test.definition.request.query_param')" name="parameters">
           <el-tooltip
             class="item-tabs"
             effect="dark"
             :content="$t('api_test.definition.request.query_info')"
             placement="top-start"
-            slot="label"
-          >
+            slot="label">
             <span
               >{{ $t('api_test.definition.request.query_param') }}
-              <div
-                class="el-step__icon is-text ms-api-col ms-header"
-                v-if="request.arguments.length > 1"
-              >
+              <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.arguments.length > 1">
                 <div class="el-step__icon-inner">
                   {{ request.arguments.length - 1 }}
                 </div>
@@ -81,11 +53,7 @@
             </span>
           </el-tooltip>
           <el-row>
-            <el-link
-              class="ms-el-link"
-              @click="batchAdd"
-              style="color: var(--primary_color)"
-            >
+            <el-link class="ms-el-link" @click="batchAdd" style="color: var(--primary_color)">
               {{ $t('commons.batch_add') }}
             </el-link>
           </el-row>
@@ -96,28 +64,20 @@
             :is-read-only="isReadOnly"
             :isShowEnable="isShowEnable"
             :parameters="request.arguments"
-            v-if="activeName === 'parameters'"
-          />
+            v-if="activeName === 'parameters'" />
         </el-tab-pane>
 
         <!--REST 参数-->
-        <el-tab-pane
-          :label="$t('api_test.definition.request.rest_param')"
-          name="rest"
-        >
+        <el-tab-pane :label="$t('api_test.definition.request.rest_param')" name="rest">
           <el-tooltip
             class="item-tabs"
             effect="dark"
             :content="$t('api_test.definition.request.rest_info')"
             placement="top-start"
-            slot="label"
-          >
+            slot="label">
             <span>
               {{ $t('api_test.definition.request.rest_param') }}
-              <div
-                class="el-step__icon is-text ms-api-col ms-header"
-                v-if="request.rest.length > 1"
-              >
+              <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.rest.length > 1">
                 <div class="el-step__icon-inner">
                   {{ request.rest.length - 1 }}
                 </div>
@@ -125,11 +85,7 @@
             </span>
           </el-tooltip>
           <el-row>
-            <el-link
-              class="ms-el-link"
-              @click="batchAdd"
-              style="color: var(--primary_color)"
-            >
+            <el-link class="ms-el-link" @click="batchAdd" style="color: var(--primary_color)">
               {{ $t('commons.batch_add') }}
             </el-link>
           </el-row>
@@ -140,16 +96,11 @@
             :is-read-only="isReadOnly"
             :isShowEnable="isShowEnable"
             :parameters="request.rest"
-            v-if="activeName === 'rest'"
-          />
+            v-if="activeName === 'rest'" />
         </el-tab-pane>
 
         <!--请求体-->
-        <el-tab-pane
-          v-if="isBodyShow"
-          :label="$t('api_test.request.body')"
-          name="body"
-        >
+        <el-tab-pane v-if="isBodyShow" :label="$t('api_test.request.body')" name="body">
           <ms-api-body
             @editScenarioAdvance="editScenarioAdvance"
             :scenario-definition="scenarioDefinition"
@@ -159,60 +110,35 @@
             :headers="headers"
             :body="request.body"
             :id="request.id"
-            v-if="activeName === 'body'"
-          />
+            v-if="activeName === 'body'" />
         </el-tab-pane>
 
         <!-- 认证配置 -->
-        <el-tab-pane
-          :label="$t('api_test.definition.request.auth_config')"
-          name="authConfig"
-        >
+        <el-tab-pane :label="$t('api_test.definition.request.auth_config')" name="authConfig">
           <el-tooltip
             class="item-tabs"
             effect="dark"
             :content="$t('api_test.definition.request.auth_config_info')"
             placement="top-start"
-            slot="label"
-          >
+            slot="label">
             <span>{{ $t('api_test.definition.request.auth_config') }}</span>
           </el-tooltip>
 
-          <ms-api-auth-config
-            :is-read-only="isReadOnly"
-            :request="request"
-            v-if="activeName === 'authConfig'"
-          />
+          <ms-api-auth-config :is-read-only="isReadOnly" :request="request" v-if="activeName === 'authConfig'" />
         </el-tab-pane>
 
-        <el-tab-pane
-          :label="$t('api_test.definition.request.other_config')"
-          name="advancedConfig"
-        >
+        <el-tab-pane :label="$t('api_test.definition.request.other_config')" name="advancedConfig">
           <ms-api-advanced-config
             :is-read-only="isReadOnly"
             :request="request"
-            v-if="activeName === 'advancedConfig'"
-          />
+            v-if="activeName === 'advancedConfig'" />
         </el-tab-pane>
 
         <!-- 脚本步骤/断言步骤 -->
-        <el-tab-pane
-          :label="$t('api_test.definition.request.pre_operation')"
-          name="preOperate"
-          v-if="showScript"
-        >
-          <span
-            class="item-tabs"
-            effect="dark"
-            placement="top-start"
-            slot="label"
-          >
+        <el-tab-pane :label="$t('api_test.definition.request.pre_operation')" name="preOperate" v-if="showScript">
+          <span class="item-tabs" effect="dark" placement="top-start" slot="label">
             {{ $t('api_test.definition.request.pre_operation') }}
-            <div
-              class="el-step__icon is-text ms-api-col ms-header"
-              v-if="request.preSize > 0"
-            >
+            <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.preSize > 0">
               <div class="el-step__icon-inner">{{ request.preSize }}</div>
             </div>
           </span>
@@ -223,25 +149,12 @@
             :tab-type="'pre'"
             :scenarioId="scenarioId"
             ref="preStep"
-            v-if="activeName === 'preOperate'"
-          />
+            v-if="activeName === 'preOperate'" />
         </el-tab-pane>
-        <el-tab-pane
-          :label="$t('api_test.definition.request.post_operation')"
-          name="postOperate"
-          v-if="showScript"
-        >
-          <span
-            class="item-tabs"
-            effect="dark"
-            placement="top-start"
-            slot="label"
-          >
+        <el-tab-pane :label="$t('api_test.definition.request.post_operation')" name="postOperate" v-if="showScript">
+          <span class="item-tabs" effect="dark" placement="top-start" slot="label">
             {{ $t('api_test.definition.request.post_operation') }}
-            <div
-              class="el-step__icon is-text ms-api-col ms-header"
-              v-if="request.postSize > 0"
-            >
+            <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.postSize > 0">
               <div class="el-step__icon-inner">{{ request.postSize }}</div>
             </div>
           </span>
@@ -252,25 +165,12 @@
             :tab-type="'post'"
             :scenarioId="scenarioId"
             ref="postStep"
-            v-if="activeName === 'postOperate'"
-          />
+            v-if="activeName === 'postOperate'" />
         </el-tab-pane>
-        <el-tab-pane
-          :label="$t('api_test.definition.request.assertions_rule')"
-          name="assertionsRule"
-          v-if="showScript"
-        >
-          <span
-            class="item-tabs"
-            effect="dark"
-            placement="top-start"
-            slot="label"
-          >
+        <el-tab-pane :label="$t('api_test.definition.request.assertions_rule')" name="assertionsRule" v-if="showScript">
+          <span class="item-tabs" effect="dark" placement="top-start" slot="label">
             {{ $t('api_test.definition.request.assertions_rule') }}
-            <div
-              class="el-step__icon is-text ms-api-col ms-header"
-              v-if="request.ruleSize > 0"
-            >
+            <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.ruleSize > 0">
               <div class="el-step__icon-inner">{{ request.ruleSize }}</div>
             </div>
           </span>
@@ -282,8 +182,7 @@
             @reload="reloadBody"
             :tab-type="'assertionsRule'"
             ref="assertionsRule"
-            v-if="activeName === 'assertionsRule'"
-          />
+            v-if="activeName === 'assertionsRule'" />
         </el-tab-pane>
       </el-tabs>
     </div>
@@ -302,19 +201,13 @@ import MsApiVariable from '../../ApiVariable';
 import MsApiAssertions from '../../assertion/ApiAssertions';
 import MsApiExtract from '../../extract/ApiExtract';
 import { Body, KeyValue } from '../../../model/ApiTestModel';
-import {
-  hasLicense,
-  hasPermission,
-} from 'metersphere-frontend/src/utils/permission';
+import { hasLicense, hasPermission } from 'metersphere-frontend/src/utils/permission';
 import { getUUID } from 'metersphere-frontend/src/utils';
 import BatchAddParameter from '../../basis/BatchAddParameter';
 import MsApiAdvancedConfig from './ApiAdvancedConfig';
 import MsJsr233Processor from '@/business/automation/scenario/component/Jsr233Processor';
 import Convert from '@/business/commons/json-schema/convert/convert';
-import {
-  hisDataProcessing,
-  stepCompute,
-} from '@/business/definition/api-definition';
+import { hisDataProcessing, stepCompute } from '@/business/definition/api-definition';
 
 export default {
   name: 'MsApiHttpRequestForm',
@@ -470,15 +363,10 @@ export default {
       }
     },
     generate() {
-      if (
-        this.request.body &&
-        (this.request.body.jsonSchema || this.request.body.raw)
-      ) {
+      if (this.request.body && (this.request.body.jsonSchema || this.request.body.raw)) {
         if (!this.request.body.jsonSchema) {
           const MsConvert = new Convert();
-          this.request.body.jsonSchema = MsConvert.format(
-            JSON.parse(this.request.body.raw)
-          );
+          this.request.body.jsonSchema = MsConvert.format(JSON.parse(this.request.body.raw));
         }
         testDataGenerator(this.request.body.jsonSchema).then((response) => {
           if (response.data) {
@@ -487,10 +375,7 @@ export default {
             } else {
               const MsConvert = new Convert();
               let data = MsConvert.format(JSON.parse(response.data));
-              this.request.body.jsonSchema = this.deepAssign(
-                this.request.body.jsonSchema,
-                data
-              );
+              this.request.body.jsonSchema = this.deepAssign(this.request.body.jsonSchema, data);
             }
             this.reloadBody();
           }
diff --git a/api-test/frontend/src/business/definition/components/request/tcp/TcpBasisParameters.vue b/api-test/frontend/src/business/definition/components/request/tcp/TcpBasisParameters.vue
index c02319f302..614b35c1b2 100644
--- a/api-test/frontend/src/business/definition/components/request/tcp/TcpBasisParameters.vue
+++ b/api-test/frontend/src/business/definition/components/request/tcp/TcpBasisParameters.vue
@@ -2,45 +2,28 @@
   <div>
     <el-row>
       <el-col :span="21" style="padding-bottom: 20px">
-        <div
-          style="
-            border: 1px #dcdfe6 solid;
-            height: 100%;
-            border-radius: 4px;
-            width: 100%;
-            margin: 10px;
-          "
-        >
+        <div style="border: 1px #dcdfe6 solid; height: 100%; border-radius: 4px; width: 100%; margin: 10px">
           <el-form
             class="tcp"
             :model="request"
             :rules="rules"
             ref="request"
             :disabled="isReadOnly"
-            style="margin: 20px"
-          >
+            style="margin: 20px">
             <el-tabs v-model="activeName" class="request-tabs">
               <!--query 参数-->
               <el-tab-pane name="parameters">
                 <template v-slot:label>
                   {{ $t('api_test.definition.request.req_param') }}
-                  <ms-instructions-icon
-                    :content="
-                      $t('api_test.definition.request.tcp_parameter_tip')
-                    "
-                  />
+                  <ms-instructions-icon :content="$t('api_test.definition.request.tcp_parameter_tip')" />
                 </template>
                 <ms-api-variable
                   :is-read-only="isReadOnly"
                   :parameters="request.parameters"
-                  v-if="activeName === 'parameters'"
-                />
+                  v-if="activeName === 'parameters'" />
               </el-tab-pane>
 
-              <el-tab-pane
-                :label="$t('api_test.definition.request.message_template')"
-                name="request"
-              >
+              <el-tab-pane :label="$t('api_test.definition.request.message_template')" name="request">
                 <div class="send-request">
                   <ms-code-edit
                     v-if="activeName === 'request'"
@@ -48,132 +31,76 @@
                     :read-only="isReadOnly"
                     :data.sync="request.request"
                     :modes="['text', 'json', 'xml', 'html']"
-                    theme="eclipse"
-                  />
+                    theme="eclipse" />
                 </div>
               </el-tab-pane>
 
-              <el-tab-pane
-                :label="$t('api_test.definition.request.pre_script')"
-                name="script"
-              >
+              <el-tab-pane :label="$t('api_test.definition.request.pre_script')" name="script">
                 <jsr233-processor-content
                   :jsr223-processor="request.tcpPreProcessor"
                   :is-pre-processor="true"
                   :is-read-only="isReadOnly"
-                  v-if="activeName === 'script'"
-                />
+                  v-if="activeName === 'script'" />
               </el-tab-pane>
 
-              <el-tab-pane
-                :label="$t('api_test.definition.request.other_config')"
-                name="other"
-                class="other-config"
-              >
+              <el-tab-pane :label="$t('api_test.definition.request.other_config')" name="other" class="other-config">
                 <el-row>
                   <el-col :span="8">
                     <el-form-item label="TCPClient" prop="classname">
-                      <el-select
-                        v-model="request.classname"
-                        style="width: 100%"
-                        size="small"
-                      >
-                        <el-option
-                          v-for="c in classes"
-                          :key="c"
-                          :label="c"
-                          :value="c"
-                        />
+                      <el-select v-model="request.classname" style="width: 100%" size="small">
+                        <el-option v-for="c in classes" :key="c" :label="c" :value="c" />
                       </el-select>
                     </el-form-item>
                   </el-col>
                   <el-col :span="8">
-                    <el-form-item
-                      :label="$t('api_test.request.tcp.connect')"
-                      prop="ctimeout"
-                    >
-                      <el-input-number
-                        v-model="request.ctimeout"
-                        controls-position="right"
-                        :min="0"
-                        size="small"
-                      />
+                    <el-form-item :label="$t('api_test.request.tcp.connect')" prop="ctimeout">
+                      <el-input-number v-model="request.ctimeout" controls-position="right" :min="0" size="small" />
                     </el-form-item>
                   </el-col>
                   <el-col :span="8">
-                    <el-form-item
-                      :label="$t('api_test.request.tcp.response')"
-                      prop="timeout"
-                    >
-                      <el-input-number
-                        v-model="request.timeout"
-                        controls-position="right"
-                        :min="0"
-                        size="small"
-                      />
+                    <el-form-item :label="$t('api_test.request.tcp.response')" prop="timeout">
+                      <el-input-number v-model="request.timeout" controls-position="right" :min="0" size="small" />
                     </el-form-item>
                   </el-col>
                 </el-row>
                 <el-row :gutter="10">
                   <el-col :span="6">
-                    <el-form-item
-                      :label="$t('api_test.request.tcp.so_linger')"
-                      prop="soLinger"
-                    >
+                    <el-form-item :label="$t('api_test.request.tcp.so_linger')" prop="soLinger">
                       <el-input v-model="request.soLinger" size="small" />
                     </el-form-item>
                   </el-col>
 
                   <el-col :span="6">
-                    <el-form-item
-                      :label="$t('api_test.request.tcp.eol_byte')"
-                      prop="eolByte"
-                    >
+                    <el-form-item :label="$t('api_test.request.tcp.eol_byte')" prop="eolByte">
                       <el-input v-model="request.eolByte" size="small" />
                     </el-form-item>
                   </el-col>
 
                   <el-col :span="6">
-                    <el-form-item
-                      :label="$t('api_test.request.tcp.username')"
-                      prop="username"
-                    >
-                      <el-input
-                        v-model="request.username"
-                        maxlength="100"
-                        show-word-limit
-                        size="small"
-                      />
+                    <el-form-item :label="$t('api_test.request.tcp.username')" prop="username">
+                      <el-input v-model="request.username" maxlength="100" show-word-limit size="small" />
                     </el-form-item>
                   </el-col>
                   <el-col :span="6">
-                    <el-form-item
-                      :label="$t('api_test.request.tcp.password')"
-                      prop="password"
-                    >
+                    <el-form-item :label="$t('api_test.request.tcp.password')" prop="password">
                       <el-input
                         v-model="request.password"
                         maxlength="30"
                         show-word-limit
                         show-password
                         autocomplete="new-password"
-                        size="small"
-                      />
+                        size="small" />
                     </el-form-item>
                   </el-col>
                 </el-row>
                 <el-row :gutter="10" style="margin-left: 30px">
                   <el-col :span="6">
-                    <el-form-item
-                      :label="$t('api_test.request.tcp.re_use_connection')"
-                    >
+                    <el-form-item :label="$t('api_test.request.tcp.re_use_connection')">
                       <el-checkbox v-model="request.reUseConnection" />
                     </el-form-item>
                   </el-col>
                   <el-col :span="6">
-                    <el-form-item
-                      :label="$t('api_test.request.tcp.close_connection')"
-                    >
+                    <el-form-item :label="$t('api_test.request.tcp.close_connection')">
                       <el-checkbox v-model="request.closeConnection" />
                     </el-form-item>
                   </el-col>
@@ -184,17 +111,12 @@
                   </el-col>
                   <el-col :span="6">
                     <el-form-item label="Connect encoding">
-                      <el-select
-                        v-model="request.connectEncoding"
-                        style="width: 100px"
-                        size="small"
-                      >
+                      <el-select v-model="request.connectEncoding" style="width: 100px" size="small">
                         <el-option
                           v-for="item in connectEncodingArr"
                           :key="item.key"
                           :label="item.value"
-                          :value="item.key"
-                        />
+                          :value="item.key" />
                       </el-select>
                     </el-form-item>
                   </el-col>
@@ -206,10 +128,7 @@
       </el-col>
 
       <!--操作按钮-->
-      <api-definition-step-button
-        :request="request"
-        v-if="!referenced && showScript"
-      />
+      <api-definition-step-button :request="request" v-if="!referenced && showScript" />
     </el-row>
   </div>
 </template>
@@ -287,9 +206,7 @@ export default {
         },
       ],
       rules: {
-        classname: [
-          { required: true, message: '请选择TCPClient', trigger: 'change' },
-        ],
+        classname: [{ required: true, message: '请选择TCPClient', trigger: 'change' }],
         server: [
           {
             required: true,
@@ -317,9 +234,7 @@ export default {
       this.$set(this.request, 'tcpPreProcessor', new JSR223PreProcessor());
     }
     if (this.request.tcpPreProcessor) {
-      this.request.tcpPreProcessor.clazzName = TYPE_TO_C.get(
-        this.request.tcpPreProcessor.type
-      );
+      this.request.tcpPreProcessor.clazzName = TYPE_TO_C.get(this.request.tcpPreProcessor.type);
     }
     if (!this.request.connectEncoding) {
       this.request.connectEncoding = 'UTF-8';
diff --git a/api-test/frontend/src/business/definition/components/request/tcp/TcpConfig.vue b/api-test/frontend/src/business/definition/components/request/tcp/TcpConfig.vue
index cd6d870739..e4f8f28a0f 100644
--- a/api-test/frontend/src/business/definition/components/request/tcp/TcpConfig.vue
+++ b/api-test/frontend/src/business/definition/components/request/tcp/TcpConfig.vue
@@ -6,8 +6,7 @@
     ref="config"
     label-width="100px"
     :disabled="isReadOnly"
-    size="small"
-  >
+    size="small">
     <el-form-item label="TCPClient" prop="classname">
       <el-select v-model="config.classname" style="width: 100%">
         <el-option v-for="c in classes" :key="c" :label="c" :value="c" />
@@ -21,11 +20,7 @@
         </el-form-item>
       </el-col>
       <el-col :span="8">
-        <el-form-item
-          :label="$t('api_test.request.tcp.port')"
-          prop="port"
-          label-width="60px"
-        >
+        <el-form-item :label="$t('api_test.request.tcp.port')" prop="port" label-width="60px">
           <el-input v-model="config.port" />
         </el-form-item>
       </el-col>
@@ -33,49 +28,30 @@
 
     <el-row :gutter="10">
       <el-col :span="12">
-        <el-form-item
-          :label="$t('api_test.request.tcp.connect')"
-          prop="ctimeout"
-        >
+        <el-form-item :label="$t('api_test.request.tcp.connect')" prop="ctimeout">
           <el-input-number
             v-model="config.ctimeout"
             controls-position="right"
             :min="0"
             :step="1000"
-            :controls="false"
-          />
+            :controls="false" />
         </el-form-item>
       </el-col>
       <el-col :span="12">
-        <el-form-item
-          :label="$t('api_test.request.tcp.response')"
-          prop="timeout"
-        >
-          <el-input-number
-            v-model="config.timeout"
-            controls-position="right"
-            :min="0"
-            :step="1000"
-            :controls="false"
-          />
+        <el-form-item :label="$t('api_test.request.tcp.response')" prop="timeout">
+          <el-input-number v-model="config.timeout" controls-position="right" :min="0" :step="1000" :controls="false" />
         </el-form-item>
       </el-col>
     </el-row>
 
     <el-row :gutter="10">
       <el-col :span="12">
-        <el-form-item
-          :label="$t('api_test.request.tcp.so_linger')"
-          prop="soLinger"
-        >
+        <el-form-item :label="$t('api_test.request.tcp.so_linger')" prop="soLinger">
           <el-input v-model="config.soLinger" />
         </el-form-item>
       </el-col>
       <el-col :span="12">
-        <el-form-item
-          :label="$t('api_test.request.tcp.eol_byte')"
-          prop="eolByte"
-        >
+        <el-form-item :label="$t('api_test.request.tcp.eol_byte')" prop="eolByte">
           <el-input v-model="config.eolByte" />
         </el-form-item>
       </el-col>
@@ -101,25 +77,18 @@
 
     <el-row :gutter="10">
       <el-col :span="12">
-        <el-form-item
-          :label="$t('api_test.request.tcp.username')"
-          prop="username"
-        >
+        <el-form-item :label="$t('api_test.request.tcp.username')" prop="username">
           <el-input v-model="config.username" maxlength="100" show-word-limit />
         </el-form-item>
       </el-col>
       <el-col :span="12">
-        <el-form-item
-          :label="$t('api_test.request.tcp.password')"
-          prop="password"
-        >
+        <el-form-item :label="$t('api_test.request.tcp.password')" prop="password">
           <el-input
             v-model="config.password"
             maxlength="30"
             show-word-limit
             show-password
-            autocomplete="new-password"
-          />
+            autocomplete="new-password" />
         </el-form-item>
       </el-col>
     </el-row>
diff --git a/api-test/frontend/src/business/definition/components/request/tcp/TcpFormatParameters.vue b/api-test/frontend/src/business/definition/components/request/tcp/TcpFormatParameters.vue
index db82fbc121..75b18cec05 100644
--- a/api-test/frontend/src/business/definition/components/request/tcp/TcpFormatParameters.vue
+++ b/api-test/frontend/src/business/definition/components/request/tcp/TcpFormatParameters.vue
@@ -2,74 +2,27 @@
   <div v-if="!isReloadData">
     <el-row>
       <el-col :span="spanNum" style="padding-bottom: 20px">
-        <div
-          style="
-            border: 1px #dcdfe6 solid;
-            height: 100%;
-            border-radius: 4px;
-            width: 100%;
-          "
-        >
-          <el-form
-            class="tcp"
-            :model="request"
-            :rules="rules"
-            ref="request"
-            :disabled="isReadOnly"
-          >
-            <el-tabs
-              v-model="activeName"
-              class="request-tabs"
-              @tab-click="tabClick"
-            >
+        <div style="border: 1px #dcdfe6 solid; height: 100%; border-radius: 4px; width: 100%">
+          <el-form class="tcp" :model="request" :rules="rules" ref="request" :disabled="isReadOnly">
+            <el-tabs v-model="activeName" class="request-tabs" @tab-click="tabClick">
               <!--test-->
               <el-tab-pane name="parameters">
                 <template v-slot:label>
                   {{ $t('api_test.definition.request.req_param') }}
-                  <ms-instructions-icon
-                    :content="
-                      $t('api_test.definition.request.tcp_parameter_tip')
-                    "
-                  />
+                  <ms-instructions-icon :content="$t('api_test.definition.request.tcp_parameter_tip')" />
                 </template>
-                <ms-api-variable
-                  :is-read-only="isReadOnly"
-                  :parameters="request.parameters"
-                />
+                <ms-api-variable :is-read-only="isReadOnly" :parameters="request.parameters" />
               </el-tab-pane>
               <!--test-->
               <el-tab-pane
                 v-if="isBodyShow"
                 :label="$t('api_test.definition.document.request_body')"
                 name="request"
-                v-loading="result"
-              >
-                <el-radio-group
-                  v-model="reportType"
-                  size="mini"
-                  style="margin: 10px 0px"
-                >
-                  <el-radio
-                    :disabled="isReadOnly"
-                    label="json"
-                    @change="changeReportType"
-                  >
-                    json
-                  </el-radio>
-                  <el-radio
-                    :disabled="isReadOnly"
-                    label="xml"
-                    @change="changeReportType"
-                  >
-                    xml
-                  </el-radio>
-                  <el-radio
-                    :disabled="isReadOnly"
-                    label="raw"
-                    @change="changeReportType"
-                  >
-                    raw
-                  </el-radio>
+                v-loading="result">
+                <el-radio-group v-model="reportType" size="mini" style="margin: 10px 0px">
+                  <el-radio :disabled="isReadOnly" label="json" @change="changeReportType"> json </el-radio>
+                  <el-radio :disabled="isReadOnly" label="xml" @change="changeReportType"> xml </el-radio>
+                  <el-radio :disabled="isReadOnly" label="raw" @change="changeReportType"> raw </el-radio>
                 </el-radio-group>
                 <div v-if="request.reportType === 'xml'">
                   <tcp-xml-table
@@ -78,8 +31,7 @@
                     @xmlTablePushRow="xmlTablePushRow"
                     @initXmlTableData="initXmlTableData"
                     @saveTableData="saveXmlTableData"
-                    ref="treeTable"
-                  ></tcp-xml-table>
+                    ref="treeTable"></tcp-xml-table>
                 </div>
                 <div v-if="request.reportType === 'json'">
                   <div class="send-request">
@@ -88,8 +40,7 @@
                       :read-only="isReadOnly"
                       :data.sync="request.jsonDataStruct"
                       :modes="['text', 'json', 'xml', 'html']"
-                      theme="eclipse"
-                    />
+                      theme="eclipse" />
                   </div>
                 </div>
                 <div v-if="request.reportType === 'raw'">
@@ -99,87 +50,46 @@
                       :read-only="isReadOnly"
                       :data.sync="request.rawDataStruct"
                       :modes="['text', 'json', 'xml', 'html']"
-                      theme="eclipse"
-                    />
+                      theme="eclipse" />
                   </div>
                   <el-button
                     class="ht-btn-add"
                     size="mini"
                     p="$t('commons.add')"
                     icon="el-icon-circle-plus-outline"
-                    @click="toXml"
-                  >
+                    @click="toXml">
                     {{ $t('api_test.buttons.to_xml') }}
                   </el-button>
                 </div>
               </el-tab-pane>
 
-              <el-tab-pane
-                :label="$t('api_test.definition.request.other_config')"
-                name="other"
-                class="other-config"
-              >
+              <el-tab-pane :label="$t('api_test.definition.request.other_config')" name="other" class="other-config">
                 <el-row style="margin: 0px 10px">
                   <el-col :span="7">
-                    <el-form-item
-                      label="TCPClient"
-                      prop="classname"
-                      label-width="120px"
-                    >
-                      <el-select
-                        v-model="request.classname"
-                        style="width: 100%"
-                        size="small"
-                      >
-                        <el-option
-                          v-for="c in classes"
-                          :key="c"
-                          :label="c"
-                          :value="c"
-                        />
+                    <el-form-item label="TCPClient" prop="classname" label-width="120px">
+                      <el-select v-model="request.classname" style="width: 100%" size="small">
+                        <el-option v-for="c in classes" :key="c" :label="c" :value="c" />
                       </el-select>
                     </el-form-item>
-                    <el-form-item
-                      :label="$t('api_test.request.tcp.username')"
-                      prop="username"
-                      label-width="120px"
-                    >
-                      <el-input
-                        v-model="request.username"
-                        maxlength="100"
-                        show-word-limit
-                        size="small"
-                      />
+                    <el-form-item :label="$t('api_test.request.tcp.username')" prop="username" label-width="120px">
+                      <el-input v-model="request.username" maxlength="100" show-word-limit size="small" />
                     </el-form-item>
-                    <el-form-item
-                      :label="$t('api_test.request.tcp.eol_byte')"
-                      prop="eolByte"
-                      label-width="120px"
-                    >
+                    <el-form-item :label="$t('api_test.request.tcp.eol_byte')" prop="eolByte" label-width="120px">
                       <el-input v-model="request.eolByte" size="small" />
                     </el-form-item>
                   </el-col>
                   <el-col :span="6" label-width="80px">
-                    <el-form-item
-                      :label="$t('api_test.request.tcp.so_linger')"
-                      prop="soLinger"
-                      label-width="120px"
-                    >
+                    <el-form-item :label="$t('api_test.request.tcp.so_linger')" prop="soLinger" label-width="120px">
                       <el-input v-model="request.soLinger" size="small" />
                     </el-form-item>
-                    <el-form-item
-                      :label="$t('api_test.request.tcp.password')"
-                      prop="password"
-                      label-width="120px"
-                    >
+                    <el-form-item :label="$t('api_test.request.tcp.password')" prop="password" label-width="120px">
                       <el-input
                         v-model="request.password"
                         maxlength="30"
                         show-word-limit
                         show-password
                         autocomplete="new-password"
-                        size="small"
-                      />
+                        size="small" />
                     </el-form-item>
                     <el-form-item label="Encoding" label-width="120px">
                       <el-select v-model="request.connectEncoding" size="small">
@@ -187,76 +97,36 @@
                           v-for="item in connectEncodingArr"
                           :key="item.key"
                           :label="item.value"
-                          :value="item.key"
-                        />
+                          :value="item.key" />
                       </el-select>
                     </el-form-item>
                   </el-col>
                   <el-col :span="5">
-                    <el-form-item
-                      :label="$t('api_test.request.tcp.close_connection')"
-                      label-width="140px"
-                    >
+                    <el-form-item :label="$t('api_test.request.tcp.close_connection')" label-width="140px">
                       <el-checkbox v-model="request.closeConnection" />
                     </el-form-item>
-                    <el-form-item
-                      :label="$t('api_test.request.tcp.no_delay')"
-                      label-width="140px"
-                    >
+                    <el-form-item :label="$t('api_test.request.tcp.no_delay')" label-width="140px">
                       <el-checkbox v-model="request.nodelay" />
                     </el-form-item>
-                    <el-form-item
-                      :label="$t('api_test.request.tcp.re_use_connection')"
-                      label-width="140px"
-                    >
+                    <el-form-item :label="$t('api_test.request.tcp.re_use_connection')" label-width="140px">
                       <el-checkbox v-model="request.reUseConnection" />
                     </el-form-item>
                   </el-col>
                   <el-col :span="3">
-                    <el-form-item
-                      :label="$t('api_test.request.tcp.connect')"
-                      prop="ctimeout"
-                      label-width="80px"
-                    >
-                      <el-input-number
-                        v-model="request.ctimeout"
-                        controls-position="right"
-                        :min="0"
-                        size="small"
-                      />
+                    <el-form-item :label="$t('api_test.request.tcp.connect')" prop="ctimeout" label-width="80px">
+                      <el-input-number v-model="request.ctimeout" controls-position="right" :min="0" size="small" />
                     </el-form-item>
-                    <el-form-item
-                      :label="$t('api_test.request.tcp.response')"
-                      prop="timeout"
-                      label-width="80px"
-                    >
-                      <el-input-number
-                        v-model="request.timeout"
-                        controls-position="right"
-                        :min="0"
-                        size="small"
-                      />
+                    <el-form-item :label="$t('api_test.request.tcp.response')" prop="timeout" label-width="80px">
+                      <el-input-number v-model="request.timeout" controls-position="right" :min="0" size="small" />
                     </el-form-item>
                   </el-col>
                 </el-row>
               </el-tab-pane>
               <!-- 脚本步骤/断言步骤 -->
-              <el-tab-pane
-                :label="$t('api_test.definition.request.pre_operation')"
-                name="preOperate"
-                v-if="showScript"
-              >
-                <span
-                  class="item-tabs"
-                  effect="dark"
-                  placement="top-start"
-                  slot="label"
-                >
+              <el-tab-pane :label="$t('api_test.definition.request.pre_operation')" name="preOperate" v-if="showScript">
+                <span class="item-tabs" effect="dark" placement="top-start" slot="label">
                   {{ $t('api_test.definition.request.pre_operation') }}
-                  <div
-                    class="el-step__icon is-text ms-api-col ms-header"
-                    v-if="request.preSize > 0"
-                  >
+                  <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.preSize > 0">
                     <div class="el-step__icon-inner">{{ request.preSize }}</div>
                   </div>
                 </span>
@@ -267,25 +137,15 @@
                   protocol="TCP"
                   :response="response"
                   :tab-type="'pre'"
-                  ref="preStep"
-                />
+                  ref="preStep" />
               </el-tab-pane>
               <el-tab-pane
                 :label="$t('api_test.definition.request.post_operation')"
                 name="postOperate"
-                v-if="showScript"
-              >
-                <span
-                  class="item-tabs"
-                  effect="dark"
-                  placement="top-start"
-                  slot="label"
-                >
+                v-if="showScript">
+                <span class="item-tabs" effect="dark" placement="top-start" slot="label">
                   {{ $t('api_test.definition.request.post_operation') }}
-                  <div
-                    class="el-step__icon is-text ms-api-col ms-header"
-                    v-if="request.postSize > 0"
-                  >
+                  <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.postSize > 0">
                     <div class="el-step__icon-inner">
                       {{ request.postSize }}
                     </div>
@@ -298,25 +158,15 @@
                   protocol="TCP"
                   :response="response"
                   :tab-type="'post'"
-                  ref="postStep"
-                />
+                  ref="postStep" />
               </el-tab-pane>
               <el-tab-pane
                 :label="$t('api_test.definition.request.assertions_rule')"
                 name="assertionsRule"
-                v-if="showScript"
-              >
-                <span
-                  class="item-tabs"
-                  effect="dark"
-                  placement="top-start"
-                  slot="label"
-                >
+                v-if="showScript">
+                <span class="item-tabs" effect="dark" placement="top-start" slot="label">
                   {{ $t('api_test.definition.request.assertions_rule') }}
-                  <div
-                    class="el-step__icon is-text ms-api-col ms-header"
-                    v-if="request.ruleSize > 0"
-                  >
+                  <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.ruleSize > 0">
                     <div class="el-step__icon-inner">
                       {{ request.ruleSize }}
                     </div>
@@ -330,8 +180,7 @@
                   :response="response"
                   @reload="reloadBody"
                   :tab-type="'assertionsRule'"
-                  ref="assertionsRule"
-                />
+                  ref="assertionsRule" />
               </el-tab-pane>
             </el-tabs>
           </el-form>
@@ -362,10 +211,7 @@ import ApiDefinitionStepButton from '../components/ApiDefinitionStepButton';
 import TcpXmlTable from '@/business/definition/components/complete/table/TcpXmlTable';
 import { TYPE_TO_C } from '@/business/automation/scenario/Setting';
 import MsJmxStep from '../../step/JmxStep';
-import {
-  hisDataProcessing,
-  stepCompute,
-} from '@/business/definition/api-definition';
+import { hisDataProcessing, stepCompute } from '@/business/definition/api-definition';
 import { getEnvironmentByProjectId } from 'metersphere-frontend/src/api/environment';
 
 export default {
@@ -431,9 +277,7 @@ export default {
         },
       ],
       rules: {
-        classname: [
-          { required: true, message: '请选择TCPClient', trigger: 'change' },
-        ],
+        classname: [{ required: true, message: '请选择TCPClient', trigger: 'change' }],
         server: [
           {
             required: true,
@@ -476,9 +320,7 @@ export default {
       this.request.tcpPreProcessor = undefined;
     }
     if (this.request.tcpPreProcessor) {
-      this.request.tcpPreProcessor.clazzName = TYPE_TO_C.get(
-        this.request.tcpPreProcessor.type
-      );
+      this.request.tcpPreProcessor.clazzName = TYPE_TO_C.get(this.request.tcpPreProcessor.type);
     }
     if (!this.request.connectEncoding) {
       this.request.connectEncoding = 'UTF-8';
@@ -487,11 +329,7 @@ export default {
 
     if (this.request) {
       //处理各种旧数据
-      if (
-        !this.request.xmlDataStruct &&
-        !this.request.jsonDataStruct &&
-        !this.request.rawDataStruct
-      ) {
+      if (!this.request.xmlDataStruct && !this.request.jsonDataStruct && !this.request.rawDataStruct) {
         this.request.rawDataStruct = this.request.request;
         this.request.reportType = 'raw';
       }
@@ -660,9 +498,7 @@ export default {
     validateXmlDataStruct() {
       if (this.request.xmlDataStruct) {
         this.refreshXmlTableDataStruct(this.request.xmlDataStruct);
-        let result = this.checkXmlTableDataStructData(
-          this.request.xmlDataStruct
-        );
+        let result = this.checkXmlTableDataStructData(this.request.xmlDataStruct);
         return result;
       }
     },
diff --git a/api-test/frontend/src/business/definition/components/request/tcp/TcpParams.vue b/api-test/frontend/src/business/definition/components/request/tcp/TcpParams.vue
index 5c1b55afc1..bdb3a9eb36 100644
--- a/api-test/frontend/src/business/definition/components/request/tcp/TcpParams.vue
+++ b/api-test/frontend/src/business/definition/components/request/tcp/TcpParams.vue
@@ -1,24 +1,10 @@
 <template>
   <div>
     <el-row v-if="!isReloadData">
-      <el-radio-group
-        v-model="request.reportType"
-        size="mini"
-        style="margin: 10px 0px"
-      >
-        <el-radio
-          :disabled="isReadOnly"
-          label="json"
-          @change="changeReportType"
-        >
-          json
-        </el-radio>
-        <el-radio :disabled="isReadOnly" label="xml" @change="changeReportType">
-          xml
-        </el-radio>
-        <el-radio :disabled="isReadOnly" label="raw" @change="changeReportType">
-          raw
-        </el-radio>
+      <el-radio-group v-model="request.reportType" size="mini" style="margin: 10px 0px">
+        <el-radio :disabled="isReadOnly" label="json" @change="changeReportType"> json </el-radio>
+        <el-radio :disabled="isReadOnly" label="xml" @change="changeReportType"> xml </el-radio>
+        <el-radio :disabled="isReadOnly" label="raw" @change="changeReportType"> raw </el-radio>
       </el-radio-group>
       <div style="min-width: 1200px" v-if="request.reportType === 'xml'">
         <tcp-xml-table
@@ -28,8 +14,7 @@
           @xmlTablePushRow="xmlTablePushRow"
           @initXmlTableData="initXmlTableData"
           @saveTableData="saveXmlTableData"
-          ref="treeTable"
-        ></tcp-xml-table>
+          ref="treeTable"></tcp-xml-table>
       </div>
       <div style="min-width: 1200px" v-if="request.reportType === 'json'">
         <div class="send-request">
@@ -38,8 +23,7 @@
             :read-only="isReadOnly"
             :data.sync="request.jsonDataStruct"
             :modes="['text', 'json', 'xml', 'html']"
-            theme="eclipse"
-          />
+            theme="eclipse" />
         </div>
       </div>
       <div style="min-width: 1200px" v-if="request.reportType === 'raw'">
@@ -49,8 +33,7 @@
             :read-only="isReadOnly"
             :data.sync="request.rawDataStruct"
             :modes="['text', 'json', 'xml', 'html']"
-            theme="eclipse"
-          />
+            theme="eclipse" />
         </div>
       </div>
     </el-row>
@@ -173,9 +156,7 @@ export default {
     validateXmlDataStruct() {
       if (this.request.xmlDataStruct) {
         this.refreshXmlTableDataStruct(this.request.xmlDataStruct);
-        let result = this.checkXmlTableDataStructData(
-          this.request.xmlDataStruct
-        );
+        let result = this.checkXmlTableDataStructData(this.request.xmlDataStruct);
         return result;
       }
     },
@@ -192,11 +173,7 @@ export default {
       }
     },
     saveData() {
-      if (
-        this.request &&
-        this.request.reportType === 'xml' &&
-        this.$refs.treeTable
-      ) {
+      if (this.request && this.request.reportType === 'xml' && this.$refs.treeTable) {
         this.$refs.treeTable.saveTableData();
       }
     },
diff --git a/api-test/frontend/src/business/definition/components/response/ApiResponseView.vue b/api-test/frontend/src/business/definition/components/response/ApiResponseView.vue
index 3764cfbffd..f9fdacb4cd 100644
--- a/api-test/frontend/src/business/definition/components/response/ApiResponseView.vue
+++ b/api-test/frontend/src/business/definition/components/response/ApiResponseView.vue
@@ -1,9 +1,5 @@
 <template>
-  <ms-request-result
-    :report-id="reportId"
-    :is-test-plan="isTestPlan"
-    :response="response"
-  />
+  <ms-request-result :report-id="reportId" :is-test-plan="isTestPlan" :response="response" />
 </template>
 
 <script>
diff --git a/api-test/frontend/src/business/definition/components/response/AssertionResults.vue b/api-test/frontend/src/business/definition/components/response/AssertionResults.vue
index 0920df0601..0d64c01866 100644
--- a/api-test/frontend/src/business/definition/components/response/AssertionResults.vue
+++ b/api-test/frontend/src/business/definition/components/response/AssertionResults.vue
@@ -1,30 +1,9 @@
 <template>
-  <el-table
-    :data="assertions"
-    :row-style="getRowStyle"
-    :header-cell-style="getRowStyle"
-  >
-    <el-table-column
-      prop="name"
-      :label="$t('api_report.assertions_name')"
-      width="200"
-      show-overflow-tooltip
-    />
-    <el-table-column
-      prop="content"
-      :label="$t('api_report.assertions_content')"
-      width="300"
-      show-overflow-tooltip
-    />
-    <el-table-column
-      prop="message"
-      :label="$t('api_report.assertions_error_message')"
-    />
-    <el-table-column
-      prop="pass"
-      :label="$t('api_report.assertions_is_success')"
-      width="100"
-    >
+  <el-table :data="assertions" :row-style="getRowStyle" :header-cell-style="getRowStyle">
+    <el-table-column prop="name" :label="$t('api_report.assertions_name')" width="200" show-overflow-tooltip />
+    <el-table-column prop="content" :label="$t('api_report.assertions_content')" width="300" show-overflow-tooltip />
+    <el-table-column prop="message" :label="$t('api_report.assertions_error_message')" />
+    <el-table-column prop="pass" :label="$t('api_report.assertions_is_success')" width="100">
       <template v-slot:default="{ row }">
         <el-tag size="mini" type="success" v-if="row.pass"> Success </el-tag>
         <el-tag size="mini" type="danger" v-else> Error </el-tag>
@@ -36,23 +15,12 @@
           <i
             class="el-icon-view el-button el-button--primary el-button--mini is-circle"
             circle
-            @click="showPage(row.script)"
-          />
+            @click="showPage(row.script)" />
         </div>
       </template>
     </el-table-column>
-    <el-dialog
-      :title="$t('api_test.request.assertions.script')"
-      :visible.sync="visible"
-      width="900px"
-      append-to-body
-    >
-      <el-row
-        type="flex"
-        justify="space-between"
-        align="middle"
-        class="quick-script-block"
-      >
+    <el-dialog :title="$t('api_test.request.assertions.script')" :visible.sync="visible" width="900px" append-to-body>
+      <el-row type="flex" justify="space-between" align="middle" class="quick-script-block">
         <el-col :span="codeSpan" class="script-content">
           <ms-code-edit
             v-if="isCodeEditAlive"
@@ -60,8 +28,7 @@
             :data.sync="scriptContent"
             theme="eclipse"
             :modes="['java', 'python']"
-            ref="codeEdit"
-          />
+            ref="codeEdit" />
         </el-col>
       </el-row>
     </el-dialog>
diff --git a/api-test/frontend/src/business/definition/components/response/RequestMetric.vue b/api-test/frontend/src/business/definition/components/response/RequestMetric.vue
index f0774e49df..ffcf6a659e 100644
--- a/api-test/frontend/src/business/definition/components/response/RequestMetric.vue
+++ b/api-test/frontend/src/business/definition/components/response/RequestMetric.vue
@@ -2,14 +2,8 @@
   <div class="metric-container">
     <el-row type="flex">
       <el-col>
-        <div style="font-size: 14px; color: #aaaaaa; float: left">
-          {{ $t('api_report.response_code') }} :
-        </div>
-        <el-tooltip
-          v-if="responseResult.responseCode"
-          :content="responseResult.responseCode"
-          placement="top"
-        >
+        <div style="font-size: 14px; color: #aaaaaa; float: left">{{ $t('api_report.response_code') }} :</div>
+        <el-tooltip v-if="responseResult.responseCode" :content="responseResult.responseCode" placement="top">
           <div
             v-if="
               response.attachInfoMap &&
@@ -17,110 +11,45 @@
               response.attachInfoMap.status === 'FAKE_ERROR'
             "
             class="node-title"
-            :class="'ms-req-error-report-result'"
-          >
-            {{
-              responseResult && responseResult.responseCode
-                ? responseResult.responseCode
-                : '0'
-            }}
+            :class="'ms-req-error-report-result'">
+            {{ responseResult && responseResult.responseCode ? responseResult.responseCode : '0' }}
           </div>
-          <div
-            v-else
-            class="node-title"
-            :class="
-              response && response.success ? 'ms-req-success' : 'ms-req-error'
-            "
-          >
-            {{
-              responseResult && responseResult.responseCode
-                ? responseResult.responseCode
-                : '0'
-            }}
+          <div v-else class="node-title" :class="response && response.success ? 'ms-req-success' : 'ms-req-error'">
+            {{ responseResult && responseResult.responseCode ? responseResult.responseCode : '0' }}
           </div>
         </el-tooltip>
-        <div
-          v-else
-          class="node-title"
-          :class="
-            response && response.success ? 'ms-req-success' : 'ms-req-error'
-          "
-        >
-          {{
-            responseResult && responseResult.responseCode
-              ? responseResult.responseCode
-              : '0'
-          }}
+        <div v-else class="node-title" :class="response && response.success ? 'ms-req-success' : 'ms-req-error'">
+          {{ responseResult && responseResult.responseCode ? responseResult.responseCode : '0' }}
         </div>
-        <div
-          v-if="
-            response &&
-            response.attachInfoMap &&
-            response.attachInfoMap.FAKE_ERROR
-          "
-        >
+        <div v-if="response && response.attachInfoMap && response.attachInfoMap.FAKE_ERROR">
           <div
             class="node-title ms-req-error-report-result"
             v-if="response.attachInfoMap.status === 'FAKE_ERROR'"
-            style="margin-left: 0px; padding-left: 0px"
-          >
+            style="margin-left: 0px; padding-left: 0px">
             {{ response.attachInfoMap.FAKE_ERROR }}
           </div>
           <div
             class="node-title ms-req-success"
             v-else-if="response.success"
-            style="margin-left: 0px; padding-left: 0px"
-          >
+            style="margin-left: 0px; padding-left: 0px">
             {{ response.attachInfoMap.FAKE_ERROR }}
           </div>
-          <div
-            class="node-title ms-req-error"
-            v-else
-            style="margin-left: 0px; padding-left: 0px"
-          >
+          <div class="node-title ms-req-error" v-else style="margin-left: 0px; padding-left: 0px">
             {{ response.attachInfoMap.FAKE_ERROR }}
           </div>
         </div>
       </el-col>
       <el-col>
-        <div style="font-size: 14px; color: #aaaaaa; float: left">
-          {{ $t('api_report.response_time') }} :
-        </div>
-        <div
-          style="
-            font-size: 14px;
-            color: #61c550;
-            margin-top: 2px;
-            margin-left: 10px;
-            float: left;
-          "
-        >
-          {{
-            responseResult && responseResult.responseTime
-              ? responseResult.responseTime
-              : 0
-          }}
+        <div style="font-size: 14px; color: #aaaaaa; float: left">{{ $t('api_report.response_time') }} :</div>
+        <div style="font-size: 14px; color: #61c550; margin-top: 2px; margin-left: 10px; float: left">
+          {{ responseResult && responseResult.responseTime ? responseResult.responseTime : 0 }}
           ms
         </div>
       </el-col>
       <el-col>
-        <div style="font-size: 14px; color: #aaaaaa; float: left">
-          {{ $t('api_report.response_size') }} :
-        </div>
-        <div
-          style="
-            font-size: 14px;
-            color: #61c550;
-            margin-top: 2px;
-            margin-left: 10px;
-            float: left;
-          "
-        >
-          {{
-            responseResult && responseResult.responseSize
-              ? responseResult.responseSize
-              : 0
-          }}
+        <div style="font-size: 14px; color: #aaaaaa; float: left">{{ $t('api_report.response_size') }} :</div>
+        <div style="font-size: 14px; color: #61c550; margin-top: 2px; margin-left: 10px; float: left">
+          {{ responseResult && responseResult.responseSize ? responseResult.responseSize : 0 }}
           bytes
         </div>
       </el-col>
@@ -129,9 +58,7 @@
       <div style="font-size: 14px; color: #aaaaaa; float: left">
         <span> {{ $t('commons.environment') + ':' }} </span>
       </div>
-      <div
-        style="font-size: 14px; color: #61c550; margin-left: 10px; float: left"
-      >
+      <div style="font-size: 14px; color: #61c550; margin-left: 10px; float: left">
         {{ response.envName }}
       </div>
     </el-row>
@@ -152,16 +79,10 @@ export default {
   },
   computed: {
     responseResult() {
-      return this.response && this.response.responseResult
-        ? this.response.responseResult
-        : {};
+      return this.response && this.response.responseResult ? this.response.responseResult : {};
     },
     error() {
-      return (
-        this.response &&
-        this.response.responseCode &&
-        this.response.responseCode >= 400
-      );
+      return this.response && this.response.responseCode && this.response.responseCode >= 400;
     },
   },
 };
diff --git a/api-test/frontend/src/business/definition/components/response/RequestResultTail.vue b/api-test/frontend/src/business/definition/components/response/RequestResultTail.vue
index e5cc2d9a27..1f86a99e83 100644
--- a/api-test/frontend/src/business/definition/components/response/RequestResultTail.vue
+++ b/api-test/frontend/src/business/definition/components/response/RequestResultTail.vue
@@ -1,14 +1,10 @@
 <template>
   <div class="request-result" v-loading="loading">
-    <ms-request-metric
-      v-if="showMetric"
-      :response="reportId ? report : response"
-    />
+    <ms-request-metric v-if="showMetric" :response="reportId ? report : response" />
     <ms-response-result
       :currentProtocol="currentProtocol"
       :response="reportId ? report : response"
-      :isTestPlan="isTestPlan"
-    />
+      :isTestPlan="isTestPlan" />
   </div>
 </template>
 
diff --git a/api-test/frontend/src/business/definition/components/response/ResponseResult.vue b/api-test/frontend/src/business/definition/components/response/ResponseResult.vue
index 3c3e214c04..d49ee4fe25 100644
--- a/api-test/frontend/src/business/definition/components/response/ResponseResult.vue
+++ b/api-test/frontend/src/business/definition/components/response/ResponseResult.vue
@@ -1,124 +1,62 @@
 <template>
   <div class="text-container" v-if="responseResult">
     <el-tabs v-model="activeName" v-show="isActive">
-      <el-tab-pane
-        :label="$t('api_test.definition.request.response_body')"
-        name="body"
-        class="pane"
-      >
-        <ms-sql-result-table
-          v-if="isSqlType && activeName === 'body'"
-          :body="responseResult.body"
-        />
+      <el-tab-pane :label="$t('api_test.definition.request.response_body')" name="body" class="pane">
+        <ms-sql-result-table v-if="isSqlType && activeName === 'body'" :body="responseResult.body" />
         <ms-code-edit
           v-if="!isSqlType && isMsCodeEditShow && activeName === 'body'"
           :mode="mode"
           :read-only="true"
           :modes="modes"
           :data.sync="responseResult.body"
-          ref="codeEdit"
-        />
+          ref="codeEdit" />
       </el-tab-pane>
 
-      <el-tab-pane
-        :label="$t('api_test.definition.request.response_header')"
-        name="headers"
-        class="pane"
-      >
+      <el-tab-pane :label="$t('api_test.definition.request.response_header')" name="headers" class="pane">
         <ms-code-edit
           :mode="'text'"
           :read-only="true"
           :data.sync="responseResult.headers"
-          v-if="activeName === 'headers'"
-        />
+          v-if="activeName === 'headers'" />
       </el-tab-pane>
 
-      <el-tab-pane
-        v-if="isTestPlan"
-        :label="$t('api_test.definition.request.console')"
-        name="console"
-        class="pane"
-      >
+      <el-tab-pane v-if="isTestPlan" :label="$t('api_test.definition.request.console')" name="console" class="pane">
         <ms-code-edit
           :mode="'text'"
           :read-only="true"
           :data.sync="responseResult.console"
           v-if="activeName === 'console'"
-          height="calc(100vh - 300px)"
-        />
+          height="calc(100vh - 300px)" />
       </el-tab-pane>
 
-      <el-tab-pane
-        v-if="!isTestPlan"
-        :label="$t('api_test.definition.request.console')"
-        name="console"
-        class="pane"
-      >
+      <el-tab-pane v-if="!isTestPlan" :label="$t('api_test.definition.request.console')" name="console" class="pane">
         <ms-code-edit
           :mode="'text'"
           :read-only="true"
           :data.sync="responseResult.console"
-          v-if="activeName === 'console'"
-        />
+          v-if="activeName === 'console'" />
       </el-tab-pane>
 
-      <el-tab-pane
-        :label="$t('api_report.assertions')"
-        name="assertions"
-        class="pane assertions"
-      >
-        <ms-assertion-results
-          :assertions="responseResult.assertions"
-          v-if="activeName === 'assertions'"
-        />
+      <el-tab-pane :label="$t('api_report.assertions')" name="assertions" class="pane assertions">
+        <ms-assertion-results :assertions="responseResult.assertions" v-if="activeName === 'assertions'" />
       </el-tab-pane>
 
-      <el-tab-pane
-        :label="$t('api_test.request.extract.label')"
-        name="label"
-        class="pane"
-      >
-        <ms-code-edit
-          :mode="'text'"
-          :read-only="true"
-          :data.sync="responseResult.vars"
-          v-if="activeName === 'label'"
-        />
+      <el-tab-pane :label="$t('api_test.request.extract.label')" name="label" class="pane">
+        <ms-code-edit :mode="'text'" :read-only="true" :data.sync="responseResult.vars" v-if="activeName === 'label'" />
       </el-tab-pane>
 
-      <el-tab-pane
-        :label="$t('api_report.request_body')"
-        name="request_body"
-        class="pane"
-      >
-        <ms-code-edit
-          :mode="'text'"
-          :read-only="true"
-          :data.sync="reqMessages"
-          v-if="activeName === 'request_body'"
-        />
+      <el-tab-pane :label="$t('api_report.request_body')" name="request_body" class="pane">
+        <ms-code-edit :mode="'text'" :read-only="true" :data.sync="reqMessages" v-if="activeName === 'request_body'" />
       </el-tab-pane>
 
-      <el-tab-pane
-        v-if="activeName == 'body'"
-        :disabled="true"
-        name="mode"
-        class="pane cookie"
-      >
+      <el-tab-pane v-if="activeName == 'body'" :disabled="true" name="mode" class="pane cookie">
         <template v-slot:label>
           <ms-dropdown
             v-if="currentProtocol === 'SQL'"
             :commands="sqlModes"
             :default-command="mode"
-            @command="sqlModeChange"
-          />
-          <ms-dropdown
-            v-else
-            :commands="modes"
-            :default-command="mode"
-            @command="modeChange"
-            ref="modeDropdown"
-          />
+            @command="sqlModeChange" />
+          <ms-dropdown v-else :commands="modes" :default-command="mode" @command="modeChange" ref="modeDropdown" />
         </template>
       </el-tab-pane>
     </el-tabs>
@@ -182,9 +120,7 @@ export default {
         this.response &&
         this.response.responseResult &&
         this.response.responseResult.headers &&
-        this.response.responseResult.headers.indexOf(
-          'Content-Type: application/json'
-        ) > 0
+        this.response.responseResult.headers.indexOf('Content-Type: application/json') > 0
       ) {
         this.mode = BODY_FORMAT.JSON;
         this.$nextTick(() => {
@@ -246,15 +182,11 @@ export default {
   computed: {
     isSqlType() {
       return (
-        this.currentProtocol === 'SQL' &&
-        this.response.responseResult.responseCode === '200' &&
-        this.mode === 'table'
+        this.currentProtocol === 'SQL' && this.response.responseResult.responseCode === '200' && this.mode === 'table'
       );
     },
     responseResult() {
-      return this.response && this.response.responseResult
-        ? this.response.responseResult
-        : {};
+      return this.response && this.response.responseResult ? this.response.responseResult : {};
     },
   },
 };
diff --git a/api-test/frontend/src/business/definition/components/response/ResponseText.vue b/api-test/frontend/src/business/definition/components/response/ResponseText.vue
index 664c1e69ed..3d55215966 100644
--- a/api-test/frontend/src/business/definition/components/response/ResponseText.vue
+++ b/api-test/frontend/src/business/definition/components/response/ResponseText.vue
@@ -1,51 +1,21 @@
 <template>
-  <div
-    class="text-container"
-    style="
-      border: 1px #dcdfe6 solid;
-      height: 100%;
-      border-radius: 4px;
-      width: 100%;
-    "
-  >
+  <div class="text-container" style="border: 1px #dcdfe6 solid; height: 100%; border-radius: 4px; width: 100%">
     <el-form :model="response" ref="response" label-width="100px">
       <el-collapse-transition>
         <el-tabs v-model="activeName" v-show="isActive" style="margin: 20px">
-          <el-tab-pane
-            :label="$t('api_test.definition.request.response_header')"
-            name="headers"
-            class="pane"
-          >
-            <ms-api-key-value
-              :isShowEnable="false"
-              :suggestions="headerSuggestions"
-              :items="response.headers"
-            />
+          <el-tab-pane :label="$t('api_test.definition.request.response_header')" name="headers" class="pane">
+            <ms-api-key-value :isShowEnable="false" :suggestions="headerSuggestions" :items="response.headers" />
           </el-tab-pane>
-          <el-tab-pane
-            :label="$t('api_test.definition.request.response_body')"
-            name="body"
-            class="pane"
-          >
-            <ms-api-body
-              :isReadOnly="false"
-              :isShowEnable="false"
-              :body="response.body"
-              :headers="response.headers"
-            />
+          <el-tab-pane :label="$t('api_test.definition.request.response_body')" name="body" class="pane">
+            <ms-api-body :isReadOnly="false" :isShowEnable="false" :body="response.body" :headers="response.headers" />
           </el-tab-pane>
 
-          <el-tab-pane
-            :label="$t('api_test.definition.request.status_code')"
-            name="status_code"
-            class="pane"
-          >
+          <el-tab-pane :label="$t('api_test.definition.request.status_code')" name="status_code" class="pane">
             <ms-api-key-value
               :isShowEnable="false"
               :suggestions="headerSuggestions"
               :items="response.statusCode"
-              :unShowSelect="true"
-            />
+              :unShowSelect="true" />
           </el-tab-pane>
         </el-tabs>
       </el-collapse-transition>
diff --git a/api-test/frontend/src/business/definition/components/response/SqlResultTable.vue b/api-test/frontend/src/business/definition/components/response/SqlResultTable.vue
index d2f90b78d2..223ef0ddae 100644
--- a/api-test/frontend/src/business/definition/components/response/SqlResultTable.vue
+++ b/api-test/frontend/src/business/definition/components/response/SqlResultTable.vue
@@ -6,22 +6,14 @@
       :data="table.tableData"
       border
       size="mini"
-      highlight-current-row
-    >
-      <el-table-column
-        v-for="(title, index) in table.titles"
-        :key="index"
-        :label="title"
-        min-width="150px"
-      >
+      highlight-current-row>
+      <el-table-column v-for="(title, index) in table.titles" :key="index" :label="title" min-width="150px">
         <template v-slot:default="scope">
           <el-popover placement="top" trigger="click">
             <el-container>
               <div>{{ scope.row[title] }}</div>
             </el-container>
-            <span class="table-content" slot="reference">{{
-              scope.row[title]
-            }}</span>
+            <span class="table-content" slot="reference">{{ scope.row[title] }}</span>
           </el-popover>
         </template>
       </el-table-column>
diff --git a/api-test/frontend/src/business/definition/components/runtest/RunTestDubboPage.vue b/api-test/frontend/src/business/definition/components/runtest/RunTestDubboPage.vue
index 79ace60133..83f8f7b614 100644
--- a/api-test/frontend/src/business/definition/components/runtest/RunTestDubboPage.vue
+++ b/api-test/frontend/src/business/definition/components/runtest/RunTestDubboPage.vue
@@ -1,8 +1,6 @@
 <template>
   <div class="card-container">
-    <div class="ms-opt-btn" v-if="versionEnable">
-      {{ $t('project.version.name') }}: {{ apiData.versionName }}
-    </div>
+    <div class="ms-opt-btn" v-if="versionEnable">{{ $t('project.version.name') }}: {{ apiData.versionName }}</div>
     <el-card class="card-content">
       <!-- 操作按钮 -->
       <el-dropdown
@@ -14,42 +12,25 @@
         size="small"
         style="float: right; margin-right: 20px"
         v-if="!runLoading"
-        v-permission="['PROJECT_API_DEFINITION:READ+EDIT_API']"
-      >
+        v-permission="['PROJECT_API_DEFINITION:READ+EDIT_API']">
         {{ $t('commons.test') }}
         <el-dropdown-menu slot="dropdown">
-          <el-dropdown-item command="load_case"
-            >{{ $t('api_test.definition.request.load_case') }}
-          </el-dropdown-item>
+          <el-dropdown-item command="load_case">{{ $t('api_test.definition.request.load_case') }} </el-dropdown-item>
           <el-dropdown-item command="save_as_case"
             >{{ $t('api_test.definition.request.save_as_case') }}
           </el-dropdown-item>
-          <el-dropdown-item command="update_api">{{
-            $t('api_test.definition.request.update_api')
-          }}</el-dropdown-item>
-          <el-dropdown-item command="save_as_api">{{
-            $t('api_test.definition.request.save_as')
-          }}</el-dropdown-item>
+          <el-dropdown-item command="update_api">{{ $t('api_test.definition.request.update_api') }}</el-dropdown-item>
+          <el-dropdown-item command="save_as_api">{{ $t('api_test.definition.request.save_as') }}</el-dropdown-item>
         </el-dropdown-menu>
       </el-dropdown>
-      <el-button
-        size="small"
-        type="primary"
-        v-else
-        @click.once="stop"
-        style="float: right; margin-right: 20px"
-      >
+      <el-button size="small" type="primary" v-else @click.once="stop" style="float: right; margin-right: 20px">
         {{ $t('report.stop_btn') }}
       </el-button>
 
       <p class="tip">{{ $t('api_test.definition.request.req_param') }}</p>
       <div v-loading="loading">
         <!-- TCP 请求参数 -->
-        <ms-basis-parameters
-          :request="api.request"
-          ref="requestForm"
-          :response="responseData"
-        />
+        <ms-basis-parameters :request="api.request" ref="requestForm" :response="responseData" />
 
         <!--返回结果-->
         <!-- HTTP 请求返回数据 -->
@@ -68,14 +49,10 @@
       :refreshSign="refreshSign"
       :createCase="createCase"
       :save-button-text="loadCaseConfirmButton"
-      ref="caseList"
-    />
+      ref="caseList" />
 
     <!-- 环境 -->
-    <api-environment-config
-      ref="environmentConfig"
-      @close="environmentConfigClose"
-    />
+    <api-environment-config ref="environmentConfig" @close="environmentConfigClose" />
     <!-- 执行组件 -->
     <ms-run
       :debug="false"
@@ -83,8 +60,7 @@
       :run-data="runData"
       @runRefresh="runRefresh"
       @errorRefresh="errorRefresh"
-      ref="runTest"
-    />
+      ref="runTest" />
   </div>
 </template>
 
diff --git a/api-test/frontend/src/business/definition/components/runtest/RunTestHTTPPage.vue b/api-test/frontend/src/business/definition/components/runtest/RunTestHTTPPage.vue
index 326708d2e3..42ba1c25fc 100644
--- a/api-test/frontend/src/business/definition/components/runtest/RunTestHTTPPage.vue
+++ b/api-test/frontend/src/business/definition/components/runtest/RunTestHTTPPage.vue
@@ -1,40 +1,19 @@
 <template>
   <div class="card-container">
-    <div class="ms-opt-btn" v-if="versionEnable">
-      {{ $t('project.version.name') }}: {{ apiData.versionName }}
-    </div>
+    <div class="ms-opt-btn" v-if="versionEnable">{{ $t('project.version.name') }}: {{ apiData.versionName }}</div>
     <el-card class="card-content">
-      <el-form
-        :model="api"
-        :rules="rules"
-        ref="apiData"
-        :inline="true"
-        label-position="right"
-      >
+      <el-form :model="api" :rules="rules" ref="apiData" :inline="true" label-position="right">
         <p class="tip">{{ $t('test_track.plan_view.base_info') }}</p>
         <!-- 请求方法 -->
         <el-form-item :label="$t('api_report.request')" prop="method">
-          <el-select
-            v-model="api.request.method"
-            style="width: 100px"
-            size="small"
-          >
-            <el-option
-              v-for="item in reqOptions"
-              :key="item.id"
-              :label="item.label"
-              :value="item.id"
-            />
+          <el-select v-model="api.request.method" style="width: 100px" size="small">
+            <el-option v-for="item in reqOptions" :key="item.id" :label="item.label" :value="item.id" />
           </el-select>
         </el-form-item>
 
         <!-- 执行环境 -->
         <el-form-item prop="environmentId">
-          <environment-select
-            :current-data="api"
-            :project-id="projectId"
-            ref="environmentSelect"
-          />
+          <environment-select :current-data="api" :project-id="projectId" ref="environmentSelect" />
         </el-form-item>
 
         <!-- 请求地址 -->
@@ -44,8 +23,7 @@
             v-model="api.request.path"
             class="ms-htt-width"
             size="small"
-            :disabled="false"
-          />
+            :disabled="false" />
         </el-form-item>
 
         <!-- 操作按钮 -->
@@ -58,8 +36,7 @@
             @command="handleCommand"
             size="small"
             v-if="!runLoading"
-            v-permission="['PROJECT_API_DEFINITION:READ+EDIT_API']"
-          >
+            v-permission="['PROJECT_API_DEFINITION:READ+EDIT_API']">
             {{ $t('commons.test') }}
             <el-dropdown-menu slot="dropdown">
               <el-dropdown-item command="load_case"
@@ -71,15 +48,11 @@
               <el-dropdown-item command="update_api"
                 >{{ $t('api_test.definition.request.update_api') }}
               </el-dropdown-item>
-              <el-dropdown-item command="save_as_api">{{
-                $t('api_test.definition.request.save_as')
-              }}</el-dropdown-item>
+              <el-dropdown-item command="save_as_api">{{ $t('api_test.definition.request.save_as') }}</el-dropdown-item>
             </el-dropdown-menu>
           </el-dropdown>
 
-          <el-button size="small" type="primary" v-else @click.once="stop">{{
-            $t('report.stop_btn')
-          }}</el-button>
+          <el-button size="small" type="primary" v-else @click.once="stop">{{ $t('report.stop_btn') }}</el-button>
 
           <el-button
             size="small"
@@ -87,11 +60,7 @@
             @click.stop
             @click="generate"
             style="margin-left: 10px"
-            v-if="
-              hasPermission('PROJECT_API_DEFINITION:READ+CREATE_API') &&
-              hasLicense()
-            "
-          >
+            v-if="hasPermission('PROJECT_API_DEFINITION:READ+CREATE_API') && hasLicense()">
             {{ $t('commons.generate_test_data') }}
           </el-button>
         </el-form-item>
@@ -106,8 +75,7 @@
           :response="responseData"
           v-if="loadRequest"
           :request="api.request"
-          ref="apiRequestForm"
-        />
+          ref="apiRequestForm" />
         <!--返回结果-->
         <!-- HTTP 请求返回数据 -->
         <p class="tip">{{ $t('api_test.definition.request.res_param') }}</p>
@@ -124,8 +92,7 @@
       :createCase="createCase"
       :currentApi="api"
       :save-button-text="loadCaseConfirmButton"
-      ref="caseList"
-    />
+      ref="caseList" />
 
     <!-- 执行组件 -->
     <ms-run
@@ -135,8 +102,7 @@
       :env-map="envMap"
       @runRefresh="runRefresh"
       @errorRefresh="errorRefresh"
-      ref="runTest"
-    />
+      ref="runTest" />
   </div>
 </template>
 
@@ -145,10 +111,7 @@ import { getMockEnvironment, updateDefinition } from '@/api/definition';
 import { getApiReportDetail } from '@/api/definition-report';
 import { versionEnableByProjectId } from '@/api/xpack';
 import MsApiRequestForm from '../request/http/ApiHttpRequestForm';
-import {
-  hasLicense,
-  hasPermission,
-} from 'metersphere-frontend/src/utils/permission';
+import { hasLicense, hasPermission } from 'metersphere-frontend/src/utils/permission';
 import { getUUID } from 'metersphere-frontend/src/utils';
 import MsApiCaseList from '../case/EditApiCase';
 import MsContainer from 'metersphere-frontend/src/components/MsContainer';
@@ -404,14 +367,8 @@ export default {
           if (!stepArray[i].clazzName) {
             stepArray[i].clazzName = TYPE_TO_C.get(stepArray[i].type);
           }
-          if (
-            stepArray[i] &&
-            stepArray[i].authManager &&
-            !stepArray[i].authManager.clazzName
-          ) {
-            stepArray[i].authManager.clazzName = TYPE_TO_C.get(
-              stepArray[i].authManager.type
-            );
+          if (stepArray[i] && stepArray[i].authManager && !stepArray[i].authManager.clazzName) {
+            stepArray[i].authManager.clazzName = TYPE_TO_C.get(stepArray[i].authManager.type);
           }
           if (stepArray[i].hashTree && stepArray[i].hashTree.length > 0) {
             this.compatibleHistory(stepArray[i].hashTree);
@@ -499,10 +456,7 @@ export default {
     },
     initLocalFile() {
       if (this.apiData.request && this.apiData.request.body) {
-        if (
-          this.apiData.request.body.binary &&
-          this.apiData.request.body.binary.length > 0
-        ) {
+        if (this.apiData.request.body.binary && this.apiData.request.body.binary.length > 0) {
           this.apiData.request.body.binary.forEach((item) => {
             this.api.request.body.binary.forEach((api) => {
               if (item.uuid && api.uuid && item.uuid === api.uuid) {
@@ -511,19 +465,10 @@ export default {
             });
           });
         }
-        if (
-          this.apiData.request.body.kvs &&
-          this.apiData.request.body.kvs.length > 0
-        ) {
+        if (this.apiData.request.body.kvs && this.apiData.request.body.kvs.length > 0) {
           this.apiData.request.body.kvs.forEach((item) => {
             this.api.request.body.kvs.forEach((api) => {
-              if (
-                item.uuid &&
-                api.uuid &&
-                item.uuid === api.uuid &&
-                item.files &&
-                api.files
-              ) {
+              if (item.uuid && api.uuid && item.uuid === api.uuid && item.files && api.files) {
                 api.files = item.files;
               }
             });
diff --git a/api-test/frontend/src/business/definition/components/runtest/RunTestSQLPage.vue b/api-test/frontend/src/business/definition/components/runtest/RunTestSQLPage.vue
index 4b492b73be..162dfec0d5 100644
--- a/api-test/frontend/src/business/definition/components/runtest/RunTestSQLPage.vue
+++ b/api-test/frontend/src/business/definition/components/runtest/RunTestSQLPage.vue
@@ -1,8 +1,6 @@
 <template>
   <div class="card-container">
-    <div class="ms-opt-btn" v-if="versionEnable">
-      {{ $t('project.version.name') }}: {{ apiData.versionName }}
-    </div>
+    <div class="ms-opt-btn" v-if="versionEnable">{{ $t('project.version.name') }}: {{ apiData.versionName }}</div>
     <el-card class="card-content">
       <!-- 操作按钮 -->
       <el-dropdown
@@ -14,51 +12,29 @@
         size="small"
         style="float: right; margin-right: 20px"
         v-if="!runLoading"
-        v-permission="['PROJECT_API_DEFINITION:READ+EDIT_API']"
-      >
+        v-permission="['PROJECT_API_DEFINITION:READ+EDIT_API']">
         {{ $t('commons.test') }}
         <el-dropdown-menu slot="dropdown">
-          <el-dropdown-item command="load_case"
-            >{{ $t('api_test.definition.request.load_case') }}
-          </el-dropdown-item>
+          <el-dropdown-item command="load_case">{{ $t('api_test.definition.request.load_case') }} </el-dropdown-item>
           <el-dropdown-item command="save_as_case"
             >{{ $t('api_test.definition.request.save_as_case') }}
           </el-dropdown-item>
-          <el-dropdown-item command="update_api">{{
-            $t('api_test.definition.request.update_api')
-          }}</el-dropdown-item>
-          <el-dropdown-item command="save_as_api">{{
-            $t('api_test.definition.request.save_as')
-          }}</el-dropdown-item>
+          <el-dropdown-item command="update_api">{{ $t('api_test.definition.request.update_api') }}</el-dropdown-item>
+          <el-dropdown-item command="save_as_api">{{ $t('api_test.definition.request.save_as') }}</el-dropdown-item>
         </el-dropdown-menu>
       </el-dropdown>
-      <el-button
-        size="small"
-        type="primary"
-        v-else
-        @click.once="stop"
-        style="float: right; margin-right: 20px"
-      >
+      <el-button size="small" type="primary" v-else @click.once="stop" style="float: right; margin-right: 20px">
         {{ $t('report.stop_btn') }}
       </el-button>
       <p class="tip">{{ $t('api_test.definition.request.req_param') }}</p>
       <div v-loading="loading">
         <!-- TCP 请求参数 -->
-        <ms-basis-parameters
-          :request="api.request"
-          @callback="runTest"
-          ref="requestForm"
-          :response="responseData"
-        />
+        <ms-basis-parameters :request="api.request" @callback="runTest" ref="requestForm" :response="responseData" />
 
         <!--返回结果-->
         <!-- HTTP 请求返回数据 -->
         <p class="tip">{{ $t('api_test.definition.request.res_param') }}</p>
-        <ms-request-result-tail
-          :response="responseData"
-          :currentProtocol="currentProtocol"
-          ref="runResult"
-        />
+        <ms-request-result-tail :response="responseData" :currentProtocol="currentProtocol" ref="runResult" />
       </div>
     </el-card>
 
@@ -72,14 +48,10 @@
       :loaded="loaded"
       :createCase="createCase"
       :save-button-text="loadCaseConfirmButton"
-      ref="caseList"
-    />
+      ref="caseList" />
 
     <!-- 环境 -->
-    <api-environment-config
-      ref="environmentConfig"
-      @close="environmentConfigClose"
-    />
+    <api-environment-config ref="environmentConfig" @close="environmentConfigClose" />
     <!-- 执行组件 -->
     <ms-run
       :debug="false"
@@ -87,8 +59,7 @@
       :run-data="runData"
       @runRefresh="runRefresh"
       @errorRefresh="errorRefresh"
-      ref="runTest"
-    />
+      ref="runTest" />
   </div>
 </template>
 
diff --git a/api-test/frontend/src/business/definition/components/runtest/RunTestTCPPage.vue b/api-test/frontend/src/business/definition/components/runtest/RunTestTCPPage.vue
index 5d3c35a1d8..129b675b8f 100644
--- a/api-test/frontend/src/business/definition/components/runtest/RunTestTCPPage.vue
+++ b/api-test/frontend/src/business/definition/components/runtest/RunTestTCPPage.vue
@@ -1,16 +1,8 @@
 <template>
   <div class="card-container">
-    <div class="ms-opt-btn" v-if="versionEnable">
-      {{ $t('project.version.name') }}: {{ apiData.versionName }}
-    </div>
+    <div class="ms-opt-btn" v-if="versionEnable">{{ $t('project.version.name') }}: {{ apiData.versionName }}</div>
     <el-card class="card-content">
-      <el-form
-        :model="api"
-        ref="apiData"
-        :inline="true"
-        label-position="right"
-        style="height: 100%"
-      >
+      <el-form :model="api" ref="apiData" :inline="true" label-position="right" style="height: 100%">
         <!-- 操作按钮 -->
         <el-dropdown
           split-button
@@ -21,31 +13,18 @@
           size="small"
           style="float: right; margin-right: 20px"
           v-if="!runLoading"
-          v-permission="['PROJECT_API_DEFINITION:READ+EDIT_API']"
-        >
+          v-permission="['PROJECT_API_DEFINITION:READ+EDIT_API']">
           {{ $t('commons.test') }}
           <el-dropdown-menu slot="dropdown">
-            <el-dropdown-item command="load_case"
-              >{{ $t('api_test.definition.request.load_case') }}
-            </el-dropdown-item>
+            <el-dropdown-item command="load_case">{{ $t('api_test.definition.request.load_case') }} </el-dropdown-item>
             <el-dropdown-item command="save_as_case"
               >{{ $t('api_test.definition.request.save_as_case') }}
             </el-dropdown-item>
-            <el-dropdown-item command="update_api">{{
-              $t('api_test.definition.request.update_api')
-            }}</el-dropdown-item>
-            <el-dropdown-item command="save_as_api">{{
-              $t('api_test.definition.request.save_as')
-            }}</el-dropdown-item>
+            <el-dropdown-item command="update_api">{{ $t('api_test.definition.request.update_api') }}</el-dropdown-item>
+            <el-dropdown-item command="save_as_api">{{ $t('api_test.definition.request.save_as') }}</el-dropdown-item>
           </el-dropdown-menu>
         </el-dropdown>
-        <el-button
-          size="small"
-          type="primary"
-          v-else
-          @click.once="stop"
-          style="float: right; margin-right: 20px"
-        >
+        <el-button size="small" type="primary" v-else @click.once="stop" style="float: right; margin-right: 20px">
           {{ $t('report.stop_btn') }}
         </el-button>
 
@@ -53,12 +32,7 @@
         <!-- 执行环境 -->
         <el-form-item prop="environmentId">
           {{ $t('api_test.definition.request.run_env') }}：
-          <environment-select
-            :type="'TCP'"
-            :current-data="api"
-            :project-id="projectId"
-            ref="environmentSelect"
-          />
+          <environment-select :type="'TCP'" :current-data="api" :project-id="projectId" ref="environmentSelect" />
         </el-form-item>
       </el-form>
 
@@ -69,8 +43,7 @@
           :request="api.request"
           @callback="runTest"
           :response="responseData"
-          ref="requestForm"
-        />
+          ref="requestForm" />
         <!--返回结果-->
         <!-- HTTP 请求返回数据 -->
         <p class="tip">{{ $t('api_test.definition.request.res_param') }}</p>
@@ -78,13 +51,7 @@
       </div>
       <div v-else-if="api.method == 'ESB'" v-loading="loading">
         <p class="tip">{{ $t('api_test.definition.request.req_param') }}</p>
-        <mx-esb-definition
-          v-xpack
-          :show-script="true"
-          :request="api.request"
-          @callback="runTest"
-          ref="requestForm"
-        />
+        <mx-esb-definition v-xpack :show-script="true" :request="api.request" @callback="runTest" ref="requestForm" />
       </div>
 
       <div v-if="api.method == 'ESB'">
@@ -94,8 +61,7 @@
           :is-api-component="false"
           :show-options-button="false"
           :request="api.request"
-          :response-data="responseData"
-        />
+          :response-data="responseData" />
       </div>
     </el-card>
 
@@ -109,8 +75,7 @@
       :loaded="loaded"
       :createCase="createCase"
       :save-button-text="loadCaseConfirmButton"
-      ref="caseList"
-    />
+      ref="caseList" />
 
     <!-- 执行组件 -->
     <ms-run
@@ -119,8 +84,7 @@
       :run-data="runData"
       @runRefresh="runRefresh"
       @errorRefresh="errorRefresh"
-      ref="runTest"
-    />
+      ref="runTest" />
   </div>
 </template>
 
@@ -156,10 +120,8 @@ export default {
     MsRequestResultTail,
     MsRun,
     MsTcpFormatParameters,
-    MxEsbDefinition: () =>
-      import('@/business/definition/components/esb/MxEsbDefinition'),
-    MxEsbDefinitionResponse: () =>
-      import('@/business/definition/components/esb/MxEsbDefinitionResponse'),
+    MxEsbDefinition: () => import('@/business/definition/components/esb/MxEsbDefinition'),
+    MxEsbDefinitionResponse: () => import('@/business/definition/components/esb/MxEsbDefinitionResponse'),
   },
   data() {
     return {
@@ -353,9 +315,7 @@ export default {
       }
       if (this.api.method === 'ESB') {
         this.api.esbDataStruct = JSON.stringify(this.api.request.esbDataStruct);
-        this.api.backEsbDataStruct = JSON.stringify(
-          this.api.request.backEsbDataStruct
-        );
+        this.api.backEsbDataStruct = JSON.stringify(this.api.request.backEsbDataStruct);
       }
       // 历史数据兼容处理
       if (this.api.request) {
diff --git a/api-test/frontend/src/business/definition/components/share/MxApiDocumentBatchShare.vue b/api-test/frontend/src/business/definition/components/share/MxApiDocumentBatchShare.vue
index bf898747a1..d978d4b3ea 100644
--- a/api-test/frontend/src/business/definition/components/share/MxApiDocumentBatchShare.vue
+++ b/api-test/frontend/src/business/definition/components/share/MxApiDocumentBatchShare.vue
@@ -4,19 +4,12 @@
     placement="left"
     width="260"
     @show="batchShareApiDocument"
-    v-model="batchSharePopoverVisible"
-  >
+    v-model="batchSharePopoverVisible">
     <p>{{ shareUrl }}</p>
     <div style="text-align: right; margin: 0">
-      <el-button type="primary" size="mini" v-clipboard:copy="shareUrl">{{
-        $t('commons.copy')
-      }}</el-button>
+      <el-button type="primary" size="mini" v-clipboard:copy="shareUrl">{{ $t('commons.copy') }}</el-button>
     </div>
-    <i
-      class="el-icon-share"
-      slot="reference"
-      style="margin-right: 10px; cursor: pointer"
-    ></i>
+    <i class="el-icon-share" slot="reference" style="margin-right: 10px; cursor: pointer"></i>
   </el-popover>
 </template>
 
diff --git a/api-test/frontend/src/business/definition/components/step/JmxStep.vue b/api-test/frontend/src/business/definition/components/step/JmxStep.vue
index 30f1db8c90..cd58240e94 100644
--- a/api-test/frontend/src/business/definition/components/step/JmxStep.vue
+++ b/api-test/frontend/src/business/definition/components/step/JmxStep.vue
@@ -1,45 +1,19 @@
 <template>
   <div>
     <p>
-      <el-select
-        v-model="preOperate"
-        size="mini"
-        class="ms-select-step"
-        v-if="tabType === 'pre'"
-      >
-        <el-option
-          v-for="item in preOperates"
-          :key="item.id"
-          :label="item.name"
-          :value="item.id"
-        >
-        </el-option>
+      <el-select v-model="preOperate" size="mini" class="ms-select-step" v-if="tabType === 'pre'">
+        <el-option v-for="item in preOperates" :key="item.id" :label="item.name" :value="item.id"> </el-option>
       </el-select>
 
-      <el-select
-        v-model="postOperate"
-        size="mini"
-        class="ms-select-step"
-        v-else-if="tabType === 'post'"
-      >
-        <el-option
-          v-for="item in postOperates"
-          :key="item.id"
-          :label="item.name"
-          :value="item.id"
-        >
-        </el-option>
+      <el-select v-model="postOperate" size="mini" class="ms-select-step" v-else-if="tabType === 'post'">
+        <el-option v-for="item in postOperates" :key="item.id" :label="item.name" :value="item.id"> </el-option>
       </el-select>
       <el-button
         size="mini"
         @click="add"
         type="primary"
         v-if="tabType !== 'assertionsRule'"
-        style="
-          background-color: var(--primary_color);
-          border-color: var(--primary_color);
-        "
-      >
+        style="background-color: var(--primary_color); border-color: var(--primary_color)">
         {{ $t('api_test.request.assertions.add') }}
       </el-button>
     </p>
@@ -53,13 +27,8 @@
       @node-drag-end="allowDrag"
       draggable
       ref="generalSteps"
-      class="ms-step-tree-cell"
-    >
-      <span
-        class="custom-tree-node father"
-        slot-scope="{ node, data }"
-        style="width: calc(100% - 20px)"
-      >
+      class="ms-step-tree-cell">
+      <span class="custom-tree-node father" slot-scope="{ node, data }" style="width: calc(100% - 20px)">
         <!--前置脚本-->
         <div v-if="tabType === 'pre'">
           <ms-jsr233-processor
@@ -71,8 +40,7 @@
             :title="$t('api_test.definition.request.pre_script')"
             :jsr223-processor="data"
             color="#B8741A"
-            background-color="#F9F1EA"
-          />
+            background-color="#F9F1EA" />
           <!--前置SQL-->
           <ms-jdbc-processor
             v-if="data.type === 'JDBCPreProcessor'"
@@ -85,8 +53,7 @@
             :jdbc-processor="data"
             :draggable="true"
             color="#B8741A"
-            background-color="#F9F1EA"
-          />
+            background-color="#F9F1EA" />
 
           <ms-constant-timer
             :inner-step="true"
@@ -95,8 +62,7 @@
             :draggable="true"
             @remove="remove"
             @copyRow="copyRow"
-            v-if="data.type === 'ConstantTimer'"
-          />
+            v-if="data.type === 'ConstantTimer'" />
         </div>
         <div v-if="tabType === 'post'">
           <!--后置脚本-->
@@ -110,8 +76,7 @@
             :jsr223-processor="data"
             :draggable="true"
             color="#783887"
-            background-color="#F2ECF3"
-          />
+            background-color="#F2ECF3" />
 
           <!--后置SQL-->
           <ms-jdbc-processor
@@ -125,8 +90,7 @@
             :jdbc-processor="data"
             :draggable="true"
             color="#783887"
-            background-color="#F2ECF3"
-          />
+            background-color="#F2ECF3" />
           <!--提取规则-->
           <ms-api-extract
             :response="response"
@@ -135,8 +99,7 @@
             :draggable="true"
             @copyRow="copyRow"
             @remove="remove"
-            v-if="data.type === 'Extract'"
-          />
+            v-if="data.type === 'Extract'" />
         </div>
         <div v-if="tabType === 'assertionsRule'">
           <!--断言规则-->
@@ -150,8 +113,7 @@
             :apiId="apiId"
             :draggable="true"
             :is-read-only="data.disabled"
-            :assertions="data"
-          />
+            :assertions="data" />
         </div>
       </span>
     </el-tree>
@@ -163,13 +125,7 @@ import { REQUEST_HEADERS } from 'metersphere-frontend/src/utils/constants';
 import { createComponent } from '../jmeter/components';
 import MsApiAssertions from '../assertion/ApiAssertions';
 import MsApiExtract from '../extract/ApiExtract';
-import {
-  Assertions,
-  Body,
-  ConstantTimer,
-  Extract,
-  KeyValue,
-} from '../../model/ApiTestModel';
+import { Assertions, Body, ConstantTimer, Extract, KeyValue } from '../../model/ApiTestModel';
 import { getCurrentProjectID } from 'metersphere-frontend/src/utils/token';
 import { getUUID } from 'metersphere-frontend/src/utils';
 import BatchAddParameter from '../basis/BatchAddParameter';
@@ -223,11 +179,7 @@ export default {
   watch: {
     // 接口/用例 右上角公共环境监听
     storeUseEnvironment: function () {
-      if (
-        this.request.hashTree &&
-        this.request.hashTree.length > 0 &&
-        !this.scenarioId
-      ) {
+      if (this.request.hashTree && this.request.hashTree.length > 0 && !this.scenarioId) {
         this.setSubset(this.request.hashTree, store.useEnvironment);
       }
     },
@@ -359,30 +311,21 @@ export default {
     },
     setSubset(scenarioDefinition, env) {
       for (let i in scenarioDefinition) {
-        let typeArray = [
-          'JDBCPostProcessor',
-          'JDBCSampler',
-          'JDBCPreProcessor',
-        ];
+        let typeArray = ['JDBCPostProcessor', 'JDBCSampler', 'JDBCPreProcessor'];
         if (typeArray.indexOf(scenarioDefinition[i].type) !== -1) {
           // 找到原始数据源名称
           this.getTargetSource(scenarioDefinition[i]);
           scenarioDefinition[i].environmentId = env;
           this.setSameSourceId(env, scenarioDefinition[i]);
         }
-        if (
-          scenarioDefinition[i].hashTree &&
-          scenarioDefinition[i].hashTree.length > 0
-        ) {
+        if (scenarioDefinition[i].hashTree && scenarioDefinition[i].hashTree.length > 0) {
           this.setSubset(scenarioDefinition[i].hashTree, env);
         }
       }
     },
     getEnvs() {
       if (!this.scenarioId) {
-        let projectId = this.request.projectId
-          ? this.request.projectId
-          : getCurrentProjectID();
+        let projectId = this.request.projectId ? this.request.projectId : getCurrentProjectID();
         this.result = getEnvironmentByProjectId(projectId).then((response) => {
           this.environments = response.data;
           this.environments.forEach((environment) => {
@@ -414,11 +357,7 @@ export default {
         }
       }
       let isSame = false;
-      if (
-        currentEnvironment &&
-        currentEnvironment.config &&
-        currentEnvironment.config.databaseConfigs
-      ) {
+      if (currentEnvironment && currentEnvironment.config && currentEnvironment.config.databaseConfigs) {
         currentEnvironment.config.databaseConfigs.forEach((item) => {
           // 按照名称匹配
           if (item.name === obj.targetDataSourceName) {
@@ -433,26 +372,17 @@ export default {
     },
     setOwnEnvironment(scenarioDefinition) {
       for (let i in scenarioDefinition) {
-        let typeArray = [
-          'JDBCPostProcessor',
-          'JDBCSampler',
-          'JDBCPreProcessor',
-        ];
+        let typeArray = ['JDBCPostProcessor', 'JDBCSampler', 'JDBCPreProcessor'];
         if (
           typeArray.indexOf(scenarioDefinition[i].type) !== -1 &&
           this.request.environmentId &&
           !scenarioDefinition[i].environmentId
         ) {
           scenarioDefinition[i].environmentId = this.request.environmentId;
-          if (
-            this.request.dataSourceId &&
-            !scenarioDefinition[i].dataSourceId
-          ) {
+          if (this.request.dataSourceId && !scenarioDefinition[i].dataSourceId) {
             scenarioDefinition[i].dataSourceId = this.request.dataSourceId;
-            scenarioDefinition[i].originalDataSourceId =
-              scenarioDefinition[i].dataSourceId;
-            scenarioDefinition[i].originalEnvironmentId =
-              scenarioDefinition[i].environmentId;
+            scenarioDefinition[i].originalDataSourceId = scenarioDefinition[i].dataSourceId;
+            scenarioDefinition[i].originalEnvironmentId = scenarioDefinition[i].environmentId;
           }
         }
       }
@@ -637,24 +567,17 @@ export default {
         let step = this.request.hashTree[i];
         if (
           this.tabType === 'pre' &&
-          (step.type === 'JSR223PreProcessor' ||
-            step.type === 'JDBCPreProcessor' ||
-            step.type === 'ConstantTimer')
+          (step.type === 'JSR223PreProcessor' || step.type === 'JDBCPreProcessor' || step.type === 'ConstantTimer')
         ) {
           step.index = Number(index);
           index++;
         } else if (
           this.tabType === 'post' &&
-          (step.type === 'JSR223PostProcessor' ||
-            step.type === 'JDBCPostProcessor' ||
-            step.type === 'Extract')
+          (step.type === 'JSR223PostProcessor' || step.type === 'JDBCPostProcessor' || step.type === 'Extract')
         ) {
           step.index = Number(index);
           index++;
-        } else if (
-          this.tabType === 'assertionsRule' &&
-          step.type === 'Assertions'
-        ) {
+        } else if (this.tabType === 'assertionsRule' && step.type === 'Assertions') {
           step.index = Number(index);
           index++;
         }
@@ -681,11 +604,7 @@ export default {
         params.forEach((item) => {
           let line = item.split(/，|,/);
           let required = false;
-          if (
-            line[1] === '必填' ||
-            line[1] === 'Required' ||
-            line[1] === 'true'
-          ) {
+          if (line[1] === '必填' || line[1] === 'Required' || line[1] === 'true') {
             required = true;
           }
           keyValues.push(
diff --git a/api-test/frontend/src/business/definition/model/ApiTestModel.js b/api-test/frontend/src/business/definition/model/ApiTestModel.js
index ffae1fe090..11c9f26762 100644
--- a/api-test/frontend/src/business/definition/model/ApiTestModel.js
+++ b/api-test/frontend/src/business/definition/model/ApiTestModel.js
@@ -124,8 +124,7 @@ export class BaseConfig {
       if (Object.prototype.hasOwnProperty.call(options, name)) {
         if (!(this[name] instanceof Array)) {
           if (notUndefined === true) {
-            this[name] =
-              options[name] === undefined ? this[name] : options[name];
+            this[name] = options[name] === undefined ? this[name] : options[name];
           } else {
             this[name] = options[name];
           }
@@ -258,10 +257,7 @@ export class Scenario extends BaseConfig {
   isValid() {
     if (this.enable) {
       for (let i = 0; i < this.requests.length; i++) {
-        let validator = this.requests[i].isValid(
-          this.environmentId,
-          this.environment
-        );
+        let validator = this.requests[i].isValid(this.environmentId, this.environment);
         if (!validator.isValid) {
           return validator;
         }
@@ -292,9 +288,7 @@ class DubboConfig extends BaseConfig {
         loadBalance: undefined,
       };
     }
-    this.consumerAndService = new ConsumerAndService(
-      options.consumerAndService
-    );
+    this.consumerAndService = new ConsumerAndService(options.consumerAndService);
   }
 }
 
@@ -385,13 +379,9 @@ export class HttpRequest extends Request {
     this.doMultipartPost = options.doMultipartPost;
     this.connectTimeout = options.connectTimeout || 10 * 1000;
     this.responseTimeout = options.responseTimeout || 10 * 1000;
-    this.followRedirects =
-      options.followRedirects === undefined ? true : options.followRedirects;
+    this.followRedirects = options.followRedirects === undefined ? true : options.followRedirects;
 
-    this.sets(
-      { parameters: KeyValue, rest: KeyValue, headers: KeyValue },
-      options
-    );
+    this.sets({ parameters: KeyValue, rest: KeyValue, headers: KeyValue }, options);
   }
 
   isValid(environmentId, environment) {
@@ -477,9 +467,7 @@ export class DubboRequest extends Request {
     this.method = options.method;
     this.configCenter = new ConfigCenter(options.configCenter);
     this.registryCenter = new RegistryCenter(options.registryCenter);
-    this.consumerAndService = new ConsumerAndService(
-      options.consumerAndService
-    );
+    this.consumerAndService = new ConsumerAndService(options.consumerAndService);
     this.args = [];
     this.attachmentArgs = [];
     // Scenario.dubboConfig
@@ -548,10 +536,7 @@ export class SqlRequest extends Request {
     // this.queryType = options.queryType;
     this.queryTimeout = options.queryTimeout || 60000;
 
-    this.sets(
-      { args: KeyValue, attachmentArgs: KeyValue, variables: KeyValue },
-      options
-    );
+    this.sets({ args: KeyValue, attachmentArgs: KeyValue, variables: KeyValue }, options);
   }
 
   isValid() {
@@ -588,11 +573,7 @@ export class SqlRequest extends Request {
 }
 
 export class TCPConfig extends BaseConfig {
-  static CLASSES = [
-    'TCPClientImpl',
-    'BinaryTCPClientImpl',
-    'LengthPrefixedBinaryTCPClientImpl',
-  ];
+  static CLASSES = ['TCPClientImpl', 'BinaryTCPClientImpl', 'LengthPrefixedBinaryTCPClientImpl'];
 
   constructor(options = {}) {
     super();
@@ -602,11 +583,9 @@ export class TCPConfig extends BaseConfig {
     this.ctimeout = options.ctimeout; // Connect
     this.timeout = options.timeout; // Response
 
-    this.reUseConnection =
-      options.reUseConnection === undefined ? true : options.reUseConnection;
+    this.reUseConnection = options.reUseConnection === undefined ? true : options.reUseConnection;
     this.nodelay = options.nodelay === undefined ? false : options.nodelay;
-    this.closeConnection =
-      options.closeConnection === undefined ? false : options.closeConnection;
+    this.closeConnection = options.closeConnection === undefined ? false : options.closeConnection;
     this.soLinger = options.soLinger;
     this.eolByte = options.eolByte;
 
@@ -718,15 +697,7 @@ export class DatabaseConfig extends BaseConfig {
 }
 
 export class RegistryCenter extends BaseConfig {
-  static PROTOCOLS = [
-    'none',
-    'zookeeper',
-    'nacos',
-    'apollo',
-    'multicast',
-    'redis',
-    'simple',
-  ];
+  static PROTOCOLS = ['none', 'zookeeper', 'nacos', 'apollo', 'multicast', 'redis', 'simple'];
 
   constructor(options) {
     super();
@@ -741,25 +712,13 @@ export class RegistryCenter extends BaseConfig {
   }
 
   isValid() {
-    return (
-      !!this.protocol ||
-      !!this.group ||
-      !!this.username ||
-      !!this.address ||
-      !!this.password ||
-      !!this.timeout
-    );
+    return !!this.protocol || !!this.group || !!this.username || !!this.address || !!this.password || !!this.timeout;
   }
 }
 
 export class ConsumerAndService extends BaseConfig {
   static ASYNC_OPTIONS = ['sync', 'async'];
-  static LOAD_BALANCE_OPTIONS = [
-    'random',
-    'roundrobin',
-    'leastactive',
-    'consistenthash',
-  ];
+  static LOAD_BALANCE_OPTIONS = ['random', 'roundrobin', 'leastactive', 'consistenthash'];
 
   constructor(options) {
     super();
@@ -811,11 +770,7 @@ export class Body extends BaseConfig {
   }
 
   isKV() {
-    return (
-      [BODY_TYPE.FORM_DATA, BODY_TYPE.WWW_FORM, BODY_TYPE.BINARY].indexOf(
-        this.type
-      ) > 0
-    );
+    return [BODY_TYPE.FORM_DATA, BODY_TYPE.WWW_FORM, BODY_TYPE.BINARY].indexOf(this.type) > 0;
   }
 }
 
@@ -1010,8 +965,7 @@ export class JSONPath extends AssertionType {
   }
 
   setJSONPathDescription() {
-    this.description =
-      this.expression + ' expect: ' + (this.expect ? this.expect : '');
+    this.description = this.expression + ' expect: ' + (this.expect ? this.expect : '');
   }
 
   isValid() {
@@ -1308,29 +1262,19 @@ class JMXHttpRequest {
       this.useEnvironment = request.useEnvironment;
       this.method = request.method;
       if (!request.useEnvironment) {
-        if (
-          !request.url.startsWith('http://') &&
-          !request.url.startsWith('https://')
-        ) {
+        if (!request.url.startsWith('http://') && !request.url.startsWith('https://')) {
           request.url = 'http://' + request.url;
         }
         let url = new URL(request.url);
         this.domain = decodeURIComponent(url.hostname);
         this.port = url.port;
         this.protocol = url.protocol.split(':')[0];
-        this.path = this.getPostQueryParameters(
-          request,
-          decodeURIComponent(url.pathname)
-        );
+        this.path = this.getPostQueryParameters(request, decodeURIComponent(url.pathname));
       } else {
         this.domain = environment.config.httpConfig.domain;
         this.port = environment.config.httpConfig.port;
         this.protocol = environment.config.httpConfig.protocol;
-        let url = new URL(
-          environment.config.httpConfig.protocol +
-            '://' +
-            environment.config.httpConfig.socket
-        );
+        let url = new URL(environment.config.httpConfig.protocol + '://' + environment.config.httpConfig.socket);
         this.path = this.getPostQueryParameters(
           request,
           decodeURIComponent(url.pathname + (request.path ? request.path : ''))
@@ -1446,15 +1390,9 @@ class JMXGenerator {
     if (!request.isValid()) return;
     let sampler;
     if (request instanceof DubboRequest) {
-      sampler = new DubboSample(
-        request.name || '',
-        new JMXDubboRequest(request)
-      );
+      sampler = new DubboSample(request.name || '', new JMXDubboRequest(request));
     } else if (request instanceof HttpRequest) {
-      sampler = new HTTPSamplerProxy(
-        request.name || '',
-        new JMXHttpRequest(request, false)
-      );
+      sampler = new HTTPSamplerProxy(request.name || '', new JMXHttpRequest(request, false));
       this.addRequestHeader(sampler, request);
       this.addRequestArguments(sampler, request);
       this.addRequestBody(sampler, request, testId);
@@ -1475,11 +1413,7 @@ class JMXGenerator {
 
     this.addConstantsTimer(sampler, request);
 
-    if (
-      request.controller &&
-      request.controller.isValid() &&
-      request.controller.enable
-    ) {
+    if (request.controller && request.controller.isValid() && request.controller.enable) {
       if (request.controller instanceof IfController) {
         let controller = this.getController(sampler, request);
         threadGroup.put(controller);
@@ -1546,10 +1480,7 @@ class JMXGenerator {
         let validHosts = [];
         hosts.forEach((item) => {
           if (item.domain && domain) {
-            let d = item.domain
-              .trim()
-              .replace('http://', '')
-              .replace('https://', '');
+            let d = item.domain.trim().replace('http://', '').replace('https://', '');
             if (d === domain.trim()) {
               item.domain = d; // 域名去掉协议
               validHosts.push(item);
@@ -1726,8 +1657,7 @@ class JMXGenerator {
         kv.files.forEach((file) => {
           let arg = {};
           arg.name = kv.name;
-          arg.value =
-            BODY_FILE_DIR + '/' + testId + '/' + file.id + '_' + file.name;
+          arg.value = BODY_FILE_DIR + '/' + testId + '/' + file.id + '_' + file.name;
           files.push(arg);
         });
       }
@@ -1751,9 +1681,7 @@ class JMXGenerator {
 
     if (assertions.duration.isValid()) {
       let name = 'Response In Time: ' + assertions.duration.value;
-      httpSamplerProxy.put(
-        new DurationAssertion(name, assertions.duration.value)
-      );
+      httpSamplerProxy.put(new DurationAssertion(name, assertions.duration.value));
     }
   }
 
diff --git a/api-test/frontend/src/business/definition/util/SyncSetting.vue b/api-test/frontend/src/business/definition/util/SyncSetting.vue
index ed95e45f4a..c8b84c4ebd 100644
--- a/api-test/frontend/src/business/definition/util/SyncSetting.vue
+++ b/api-test/frontend/src/business/definition/util/SyncSetting.vue
@@ -3,24 +3,18 @@
     <el-row>
       <el-col :span="4">{{ $t('api_test.mock.req_param') + ':' }}</el-col>
       <el-col :span="20" style="color: var(--primary_color)">
-        <el-checkbox v-model="fromData.headers" @change="changeEvent">{{
-          'Header' + '\xa0\xa0'
-        }}</el-checkbox>
+        <el-checkbox v-model="fromData.headers" @change="changeEvent">{{ 'Header' + '\xa0\xa0' }}</el-checkbox>
         <el-checkbox v-model="fromData.query" @change="changeEvent"
           >{{ $t('api_test.definition.request.query_param') }}
         </el-checkbox>
         <el-checkbox v-model="fromData.rest" @change="changeEvent"
           >{{ $t('api_test.definition.request.rest_param') }}
         </el-checkbox>
-        <el-checkbox v-model="fromData.body" @change="changeEvent">{{
-          $t('api_test.request.body')
-        }}</el-checkbox>
+        <el-checkbox v-model="fromData.body" @change="changeEvent">{{ $t('api_test.request.body') }}</el-checkbox>
       </el-col>
     </el-row>
     <el-row>
-      <el-col :span="4">{{
-        $t('api_test.definition.request.other_config') + ':'
-      }}</el-col>
+      <el-col :span="4">{{ $t('api_test.definition.request.other_config') + ':' }}</el-col>
       <el-col :span="20" style="color: var(--primary_color)">
         <el-checkbox v-model="fromData.delNotSame" @change="changeEvent"
           >{{ $t('workstation.delNotSame') }}
diff --git a/api-test/frontend/src/business/environment/components/EnvironmentSelect.vue b/api-test/frontend/src/business/environment/components/EnvironmentSelect.vue
index 681a3be856..d0de34486f 100644
--- a/api-test/frontend/src/business/environment/components/EnvironmentSelect.vue
+++ b/api-test/frontend/src/business/environment/components/EnvironmentSelect.vue
@@ -6,30 +6,18 @@
       class="ms-htt-width"
       :placeholder="$t('api_test.definition.request.run_env')"
       @change="environmentChange"
-      clearable
-    >
+      clearable>
       <el-option
         v-for="(environment, index) in environments"
         :key="index"
         :label="getLabel(environment)"
-        :value="environment.id"
-      />
-      <el-button
-        class="environment-button"
-        size="mini"
-        type="primary"
-        @click="openEnvironmentConfig"
-      >
+        :value="environment.id" />
+      <el-button class="environment-button" size="mini" type="primary" @click="openEnvironmentConfig">
         {{ $t('api_test.environment.environment_config') }}
       </el-button>
       <template v-slot:empty>
         <div class="empty-environment">
-          <el-button
-            class="environment-button"
-            size="mini"
-            type="primary"
-            @click="openEnvironmentConfig"
-          >
+          <el-button class="environment-button" size="mini" type="primary" @click="openEnvironmentConfig">
             {{ $t('api_test.environment.environment_config') }}
           </el-button>
         </div>
@@ -37,10 +25,7 @@
     </el-select>
 
     <!-- 环境 -->
-    <api-environment-config
-      ref="environmentConfig"
-      @close="environmentConfigClose"
-    />
+    <api-environment-config ref="environmentConfig" @close="environmentConfigClose" />
   </span>
 </template>
 
@@ -96,18 +81,13 @@ export default {
     getLabel(environment) {
       if (environment) {
         if (this.type === 'TCP') {
-          if (
-            environment.config.tcpConfig &&
-            environment.config.tcpConfig.server
-          ) {
+          if (environment.config.tcpConfig && environment.config.tcpConfig.server) {
             return (
               environment.name +
               ': ' +
               environment.config.tcpConfig.server +
               ':' +
-              (environment.config.tcpConfig.port
-                ? environment.config.tcpConfig.port
-                : '')
+              (environment.config.tcpConfig.port ? environment.config.tcpConfig.port : '')
             );
           } else {
             return environment.name;
@@ -130,10 +110,7 @@ export default {
             if (this.currentData.request.hashTree) {
               // 找到原始环境和数据源名称
               let environment = this.environments[i];
-              this.setOwnEnvironment(
-                this.currentData.request.hashTree,
-                environment
-              );
+              this.setOwnEnvironment(this.currentData.request.hashTree, environment);
             }
           }
           break;
@@ -157,20 +134,13 @@ export default {
     },
     setOwnEnvironment(scenarioDefinition, env) {
       for (let i in scenarioDefinition) {
-        let typeArray = [
-          'JDBCPostProcessor',
-          'JDBCSampler',
-          'JDBCPreProcessor',
-        ];
+        let typeArray = ['JDBCPostProcessor', 'JDBCSampler', 'JDBCPreProcessor'];
         if (typeArray.indexOf(scenarioDefinition[i].type) !== -1) {
           // 找到原始数据源名称
           this.getTargetSource(scenarioDefinition[i]);
           scenarioDefinition[i].environmentId = env.id;
         }
-        if (
-          scenarioDefinition[i].hashTree &&
-          scenarioDefinition[i].hashTree.length > 0
-        ) {
+        if (scenarioDefinition[i].hashTree && scenarioDefinition[i].hashTree.length > 0) {
           this.setOwnEnvironment(scenarioDefinition[i].hashTree, env);
         }
       }
diff --git a/api-test/frontend/src/business/environment/model/EnvironmentModel.js b/api-test/frontend/src/business/environment/model/EnvironmentModel.js
index df4874de74..c57b125dce 100644
--- a/api-test/frontend/src/business/environment/model/EnvironmentModel.js
+++ b/api-test/frontend/src/business/environment/model/EnvironmentModel.js
@@ -1,9 +1,4 @@
-import {
-  TCPConfig,
-  BaseConfig,
-  DatabaseConfig,
-  KeyValue,
-} from '@/business/definition/model/ApiTestModel';
+import { TCPConfig, BaseConfig, DatabaseConfig, KeyValue } from '@/business/definition/model/ApiTestModel';
 
 export class Environment extends BaseConfig {
   constructor(options = {}) {
diff --git a/api-test/frontend/src/business/head/ApiHeaderMenus.vue b/api-test/frontend/src/business/head/ApiHeaderMenus.vue
index 4486646066..3c48d062eb 100644
--- a/api-test/frontend/src/business/head/ApiHeaderMenus.vue
+++ b/api-test/frontend/src/business/head/ApiHeaderMenus.vue
@@ -3,37 +3,19 @@
     <el-row type="flex">
       <project-change :project-name="currentProject" />
       <el-col :span="14">
-        <el-menu
-          class="header-menu"
-          :unique-opened="true"
-          mode="horizontal"
-          router
-          :default-active="currentPath"
-        >
-          <el-menu-item
-            :index="'/api/home'"
-            v-permission="['PROJECT_API_HOME:READ']"
-          >
+        <el-menu class="header-menu" :unique-opened="true" mode="horizontal" router :default-active="currentPath">
+          <el-menu-item :index="'/api/home'" v-permission="['PROJECT_API_HOME:READ']">
             {{ $t('i18n.home') }}
           </el-menu-item>
-          <el-menu-item
-            :index="'/api/definition'"
-            v-permission="['PROJECT_API_DEFINITION:READ']"
-          >
+          <el-menu-item :index="'/api/definition'" v-permission="['PROJECT_API_DEFINITION:READ']">
             {{ $t('i18n.definition') }}
           </el-menu-item>
 
-          <el-menu-item
-            :index="'/api/automation'"
-            v-permission="['PROJECT_API_SCENARIO:READ']"
-          >
+          <el-menu-item :index="'/api/automation'" v-permission="['PROJECT_API_SCENARIO:READ']">
             {{ $t('i18n.automation') }}
           </el-menu-item>
 
-          <el-menu-item
-            :index="'/api/automation/report'"
-            v-permission="['PROJECT_API_REPORT:READ']"
-          >
+          <el-menu-item :index="'/api/automation/report'" v-permission="['PROJECT_API_REPORT:READ']">
             {{ $t('i18n.report') }}
           </el-menu-item>
         </el-menu>
diff --git a/api-test/frontend/src/business/history/ApiHistory.vue b/api-test/frontend/src/business/history/ApiHistory.vue
index 0d66f7dc03..7721d3dc8f 100644
--- a/api-test/frontend/src/business/history/ApiHistory.vue
+++ b/api-test/frontend/src/business/history/ApiHistory.vue
@@ -7,8 +7,7 @@
     :destroy-on-close="true"
     append-to-body
     @close="handleClose"
-    v-loading="loading"
-  >
+    v-loading="loading">
     <el-table :data="details">
       <el-table-column prop="operTime" :label="$t('operating_log.time')">
         <template v-slot:default="scope">
@@ -16,11 +15,7 @@
         </template>
       </el-table-column>
       <el-table-column prop="userName" :label="$t('operating_log.user')" />
-      <el-table-column
-        prop="columnTitle"
-        :label="$t('operating_log.change_field')"
-        v-if="showChangeField"
-      >
+      <el-table-column prop="columnTitle" :label="$t('operating_log.change_field')" v-if="showChangeField">
         <template v-slot:default="scope">
           <div v-if="scope.row.details && scope.row.details.columns">
             <div v-for="detail in scope.row.details.columns" :key="detail.id">
@@ -29,17 +24,12 @@
           </div>
         </template>
       </el-table-column>
-      <el-table-column
-        prop="originalValue"
-        :label="$t('operating_log.before_change')"
-      >
+      <el-table-column prop="originalValue" :label="$t('operating_log.before_change')">
         <template v-slot:default="scope">
           <div v-if="scope.row.details && scope.row.details.columns">
             <div v-for="detail in scope.row.details.columns" :key="detail.id">
               <div v-if="linkData.indexOf(detail.columnName) !== -1">
-                <el-link
-                  style="color: #409eff"
-                  @click="openDetail(scope.row, detail)"
+                <el-link style="color: #409eff" @click="openDetail(scope.row, detail)"
                   >{{ $t('operating_log.info') }}
                 </el-link>
               </div>
@@ -52,17 +42,12 @@
           </div>
         </template>
       </el-table-column>
-      <el-table-column
-        prop="newValue"
-        :label="$t('operating_log.after_change')"
-      >
+      <el-table-column prop="newValue" :label="$t('operating_log.after_change')">
         <template v-slot:default="scope">
           <div v-if="scope.row.details && scope.row.details.columns">
             <div v-for="detail in scope.row.details.columns" :key="detail.id">
               <div v-if="linkData.indexOf(detail.columnName) !== -1">
-                <el-link
-                  style="color: #409eff"
-                  @click="openDetail(scope.row, detail)"
+                <el-link style="color: #409eff" @click="openDetail(scope.row, detail)"
                   >{{ $t('operating_log.info') }}
                 </el-link>
               </div>
@@ -80,8 +65,7 @@
       :change="getDetails"
       :current-page.sync="goPage"
       :page-size.sync="pageSize"
-      :total="totalCount"
-    />
+      :total="totalCount" />
 
     <ms-history-detail ref="historyDetail" />
     <ms-tags-history-detail ref="tagsHistoryDetail" />
@@ -103,8 +87,7 @@ export default {
     MsTagsHistoryDetail,
     MsApiHistoryDetail,
     MsEnvironmentHistoryDetail,
-    MsTablePagination: () =>
-      import('metersphere-frontend/src/components/pagination/TablePagination'),
+    MsTablePagination: () => import('metersphere-frontend/src/components/pagination/TablePagination'),
   },
   props: {
     title: String,
@@ -153,16 +136,12 @@ export default {
           //过滤接口定义请求参数为空的数据
           if (modules.length > 0 && modules[0] === '接口定义') {
             for (let i = 0; i < data.length; i++) {
-              if (
-                data[i].details.columns &&
-                data[i].details.columns.length > 0
-              ) {
+              if (data[i].details.columns && data[i].details.columns.length > 0) {
                 let columns = data[i].details.columns;
                 for (let j = 0; j < columns.length; j++) {
                   if (
                     columns[j].columnName === 'request' &&
-                    (columns[j].diffValue === null ||
-                      columns[j].diffValue === '')
+                    (columns[j].diffValue === null || columns[j].diffValue === '')
                   ) {
                     data[i].details.columns.splice(j, 1);
                   }
@@ -177,11 +156,7 @@ export default {
             // 不显示的节点 id
             let ids = [];
             for (let i = 0; i < data.length; i++) {
-              if (
-                data[i].details.columns.findIndex(
-                  (d) => d.diffValue === null || d.diffValue === ''
-                ) !== -1
-              ) {
+              if (data[i].details.columns.findIndex((d) => d.diffValue === null || d.diffValue === '') !== -1) {
                 ids.push(data[i].id);
                 continue;
               }
diff --git a/api-test/frontend/src/business/history/ApiHistoryDetail.vue b/api-test/frontend/src/business/history/ApiHistoryDetail.vue
index 9403b15646..5f97442b9c 100644
--- a/api-test/frontend/src/business/history/ApiHistoryDetail.vue
+++ b/api-test/frontend/src/business/history/ApiHistoryDetail.vue
@@ -6,20 +6,13 @@
     width="900px"
     :destroy-on-close="true"
     @close="handleClose"
-    append-to-body
-  >
+    append-to-body>
     <div style="height: 700px; overflow: auto">
       <div v-if="detail.createUser">
-        <p class="tip">
-          {{ this.$t('report.user_name') }} ：{{ detail.createUser }}
-        </p>
+        <p class="tip">{{ this.$t('report.user_name') }} ：{{ detail.createUser }}</p>
       </div>
       <div>
-        <p class="tip">
-          {{ this.$t('operating_log.time') }} ：{{
-            detail.operTime | datetimeFormat
-          }}
-        </p>
+        <p class="tip">{{ this.$t('operating_log.time') }} ：{{ detail.operTime | datetimeFormat }}</p>
       </div>
       <div style="overflow: auto">
         <p class="tip">{{ this.$t('report.test_log_details') }}</p>
@@ -62,10 +55,7 @@ export default {
   methods: {
     getDiff(v1, v2) {
       if (this.detail.columnName === 'request' && v1 && v2) {
-        let delta = jsondiffpatch.diff(
-          JSON.parse(JSON.stringify(v1)),
-          JSON.parse(JSON.stringify(v2))
-        );
+        let delta = jsondiffpatch.diff(JSON.parse(JSON.stringify(v1)), JSON.parse(JSON.stringify(v2)));
         return formattersHtml.format(delta, JSON.parse(JSON.stringify(v1)));
       }
       let delta = jsondiffpatch.diff(v1, v2);
diff --git a/api-test/frontend/src/business/history/api/ApiDubboParameters.vue b/api-test/frontend/src/business/history/api/ApiDubboParameters.vue
index f0c97b82a9..94a6bfc07d 100644
--- a/api-test/frontend/src/business/history/api/ApiDubboParameters.vue
+++ b/api-test/frontend/src/business/history/api/ApiDubboParameters.vue
@@ -1,20 +1,10 @@
 <template>
   <div>
     <el-tabs v-model="activeName">
-      <el-tab-pane
-        label="Interface"
-        name="interface"
-        v-if="request.interface && request.interface.length > 0"
-      >
+      <el-tab-pane label="Interface" name="interface" v-if="request.interface && request.interface.length > 0">
         <el-table :data="request.interface">
-          <el-table-column
-            prop="columnTitle"
-            :label="$t('operating_log.change_field')"
-          />
-          <el-table-column
-            prop="originalValue"
-            :label="$t('operating_log.before_change')"
-          >
+          <el-table-column prop="columnTitle" :label="$t('operating_log.change_field')" />
+          <el-table-column prop="originalValue" :label="$t('operating_log.before_change')">
             <template v-slot:default="scope">
               <el-tooltip :content="scope.row.originalValue">
                 <div class="current-value ms-tag-del">
@@ -23,10 +13,7 @@
               </el-tooltip>
             </template>
           </el-table-column>
-          <el-table-column
-            prop="newValue"
-            :label="$t('operating_log.after_change')"
-          >
+          <el-table-column prop="newValue" :label="$t('operating_log.after_change')">
             <template v-slot:default="scope">
               <el-tooltip :content="scope.row.newValue">
                 <div class="current-value ms-tag-add">
@@ -37,20 +24,10 @@
           </el-table-column>
         </el-table>
       </el-tab-pane>
-      <el-tab-pane
-        label="Config Center"
-        name="config"
-        v-if="request.config && request.config.length > 0"
-      >
+      <el-tab-pane label="Config Center" name="config" v-if="request.config && request.config.length > 0">
         <el-table :data="request.config">
-          <el-table-column
-            prop="columnTitle"
-            :label="$t('operating_log.change_field')"
-          />
-          <el-table-column
-            prop="originalValue"
-            :label="$t('operating_log.before_change')"
-          >
+          <el-table-column prop="columnTitle" :label="$t('operating_log.change_field')" />
+          <el-table-column prop="originalValue" :label="$t('operating_log.before_change')">
             <template v-slot:default="scope">
               <el-tooltip :content="scope.row.originalValue">
                 <div class="current-value ms-tag-del">
@@ -59,10 +36,7 @@
               </el-tooltip>
             </template>
           </el-table-column>
-          <el-table-column
-            prop="newValue"
-            :label="$t('operating_log.after_change')"
-          >
+          <el-table-column prop="newValue" :label="$t('operating_log.after_change')">
             <template v-slot:default="scope">
               <el-tooltip :content="scope.row.newValue">
                 <div class="current-value ms-tag-add">
@@ -73,20 +47,10 @@
           </el-table-column>
         </el-table>
       </el-tab-pane>
-      <el-tab-pane
-        label="Registry Center"
-        name="registry"
-        v-if="request.registry && request.registry.length > 0"
-      >
+      <el-tab-pane label="Registry Center" name="registry" v-if="request.registry && request.registry.length > 0">
         <el-table :data="request.registry">
-          <el-table-column
-            prop="columnTitle"
-            :label="$t('operating_log.change_field')"
-          />
-          <el-table-column
-            prop="originalValue"
-            :label="$t('operating_log.before_change')"
-          >
+          <el-table-column prop="columnTitle" :label="$t('operating_log.change_field')" />
+          <el-table-column prop="originalValue" :label="$t('operating_log.before_change')">
             <template v-slot:default="scope">
               <el-tooltip :content="scope.row.originalValue">
                 <div class="current-value ms-tag-del">
@@ -95,10 +59,7 @@
               </el-tooltip>
             </template>
           </el-table-column>
-          <el-table-column
-            prop="newValue"
-            :label="$t('operating_log.after_change')"
-          >
+          <el-table-column prop="newValue" :label="$t('operating_log.after_change')">
             <template v-slot:default="scope">
               <el-tooltip :content="scope.row.newValue">
                 <div class="current-value ms-tag-add">
@@ -109,53 +70,27 @@
           </el-table-column>
         </el-table>
       </el-tab-pane>
-      <el-tab-pane
-        label="Consumer & service"
-        name="service"
-        v-if="request.service && request.service.length > 0"
-      >
+      <el-tab-pane label="Consumer & service" name="service" v-if="request.service && request.service.length > 0">
         <el-table :data="request.service">
-          <el-table-column
-            prop="columnTitle"
-            :label="$t('operating_log.change_field')"
-          >
-          </el-table-column>
-          <el-table-column
-            prop="originalValue"
-            :label="$t('operating_log.before_change')"
-          >
-          </el-table-column>
-          <el-table-column
-            prop="newValue"
-            :label="$t('operating_log.after_change')"
-          >
-          </el-table-column>
+          <el-table-column prop="columnTitle" :label="$t('operating_log.change_field')"> </el-table-column>
+          <el-table-column prop="originalValue" :label="$t('operating_log.before_change')"> </el-table-column>
+          <el-table-column prop="newValue" :label="$t('operating_log.after_change')"> </el-table-column>
         </el-table>
       </el-tab-pane>
 
-      <el-tab-pane
-        label="Args"
-        name="args"
-        v-if="request.args && request.args.length > 0"
-      >
+      <el-tab-pane label="Args" name="args" v-if="request.args && request.args.length > 0">
         <ms-api-key-value-detail
           :show-required="true"
           :items="request.args"
           :showDesc="true"
-          :format="request.headerId"
-        />
+          :format="request.headerId" />
       </el-tab-pane>
-      <el-tab-pane
-        label="Attachment Args"
-        name="attachment"
-        v-if="request.attachment && request.attachment.length > 0"
-      >
+      <el-tab-pane label="Attachment Args" name="attachment" v-if="request.attachment && request.attachment.length > 0">
         <ms-api-key-value-detail
           :show-required="true"
           :items="request.attachment"
           :showDesc="true"
-          :format="request.headerId"
-        />
+          :format="request.headerId" />
       </el-tab-pane>
     </el-tabs>
   </div>
@@ -205,10 +140,7 @@ export default {
         this.activeName = 'service';
       } else if (this.request.args && this.request.args.length > 0) {
         this.activeName = 'args';
-      } else if (
-        this.request.attachment &&
-        this.request.attachment.length > 0
-      ) {
+      } else if (this.request.attachment && this.request.attachment.length > 0) {
         this.activeName = 'attachment';
       }
     },
diff --git a/api-test/frontend/src/business/history/api/ApiHistoryDetail.vue b/api-test/frontend/src/business/history/api/ApiHistoryDetail.vue
index 5ada3dab9c..d11b83c1f7 100644
--- a/api-test/frontend/src/business/history/api/ApiHistoryDetail.vue
+++ b/api-test/frontend/src/business/history/api/ApiHistoryDetail.vue
@@ -6,40 +6,23 @@
     width="900px"
     :destroy-on-close="true"
     @close="handleClose"
-    append-to-body
-  >
+    append-to-body>
     <div style="height: 700px; overflow: auto">
       <div v-if="detail.createUser">
-        <p class="tip">
-          {{ this.$t('report.user_name') }} ：{{ detail.createUser }}
-        </p>
+        <p class="tip">{{ this.$t('report.user_name') }} ：{{ detail.createUser }}</p>
       </div>
       <div>
-        <p class="tip">
-          {{ this.$t('operating_log.time') }} ：{{
-            detail.operTime | datetimeFormat
-          }}
-        </p>
+        <p class="tip">{{ this.$t('operating_log.time') }} ：{{ detail.operTime | datetimeFormat }}</p>
       </div>
       <div style="overflow: auto">
         <p class="tip">{{ this.$t('report.test_log_details') }}</p>
         <ms-api-http-request-params
           :request="detail"
-          v-if="detail.type === 'HTTPSamplerProxy' || detail.type === 'HTTP'"
-        />
-        <ms-api-tcp-parameters
-          :request="detail"
-          v-if="detail.type === 'TCPSampler'"
-        />
+          v-if="detail.type === 'HTTPSamplerProxy' || detail.type === 'HTTP'" />
+        <ms-api-tcp-parameters :request="detail" v-if="detail.type === 'TCPSampler'" />
         <ms-api-tcp-esb :request="detail" v-if="detail.type === 'ESB'" />
-        <ms-api-jdbc-parameters
-          :request="detail"
-          v-if="detail.type === 'JDBCSampler'"
-        />
-        <ms-api-dubbo-parameters
-          :request="detail"
-          v-if="detail.type === 'DubboSampler'"
-        />
+        <ms-api-jdbc-parameters :request="detail" v-if="detail.type === 'JDBCSampler'" />
+        <ms-api-dubbo-parameters :request="detail" v-if="detail.type === 'DubboSampler'" />
       </div>
     </div>
   </el-dialog>
@@ -82,12 +65,7 @@ export default {
       this.detail = value;
       let diffValue = value.diffValue;
       if (diffValue) {
-        if (
-          value != null &&
-          value.diffValue != 'null' &&
-          value.diffValue != '' &&
-          value.diffValue != undefined
-        ) {
+        if (value != null && value.diffValue != 'null' && value.diffValue != '' && value.diffValue != undefined) {
           if (
             Object.prototype.toString
               .call(value.diffValue)
@@ -122,35 +100,21 @@ export default {
         for (let key in properties) {
           let value = JSON.stringify(properties[key].mock);
           if (value && value.indexOf('**mock') !== -1) {
-            properties['++' + key] = JSON.parse(
-              JSON.stringify(properties[key])
-            );
-            properties['--' + key] = JSON.parse(
-              JSON.stringify(properties[key])
-            );
+            properties['++' + key] = JSON.parse(JSON.stringify(properties[key]));
+            properties['--' + key] = JSON.parse(JSON.stringify(properties[key]));
             properties['--' + key].mock = { mock: JSON.parse(value)['**mock'] };
             delete properties[key];
           }
           if (properties[key] && properties[key]['++description']) {
-            properties['++' + key] = JSON.parse(
-              JSON.stringify(properties[key])
-            );
-            properties['++' + key].description =
-              properties[key]['++description'];
-            properties['--' + key] = JSON.parse(
-              JSON.stringify(properties[key])
-            );
+            properties['++' + key] = JSON.parse(JSON.stringify(properties[key]));
+            properties['++' + key].description = properties[key]['++description'];
+            properties['--' + key] = JSON.parse(JSON.stringify(properties[key]));
             delete properties[key];
           }
           if (properties[key] && properties[key]['**description']) {
-            properties['++' + key] = JSON.parse(
-              JSON.stringify(properties[key])
-            );
-            properties['--' + key] = JSON.parse(
-              JSON.stringify(properties[key])
-            );
-            properties['--' + key].description =
-              properties[key]['**description'];
+            properties['++' + key] = JSON.parse(JSON.stringify(properties[key]));
+            properties['--' + key] = JSON.parse(JSON.stringify(properties[key]));
+            properties['--' + key].description = properties[key]['**description'];
             delete properties[key];
           }
           if (properties[key] && properties[key].properties) {
@@ -160,12 +124,7 @@ export default {
       }
     },
     removeBlankLines(array) {
-      if (
-        array &&
-        array.length > 0 &&
-        !array[array.length - 1].name &&
-        !array[array.length - 1].value
-      ) {
+      if (array && array.length > 0 && !array[array.length - 1].name && !array[array.length - 1].value) {
         array.splice(array.length - 1, 1);
       }
     },
@@ -250,12 +209,8 @@ export default {
         this.detail.headerId = getUUID();
       }
       if (diffValue.body_raw_1 || diffValue.body_raw_2) {
-        this.detail.body.raw_1 = diffValue.body_raw_1
-          ? diffValue.body_raw_1
-          : '';
-        this.detail.body.raw_2 = diffValue.body_raw_2
-          ? diffValue.body_raw_2
-          : '';
+        this.detail.body.raw_1 = diffValue.body_raw_1 ? diffValue.body_raw_1 : '';
+        this.detail.body.raw_2 = diffValue.body_raw_2 ? diffValue.body_raw_2 : '';
         this.detail.headerId = getUUID();
       }
       if (diffValue.body_xml) {
diff --git a/api-test/frontend/src/business/history/api/ApiHttpRequestParams.vue b/api-test/frontend/src/business/history/api/ApiHttpRequestParams.vue
index ab36297d43..22c144d6e7 100644
--- a/api-test/frontend/src/business/history/api/ApiHttpRequestParams.vue
+++ b/api-test/frontend/src/business/history/api/ApiHttpRequestParams.vue
@@ -3,54 +3,28 @@
   <div style="border: 1px #dcdfe6 solid" v-if="!loading">
     <el-tabs v-model="activeName" class="request-tabs">
       <!-- 请求头-->
-      <el-tab-pane
-        :label="$t('api_test.request.headers')"
-        name="headers"
-        v-if="request.header"
-      >
-        <ms-api-key-value-detail
-          :items="request.header"
-          :showDesc="true"
-          :format="request.headerId"
-        />
+      <el-tab-pane :label="$t('api_test.request.headers')" name="headers" v-if="request.header">
+        <ms-api-key-value-detail :items="request.header" :showDesc="true" :format="request.headerId" />
       </el-tab-pane>
-      <el-tab-pane
-        :label="$t('api_test.definition.request.status_code')"
-        name="statusCode"
-        v-if="request.statusCode"
-      >
-        <ms-api-key-value-detail
-          :items="request.statusCode"
-          :showDesc="true"
-          :format="request.headerId"
-        />
+      <el-tab-pane :label="$t('api_test.definition.request.status_code')" name="statusCode" v-if="request.statusCode">
+        <ms-api-key-value-detail :items="request.statusCode" :showDesc="true" :format="request.headerId" />
       </el-tab-pane>
       <!--query 参数-->
-      <el-tab-pane
-        :label="$t('api_test.definition.request.query_param')"
-        name="parameters"
-        v-if="request.query"
-      >
+      <el-tab-pane :label="$t('api_test.definition.request.query_param')" name="parameters" v-if="request.query">
         <ms-api-key-value-detail
           :show-required="true"
           :items="request.query"
           :showDesc="true"
-          :format="request.headerId"
-        />
+          :format="request.headerId" />
       </el-tab-pane>
 
       <!--REST 参数-->
-      <el-tab-pane
-        :label="$t('api_test.definition.request.rest_param')"
-        name="rest"
-        v-if="request.rest"
-      >
+      <el-tab-pane :label="$t('api_test.definition.request.rest_param')" name="rest" v-if="request.rest">
         <ms-api-key-value-detail
           :show-required="true"
           :items="request.rest"
           :showDesc="true"
-          :format="request.headerId"
-        />
+          :format="request.headerId" />
       </el-tab-pane>
 
       <!--请求体-->
@@ -58,54 +32,28 @@
         :label="$t('api_test.request.body')"
         name="body"
         v-if="
-          request.body &&
-          (request.body.form ||
-            request.body.jsonSchema ||
-            request.body.raw_1 ||
-            request.body.raw_2)
-        "
-      >
+          request.body && (request.body.form || request.body.jsonSchema || request.body.raw_1 || request.body.raw_2)
+        ">
         <el-radio-group v-model="activeBody" size="mini">
           <el-radio-button label="json" v-if="request.body.jsonSchema" />
-          <el-radio-button
-            label="raw"
-            v-if="request.body.raw_1 || request.body.raw_2"
-          />
+          <el-radio-button label="raw" v-if="request.body.raw_1 || request.body.raw_2" />
           <el-radio-button label="form-data" v-if="request.body.form" />
         </el-radio-group>
-        <ms-json-code-edit
-          :body="request.body"
-          ref="jsonCodeEdit"
-          v-if="activeBody === 'json'"
-        />
-        <pre
-          v-html="getDiff(request.body.raw_2, request.body.raw_1)"
-          v-if="activeBody === 'raw'"
-        ></pre>
+        <ms-json-code-edit :body="request.body" ref="jsonCodeEdit" v-if="activeBody === 'json'" />
+        <pre v-html="getDiff(request.body.raw_2, request.body.raw_1)" v-if="activeBody === 'raw'"></pre>
         <ms-api-key-value-detail
           :show-required="true"
           :items="request.body.form"
           :showDesc="true"
           :format="request.headerId"
-          v-if="activeBody === 'form-data'"
-        />
+          v-if="activeBody === 'form-data'" />
       </el-tab-pane>
 
       <!--认证配置 -->
-      <el-tab-pane
-        :label="$t('api_test.definition.request.auth_config')"
-        name="authConfig"
-        v-if="request.body_auth"
-      >
+      <el-tab-pane :label="$t('api_test.definition.request.auth_config')" name="authConfig" v-if="request.body_auth">
         <el-table :data="request.body_auth">
-          <el-table-column
-            prop="columnTitle"
-            :label="$t('operating_log.change_field')"
-          />
-          <el-table-column
-            prop="originalValue"
-            :label="$t('operating_log.before_change')"
-          >
+          <el-table-column prop="columnTitle" :label="$t('operating_log.change_field')" />
+          <el-table-column prop="originalValue" :label="$t('operating_log.before_change')">
             <template v-slot:default="scope">
               <el-tooltip :content="scope.row.originalValue">
                 <div class="current-value ms-tag-del">
@@ -114,10 +62,7 @@
               </el-tooltip>
             </template>
           </el-table-column>
-          <el-table-column
-            prop="newValue"
-            :label="$t('operating_log.after_change')"
-          >
+          <el-table-column prop="newValue" :label="$t('operating_log.after_change')">
             <template v-slot:default="scope">
               <el-tooltip :content="scope.row.newValue">
                 <div class="current-value ms-tag-add">
@@ -132,17 +77,10 @@
       <el-tab-pane
         :label="$t('api_test.definition.request.other_config')"
         name="advancedConfig"
-        v-if="request.body_config"
-      >
+        v-if="request.body_config">
         <el-table :data="request.body_config">
-          <el-table-column
-            prop="columnTitle"
-            :label="$t('operating_log.change_field')"
-          />
-          <el-table-column
-            prop="originalValue"
-            :label="$t('operating_log.before_change')"
-          >
+          <el-table-column prop="columnTitle" :label="$t('operating_log.change_field')" />
+          <el-table-column prop="originalValue" :label="$t('operating_log.before_change')">
             <template v-slot:default="scope">
               <el-tooltip :content="scope.row.originalValue">
                 <div class="current-value ms-tag-del">
@@ -151,10 +89,7 @@
               </el-tooltip>
             </template>
           </el-table-column>
-          <el-table-column
-            prop="newValue"
-            :label="$t('operating_log.after_change')"
-          >
+          <el-table-column prop="newValue" :label="$t('operating_log.after_change')">
             <template v-slot:default="scope">
               <el-tooltip :content="scope.row.newValue">
                 <div class="current-value ms-tag-add">
@@ -209,10 +144,7 @@ export default {
         this.activeName = 'rest';
       } else if (
         this.request.body &&
-        (this.request.body.jsonSchema ||
-          this.request.body.form ||
-          this.request.body.raw_1 ||
-          this.request.body.raw_2)
+        (this.request.body.jsonSchema || this.request.body.form || this.request.body.raw_1 || this.request.body.raw_2)
       ) {
         this.activeName = 'body';
         if (this.request.body.jsonSchema) {
@@ -233,10 +165,7 @@ export default {
       }
       if (
         this.request.body &&
-        (this.request.body.jsonSchema ||
-          this.request.body.form ||
-          this.request.body.raw_1 ||
-          this.request.body.raw_2)
+        (this.request.body.jsonSchema || this.request.body.form || this.request.body.raw_1 || this.request.body.raw_2)
       ) {
         if (this.request.body.jsonSchema) {
           this.activeBody = 'json';
diff --git a/api-test/frontend/src/business/history/api/ApiJdbcParameters.vue b/api-test/frontend/src/business/history/api/ApiJdbcParameters.vue
index d26eee6290..c7b8755047 100644
--- a/api-test/frontend/src/business/history/api/ApiJdbcParameters.vue
+++ b/api-test/frontend/src/business/history/api/ApiJdbcParameters.vue
@@ -4,17 +4,10 @@
       <el-tab-pane
         :label="$t('api_test.definition.request.req_param')"
         name="parameters"
-        v-if="request.base && request.base.length > 0"
-      >
+        v-if="request.base && request.base.length > 0">
         <el-table :data="request.base">
-          <el-table-column
-            prop="columnTitle"
-            :label="$t('operating_log.change_field')"
-          />
-          <el-table-column
-            prop="originalValue"
-            :label="$t('operating_log.before_change')"
-          >
+          <el-table-column prop="columnTitle" :label="$t('operating_log.change_field')" />
+          <el-table-column prop="originalValue" :label="$t('operating_log.before_change')">
             <template v-slot:default="scope">
               <el-tooltip :content="scope.row.originalValue">
                 <div class="current-value ms-tag-del">
@@ -23,10 +16,7 @@
               </el-tooltip>
             </template>
           </el-table-column>
-          <el-table-column
-            prop="newValue"
-            :label="$t('operating_log.after_change')"
-          >
+          <el-table-column prop="newValue" :label="$t('operating_log.after_change')">
             <template v-slot:default="scope">
               <el-tooltip :content="scope.row.newValue">
                 <div class="current-value ms-tag-add">
@@ -40,19 +30,10 @@
       <el-tab-pane
         :label="$t('api_test.scenario.variables')"
         name="variables"
-        v-if="request.variables && request.variables.length > 0"
-      >
-        <ms-api-key-value-detail
-          :items="request.variables"
-          :showDesc="true"
-          :format="request.headerId"
-        />
+        v-if="request.variables && request.variables.length > 0">
+        <ms-api-key-value-detail :items="request.variables" :showDesc="true" :format="request.headerId" />
       </el-tab-pane>
-      <el-tab-pane
-        :label="$t('api_test.request.sql.sql_script')"
-        name="sql"
-        v-if="request.query_1 || request.query_2"
-      >
+      <el-tab-pane :label="$t('api_test.request.sql.sql_script')" name="sql" v-if="request.query_1 || request.query_2">
         <pre v-html="getDiff(request.query_2, request.query_1)" />
       </el-tab-pane>
     </el-tabs>
diff --git a/api-test/frontend/src/business/history/api/ApiTcpEsb.vue b/api-test/frontend/src/business/history/api/ApiTcpEsb.vue
index 006eacb1ee..e646fa4fd9 100644
--- a/api-test/frontend/src/business/history/api/ApiTcpEsb.vue
+++ b/api-test/frontend/src/business/history/api/ApiTcpEsb.vue
@@ -1,26 +1,12 @@
 <template>
   <div>
-    <div
-      style="
-        border: 1px #dcdfe6 solid;
-        height: 100%;
-        border-radius: 4px;
-        width: 98%;
-      "
-    >
-      <el-form
-        class="tcp"
-        :model="request"
-        ref="request"
-        :disabled="isReadOnly"
-        style="margin: 20px"
-      >
+    <div style="border: 1px #dcdfe6 solid; height: 100%; border-radius: 4px; width: 98%">
+      <el-form class="tcp" :model="request" ref="request" :disabled="isReadOnly" style="margin: 20px">
         <el-tabs v-model="activeName" class="request-tabs">
           <el-tab-pane
             name="parameters"
             :label="$t('api_test.definition.request.req_param')"
-            v-if="request.query1 || request.query2"
-          >
+            v-if="request.query1 || request.query2">
             <pre v-html="getDiff(request.query2, request.query1)"></pre>
           </el-tab-pane>
 
@@ -28,8 +14,7 @@
           <el-tab-pane
             :label="$t('api_test.definition.request.message_template')"
             name="request"
-            v-if="request.request1 || request.request2"
-          >
+            v-if="request.request1 || request.request2">
             <pre v-html="getDiff(request.request2, request.request1)"></pre>
           </el-tab-pane>
 
@@ -38,17 +23,10 @@
             :label="$t('api_test.definition.request.other_config')"
             name="other"
             class="other-config"
-            v-if="request.otherConfig"
-          >
+            v-if="request.otherConfig">
             <el-table :data="request.otherConfig">
-              <el-table-column
-                prop="columnTitle"
-                :label="$t('operating_log.change_field')"
-              />
-              <el-table-column
-                prop="originalValue"
-                :label="$t('operating_log.before_change')"
-              >
+              <el-table-column prop="columnTitle" :label="$t('operating_log.change_field')" />
+              <el-table-column prop="originalValue" :label="$t('operating_log.before_change')">
                 <template v-slot:default="scope">
                   <el-tooltip :content="scope.row.originalValue">
                     <div class="current-value ms-tag-del">
@@ -57,10 +35,7 @@
                   </el-tooltip>
                 </template>
               </el-table-column>
-              <el-table-column
-                prop="newValue"
-                :label="$t('operating_log.after_change')"
-              >
+              <el-table-column prop="newValue" :label="$t('operating_log.after_change')">
                 <template v-slot:default="scope">
                   <el-tooltip :content="scope.row.newValue">
                     <div class="current-value ms-tag-add">
@@ -76,24 +51,16 @@
             :label="$t('api_test.definition.request.response_template')"
             name="esbData"
             class="pane"
-            v-if="request.backEsbDataStruct1 || request.backEsbDataStruct2"
-          >
-            <pre
-              v-html="
-                getDiff(request.backEsbDataStruct2, request.backEsbDataStruct1)
-              "
-            ></pre>
+            v-if="request.backEsbDataStruct1 || request.backEsbDataStruct2">
+            <pre v-html="getDiff(request.backEsbDataStruct2, request.backEsbDataStruct1)"></pre>
           </el-tab-pane>
 
           <el-tab-pane
             :label="$t('api_test.definition.request.post_script')"
             name="backScript"
             class="pane"
-            v-if="request.backScript1 || request.backScript2"
-          >
-            <pre
-              v-html="getDiff(request.backScript2, request.backScript1)"
-            ></pre>
+            v-if="request.backScript1 || request.backScript2">
+            <pre v-html="getDiff(request.backScript2, request.backScript1)"></pre>
           </el-tab-pane>
         </el-tabs>
       </el-form>
@@ -141,10 +108,7 @@ export default {
   created() {
     if (
       this.request.body &&
-      (this.request.body.jsonSchema ||
-        this.request.body.xml ||
-        this.request.body.raw_1 ||
-        this.request.body.raw_2)
+      (this.request.body.jsonSchema || this.request.body.xml || this.request.body.raw_1 || this.request.body.raw_2)
     ) {
       this.activeName = 'request';
       if (this.request.body.jsonSchema) {
@@ -164,10 +128,7 @@ export default {
       this.activeName = 'script';
     } else if (this.request.otherConfig) {
       this.activeName = 'other';
-    } else if (
-      this.request.backEsbDataStruct1 ||
-      this.request.backEsbDataStruct2
-    ) {
+    } else if (this.request.backEsbDataStruct1 || this.request.backEsbDataStruct2) {
       this.activeName = 'esbData';
     } else if (this.request.backScript1 || this.request.backScript2) {
       this.activeName = 'backScript';
@@ -194,10 +155,7 @@ export default {
         this.activeName = 'script';
       } else if (this.request.other_config) {
         this.activeName = 'other';
-      } else if (
-        this.request.backEsbDataStruct_1 ||
-        this.request.backEsbDataStruct_2
-      ) {
+      } else if (this.request.backEsbDataStruct_1 || this.request.backEsbDataStruct_2) {
         this.activeName = 'esbData';
       } else if (this.request.backScript_1 || this.request.backScript_2) {
         this.activeName = 'backScript';
diff --git a/api-test/frontend/src/business/history/api/ApiTcpParameters.vue b/api-test/frontend/src/business/history/api/ApiTcpParameters.vue
index 88b955bcdc..d9e9e20698 100644
--- a/api-test/frontend/src/business/history/api/ApiTcpParameters.vue
+++ b/api-test/frontend/src/business/history/api/ApiTcpParameters.vue
@@ -1,57 +1,28 @@
 <template>
   <div>
-    <div
-      style="
-        border: 1px #dcdfe6 solid;
-        height: 100%;
-        border-radius: 4px;
-        width: 98%;
-      "
-    >
-      <el-form
-        class="tcp"
-        :model="request"
-        ref="request"
-        :disabled="isReadOnly"
-        style="margin: 20px"
-      >
+    <div style="border: 1px #dcdfe6 solid; height: 100%; border-radius: 4px; width: 98%">
+      <el-form class="tcp" :model="request" ref="request" :disabled="isReadOnly" style="margin: 20px">
         <el-tabs v-model="activeName" class="request-tabs">
-          <el-tab-pane
-            name="parameters"
-            :label="$t('api_test.definition.request.req_param')"
-            v-if="request.parameters"
-          >
+          <el-tab-pane name="parameters" :label="$t('api_test.definition.request.req_param')" v-if="request.parameters">
             <ms-api-key-value-detail
               :items="request.parameters"
               :show-required="true"
               :showDesc="true"
-              :format="request.headerId"
-            />
+              :format="request.headerId" />
           </el-tab-pane>
           <el-tab-pane
             :label="$t('api_test.definition.document.request_body')"
             name="request"
             v-if="
-              request.body &&
-              (request.body.jsonSchema ||
-                request.body.xml ||
-                request.body.raw_1 ||
-                request.body.raw_2)
-            "
-          >
-            <el-radio-group
-              v-model="reportType"
-              size="mini"
-              style="margin: 10px 0px"
-            >
+              request.body && (request.body.jsonSchema || request.body.xml || request.body.raw_1 || request.body.raw_2)
+            ">
+            <el-radio-group v-model="reportType" size="mini" style="margin: 10px 0px">
               <el-radio :disabled="isReadOnly" label="json"> json </el-radio>
               <el-radio :disabled="isReadOnly" label="xml"> xml </el-radio>
               <el-radio :disabled="isReadOnly" label="raw"> raw </el-radio>
             </el-radio-group>
             <div v-if="reportType === 'xml'">
-              <pre
-                v-html="getDiff(request.body.xml_2, request.body.xml_1)"
-              ></pre>
+              <pre v-html="getDiff(request.body.xml_2, request.body.xml_1)"></pre>
             </div>
             <div v-if="reportType === 'json'">
               <div class="send-request">
@@ -60,9 +31,7 @@
             </div>
             <div v-if="reportType === 'raw'">
               <div class="send-request">
-                <pre
-                  v-html="getDiff(request.body.raw_2, request.body.raw_1)"
-                ></pre>
+                <pre v-html="getDiff(request.body.raw_2, request.body.raw_1)"></pre>
               </div>
             </div>
           </el-tab-pane>
@@ -70,8 +39,7 @@
           <el-tab-pane
             :label="$t('api_test.definition.request.pre_script')"
             name="script"
-            v-if="request.script_1 || request.script_2"
-          >
+            v-if="request.script_1 || request.script_2">
             <pre v-html="getDiff(request.script_2, request.script_1)"></pre>
           </el-tab-pane>
 
@@ -80,17 +48,10 @@
             :label="$t('api_test.definition.request.other_config')"
             name="other"
             class="other-config"
-            v-if="request.otherConfig"
-          >
+            v-if="request.otherConfig">
             <el-table :data="request.otherConfig">
-              <el-table-column
-                prop="columnTitle"
-                :label="$t('operating_log.change_field')"
-              />
-              <el-table-column
-                prop="originalValue"
-                :label="$t('operating_log.before_change')"
-              >
+              <el-table-column prop="columnTitle" :label="$t('operating_log.change_field')" />
+              <el-table-column prop="originalValue" :label="$t('operating_log.before_change')">
                 <template v-slot:default="scope">
                   <el-tooltip :content="scope.row.originalValue">
                     <div class="current-value ms-tag-del">
@@ -99,10 +60,7 @@
                   </el-tooltip>
                 </template>
               </el-table-column>
-              <el-table-column
-                prop="newValue"
-                :label="$t('operating_log.after_change')"
-              >
+              <el-table-column prop="newValue" :label="$t('operating_log.after_change')">
                 <template v-slot:default="scope">
                   <el-tooltip :content="scope.row.newValue">
                     <div class="current-value ms-tag-add">
@@ -159,10 +117,7 @@ export default {
   created() {
     if (
       this.request.body &&
-      (this.request.body.jsonSchema ||
-        this.request.body.xml ||
-        this.request.body.raw_1 ||
-        this.request.body.raw_2)
+      (this.request.body.jsonSchema || this.request.body.xml || this.request.body.raw_1 || this.request.body.raw_2)
     ) {
       this.activeName = 'request';
       if (this.request.body.jsonSchema) {
diff --git a/api-test/frontend/src/business/history/api/EnvironmentEditParams.vue b/api-test/frontend/src/business/history/api/EnvironmentEditParams.vue
index 05840f715f..00f8e868cf 100644
--- a/api-test/frontend/src/business/history/api/EnvironmentEditParams.vue
+++ b/api-test/frontend/src/business/history/api/EnvironmentEditParams.vue
@@ -3,73 +3,48 @@
   <div style="border: 1px #dcdfe6 solid" v-if="!loading">
     <el-tabs v-model="activeName" class="request-tabs">
       <!--全局前置脚本-->
-      <el-tab-pane
-        :label="$t('api_test.definition.request.all_pre_script')"
-        name="allPreScript"
-        v-if="showPre"
-      >
-        <div
-          v-if="
-            request.script.globalScriptConfigRaw1 ||
-            request.script.globalScriptConfigRaw2
-          "
-        >
+      <el-tab-pane :label="$t('api_test.definition.request.all_pre_script')" name="allPreScript" v-if="showPre">
+        <div v-if="request.script.globalScriptConfigRaw1 || request.script.globalScriptConfigRaw2">
           <div v-if="request.script.globalScriptConfig">
             <div
               v-if="
                 request.script.globalScriptConfig.filterRequestPreScriptRaw1 ||
                 request.script.globalScriptConfig.filterRequestPreScriptRaw2
-              "
-            >
+              ">
               <el-radio-group size="mini">
-                <el-radio-button
-                  :label="$t('api_test.script.pre_script_filter_request_type')"
-                />
+                <el-radio-button :label="$t('api_test.script.pre_script_filter_request_type')" />
               </el-radio-group>
               <div
                 v-html="
                   getDiff(
-                    request.script.globalScriptConfig
-                      .filterRequestPreScriptRaw2,
+                    request.script.globalScriptConfig.filterRequestPreScriptRaw2,
                     request.script.globalScriptConfig.filterRequestPreScriptRaw1
                   )
-                "
-              ></div>
+                "></div>
             </div>
             <div
               v-if="
-                request.script.globalScriptConfig
-                  .isPreScriptExecAfterPrivateScriptRaw1 ||
-                request.script.globalScriptConfig
-                  .isPreScriptExecAfterPrivateScriptRaw2
-              "
-            >
+                request.script.globalScriptConfig.isPreScriptExecAfterPrivateScriptRaw1 ||
+                request.script.globalScriptConfig.isPreScriptExecAfterPrivateScriptRaw2
+              ">
               <el-radio-group size="mini">
-                <el-radio-button
-                  :label="$t('api_test.script.pre_script_exec_order')"
-                />
+                <el-radio-button :label="$t('api_test.script.pre_script_exec_order')" />
               </el-radio-group>
               <div
                 v-html="
                   getDiff(
-                    request.script.globalScriptConfig
-                      .isPreScriptExecAfterPrivateScriptRaw2,
-                    request.script.globalScriptConfig
-                      .isPreScriptExecAfterPrivateScriptRaw1
+                    request.script.globalScriptConfig.isPreScriptExecAfterPrivateScriptRaw2,
+                    request.script.globalScriptConfig.isPreScriptExecAfterPrivateScriptRaw1
                   )
-                "
-              ></div>
+                "></div>
             </div>
             <div
               v-if="
                 request.script.globalScriptConfig.connScenarioPreScriptRaw1 ||
                 request.script.globalScriptConfig.connScenarioPreScriptRaw2
-              "
-            >
+              ">
               <el-radio-group size="mini">
-                <el-radio-button
-                  :label="$t('api_test.script.pre_link_scenario_result')"
-                />
+                <el-radio-button :label="$t('api_test.script.pre_link_scenario_result')" />
               </el-radio-group>
               <div
                 v-html="
@@ -77,174 +52,93 @@
                     request.script.globalScriptConfig.connScenarioPreScriptRaw2,
                     request.script.globalScriptConfig.connScenarioPreScriptRaw1
                   )
-                "
-              ></div>
+                "></div>
             </div>
           </div>
         </div>
 
-        <div
-          v-if="
-            request.script.preProcessorRaw1 || request.script.preProcessorRaw2
-          "
-        >
+        <div v-if="request.script.preProcessorRaw1 || request.script.preProcessorRaw2">
           <el-radio-group size="mini">
-            <el-radio-button
-              :label="$t('api_test.script.execute_before_step')"
-            />
+            <el-radio-button :label="$t('api_test.script.execute_before_step')" />
           </el-radio-group>
-          <div
-            v-html="
-              getDiff(
-                request.script.preProcessorRaw2,
-                request.script.preProcessorRaw1
-              )
-            "
-          ></div>
+          <div v-html="getDiff(request.script.preProcessorRaw2, request.script.preProcessorRaw1)"></div>
         </div>
 
-        <div
-          v-if="
-            request.script.preStepProcessorRaw1 ||
-            request.script.preStepProcessorRaw2
-          "
-        >
+        <div v-if="request.script.preStepProcessorRaw1 || request.script.preStepProcessorRaw2">
           <el-radio-group size="mini">
-            <el-radio-button
-              :label="$t('api_test.script.execute_before_all_steps')"
-            />
+            <el-radio-button :label="$t('api_test.script.execute_before_all_steps')" />
           </el-radio-group>
-          <div
-            v-html="
-              getDiff(
-                request.script.preStepProcessorRaw2,
-                request.script.preStepProcessorRaw1
-              )
-            "
-          ></div>
+          <div v-html="getDiff(request.script.preStepProcessorRaw2, request.script.preStepProcessorRaw1)"></div>
         </div>
       </el-tab-pane>
 
       <!--全局后置脚本-->
-      <el-tab-pane
-        :label="$t('api_test.definition.request.all_post_script')"
-        name="allPostScript"
-        v-if="showPost"
-      >
-        <div
-          v-if="
-            request.script.globalScriptConfigRaw1 ||
-            request.script.globalScriptConfigRaw2
-          "
-        >
+      <el-tab-pane :label="$t('api_test.definition.request.all_post_script')" name="allPostScript" v-if="showPost">
+        <div v-if="request.script.globalScriptConfigRaw1 || request.script.globalScriptConfigRaw2">
           <div v-if="request.script.globalScriptConfig">
             <div
               v-if="
                 request.script.globalScriptConfig.filterRequestPostScriptRaw1 ||
                 request.script.globalScriptConfig.filterRequestPostScriptRaw2
-              "
-            >
+              ">
               <el-radio-group size="mini">
-                <el-radio-button
-                  :label="$t('api_test.script.post_script_filter_request_type')"
-                />
+                <el-radio-button :label="$t('api_test.script.post_script_filter_request_type')" />
               </el-radio-group>
               <div
                 v-html="
                   getDiff(
-                    request.script.globalScriptConfig
-                      .filterRequestPostScriptRaw2,
-                    request.script.globalScriptConfig
-                      .filterRequestPostScriptRaw1
+                    request.script.globalScriptConfig.filterRequestPostScriptRaw2,
+                    request.script.globalScriptConfig.filterRequestPostScriptRaw1
                   )
-                "
-              ></div>
+                "></div>
             </div>
             <div
               v-if="
-                request.script.globalScriptConfig
-                  .isPostScriptExecAfterPrivateScriptRaw1 ||
-                request.script.globalScriptConfig
-                  .isPostScriptExecAfterPrivateScriptRaw2
-              "
-            >
+                request.script.globalScriptConfig.isPostScriptExecAfterPrivateScriptRaw1 ||
+                request.script.globalScriptConfig.isPostScriptExecAfterPrivateScriptRaw2
+              ">
               <el-radio-group size="mini">
-                <el-radio-button
-                  :label="$t('api_test.script.post_script_exec_order')"
-                />
+                <el-radio-button :label="$t('api_test.script.post_script_exec_order')" />
               </el-radio-group>
               <div
                 v-html="
                   getDiff(
-                    request.script.globalScriptConfig
-                      .isPostScriptExecAfterPrivateScriptRaw2,
-                    request.script.globalScriptConfig
-                      .isPostScriptExecAfterPrivateScriptRaw1
+                    request.script.globalScriptConfig.isPostScriptExecAfterPrivateScriptRaw2,
+                    request.script.globalScriptConfig.isPostScriptExecAfterPrivateScriptRaw1
                   )
-                "
-              ></div>
+                "></div>
             </div>
             <div
               v-if="
                 request.script.globalScriptConfig.connScenarioPostScriptRaw1 ||
                 request.script.globalScriptConfig.connScenarioPostScriptRaw2
-              "
-            >
+              ">
               <el-radio-group size="mini">
-                <el-radio-button
-                  :label="$t('api_test.script.post_link_scenario_result')"
-                />
+                <el-radio-button :label="$t('api_test.script.post_link_scenario_result')" />
               </el-radio-group>
               <div
                 v-html="
                   getDiff(
-                    request.script.globalScriptConfig
-                      .connScenarioPostScriptRaw2,
+                    request.script.globalScriptConfig.connScenarioPostScriptRaw2,
                     request.script.globalScriptConfig.connScenarioPostScriptRaw1
                   )
-                "
-              ></div>
+                "></div>
             </div>
           </div>
         </div>
 
-        <div
-          v-if="
-            request.script.postProcessorRaw1 || request.script.postProcessorRaw2
-          "
-        >
+        <div v-if="request.script.postProcessorRaw1 || request.script.postProcessorRaw2">
           <el-radio-group size="mini">
             <el-radio-button :label="$t('api_test.script.execute_post_step')" />
           </el-radio-group>
-          <div
-            v-html="
-              getDiff(
-                request.script.postProcessorRaw2,
-                request.script.postProcessorRaw1
-              )
-            "
-          ></div>
+          <div v-html="getDiff(request.script.postProcessorRaw2, request.script.postProcessorRaw1)"></div>
         </div>
 
-        <div
-          v-if="
-            request.script.postStepProcessorRaw1 ||
-            request.script.postStepProcessorRaw2
-          "
-        >
+        <div v-if="request.script.postStepProcessorRaw1 || request.script.postStepProcessorRaw2">
           <el-radio-group size="mini">
-            <el-radio-button
-              :label="$t('api_test.script.execute_post_all_steps')"
-            />
+            <el-radio-button :label="$t('api_test.script.execute_post_all_steps')" />
           </el-radio-group>
-          <div
-            v-html="
-              getDiff(
-                request.script.postStepProcessorRaw2,
-                request.script.postStepProcessorRaw1
-              )
-            "
-          ></div>
+          <div v-html="getDiff(request.script.postStepProcessorRaw2, request.script.postStepProcessorRaw1)"></div>
         </div>
       </el-tab-pane>
     </el-tabs>
@@ -289,15 +183,11 @@ export default {
             this.request.script.postProcessorRaw2 ||
             this.request.script.postStepProcessorRaw1 ||
             this.request.script.postStepProcessorRaw2)) ||
-        ((this.request.script.globalScriptConfigRaw1 ||
-          this.request.script.globalScriptConfigRaw2) &&
+        ((this.request.script.globalScriptConfigRaw1 || this.request.script.globalScriptConfigRaw2) &&
           (this.request.script.globalScriptConfig.filterRequestPostScriptRaw1 ||
-            this.request.script.globalScriptConfig
-              .filterRequestPostScriptRaw2 ||
-            this.request.script.globalScriptConfig
-              .isPostScriptExecAfterPrivateScriptRaw1 ||
-            this.request.script.globalScriptConfig
-              .isPostScriptExecAfterPrivateScriptRaw2 ||
+            this.request.script.globalScriptConfig.filterRequestPostScriptRaw2 ||
+            this.request.script.globalScriptConfig.isPostScriptExecAfterPrivateScriptRaw1 ||
+            this.request.script.globalScriptConfig.isPostScriptExecAfterPrivateScriptRaw2 ||
             this.request.script.globalScriptConfig.connScenarioPostScriptRaw1 ||
             this.request.script.globalScriptConfig.connScenarioPostScriptRaw2))
       ) {
@@ -312,14 +202,11 @@ export default {
             this.request.script.preProcessorRaw2 ||
             this.request.script.preStepProcessorRaw1 ||
             this.request.script.preStepProcessorRaw2)) ||
-        ((this.request.script.globalScriptConfigRaw1 ||
-          this.request.script.globalScriptConfigRaw2) &&
+        ((this.request.script.globalScriptConfigRaw1 || this.request.script.globalScriptConfigRaw2) &&
           (this.request.script.globalScriptConfig.filterRequestPreScriptRaw1 ||
             this.request.script.globalScriptConfig.filterRequestPreScriptRaw2 ||
-            this.request.script.globalScriptConfig
-              .isPreScriptExecAfterPrivateScriptRaw1 ||
-            this.request.script.globalScriptConfig
-              .isPreScriptExecAfterPrivateScriptRaw2 ||
+            this.request.script.globalScriptConfig.isPreScriptExecAfterPrivateScriptRaw1 ||
+            this.request.script.globalScriptConfig.isPreScriptExecAfterPrivateScriptRaw2 ||
             this.request.script.globalScriptConfig.connScenarioPreScriptRaw1 ||
             this.request.script.globalScriptConfig.connScenarioPreScriptRaw2))
       ) {
@@ -330,12 +217,7 @@ export default {
       }
     },
     getDiff(v1, v2) {
-      if (
-        typeof v1 === 'string' &&
-        typeof v2 === 'string' &&
-        v1.indexOf('{') !== -1 &&
-        v2.indexOf('{') !== -1
-      ) {
+      if (typeof v1 === 'string' && typeof v2 === 'string' && v1.indexOf('{') !== -1 && v2.indexOf('{') !== -1) {
         let delta = jsondiffpatch.diff(JSON.parse(v1), JSON.parse(v2));
         return formattersHtml.format(delta, delta);
       } else {
diff --git a/api-test/frontend/src/business/history/api/EnvironmentHistoryDetail.vue b/api-test/frontend/src/business/history/api/EnvironmentHistoryDetail.vue
index 4c50f53967..4da69fbcdf 100644
--- a/api-test/frontend/src/business/history/api/EnvironmentHistoryDetail.vue
+++ b/api-test/frontend/src/business/history/api/EnvironmentHistoryDetail.vue
@@ -6,27 +6,17 @@
     width="900px"
     :destroy-on-close="true"
     @close="handleClose"
-    append-to-body
-  >
+    append-to-body>
     <div style="height: 700px; overflow: auto">
       <div v-if="detail.createUser">
-        <p class="tip">
-          {{ this.$t('report.user_name') }} ：{{ detail.createUser }}
-        </p>
+        <p class="tip">{{ this.$t('report.user_name') }} ：{{ detail.createUser }}</p>
       </div>
       <div>
-        <p class="tip">
-          {{ this.$t('operating_log.time') }} ：{{
-            detail.operTime | datetimeFormat
-          }}
-        </p>
+        <p class="tip">{{ this.$t('operating_log.time') }} ：{{ detail.operTime | datetimeFormat }}</p>
       </div>
       <div style="overflow: auto">
         <p class="tip">{{ this.$t('report.test_log_details') }}</p>
-        <ms-environment-edit-params
-          :request="detail"
-          v-if="detail.columnName === 'config'"
-        />
+        <ms-environment-edit-params :request="detail" v-if="detail.columnName === 'config'" />
       </div>
     </div>
   </el-dialog>
@@ -78,20 +68,13 @@ export default {
     },
     formatScript(diffValue) {
       this.detail.script = {};
-      if (
-        diffValue.globalScriptConfigRaw1 ||
-        diffValue.globalScriptConfigRaw2
-      ) {
+      if (diffValue.globalScriptConfigRaw1 || diffValue.globalScriptConfigRaw2) {
         this.detail.script.globalScriptConfig = {};
-        this.detail.script.globalScriptConfig.filterRequestPreScriptRaw1 =
-          diffValue.filterRequestPreScriptRaw1;
-        this.detail.script.globalScriptConfig.filterRequestPreScriptRaw2 =
-          diffValue.filterRequestPreScriptRaw2;
+        this.detail.script.globalScriptConfig.filterRequestPreScriptRaw1 = diffValue.filterRequestPreScriptRaw1;
+        this.detail.script.globalScriptConfig.filterRequestPreScriptRaw2 = diffValue.filterRequestPreScriptRaw2;
 
-        this.detail.script.globalScriptConfig.filterRequestPostScriptRaw1 =
-          diffValue.filterRequestPostScriptRaw1;
-        this.detail.script.globalScriptConfig.filterRequestPostScriptRaw2 =
-          diffValue.filterRequestPostScriptRaw2;
+        this.detail.script.globalScriptConfig.filterRequestPostScriptRaw1 = diffValue.filterRequestPostScriptRaw1;
+        this.detail.script.globalScriptConfig.filterRequestPostScriptRaw2 = diffValue.filterRequestPostScriptRaw2;
 
         this.detail.script.globalScriptConfig.isPreScriptExecAfterPrivateScriptRaw1 =
           diffValue.isPreScriptExecAfterPrivateScriptRaw1;
@@ -103,41 +86,31 @@ export default {
         this.detail.script.globalScriptConfig.isPostScriptExecAfterPrivateScriptRaw2 =
           diffValue.isPostScriptExecAfterPrivateScriptRaw2;
 
-        this.detail.script.globalScriptConfig.connScenarioPreScriptRaw1 =
-          diffValue.connScenarioPreScriptRaw1;
-        this.detail.script.globalScriptConfig.connScenarioPreScriptRaw2 =
-          diffValue.connScenarioPreScriptRaw2;
+        this.detail.script.globalScriptConfig.connScenarioPreScriptRaw1 = diffValue.connScenarioPreScriptRaw1;
+        this.detail.script.globalScriptConfig.connScenarioPreScriptRaw2 = diffValue.connScenarioPreScriptRaw2;
 
-        this.detail.script.globalScriptConfig.connScenarioPostScriptRaw1 =
-          diffValue.connScenarioPostScriptRaw1;
-        this.detail.script.globalScriptConfig.connScenarioPostScriptRaw2 =
-          diffValue.connScenarioPostScriptRaw2;
+        this.detail.script.globalScriptConfig.connScenarioPostScriptRaw1 = diffValue.connScenarioPostScriptRaw1;
+        this.detail.script.globalScriptConfig.connScenarioPostScriptRaw2 = diffValue.connScenarioPostScriptRaw2;
 
         // 全局脚本配置
-        this.detail.script.globalScriptConfigRaw1 =
-          diffValue.globalScriptConfigRaw1;
-        this.detail.script.globalScriptConfigRaw2 =
-          diffValue.globalScriptConfigRaw2;
+        this.detail.script.globalScriptConfigRaw1 = diffValue.globalScriptConfigRaw1;
+        this.detail.script.globalScriptConfigRaw2 = diffValue.globalScriptConfigRaw2;
       }
       if (diffValue.preProcessorRaw1 || diffValue.preProcessorRaw2) {
         this.detail.script.preProcessorRaw1 = diffValue.preProcessorRaw1;
         this.detail.script.preProcessorRaw2 = diffValue.preProcessorRaw2;
       }
       if (diffValue.preStepProcessorRaw1 || diffValue.preStepProcessorRaw2) {
-        this.detail.script.preStepProcessorRaw1 =
-          diffValue.preStepProcessorRaw1;
-        this.detail.script.preStepProcessorRaw2 =
-          diffValue.preStepProcessorRaw2;
+        this.detail.script.preStepProcessorRaw1 = diffValue.preStepProcessorRaw1;
+        this.detail.script.preStepProcessorRaw2 = diffValue.preStepProcessorRaw2;
       }
       if (diffValue.postProcessorRaw1 || diffValue.postProcessorRaw2) {
         this.detail.script.postProcessorRaw1 = diffValue.postProcessorRaw1;
         this.detail.script.postProcessorRaw2 = diffValue.postProcessorRaw2;
       }
       if (diffValue.postStepProcessorRaw1 || diffValue.postStepProcessorRaw2) {
-        this.detail.script.postStepProcessorRaw1 =
-          diffValue.postStepProcessorRaw1;
-        this.detail.script.postStepProcessorRaw2 =
-          diffValue.postStepProcessorRaw2;
+        this.detail.script.postStepProcessorRaw1 = diffValue.postStepProcessorRaw1;
+        this.detail.script.postStepProcessorRaw2 = diffValue.postStepProcessorRaw2;
       }
     },
   },
diff --git a/api-test/frontend/src/business/history/api/common/ApiKeyValueDetail.vue b/api-test/frontend/src/business/history/api/common/ApiKeyValueDetail.vue
index c8b69d26d8..700b96037c 100644
--- a/api-test/frontend/src/business/history/api/common/ApiKeyValueDetail.vue
+++ b/api-test/frontend/src/business/history/api/common/ApiKeyValueDetail.vue
@@ -1,20 +1,10 @@
 <template>
   <div v-loading="loading">
     <div class="kv-row item" v-for="(item, index) in data" :key="index">
-      <el-row
-        type="flex"
-        :gutter="20"
-        justify="space-between"
-        align="middle"
-        :style="item.style"
-      >
+      <el-row type="flex" :gutter="20" justify="space-between" align="middle" :style="item.style">
         <div class="box" v-if="item.box" />
         <el-col class="kv-checkbox" v-if="isShowEnable">
-          <el-checkbox
-            v-if="!isDisable(index)"
-            v-model="item.enable"
-            :disabled="isReadOnly"
-          />
+          <el-checkbox v-if="!isDisable(index)" v-model="item.enable" :disabled="isReadOnly" />
         </el-col>
         <span style="margin-left: 10px" v-else />
         <el-col class="item">
@@ -26,8 +16,7 @@
             size="small"
             maxlength="200"
             show-word-limit
-            :style="item.style"
-          />
+            :style="item.style" />
           <el-autocomplete
             :disabled="isReadOnly"
             :maxlength="400"
@@ -35,8 +24,7 @@
             v-model="item.name"
             size="small"
             show-word-limit
-            :style="item.style"
-          />
+            :style="item.style" />
         </el-col>
         <el-col v-if="showRequired">
           <input
@@ -44,8 +32,7 @@
             :disabled="isReadOnly"
             v-model="item.required"
             size="small"
-            :style="item.style"
-          />
+            :style="item.style" />
         </el-col>
         <el-col class="item">
           <input
@@ -54,8 +41,7 @@
             v-model="item.value"
             size="small"
             show-word-limit
-            :style="item.style"
-          />
+            :style="item.style" />
         </el-col>
         <el-col class="item" v-if="showDesc">
           <input
@@ -66,8 +52,7 @@
             :style="item.style"
             :disabled="isReadOnly"
             :placeholder="$t('commons.description')"
-            show-word-limit
-          />
+            show-word-limit />
         </el-col>
       </el-row>
     </div>
diff --git a/api-test/frontend/src/business/history/api/json-view/ComparedEditor.vue b/api-test/frontend/src/business/history/api/json-view/ComparedEditor.vue
index 4edd66a8b6..f51932fcb6 100644
--- a/api-test/frontend/src/business/history/api/json-view/ComparedEditor.vue
+++ b/api-test/frontend/src/business/history/api/json-view/ComparedEditor.vue
@@ -22,11 +22,7 @@ export default {
     },
   },
   created() {
-    if (
-      !this.body.jsonSchema &&
-      this.body.raw &&
-      this.checkIsJson(this.body.raw)
-    ) {
+    if (!this.body.jsonSchema && this.body.raw && this.checkIsJson(this.body.raw)) {
       let obj = { root: MsConvert.format(JSON.parse(this.body.raw)) };
       this.schema = obj;
     } else if (this.body.jsonSchema) {
@@ -43,11 +39,7 @@ export default {
     },
     body: {
       handler(newValue, oldValue) {
-        if (
-          !this.body.jsonSchema &&
-          this.body.raw &&
-          this.checkIsJson(this.body.raw)
-        ) {
+        if (!this.body.jsonSchema && this.body.raw && this.checkIsJson(this.body.raw)) {
           let obj = { root: MsConvert.format(JSON.parse(this.body.raw)) };
           this.schema = obj;
         } else if (this.body.jsonSchema) {
diff --git a/api-test/frontend/src/business/history/api/json-view/schema/editor/main.vue b/api-test/frontend/src/business/history/api/json-view/schema/editor/main.vue
index 9fe3edbb5e..03b36a917c 100644
--- a/api-test/frontend/src/business/history/api/json-view/schema/editor/main.vue
+++ b/api-test/frontend/src/business/history/api/json-view/schema/editor/main.vue
@@ -6,11 +6,8 @@
         <div :style="{ marginLeft: `${10 * deep}px` }" class="ms-col-name-c" />
         <span
           v-if="pickValue.type === 'object'"
-          :class="
-            hidden ? 'el-icon-caret-left ms-transform' : 'el-icon-caret-bottom'
-          "
-          @click="hidden = !hidden"
-        />
+          :class="hidden ? 'el-icon-caret-left ms-transform' : 'el-icon-caret-bottom'"
+          @click="hidden = !hidden" />
         <span v-else style="width: 10px; display: inline-block" />
         <input
           class="el-input el-input__inner ms-input-css"
@@ -18,21 +15,15 @@
           :disabled="disabled"
           :value="pickKey"
           @blur="onInputName"
-          size="small"
-        />
+          size="small" />
 
-        <el-tooltip
-          v-if="root"
-          :content="$t('schema.checked_all')"
-          placement="top"
-        >
+        <el-tooltip v-if="root" :content="$t('schema.checked_all')" placement="top">
           <input
             type="checkbox"
             :disabled="disabled"
             class="ms-col-name-required"
             :style="{ background: getBg() }"
-            @change="onRootCheck"
-          />
+            @change="onRootCheck" />
         </el-tooltip>
         <el-tooltip v-else :content="$t('schema.required')" placement="top">
           <input
@@ -41,8 +32,7 @@
             :checked="checked"
             :style="{ 'background-color': getBg() }"
             class="ms-col-name-required"
-            @change="onCheck"
-          />
+            @change="onCheck" />
         </el-tooltip>
       </el-col>
       <el-col :span="4">
@@ -51,8 +41,7 @@
           :disabled="disabled"
           class="el-input el-input__inner ms-input-css"
           size="small"
-          :style="{ 'background-color': getBg() }"
-        />
+          :style="{ 'background-color': getBg() }" />
       </el-col>
       <el-col :span="6">
         <input
@@ -61,16 +50,14 @@
           :disabled="disabled"
           class="el-input el-input__inner ms-input-css"
           size="small"
-          :style="{ 'background-color': getBg() }"
-        />
+          :style="{ 'background-color': getBg() }" />
         <input
           v-else
           v-model="defaultValue"
           :disabled="disabled"
           class="el-input el-input__inner ms-input-css"
           size="small"
-          :style="{ 'background-color': getBg() }"
-        />
+          :style="{ 'background-color': getBg() }" />
       </el-col>
       <el-col :span="6">
         <input
@@ -78,14 +65,11 @@
           :disabled="disabled"
           class="el-input el-input__inner ms-input-css"
           size="small"
-          :style="{ 'background-color': getBg() }"
-        />
+          :style="{ 'background-color': getBg() }" />
       </el-col>
     </el-row>
 
-    <template
-      v-if="!hidden && pickValue.properties && !isArray && reloadItemOver"
-    >
+    <template v-if="!hidden && pickValue.properties && !isArray && reloadItemOver">
       <compared-editor
         v-for="(item, key, index) in pickValue.properties"
         :value="{ [key]: item }"
@@ -97,8 +81,7 @@
         :lang="lang"
         :custom="custom"
         @changeAllItemsType="changeAllItemsType"
-        @reloadItems="reloadItems"
-      />
+        @reloadItems="reloadItems" />
     </template>
     <template v-if="isArray && reloadItemOver">
       <compared-editor
@@ -111,8 +94,7 @@
         class="children"
         :lang="lang"
         :custom="custom"
-        @changeAllItemsType="changeAllItemsType"
-      />
+        @changeAllItemsType="changeAllItemsType" />
     </template>
   </div>
 </template>
@@ -197,11 +179,7 @@ export default {
       return this.pickValue.type === 'array';
     },
     checked() {
-      return (
-        this.parent &&
-        this.parent.required &&
-        this.parent.required.indexOf(this.pickKey) >= 0
-      );
+      return this.parent && this.parent.required && this.parent.required.indexOf(this.pickKey) >= 0;
     },
     advanced() {
       return TYPE[this.pickValue.type];
@@ -271,18 +249,12 @@ export default {
         delete this.pickValue['required'];
         delete this.pickValue['mock'];
         if (this.isArray) {
-          this.$set(this.pickValue, 'items', [
-            { type: 'string', mock: { mock: '' } },
-          ]);
+          this.$set(this.pickValue, 'items', [{ type: 'string', mock: { mock: '' } }]);
         }
       }
     },
     changeAllItemsType(changeType) {
-      if (
-        this.isArray &&
-        this.pickValue.items &&
-        this.pickValue.items.length > 0
-      ) {
+      if (this.isArray && this.pickValue.items && this.pickValue.items.length > 0) {
         this.pickValue.items.forEach((item) => {
           item.type = changeType;
           delete item['properties'];
@@ -304,23 +276,11 @@ export default {
     },
     _deepCheck(checked, node) {
       if (node.type === 'object' && node.properties) {
-        checked
-          ? this.$set(node, 'required', Object.keys(node.properties))
-          : delete node['required'];
-        Object.keys(node.properties).forEach((key) =>
-          this._deepCheck(checked, node.properties[key])
-        );
+        checked ? this.$set(node, 'required', Object.keys(node.properties)) : delete node['required'];
+        Object.keys(node.properties).forEach((key) => this._deepCheck(checked, node.properties[key]));
       } else if (node.type === 'array' && node.items.type === 'object') {
-        checked
-          ? this.$set(
-              node.items,
-              'required',
-              Object.keys(node.items.properties)
-            )
-          : delete node.items['required'];
-        Object.keys(node.items.properties).forEach((key) =>
-          this._deepCheck(checked, node.items.properties[key])
-        );
+        checked ? this.$set(node.items, 'required', Object.keys(node.items.properties)) : delete node.items['required'];
+        Object.keys(node.items.properties).forEach((key) => this._deepCheck(checked, node.items.properties[key]));
       }
     },
     _checked(checked, parent) {
@@ -385,10 +345,7 @@ export default {
       this.parentReloadItems();
     },
     _joinName() {
-      return `field_${this.deep}_${this.countAdd++}_${getUUID().substring(
-        0,
-        5
-      )}`;
+      return `field_${this.deep}_${this.countAdd++}_${getUUID().substring(0, 5)}`;
     },
     onSetting() {
       this.modalVisible = true;
@@ -512,10 +469,7 @@ export default {
   display: flex;
 }
 
-.json-schema-editor-advanced-modal
-  .ms-advanced-search-form
-  .ms-form-item
-  .ms-form-item-control-wrapper {
+.json-schema-editor-advanced-modal .ms-advanced-search-form .ms-form-item .ms-form-item-control-wrapper {
   flex: 1;
 }
 
diff --git a/api-test/frontend/src/business/history/tags/MsInputTag.vue b/api-test/frontend/src/business/history/tags/MsInputTag.vue
index 8d9a115b2a..d376e979f4 100644
--- a/api-test/frontend/src/business/history/tags/MsInputTag.vue
+++ b/api-test/frontend/src/business/history/tags/MsInputTag.vue
@@ -1,9 +1,5 @@
 <template>
-  <div
-    class="el-input-tag input-tag-wrapper"
-    :class="[size ? 'el-input-tag--' + size : '']"
-    style="height: auto"
-  >
+  <div class="el-input-tag input-tag-wrapper" :class="[size ? 'el-input-tag--' + size : '']" style="height: auto">
     <el-tag
       :class="getClass(tag)"
       v-for="tag in innerTags"
@@ -12,16 +8,10 @@
       :key="tag"
       :size="size"
       :closable="!readOnly"
-      :disable-transitions="false"
-    >
+      :disable-transitions="false">
       {{ getTag(tag) }}
     </el-tag>
-    <input
-      :disabled="readOnly"
-      class="tag-input el-input"
-      v-model="newTag"
-      :placeholder="$t('commons.tag_tip')"
-    />
+    <input :disabled="readOnly" class="tag-input el-input" v-model="newTag" :placeholder="$t('commons.tag_tip')" />
   </div>
 </template>
 <script>
@@ -105,8 +95,7 @@ export default {
   border: 0;
   color: #303133;
   font-size: 12px;
-  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
-    Arial, sans-serif;
+  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', Arial, sans-serif;
   outline: none;
   padding-left: 0;
   width: 100px;
diff --git a/api-test/frontend/src/business/history/tags/TagsHistoryDetail.vue b/api-test/frontend/src/business/history/tags/TagsHistoryDetail.vue
index 542af37485..7fdda53611 100644
--- a/api-test/frontend/src/business/history/tags/TagsHistoryDetail.vue
+++ b/api-test/frontend/src/business/history/tags/TagsHistoryDetail.vue
@@ -6,31 +6,19 @@
     width="900px"
     :destroy-on-close="true"
     @close="handleClose"
-    append-to-body
-  >
+    append-to-body>
     <div style="height: 700px; overflow: auto">
       <div v-if="detail.createUser">
-        <p class="tip">
-          {{ this.$t('report.user_name') }} ：{{ detail.createUser }}
-        </p>
+        <p class="tip">{{ this.$t('report.user_name') }} ：{{ detail.createUser }}</p>
       </div>
       <div>
-        <p class="tip">
-          {{ this.$t('operating_log.time') }} ：{{
-            detail.operTime | datetimeFormat
-          }}
-        </p>
+        <p class="tip">{{ this.$t('operating_log.time') }} ：{{ detail.operTime | datetimeFormat }}</p>
       </div>
       <div style="overflow: auto">
         <p class="tip">{{ this.$t('report.test_log_details') }}</p>
         <div v-if="!loading">
           {{ $t('commons.tag') }}：
-          <ms-input-tag
-            :read-only="true"
-            :data="detail"
-            ref="tag"
-            style="width: 90%"
-          />
+          <ms-input-tag :read-only="true" :data="detail" ref="tag" style="width: 90%" />
         </div>
       </div>
     </div>
@@ -61,12 +49,7 @@ export default {
     open(value) {
       this.infoVisible = true;
       this.detail = value;
-      if (
-        value != null &&
-        value.diffValue != 'null' &&
-        value.diffValue != '' &&
-        value.diffValue != undefined
-      ) {
+      if (value != null && value.diffValue != 'null' && value.diffValue != '' && value.diffValue != undefined) {
         if (
           Object.prototype.toString
             .call(value.diffValue)
diff --git a/api-test/frontend/src/business/home/components/card/HoverCard.vue b/api-test/frontend/src/business/home/components/card/HoverCard.vue
index 92c70dffee..7880eddc58 100644
--- a/api-test/frontend/src/business/home/components/card/HoverCard.vue
+++ b/api-test/frontend/src/business/home/components/card/HoverCard.vue
@@ -4,16 +4,8 @@
       <div v-show="!isHover" class="transition-box">
         <div style="margin: 16px 0 0 16px">
           <span class="addition-info-title"> {{ title }}</span>
-          <el-tooltip
-            class="item"
-            effect="dark"
-            :content="toolTip"
-            placement="top"
-          >
-            <img
-              style="height: 14px; width: 14px; margin-left: 4px"
-              src="/assets/figma/icon_question.svg"
-            />
+          <el-tooltip class="item" effect="dark" :content="toolTip" placement="top">
+            <img style="height: 14px; width: 14px; margin-left: 4px" src="/assets/figma/icon_question.svg" />
           </el-tooltip>
           <div class="common-amount" @mouseenter="isHover = true">
             <span class="addition-info-text">
diff --git a/api-test/frontend/src/business/home/components/card/MainInfoCard.vue b/api-test/frontend/src/business/home/components/card/MainInfoCard.vue
index 68c3e08ad9..6796ec7964 100644
--- a/api-test/frontend/src/business/home/components/card/MainInfoCard.vue
+++ b/api-test/frontend/src/business/home/components/card/MainInfoCard.vue
@@ -5,16 +5,12 @@
         {{ title }}
       </span>
       <div style="margin-top: 4px; height: 40px">
-        <span v-if="isExecuteInfo" class="addition-num">{{
-          countData.executedTimesInWeek
-        }}</span>
+        <span v-if="isExecuteInfo" class="addition-num">{{ countData.executedTimesInWeek }}</span>
         <span v-else class="main-num">{{ countData.total }}</span>
       </div>
       <div style="margin-top: 32px">
         <div v-if="isExecuteInfo">
-          <span class="main-info-card-title">{{
-            $t('home.dashboard.public.executed_times')
-          }}</span>
+          <span class="main-info-card-title">{{ $t('home.dashboard.public.executed_times') }}</span>
           <div class="common-amount">
             <span class="addition-num">
               {{ countData.executedTimes }}
@@ -24,40 +20,26 @@
         <div v-else>
           <el-row>
             <el-col :span="12">
-              <span class="main-info-card-title">{{
-                $t('home.dashboard.public.this_week')
-              }}</span>
+              <span class="main-info-card-title">{{ $t('home.dashboard.public.this_week') }}</span>
               <div class="common-amount">
                 <el-button
                   class="common-amount-button"
                   v-permission-disable="linkPermission"
-                  @click="redirect('createdInWeek')"
-                >
+                  @click="redirect('createdInWeek')">
                   +{{ countData.createdInWeek }}
-                  <img
-                    class="main-info-card-right"
-                    src="/assets/figma/icon_right_outlined.svg"
-                    alt=""
-                  />
+                  <img class="main-info-card-right" src="/assets/figma/icon_right_outlined.svg" alt="" />
                 </el-button>
               </div>
             </el-col>
             <el-col :span="12">
-              <span class="main-info-card-title">{{
-                $t('home.dashboard.public.fake_error')
-              }}</span>
+              <span class="main-info-card-title">{{ $t('home.dashboard.public.fake_error') }}</span>
               <div class="common-amount">
                 <el-button
                   class="common-amount-button"
                   v-permission-disable="linkPermission"
-                  @click="redirect('fakeError')"
-                >
+                  @click="redirect('fakeError')">
                   {{ countData.fakeErrorCount }}
-                  <img
-                    class="main-info-card-right"
-                    src="/assets/figma/icon_right_outlined.svg"
-                    alt=""
-                  />
+                  <img class="main-info-card-right" src="/assets/figma/icon_right_outlined.svg" alt="" />
                 </el-button>
               </div>
             </el-col>
@@ -81,13 +63,7 @@ export default {
   },
   methods: {
     redirect(seletDataType) {
-      this.$emit(
-        'redirectPage',
-        this.redirectPageName,
-        this.redirectDataType,
-        seletDataType,
-        null
-      );
+      this.$emit('redirectPage', this.redirectPageName, this.redirectDataType, seletDataType, null);
     },
   },
 };
diff --git a/api-test/frontend/src/business/home/components/chart/CountChart.vue b/api-test/frontend/src/business/home/components/chart/CountChart.vue
index 8e4231d360..562d19a8cc 100644
--- a/api-test/frontend/src/business/home/components/chart/CountChart.vue
+++ b/api-test/frontend/src/business/home/components/chart/CountChart.vue
@@ -1,20 +1,8 @@
 <template>
   <div v-if="reloadOver">
     <el-row type="flex" justify="left" align="left">
-      <div
-        style="
-          height: 208px;
-          width: 100%;
-          margin-left: 26px;
-          margin-right: 30px;
-        "
-      >
-        <ms-chart
-          :options="options"
-          :height="208"
-          width="100%"
-          :autoresize="true"
-        />
+      <div style="height: 208px; width: 100%; margin-left: 26px; margin-right: 30px">
+        <ms-chart :options="options" :height="208" width="100%" :autoresize="true" />
       </div>
     </el-row>
   </div>
@@ -162,17 +150,8 @@ export default {
           },
         },
         title: {
-          text:
-            '{mainTitle|' +
-            this.$t('home.dashboard.api.api_total') +
-            '}\n\n{number|' +
-            this.getAmount() +
-            '}\n\n',
-          subtext:
-            this.$t('home.dashboard.public.this_week') +
-            '：+' +
-            formatNumber(this.apiData.createdInWeek) +
-            ' >',
+          text: '{mainTitle|' + this.$t('home.dashboard.api.api_total') + '}\n\n{number|' + this.getAmount() + '}\n\n',
+          subtext: this.$t('home.dashboard.public.this_week') + '：+' + formatNumber(this.apiData.createdInWeek) + ' >',
           top: 'center',
           left: '100px',
           textAlign: 'center',
diff --git a/api-test/frontend/src/business/home/components/dashboard/ApiCaseDashboard.vue b/api-test/frontend/src/business/home/components/dashboard/ApiCaseDashboard.vue
index 9227353dcf..bdc57ba71e 100644
--- a/api-test/frontend/src/business/home/components/dashboard/ApiCaseDashboard.vue
+++ b/api-test/frontend/src/business/home/components/dashboard/ApiCaseDashboard.vue
@@ -2,9 +2,7 @@
   <div class="dashboard-card">
     <el-card shadow="never" class="box-card" style="height: 100%">
       <div slot="header" class="clearfix">
-        <span class="dashboard-title">{{
-          $t('home.dashboard.api_case.title')
-        }}</span>
+        <span class="dashboard-title">{{ $t('home.dashboard.api_case.title') }}</span>
       </div>
       <div v-loading="loading" element-loading-background="#FFFFFF">
         <div
@@ -16,15 +14,9 @@
             flex-direction: column;
             justify-content: center;
             align-items: center;
-          "
-        >
-          <img
-            style="height: 100px; width: 100px"
-            src="/assets/figma/icon_load_error.svg"
-          />
-          <span class="addition-info-title" style="color: #646a73">{{
-            $t('home.dashboard.public.load_error')
-          }}</span>
+          ">
+          <img style="height: 100px; width: 100px" src="/assets/figma/icon_load_error.svg" />
+          <span class="addition-info-title" style="color: #646a73">{{ $t('home.dashboard.public.load_error') }}</span>
         </div>
         <div v-show="!loadError">
           <div class="main-info">
@@ -37,15 +29,13 @@
                   redirect-page-name="api"
                   redirect-data-type="apiTestCase"
                   :link-permission="['PROJECT_API_DEFINITION:READ']"
-                  @redirectPage="redirectPage"
-                />
+                  @redirectPage="redirectPage" />
               </el-col>
               <el-col :span="12">
                 <main-info-card
                   :title="$t('home.dashboard.public.executed_times_in_week')"
                   :count-data="apiCaseData"
-                  :is-execute-info="true"
-                />
+                  :is-execute-info="true" />
               </el-col>
             </el-row>
           </div>
@@ -56,8 +46,7 @@
                 <hover-card
                   :title="$t('home.dashboard.api_case.covered_rate')"
                   :main-info="apiCaseData.apiCoveredRate"
-                  :tool-tip="apiCoveredRateToolTip"
-                >
+                  :tool-tip="apiCoveredRateToolTip">
                   <!--未覆盖、已覆盖-->
                   <template v-slot:mouseOut>
                     <div style="margin: 16px 0px 0px 16px">
@@ -69,18 +58,8 @@
                           <div class="common-amount">
                             <el-link
                               class="addition-info-num"
-                              v-permission-disable="[
-                                'PROJECT_API_DEFINITION:READ',
-                              ]"
-                              @click="
-                                redirectPage(
-                                  'api',
-                                  'api',
-                                  'coveredTestCase',
-                                  null
-                                )
-                              "
-                            >
+                              v-permission-disable="['PROJECT_API_DEFINITION:READ']"
+                              @click="redirectPage('api', 'api', 'coveredTestCase', null)">
                               {{ formatAmount(apiCaseData.coveredCount) }}
                             </el-link>
                           </div>
@@ -92,18 +71,8 @@
                           <div class="common-amount">
                             <el-link
                               class="addition-info-num"
-                              v-permission-disable="[
-                                'PROJECT_API_DEFINITION:READ',
-                              ]"
-                              @click="
-                                redirectPage(
-                                  'api',
-                                  'api',
-                                  'notCoveredTestCase',
-                                  null
-                                )
-                              "
-                            >
+                              v-permission-disable="['PROJECT_API_DEFINITION:READ']"
+                              @click="redirectPage('api', 'api', 'notCoveredTestCase', null)">
                               {{ formatAmount(apiCaseData.notCoveredCount) }}
                             </el-link>
                           </div>
@@ -118,8 +87,7 @@
                 <hover-card
                   :title="$t('home.dashboard.api_case.executed_rate')"
                   :main-info="apiCaseData.executedRate"
-                  :tool-tip="executeRateToolTip"
-                >
+                  :tool-tip="executeRateToolTip">
                   <!--执行、未执行-->
                   <template v-slot:mouseOut>
                     <div style="margin: 16px 0px 0px 16px">
@@ -131,18 +99,8 @@
                           <div class="common-amount">
                             <el-link
                               class="addition-info-num"
-                              v-permission-disable="[
-                                'PROJECT_API_DEFINITION:READ',
-                              ]"
-                              @click="
-                                redirectPage(
-                                  'api',
-                                  'apiTestCase',
-                                  'executedCount',
-                                  null
-                                )
-                              "
-                            >
+                              v-permission-disable="['PROJECT_API_DEFINITION:READ']"
+                              @click="redirectPage('api', 'apiTestCase', 'executedCount', null)">
                               {{ formatAmount(apiCaseData.executedCount) }}
                             </el-link>
                           </div>
@@ -154,18 +112,8 @@
                           <div class="common-amount">
                             <el-link
                               class="addition-info-num"
-                              v-permission-disable="[
-                                'PROJECT_API_DEFINITION:READ',
-                              ]"
-                              @click="
-                                redirectPage(
-                                  'api',
-                                  'apiTestCase',
-                                  'unexecuteCount',
-                                  null
-                                )
-                              "
-                            >
+                              v-permission-disable="['PROJECT_API_DEFINITION:READ']"
+                              @click="redirectPage('api', 'apiTestCase', 'unexecuteCount', null)">
                               {{ formatAmount(apiCaseData.notExecutedCount) }}
                             </el-link>
                           </div>
@@ -180,8 +128,7 @@
                 <hover-card
                   :title="$t('home.dashboard.api_case.pass_rate')"
                   :main-info="apiCaseData.passRate"
-                  :tool-tip="passRateToolTip"
-                >
+                  :tool-tip="passRateToolTip">
                   <!--通过、未通过-->
                   <template v-slot:mouseOut>
                     <div style="margin: 16px 0px 0px 16px">
@@ -193,18 +140,8 @@
                           <div class="common-amount">
                             <el-link
                               class="addition-info-num"
-                              v-permission-disable="[
-                                'PROJECT_API_DEFINITION:READ',
-                              ]"
-                              @click="
-                                redirectPage(
-                                  'api',
-                                  'apiTestCase',
-                                  'executionPassCount',
-                                  null
-                                )
-                              "
-                            >
+                              v-permission-disable="['PROJECT_API_DEFINITION:READ']"
+                              @click="redirectPage('api', 'apiTestCase', 'executionPassCount', null)">
                               {{ formatAmount(apiCaseData.passCount) }}
                             </el-link>
                           </div>
@@ -216,18 +153,8 @@
                           <div class="common-amount">
                             <el-link
                               class="addition-info-num"
-                              v-permission-disable="[
-                                'PROJECT_API_DEFINITION:READ',
-                              ]"
-                              @click="
-                                redirectPage(
-                                  'api',
-                                  'apiTestCase',
-                                  'executionFailedCount',
-                                  null
-                                )
-                              "
-                            >
+                              v-permission-disable="['PROJECT_API_DEFINITION:READ']"
+                              @click="redirectPage('api', 'apiTestCase', 'executionFailedCount', null)">
                               {{ formatAmount(apiCaseData.unPassCount) }}
                             </el-link>
                           </div>
@@ -305,13 +232,7 @@ export default {
       if (selectRange === 'fakeError') {
         selectRange = 'fakeErrorCount';
       }
-      this.$emit(
-        'redirectPage',
-        redirectPage,
-        dataType,
-        selectRange,
-        selectParam
-      );
+      this.$emit('redirectPage', redirectPage, dataType, selectRange, selectParam);
     },
   },
 };
diff --git a/api-test/frontend/src/business/home/components/dashboard/ApiDashboard.vue b/api-test/frontend/src/business/home/components/dashboard/ApiDashboard.vue
index cdfa73c30f..ad3b5aa532 100644
--- a/api-test/frontend/src/business/home/components/dashboard/ApiDashboard.vue
+++ b/api-test/frontend/src/business/home/components/dashboard/ApiDashboard.vue
@@ -2,9 +2,7 @@
   <div class="dashboard-card">
     <el-card shadow="never" class="box-card" style="height: 100%">
       <div slot="header" class="clearfix">
-        <span class="dashboard-title">{{
-          $t('home.dashboard.api.title')
-        }}</span>
+        <span class="dashboard-title">{{ $t('home.dashboard.api.title') }}</span>
       </div>
       <div v-loading="loading" element-loading-background="#FFFFFF">
         <div
@@ -16,15 +14,9 @@
             flex-direction: column;
             justify-content: center;
             align-items: center;
-          "
-        >
-          <img
-            style="height: 100px; width: 100px"
-            src="/assets/figma/icon_load_error.svg"
-          />
-          <span class="addition-info-title" style="color: #646a73">{{
-            $t('home.dashboard.public.load_error')
-          }}</span>
+          ">
+          <img style="height: 100px; width: 100px" src="/assets/figma/icon_load_error.svg" />
+          <span class="addition-info-title" style="color: #646a73">{{ $t('home.dashboard.public.load_error') }}</span>
         </div>
         <div v-show="!loadError">
           <div class="main-info">
@@ -36,8 +28,7 @@
                 <hover-card
                   :title="$t('home.dashboard.api.covered_rate')"
                   :main-info="apiData.apiCoveredRate"
-                  :tool-tip="apiCoveredRageToolTip"
-                >
+                  :tool-tip="apiCoveredRageToolTip">
                   <!--未覆盖、已覆盖-->
                   <template v-slot:mouseOut>
                     <div style="margin: 16px 0px 0px 16px">
@@ -49,13 +40,8 @@
                           <div class="common-amount">
                             <el-link
                               class="addition-info-num"
-                              v-permission-disable="[
-                                'PROJECT_API_DEFINITION:READ',
-                              ]"
-                              @click="
-                                redirectPage('api', 'api', 'covered', null)
-                              "
-                            >
+                              v-permission-disable="['PROJECT_API_DEFINITION:READ']"
+                              @click="redirectPage('api', 'api', 'covered', null)">
                               {{ formatAmount(apiData.coveredCount) }}
                             </el-link>
                           </div>
@@ -67,13 +53,8 @@
                           <div class="common-amount">
                             <el-link
                               class="addition-info-num"
-                              v-permission-disable="[
-                                'PROJECT_API_DEFINITION:READ',
-                              ]"
-                              @click="
-                                redirectPage('api', 'api', 'notCovered', null)
-                              "
-                            >
+                              v-permission-disable="['PROJECT_API_DEFINITION:READ']"
+                              @click="redirectPage('api', 'api', 'notCovered', null)">
                               {{ formatAmount(apiData.notCoveredCount) }}
                             </el-link>
                           </div>
@@ -88,8 +69,7 @@
                 <hover-card
                   :title="$t('home.dashboard.api.completed_rate')"
                   :main-info="apiData.completedRate"
-                  :tool-tip="completedRageToolTip"
-                >
+                  :tool-tip="completedRageToolTip">
                   <!--已完成、进行中、未开始-->
                   <template v-slot:mouseOut>
                     <div style="margin: 16px 0px 0px 16px">
@@ -101,13 +81,8 @@
                           <div class="common-amount">
                             <el-link
                               class="addition-info-num"
-                              v-permission-disable="[
-                                'PROJECT_API_DEFINITION:READ',
-                              ]"
-                              @click="
-                                redirectPage('api', 'api', 'Completed', null)
-                              "
-                            >
+                              v-permission-disable="['PROJECT_API_DEFINITION:READ']"
+                              @click="redirectPage('api', 'api', 'Completed', null)">
                               {{ formatAmount(apiData.finishedCount) }}
                             </el-link>
                           </div>
@@ -119,13 +94,8 @@
                           <div class="common-amount">
                             <el-link
                               class="addition-info-num"
-                              v-permission-disable="[
-                                'PROJECT_API_DEFINITION:READ',
-                              ]"
-                              @click="
-                                redirectPage('api', 'api', 'Underway', null)
-                              "
-                            >
+                              v-permission-disable="['PROJECT_API_DEFINITION:READ']"
+                              @click="redirectPage('api', 'api', 'Underway', null)">
                               {{ formatAmount(apiData.runningCount) }}
                             </el-link>
                           </div>
@@ -137,13 +107,8 @@
                           <div class="common-amount">
                             <el-link
                               class="addition-info-num"
-                              v-permission-disable="[
-                                'PROJECT_API_DEFINITION:READ',
-                              ]"
-                              @click="
-                                redirectPage('api', 'api', 'Prepare', null)
-                              "
-                            >
+                              v-permission-disable="['PROJECT_API_DEFINITION:READ']"
+                              @click="redirectPage('api', 'api', 'Prepare', null)">
                               {{ formatAmount(apiData.notStartedCount) }}
                             </el-link>
                           </div>
@@ -217,13 +182,7 @@ export default {
       return formatNumber(number);
     },
     redirectPage(redirectPage, dataType, selectRange, selectParam) {
-      this.$emit(
-        'redirectPage',
-        redirectPage,
-        dataType,
-        selectRange,
-        selectParam
-      );
+      this.$emit('redirectPage', redirectPage, dataType, selectRange, selectParam);
     },
   },
 };
diff --git a/api-test/frontend/src/business/home/components/dashboard/ScenarioDashboard.vue b/api-test/frontend/src/business/home/components/dashboard/ScenarioDashboard.vue
index a87eeae67c..995f19e70a 100644
--- a/api-test/frontend/src/business/home/components/dashboard/ScenarioDashboard.vue
+++ b/api-test/frontend/src/business/home/components/dashboard/ScenarioDashboard.vue
@@ -2,9 +2,7 @@
   <div class="dashboard-card">
     <el-card shadow="never" class="box-card" style="height: 100%">
       <div slot="header" class="clearfix">
-        <span class="dashboard-title">{{
-          $t('home.dashboard.scenario.title')
-        }}</span>
+        <span class="dashboard-title">{{ $t('home.dashboard.scenario.title') }}</span>
       </div>
       <div v-loading="loading" element-loading-background="#FFFFFF">
         <div
@@ -16,15 +14,9 @@
             flex-direction: column;
             justify-content: center;
             align-items: center;
-          "
-        >
-          <img
-            style="height: 100px; width: 100px"
-            src="/assets/figma/icon_load_error.svg"
-          />
-          <span class="addition-info-title" style="color: #646a73">{{
-            $t('home.dashboard.public.load_error')
-          }}</span>
+          ">
+          <img style="height: 100px; width: 100px" src="/assets/figma/icon_load_error.svg" />
+          <span class="addition-info-title" style="color: #646a73">{{ $t('home.dashboard.public.load_error') }}</span>
         </div>
         <div v-show="!loadError">
           <div class="main-info">
@@ -37,16 +29,14 @@
                   redirect-data-type="scenario"
                   :link-permission="['PROJECT_API_SCENARIO:READ']"
                   @redirectPage="redirectPage"
-                  :is-execute-info="false"
-                />
+                  :is-execute-info="false" />
               </el-col>
               <el-col :span="12">
                 <main-info-card
                   :link-permission="['PROJECT_API_SCENARIO:READ']"
                   :title="$t('home.dashboard.public.executed_times_in_week')"
                   :count-data="scenarioData"
-                  :is-execute-info="true"
-                />
+                  :is-execute-info="true" />
               </el-col>
             </el-row>
           </div>
@@ -57,8 +47,7 @@
                 <hover-card
                   :title="$t('home.dashboard.scenario.covered_rate')"
                   :main-info="scenarioData.apiCoveredRate"
-                  :tool-tip="apiCoveredRateToolTip"
-                >
+                  :tool-tip="apiCoveredRateToolTip">
                   <!--未覆盖、已覆盖-->
                   <template v-slot:mouseOut>
                     <div style="margin: 16px 0px 0px 16px">
@@ -70,18 +59,8 @@
                           <div class="common-amount">
                             <el-link
                               class="addition-info-num"
-                              v-permission-disable="[
-                                'PROJECT_API_DEFINITION:READ',
-                              ]"
-                              @click="
-                                redirectPage(
-                                  'api',
-                                  'api',
-                                  'coveredScenario',
-                                  null
-                                )
-                              "
-                            >
+                              v-permission-disable="['PROJECT_API_DEFINITION:READ']"
+                              @click="redirectPage('api', 'api', 'coveredScenario', null)">
                               {{ formatAmount(scenarioData.coveredCount) }}
                             </el-link>
                           </div>
@@ -93,18 +72,8 @@
                           <div class="common-amount">
                             <el-link
                               class="addition-info-num"
-                              v-permission-disable="[
-                                'PROJECT_API_DEFINITION:READ',
-                              ]"
-                              @click="
-                                redirectPage(
-                                  'api',
-                                  'api',
-                                  'notCoveredScenario',
-                                  null
-                                )
-                              "
-                            >
+                              v-permission-disable="['PROJECT_API_DEFINITION:READ']"
+                              @click="redirectPage('api', 'api', 'notCoveredScenario', null)">
                               {{ formatAmount(scenarioData.notCoveredCount) }}
                             </el-link>
                           </div>
@@ -119,8 +88,7 @@
                 <hover-card
                   :title="$t('home.dashboard.scenario.executed_rate')"
                   :main-info="scenarioData.executedRate"
-                  :tool-tip="executeRateToolTip"
-                >
+                  :tool-tip="executeRateToolTip">
                   <!--已执行、未执行-->
                   <template v-slot:mouseOut>
                     <div style="margin: 16px 0px 0px 16px">
@@ -132,18 +100,8 @@
                           <div class="common-amount">
                             <el-link
                               class="addition-info-num"
-                              v-permission-disable="[
-                                'PROJECT_API_SCENARIO:READ',
-                              ]"
-                              @click="
-                                redirectPage(
-                                  'scenario',
-                                  'scenario',
-                                  'executedCount',
-                                  null
-                                )
-                              "
-                            >
+                              v-permission-disable="['PROJECT_API_SCENARIO:READ']"
+                              @click="redirectPage('scenario', 'scenario', 'executedCount', null)">
                               {{ formatAmount(scenarioData.executedCount) }}
                             </el-link>
                           </div>
@@ -155,18 +113,8 @@
                           <div class="common-amount">
                             <el-link
                               class="addition-info-num"
-                              v-permission-disable="[
-                                'PROJECT_API_SCENARIO:READ',
-                              ]"
-                              @click="
-                                redirectPage(
-                                  'scenario',
-                                  'scenario',
-                                  'unExecuteCount',
-                                  null
-                                )
-                              "
-                            >
+                              v-permission-disable="['PROJECT_API_SCENARIO:READ']"
+                              @click="redirectPage('scenario', 'scenario', 'unExecuteCount', null)">
                               {{ formatAmount(scenarioData.notExecutedCount) }}
                             </el-link>
                           </div>
@@ -181,8 +129,7 @@
                 <hover-card
                   :title="$t('home.dashboard.scenario.pass_rate')"
                   :main-info="scenarioData.passRate"
-                  :tool-tip="passRateToolTip"
-                >
+                  :tool-tip="passRateToolTip">
                   <!--已完成、进行中、未开始-->
                   <template v-slot:mouseOut>
                     <div style="margin: 16px 0px 0px 16px">
@@ -194,18 +141,8 @@
                           <div class="common-amount">
                             <el-link
                               class="addition-info-num"
-                              v-permission-disable="[
-                                'PROJECT_API_SCENARIO:READ',
-                              ]"
-                              @click="
-                                redirectPage(
-                                  'scenario',
-                                  'scenario',
-                                  'executionPassCount',
-                                  null
-                                )
-                              "
-                            >
+                              v-permission-disable="['PROJECT_API_SCENARIO:READ']"
+                              @click="redirectPage('scenario', 'scenario', 'executionPassCount', null)">
                               {{ formatAmount(scenarioData.passCount) }}
                             </el-link>
                           </div>
@@ -217,18 +154,8 @@
                           <div class="common-amount">
                             <el-link
                               class="addition-info-num"
-                              v-permission-disable="[
-                                'PROJECT_API_SCENARIO:READ',
-                              ]"
-                              @click="
-                                redirectPage(
-                                  'scenario',
-                                  'scenario',
-                                  'executionFailedCount',
-                                  null
-                                )
-                              "
-                            >
+                              v-permission-disable="['PROJECT_API_SCENARIO:READ']"
+                              @click="redirectPage('scenario', 'scenario', 'executionFailedCount', null)">
                               {{ formatAmount(scenarioData.unPassCount) }}
                             </el-link>
                           </div>
@@ -259,12 +186,8 @@ export default {
     return {
       loading: false,
       loadError: false,
-      apiCoveredRateToolTip: this.$t(
-        'api_test.home_page.formula.interface_coverage'
-      ),
-      executeRateToolTip: this.$t(
-        'api_test.home_page.formula.scenario_execute'
-      ),
+      apiCoveredRateToolTip: this.$t('api_test.home_page.formula.interface_coverage'),
+      executeRateToolTip: this.$t('api_test.home_page.formula.scenario_execute'),
       passRateToolTip: this.$t('api_test.home_page.formula.pass'),
       scenarioData: {
         total: 0,
@@ -310,13 +233,7 @@ export default {
       if (selectRange === 'fakeError') {
         selectRange = 'fakeErrorCount';
       }
-      this.$emit(
-        'redirectPage',
-        redirectPage,
-        dataType,
-        selectRange,
-        selectParam
-      );
+      this.$emit('redirectPage', redirectPage, dataType, selectRange, selectParam);
     },
   },
 };
diff --git a/api-test/frontend/src/business/home/components/dashboard/ScenarioScheduleDashboard.vue b/api-test/frontend/src/business/home/components/dashboard/ScenarioScheduleDashboard.vue
index 274eb4a646..b9e57e790f 100644
--- a/api-test/frontend/src/business/home/components/dashboard/ScenarioScheduleDashboard.vue
+++ b/api-test/frontend/src/business/home/components/dashboard/ScenarioScheduleDashboard.vue
@@ -2,9 +2,7 @@
   <div class="dashboard-card">
     <el-card shadow="never" class="box-card" style="height: 100%">
       <div slot="header" class="clearfix">
-        <span class="dashboard-title">{{
-          $t('home.dashboard.scenario_schedule.title')
-        }}</span>
+        <span class="dashboard-title">{{ $t('home.dashboard.scenario_schedule.title') }}</span>
       </div>
       <div v-loading="loading" element-loading-background="#FFFFFF">
         <div
@@ -16,15 +14,9 @@
             flex-direction: column;
             justify-content: center;
             align-items: center;
-          "
-        >
-          <img
-            style="height: 100px; width: 100px"
-            src="/assets/figma/icon_load_error.svg"
-          />
-          <span class="addition-info-title" style="color: #646a73">{{
-            $t('home.dashboard.public.load_error')
-          }}</span>
+          ">
+          <img style="height: 100px; width: 100px" src="/assets/figma/icon_load_error.svg" />
+          <span class="addition-info-title" style="color: #646a73">{{ $t('home.dashboard.public.load_error') }}</span>
         </div>
         <div v-show="!loadError">
           <div class="main-info">
@@ -37,15 +29,13 @@
                   redirect-data-type="schedule"
                   :link-permission="['PROJECT_API_SCENARIO:READ']"
                   @redirectPage="redirectPage"
-                  :is-execute-info="false"
-                />
+                  :is-execute-info="false" />
               </el-col>
               <el-col :span="12">
                 <main-info-card
                   :title="$t('home.dashboard.public.executed_times_in_week')"
                   :count-data="scenarioScheduleData"
-                  :is-execute-info="true"
-                />
+                  :is-execute-info="true" />
               </el-col>
             </el-row>
           </div>
@@ -56,8 +46,7 @@
                 <hover-card
                   :title="$t('home.dashboard.scenario_schedule.running_count')"
                   :main-info="scenarioScheduleData.runningCount"
-                  :tool-tip="runningCountToolTip"
-                >
+                  :tool-tip="runningCountToolTip">
                   <!--运行中、运行完成、未运行-->
                   <template v-slot:mouseOut>
                     <div style="margin: 16px 0px 0px 16px">
@@ -69,21 +58,9 @@
                           <div class="common-amount">
                             <el-link
                               class="addition-info-num"
-                              v-permission-disable="[
-                                'PROJECT_API_SCENARIO:READ',
-                              ]"
-                              @click="
-                                redirectPage(
-                                  'scenario',
-                                  'schedule',
-                                  'running',
-                                  null
-                                )
-                              "
-                            >
-                              {{
-                                formatAmount(scenarioScheduleData.runningCount)
-                              }}
+                              v-permission-disable="['PROJECT_API_SCENARIO:READ']"
+                              @click="redirectPage('scenario', 'schedule', 'running', null)">
+                              {{ formatAmount(scenarioScheduleData.runningCount) }}
                             </el-link>
                           </div>
                         </el-col>
@@ -94,21 +71,9 @@
                           <div class="common-amount">
                             <el-link
                               class="addition-info-num"
-                              v-permission-disable="[
-                                'PROJECT_API_SCENARIO:READ',
-                              ]"
-                              @click="
-                                redirectPage(
-                                  'scenario',
-                                  'schedule',
-                                  'notRun',
-                                  null
-                                )
-                              "
-                            >
-                              {{
-                                formatAmount(scenarioScheduleData.notRunCount)
-                              }}
+                              v-permission-disable="['PROJECT_API_SCENARIO:READ']"
+                              @click="redirectPage('scenario', 'schedule', 'notRun', null)">
+                              {{ formatAmount(scenarioScheduleData.notRunCount) }}
                             </el-link>
                           </div>
                         </el-col>
@@ -122,8 +87,7 @@
                 <hover-card
                   :title="$t('home.dashboard.scenario_schedule.pass_rate')"
                   :main-info="scenarioScheduleData.passRate"
-                  :tool-tip="passRateToolTip"
-                >
+                  :tool-tip="passRateToolTip">
                   <!--已完成、进行中、未开始-->
                   <template v-slot:mouseOut>
                     <div style="margin: 16px 0px 0px 16px">
@@ -136,15 +100,7 @@
                             <el-link
                               class="addition-info-num"
                               v-permission-disable="['PROJECT_API_REPORT:READ']"
-                              @click="
-                                redirectPage(
-                                  'scenarioReport',
-                                  'scenario',
-                                  'scheduleExecutionPassCount',
-                                  null
-                                )
-                              "
-                            >
+                              @click="redirectPage('scenarioReport', 'scenario', 'scheduleExecutionPassCount', null)">
                               {{ formatAmount(scenarioScheduleData.passCount) }}
                             </el-link>
                           </div>
@@ -157,18 +113,8 @@
                             <el-link
                               class="addition-info-num"
                               v-permission-disable="['PROJECT_API_REPORT:READ']"
-                              @click="
-                                redirectPage(
-                                  'scenarioReport',
-                                  'scenario',
-                                  'scheduleExecutionFailedCount',
-                                  null
-                                )
-                              "
-                            >
-                              {{
-                                formatAmount(scenarioScheduleData.unPassCount)
-                              }}
+                              @click="redirectPage('scenarioReport', 'scenario', 'scheduleExecutionFailedCount', null)">
+                              {{ formatAmount(scenarioScheduleData.unPassCount) }}
                             </el-link>
                           </div>
                         </el-col>
@@ -198,9 +144,7 @@ export default {
     return {
       loading: false,
       loadError: false,
-      runningCountToolTip: this.$t(
-        'api_test.home_page.formula.schedule_running'
-      ),
+      runningCountToolTip: this.$t('api_test.home_page.formula.schedule_running'),
       passRateToolTip: this.$t('api_test.home_page.formula.schedule_pass'),
       scenarioScheduleData: {
         total: 0,
@@ -244,13 +188,7 @@ export default {
         selectRange = 'scheduleExecutionFakeErrorCount';
         dataType = 'scenario';
       }
-      this.$emit(
-        'redirectPage',
-        redirectPage,
-        dataType,
-        selectRange,
-        selectParam
-      );
+      this.$emit('redirectPage', redirectPage, dataType, selectRange, selectParam);
     },
   },
 };
diff --git a/api-test/frontend/src/business/home/components/table/HomeTablePagination.vue b/api-test/frontend/src/business/home/components/table/HomeTablePagination.vue
index 092617d8cc..6b66dcb640 100644
--- a/api-test/frontend/src/business/home/components/table/HomeTablePagination.vue
+++ b/api-test/frontend/src/business/home/components/table/HomeTablePagination.vue
@@ -10,8 +10,7 @@
         :page-sizes="pageSizes"
         :page-size="pageSize"
         :layout="layout"
-        :total="total"
-      >
+        :total="total">
       </el-pagination>
     </div>
   </el-row>
@@ -79,8 +78,7 @@ export default {
   line-height: 26px;
 }
 
-.home-table-page
-  :deep(.el-pagination.is-background .el-pager li:not(.disabled).active) {
+.home-table-page :deep(.el-pagination.is-background .el-pager li:not(.disabled).active) {
   background-color: #ffffff;
   color: #783887;
   border: 1px solid #783887;
diff --git a/api-test/frontend/src/business/home/components/table/ScheduleTaskList.vue b/api-test/frontend/src/business/home/components/table/ScheduleTaskList.vue
index 4a093528f3..34bee9d0d9 100644
--- a/api-test/frontend/src/business/home/components/table/ScheduleTaskList.vue
+++ b/api-test/frontend/src/business/home/components/table/ScheduleTaskList.vue
@@ -3,11 +3,7 @@
     <span class="table-title">
       {{ $t('api_test.home_page.running_task_list.title') }}
     </span>
-    <div
-      style="margin-top: 16px"
-      v-loading="loading"
-      element-loading-background="#FFFFFF"
-    >
+    <div style="margin-top: 16px" v-loading="loading" element-loading-background="#FFFFFF">
       <div
         v-show="loadError"
         style="
@@ -17,15 +13,9 @@
           flex-direction: column;
           justify-content: center;
           align-items: center;
-        "
-      >
-        <img
-          style="height: 100px; width: 100px"
-          src="/assets/figma/icon_load_error.svg"
-        />
-        <span class="addition-info-title" style="color: #646a73">{{
-          $t('home.dashboard.public.load_error')
-        }}</span>
+        ">
+        <img style="height: 100px; width: 100px" src="/assets/figma/icon_load_error.svg" />
+        <span class="addition-info-title" style="color: #646a73">{{ $t('home.dashboard.public.load_error') }}</span>
       </div>
       <div v-show="!loadError">
         <el-table
@@ -35,26 +25,15 @@
           style="min-height: 228px"
           @row-click="clickRow"
           header-cell-class-name="home-table-cell"
-          element-loading-background="#FFFFFF"
-        >
+          element-loading-background="#FFFFFF">
           <!--序号-->
-          <el-table-column
-            prop="index"
-            :label="$t('home.new_case.index')"
-            width="50"
-            show-overflow-tooltip
-          >
+          <el-table-column prop="index" :label="$t('home.new_case.index')" width="50" show-overflow-tooltip>
             <template v-slot:default="{ row }">
               {{ row.index }}
             </template>
           </el-table-column>
           <!--名称-->
-          <el-table-column
-            prop="name"
-            :label="$t('commons.name')"
-            show-overflow-tooltip
-            min-width="200"
-          >
+          <el-table-column prop="name" :label="$t('commons.name')" show-overflow-tooltip min-width="200">
             <template v-slot:default="{ row }">
               <span class="redirectColumn">
                 {{ row.name }}
@@ -62,12 +41,7 @@
             </template>
           </el-table-column>
           <!--任务类型-->
-          <el-table-column
-            prop="taskGroup"
-            :label="$t('home.table.task_type')"
-            min-width="100"
-            show-overflow-tooltip
-          >
+          <el-table-column prop="taskGroup" :label="$t('home.table.task_type')" min-width="100" show-overflow-tooltip>
             <template v-slot:default="scope">
               <span class="el-dropdown-link">
                 <basic-status-label :value="scope.row.taskGroup" />
@@ -76,35 +50,20 @@
           </el-table-column>
 
           <!--任务状态-->
-          <el-table-column
-            prop="status"
-            :label="$t('home.table.task_status')"
-            width="100"
-          >
+          <el-table-column prop="status" :label="$t('home.table.task_status')" width="100">
             <template v-slot:default="scope">
               <div>
                 <el-switch
                   v-model="scope.row.taskStatus"
                   class="captcha-img"
-                  @change="closeTaskConfirm(scope.row)"
-                ></el-switch>
+                  @change="closeTaskConfirm(scope.row)"></el-switch>
               </div>
             </template>
           </el-table-column>
           <!--创建人-->
-          <el-table-column
-            prop="creator"
-            :label="$t('home.table.create_user')"
-            width="100"
-            show-overflow-tooltip
-          />
+          <el-table-column prop="creator" :label="$t('home.table.create_user')" width="100" show-overflow-tooltip />
           <!--运行规则-->
-          <el-table-column
-            prop="rule"
-            :label="$t('home.table.run_rule')"
-            min-width="150"
-            show-overflow-tooltip
-          >
+          <el-table-column prop="rule" :label="$t('home.table.run_rule')" min-width="150" show-overflow-tooltip>
           </el-table-column>
           <!--下次更新时间-->
           <el-table-column :label="$t('home.table.update_time')" width="170">
@@ -113,10 +72,7 @@
             </template>
           </el-table-column>
           <!--更新时间-->
-          <el-table-column
-            :label="$t('home.table.next_execution_time')"
-            width="170"
-          >
+          <el-table-column :label="$t('home.table.next_execution_time')" width="170">
             <template v-slot:default="scope">
               {{ scope.row.updateTime | datetimeFormat }}
             </template>
@@ -131,15 +87,9 @@
                 flex-direction: column;
                 justify-content: center;
                 align-items: center;
-              "
-            >
-              <img
-                style="height: 100px; width: 100px; margin-bottom: 8px"
-                src="/assets/figma/icon_none.svg"
-              />
-              <span class="addition-info-title">{{
-                $t('home.dashboard.public.no_data')
-              }}</span>
+              ">
+              <img style="height: 100px; width: 100px; margin-bottom: 8px" src="/assets/figma/icon_none.svg" />
+              <span class="addition-info-title">{{ $t('home.dashboard.public.no_data') }}</span>
             </div>
           </template>
         </el-table>
@@ -148,8 +98,7 @@
           :current-page.sync="currentPage"
           :page-size.sync="pageSize"
           layout="prev, pager, next, sizes"
-          :total="total"
-        />
+          :total="total" />
       </div>
     </div>
   </div>
@@ -202,16 +151,8 @@ export default {
       let projectId = getCurrentProjectID();
       this.loading = true;
       this.loadError = false;
-      this.condition.filters.task_type = [
-        'SWAGGER_IMPORT',
-        'API_SCENARIO_TEST',
-      ];
-      this.result = getRunningTask(
-        projectId,
-        this.currentPage,
-        this.pageSize,
-        this.condition
-      )
+      this.condition.filters.task_type = ['SWAGGER_IMPORT', 'API_SCENARIO_TEST'];
+      this.result = getRunningTask(projectId, this.currentPage, this.pageSize, this.condition)
         .then((response) => {
           this.total = response.data.itemCount;
           this.tableData = response.data.listObject;
@@ -229,13 +170,9 @@ export default {
     closeTaskConfirm(row) {
       let flag = row.taskStatus;
       row.taskStatus = !flag; //保持switch点击前的状态
-      operationConfirm(
-        this,
-        this.$t('api_test.home_page.running_task_list.confirm.close_title'),
-        () => {
-          this.updateTask(row);
-        }
-      );
+      operationConfirm(this, this.$t('api_test.home_page.running_task_list.confirm.close_title'), () => {
+        this.updateTask(row);
+      });
     },
     updateTask(taskRow) {
       this.loading = true;
diff --git a/api-test/frontend/src/business/home/components/table/UpdatedApiList.vue b/api-test/frontend/src/business/home/components/table/UpdatedApiList.vue
index 0fd1b4e348..26c546c87c 100644
--- a/api-test/frontend/src/business/home/components/table/UpdatedApiList.vue
+++ b/api-test/frontend/src/business/home/components/table/UpdatedApiList.vue
@@ -3,11 +3,7 @@
     <span class="table-title">
       {{ $t('api_test.home_page.new_case_list.title') }}
     </span>
-    <div
-      style="margin-top: 16px"
-      v-loading="loading"
-      element-loading-background="#FFFFFF"
-    >
+    <div style="margin-top: 16px" v-loading="loading" element-loading-background="#FFFFFF">
       <div
         v-show="loadError"
         style="
@@ -17,15 +13,9 @@
           flex-direction: column;
           justify-content: center;
           align-items: center;
-        "
-      >
-        <img
-          style="height: 100px; width: 100px"
-          src="/assets/figma/icon_load_error.svg"
-        />
-        <span class="addition-info-title" style="color: #646a73">{{
-          $t('home.dashboard.public.load_error')
-        }}</span>
+        ">
+        <img style="height: 100px; width: 100px" src="/assets/figma/icon_load_error.svg" />
+        <span class="addition-info-title" style="color: #646a73">{{ $t('home.dashboard.public.load_error') }}</span>
       </div>
       <div v-show="!loadError">
         <el-table
@@ -35,26 +25,15 @@
           style="min-height: 228px"
           @row-click="clickRow"
           header-cell-class-name="home-table-cell"
-          element-loading-background="#FFFFFF"
-        >
+          element-loading-background="#FFFFFF">
           <!--ID-->
-          <el-table-column
-            prop="num"
-            :label="$t('home.new_case.index')"
-            width="100"
-            show-overflow-tooltip
-          >
+          <el-table-column prop="num" :label="$t('home.new_case.index')" width="100" show-overflow-tooltip>
             <template v-slot:default="{ row }">
               {{ row.num }}
             </template>
           </el-table-column>
           <!--名称-->
-          <el-table-column
-            prop="name"
-            :label="$t('commons.name')"
-            show-overflow-tooltip
-            min-width="170"
-          >
+          <el-table-column prop="name" :label="$t('commons.name')" show-overflow-tooltip min-width="170">
             <template v-slot:default="{ row }">
               <span class="redirectColumn">
                 {{ row.name }}
@@ -62,19 +41,10 @@
             </template>
           </el-table-column>
           <!--路径-->
-          <el-table-column
-            prop="path"
-            :label="$t('home.new_case.path')"
-            min-width="260"
-            show-overflow-tooltip
-          >
+          <el-table-column prop="path" :label="$t('home.new_case.path')" min-width="260" show-overflow-tooltip>
           </el-table-column>
           <!--状态-->
-          <el-table-column
-            prop="status"
-            :label="$t('home.new_case.api_status')"
-            width="100"
-          >
+          <el-table-column prop="status" :label="$t('home.new_case.api_status')" width="100">
             <template v-slot:default="scope">
               <span class="el-dropdown-link">
                 <basic-status-label :value="scope.row.status" />
@@ -82,30 +52,19 @@
             </template>
           </el-table-column>
           <!--更新时间-->
-          <el-table-column
-            :label="$t('home.new_case.update_time')"
-            min-width="170"
-          >
+          <el-table-column :label="$t('home.new_case.update_time')" min-width="170">
             <template v-slot:default="scope">
               {{ scope.row.updateTime | datetimeFormat }}
             </template>
           </el-table-column>
-          <el-table-column
-            prop="caseTotal"
-            :label="$t('home.new_case.relation_case')"
-            align="right"
-            width="120"
-          >
+          <el-table-column prop="caseTotal" :label="$t('home.new_case.relation_case')" align="right" width="120">
             <template v-slot:default="{ row }">
               <el-link
                 style="color: #783887; width: 100%"
                 type="info"
                 :underline="false"
                 v-permission-disable="['PROJECT_API_DEFINITION:READ']"
-                @click="
-                  redirectPage('api', 'apiTestCase', 'singleList:' + row.id)
-                "
-              >
+                @click="redirectPage('api', 'apiTestCase', 'singleList:' + row.id)">
                 <span style="float: right">
                   {{ row.caseTotal }}
                 </span>
@@ -116,22 +75,14 @@
             prop="scenarioTotal"
             :label="$t('home.new_case.relation_scenario')"
             align="right"
-            width="140"
-          >
+            width="140">
             <template v-slot:default="{ row }">
               <el-link
                 style="color: #783887; width: 100%"
                 type="info"
                 :underline="false"
                 v-permission-disable="['PROJECT_API_SCENARIO:READ']"
-                @click="
-                  redirectPage(
-                    'scenario',
-                    'scenario',
-                    'list:' + row.scenarioIds
-                  )
-                "
-              >
+                @click="redirectPage('scenario', 'scenario', 'list:' + row.scenarioIds)">
                 <span style="float: right">
                   {{ row.scenarioTotal }}
                 </span>
@@ -148,15 +99,9 @@
                 flex-direction: column;
                 justify-content: center;
                 align-items: center;
-              "
-            >
-              <img
-                style="height: 100px; width: 100px; margin-bottom: 8px"
-                src="/assets/figma/icon_none.svg"
-              />
-              <span class="addition-info-title">{{
-                $t('home.dashboard.public.no_data')
-              }}</span>
+              ">
+              <img style="height: 100px; width: 100px; margin-bottom: 8px" src="/assets/figma/icon_none.svg" />
+              <span class="addition-info-title">{{ $t('home.dashboard.public.no_data') }}</span>
             </div>
           </template>
         </el-table>
@@ -165,8 +110,7 @@
           :current-page.sync="currentPage"
           :page-size.sync="pageSize"
           layout="prev, pager, next, sizes"
-          :total="total"
-        />
+          :total="total" />
       </div>
     </div>
   </div>
@@ -205,10 +149,7 @@ export default {
   },
   methods: {
     clickRow(row, column, event) {
-      if (
-        column.property !== 'caseTotal' &&
-        column.property !== 'scenarioTotal'
-      ) {
+      if (column.property !== 'caseTotal' && column.property !== 'scenarioTotal') {
         if (!hasPermission('PROJECT_API_DEFINITION:READ')) {
           return;
         }
@@ -220,11 +161,7 @@ export default {
       this.loading = true;
       this.loadError = false;
 
-      this.result = definitionWeekList(
-        projectId,
-        this.currentPage,
-        this.pageSize
-      )
+      this.result = definitionWeekList(projectId, this.currentPage, this.pageSize)
         .then((response) => {
           this.total = response.data.itemCount;
           this.tableData = response.data.listObject;
diff --git a/api-test/frontend/src/i18n/lang/en-US.js b/api-test/frontend/src/i18n/lang/en-US.js
index 2ee11d6b00..83b1890d7e 100644
--- a/api-test/frontend/src/i18n/lang/en-US.js
+++ b/api-test/frontend/src/i18n/lang/en-US.js
@@ -110,8 +110,7 @@ const message = {
     },
   },
   automation: {
-    project_no_permission:
-      'The current person does not have the operation permission for this step',
+    project_no_permission: 'The current person does not have the operation permission for this step',
   },
 };
 export default {
diff --git a/api-test/frontend/src/main.js b/api-test/frontend/src/main.js
index 93d9c4b5c9..58dd4ce10d 100644
--- a/api-test/frontend/src/main.js
+++ b/api-test/frontend/src/main.js
@@ -48,13 +48,7 @@ Vue.use(VuePapaParse);
 let instance = null;
 
 function render(props = {}) {
-  const {
-    container,
-    eventBus = new Vue(),
-    defaultPath,
-    routeParams,
-    routeName,
-  } = props;
+  const { container, eventBus = new Vue(), defaultPath, routeParams, routeName } = props;
   // 添加全局事件总线
   Vue.prototype.$EventBus = eventBus;
   instance = new Vue({
diff --git a/api-test/frontend/src/router/index.js b/api-test/frontend/src/router/index.js
index daa6ff1051..191fd6b280 100644
--- a/api-test/frontend/src/router/index.js
+++ b/api-test/frontend/src/router/index.js
@@ -35,8 +35,7 @@ export const microRoutes = [
   {
     path: '/definition/report/view/:reportId',
     name: 'ApiReportView',
-    component: () =>
-      import('@/business/definition/components/response/ApiResponseView'),
+    component: () => import('@/business/definition/components/response/ApiResponseView'),
   },
 ];
 
diff --git a/api-test/frontend/src/router/modules/api.js b/api-test/frontend/src/router/modules/api.js
index 4e6948e23b..6c8fc5f412 100644
--- a/api-test/frontend/src/router/modules/api.js
+++ b/api-test/frontend/src/router/modules/api.js
@@ -29,8 +29,7 @@ export default {
     {
       path: 'definition/report/view/:reportId',
       name: 'ApiReportView',
-      component: () =>
-        import('@/business/definition/components/response/ApiResponseView'),
+      component: () => import('@/business/definition/components/response/ApiResponseView'),
     },
     {
       path: 'definition',
diff --git a/api-test/frontend/src/template/document/share/Document.vue b/api-test/frontend/src/template/document/share/Document.vue
index 5f02f9c287..18f4b445b5 100644
--- a/api-test/frontend/src/template/document/share/Document.vue
+++ b/api-test/frontend/src/template/document/share/Document.vue
@@ -6,8 +6,7 @@
       :project-id="projectId"
       :module-ids="moduleIds"
       :document-id="documentId"
-      ref="documentAnchor"
-    />
+      ref="documentAnchor" />
   </div>
 </template>
 
diff --git a/api-test/frontend/src/template/report/share/ShareApiReportTemplate.vue b/api-test/frontend/src/template/report/share/ShareApiReportTemplate.vue
index 973a114644..54f24a41f1 100644
--- a/api-test/frontend/src/template/report/share/ShareApiReportTemplate.vue
+++ b/api-test/frontend/src/template/report/share/ShareApiReportTemplate.vue
@@ -4,8 +4,7 @@
     :share-id="shareId"
     :is-share="isShare"
     :is-plan="true"
-    :show-cancel-button="false"
-  ></ms-api-report>
+    :show-cancel-button="false"></ms-api-report>
 </template>
 
 <script>
diff --git a/api-test/frontend/vue.config.js b/api-test/frontend/vue.config.js
index 5877cf0fda..275587d9d6 100644
--- a/api-test/frontend/vue.config.js
+++ b/api-test/frontend/vue.config.js
@@ -75,18 +75,11 @@ module.exports = {
     },
   },
   chainWebpack: (config) => {
-    config.module
-      .rule('svg')
-      .exclude.add(
-        resolve('../../framework/sdk-parent/frontend/src/assets/module')
-      )
-      .end();
+    config.module.rule('svg').exclude.add(resolve('../../framework/sdk-parent/frontend/src/assets/module')).end();
     config.module
       .rule('icons')
       .test(/\.svg$/)
-      .include.add(
-        resolve('../../framework/sdk-parent/frontend/src/assets/module')
-      )
+      .include.add(resolve('../../framework/sdk-parent/frontend/src/assets/module'))
       .end()
       .use('svg-sprite-loader')
       .loader('svg-sprite-loader')