Skip to content

Q
qa-platform-ui
Commit e9a3ab8f authored by 黎博's avatar 黎博
Browse files
Options

修改样式

parent cd2c037b
Hide whitespace changes
Inline Side-by-side
Showing with 132 additions and 88 deletions
src/router/index.js
View file @ e9a3ab8f
...@@ -17,7 +17,7 @@ import LoginWhiteList from '../views/effect/LoginWhiteList' ...@@ -17,7 +17,7 @@ import LoginWhiteList from '../views/effect/LoginWhiteList'
// 2021-040-09新添加 // 2021-040-09新添加
import ProjectList from '../views/auto/Project' import ProjectList from '../views/auto/Project'
import ModelList from '../views/auto/Model' import ModelList from '../views/auto/Model'
import InterfaceDetail from '../views/auto/InterfaceDetail' import InterfaceList from '../views/auto/InterfaceList'
import JiraNotify from '../views/jira/Notify' import JiraNotify from '../views/jira/Notify'
import RiskControl from '../views/vcc/RiskControl' import RiskControl from '../views/vcc/RiskControl'
import ClearCache from '../views/effect/ClearCache' import ClearCache from '../views/effect/ClearCache'
...@@ -112,9 +112,9 @@ const router = new Router({ ...@@ -112,9 +112,9 @@ const router = new Router({
component: ModelList component: ModelList
}, },
{ {
path: '/auto/InterfaceDetail', path: '/auto/InterfaceList',
name: InterfaceDetail, name: InterfaceList,
component: InterfaceDetail component: InterfaceList
}, },
{ {
path: '/auto/AddInterface', path: '/auto/AddInterface',
......
src/views/auto/AddCase.vue
View file @ e9a3ab8f
...@@ -120,7 +120,7 @@ ...@@ -120,7 +120,7 @@
</el-form-item> </el-form-item>
</el-collapse-item> </el-collapse-item>
<!-- 响应解析列表 --> <!-- 响应解析列表 -->
<el-collapse-item name="4" title="响应列表"> <el-collapse-item name="4" title="响应提取">
<el-button type="success" plain @click="AddResponseListRow()" class="el-icon-circle-plus">添加行</el-button> <el-button type="success" plain @click="AddResponseListRow()" class="el-icon-circle-plus">添加行</el-button>
<el-form-item> <el-form-item>
<el-row> <el-row>
...@@ -344,7 +344,9 @@ export default { ...@@ -344,7 +344,9 @@ export default {
}) })
}, },
// 模块下拉框改变事件 // 模块下拉框改变事件
selectChangeModel() { selectChangeModel(selectItem) {
console.log(selectItem)
this.interfaceInfo.moduleId = selectItem
interfaceDetailList(this.interfaceInfo).then((resp) => { interfaceDetailList(this.interfaceInfo).then((resp) => {
this.interfaceList = resp.data.data.list this.interfaceList = resp.data.data.list
}) })
......
src/views/auto/AddInterface.vue
View file @ e9a3ab8f
...@@ -44,13 +44,13 @@ ...@@ -44,13 +44,13 @@
<el-button type="success" plain class="el-icon-circle-plus" @click="AddHeaderListRow()">添加行</el-button> <el-button type="success" plain class="el-icon-circle-plus" @click="AddHeaderListRow()">添加行</el-button>
<!-- Header参数添加 --> <!-- Header参数添加 -->
<el-table :data="headersList" border style="width:100%;margin-top:15px;"> <el-table :data="headersList" border style="width:100%;margin-top:15px;">
<el-table-column label="参数名称" width="150"> <el-table-column label="参数名称" width="200">
<template slot-scope="scope"> <template slot-scope="scope">
<el-input v-model="scope.row.paramsName"> <el-input v-model="scope.row.paramsName">
</el-input> </el-input>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="参数值" width="150"> <el-table-column label="参数值" width="350">
<template slot-scope="scope"> <template slot-scope="scope">
<el-input v-model="scope.row.paramsValue"> <el-input v-model="scope.row.paramsValue">
</el-input> </el-input>
...@@ -61,12 +61,12 @@ ...@@ -61,12 +61,12 @@
<el-switch v-model="scope.row.isRequired" active-color="#13ce66" inactive-color="#A9A9A9" active-text="是" inactive-text="否" @change="changeState($event,'1')"></el-switch> <el-switch v-model="scope.row.isRequired" active-color="#13ce66" inactive-color="#A9A9A9" active-text="是" inactive-text="否" @change="changeState($event,'1')"></el-switch>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="示例" width="300"> <!-- <el-table-column label="示例" width="300">
<template slot-scope="scope"> <template slot-scope="scope">
<el-input v-model="scope.row.examples"></el-input> <el-input v-model="scope.row.examples"></el-input>
</template> </template>
</el-table-column> </el-table-column> -->
<el-table-column label="备注" width="300"> <el-table-column label="备注" width="250">
<template slot-scope="scope"> <template slot-scope="scope">
<el-input v-model="scope.row.remarks"></el-input> <el-input v-model="scope.row.remarks"></el-input>
</template> </template>
...@@ -82,13 +82,13 @@ ...@@ -82,13 +82,13 @@
<el-collapse-item title="请求参数" name="3"> <el-collapse-item title="请求参数" name="3">
<el-button type="success" plain class="el-icon-circle-plus" @click="AddParamsListRow()">添加行</el-button> <el-button type="success" plain class="el-icon-circle-plus" @click="AddParamsListRow()">添加行</el-button>
<el-table :data="paramList" border style="width:100%;margin-top: 15px;"> <el-table :data="paramList" border style="width:100%;margin-top: 15px;">
<el-table-column label="参数名称" width="150"> <el-table-column label="参数名称" width="200">
<template slot-scope="scope"> <template slot-scope="scope">
<el-input v-model="scope.row.paramsName"> <el-input v-model="scope.row.paramsName">
</el-input> </el-input>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="参数值" width="150"> <el-table-column label="参数值" width="350">
<template slot-scope="scope"> <template slot-scope="scope">
<el-input v-model="scope.row.paramsValue"> <el-input v-model="scope.row.paramsValue">
</el-input> </el-input>
...@@ -99,12 +99,12 @@ ...@@ -99,12 +99,12 @@
<el-switch v-model="scope.row.isRequired" active-color="#13ce66" inactive-color="#A9A9A9" active-text="是" inactive-text="否" @change="changeState($event,'2')"></el-switch> <el-switch v-model="scope.row.isRequired" active-color="#13ce66" inactive-color="#A9A9A9" active-text="是" inactive-text="否" @change="changeState($event,'2')"></el-switch>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="示例" width="300"> <!-- <el-table-column label="示例" width="300">
<template slot-scope="scope"> <template slot-scope="scope">
<el-input v-model="scope.row.examples"></el-input> <el-input v-model="scope.row.examples"></el-input>
</template> </template>
</el-table-column> </el-table-column> -->
<el-table-column label="备注" width="300"> <el-table-column label="备注" width="250">
<template slot-scope="scope"> <template slot-scope="scope">
<el-input v-model="scope.row.remarks"></el-input> <el-input v-model="scope.row.remarks"></el-input>
</template> </template>
...@@ -120,13 +120,13 @@ ...@@ -120,13 +120,13 @@
<el-collapse-item title="响应参数" name="4"> <el-collapse-item title="响应参数" name="4">
<el-button type="success" plain class="el-icon-circle-plus" @click="AddResponseListRow()">添加行</el-button> <el-button type="success" plain class="el-icon-circle-plus" @click="AddResponseListRow()">添加行</el-button>
<el-table :data="responseList" border style="width:100%;margin-top: 15px;"> <el-table :data="responseList" border style="width:100%;margin-top: 15px;">
<el-table-column label="参数名称" width="150"> <el-table-column label="参数名称" width="200">
<template slot-scope="scope"> <template slot-scope="scope">
<el-input v-model="scope.row.paramsName"> <el-input v-model="scope.row.paramsName">
</el-input> </el-input>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="参数值" width="150"> <el-table-column label="参数值" width="350">
<template slot-scope="scope"> <template slot-scope="scope">
<el-input v-model="scope.row.paramsValue"> <el-input v-model="scope.row.paramsValue">
</el-input> </el-input>
...@@ -137,12 +137,12 @@ ...@@ -137,12 +137,12 @@
<el-switch v-model="scope.row.isRequired" active-color="#13ce66" inactive-color="#A9A9A9" active-text="是" inactive-text="否" @change="changeState($event,'3')"></el-switch> <el-switch v-model="scope.row.isRequired" active-color="#13ce66" inactive-color="#A9A9A9" active-text="是" inactive-text="否" @change="changeState($event,'3')"></el-switch>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="示例" width="300"> <!-- <el-table-column label="示例" width="300">
<template slot-scope="scope"> <template slot-scope="scope">
<el-input v-model="scope.row.examples"></el-input> <el-input v-model="scope.row.examples"></el-input>
</template> </template>
</el-table-column> </el-table-column> -->
<el-table-column label="备注" width="300"> <el-table-column label="备注" width="250">
<template slot-scope="scope"> <template slot-scope="scope">
<el-input v-model="scope.row.remarks"></el-input> <el-input v-model="scope.row.remarks"></el-input>
</template> </template>
...@@ -370,7 +370,7 @@ export default { ...@@ -370,7 +370,7 @@ export default {
editInterface(this.interfaceForm).then((resp) => { editInterface(this.interfaceForm).then((resp) => {
if (resp.data.data === true) { if (resp.data.data === true) {
this.$message.success('修改成功！') this.$message.success('修改成功！')
this.$router.push('InterfaceDetail') this.$router.push('InterfaceList')
// 刷新列表页 // 刷新列表页
this.sendResh() this.sendResh()
} else { } else {
...@@ -382,7 +382,7 @@ export default { ...@@ -382,7 +382,7 @@ export default {
if (resp.data.data === true) { if (resp.data.data === true) {
this.$message.success('添加成功！') this.$message.success('添加成功！')
// 返回列表页 // 返回列表页
this.$router.push('InterfaceDetail') this.$router.push('InterfaceList')
// 刷新列表页 // 刷新列表页
this.sendResh() this.sendResh()
this.interfaceForm.name = '' this.interfaceForm.name = ''
......
src/views/auto/CaseList.vue
View file @ e9a3ab8f
...@@ -12,11 +12,11 @@ ...@@ -12,11 +12,11 @@
</div> </div>
<el-table :data="singleCaseList" border style="width: 100%;margin-top:20px"> <el-table :data="singleCaseList" border style="width: 100%;margin-top:20px">
<el-table-column type='index' width="50px"></el-table-column> <el-table-column type='index' width="50px"></el-table-column>
<el-table-column prop="moduleName" label="模块名称" width="200px"></el-table-column>
<el-table-column prop="interfaceName" label="接口名称" width="200px"></el-table-column>
<el-table-column prop="name" label="用例名称" width="200px"></el-table-column> <el-table-column prop="name" label="用例名称" width="200px"></el-table-column>
<el-table-column prop="interfaceName" label="接口名称" width="200px"></el-table-column>
<el-table-column prop="moduleName" label="模块名称" width="200px"></el-table-column>
<el-table-column prop="createTime" label="创建日期" width="200px"></el-table-column> <el-table-column prop="createTime" label="创建日期" width="200px"></el-table-column>
<el-table-column prop="updateTime" label="修改日期" width="200px"></el-table-column> <!-- <el-table-column prop="updateTime" label="修改日期" width="200px"></el-table-column> -->
<el-table-column label="操作"> <el-table-column label="操作">
<slot slot-scope="scope"> <slot slot-scope="scope">
<el-button type="warning" @click="executeCaseFrom(scope.row)">执行</el-button> <el-button type="warning" @click="executeCaseFrom(scope.row)">执行</el-button>
...@@ -175,3 +175,12 @@ export default { ...@@ -175,3 +175,12 @@ export default {
} }
} }
</script> </script>
<style lang="less" scoped>
.el-select {
margin: 0 10px 0 5px;
}
// .el-select {
// margin-right: 10px;
// }
</style>
src/views/auto/EditScene.vue
View file @ e9a3ab8f
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
</el-form> </el-form>
<!-- 添加场景用例 --> <!-- 添加场景用例 -->
<el-dialog title="新增场景用例" :visible.sync="DialogVisible" width="30%"> <el-dialog title="新增场景用例" :visible.sync="DialogVisible" width="50%">
<el-form :model="sceneCaseForm" label-width="90px"> <el-form :model="sceneCaseForm" label-width="90px">
<el-form-item label="模块名称:" style="width:300px"> <el-form-item label="模块名称:" style="width:300px">
<el-select v-model="sceneCaseForm.moduleFrom" value-key="id" placeholder="请选择模块" @change="selectChangeModel" clearable> <el-select v-model="sceneCaseForm.moduleFrom" value-key="id" placeholder="请选择模块" @change="selectChangeModel" clearable>
...@@ -138,7 +138,7 @@ ...@@ -138,7 +138,7 @@
</el-form-item> </el-form-item>
</el-collapse-item> </el-collapse-item>
<!-- 参数列表 --> <!-- 参数列表 -->
<el-collapse-item name="3" title="参数列表"> <el-collapse-item name="3" title="参数变量">
<el-button type="success" plain @click="AddParamsListRow()" class="el-icon-circle-plus">添加行</el-button> <el-button type="success" plain @click="AddParamsListRow()" class="el-icon-circle-plus">添加行</el-button>
<el-form-item> <el-form-item>
<el-row> <el-row>
...@@ -172,15 +172,15 @@ ...@@ -172,15 +172,15 @@
</el-form-item> </el-form-item>
</el-collapse-item> </el-collapse-item>
<!-- 响应解析列表 --> <!-- 响应解析列表 -->
<el-collapse-item name="4" title="响应列表"> <el-collapse-item name="4" title="响应提取">
<el-button type="success" plain @click="AddResponseListRow()" class="el-icon-circle-plus">添加行</el-button> <el-button type="success" plain @click="AddResponseListRow()" class="el-icon-circle-plus">添加行</el-button>
<el-form-item> <el-form-item>
<el-row> <el-row>
<el-col :span="6"> <el-col :span="6">
<div class="grid-content" style="margin-left:15px">参数名称</div> <div class="grid-content" style="margin-left:15px">变量名称</div>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<div class="grid-content" style="margin-left:15px">参数值</div> <div class="grid-content" style="margin-left:15px">json路径表达式</div>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<div class="grid-content" style="margin-left:25px">操作</div> <div class="grid-content" style="margin-left:25px">操作</div>
...@@ -266,8 +266,8 @@ export default { ...@@ -266,8 +266,8 @@ export default {
data() { data() {
return { return {
col: [ col: [
{ label: '模块名称', prop: 'moduleName' }, { label: '接口名称', prop: 'interfaceName' },
{ label: '接口名称', prop: 'interfaceName' } { label: '模块名称', prop: 'moduleName' }
], ],
queryProjectList: { queryProjectList: {
pageNum: 1, pageNum: 1,
...@@ -662,3 +662,12 @@ export default { ...@@ -662,3 +662,12 @@ export default {
} }
} }
</script> </script>
<style lang="less" scoped>
// .el-select {
// width: 260px;
// }
// .el-input {
// width: 260px
// }
</style>
src/views/auto/InterfaceDetail.vue → src/views/auto/InterfaceList.vue
View file @ e9a3ab8f
...@@ -11,19 +11,19 @@ ...@@ -11,19 +11,19 @@
<el-option v-for="item in modelList" :key="item.id" :label="item.name" :value="item.id"></el-option> <el-option v-for="item in modelList" :key="item.id" :label="item.name" :value="item.id"></el-option>
</el-select> </el-select>
<el-input v-model="queryModuleInfo.interfaceName" clearable placeholder="请输入接口名称" style="width: 300px;"></el-input> <el-input v-model="queryModuleInfo.interfaceName" clearable placeholder="请输入接口名称" style="width: 300px;"></el-input>
<el-button type="primary" style="margin-left:20px" @click="queryData">查询</el-button> <el-button type="primary" style="margin-left:20px" icon="el-icon-search" @click="queryData">查询</el-button>
<el-button type="primary" style="margin-left:20px" @click="addPage">新增</el-button> <el-button type="primary" style="margin-left:20px" icon="el-icon-circle-plus" @click="addPage">新增</el-button>
</div> </div>
<el-table :data="interfaceList" border style="width: 100%;margin-top:20px"> <el-table :data="interfaceList" border style="width: 100%;margin-top:20px">
<el-table-column type='index' width="50px"></el-table-column> <el-table-column type='index' width="50px"></el-table-column>
<el-table-column prop="name" label="接口名称" width="150px"></el-table-column> <el-table-column prop="name" label="接口名称" width="150px"></el-table-column>
<el-table-column prop="url" label="接口路径" width="200px"></el-table-column>
<el-table-column prop="moduleName" label="所属模块" width="150px"></el-table-column>
<el-table-column prop="projectName" label="所属项目" width="150px"></el-table-column> <el-table-column prop="projectName" label="所属项目" width="150px"></el-table-column>
<el-table-column prop="moduleName" label="所属模块" width="200px"></el-table-column> <!-- <el-table-column prop="method" label="请求方式" width="100px"></el-table-column> -->
<el-table-column prop="url" label="接口路径" width="300px"></el-table-column> <!-- <el-table-column prop="paramType" label="参数类型" width="80px"></el-table-column> -->
<el-table-column prop="method" label="请求方式" width="70px"></el-table-column>
<el-table-column prop="paramType" label="参数类型" width="80px"></el-table-column>
<el-table-column prop="createTime" label="创建时间" width="200px"></el-table-column> <el-table-column prop="createTime" label="创建时间" width="200px"></el-table-column>
<el-table-column prop="updateTime" label="修改时间" width="200px"></el-table-column> <!-- <el-table-column prop="updateTime" label="修改时间" width="200px"></el-table-column> -->
<el-table-column label="操作"> <el-table-column label="操作">
<slot slot-scope="scope"> <slot slot-scope="scope">
<el-button type="success" @click="editInterfaceFrom(scope.row)">编辑</el-button> <el-button type="success" @click="editInterfaceFrom(scope.row)">编辑</el-button>
...@@ -171,3 +171,10 @@ export default { ...@@ -171,3 +171,10 @@ export default {
} }
} }
</script> </script>
<style lang="less" scoped>
.el-select {
margin-right: 10px;
margin-left: 5px;
}
</style>
src/views/auto/Model.vue
View file @ e9a3ab8f
...@@ -2,17 +2,17 @@ ...@@ -2,17 +2,17 @@
<div> <div>
<el-card> <el-card>
<div class="filter"> <div class="filter">
<el-button type="primary" @click="DialogVisible = true">新增</el-button> <el-button type="primary" icon="el-icon-circle-plus" @click="DialogVisible = true">新增</el-button>
</div> </div>
<el-table :data="modelList" border style="width: 100%;margin-top:20px"> <el-table :data="modelList" border style="width: 100%;margin-top:20px">
<!-- <el-table-column prop="id" label="序号" width="80px"></el-table-column> --> <!-- <el-table-column prop="id" label="序号" width="80px"></el-table-column> -->
<el-table-column type='index' width="50px"></el-table-column> <el-table-column type='index' width="50px"></el-table-column>
<el-table-column prop="name" label="模块名称" width="200px"></el-table-column> <el-table-column prop="name" label="模块名称" width="140px"></el-table-column>
<el-table-column prop="projectName" label="所属项目" width="200px"></el-table-column> <el-table-column prop="projectName" label="所属项目" width="140px"></el-table-column>
<el-table-column prop="domain" label="域名" width="300px"></el-table-column> <el-table-column prop="domain" label="域名" width="260px"></el-table-column>
<el-table-column prop="description" label="描述" width="210px"></el-table-column> <el-table-column prop="description" label="描述" width="140px"></el-table-column>
<el-table-column prop="createTime" label="创建时间" width="200px"></el-table-column> <el-table-column prop="createTime" label="创建时间" width="200px"></el-table-column>
<el-table-column prop="updateTime" label="修改时间" width="200px"></el-table-column> <!-- <el-table-column prop="updateTime" label="修改时间" width="200px"></el-table-column> -->
<el-table-column label="操作"> <el-table-column label="操作">
<slot slot-scope="scope"> <slot slot-scope="scope">
<el-button type="success" @click="openEditDialog(scope.row)">编辑</el-button> <el-button type="success" @click="openEditDialog(scope.row)">编辑</el-button>
...@@ -21,12 +21,11 @@ ...@@ -21,12 +21,11 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
<!-- 分页 --> <!-- 分页 -->
<el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="queryModuleInfo.pageNum" :page-size="queryModuleInfo.pageSize" layout="total, prev, pager, next" <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="queryModuleInfo.pageNum" :page-size="queryModuleInfo.pageSize" layout="total, prev, pager, next" :total="totalNum"></el-pagination>
:total="totalNum"></el-pagination>
</el-card> </el-card>
<!-- 新增模块 --> <!-- 新增模块 -->
<el-dialog title="新增模块" :visible.sync="DialogVisible" width="30%"> <el-dialog title="新增模块" :visible.sync="DialogVisible" @close="closeAddDialog" width="30%">
<el-form ref="modelForm" :rules="rules" :model="modelForm" label-width="90px"> <el-form ref="modelFormRef" :rules="rules" :model="modelForm" label-width="90px">
<el-form-item label="模块名称:" prop="name" style="width:400px"> <el-form-item label="模块名称:" prop="name" style="width:400px">
<el-input v-model="modelForm.name"></el-input> <el-input v-model="modelForm.name"></el-input>
</el-form-item> </el-form-item>
...@@ -142,37 +141,43 @@ export default { ...@@ -142,37 +141,43 @@ export default {
// 添加模块按钮 // 添加模块按钮
addModelFrom() { addModelFrom() {
if (this.modelForm.id) { this.$refs.modelFormRef.validate((valid) => {
editModel(this.modelForm).then((resp) => { if (!valid) {
if (resp.data.data === true) { return false
this.DialogVisible = false } else {
this.$message.success('修改成功！') if (this.modelForm.id) {
this.getModelList() editModel(this.modelForm).then((resp) => {
if (resp.data.data === true) {
this.DialogVisible = false
this.$message.success('修改成功！')
this.getModelList()
} else {
this.$message.error(resp.data.msg)
}
})
} else { } else {
this.$message.error(resp.data.msg) // 添加模块
addModul(this.modelForm)
.then((resp) => {
console.log('保存信息', this.modelForm)
if (resp.data.data === true) {
this.DialogVisible = false
this.$message.success('新增成功！')
this.modelList.name = ''
this.modelList.projectName = ''
this.modelList.description = ''
this.modelList.domain = ''
this.getModelList()
} else {
this.$message.error(resp.data.msg)
}
})
.catch((error) => {
this.$message({ type: 'error', message: error })
})
} }
}) }
} else { })
// 添加模块
addModul(this.modelForm)
.then((resp) => {
console.log('保存信息', this.modelForm)
if (resp.data.data === true) {
this.DialogVisible = false
this.$message.success('新增成功！')
this.modelList.name = ''
this.modelList.projectName = ''
this.modelList.description = ''
this.modelList.domain = ''
this.getModelList()
} else {
this.$message.error(resp.data.msg)
}
})
.catch((error) => {
this.$message({ type: 'error', message: error })
})
}
}, },
// 编辑模块 // 编辑模块
openEditDialog(row) { openEditDialog(row) {
...@@ -192,6 +197,9 @@ export default { ...@@ -192,6 +197,9 @@ export default {
}) })
.catch(() => {}) .catch(() => {})
}, },
closeAddDialog() {
this.$refs.modelFormRef.resetFields()
},
// 删除模块 // 删除模块
delModelFrom(row) { delModelFrom(row) {
this.delModelParam.moduleId = row.id this.delModelParam.moduleId = row.id
......
src/views/auto/Project.vue
View file @ e9a3ab8f
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<div class="filter"> <div class="filter">
<!-- <el-input placeholder="请输入项目名称" style="width:15%"></el-input> <!-- <el-input placeholder="请输入项目名称" style="width:15%"></el-input>
<el-button type="primary" icon="el-icon-search" @click="searchMockList">查询</el-button> --> <el-button type="primary" icon="el-icon-search" @click="searchMockList">查询</el-button> -->
<el-button type="primary" @click="DialogVisible = true">新增</el-button> <el-button type="primary" icon="el-icon-circle-plus" @click="DialogVisible = true">新增</el-button>
</div> </div>
<el-table :data="projectList" border style="width: 100%;margin-top:20px"> <el-table :data="projectList" border style="width: 100%;margin-top:20px">
<!-- <el-table-column prop="id" label="序号" width="80px"></el-table-column> --> <!-- <el-table-column prop="id" label="序号" width="80px"></el-table-column> -->
...@@ -12,11 +12,11 @@ ...@@ -12,11 +12,11 @@
<el-table-column prop="name" label="名称" width="200px"></el-table-column> <el-table-column prop="name" label="名称" width="200px"></el-table-column>
<el-table-column prop="description" label="描述" width="300px"></el-table-column> <el-table-column prop="description" label="描述" width="300px"></el-table-column>
<el-table-column prop="createTime" label="创建时间" width="200px"></el-table-column> <el-table-column prop="createTime" label="创建时间" width="200px"></el-table-column>
<el-table-column prop="updateTime" label="修改时间" width="200px"></el-table-column> <!-- <el-table-column prop="updateTime" label="修改时间" width="200px"></el-table-column> -->
<el-table-column label="操作"> <el-table-column label="操作">
<slot slot-scope="scope"> <slot slot-scope="scope">
<el-button type="success" @click="openEditDialog(scope.row)">编辑</el-button> <el-button type="success" icon="el-icon-edit" @click="openEditDialog(scope.row)">编辑</el-button>
<el-button type="danger" @click="delProjectFrom(scope.row)">删除</el-button> <el-button type="danger" icon="el-icon-delete" @click="delProjectFrom(scope.row)">删除</el-button>
</slot> </slot>
</el-table-column> </el-table-column>
</el-table> </el-table>
......
src/views/auto/SceneList.vue
View file @ e9a3ab8f
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
<el-table-column prop="name" label="场景名称" width="200px"></el-table-column> <el-table-column prop="name" label="场景名称" width="200px"></el-table-column>
<el-table-column prop="projectName" label="项目名称" width="200px"></el-table-column> <el-table-column prop="projectName" label="项目名称" width="200px"></el-table-column>
<el-table-column prop="createTime" label="创建时间" width="200px"></el-table-column> <el-table-column prop="createTime" label="创建时间" width="200px"></el-table-column>
<el-table-column prop="updateTime" label="修改时间" width="200px"></el-table-column> <!-- <el-table-column prop="updateTime" label="修改时间" width="200px"></el-table-column> -->
<el-table-column label="操作"> <el-table-column label="操作">
<slot slot-scope="scope"> <slot slot-scope="scope">
<el-button type="warning" @click="executeSceneFrom(scope.row)">执行</el-button> <el-button type="warning" @click="executeSceneFrom(scope.row)">执行</el-button>
...@@ -36,12 +36,12 @@ ...@@ -36,12 +36,12 @@
</div> </div>
</el-card> </el-card>
<!-- 新增页面 /编辑页面--> <!-- 新增页面 /编辑页面-->
<el-dialog title="新增场景" :visible.sync="DialogVisible" width="30%"> <el-dialog title="新增场景" :visible.sync="DialogVisible" width="50%">
<el-form ref="sceneForm" :rules="rules" :model="sceneForm" label-width="90px"> <el-form ref="sceneForm" :rules="rules" :model="sceneForm" label-width="90px">
<el-form-item label="场景名称:" prop="name" style="width:300px"> <el-form-item label="场景名称:" prop="name" style="width:400px">
<el-input v-model="sceneForm.name"></el-input> <el-input v-model="sceneForm.name"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="项目名称:" prop="projectId" style="width:500px"> <el-form-item label="项目名称:" prop="projectId" style="width:400px">
<el-select v-model="sceneForm.projectId" placeholder="请选择项目" clearable> <el-select v-model="sceneForm.projectId" placeholder="请选择项目" clearable>
<el-option v-for="item in projectList" :key="item.id" :label="item.name" :value="item.id"></el-option> <el-option v-for="item in projectList" :key="item.id" :label="item.name" :value="item.id"></el-option>
</el-select> </el-select>
...@@ -213,3 +213,12 @@ export default { ...@@ -213,3 +213,12 @@ export default {
} }
} }
</script> </script>
<style lang="less" scoped>
.el-input {
width: 300px;
}
.el-select {
width: 300px;
}
</style>
src/views/layout/leftAside/menu.json
View file @ e9a3ab8f
...@@ -121,7 +121,7 @@ ...@@ -121,7 +121,7 @@
"id": 3, "id": 3,
"title": "接口管理", "title": "接口管理",
"icon": "el-icon-bank-card", "icon": "el-icon-bank-card",
"path": "/auto/InterfaceDetail" "path": "/auto/InterfaceList"
}, },
{ {
"id": 4, "id": 4,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment