Skip to content

W
web
Commit 01724e2c authored by jiaxu.yan's avatar jiaxu.yan
Browse files
Options

feat(任务处理模块): 车型审查 页面修改

parent 1ec14399
Show whitespace changes
Inline Side-by-side
Showing with 1247 additions and 1765 deletions
src/assets/styles/process.scss
View file @ 01724e2c
......@@ -52,27 +52,42 @@
margin: 0 10px;
}
}
.message-list{
display:flex;
flex-wrap:wrap;
.message-list {
display: flex;
flex-wrap: wrap;
display: -webkit-flex; /* Safari */
padding: 1.5rem 4rem 1rem 4rem;
.message-box{
.message-box {
flex: 1;
display: flex;
//
align-items: center;
justify-content: flex-start;
.icon{
.icon {
font-size: 60px;
}
.message-detail{
.message-detail {
display: flex;
margin-left: 10px;
align-items:flex-start;
align-items: flex-start;
justify-content: flex-start;
flex-flow: column;
}
}
}
.app-container {
padding: 20px;
}
.custom-card {
::v-deep.el-card__header {
background-color: #f9f9f9;
}
}
.back-btn {
margin-left: 10px;
float: right;
}
.main-content-style {
padding: 0rem 2rem 0rem 2rem;
}
src/views/processing/carReview/review-form/index.vue
View file @ 01724e2c
<template>
<!--查看检查表单-->
<div>
<page-standard>
<div>
<div class="app-container">
<el-card class="custom-card">
<div slot="header" class="clearfix">
<!--1-抬头标题-->
<div class="title-style">
<div class="title-content-style">查看车型审查表单</div>
<div class="title-content-style">
<a href="/processing/unprocessed-review">返回</a>
<span>查看车型审查表单</span>
<div class="back-btn">
<el-button icon="el-icon-back" @click="handleBack"> 返回 </el-button>
</div>
</div>
<!--2-统计值-->
......@@ -33,7 +31,6 @@
</span>
</el-col>
</el-row>
<div class="control-btns">
<div class="control-btn" @click="openAll()">
<i class="iconfont icon-xiangxiazhankai-yuankuang"></i>
......@@ -47,7 +44,7 @@
<!--审查问卷概要-->
<collapse v-model="activeNames">
<collapse-item
v-for="(item, key) in model.systemReviewTask.standard"
v-for="(item, key) in model.carReviewTask.standard"
:key="key"
:name="item.chapter"
>
......@@ -105,7 +102,6 @@
</table>
</collapse-item>
</collapse>
<!--返回按钮-->
<div class="bottom-btn">
<el-button
......@@ -117,8 +113,7 @@
</el-button>
</div>
</div>
</div>
</page-standard>
</el-card>
</div>
</template>
<!--js逻辑-->
......@@ -139,6 +134,7 @@ export default {
detailsList: []
},
taskId: 1,
activeNames: [],
rules: {
enterpriseLeader: [
{ required: true, message: '请输入车企负责人', trigger: 'blur' }
......@@ -149,11 +145,12 @@ export default {
}
}
},
created() {
async created() {
if (this.$route.query.id) {
this.taskId = this.$route.query.id
}
this.getTask()
await this.getTask()
this.openAll()
},
methods: {
/**
......@@ -172,11 +169,21 @@ export default {
/* 返回跳转*/
goToProcessedReview() {
this.$router.push('/processing/unprocessed-review')
},
handleBack() {
this.$router.push('/processing/unprocessed-review')
},
openAll() {
this.activeNames = this.model.carReviewTask.standard.map(i => {
return i.chapter
})
},
closeAll() {
this.activeNames = []
}
}
}
</script>
<!--样式-->
<style scoped lang="scss">
/* 标题样式 */
......@@ -184,61 +191,27 @@ export default {
display: flex;
justify-content: space-between;
align-items: center;
padding-right: 2rem;
padding: 0 2rem;
width: 100%;
height: 3.5rem;
background-color: #f9f9f9;
}
/* 标题文字样式 */
.title-content-style {
margin-left: 1.5rem;
font-size: 1rem;
font-weight: bold;
color: #666666;
}
::v-deep .el-card__body {
padding: unset !important;
}
/* 主体内容布局 */
.main-content-style {
display: flex;
flex-direction: column;
width: 100%;
.btn {
margin: 0 8rem 8rem 4rem;
width: 5rem;
}
.main-statistics {
.control-btns {
display: flex;
margin: 0 65px;
justify-content: space-between;
.statistics-card {
width: 320px;
height: 120px;
background: #5ad8a6;
border-radius: 10px;
display: flex;
justify-content: space-between;
padding: 30px;
.card-left {
color: #f3f3f3;
font-size: 20px;
font-weight: bold;
}
align-items: center;
justify-content: flex-start;
margin-bottom: 40px;
.card-right {
::v-deep.iconfont {
font-size: 50px;
}
}
}
.control-btn {
color: #ff9900;
font-size: 14px;
margin-right: 10px;
cursor: pointer;
}
}
......@@ -246,85 +219,30 @@ export default {
margin-top: 3rem;
}
/* 任务编号,名称,单位样式 */
.task {
padding: 3rem 0 1rem 6rem;
::v-deep .el-form-item--medium .el-form-item__label {
font-size: 1.25rem;
font-weight: bold;
color: #999999;
}
::v-deep .el-form-item--medium .el-form-item__content {
font-size: 1.25rem;
color: #767676;
}
}
::v-deep .el-col-8 {
margin-right: 13rem;
margin-left: unset !important;
padding-left: unset !important;
width: unset !important;
}
/* 审查文件表格样式(最外层) */
.form-review-questionnaire {
padding: 2.5rem 4rem 1rem;
width: 100%;
height: max-content;
.title-display {
display: flex;
justify-content: flex-start;
align-items: center;
.title-i {
margin-right: 1rem;
width: 0.625rem;
height: 1.625rem;
background-color: #409eff;
}
.title-content {
font-size: 1rem;
font-weight: bold;
color: #409eff;
}
}
::v-deep .el-table--border {
width: unset !important;
}
.table {
border-collapse: collapse;
th {
text-align: center;
}
}
}
/* 表格样式 */
table {
margin-top: 20px;
border-collapse: collapse;
width: 100%;
}
/* 表格样式 */
thead {
background-color: #e7e6e6;
}
/* 表格样式 */
th,
td {
th {
border: 1px solid #f4f4f4;
padding: 8px;
text-align: left;
width: 300px;
height: 100%;
border: 1px solid black;
color: #2b85e4;
}
td {
border: 1px solid #f4f4f4;
padding: 8px;
text-align: left;
width: 300px;
height: 100%;
}
</style>
src/views/processing/carReview/source-record/index.vue
View file @ 01724e2c
<template>
<!--查看审查问卷页面-->
<div>
<page-standard>
<div>
<!--1-抬头标题-->
<div class="title-style">
<div class="title-content-style">
查看车型审查原始记录(所属任务: {{ model.carReviewTask.name }})
</div>
<div class="title-content-style">
<el-button type="text" @click="goToProcessedReview">返回</el-button>
<div class="app-container">
<el-card class="custom-card">
<div slot="header" class="clearfix">
<span>查看车型审查原始记录</span>
<div class="back-btn">
<el-button icon="el-icon-back" @click="$router.back()">
返回
</el-button>
</div>
</div>
<!--2-统计值-->
<div class="main-content-style">
<!--任务编号,名称,单位-->
<el-form label-width="6.25rem" class="task">
<el-row :gutter="60">
<el-row :gutter="60" class="task">
<el-col :span="8">
<el-form-item label="任务编号:">
<span>{{ model.carReviewTask.taskNo }}</span>
</el-form-item>
<span class="task-label">任务编号:</span>
<span class="task-content">
{{ model.carReviewTask.taskNo }}
</span>
</el-col>
<el-col :span="8">
<el-form-item label="任务名称:">
<span>{{ model.carReviewTask.name }}</span>
</el-form-item>
<span class="task-label">任务名称:</span>
<span class="task-content">
{{ model.carReviewTask.name }}
</span>
</el-col>
<el-col :span="8">
<el-form-item label="委托单位:">
<span>{{ model.carReviewTask.taskInitiatorDept }}</span>
</el-form-item>
<span class="task-label">委托单位:</span>
<span class="task-content">
{{ model.carReviewTask.taskInitiatorDep }}
</span>
</el-col>
</el-row>
</el-form>
<!--card统计值-->
<el-row
:gutter="60"
......@@ -105,74 +104,71 @@
<div class="form-review-questionnaire">
<div class="title-display">
<span class="title-i"></span>
<span class="title-content">检查表单概要</span>
<span class="title-content">审查问卷概要</span>
<div class="control-btns">
<div class="control-btn" @click="openAll()">
<i class="iconfont icon-xiangxiazhankai-yuankuang"></i>
全部展开
</div>
<div class="control-btn" @click="closeAll()">
<i class="iconfont icon-xiangshangshouqi"></i>
全部收起
</div>
</div>
<div>
<table class="table" style="width: 100%">
<thead>
</div>
<!--审查问卷概要-->
<collapse v-model="activeNames" class="mt10">
<collapse-item
v-for="(item, key) in model.carReviewTask.standard"
:key="key"
:name="item.chapter"
>
<span slot="title">
<div class="standard-box">
<div class="standard">标准：</div>
<div class="standard-title">
{{ item.chapter + item.text }}
</div>
</div>
</span>
<table class="table">
<tr>
<th>标准章节</th>
<th>标准要求</th>
<th>审查要点</th>
<th>审查细则</th>
<th>审查结果</th>
<th colspan="2">记录</th>
<th>填写人</th>
</tr>
</thead>
<tbody>
<!-- 循环遍历 arr -->
<template
v-for="(item, index) in model.carReviewTask.standard"
v-for="(keyPoint, keyPointKey) in item.keyPointList"
>
<tr :key="'standard-' + index">
<td align="center" :rowspan="getRows2(item)">
{{ item.chapter }}
</td>
<td align="center" :rowspan="getRows2(item)">
{{ item.text }}
<tr :key="keyPointKey">
<td :rowspan="keyPoint.reviewDetailsList.length + 1">
{{ keyPoint.text }}
</td>
</tr>
<!-- 循环遍历 keyPointList -->
<template v-for="(i, PointIndex) in item.keyPointList">
<tr :key="'PointIndex-2' + PointIndex + index">
<td align="center" :rowspan="getRows(i)">
{{ i.text }}
</td>
</tr>
<!-- 循环遍历 reviewDetailsList -->
<template
v-for="(v, reviewDetailIndex) in i.reviewDetailsList"
>
<tr
:key="
'reviewDetailIndex-3' +
PointIndex +
reviewDetailIndex +
index
"
v-for="(
reviewDetail, reviewDetailKey
) in keyPoint.reviewDetailsList"
>
<td align="center">
{{ v.text }}
</td>
<tr :key="reviewDetailKey">
<td>{{ reviewDetail.text }}</td>
<td align="center">
{{
v.result
? v.result.passed === null
reviewDetail.result
? reviewDetail.result.passed === null
? '__'
: v.result.passed === 0
: reviewDetail.result.passed === 0
? '不通过'
: '通过'
: '__'
}}
</td>
<td align="center"></td>
<td align="center"></td>
<td align="center">
{{
v.result
? v.result.userName
? v.result.userName
reviewDetail.result
? reviewDetail.result.userName
? reviewDetail.result.userName
: '__'
: '__'
}}
......@@ -180,42 +176,9 @@
</tr>
</template>
</template>
</template>
</tbody>
</table>
</div>
</div>
<!--确定车型试验范围-->
<div v-if="type === '1'">
<div class="form-review-questionnaire">
<div class="title-display">
<span class="title-i"></span>
<span class="title-content">确定车型试验范围</span>
</div>
<el-form
ref="form"
:model="ruleForm"
:rules="rules"
class="img-display"
>
<el-form-item prop="enterpriseLeader" label="选择测试场景">
<br />
<el-checkbox-group
v-model="ruleForm.result"
class="result-select"
size="small"
>
<el-checkbox
v-for="city in cities"
:key="city"
:label="city"
border
>{{ city }}</el-checkbox
>
</el-checkbox-group>
</el-form-item>
</el-form>
</div>
</collapse-item>
</collapse>
</div>
<!--签字确认-->
<div class="form-signature-confirmation">
......@@ -248,6 +211,9 @@
<el-button type="primary" plain @click="$router.go(-1)">
返回
</el-button>
<!-- <el-button type="primary" @click="goToProcessedReview">
确认提交
</el-button> -->
</div>
</div>
<div v-else class="form-review-questionnaire">
......@@ -264,21 +230,23 @@
<i class="el-icon-warning"></i>
<div>表单内容发生变更</div>
<div>审查场景有3条变更，需要修改表单填写内容</div>
<el-button type="primary" @click="goUpdate()"
>去修改表格</el-button
>
<el-button type="primary" @click="goUpdate()">去修改表格</el-button>
</div>
</div>
</div>
</div>
</page-standard>
</el-card>
</div>
</template>
<!--js逻辑-->
<script>
import { checkTaskDetail, taskSubmit } from '@/api/task/task'
import { getRows, getRows2 } from '@/utils/reviewDetailsTable.js'
import collapse from '@/components/Collapse/collapse'
import collapseItem from '@/components/Collapse/collapse-item'
export default {
components: {
collapse: collapse,
'collapse-item': collapseItem
},
data() {
return {
isShow: true,
......@@ -326,141 +294,26 @@ export default {
{ required: true, message: '请输入检验负责人', trigger: 'blur' }
]
},
tableData: [
{
id: '12987122',
name: '王小虎',
amount1: '234',
amount2: '3.2',
amount3: 10
},
{
id: '12987123',
name: '王小虎',
amount1: '165',
amount2: '4.43',
amount3: 12
},
{
id: '12987124',
name: '王小虎',
amount1: '324',
amount2: '1.9',
amount3: 9
},
{
id: '12987125',
name: '王小虎',
amount1: '621',
amount2: '2.2',
amount3: 17
},
{
id: '12987126',
name: '王小虎',
amount1: '539',
amount2: '4.1',
amount3: 15
},
{
id: '12987123',
name: '王小虎',
amount1: '165',
amount2: '4.43',
amount3: 12
},
{
id: '12987124',
name: '王小虎',
amount1: '324',
amount2: '1.9',
amount3: 9
},
{
id: '12987125',
name: '王小虎',
amount1: '621',
amount2: '2.2',
amount3: 17
},
{
id: '12987126',
name: '王小虎',
amount1: '539',
amount2: '4.1',
amount3: 15
},
{
id: '12987123',
name: '王小虎',
amount1: '165',
amount2: '4.43',
amount3: 12
},
{
id: '12987124',
name: '王小虎',
amount1: '324',
amount2: '1.9',
amount3: 9
},
{
id: '12987125',
name: '王小虎',
amount1: '621',
amount2: '2.2',
amount3: 17
},
{
id: '12987126',
name: '王小虎',
amount1: '539',
amount2: '4.1',
amount3: 15
},
{
id: '12987123',
name: '王小虎',
amount1: '165',
amount2: '4.43',
amount3: 12
},
{
id: '12987124',
name: '王小虎',
amount1: '324',
amount2: '1.9',
amount3: 9
},
{
id: '12987125',
name: '王小虎',
amount1: '621',
amount2: '2.2',
amount3: 17
},
{
id: '12987126',
name: '王小虎',
amount1: '539',
amount2: '4.1',
amount3: 15
}
],
taskId: '',
type: ''
activeNames: [],
taskId: ''
}
},
mounted() {
async mounted() {
if (this.$route.query.id) {
this.taskId = this.$route.query.id
}
if (this.$route.query.type) {
this.type = this.$route.query.type
}
this.getTask()
await this.getTask()
this.openAll()
},
methods: {
openAll() {
this.activeNames = this.model.carReviewTask.standard.map(i => {
return i.chapter
})
},
closeAll() {
this.activeNames = []
},
/**
* 获取任务详情
*/
......@@ -488,9 +341,7 @@ export default {
this.checkTestScenarioList.push(item.value)
}
console.log('李斯特', this.checkTestScenarioList)
},
getRows,
getRows2
}
}
}
</script>
......@@ -775,4 +626,16 @@ td {
}
}
}
.control-btns {
display: flex;
align-items: center;
justify-content: flex-start;
margin-left: 20px;
.control-btn {
color: #ff9900;
font-size: 14px;
margin-right: 10px;
cursor: pointer;
}
}
</style>
src/views/processing/carReview/vehicle-type/index.vue
View file @ 01724e2c
<template>
<!--查看审查问卷页面-->
<div>
<page-standard>
<div>
<!--1-抬头标题-->
<div class="title-style">
<div class="title-content-style">
确认车型审查结果(所属任务: {{ model.carReviewTask.name }})
</div>
<div class="title-content-style">
<el-button type="text" @click="goToProcessedReview">返回</el-button>
<div class="app-container">
<el-card class="custom-card">
<div slot="header" class="clearfix">
<span>确认车型审查结果</span>
<div class="back-btn">
<el-button icon="el-icon-back" @click="$router.back()">
返回
</el-button>
</div>
</div>
<div>
<!--2-统计值-->
<div class="main-content-style">
<!--任务编号,名称,单位-->
<el-form label-width="6.25rem" class="task">
<el-row :gutter="60">
<el-row :gutter="60" class="task">
<el-col :span="8">
<el-form-item label="任务编号:">
<span>{{ model.carReviewTask.taskNo }}</span>
</el-form-item>
<span class="task-label">任务编号:</span>
<span class="task-content">
{{ model.carReviewTask.taskNo }}
</span>
</el-col>
<el-col :span="8">
<el-form-item label="任务名称:">
<span>{{ model.carReviewTask.name }}</span>
</el-form-item>
<span class="task-label">任务名称:</span>
<span class="task-content">
{{ model.carReviewTask.name }}
</span>
</el-col>
<el-col :span="8">
<el-form-item label="委托单位:">
<span>{{ model.carReviewTask.taskInitiatorDept }}</span>
</el-form-item>
<span class="task-label">委托单位:</span>
<span class="task-content">
{{ model.carReviewTask.taskInitiatorDep }}
</span>
</el-col>
</el-row>
</el-form>
<!--card统计值-->
<el-row
:gutter="60"
style="display: flex; margin-left: 2rem; margin-right: 2rem"
>
<el-col :span="6">
<div
class="card-statistical-style"
style="background-color: #5ad8a6"
>
<span class="content">
<span class="value">80%</span>
<span class="title">审查通过率</span>
</span>
<img
class="img"
src="@/assets/images/questionnaire/tongguolv.png"
/>
<div class="message-list">
<div class="message-box">
<i class="icon el-icon-tickets"></i>
<div class="message-detail">
<div class="detail-title">审查细则(条)</div>
<div class="detail-num mt10">100</div>
</div>
</el-col>
<el-col :span="6">
<div
class="card-statistical-style"
style="background-color: #ff99c3"
>
<span class="content">
<span class="value">20%</span>
<span class="title">审查失败率</span>
</span>
<img
class="img"
src="@/assets/images/questionnaire/shibailv.png"
/>
</div>
</el-col>
<el-col :span="6">
<div
class="card-statistical-style"
style="background-color: #6dc8ec"
>
<span class="content">
<span class="value">100条</span>
<span class="title">审查细则数</span>
</span>
<img
class="img"
src="@/assets/images/questionnaire/xizeshu.png"
/>
<div class="message-box">
<i class="icon el-icon-tickets"></i>
<div class="message-detail">
<div class="detail-title">审查细则符合率（%）</div>
<div class="detail-num mt10">100</div>
</div>
</el-col>
<el-col :span="6">
<div
class="card-statistical-style"
style="background-color: #5b8ff9"
>
<span class="content">
<span class="value">5人</span>
<span class="title">参与审查人数</span>
</span>
<img
class="img"
src="@/assets/images/questionnaire/shencharenshu.png"
/>
</div>
</el-col>
</el-row>
<!--检查表单概要-->
<div class="message-box">
<i class="icon el-icon-tickets"></i>
<div class="message-detail">
<div class="detail-title">标准条款(条)</div>
<div class="detail-num mt10">100</div>
</div>
</div>
<div class="message-box">
<i class="icon el-icon-tickets"></i>
<div class="message-detail">
<div class="detail-title">标准条款通过率(条)</div>
<div class="detail-num mt10">100</div>
</div>
</div>
<div class="message-box">
<i class="icon el-icon-tickets"></i>
<div class="message-detail">
<div class="detail-title">参与审查人数（人）</div>
<div class="detail-num mt10">100</div>
</div>
</div>
</div>
<!--审查表单概要-->
<div v-if="isShow">
<div class="form-review-questionnaire">
<div class="title-display">
<span class="title-i"></span>
<span class="title-content">检查表单概要</span>
<span class="title-content">审查表单概要</span>
<div class="control-btns">
<div class="control-btn" @click="openAll()">
<i class="iconfont icon-xiangxiazhankai-yuankuang"></i>
全部展开
</div>
<div>
<table class="table" style="width: 100%">
<thead>
<div class="control-btn" @click="closeAll()">
<i class="iconfont icon-xiangshangshouqi"></i>
全部收起
</div>
</div>
</div>
<collapse v-model="activeNames" class="mt10">
<collapse-item
v-for="(item, key) in model.carReviewTask.standard"
:key="key"
:name="item.chapter"
>
<span slot="title">
<div class="standard-box">
<div class="standard">标准：</div>
<div class="standard-title">
{{ item.chapter + item.text }}
</div>
</div>
</span>
<table class="table">
<tr>
<th>标准章节</th>
<th>标准要求</th>
<th>审查要点</th>
<th>审查细则</th>
<th>审查结果</th>
<th colspan="2">记录</th>
<th>填写人</th>
</tr>
</thead>
<tbody>
<!-- 循环遍历 arr -->
<template
v-for="(item, index) in model.carReviewTask.standard"
v-for="(keyPoint, keyPointKey) in item.keyPointList"
>
<tr :key="'standard-' + index">
<td align="center" :rowspan="getRows2(item)">
{{ item.chapter }}
</td>
<td align="center" :rowspan="getRows2(item)">
{{ item.text }}
</td>
</tr>
<!-- 循环遍历 keyPointList -->
<template v-for="(i, PointIndex) in item.keyPointList">
<tr :key="'PointIndex-2' + PointIndex + index">
<td align="center" :rowspan="getRows(i)">
{{ i.text }}
<tr :key="keyPointKey">
<td :rowspan="keyPoint.reviewDetailsList.length + 1">
{{ keyPoint.text }}
</td>
</tr>
<!-- 循环遍历 reviewDetailsList -->
<template
v-for="(v, reviewDetailIndex) in i.reviewDetailsList"
v-for="(
reviewDetail, reviewDetailKey
) in keyPoint.reviewDetailsList"
>
<tr
:key="
'reviewDetailIndex-3' +
PointIndex +
reviewDetailIndex +
index
"
>
<td align="center">
{{ v.text }}
</td>
<tr :key="reviewDetailKey">
<td align="center">{{ reviewDetail.text }}</td>
<td align="center">
{{
v.result
? v.result.passed === null
reviewDetail.result
? reviewDetail.result.passed === null
? '__'
: v.result.passed === 0
: reviewDetail.result.passed === 0
? '不通过'
: '通过'
: '__'
}}
</td>
<td align="center"></td>
<td align="center"></td>
<td align="center">
{{
v.result
? v.result.userName
? v.result.userName
reviewDetail.result
? reviewDetail.result.userName
? reviewDetail.result.userName
: '__'
: '__'
}}
......@@ -180,10 +149,9 @@
</tr>
</template>
</template>
</template>
</tbody>
</table>
</div>
</collapse-item>
</collapse>
</div>
<!--确定车型试验范围-->
<div>
......@@ -274,18 +242,22 @@
</div>
</div>
</div>
</page-standard>
</el-card>
</div>
</template>
<!--js逻辑-->
<script>
import { checkTaskDetail, taskSubmit } from '@/api/task/task'
import { getRows, getRows2 } from '@/utils/reviewDetailsTable.js'
import { checkTaskDetail } from '@/api/task/task'
import collapse from '@/components/Collapse/collapse'
import collapseItem from '@/components/Collapse/collapse-item'
export default {
components: {
collapse: collapse,
'collapse-item': collapseItem
},
data() {
return {
isShow: true,
auditRequirement: 0,
testScenarioList: [
{ value: 0, label: 'TBOX-蜂窝以太网接口', check: false },
......@@ -322,6 +294,7 @@ export default {
inspectionLeader: '',
result: []
},
activeNames: [],
rules: {
enterpriseLeader: [
{ required: true, message: '请输入车企负责人', trigger: 'blur' }
......@@ -330,135 +303,15 @@ export default {
{ required: true, message: '请输入检验负责人', trigger: 'blur' }
]
},
tableData: [
{
id: '12987122',
name: '王小虎',
amount1: '234',
amount2: '3.2',
amount3: 10
},
{
id: '12987123',
name: '王小虎',
amount1: '165',
amount2: '4.43',
amount3: 12
},
{
id: '12987124',
name: '王小虎',
amount1: '324',
amount2: '1.9',
amount3: 9
},
{
id: '12987125',
name: '王小虎',
amount1: '621',
amount2: '2.2',
amount3: 17
},
{
id: '12987126',
name: '王小虎',
amount1: '539',
amount2: '4.1',
amount3: 15
},
{
id: '12987123',
name: '王小虎',
amount1: '165',
amount2: '4.43',
amount3: 12
},
{
id: '12987124',
name: '王小虎',
amount1: '324',
amount2: '1.9',
amount3: 9
},
{
id: '12987125',
name: '王小虎',
amount1: '621',
amount2: '2.2',
amount3: 17
},
{
id: '12987126',
name: '王小虎',
amount1: '539',
amount2: '4.1',
amount3: 15
},
{
id: '12987123',
name: '王小虎',
amount1: '165',
amount2: '4.43',
amount3: 12
},
{
id: '12987124',
name: '王小虎',
amount1: '324',
amount2: '1.9',
amount3: 9
},
{
id: '12987125',
name: '王小虎',
amount1: '621',
amount2: '2.2',
amount3: 17
},
{
id: '12987126',
name: '王小虎',
amount1: '539',
amount2: '4.1',
amount3: 15
},
{
id: '12987123',
name: '王小虎',
amount1: '165',
amount2: '4.43',
amount3: 12
},
{
id: '12987124',
name: '王小虎',
amount1: '324',
amount2: '1.9',
amount3: 9
},
{
id: '12987125',
name: '王小虎',
amount1: '621',
amount2: '2.2',
amount3: 17
},
{
id: '12987126',
name: '王小虎',
amount1: '539',
amount2: '4.1',
amount3: 15
}
],
taskId: ''
}
},
mounted() {
async mounted() {
if (this.$route.query.id) {
this.taskId = this.$route.query.id
}
this.getTask()
await this.getTask()
this.openAll()
},
methods: {
/**
......@@ -495,8 +348,14 @@ export default {
}
console.log('李斯特', this.checkTestScenarioList)
},
getRows,
getRows2
openAll() {
this.activeNames = this.model.carReviewTask.standard.map(i => {
return i.chapter
})
},
closeAll() {
this.activeNames = []
}
}
}
</script>
......@@ -525,6 +384,26 @@ export default {
padding: unset !important;
}
.result-select {
display: flex;
flex-wrap: wrap;
::v-deep .el-checkbox {
width: 15%;
margin: 10px;
border-radius: 40px;
.el-checkbox__inner {
display: none;
}
.el-checkbox__label {
text-align: center;
width: 100%;
}
}
}
/*主体内容布局*/
.main-content-style {
display: flex;
......@@ -618,6 +497,20 @@ export default {
}
}
.control-btns {
display: flex;
align-items: center;
justify-content: flex-start;
margin-left: 20px;
.control-btn {
color: #ff9900;
font-size: 14px;
margin-right: 10px;
cursor: pointer;
}
}
::v-deep .el-table--border {
width: unset !important;
}
......@@ -674,14 +567,7 @@ thead {
background-color: #e7e6e6;
}
th {
border: 1px solid black;
padding: 8px;
text-align: center;
width: 300px;
height: 100%;
}
th,
td {
border: 1px solid black;
padding: 8px;
......@@ -691,10 +577,10 @@ td {
}
.bottom-btn {
text-align: center;
bottom: 10px;
margin-bottom: 50px;
/* 调整按钮距离底部的距离 */
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
.tips {
......@@ -727,36 +613,9 @@ td {
font-size: 100px;
}
}
.experimental-range {
height: max-content;
width: 100%;
padding: 2.5rem 4rem 1rem 4rem;
.title-display {
display: flex;
align-items: center;
justify-content: flex-start;
.title-i {
height: 1.625rem;
margin-right: 1rem;
background-color: #409eff;
width: 0.625rem;
}
.title-content {
color: #409eff;
font-size: 1rem;
font-weight: bold;
}
}
}
.test-scenario-container {
display: flex;
flex-wrap: wrap;
.test-scenario {
width: 220px;
height: 40px;
......@@ -764,23 +623,19 @@ td {
background-color: #ffffff;
margin: 0 10px 10px 0;
border-radius: 30px;
cursor: pointer;
div {
text-align: center;
position: relative;
top: 8px;
}
}
.check-test-scenario {
width: 220px;
height: 40px;
cursor: pointer;
border: 1px solid #a1cfff;
background-color: #f0f7ff;
margin: 0 10px 10px 0;
border-radius: 30px;
div {
color: #68b6ff;
text-align: center;
......
src/views/processing/carReview/write-check-form/index.vue
View file @ 01724e2c
......@@ -11,6 +11,26 @@
</div>
</div>
<div class="main-content">
<el-row :gutter="60" class="task">
<el-col :span="8">
<span class="task-label">任务编号:</span>
<span class="task-content">
{{ model.carReviewTask.taskNo }}
</span>
</el-col>
<el-col :span="8">
<span class="task-label">任务名称:</span>
<span class="task-content">
{{ model.carReviewTask.name }}
</span>
</el-col>
<el-col :span="8">
<span class="task-label">委托单位:</span>
<span class="task-content">
{{ model.carReviewTask.taskInitiatorDep }}
</span>
</el-col>
</el-row>
<div class="prompt-message">
<span
>问卷填写情况：共{{ model.detailsList.length }}条审查细则，已完成{{
......
src/views/processing/fileLibrary/index.vue
View file @ 01724e2c
<template>
<page-standard>
<div slot="tab">车企文件库</div>
<div slot="tab">车企文件库管理</div>
<el-form ref="queryForm" :model="queryParams" size="small" :inline="true">
<el-form-item prop="status">
<el-input
......
src/views/processing/systemReview/confirm-result/index.vue
View file @ 01724e2c
<template>
<!--查看审查问卷页面-->
<div>
<page-standard>
<div>
<!--1-抬头标题-->
<div class="title-style">
<div class="title-content-style">
确认体系审查结果(所属任务：{{ model.systemReviewTask.name }})
</div>
<div class="title-content-style">
<el-button type="text" @click="$router.back()">返回</el-button>
<div class="app-container">
<el-card class="custom-card">
<div slot="header" class="clearfix">
<span>确认体系审查结果</span>
<div class="back-btn">
<el-button icon="el-icon-back" @click="$router.back()">
返回
</el-button>
</div>
</div>
<!--2-统计值-->
......@@ -237,20 +235,16 @@
<i class="el-icon-warning"></i>
<div>表单内容发生变更</div>
<div>审查场景有3条变更，需要修改表单填写内容</div>
<el-button type="primary" @click="goUpdate()"
>去修改表格</el-button
>
</div>
<el-button type="primary" @click="goUpdate()">去修改表格</el-button>
</div>
</div>
</div>
</page-standard>
</el-card>
</div>
</template>
<!--js逻辑-->
<script>
import { reviewTaskDetail, taskSubmit } from '@/api/task/task'
import { getRows, getRows2 } from '@/utils/reviewDetailsTable.js'
import collapse from '@/components/Collapse/collapse'
import collapseItem from '@/components/Collapse/collapse-item'
export default {
......
src/views/processing/systemReview/review-form/index.vue
View file @ 01724e2c
<template>
<!--查看检查表单-->
<div>
<page-standard>
<div>
<div class="app-container">
<el-card class="custom-card">
<div slot="header" class="clearfix">
<!--1-抬头标题-->
<div class="title-style">
<div class="title-content-style">查看体系审查表单</div>
<div class="title-content-style">
<a href="/processing/unprocessed-review">返回</a>
<span>查看体系审查表单</span>
<div class="back-btn">
<el-button icon="el-icon-back" @click="handleBack"> 返回 </el-button>
</div>
</div>
<!--2-统计值-->
......@@ -115,8 +114,7 @@
</el-button>
</div>
</div>
</div>
</page-standard>
</el-card>
</div>
</template>
<!--js逻辑-->
......@@ -165,6 +163,9 @@ export default {
closeAll() {
this.activeNames = []
},
handleBack() {
this.$router.push('/processing/unprocessed-review')
},
/**
* 获取任务详情
*/
......@@ -195,64 +196,16 @@ export default {
display: flex;
justify-content: space-between;
align-items: center;
padding-right: 2rem;
padding: 0 2rem;
width: 100%;
height: 3.5rem;
background-color: #f9f9f9;
}
/* 标题文字样式 */
.title-content-style {
margin-left: 1.5rem;
font-size: 1rem;
font-weight: bold;
color: #666666;
}
::v-deep .el-card__body {
padding: unset !important;
}
/* 主体内容布局 */
.main-content-style {
display: flex;
flex-direction: column;
margin: 3rem 6rem;
.btn {
margin: 0 8rem 8rem 4rem;
width: 5rem;
}
.main-statistics {
display: flex;
margin: 0 65px;
justify-content: space-between;
.statistics-card {
width: 320px;
height: 120px;
background: #5ad8a6;
border-radius: 10px;
display: flex;
justify-content: space-between;
padding: 30px;
.card-left {
color: #f3f3f3;
font-size: 20px;
font-weight: bold;
}
.card-right {
::v-deep.iconfont {
font-size: 50px;
}
}
}
}
}
.control-btns {
display: flex;
align-items: center;
......
src/views/processing/systemReview/source-record/index.vue
View file @ 01724e2c
<template>
<!--查看审查问卷页面-->
<div>
<page-standard>
<div>
<!--1-抬头标题-->
<div class="title-style">
<div class="title-content-style">体系审查原始记录</div>
<div class="title-content-style">
<el-button type="text" @click="goToProcessedReview">返回</el-button>
<div class="app-container">
<el-card class="custom-card">
<div slot="header" class="clearfix">
<span>体系审查原始记录</span>
<div class="back-btn">
<el-button icon="el-icon-back" @click="$router.back()">
返回
</el-button>
</div>
</div>
<!--2-统计值-->
......@@ -230,14 +231,11 @@
<i class="el-icon-warning"></i>
<div>表单内容发生变更</div>
<div>审查场景有3条变更，需要修改表单填写内容</div>
<el-button type="primary" @click="goUpdate()"
>去修改表格</el-button
>
</div>
<el-button type="primary" @click="goUpdate()">去修改表格</el-button>
</div>
</div>
</div>
</page-standard>
</el-card>
</div>
</template>
<!--js逻辑-->
......@@ -297,139 +295,14 @@ export default {
{ required: true, message: '请输入检验负责人', trigger: 'blur' }
]
},
tableData: [
{
id: '12987122',
name: '王小虎',
amount1: '234',
amount2: '3.2',
amount3: 10
},
{
id: '12987123',
name: '王小虎',
amount1: '165',
amount2: '4.43',
amount3: 12
},
{
id: '12987124',
name: '王小虎',
amount1: '324',
amount2: '1.9',
amount3: 9
},
{
id: '12987125',
name: '王小虎',
amount1: '621',
amount2: '2.2',
amount3: 17
},
{
id: '12987126',
name: '王小虎',
amount1: '539',
amount2: '4.1',
amount3: 15
},
{
id: '12987123',
name: '王小虎',
amount1: '165',
amount2: '4.43',
amount3: 12
},
{
id: '12987124',
name: '王小虎',
amount1: '324',
amount2: '1.9',
amount3: 9
},
{
id: '12987125',
name: '王小虎',
amount1: '621',
amount2: '2.2',
amount3: 17
},
{
id: '12987126',
name: '王小虎',
amount1: '539',
amount2: '4.1',
amount3: 15
},
{
id: '12987123',
name: '王小虎',
amount1: '165',
amount2: '4.43',
amount3: 12
},
{
id: '12987124',
name: '王小虎',
amount1: '324',
amount2: '1.9',
amount3: 9
},
{
id: '12987125',
name: '王小虎',
amount1: '621',
amount2: '2.2',
amount3: 17
},
{
id: '12987126',
name: '王小虎',
amount1: '539',
amount2: '4.1',
amount3: 15
},
{
id: '12987123',
name: '王小虎',
amount1: '165',
amount2: '4.43',
amount3: 12
},
{
id: '12987124',
name: '王小虎',
amount1: '324',
amount2: '1.9',
amount3: 9
},
{
id: '12987125',
name: '王小虎',
amount1: '621',
amount2: '2.2',
amount3: 17
},
{
id: '12987126',
name: '王小虎',
amount1: '539',
amount2: '4.1',
amount3: 15
}
],
taskId: '',
activeNames: [],
type: ''
activeNames: []
}
},
async mounted() {
if (this.$route.query.id) {
this.taskId = this.$route.query.id
}
if (this.$route.query.type) {
this.type = this.$route.query.type
}
await this.getTask()
this.openAll()
},
......
src/views/processing/systemReview/write-check-form/index.vue
View file @ 01724e2c
......@@ -535,24 +535,16 @@ export default {
</script>
<style scoped lang="scss">
.app-container {
padding: 20px;
.custom-card {
::v-deep.el-card__header {
background-color: #f9f9f9;
}
.back-btn {
.back-btn {
margin-left: 10px;
float: right;
}
}
.other-btn {
.other-btn {
float: right;
}
}
.main-content {
.main-content {
min-height: 550px;
.prompt-message {
......@@ -669,13 +661,11 @@ export default {
}
}
}
}
}
.bottom-btn {
.bottom-btn {
display: flex;
justify-content: center;
}
}
}
.label-btn {
......
src/views/processing/unprocessed-review/index.vue
View file @ 01724e2c
......@@ -293,14 +293,14 @@
title="任务详情"
@click="goDetail(item.id)"
></el-button>
<el-button
<!-- <el-button
type="warning"
icon="el-icon-s-promotion"
size="mini"
circle
title="移交任务"
@click="openTaskDialog"
></el-button>
></el-button> -->
<!-- <el-button
type="success"
icon="el-icon-s-management"
......@@ -420,7 +420,8 @@ export default {
// .then(res => {
// if (res.code === 200) {
// console.log(res.rows)
// res.rows[0].carReviewStatus = 'NEW'
// res.rows[0].carReviewStatus = 'FINISH'
// res.rows[0].reviewStatus = 'FINISH'
// this.tableData = res.rows
// this.total = res.total
// }
......
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