样式修改

src/api/getAutoScene.js

@@ -46,3 +46,11 @@ export function executeScene(queryInfo) {
     params: queryInfo
   })
 }
+// 编辑场景接口
+export function editScene(data) {
+  return request({
+    url: '/auto/scene/modify',
+    method: 'post',
+    data
+  })
+}

src/views/auto/CaseList.vue

@@ -7,8 +7,8 @@
           <el-option v-for="item in modelList" :key="item.id" :label="item.name" :value="item.id"></el-option>
         </el-select>
         <el-input v-model="queryModuleInfo.testcaseName" clearable placeholder="请输入用例名称" style="width: 300px;"></el-input>
-        <el-button type="primary" style="margin-left:20px" icon="el-icon-search" @click="queryData">查询</el-button>
-        <el-button type="primary" style="margin-left:20px" icon="el-icon-circle-plus" @click="addPage">新增</el-button>
+        <el-button type="primary" style="margin-left:10px" icon="el-icon-search" @click="queryData">查询</el-button>
+        <el-button type="primary" style="margin-left:10px" icon="el-icon-circle-plus" @click="addPage">新增</el-button>
       </div>
       <el-table :data="singleCaseList" border style="width: 100%;margin-top:20px">
         <el-table-column type='index' width="50px"></el-table-column>

src/views/auto/EditScene.vue

@@ -688,8 +688,10 @@ export default {
 </script>
 
 <style lang="less" scoped>
-div-style {
-  margin: 20px, 0, 0, 0;
-  float: right;
+.el-select {
+  width:220px
+}
+.input{
+  width:300px;
 }
 </style>

src/views/auto/InterfaceList.vue

@@ -11,8 +11,8 @@
           <el-option v-for="item in modelList" :key="item.id" :label="item.name" :value="item.id"></el-option>
         </el-select>
         <el-input v-model="queryModuleInfo.interfaceName" clearable placeholder="请输入接口名称" style="width: 300px;"></el-input>
-        <el-button type="primary" style="margin-left:20px" icon="el-icon-search" @click="queryData">查询</el-button>
-        <el-button type="primary" style="margin-left:20px" icon="el-icon-circle-plus" @click="addPage">新增</el-button>
+        <el-button type="primary" style="margin-left:10px" icon="el-icon-search" @click="queryData">查询</el-button>
+        <el-button type="primary" style="margin-left:10px" icon="el-icon-circle-plus" @click="addPage">新增</el-button>
       </div>
       <el-table :data="interfaceList" border style="width: 100%;margin-top:20px">
         <el-table-column type='index' width="50px"></el-table-column>

src/views/auto/SceneList.vue

@@ -4,8 +4,8 @@
       <div>
         场景名称：
         <el-input v-model="queryModuleInfo.sceneName" clearable placeholder="请输入场景名称" style="width: 300px;"></el-input>
-        <el-button type="primary" style="margin-left:20px" icon="el-icon-search" @click="queryData">查询</el-button>
-        <el-button type="primary" style="margin-left:20px" icon="el-icon-circle-plus" @click="DialogVisible = true">新增</el-button>
+        <el-button type="primary" style="margin-left:10px" icon="el-icon-search" @click="queryData">查询</el-button>
+        <el-button type="primary" style="margin-left:10px" icon="el-icon-circle-plus" @click="DialogVisible = true">新增</el-button>
       </div>
       <el-table :data="sceneList" border style="width: 100%;margin-top:20px">
         <el-table-column type='index' width="50px"></el-table-column>
@@ -16,7 +16,8 @@
         <el-table-column label="操作">
           <slot slot-scope="scope">
             <el-button type="success" icon="el-icon-link" @click="executeSceneFrom(scope.row)">执行</el-button>
-            <el-button type="warning" icon="el-icon-edit" @click="editeSceneFrom(scope.row)">编辑</el-button>
+            <el-button type="warning" icon="el-icon-edit" @click="editeSceneFrom(scope.row)">编辑场景</el-button>
+            <el-button type="warning" icon="el-icon-edit" @click="editeSceneCaseFrom(scope.row)">编辑场景用例</el-button>
             <el-button type="danger" icon="el-icon-delete" @click="deleSceneFrom(scope.row)">删除</el-button>
           </slot>
         </el-table-column>
@@ -59,7 +60,8 @@ import {
   getSceneList,
   addSecene,
   delSecne,
-  executeScene
+  executeScene,
+  editScene
 } from '@/api/getAutoScene'
 import { getProjectList } from '@/api/getAotoInterface'
 export default {
@@ -146,6 +148,11 @@ export default {
     },
     // 编辑场景
     editeSceneFrom(row) {
+      this.DialogVisible = true
+      this.sceneForm = row
+    },
+    // 编辑场景用例
+    editeSceneCaseFrom(row) {
       window.sessionStorage.setItem('curScene', JSON.stringify(row))
       this.$router.push({ path: 'EditScene' })
       // bus使用
@@ -196,13 +203,31 @@ export default {
     },
     // 添加场景
     addSceneFrom() {
-      addSecene(this.sceneForm).then((resp) => {
-        if (resp.data.data === true) {
-          this.DialogVisible = false
-          this.$message.success('新增成功！')
-          this.getSecneList()
+      this.$refs.sceneFormAddRef.validate((valid) => {
+        if (!valid) {
+          return false
         } else {
-          this.$message.error(resp.data.msg)
+          if (this.sceneForm.id) {
+            editScene(this.sceneForm).then((resp) => {
+              if (resp.data.data === true) {
+                this.DialogVisible = false
+                this.$message.success('修改成功！')
+                this.getSecneList()
+              } else {
+                this.$message.error(resp.data.msg)
+              }
+            })
+          } else {
+            addSecene(this.sceneForm).then((resp) => {
+              if (resp.data.data === true) {
+                this.DialogVisible = false
+                this.$message.success('新增成功！')
+                this.getSecneList()
+              } else {
+                this.$message.error(resp.data.msg)
+              }
+            })
+          }
         }
       })
     },