记录增加状态字段
This commit is contained in:
parent
1a98acfc5a
commit
ced2b5469a
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue