x隐患详情页增加重大隐患审批详情

src/views/danger/standBook/normalDetail.vue

@@ -149,7 +149,7 @@
             <van-col span="17">{{ hdConfirm.confirmOpinion }}</van-col>
           </van-row>
 
-          <!-- <div v-show="confirmOpen">
+          <!-- <div v-show="confirmOpen">hdMajorApproveList
             <van-row gutter="">
               <van-col span="7"
                 ><span class="field-title">隐患确认信息:</span></van-col
@@ -163,6 +163,68 @@
         </div> -->
       </div>
 
+      <div class="journal-wrap" v-if="hdMajorApproveList.length > 0">
+        <p>审批信息</p>
+        <van-cell-group inset>
+          <van-steps
+            direction="vertical"
+            :active="99999"
+          >
+            <van-step v-for="(item, index) in hdMajorApproveList" :key="index">
+              <div class="step-wrap">
+                <van-row>
+                  <van-col span="24"
+                    ><div class="info-title">审批信息</div></van-col
+                  >
+                </van-row>
+                <van-row>
+                  <van-col span="5"
+                    ><span class="field-title">审批人：</span></van-col
+                  >
+                  <van-col span="19">{{ item.userName }}</van-col>
+                </van-row>
+                <van-row>
+                  <van-col span="5"
+                    ><span class="field-title">结果：</span></van-col
+                  >
+                  <van-col span="19">{{ item.isResult }}</van-col>
+                </van-row>
+                <van-row>
+                  <van-col span="5"
+                    ><span class="field-title">部门：</span></van-col
+                  >
+                  <van-col span="19">{{ item.deptName }}</van-col>
+                </van-row>
+                <van-row>
+                  <van-col span="5"
+                    ><span class="field-title">时间：</span></van-col
+                  >
+                  <van-col span="19">{{ item.createTime }}</van-col>
+                </van-row>
+                <van-row>
+                  <van-col span="9"
+                    ><span class="field-title">认为隐患级别：</span></van-col
+                  >
+                  <van-col span="10
+                  ">{{ item.thinkHdLev }}</van-col>
+                </van-row>
+                <van-row v-if="item.details">
+                  <van-col span="8"
+                    ><span class="field-title">审批意见：</span></van-col
+                  >
+                  <van-col span="16
+                  ">{{ item.details }}</van-col>
+                </van-row>
+              </div>
+            </van-step>
+          </van-steps>
+        </van-cell-group>
+        <!-- 展开 -->
+        <div class="more" @click="majorReverse" v-show="hdMajorApproveList.length > 0">
+          {{ majorOpenText }}
+        </div>
+      </div>
+
       <div class="change-wrap" v-if="hdRectificationList.length > 0">
         <p>隐患整改</p>
         <van-cell-group
@@ -390,10 +452,13 @@ export default {
       superviseOpenText: "展开 ▼",
       confirmOpen: false,
       confirmOpenText: "展开 ▼",
+      majorOpen: false,
+      majorOpenText: "展开 ▼",
 
       hdReport: "",
       hdConfirm: "",
-      hdMajorApproveList: [], // 重大隐患审批 先不做
+      hdMajorApproveList: [], // 重大隐患审批
+      beifenhdMajorList: [],
       hdRectificationList: [],
       hdReviewList: [],
       hdLogList: [],
@@ -424,6 +489,8 @@ export default {
           this.hdConfirm = res.data.hdConfirm;
           this.hdRectificationList = res.data.hdRectificationList;
           this.hdReviewList = res.data.hdReviewList;
+          this.beifenhdMajorList = res.data.hdMajorApproveList;
+          this.hdMajorApproveList = this.beifenhdMajorList.slice(-1);
           this.beifenhdLogList = res.data.hdLogList;
           this.hdLogList = this.beifenhdLogList.slice(-1);
           this.beifeninstructionsList = res.data.instructionsList;
@@ -454,6 +521,21 @@ export default {
       }
     },
 
+    // 重大隐患信息显示或隐藏
+    majorReverse() {
+      this. majorOpen = !this. majorOpen;
+      if (this. majorOpen) {
+        //   显示所有数据
+        this. majorOpenText = "收起 ▲";
+        // 显示所有数据
+        this.hdMajorApproveList = this.beifenhdMajorList;
+      } else {
+        this. majorOpenText = "展开 ▼";
+        // 只显示第一个数据
+        this.hdMajorApproveList = this.beifenhdMajorList.slice(-1);
+      }
+    },
+
     // 日志信息显示或隐藏
     journalReverse() {
       this.journalOpen = !this.journalOpen;