Skip to content

W
web
Commit e2795b5c authored by mengzixuan's avatar mengzixuan
Browse files
Options

feat(查看、确认试验方案): 列表修改

parent 0475dbdb
Hide whitespace changes
Inline Side-by-side
Showing with 129 additions and 133 deletions
src/views/processing/carTest/confirmation-test/index.vue
View file @ e2795b5c
......@@ -153,105 +153,48 @@
<span slot="title" style="width: 100%">
<div class="standard-box">
<div class="standard-left">
<div class="standard">标准：</div>
<div class="standard">标准要求：</div>
<div class="standard-title">
{{ item.chapter + item.text }}
</div>
</div>
<div class="standard-result">
审查结果：
<span v-if="item.passed == 1" class="green">符合</span>
<span v-else class="orange">不符合</span>
<el-button type="text" @click="testmMthod"
>标准测试方法</el-button
>
</div>
</div>
</span>
<table class="table">
<tr>
<th>审查要点</th>
<th>审查要点</th>
<th>测试场景</th>
<th>测试方法</th>
<th>用例编号</th>
<th>用例名称</th>
<th>对应输入</th>
</tr>
<template v-for="(keyPoint, keyPointKey) in item.keyPointList">
<template v-for="(keyPoint, keyPointKey) in item.testCaseList">
<tr :key="keyPointKey">
<td :rowspan="keyPoint.reviewDetailsList.length + 1">
{{ keyPoint.text }}
<td rowspan="1">
{{ keyPoint.testScenario }}
</td>
<td :rowspan="keyPoint.reviewDetailsList.length + 1">
{{ keyPoint.text }}
<td rowspan="1">
{{ keyPoint.testMethod }}
</td>
</tr>
</template>
</table>
</collapse-item>
</collapse>
</div>
<div class="form-review-questionnaire">
<div class="title-display">
<span class="title-i"></span>
<span class="title-content">测试情况概要</span>
</div>
<!--审查表单概要-->
<table class="table">
<col style="width: 100px" />
<thead>
<tr>
<th style="width: 100px">章节号</th>
<th>标准技术要求</th>
<th>标准测试方法</th>
<th>测试场景</th>
<th>测试类型</th>
<th>用例编号</th>
<th>测试结果</th>
<!-- <th>用例名称</th>-->
<!-- <th>工具</th>-->
<!-- <th>对应输入</th>-->
<!-- <th style="width: 370px">测试用例</th>-->
</tr>
</thead>
<tbody>
<template v-for="(i, PointIndex) in tableData">
<tr :key="'PointIndex1' + PointIndex">
<td align="center" :rowspan="getRows3(i)">
{{ i.chapter }}
</td>
<td align="center" :rowspan="getRows3(i)">
{{ i.text }}
</td>
<td align="center" :rowspan="getRows3(i)">
{{ i.testMethod }}
</td>
</tr>
<template v-for="(v, testCaseIndex) in i.testCaseList">
<tr :key="'testCaseIndex' + PointIndex + testCaseIndex">
<td align="center" rowspan="1">
{{ v.testScenario }}
</td>
<td align="center" rowspan="1">
{{ v.testType }}
<td rowspan="1">
{{ keyPoint.usecaseNo }}
</td>
<td align="center" rowspan="1">
{{ v.usecaseNo }}
<td rowspan="1">
{{ keyPoint.name }}
</td>
<td align="center" rowspan="1">
{{ '' }}
<td rowspan="1">
{{ keyPoint.input }}
</td>
<!-- <td align="center" rowspan="1">-->
<!-- {{ v.name }}-->
<!-- </td>-->
<!-- <td align="center" rowspan="1">-->
<!-- {{ v.tools }}-->
<!-- </td>-->
<!-- <td align="center" rowspan="1">-->
<!-- {{ v.input }}-->
<!-- </td>-->
<!-- <td align="center" rowspan="1">-->
<!-- {{ v.description }}-->
<!-- </td>-->
</tr>
</template>
</template>
</tbody>
</table>
</table>
</collapse-item>
</collapse>
</div>
<!--签字确认-->
<div class="form-signature-confirmation">
......@@ -295,6 +238,8 @@
</div>
</div>
</div>
<el-dialog title="标准测试方法" :visible.sync="open" append-to-body>
</el-dialog>
</task-standard>
</template>
<!--js逻辑-->
......@@ -314,6 +259,7 @@ export default {
mixins: [routerMixins],
data() {
return {
open: false,
activeNames: [],
tableData: [],
task: {},
......@@ -331,18 +277,22 @@ export default {
isLeader: ''
}
},
mounted() {
async created() {
this.getTest()
this.getTestDetail()
this.openAll()
await this.getTestDetail()
},
methods: {
getRows3,
testmMthod() {
this.open = true
},
/** 全部展开 */
openAll() {
this.activeNames = this.tableData.map(i => {
return i.chapter
})
},
/** 全部收起 */
closeAll() {
this.activeNames = []
},
......@@ -380,11 +330,13 @@ export default {
}
})
},
/** 获取列表数据 */
getTestDetail() {
this.loading = true
testDetail({ taskId: this.$route.query.id }).then(res => {
this.tableData = res.data
this.loading = false
this.openAll()
})
}
}
......
src/views/processing/carTest/review-form/index.vue
View file @ e2795b5c
......@@ -45,63 +45,84 @@
<!--查看试验方案列表-->
<div>
<div class="form-review-questionnaire">
<table class="table">
<col style="width: 100px" />
<thead>
<tr>
<th style="width: 100px">章节号</th>
<th>标准技术要求</th>
<th>标准测试方法</th>
<th>测试场景</th>
<th>测试类型</th>
<th>用例编号</th>
<th>用例名称</th>
<th>工具</th>
<th>对应输入</th>
<th style="width: 370px">测试用例</th>
</tr>
</thead>
<tbody>
<template v-for="(i, PointIndex) in tableData">
<tr :key="'PointIndex1' + PointIndex">
<td align="center" :rowspan="getRows3(i)">
{{ i.chapter }}
</td>
<td align="center" :rowspan="getRows3(i)">
{{ i.text }}
</td>
<td align="center" :rowspan="getRows3(i)">
{{ i.testMethod }}
</td>
<div class="title-display">
<span class="title-i"></span>
<span class="title-content">审查表单概要</span>
<div class="control-btns">
<div class="control-btn" @click="openAll()">
<icon-park
type="down-c"
theme="outline"
size="16"
style="margin-right: 5px"
fill="#303133"
/>
全部展开
</div>
<div class="control-btn" @click="closeAll()">
<icon-park
type="up-c"
theme="outline"
size="16"
style="margin-right: 5px"
fill="#303133"
/>
全部收起
</div>
</div>
</div>
<!--审查表单概要-->
<collapse v-model="activeNames" class="mt10">
<collapse-item
v-for="(item, key) in tableData"
:key="key"
:name="item.chapter"
>
<span slot="title" style="width: 100%">
<div class="standard-box">
<div class="standard-left">
<div class="standard">标准要求：</div>
<div class="standard-title">
{{ item.chapter + item.text }}
</div>
</div>
<div class="standard-result">
<el-button type="text" @click="testmMthod"
>标准测试方法</el-button
>
</div>
</div>
</span>
<table class="table">
<tr>
<th>测试场景</th>
<th>测试方法</th>
<th>用例编号</th>
<th>用例名称</th>
<th>对应输入</th>
</tr>
<template v-for="(v, testCaseIndex) in i.testCaseList">
<tr :key="'testCaseIndex' + PointIndex + testCaseIndex">
<td align="center" rowspan="1">
{{ v.testScenario }}
<template v-for="(keyPoint, keyPointKey) in item.testCaseList">
<tr :key="keyPointKey">
<td rowspan="1">
{{ keyPoint.testScenario }}
</td>
<td align="center" rowspan="1">
{{ v.testType }}
<td rowspan="1">
{{ keyPoint.testMethod }}
</td>
<td align="center" rowspan="1">
{{ v.usecaseNo }}
<td rowspan="1">
{{ keyPoint.usecaseNo }}
</td>
<td align="center" rowspan="1">
{{ v.name }}
<td rowspan="1">
{{ keyPoint.name }}
</td>
<td align="center" rowspan="1">
{{ v.tools }}
</td>
<td align="center" rowspan="1">
{{ v.input }}
</td>
<td align="center" rowspan="1">
{{ v.description }}
<td rowspan="1">
{{ keyPoint.input }}
</td>
</tr>
</template>
</template>
</tbody>
</table>
</table>
</collapse-item>
</collapse>
</div>
<!--返回按钮-->
<div class="bottom-btn">
......@@ -118,21 +139,30 @@
</div>
</div>
</div>
<el-dialog title="标准测试方法" :visible.sync="open" append-to-body>
</el-dialog>
</task-standard>
</template>
<!--js逻辑-->
<script>
import collapse from '@/components/Collapse/collapse'
import collapseItem from '@/components/Collapse/collapse-item'
import { getRows3 } from '../../../../utils/reviewDetailsTable'
import routerMixins from '@/mixins/router'
import { testDetail } from '../../../../api/task/test'
import { getBySubtaskId } from '../../../../api/task/task'
export default {
name: 'Index',
components: {
collapse: collapse,
'collapse-item': collapseItem
},
mixins: [routerMixins],
dicts: ['task_test_status'],
data() {
return {
open: false,
tableData: [],
activeNames: [],
model: {
systemReviewTask: {},
reviewSceneChangeTasks: {},
......@@ -148,6 +178,19 @@ export default {
},
methods: {
getRows3,
/** 全部展开 */
openAll() {
this.activeNames = this.tableData.map(i => {
return i.chapter
})
},
/** 全部收起 */
closeAll() {
this.activeNames = []
},
testmMthod() {
this.open = true
},
getTest() {
getBySubtaskId({ id: this.$route.query.id }).then(res => {
if (res.code === 200) {
......@@ -161,6 +204,7 @@ export default {
testDetail({ taskId: this.$route.query.id }).then(res => {
this.tableData = res.data
this.loading = false
this.openAll()
})
}
}
......
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