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

src/assets/styles/process.scss

@@ -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

 <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/write-check-form/index.vue

@@ -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

 <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

 <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

 <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

 <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

@@ -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

@@ -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
     //       }