记录增加状态字段

src/pages/stagger-holidays/recordList.vue

@@ -16,10 +16,31 @@
           <text class="label">休假类型：</text>
           <text class="value">{{ record.leaveType }}</text>
         </view>
+
+        <!-- 新增的审批状态行 -->
+        <view class="record-row" style="position: relative;">
+          <view class="status-container">
+            <text class="value status-black" v-if="record.examineStatus==0">
+              审核中
+            </text>
+            <text class="value status-passed" v-if="record.examineStatus==1">
+              已通过
+            </text>
+            <text class="value status-rejected" v-if="record.examineStatus==2">
+              不通过
+            </text>
+            <text class="value status-rejected" v-if="record.examineStatus==3">
+              已撤回
+            </text>
+          </view>
+        </view>
+
         <view class="record-row">
           <text class="label">休假开始时间：</text>
           <text class="value">{{ record.leaveStartDate }}</text>
         </view>
+
+
         <view class="record-row">
           <text class="label">休假结束时间：</text>
           <text class="value">{{ record.leaveEndDate }}</text>
@@ -48,6 +69,7 @@
 
 <script>
 import {listLeaveReporting, deleteHolidayByIdApi} from '@/api/stagger-holidays/index.js'
+
 export default {
   name: 'RecordList',
   data() {
@@ -128,7 +150,8 @@
 
 .record-row {
   display: flex;
-        margin-bottom: 8rpx;
+  //margin-bottom: 8 rpx;
+  margin: 5rpx 0;
 }
 
 .label {
@@ -160,13 +183,37 @@
     border: 1px solid #4080ff;
     color: #4080ff;
   }
+
   & text:nth-child(2) {
     border: 1px solid #e6a23c;
     color: #e6a23c;
   }
+
   & text:last-child {
     border: 1px solid #f56c6c;
     color: #f56c6c;
   }
 }
+
+.status-passed {
+  color: green;
+  font-size: 18px;
+}
+
+.status-rejected {
+  color: red;
+  font-size: 18px;
+}
+
+.status-black {
+  color: #FBC02D;
+  font-size: 18px;
+}
+
+.status-container {
+  position: absolute;
+  right: 5%;
+  top: 50%;
+  transform: translateY(-50%);
+}
 </style>

src/pages/temporary-outing/recordList.vue

@@ -16,6 +16,25 @@
                     <text class="label">外出事由：</text>
                     <text class="value">{{ record.leaveReason }}</text>
                 </view>
+
+              <!-- 新增的审批状态行 -->
+              <view class="record-row" style="position: relative;">
+                <view class="status-container">
+                  <text class="value status-black" v-if="record.examineStatus==0">
+                    审核中
+                  </text>
+                  <text class="value status-passed" v-if="record.examineStatus==1">
+                    已通过
+                  </text>
+                  <text class="value status-rejected" v-if="record.examineStatus==2">
+                    不通过
+                  </text>
+                  <text class="value status-rejected" v-if="record.examineStatus==3">
+                    已撤回
+                  </text>
+                </view>
+              </view>
+
                 <view class="record-row">
                     <text class="label">外出开始时间：</text>
                     <text class="value">{{ record.leaveStartDate }}</text>
@@ -128,7 +147,7 @@
 
     .record-row {
         display: flex;
-        margin-bottom: 8rpx;
+        margin: 5rpx 0;
     }
 
     .label {
@@ -169,4 +188,26 @@
             color: #f56c6c;
         }
     }
+
+    .status-passed {
+      color: green;
+      font-size: 18px !important;
+    }
+
+    .status-rejected {
+      color: red;
+      font-size: 18px !important;
+    }
+
+    .status-black {
+      color: #FBC02D;
+      font-size: 18px !important;
+    }
+
+    .status-container {
+      position: absolute;
+      right: 5%;
+      top: 50%;
+      transform: translateY(-50%);
+    }
 </style>