记录增加状态字段

This commit is contained in:
lSun 2025-06-19 18:17:44 +08:00
parent 1a98acfc5a
commit ced2b5469a
2 changed files with 240 additions and 152 deletions

View File

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

View File

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