137 lines
3.0 KiB
Vue
137 lines
3.0 KiB
Vue
<template>
|
||
<div class="card" @tap='goDetail' v-if="item" :class="{'conten-border': item.SORTNUM==0}">
|
||
<div class="uni-flex plr32 jc-between" >
|
||
<p class="contentName" >{{item.DOCUMENT_TITTLE}}</p>
|
||
<text class="typeText" :class="item.ISREAD=='1' ? 'typeText-color' : ''">{{item.ISREAD==0 ? '待我查阅': '已查阅'}}</text>
|
||
</div>
|
||
<view class="title-ico ">
|
||
<image src="../../../static/images/reader/recive-read.png" mode="aspectFit"></image>
|
||
</view>
|
||
<view class="uni-flex plr32 " style="" v-show="type==0">
|
||
<text class="text-gray fs26">发文人员：</text>
|
||
<text class=" fs26">{{item.STAFF_NAME}}</text>
|
||
</view>
|
||
<view class="uni-flex plr32 align-center" style="margin-top: 4upx;">
|
||
|
||
<text class="text-gray fs26">传阅情况：</text>
|
||
<text class=" fs26 text-blue ">{{item.READCOUNT}}人已阅, 传阅{{item.CIRCULATECOUNT}}人</text>
|
||
|
||
</view>
|
||
<view class="uni-flex card-bom align-center " style="margin-top: 4upx;">
|
||
<text class="text-gray fs26">发文时间：</text>
|
||
<text class="fs26">{{$util.cutDate(item.OPERATE_DATE,'YYYY.MM.DD')}}</text>
|
||
|
||
</view>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
props: {
|
||
item: {
|
||
type: Object,
|
||
required: true
|
||
},
|
||
i: {
|
||
type: Number,
|
||
required: true
|
||
},
|
||
type:{
|
||
default: '0',
|
||
type:String
|
||
}
|
||
},
|
||
|
||
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;
|
||
}
|
||
.text-blue {
|
||
color: #5191E9;
|
||
}
|
||
.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: 0 32upx 24upx 32upx;
|
||
/* font-size: 26upx; */
|
||
|
||
}
|
||
</style>
|