Skip to content

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

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

parent 1ec14399
Expand all Hide 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 @@ ...@@ -52,27 +52,42 @@
margin: 0 10px; margin: 0 10px;
} }
} }
.message-list{ .message-list {
display:flex; display: flex;
flex-wrap:wrap; flex-wrap: wrap;
display: -webkit-flex; /* Safari */ display: -webkit-flex; /* Safari */
padding: 1.5rem 4rem 1rem 4rem; padding: 1.5rem 4rem 1rem 4rem;
.message-box{ .message-box {
flex: 1; flex: 1;
display: flex; display: flex;
// //
align-items: center; align-items: center;
justify-content: flex-start; justify-content: flex-start;
.icon{ .icon {
font-size: 60px; font-size: 60px;
} }
.message-detail{ .message-detail {
display: flex; display: flex;
margin-left: 10px; margin-left: 10px;
align-items:flex-start; align-items: flex-start;
justify-content: flex-start; justify-content: flex-start;
flex-flow: column; 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/write-check-form/index.vue
View file @ 01724e2c
...@@ -11,6 +11,26 @@ ...@@ -11,6 +11,26 @@
</div> </div>
</div> </div>
<div class="main-content"> <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"> <div class="prompt-message">
<span <span
>问卷填写情况：共{{ model.detailsList.length }}条审查细则，已完成{{ >问卷填写情况：共{{ model.detailsList.length }}条审查细则，已完成{{
......
src/views/processing/fileLibrary/index.vue
View file @ 01724e2c
<template> <template>
<page-standard> <page-standard>
<div slot="tab">车企文件库</div> <div slot="tab">车企文件库管理</div>
<el-form ref="queryForm" :model="queryParams" size="small" :inline="true"> <el-form ref="queryForm" :model="queryParams" size="small" :inline="true">
<el-form-item prop="status"> <el-form-item prop="status">
<el-input <el-input
......
src/views/processing/systemReview/review-form/index.vue
View file @ 01724e2c
<template> <template>
<!--查看检查表单--> <!--查看检查表单-->
<div> <div class="app-container">
<page-standard> <el-card class="custom-card">
<div> <div slot="header" class="clearfix">
<!--1-抬头标题--> <!--1-抬头标题-->
<div class="title-style"> <span>查看体系审查表单</span>
<div class="title-content-style">查看体系审查表单</div> <div class="back-btn">
<div class="title-content-style"> <el-button icon="el-icon-back" @click="handleBack"> 返回 </el-button>
<a href="/processing/unprocessed-review">返回</a>
</div>
</div> </div>
<!--2-统计值--> </div>
<div class="main-content-style"> <!--2-统计值-->
<!--任务编号,名称,单位--> <div class="main-content-style">
<el-row :gutter="60" class="task"> <!--任务编号,名称,单位-->
<el-col :span="8"> <el-row :gutter="60" class="task">
<span class="task-label">任务编号:</span> <el-col :span="8">
<span class="task-content"> <span class="task-label">任务编号:</span>
{{ model.systemReviewTask.taskNo }} <span class="task-content">
</span> {{ model.systemReviewTask.taskNo }}
</el-col> </span>
<el-col :span="8"> </el-col>
<span class="task-label">任务名称:</span> <el-col :span="8">
<span class="task-content"> <span class="task-label">任务名称:</span>
{{ model.systemReviewTask.name }} <span class="task-content">
</span> {{ model.systemReviewTask.name }}
</el-col> </span>
<el-col :span="8"> </el-col>
<span class="task-label">委托单位:</span> <el-col :span="8">
<span class="task-content"> <span class="task-label">委托单位:</span>
{{ model.systemReviewTask.taskInitiatorDep }} <span class="task-content">
</span> {{ model.systemReviewTask.taskInitiatorDep }}
</el-col> </span>
</el-row> </el-col>
<div class="control-btns"> </el-row>
<div class="control-btn" @click="openAll()"> <div class="control-btns">
<i class="iconfont icon-xiangxiazhankai-yuankuang"></i> <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>
<!--审查问卷概要--> <div class="control-btn" @click="closeAll()">
<collapse v-model="activeNames"> <i class="iconfont icon-xiangshangshouqi"></i>
<collapse-item 全部收起
v-for="(item, key) in model.systemReviewTask.standard" </div>
:key="key" </div>
:name="item.chapter" <!--审查问卷概要-->
> <collapse v-model="activeNames">
<span slot="title"> <collapse-item
<div class="standard-box"> v-for="(item, key) in model.systemReviewTask.standard"
<div class="standard">标准：</div> :key="key"
<div class="standard-title"> :name="item.chapter"
{{ item.chapter + item.text }} >
</div> <span slot="title">
<div class="standard-box">
<div class="standard">标准：</div>
<div class="standard-title">
{{ item.chapter + item.text }}
</div> </div>
</span> </div>
<table class="table"> </span>
<tr> <table class="table">
<th>审查要点</th> <tr>
<th>审查细则</th> <th>审查要点</th>
<th>审查结果</th> <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> </tr>
<template v-for="(keyPoint, keyPointKey) in item.keyPointList"> <template
<tr :key="keyPointKey"> v-for="(
<td :rowspan="keyPoint.reviewDetailsList.length + 1"> reviewDetail, reviewDetailKey
{{ keyPoint.text }} ) 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>
</tr> <td align="center">
<template {{
v-for="( reviewDetail.result
reviewDetail, reviewDetailKey ? reviewDetail.result.userName
) 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
? reviewDetail.result.userName ? reviewDetail.result.userName
? reviewDetail.result.userName
: '__'
: '__' : '__'
}} : '__'
</td> }}
</tr> </td>
</template> </tr>
</template> </template>
</table> </template>
</collapse-item> </table>
</collapse> </collapse-item>
<!--返回按钮--> </collapse>
<div class="bottom-btn"> <!--返回按钮-->
<el-button <div class="bottom-btn">
class="btn" <el-button
type="primary" class="btn"
plain type="primary"
@click="goToProcessedReview" plain
>返 回 @click="goToProcessedReview"
</el-button> >返 回
</div> </el-button>
</div> </div>
</div> </div>
</page-standard> </el-card>
</div> </div>
</template> </template>
<!--js逻辑--> <!--js逻辑-->
...@@ -165,6 +163,9 @@ export default { ...@@ -165,6 +163,9 @@ export default {
closeAll() { closeAll() {
this.activeNames = [] this.activeNames = []
}, },
handleBack() {
this.$router.push('/processing/unprocessed-review')
},
/** /**
* 获取任务详情 * 获取任务详情
*/ */
...@@ -195,64 +196,16 @@ export default { ...@@ -195,64 +196,16 @@ export default {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding-right: 2rem; padding: 0 2rem;
width: 100%; width: 100%;
height: 3.5rem; height: 3.5rem;
background-color: #f9f9f9; background-color: #f9f9f9;
} }
/* 标题文字样式 */
.title-content-style {
margin-left: 1.5rem;
font-size: 1rem;
font-weight: bold;
color: #666666;
}
::v-deep .el-card__body { ::v-deep .el-card__body {
padding: unset !important; 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 { .control-btns {
display: flex; display: flex;
align-items: center; align-items: center;
......
src/views/processing/systemReview/write-check-form/index.vue
View file @ 01724e2c
...@@ -535,149 +535,139 @@ export default { ...@@ -535,149 +535,139 @@ export default {
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.app-container { .back-btn {
padding: 20px; margin-left: 10px;
float: right;
}
.custom-card { .other-btn {
::v-deep.el-card__header { float: right;
background-color: #f9f9f9; }
}
.back-btn { .main-content {
margin-left: 10px; min-height: 550px;
float: right;
}
.other-btn { .prompt-message {
float: right; display: flex;
} justify-content: space-between;
align-items: center;
margin-bottom: 40px;
.main-content { .center-text {
min-height: 550px; color: #f56c6c;
}
}
.prompt-message { .left-content {
display: flex; .tick-class {
justify-content: space-between; float: right;
align-items: center; position: relative;
margin-bottom: 40px; top: -1.8em;
left: -1em;
.center-text { i {
color: #f56c6c; color: #25c173;
}
} }
}
.left-content { .no-exclamation-point {
.tick-class { float: left;
float: right; width: 1px;
position: relative; height: 1px;
top: -1.8em; padding-left: 30px;
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-select-circle { .exclamation-point {
cursor: pointer; float: left;
width: 35px; margin-top: 6px;
height: 35px; margin-right: 10px;
border: 3px solid #c0c0c0; position: relative;
border-radius: 50%; width: 20px;
display: flex; height: 20px;
justify-content: center; border: 2px solid #f56c6c;
align-items: center; border-radius: 50%;
font-size: 24px; display: flex;
font-weight: bold; justify-content: center;
position: relative; align-items: center;
margin-bottom: 5px; font-size: 24px;
font-weight: bold;
margin-bottom: 5px;
.inner-text { .exclamation {
position: absolute; position: absolute;
font-size: 16px; font-size: 12px;
z-index: 1; color: #f56c6c;
color: #c0c0c0; font-weight: bold;
} }
} }
.select-circle { .no-select-circle {
cursor: pointer; cursor: pointer;
width: 35px; width: 35px;
height: 35px; height: 35px;
border: 3px solid #6ab3ff; border: 3px solid #c0c0c0;
border-radius: 50%; border-radius: 50%;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-size: 24px; font-size: 24px;
font-weight: bold; font-weight: bold;
position: relative; position: relative;
margin-bottom: 5px; margin-bottom: 5px;
.inner-text { .inner-text {
position: absolute; position: absolute;
font-size: 16px; font-size: 16px;
z-index: 1; z-index: 1;
color: #6ab3ff; color: #c0c0c0;
}
}
} }
}
.right-content { .select-circle {
.match-scene { cursor: pointer;
display: flex; width: 35px;
position: relative; height: 35px;
flex-direction: column; border: 3px solid #6ab3ff;
background-color: #fafafa; border-radius: 50%;
padding: 5px; display: flex;
justify-content: center;
align-items: center;
font-size: 24px;
font-weight: bold;
position: relative;
margin-bottom: 5px;
.confirm-button { .inner-text {
position: absolute; position: absolute;
bottom: 10px; font-size: 16px;
right: 10px; z-index: 1;
} color: #6ab3ff;
}
} }
} }
}
.bottom-btn { .right-content {
.match-scene {
display: flex; 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 { .label-btn {
width: 60px; width: 60px;
......
src/views/processing/unprocessed-review/index.vue
View file @ 01724e2c
...@@ -293,14 +293,14 @@ ...@@ -293,14 +293,14 @@
title="任务详情" title="任务详情"
@click="goDetail(item.id)" @click="goDetail(item.id)"
></el-button> ></el-button>
<el-button <!-- <el-button
type="warning" type="warning"
icon="el-icon-s-promotion" icon="el-icon-s-promotion"
size="mini" size="mini"
circle circle
title="移交任务" title="移交任务"
@click="openTaskDialog" @click="openTaskDialog"
></el-button> ></el-button> -->
<!-- <el-button <!-- <el-button
type="success" type="success"
icon="el-icon-s-management" icon="el-icon-s-management"
...@@ -420,7 +420,8 @@ export default { ...@@ -420,7 +420,8 @@ export default {
// .then(res => { // .then(res => {
// if (res.code === 200) { // if (res.code === 200) {
// console.log(res.rows) // console.log(res.rows)
// res.rows[0].carReviewStatus = 'NEW' // res.rows[0].carReviewStatus = 'FINISH'
// res.rows[0].reviewStatus = 'FINISH'
// this.tableData = res.rows // this.tableData = res.rows
// this.total = res.total // 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