add:ui自动化-场景

test-ui/src/router/index.js

@@ -200,6 +200,34 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path: '/ui-test/automation/add',
+    component: Layout,
+    hidden: true,
+    children: [
+      {
+        path: '',
+        component: () => import('@/views/test/uiTest/addScene'),
+        name: 'AddScene',
+        noCache: true,
+        meta: { title: '创建场景', activeMenu: '/ui-test' }
+      }
+    ]
+  },
+  {
+    path: '/ui-test/automation/edit',
+    component: Layout,
+    hidden: true,
+    children: [
+      {
+        path: '',
+        component: () => import('@/views/test/uiTest/editScene'),
+        name: 'EditScene',
+        noCache: true,
+        meta: { title: '编辑场景', activeMenu: '/ui-test' }
+      }
+    ]
+  },
 ]
 
 // 动态路由，基于用户权限动态去加载

test-ui/src/views/test/uiTest/addScene.vue

@@ -0,0 +1,100 @@
+<template>
+  <div class="create-scene">
+    <div class="left-wrap">
+      <el-tabs v-model="activeName" type="card" @tab-click="handleClick" stretch>
+        <el-tab-pane label="基础信息" name="first">
+          <el-form ref="form" :rules="rules" label-width="80px" :model="informationForm" label-position="right">
+            <el-form-item prop='name' label="名称">
+              <el-input v-model="informationForm.name" placeholder="请输入名称" maxlength="100" show-word-limit></el-input>
+            </el-form-item>
+            <el-form-item prop='name1' label="模块">
+              <el-input v-model="informationForm.name1" placeholder="请选择模块"></el-input>
+            </el-form-item>
+            <el-form-item prop='name2' label="状态">
+              <el-input v-model="informationForm.name2" placeholder="请选择状态"></el-input>
+            </el-form-item>
+            <el-form-item prop='name3' label="责任人">
+              <el-input v-model="informationForm.name3" placeholder="请选择责任人"></el-input>
+            </el-form-item>
+            <el-form-item prop='level' label="用例登记">
+              <el-input v-model="informationForm.level" placeholder="请选择用例登记"></el-input>
+            </el-form-item>
+            <el-form-item prop='remark' label="标签">
+              <el-input v-model="informationForm.remark" placeholder="请输入标签"></el-input>
+            </el-form-item>
+            <el-form-item prop='descriptions' label="描述">
+              <el-input v-model="informationForm.descriptions" placeholder="请输入描述" type="textarea" :rows="2"></el-input>
+            </el-form-item>
+          </el-form>
+        </el-tab-pane>
+        <el-tab-pane label="场景步骤" name="second">场景步骤</el-tab-pane>
+      </el-tabs>
+    </div>
+    <div class="scene-wrap">
+      <div class="scene-header">
+        <el-button size="mini" @click="handleClickSave">保存</el-button>
+      </div>
+      <el-button icon="el-icon-circle-plus-outline" type="text" style="font-size: 30px;"></el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "AddScene",
+  data() {
+    return {
+      activeName: 'first',
+      informationForm: {
+        name: null,
+        name1: null,
+        name2: null,
+        name3: null,
+        level: null,
+        remark: null,
+        descriptions: null,
+      },
+      rules: {
+        name: [{ required: true, message: '请输入名称', trigger: 'blur' }],
+        name1: [{ required: true, message: '请输入名称', trigger: 'blur' }],
+        name2: [{ required: true, message: '请输入名称', trigger: 'blur' }],
+        name3: [{ required: true, message: '请输入名称', trigger: 'blur' }],
+      },
+    }
+  },
+  mounted() {
+  },
+  methods: {
+    handleClick() { },
+    // 添加步骤
+    handleClickAddStep() {
+
+    },
+    // 保存
+    handleClickSave() {
+      console.log('保存')
+    },
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.create-scene {
+  padding: 20px;
+  display: flex;
+
+  .left-wrap {
+    width: 300px;
+  }
+
+  .scene-wrap {
+    width: 100%;
+
+    .scene-header {
+      display: flex;
+      justify-content: flex-end;
+    }
+  }
+
+}
+</style>

test-ui/src/views/test/uiTest/automationTest.vue

@@ -75,10 +75,12 @@ export default {
     },
     // 创建元素
     handleCommand(command) {
-      this.$message('click on item ' + command);
+      this.$tab.openPage("创建场景", "/ui-test/automation/add");
     },
     // 编辑
-    hadleClickEdit() { },
+    hadleClickEdit(val) {
+      this.$tab.openPage("编辑场景", "/ui-test/automation/edit", { id: val.id });
+    },
     // 删除
     hadleClickDelete(val) {
       this.$modal.confirm('确认删除元素' + '？').then(() => {

test-ui/src/views/test/uiTest/editScene.vue

@@ -0,0 +1,18 @@
+<template>
+  <div>编辑场景</div>
+</template>
+
+<script>
+export default {
+  name: "EditScene",
+  data() {
+    return {}
+  },
+  mounted() {
+  },
+  methods: {
+  }
+}
+</script>
+
+<style scoped lang="scss"></style>

test-ui/src/views/test/uiTest/testReport.vue

@@ -13,8 +13,8 @@
         <el-table-column prop="performanceName" label="名称" width="150" align="center" sortable />
         <el-table-column prop="createBy" label="报告类型" width="150" align="center" />
         <el-table-column prop="createTime" label="创建人" width="150" align="center" sortable />
-        <el-table-column prop="updateTime" label="创建时间" width="150" align="center" sortable />
-        <el-table-column prop="status" label="结束时间" width="150" align="center" sortable />
+        <el-table-column prop="updateTime" label="创建时间" align="center" sortable />
+        <el-table-column prop="status" label="结束时间" align="center" sortable />
         <el-table-column prop="status" label="触发方式" width="150" align="center" />
         <el-table-column prop="status" label="状态" width="150" align="center" />
         <el-table-column prop="action" label="操作" align="center" fixed="right" width="150px">