165 lines
2.8 KiB
Vue
165 lines
2.8 KiB
Vue
<template>
|
|
<!-- 公司公示文档 -->
|
|
<view class="all_box">
|
|
<!-- 公司公告详情 -->
|
|
<view class="notice_box" v-for="item in noticeData" :key="item.id">
|
|
<view class="title">{{item.title}}</view>
|
|
<view class="row"></view>
|
|
<view class="info">{{item.desc}}
|
|
</view>
|
|
|
|
<view class="notice_bottom">
|
|
<view class="n_left">
|
|
<!--<text class="chapter">共{{item.sections}}章</text>
|
|
<text>浏览：{{item.is_share}}</text> -->
|
|
</view>
|
|
<view class="n_right">
|
|
<view class="btn" @click="detail(item)">详情</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import { getDocumentListApi } from '@/api/oa.js'
|
|
export default {
|
|
data() {
|
|
return {
|
|
keyword: '',
|
|
noticeData: [],
|
|
|
|
};
|
|
},
|
|
onLoad() {
|
|
|
|
},
|
|
onShow() {
|
|
this.getDocumentList()
|
|
},
|
|
methods:{
|
|
//获取公司文档列表
|
|
async getDocumentList(){
|
|
const res = await getDocumentListApi()
|
|
this.noticeData = res.data.data
|
|
|
|
},
|
|
//详情
|
|
detail(item){
|
|
|
|
uni.navigateTo({
|
|
url:'/pages/users/user_document/detail?data='+ encodeURIComponent(JSON.stringify(item))
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
/deep/.u-search {
|
|
width: 527rpx;
|
|
}
|
|
|
|
/deep/.u-search__action--active {
|
|
display: none;
|
|
}
|
|
.all_box{
|
|
padding-bottom: 21rpx;
|
|
}
|
|
.nav_box {
|
|
width: 750rpx;
|
|
height: 98rpx;
|
|
background: #FFFFFF;
|
|
|
|
.task_box {
|
|
margin: 0 auto;
|
|
width: 750rpx;
|
|
height: 98rpx;
|
|
background: #FFFFFF;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 0 28rpx;
|
|
|
|
.newly_built {
|
|
width: 149rpx;
|
|
height: 63rpx;
|
|
background: #34A853;
|
|
border-radius: 35rpx;
|
|
color: #fff;
|
|
text-align: center;
|
|
line-height: 63rpx;
|
|
margin-left: 17.5rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.notice_box {
|
|
margin: 0 auto;
|
|
margin-top: 21rpx;
|
|
width: 694rpx;
|
|
// height: 342rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 7rpx;
|
|
padding: 0 24.5rpx;
|
|
padding-bottom: 25rpx;
|
|
padding-top: 24.5rpx;
|
|
|
|
.title {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
width: 624rpx;
|
|
height: 44rpx;
|
|
font-size: 32rpx;
|
|
}
|
|
|
|
.row {
|
|
margin: 14rpx 0;
|
|
width: 646rpx;
|
|
height: 0rpx;
|
|
opacity: 1;
|
|
border-bottom: 1rpx solid #CCCCCC;
|
|
}
|
|
|
|
.info {
|
|
width: 645rpx;
|
|
color: #999999;
|
|
font-size: 25rpx;
|
|
}
|
|
|
|
|
|
.notice_bottom {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
|
|
.n_left {
|
|
color: #999999;
|
|
font-size: 25rpx;
|
|
|
|
.chapter {
|
|
margin-right: 60rpx;
|
|
}
|
|
}
|
|
|
|
.n_right {
|
|
.btn {
|
|
display: inline-block;
|
|
width: 158rpx;
|
|
height: 53rpx;
|
|
line-height: 53rpx;
|
|
text-align: center;
|
|
background: $theme-oa-color;
|
|
border-radius: 4rpx;
|
|
color: #fff;
|
|
}
|
|
|
|
.btn_1 {
|
|
background: #34A853;
|
|
margin-right: 14rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style> |