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

src/views/processing/carTest/confirmation-test/index.vue

@@ -30,12 +30,12 @@
               {{ task.entrustedUnit }}
             </span>
           </div>
-          <!--          <div class="task-item">-->
-          <!--            <span class="task-label">任务状态:</span>-->
-          <!--            <span class="task-content">-->
-          <!--              {{ getDictData(dict.type.task_test_status, task.taskStatus) }}-->
-          <!--            </span>-->
-          <!--          </div>-->
+          <div class="task-item">
+            <span class="task-label">任务状态:</span>
+            <span class="task-content">
+              {{ getDictData(dict.type.task_test_status, task.taskStatus) }}
+            </span>
+          </div>
         </div>
         <div class="task-body">
           <!--card统计值-->
@@ -116,6 +116,75 @@
 
       <!--测试情况概要-->
       <div>
+        <div class="form-review-questionnaire">
+          <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">
+                    审查结果：
+                    <span v-if="item.passed == 1" class="green">符合</span>
+                    <span v-else class="orange">不符合</span>
+                  </div>
+                </div>
+              </span>
+              <table class="table">
+                <tr>
+                  <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>
+                    <td :rowspan="keyPoint.reviewDetailsList.length + 1">
+                      {{ keyPoint.text }}
+                    </td>
+                  </tr>
+                </template>
+              </table>
+            </collapse-item>
+          </collapse>
+        </div>
+
         <div class="form-review-questionnaire">
           <div class="title-display">
             <span class="title-i"></span>
@@ -230,16 +299,22 @@
 </template>
 <!--js逻辑-->
 <script>
+import collapse from '@/components/Collapse/collapse'
+import collapseItem from '@/components/Collapse/collapse-item'
 import routerMixins from '@/mixins/router'
 import { getRows3 } from '../../../../utils/reviewDetailsTable'
 import { testDetail } from '../../../../api/task/test'
 import { getBySubtaskId, taskImageSubmit } from '../../../../api/task/task'
 export default {
-  name: 'Index',
+  components: {
+    collapse: collapse,
+    'collapse-item': collapseItem
+  },
   dicts: ['task_test_status'],
   mixins: [routerMixins],
   data() {
     return {
+      activeNames: [],
       tableData: [],
       task: {},
       model: {
@@ -259,9 +334,18 @@ export default {
   mounted() {
     this.getTest()
     this.getTestDetail()
+    this.openAll()
   },
   methods: {
     getRows3,
+    openAll() {
+      this.activeNames = this.tableData.map(i => {
+        return i.chapter
+      })
+    },
+    closeAll() {
+      this.activeNames = []
+    },
     /* 返回跳转*/
     goToProcessedReview() {
       // this.ruleForm.taskId = '1771093631118106626'
@@ -310,10 +394,4 @@ export default {
 .form-signature-confirmation .img-item .img {
   width: 50% !important;
 }
-.table {
-  margin-top: 20px;
-}
-.table th {
-  background-color: #f2f2f2 !important;
-}
 </style>