<template>
|
<view>
|
<view class="status_bar">
|
<!-- 这里是状态栏 -->
|
</view>
|
<uni-nav-bar left-icon="left" title="出差" @clickLeft="back" @clickRight="scan" :fixed="true"
|
:border="false" rightWidth="160rpx" leftWidth="160rpx"
|
>
|
<block slot="right">
|
<view class="city">
|
<view>
|
<text class="uni-nav-bar-text">{{user.username}}</text>
|
</view>
|
<uni-icons type="arrowdown" color="#333333" size="20" />
|
</view>
|
</block>
|
</uni-nav-bar>
|
<!-- <view class="main-box">
|
<view class="box" v-for="item in list">
|
<view class="box-single-row flex-row" v-for="rule in listRule">
|
<view style="flex: 1;">{{rule.label}}</view>
|
<view style="flex: 4;">{{item[rule.attribute]}}</view>
|
</view>
|
</view>
|
</view> -->
|
|
<view class="main-box">
|
<view class="box" v-for="item in list">
|
<!-- <view class="box-flag" >{{item.settle$}}</view> -->
|
<view style="display: flex;">
|
<view class="box-title" style="flex: 1;">{{item.userId$}}提交的出差申请</view>
|
<view class="box-time">{{item.createTime$.substring(0,10)}}</view>
|
</view>
|
|
<view class="box-item">出差事由:{{item.businessTripReasons}}</view>
|
<view class="box-item">出差天数:{{item.businessTripDays$}}</view>
|
<!-- <view class="box-item">同行人:{{item.businessPeers}}</view> -->
|
|
<view style="display: flex;">
|
<view class="box-item" style="flex: 1;">同行人:{{item.businessPeers}}</view>
|
<view class="box-settle" :style="item.bgcolor">{{item.settle$}}</view>
|
</view>
|
</view>
|
</view>
|
|
<!-- 垫底 -->
|
<view style="height: 120rpx;"></view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
user: {
|
username: '杨成强',
|
id: 0,
|
type: ''
|
},
|
listRule: [
|
{
|
label: "出发日期",
|
attribute: "businessStartTimeDay$",
|
},
|
{
|
label: "结束日期",
|
attribute: "businessEndTimeDay$",
|
},
|
{
|
label: "申请人",
|
attribute: "userId$",
|
},
|
{
|
label: "进度",
|
attribute: "settle$",
|
},
|
{
|
label: "出差备注",
|
attribute: "businessNotes",
|
},
|
{
|
label: "出差事由",
|
attribute: "businessTripReasons",
|
},
|
],
|
list: [
|
{
|
businessTripReasons: '沟通立库事宜',
|
businessTransportation$: '交通工具',
|
businessStartAddr$: '出发地',
|
businessEndAddr$: '目的地',
|
businessStartTimeDay$: '出发日期',
|
businessEndTimeDay$: '结束日期',
|
businessDuration$: '出差时长',
|
businessTripDays$: '出差天数',
|
businessPeers: '同行人',
|
userId$: '申请人',
|
orderId: '跟踪项目',
|
updateTime$: '更新时间',
|
updateId$: '更新人员',
|
settle: 1,
|
settle$: '申请通过',
|
businessNotes: '出差备注',
|
createTime$: '2023-11-06 08:51:24',
|
bgcolor: 'color:#24ab59'
|
},
|
|
]
|
}
|
},
|
onShow() {
|
this.getBusinessTrip()
|
},
|
methods: {
|
getBusinessTrip() {
|
let _this = this
|
uni.request({
|
url: `${_this.baseUrl}/businessTrip/list/auth`,
|
header: {'token' : uni.getStorageSync('token')},
|
success(res) {
|
res = res.data
|
if (res.code === 200) {
|
for(let k of res.data.records) {
|
if (k.settle == 2) {
|
k['bgcolor'] = 'color: #12d489'
|
} else if (k.settle == 1) {
|
k['bgcolor'] = 'color: #ffbd67'
|
}
|
}
|
_this.list = res.data.records
|
}
|
// _this.list =
|
}
|
})
|
},
|
back() {
|
uni.navigateBack({
|
})
|
},
|
scan() {
|
uni.navigateTo({
|
url: '/pages/authority/authority'
|
})
|
},
|
}
|
}
|
</script>
|
|
<style>
|
.flex-row {
|
display: flex;
|
}
|
.flex-col {
|
display: flex;
|
flex-direction: column;
|
}
|
.main-box {
|
/* margin: 16rpx; */
|
/* background-color: #FFF; */
|
border-radius: 20rpx;
|
padding: 8rpx;
|
}
|
.box {
|
margin: 16rpx 8rpx;
|
/* height: 200px; */
|
box-shadow: 0 0 5px #dddddd;
|
background-color: #FFF;
|
padding: 16rpx 32rpx;
|
position: relative;
|
border-radius: 20rpx;
|
font-size: 24rpx;
|
color: #bdbdbd;
|
}
|
.box-flag {
|
position: absolute;
|
right: 0;
|
top:10rpx;
|
background-color: #74B9E9;
|
padding: 6rpx;
|
font-size: 10rpx;
|
color: #FFF;
|
}
|
.box-time {
|
color: #bdbdbd;
|
}
|
.box-settle{
|
font-size: 26rpx;
|
/* font-weight: bold; */
|
}
|
.box-title {
|
font-size: 28rpx;
|
font-weight: bold;
|
color: #000;
|
}
|
.box-single-row {
|
|
}
|
</style>
|
|
|
|
|
list: [
|
{
|
businessTripReasons: '沟通立库事宜',
|
businessTransportation$: '交通工具',
|
businessStartAddr$: '出发地',
|
businessEndAddr$: '目的地',
|
businessStartTimeDay$: '出发日期',
|
businessEndTimeDay$: '结束日期',
|
businessDuration$: '出差时长',
|
businessTripDays$: '出差天数',
|
businessPeers: '同行人',
|
userId$: '申请人',
|
orderId: '跟踪项目',
|
updateTime$: '更新时间',
|
updateId$: '更新人员',
|
settle$: '进度',
|
businessNotes: '出差备注',
|
},
|
]
|
