140 lines
3.3 KiB
Vue
140 lines
3.3 KiB
Vue
<template>
|
||
<div class="card" @tap='goDetail' v-if="item" :class="{'conten-border': item.SORTNUM==0}">
|
||
<div class="uni-flex plr32" style="justify-content: space-between;">
|
||
<p class="contentName" :class="{'is-urgent': item.URGENCY_DEGREE==1 }">{{item.LEAVE_PERSON+"【"+item.DEPARTMENT_NAME+"】"}}</p>
|
||
<text class="typeText" :class="item.FINANCEPROINST_NEXTID=='9000' ? 'typeText-color' : ''">{{item.SORTNUM==0 ? '待我处理': proStatus[item.FINANCEPROINST_NEXTID]}}</text>
|
||
</div>
|
||
<view class="title-ico ">
|
||
<image src="../../../static/images/leave/qj.png" mode="aspectFit"></image>
|
||
</view>
|
||
<view class="uni-flex plr32 leave-type" style="">
|
||
<!-- <text class="text-gray fs26">请假类型：</text> -->
|
||
<text >{{item.LEAVE_VALUE}}</text>
|
||
</view>
|
||
<!-- <view class="uni-flex" style="align-items: center;margin-top: 4upx;">
|
||
|
||
<text class="text-gray fs26">请假天数：</text>
|
||
<text class=" fs26">{{item.DURATION_DAYS}}天</text>
|
||
|
||
</view> -->
|
||
<view class="uni-flex card-bom " style="align-items: center;margin-top: 4upx;">
|
||
<text class="text-gray">起止时间：</text>
|
||
<text>{{$util.cutDate(item.LEAVE_STARTDATE,'YYYY.MM.DD')+' - '+$util.cutDate(item.LEAVE_ENDDATE,'YYYY.MM.DD')}}</text>
|
||
<text class="ml24">{{item.DURATION_DAYS}}天</text>
|
||
</view>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
props: {
|
||
item: {
|
||
type: Object,
|
||
required: true
|
||
},
|
||
i: {
|
||
type: Number,
|
||
required: true
|
||
}
|
||
},
|
||
data () {
|
||
return {
|
||
proStatus: {
|
||
1000: '制单中',
|
||
2000: '办理中',
|
||
3000: '已驳回',
|
||
4000: '已移交',
|
||
9000: '已完成'
|
||
}
|
||
}
|
||
},
|
||
computed: {
|
||
// getStatus () {
|
||
// let _this = this
|
||
// if (_this.item) {
|
||
// let item = _this.item
|
||
// _this.item.SERVERPART_NAME = item.SERVERPART_NAME+" "+item.HIGHWAYPROINST_DESC.split('【')[0]
|
||
// _this.item.STAFF_NAME = item.STAFF_NAME
|
||
// _this.item.HIGHWAYPROINST_CREATEDATE = _this.dateEmpty(_this.item.HIGHWAYPROINST_CREATEDATE)
|
||
// if(item.SORTNUM === 0){
|
||
// return '待我处理'
|
||
// }else{
|
||
// return _this.proStatus[_this.item.HIGHWAYPROINST_NEXTID]
|
||
// }
|
||
// }
|
||
|
||
// }
|
||
},
|
||
methods: {
|
||
goDetail () {
|
||
this.$emit('goDetail', this.item)
|
||
},
|
||
dateEmpty (v) {
|
||
return this.$util.cutDate(v,'YYYY/MM/DD')
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
@import url('../../../common/css/listUnit.css');
|
||
.text-gray {
|
||
color: #74838E;
|
||
}
|
||
.plr32 {
|
||
padding-left: 32upx;
|
||
padding-right: 32upx;
|
||
}
|
||
|
||
.leave-type {
|
||
align-items: center;
|
||
margin-top: 28upx;
|
||
margin-bottom: 16upx;
|
||
justify-content: center;
|
||
font-size: 32upx;
|
||
|
||
}
|
||
.contentName {
|
||
margin-left: 56upx;
|
||
}
|
||
.ml24 {
|
||
margin-left: 24upx;
|
||
}
|
||
.title-ico {
|
||
position: absolute;
|
||
top: 31upx;
|
||
left: 30upx;
|
||
}
|
||
.title-ico image {
|
||
height: 45upx;
|
||
width: 45upx;
|
||
}
|
||
.is-urgent:after {
|
||
content: '紧急';
|
||
padding: 0upx 16upx;
|
||
border: 1upx solid #E5A06E;
|
||
color: #E5A06E;
|
||
font-size: 22rpx;
|
||
/* margin-left: 16upx; */
|
||
border-radius: 24upx;
|
||
}
|
||
.card {
|
||
box-shadow:none;
|
||
border-radius: 18upx;
|
||
padding: 28upx 0 0 0;
|
||
overflow: hidden;
|
||
}
|
||
.conten-border {
|
||
box-shadow: 0 0px 6upx #f9b297;
|
||
}
|
||
.typeText-color {
|
||
color: #62C194;
|
||
}
|
||
.card-bom {
|
||
background-color: #fdfdfd;
|
||
padding: 16upx 32upx 16upx 32upx;
|
||
font-size: 26upx;
|
||
|
||
}
|
||
</style>
|