From f8475dca0c5dcdd805cc9d2ce9ab27f6878e170d Mon Sep 17 00:00:00 2001
From: fit2-zhao <yong.zhao@fit2cloud.com>
Date: Mon, 23 Nov 2020 18:15:09 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E6=8E=A5=E5=8F=A3=E5=AE=9A=E4=B9=89):=20?=
 =?UTF-8?q?=E6=8C=89=E7=85=A7=E4=B8=8D=E5=90=8C=E5=8D=8F=E8=AE=AE=E5=A4=84?=
 =?UTF-8?q?=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../dto/definition/ApiDefinitionRequest.java  |  1 +
 .../dto/definition/ApiDefinitionResult.java   |  2 +
 .../definition/SaveApiDefinitionRequest.java  |  2 +-
 .../api/service/ApiDefinitionService.java     |  6 +--
 .../base/domain/ApiDefinition.java            |  2 +-
 .../base/domain/ApiDefinitionExample.java     |  4 +-
 .../base/mapper/ApiDefinitionMapper.xml       | 21 ++++++-----
 .../api/definition/ApiDefinition.vue          | 12 ++++--
 .../api/definition/components/ApiCaseList.vue |  2 +-
 .../api/definition/components/ApiConfig.vue   |  5 ++-
 .../api/definition/components/ApiList.vue     | 17 +++++++--
 .../api/definition/components/ApiModule.vue   | 10 ++++-
 .../components/basis/AddBasisHttpApi.vue      | 31 +++++++++++++---
 .../complete/AddCompleteHttpApi.vue           |  6 +--
 .../common/components/MsDialogFooter.vue      | 37 ++++++++++++-------
 15 files changed, 109 insertions(+), 49 deletions(-)

diff --git a/backend/src/main/java/io/metersphere/api/dto/definition/ApiDefinitionRequest.java b/backend/src/main/java/io/metersphere/api/dto/definition/ApiDefinitionRequest.java
index 52d2de8930..4cf2f96661 100644
--- a/backend/src/main/java/io/metersphere/api/dto/definition/ApiDefinitionRequest.java
+++ b/backend/src/main/java/io/metersphere/api/dto/definition/ApiDefinitionRequest.java
@@ -16,6 +16,7 @@ public class ApiDefinitionRequest {
     private String projectId;
     private String moduleId;
     private List<String> moduleIds;
+    private String protocol;
     private String name;
     private String workspaceId;
     private String userId;
diff --git a/backend/src/main/java/io/metersphere/api/dto/definition/ApiDefinitionResult.java b/backend/src/main/java/io/metersphere/api/dto/definition/ApiDefinitionResult.java
index f129c5b161..fcb345c504 100644
--- a/backend/src/main/java/io/metersphere/api/dto/definition/ApiDefinitionResult.java
+++ b/backend/src/main/java/io/metersphere/api/dto/definition/ApiDefinitionResult.java
@@ -11,6 +11,8 @@ public class ApiDefinitionResult extends ApiDefinition {
 
     private String projectName;
 
+    private String url;
+
     private String userName;
 
     private String caseTotal;
diff --git a/backend/src/main/java/io/metersphere/api/dto/definition/SaveApiDefinitionRequest.java b/backend/src/main/java/io/metersphere/api/dto/definition/SaveApiDefinitionRequest.java
index 24b0597a52..542974134e 100644
--- a/backend/src/main/java/io/metersphere/api/dto/definition/SaveApiDefinitionRequest.java
+++ b/backend/src/main/java/io/metersphere/api/dto/definition/SaveApiDefinitionRequest.java
@@ -20,7 +20,7 @@ public class SaveApiDefinitionRequest {
 
     private String name;
 
-    private String url;
+    private String protocol;
 
     private String moduleId;
 
diff --git a/backend/src/main/java/io/metersphere/api/service/ApiDefinitionService.java b/backend/src/main/java/io/metersphere/api/service/ApiDefinitionService.java
index 683c78b0d9..8eb7fdde22 100644
--- a/backend/src/main/java/io/metersphere/api/service/ApiDefinitionService.java
+++ b/backend/src/main/java/io/metersphere/api/service/ApiDefinitionService.java
@@ -141,7 +141,7 @@ public class ApiDefinitionService {
 
     private void checkNameExist(SaveApiDefinitionRequest request) {
         ApiDefinitionExample example = new ApiDefinitionExample();
-        example.createCriteria().andUrlEqualTo(request.getUrl()).andProjectIdEqualTo(request.getProjectId()).andIdNotEqualTo(request.getId());
+        example.createCriteria().andProtocolEqualTo(request.getProtocol()).andNameEqualTo(request.getName()).andProjectIdEqualTo(request.getProjectId()).andIdNotEqualTo(request.getId());
         if (apiDefinitionMapper.countByExample(example) > 0) {
             MSException.throwException(Translator.get("api_definition_url_not_repeating"));
         }
@@ -160,7 +160,7 @@ public class ApiDefinitionService {
         test.setModulePath(request.getModulePath());
         test.setModuleId(request.getModuleId());
         test.setMethod(request.getMethod());
-        test.setUrl(request.getUrl());
+        test.setProtocol(request.getProtocol());
         test.setDescription(request.getDescription());
         test.setResponse(JSONObject.toJSONString(request.getResponse()));
         test.setEnvironmentId(request.getEnvironmentId());
@@ -175,7 +175,7 @@ public class ApiDefinitionService {
         final ApiDefinition test = new ApiDefinition();
         test.setId(request.getId());
         test.setName(request.getName());
-        test.setUrl(request.getUrl());
+        test.setProtocol(request.getProtocol());
         test.setMethod(request.getMethod());
         test.setModuleId(request.getModuleId());
         test.setProjectId(request.getProjectId());
diff --git a/backend/src/main/java/io/metersphere/base/domain/ApiDefinition.java b/backend/src/main/java/io/metersphere/base/domain/ApiDefinition.java
index e94a1075ff..571c80d57c 100644
--- a/backend/src/main/java/io/metersphere/base/domain/ApiDefinition.java
+++ b/backend/src/main/java/io/metersphere/base/domain/ApiDefinition.java
@@ -14,7 +14,7 @@ public class ApiDefinition implements Serializable {
 
     private String method;
 
-    private String url;
+    private String protocol;
 
     private String environmentId;
 
diff --git a/backend/src/main/java/io/metersphere/base/domain/ApiDefinitionExample.java b/backend/src/main/java/io/metersphere/base/domain/ApiDefinitionExample.java
index c37b7e58d6..17185c26be 100644
--- a/backend/src/main/java/io/metersphere/base/domain/ApiDefinitionExample.java
+++ b/backend/src/main/java/io/metersphere/base/domain/ApiDefinitionExample.java
@@ -264,8 +264,8 @@ public class ApiDefinitionExample {
             return (Criteria) this;
         }
 
-        public Criteria andUrlEqualTo(String value) {
-            addCriterion("url =", value, "url");
+        public Criteria andProtocolEqualTo(String value) {
+            addCriterion("protocol =", value, "protocol");
             return (Criteria) this;
         }
 
diff --git a/backend/src/main/java/io/metersphere/base/mapper/ApiDefinitionMapper.xml b/backend/src/main/java/io/metersphere/base/mapper/ApiDefinitionMapper.xml
index 1f6e069867..bdb1cffcf5 100644
--- a/backend/src/main/java/io/metersphere/base/mapper/ApiDefinitionMapper.xml
+++ b/backend/src/main/java/io/metersphere/base/mapper/ApiDefinitionMapper.xml
@@ -7,7 +7,7 @@
         <result column="module_id" jdbcType="VARCHAR" property="moduleId"/>
         <result column="module_path" jdbcType="VARCHAR" property="modulePath"/>
         <result column="name" jdbcType="VARCHAR" property="name"/>
-        <result column="url" jdbcType="VARCHAR" property="url"/>
+        <result column="protocol" jdbcType="VARCHAR" property="protocol"/>
         <result column="method" jdbcType="VARCHAR" property="method"/>
         <result column="description" jdbcType="VARCHAR" property="description"/>
         <result column="status" jdbcType="VARCHAR" property="status"/>
@@ -80,7 +80,7 @@
         </where>
     </sql>
     <sql id="Base_Column_List">
-    id, project_id, name,module_id,module_path,url ,method ,description, status, user_id, create_time, update_time
+    id, project_id, name,module_id,module_path,protocol ,method ,description, status, user_id, create_time, update_time
   </sql>
     <sql id="Blob_Column_List">
     request
@@ -204,7 +204,7 @@
 
     <select id="list" resultType="io.metersphere.api.dto.definition.ApiDefinitionResult">
         select api_definition.id, api_definition.project_id,
-        api_definition.name,api_definition.url,api_definition.module_id,api_definition.module_path,api_definition.method,
+        api_definition.name,api_definition.protocol,api_definition.module_id,api_definition.module_path,api_definition.method,
         api_definition.description,api_definition.request,api_definition.response,api_definition.environment_id,
         api_definition.status, api_definition.user_id, api_definition.create_time, api_definition.update_time, project.name as
         project_name, user.name as user_name
@@ -222,6 +222,9 @@
             <if test="request.name != null">
                 and api_definition.name like CONCAT('%', #{request.name},'%')
             </if>
+            <if test="request.protocol != null">
+                AND api_definition.protocol = #{request.protocol}
+            </if>
             <if test="request.workspaceId != null">
                 AND project.workspace_id = #{request.workspaceId}
             </if>
@@ -303,10 +306,10 @@
     </delete>
 
     <insert id="insert" parameterType="io.metersphere.base.domain.ApiDefinition">
-        insert into api_definition (id, project_id, name, url,module_id,module_path,method,
+        insert into api_definition (id, project_id, name, protocol,module_id,module_path,method,
           description, status, user_id,create_time, update_time, request,response,environment_id )
         values
-         (#{id,jdbcType=VARCHAR}, #{projectId,jdbcType=VARCHAR}, #{name,jdbcType=VARCHAR},  #{url,jdbcType=VARCHAR}, #{moduleId,jdbcType=VARCHAR},#{modulePath,jdbcType=VARCHAR},#{method,jdbcType=VARCHAR},
+         (#{id,jdbcType=VARCHAR}, #{projectId,jdbcType=VARCHAR}, #{name,jdbcType=VARCHAR},  #{protocol,jdbcType=VARCHAR}, #{moduleId,jdbcType=VARCHAR},#{modulePath,jdbcType=VARCHAR},#{method,jdbcType=VARCHAR},
           #{description,jdbcType=VARCHAR}, #{status,jdbcType=VARCHAR}, #{userId,jdbcType=VARCHAR},
           #{createTime,jdbcType=BIGINT}, #{updateTime,jdbcType=BIGINT}, #{request,jdbcType=LONGVARCHAR},#{response,jdbcType=LONGVARCHAR},#{environmentId,jdbcType=VARCHAR}
           )
@@ -333,8 +336,8 @@
             <if test="moduleId != null">
                 module_id = #{moduleId,jdbcType=BIGINT},
             </if>
-            <if test="url != null">
-                url = #{url,jdbcType=LONGVARCHAR},
+            <if test="protocol != null">
+                protocol = #{protocol,jdbcType=LONGVARCHAR},
             </if>
             <if test="method != null">
                 method = #{method,jdbcType=VARCHAR},
@@ -378,7 +381,7 @@
           user_id = #{userId,jdbcType=VARCHAR},
           module_id = #{moduleId,jdbcType=VARCHAR},
           module_path = #{modulePath,jdbcType=VARCHAR},
-          url = #{url,jdbcType=VARCHAR},
+          protocol = #{protocol,jdbcType=VARCHAR},
           method = #{method,jdbcType=VARCHAR},
           create_time = #{createTime,jdbcType=BIGINT},
           update_time = #{updateTime,jdbcType=BIGINT},
@@ -392,7 +395,7 @@
         set project_id = #{projectId,jdbcType=VARCHAR},
           name = #{name,jdbcType=VARCHAR},
           module_id = #{moduleId,jdbcType=VARCHAR},
-          url = #{url,jdbcType=VARCHAR},
+          protocol = #{protocol,jdbcType=VARCHAR},
           module_path = #{modulePath,jdbcType=VARCHAR},
           method = #{method,jdbcType=VARCHAR},
           description = #{description,jdbcType=VARCHAR},
diff --git a/frontend/src/business/components/api/definition/ApiDefinition.vue b/frontend/src/business/components/api/definition/ApiDefinition.vue
index b86971abc6..15e4b9de51 100644
--- a/frontend/src/business/components/api/definition/ApiDefinition.vue
+++ b/frontend/src/business/components/api/definition/ApiDefinition.vue
@@ -2,8 +2,8 @@
   <ms-container>
 
     <ms-aside-container>
-      <ms-node-tree @selectModule="selectModule" @getApiModuleTree="initTree" @changeProject="changeProject"
-                    @refresh="refresh"/>
+      <ms-node-tree @selectModule="selectModule" @getApiModuleTree="initTree" @changeProject="changeProject" @changeProtocol="changeProtocol"
+                    @refresh="refresh" @saveAsEdit="editApi"/>
     </ms-aside-container>
 
     <ms-main-container>
@@ -28,6 +28,7 @@
           <ms-api-list
             v-if="item.type === 'list'"
             :current-project="currentProject"
+            :current-protocol="currentProtocol"
             :current-module="currentModule"
             @editApi="editApi"
             @handleCase="handleCase"
@@ -37,6 +38,7 @@
           <div v-else-if="item.type=== 'add'">
             <ms-api-config @runTest="runTest" @saveApi="saveApi" :current-api="currentApi"
                            :currentProject="currentProject"
+                           :currentProtocol="currentProtocol"
                            :moduleOptions="moduleOptions" ref="apiConfig"/>
           </div>
 
@@ -88,6 +90,7 @@
         isHide: true,
         apiDefaultTab: 'default',
         currentProject: null,
+        currentProtocol: null,
         currentModule: null,
         currentApi: {},
         moduleOptions: {},
@@ -103,7 +106,7 @@
     methods: {
       handleCommand(e) {
         if (e === "add") {
-          this.currentApi = {status: "Underway", method: "GET", userId: getCurrentUser().id};
+          this.currentApi = {status: "Underway", method: "GET", userId: getCurrentUser().id, url: "", protocol: this.currentProtocol};
           this.handleTabsEdit(this.$t('api_test.definition.request.title'), e);
         }
         else if (e === "test") {
@@ -189,6 +192,9 @@
       },
       changeProject(data) {
         this.currentProject = data;
+      },
+      changeProtocol(data) {
+        this.currentProtocol = data;
       }
     }
   }
diff --git a/frontend/src/business/components/api/definition/components/ApiCaseList.vue b/frontend/src/business/components/api/definition/components/ApiCaseList.vue
index a7f1342272..ecdb78d89e 100644
--- a/frontend/src/business/components/api/definition/components/ApiCaseList.vue
+++ b/frontend/src/business/components/api/definition/components/ApiCaseList.vue
@@ -20,7 +20,7 @@
               </template>
             </el-col>
             <el-col :span="4">
-              <div class="variable-combine">{{api.url}}</div>
+              <div class="variable-combine">{{api.url ===undefined ? "暂无路径" : api.url}}</div>
             </el-col>
             <el-col :span="2">
               <div>{{$t('test_track.plan_view.case_count')}}：5</div>
diff --git a/frontend/src/business/components/api/definition/components/ApiConfig.vue b/frontend/src/business/components/api/definition/components/ApiConfig.vue
index f222ecf38f..8f08e93c86 100644
--- a/frontend/src/business/components/api/definition/components/ApiConfig.vue
+++ b/frontend/src/business/components/api/definition/components/ApiConfig.vue
@@ -32,10 +32,10 @@
       currentApi: {},
       moduleOptions: {},
       currentProject: {},
-      protocol: String,
+      currentProtocol: String,
     },
     created() {
-      switch (this.protocol) {
+      switch (this.currentProtocol) {
         case Request.TYPES.SQL:
           this.request = createComponent("SQL");
           break;
@@ -56,6 +56,7 @@
       }
       if (this.currentApi != null && this.currentApi.id != null) {
         this.reqUrl = "/api/definition/update";
+        this.currentApi.url = this.request.path.value;
       } else {
         this.reqUrl = "/api/definition/create";
         this.currentApi.id = getUUID().substring(0, 8);
diff --git a/frontend/src/business/components/api/definition/components/ApiList.vue b/frontend/src/business/components/api/definition/components/ApiList.vue
index a0e8698188..a8920fa4a9 100644
--- a/frontend/src/business/components/api/definition/components/ApiList.vue
+++ b/frontend/src/business/components/api/definition/components/ApiList.vue
@@ -44,10 +44,10 @@
           </template>
         </el-table-column>
 
-        <el-table-column
-          prop="url"
-          :label="$t('api_test.definition.api_path')"
-          show-overflow-tooltip/>
+        <!--<el-table-column-->
+          <!--prop="url"-->
+          <!--:label="$t('api_test.definition.api_path')"-->
+          <!--show-overflow-tooltip/>-->
 
         <el-table-column
           prop="userName"
@@ -144,6 +144,7 @@
     },
     props: {
       currentProject: Object,
+      currentProtocol: String,
       currentModule: Object
     },
     created: function () {
@@ -155,6 +156,9 @@
       },
       currentModule() {
         this.initApiTable();
+      },
+      currentProtocol() {
+        this.initApiTable();
       }
     },
     methods: {
@@ -169,6 +173,9 @@
         if (this.currentProject != null) {
           this.condition.projectId = this.currentProject.id;
         }
+        if (this.currentProtocol != null) {
+          this.condition.protocol = this.currentProtocol;
+        }
         this.result = this.$post("/api/definition/list/" + this.currentPage + "/" + this.pageSize, this.condition, response => {
           this.total = response.data.itemCount;
           this.tableData = response.data.listObject;
@@ -238,6 +245,8 @@
       },
       handleTestCase(testCase) {
         this.selectApi = testCase;
+        let request = JSON.parse(testCase.request);
+        this.selectApi.url = request.path.value;
         this.isHide = false;
       },
       handleDelete(testCase) {
diff --git a/frontend/src/business/components/api/definition/components/ApiModule.vue b/frontend/src/business/components/api/definition/components/ApiModule.vue
index 0fbf0f818c..7c1d534f02 100644
--- a/frontend/src/business/components/api/definition/components/ApiModule.vue
+++ b/frontend/src/business/components/api/definition/components/ApiModule.vue
@@ -6,7 +6,7 @@
       :title="$t('test_track.project')"
       @dataChange="changeProject" style="margin-bottom: 20px"/>
 
-    <el-select style="width: 100px ;height: 30px" size="small" v-model="value">
+    <el-select style="width: 100px ;height: 30px" size="small" v-model="value" @change="changeProtocol">
       <el-option
         v-for="item in options"
         :key="item.value"
@@ -80,7 +80,7 @@
         </span>
     </el-tree>
 
-    <ms-add-basis-http-api ref="httpApi"></ms-add-basis-http-api>
+    <ms-add-basis-http-api :current-protocol="value" ref="httpApi"></ms-add-basis-http-api>
 
   </div>
 
@@ -373,6 +373,9 @@
       refresh(data) {
         this.$emit('refresh', data);
       },
+      saveAsEdit(data) {
+        this.$emit('saveAsEdit', data);
+      },
       filterNode(value, data) {
         if (!value) return true;
         return data.name.indexOf(value) !== -1;
@@ -402,6 +405,9 @@
         if (data.id) {
           this.expandedNode.splice(this.expandedNode.indexOf(data.id), 1);
         }
+      },
+      changeProtocol() {
+        this.$emit('changeProtocol', this.value);
       }
     }
   }
diff --git a/frontend/src/business/components/api/definition/components/basis/AddBasisHttpApi.vue b/frontend/src/business/components/api/definition/components/basis/AddBasisHttpApi.vue
index 4f0c9163ff..09dd470666 100644
--- a/frontend/src/business/components/api/definition/components/basis/AddBasisHttpApi.vue
+++ b/frontend/src/business/components/api/definition/components/basis/AddBasisHttpApi.vue
@@ -7,7 +7,7 @@
         <el-input v-model="httpForm.name" autocomplete="off" :placeholder="$t('commons.name')"/>
       </el-form-item>
 
-      <el-form-item :label="$t('api_report.request')" prop="url">
+      <el-form-item :label="$t('api_report.request')" prop="url" v-if="currentProtocol==='HTTP'">
         <el-input :placeholder="$t('api_test.definition.request.path_info')" v-model="httpForm.url"
                   class="ms-http-input" size="small">
           <el-select v-model="httpForm.method" slot="prepend" style="width: 100px" size="small">
@@ -15,6 +15,8 @@
           </el-select>
         </el-input>
       </el-form-item>
+
+
       <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"
@@ -39,8 +41,14 @@
     <template v-slot:footer>
       <ms-dialog-footer
         @cancel="httpVisible = false"
-        @confirm="saveApi"/>
+        :isShow="true"
+        title="编辑详情"
+        @saveAsEdit="saveApi(true)"
+        @confirm="saveApi">
+      </ms-dialog-footer>
+
     </template>
+
   </el-dialog>
 </template>
 
@@ -55,7 +63,12 @@
   export default {
     name: "MsAddBasisHttpApi",
     components: {MsDialogFooter},
-    props: {},
+    props: {
+      currentProtocol: {
+        type: String,
+        default: "HTTP"
+      },
+    },
     data() {
       return {
         httpForm: {},
@@ -76,7 +89,7 @@
       }
     },
     methods: {
-      saveApi() {
+      saveApi(saveAs) {
         this.$refs['httpForm'].validate((valid) => {
           if (valid) {
             let bodyFiles = [];
@@ -84,8 +97,10 @@
             this.httpForm.bodyUploadIds = [];
             this.httpForm.projectId = this.projectId;
             this.httpForm.id = getUUID().substring(0, 8);
+            this.httpForm.protocol = this.currentProtocol;
             let header = createComponent("HeaderManager");
             let request = createComponent("HTTPSamplerProxy");
+            request.path.value = this.httpForm.url;
             request.hashTree = [header];
             this.httpForm.request = request;
             if (this.currentModule != null) {
@@ -94,7 +109,13 @@
             }
             this.result = this.$fileUpload(url, null, bodyFiles, this.httpForm, () => {
               this.httpVisible = false;
-              this.$parent.refresh(this.currentModule);
+              if (saveAs) {
+                this.httpForm.request = JSON.stringify(request);
+                console.log(this.httpForm)
+                this.$parent.saveAsEdit(this.httpForm);
+              } else {
+                this.$parent.refresh(this.currentModule);
+              }
             });
           } else {
             return false;
diff --git a/frontend/src/business/components/api/definition/components/complete/AddCompleteHttpApi.vue b/frontend/src/business/components/api/definition/components/complete/AddCompleteHttpApi.vue
index 1cfed47dea..f2da268d1c 100644
--- a/frontend/src/business/components/api/definition/components/complete/AddCompleteHttpApi.vue
+++ b/frontend/src/business/components/api/definition/components/complete/AddCompleteHttpApi.vue
@@ -24,7 +24,7 @@
         <el-form-item :label="$t('api_report.request')" prop="url">
           <el-input :placeholder="$t('api_test.definition.request.path_info')" v-model="httpForm.url"
                     class="ms-http-input" size="small" style="margin-top: 5px">
-            <el-select v-model="httpForm.request.method.value" slot="prepend" style="width: 100px" size="small">
+            <el-select v-model="request.method.value" 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>
@@ -127,7 +127,7 @@
       },
       setParameter() {
         this.httpForm.modulePath = this.getPath(this.httpForm.moduleId);
-        this.httpForm.request.path.value = this.httpForm.url;
+        this.request.path.value = this.httpForm.url;
         this.httpForm.request.useEnvironment = undefined;
       },
       saveApi() {
@@ -153,7 +153,7 @@
           return item.id === id ? item.path : "";
         });
         return path[0].path;
-      }
+      },
     },
 
     created() {
diff --git a/frontend/src/business/components/common/components/MsDialogFooter.vue b/frontend/src/business/components/common/components/MsDialogFooter.vue
index 261a49422f..8f86fd508b 100644
--- a/frontend/src/business/components/common/components/MsDialogFooter.vue
+++ b/frontend/src/business/components/common/components/MsDialogFooter.vue
@@ -1,24 +1,35 @@
 <template>
 
-    <div class="dialog-footer">
-      <el-button @click="cancel">{{$t('commons.cancel')}}</el-button>
-      <el-button type="primary" @click="confirm" @keydown.enter.native.prevent>{{$t('commons.confirm')}}</el-button>
-    </div>
+  <div class="dialog-footer">
+    <el-button @click="cancel">{{$t('commons.cancel')}}</el-button>
+    <el-button type="primary" @click="confirm" @keydown.enter.native.prevent>{{$t('commons.confirm')}}</el-button>
+    <el-button type="primary" v-if="isShow" @click="saveAsEdit" @keydown.enter.native.prevent>{{title}}</el-button>
+  </div>
 
 </template>
 
 <script>
-    export default {
-      name: "MsDialogFooter",
-      methods: {
-        cancel() {
-          this.$emit("cancel");
-        },
-        confirm() {
-          this.$emit("confirm");
-        }
+  export default {
+    name: "MsDialogFooter",
+    props: {
+      isShow: {
+        type: Boolean,
+        default: false,
+      },
+      title:String,
+    },
+    methods: {
+      cancel() {
+        this.$emit("cancel");
+      },
+      confirm() {
+        this.$emit("confirm");
+      },
+      saveAsEdit() {
+        this.$emit("saveAsEdit");
       }
     }
+  }
 </script>
 
 <style scoped>