Commit 01724e2c authored by jiaxu.yan's avatar jiaxu.yan

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

parent 1ec14399
......@@ -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;
}
......@@ -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 }}条审查细则,已完成{{
......
<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
......
<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>
</div>
<span>查看体系审查表单</span>
<div class="back-btn">
<el-button icon="el-icon-back" @click="handleBack"> 返回 </el-button>
</div>
<!--2-统计值-->
<div class="main-content-style">
<!--任务编号,名称,单位-->
<el-row :gutter="60" class="task">
<el-col :span="8">
<span class="task-label">任务编号:</span>
<span class="task-content">
{{ model.systemReviewTask.taskNo }}
</span>
</el-col>
<el-col :span="8">
<span class="task-label">任务名称:</span>
<span class="task-content">
{{ model.systemReviewTask.name }}
</span>
</el-col>
<el-col :span="8">
<span class="task-label">委托单位:</span>
<span class="task-content">
{{ model.systemReviewTask.taskInitiatorDep }}
</span>
</el-col>
</el-row>
<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>
<!--2-统计值-->
<div class="main-content-style">
<!--任务编号,名称,单位-->
<el-row :gutter="60" class="task">
<el-col :span="8">
<span class="task-label">任务编号:</span>
<span class="task-content">
{{ model.systemReviewTask.taskNo }}
</span>
</el-col>
<el-col :span="8">
<span class="task-label">任务名称:</span>
<span class="task-content">
{{ model.systemReviewTask.name }}
</span>
</el-col>
<el-col :span="8">
<span class="task-label">委托单位:</span>
<span class="task-content">
{{ model.systemReviewTask.taskInitiatorDep }}
</span>
</el-col>
</el-row>
<div class="control-btns">
<div class="control-btn" @click="openAll()">
<i class="iconfont icon-xiangxiazhankai-yuankuang"></i>
全部展开
</div>
<!--审查问卷概要-->
<collapse v-model="activeNames">
<collapse-item
v-for="(item, key) in model.systemReviewTask.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 class="control-btn" @click="closeAll()">
<i class="iconfont icon-xiangshangshouqi"></i>
全部收起
</div>
</div>
<!--审查问卷概要-->
<collapse v-model="activeNames">
<collapse-item
v-for="(item, key) in model.systemReviewTask.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>
</span>
<table class="table">
<tr>
<th>审查要点</th>
<th>审查细则</th>
<th>审查结果</th>
<th>填写人</th>
</div>
</span>
<table class="table">
<tr>
<th>审查要点</th>
<th>审查细则</th>
<th>审查结果</th>
<th>填写人</th>
</tr>
<template v-for="(keyPoint, keyPointKey) in item.keyPointList">
<tr :key="keyPointKey">
<td :rowspan="keyPoint.reviewDetailsList.length + 1">
{{ keyPoint.text }}
</td>
</tr>
<template v-for="(keyPoint, keyPointKey) in item.keyPointList">
<tr :key="keyPointKey">
<td :rowspan="keyPoint.reviewDetailsList.length + 1">
{{ keyPoint.text }}
<template
v-for="(
reviewDetail, reviewDetailKey
) in keyPoint.reviewDetailsList"
>
<tr :key="reviewDetailKey">
<td>{{ reviewDetail.text }}</td>
<td align="center">
{{
reviewDetail.result
? reviewDetail.result.passed === null
? '__'
: reviewDetail.result.passed === 0
? '不通过'
: '通过'
: '__'
}}
</td>
</tr>
<template
v-for="(
reviewDetail, reviewDetailKey
) in keyPoint.reviewDetailsList"
>
<tr :key="reviewDetailKey">
<td>{{ reviewDetail.text }}</td>
<td align="center">
{{
reviewDetail.result
? reviewDetail.result.passed === null
? '__'
: reviewDetail.result.passed === 0
? '不通过'
: '通过'
: '__'
}}
</td>
<td align="center">
{{
reviewDetail.result
<td align="center">
{{
reviewDetail.result
? reviewDetail.result.userName
? reviewDetail.result.userName
? reviewDetail.result.userName
: '__'
: '__'
}}
</td>
</tr>
</template>
: '__'
}}
</td>
</tr>
</template>
</table>
</collapse-item>
</collapse>
<!--返回按钮-->
<div class="bottom-btn">
<el-button
class="btn"
type="primary"
plain
@click="goToProcessedReview"
>返 回
</el-button>
</div>
</template>
</table>
</collapse-item>
</collapse>
<!--返回按钮-->
<div class="bottom-btn">
<el-button
class="btn"
type="primary"
plain
@click="goToProcessedReview"
>返 回
</el-button>
</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;
......
......@@ -535,149 +535,139 @@ export default {
</script>
<style scoped lang="scss">
.app-container {
padding: 20px;
.back-btn {
margin-left: 10px;
float: right;
}
.custom-card {
::v-deep.el-card__header {
background-color: #f9f9f9;
}
.other-btn {
float: right;
}
.back-btn {
margin-left: 10px;
float: right;
}
.main-content {
min-height: 550px;
.other-btn {
float: right;
}
.prompt-message {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 40px;
.main-content {
min-height: 550px;
.center-text {
color: #f56c6c;
}
}
.prompt-message {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 40px;
.left-content {
.tick-class {
float: right;
position: relative;
top: -1.8em;
left: -1em;
.center-text {
color: #f56c6c;
}
i {
color: #25c173;
}
}
.left-content {
.tick-class {
float: right;
position: relative;
top: -1.8em;
left: -1em;
i {
color: #25c173;
}
}
.no-exclamation-point {
float: left;
width: 1px;
height: 1px;
padding-left: 30px;
}
.exclamation-point {
float: left;
margin-top: 6px;
margin-right: 10px;
position: relative;
width: 20px;
height: 20px;
border: 2px solid #f56c6c;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 24px;
font-weight: bold;
margin-bottom: 5px;
.exclamation {
position: absolute;
font-size: 12px;
color: #f56c6c;
font-weight: bold;
}
}
.no-exclamation-point {
float: left;
width: 1px;
height: 1px;
padding-left: 30px;
}
.no-select-circle {
cursor: pointer;
width: 35px;
height: 35px;
border: 3px solid #c0c0c0;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 24px;
font-weight: bold;
position: relative;
margin-bottom: 5px;
.exclamation-point {
float: left;
margin-top: 6px;
margin-right: 10px;
position: relative;
width: 20px;
height: 20px;
border: 2px solid #f56c6c;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 24px;
font-weight: bold;
margin-bottom: 5px;
.inner-text {
position: absolute;
font-size: 16px;
z-index: 1;
color: #c0c0c0;
}
}
.exclamation {
position: absolute;
font-size: 12px;
color: #f56c6c;
font-weight: bold;
}
}
.select-circle {
cursor: pointer;
width: 35px;
height: 35px;
border: 3px solid #6ab3ff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 24px;
font-weight: bold;
position: relative;
margin-bottom: 5px;
.no-select-circle {
cursor: pointer;
width: 35px;
height: 35px;
border: 3px solid #c0c0c0;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 24px;
font-weight: bold;
position: relative;
margin-bottom: 5px;
.inner-text {
position: absolute;
font-size: 16px;
z-index: 1;
color: #6ab3ff;
}
}
.inner-text {
position: absolute;
font-size: 16px;
z-index: 1;
color: #c0c0c0;
}
}
.right-content {
.match-scene {
display: flex;
position: relative;
flex-direction: column;
background-color: #fafafa;
padding: 5px;
.select-circle {
cursor: pointer;
width: 35px;
height: 35px;
border: 3px solid #6ab3ff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 24px;
font-weight: bold;
position: relative;
margin-bottom: 5px;
.confirm-button {
position: absolute;
bottom: 10px;
right: 10px;
}
}
.inner-text {
position: absolute;
font-size: 16px;
z-index: 1;
color: #6ab3ff;
}
}
}
.bottom-btn {
.right-content {
.match-scene {
display: flex;
justify-content: center;
position: relative;
flex-direction: column;
background-color: #fafafa;
padding: 5px;
.confirm-button {
position: absolute;
bottom: 10px;
right: 10px;
}
}
}
}
.bottom-btn {
display: flex;
justify-content: center;
}
.label-btn {
width: 60px;
......
......@@ -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