no message

src/views/workApproval/detail.vue

@@ -56,10 +56,24 @@
     </div>
 
     <div class="box">
-        
+      <van-steps direction="vertical" :active="active">
+              <van-step
+          v-for="(item, index) in infoDetail.examines"
+          :key="item.id"
+        >
+          <div class="step-box">
+            <div class="step-box-left">
+              <h3>{{ item.nick_name }}</h3>          
+              <p>{{ item.examine_sub_type }}</p>
+            </div>
+            <div class="step-box-right"><p>{{ item.examine_time }}</p></div>
+          </div>
+          
+        </van-step>
+      </van-steps>
     </div>
 
-    <div class="item-action">
+    <div class="item-action" v-if="infoDetail.is_my_examine === 1">
       <div class="action-redirect" @click="handleRedirect">转交</div>
       <div class="action-reject" @click="handleReject">拒绝</div>
       <div class="action-agree" @click="handleAgree">同意</div>
@@ -83,6 +97,7 @@ import ConfirmDialog from "./confirmDialog.vue";
 const baseUrl = import.meta.env.VITE_BASE_API;
 
 const infoId = ref("");
+const active = ref(0);
 const data = reactive({
   infoDetail: {
     id: "",
@@ -92,7 +107,9 @@ const data = reactive({
     nick_name: "",
     dept_name: "",
     content: "",
-    files: []
+    is_my_examine: 0,
+    files: [],
+    examines: []
   }
 })
 
@@ -116,6 +133,7 @@ const refreshData = () => {
     infoId.value = route.query.id as string;
     InformationDetail({ id: infoId.value }).then(res => {
     infoDetail.value = res.data;
+    active.value = infoDetail.value.examines.length - 1;
   })
 }
 
@@ -252,4 +270,17 @@ background: #fff;
     padding: 3px 30px;
   }
 }
+
+.step-box {
+  display: flex;
+  align-items:baseline;
+  justify-content:space-between;
+
+  .step-box-left {
+    p {padding: 4px 0}
+  }
+  .step-box-right {
+    text-align: right;
+  }
+}
 </style>