lihenian
5 years ago
20 changed files with 572 additions and 11 deletions
@ -0,0 +1,14 @@ |
|||
// const api = require('../../../../utils/home')
|
|||
// import util from '../../../../utils/util'
|
|||
// import { getTimestamp } from '../../../../utils/common'
|
|||
Page({ |
|||
data: { |
|||
noticeObj: {} |
|||
}, |
|||
onLoad (options) { |
|||
this.data.noticeObj = {...options} |
|||
this.setData({ |
|||
noticeObj:this.data.noticeObj |
|||
}) |
|||
} |
|||
}) |
|||
@ -0,0 +1,6 @@ |
|||
{ |
|||
"usingComponents": { |
|||
"parser": "../../../../components/parser/parser" |
|||
}, |
|||
"navigationBarTitleText": "通知详情" |
|||
} |
|||
@ -0,0 +1,23 @@ |
|||
<!-- <wxs module="filter" src="../../../../utils/filter.wxs"></wxs> --> |
|||
<view class="notice-detail"> |
|||
<view class="selfContent"> |
|||
<view class="detail-title">{{noticeObj.title}}</view> |
|||
<!-- <view class="detail-subtitle"> |
|||
<view class="left"> |
|||
<span>{{noticeObj.deptName}}</span> |
|||
<span>{{filter.formatTime(noticeObj.noticeTime, 'yyyy-MM-dd')}}</span> |
|||
</view> |
|||
<view class="right"> |
|||
<view class="readNum"> |
|||
<image src="../../images/ic_yueduliang.png" /> |
|||
</view> |
|||
<view class="num">{{noticeObj.readingAmount}}</view> |
|||
</view> |
|||
</view> --> |
|||
<view class="richContent"> |
|||
<view class="content">{{noticeObj.content}}</view> |
|||
<!-- <rich-text nodes="{{noticeObjContent}}"></rich-text> --> |
|||
<!-- <parser html="{{noticeObjContent}}"></parser> --> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
@ -0,0 +1,75 @@ |
|||
.notice-detail { |
|||
width: 100%; |
|||
height: 100%; |
|||
box-sizing: border-box; |
|||
padding: 20rpx; |
|||
background: #f7f7f7; |
|||
} |
|||
.selfContent { |
|||
width: 100%; |
|||
display: table; |
|||
background: #ffffff; |
|||
border-radius: 16rpx; |
|||
box-sizing: border-box; |
|||
padding: 0 25rpx 38rpx; |
|||
} |
|||
.detail-title { |
|||
font-family: PingFang-SC-Bold; |
|||
font-size: 48rpx; |
|||
font-weight: bold; |
|||
line-height: 68rpx; |
|||
color: #333333; |
|||
padding-top: 40rpx; |
|||
} |
|||
.detail-subtitle { |
|||
display: flex; |
|||
width: 100%; |
|||
justify-content: space-between; |
|||
font-size: 22rpx; |
|||
color: #999999; |
|||
margin-top:45rpx; |
|||
} |
|||
.detail-subtitle .left span:nth-child(1){ |
|||
margin-right: 32rpx; |
|||
} |
|||
.detail-subtitle .right{ |
|||
display: flex; |
|||
height: 32rpx; |
|||
line-height: 32rpx; |
|||
} |
|||
|
|||
.detail-subtitle .right .readNum { |
|||
/* display: inline-block; */ |
|||
width: 32rpx; |
|||
height: 32rpx; |
|||
margin-right: 10rpx; |
|||
} |
|||
.detail-subtitle .right .readNum image{ |
|||
width: 100%; |
|||
height: 100%; |
|||
float:left; |
|||
object-fit: cover; |
|||
} |
|||
.banner { |
|||
width: 100%; |
|||
height: 400rpx; |
|||
margin: 39rpx 0 19rpx 0; |
|||
} |
|||
.banner image{ |
|||
width: 100%; |
|||
height: 100%; |
|||
float:left; |
|||
object-fit: cover; |
|||
border-radius: 16rpx; |
|||
overflow: hidden; |
|||
} |
|||
.paragraph { |
|||
font-size: 38rpx; |
|||
line-height: 58rpx; |
|||
color: #333333; |
|||
text-indent: 76rpx; |
|||
margin-top:22rpx; |
|||
} |
|||
.richContent { |
|||
margin-top: 50rpx; |
|||
} |
|||
@ -0,0 +1,84 @@ |
|||
// subpages/understandJs/pages/archives/archives.js
|
|||
const api = require('../../../../utils/understandJs') |
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
pageIndex: 1, |
|||
pageSize: 10, |
|||
deptList: [], |
|||
nodata: false, |
|||
loadMoreType: 'none', |
|||
loadMoreVisible: false |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad: function (options) { |
|||
this.getFullDictInfo() |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide: function () { |
|||
this.setData({ |
|||
searchContent: '' |
|||
}) |
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom: function () { |
|||
this.setData({ |
|||
loadMoreVisible: true |
|||
}) |
|||
if (this.data.loadMoreType === 'loading') { |
|||
this.setData({ |
|||
pageIndex: this.data.pageIndex + 1, |
|||
pageSize: this.data.pageSize, |
|||
}) |
|||
this.getFullDictInfo() |
|||
} |
|||
}, |
|||
|
|||
getFullDictInfo () { |
|||
const dictType = 'notice_yjfu_lbzx' |
|||
api.getFullDictInfo(dictType).then(res => { |
|||
console.log(res) |
|||
this.setData({ |
|||
deptList: [...this.data.deptList,...res.data], |
|||
loadMoreType: res.data.length === this.data.pageSize ? 'loading' : 'none', |
|||
loadMoreVisible: res.data.length === this.data.pageSize ? false : true |
|||
}) |
|||
if (this.data.deptList.length == 0) { |
|||
this.setData({ |
|||
nodata: true, |
|||
loadMoreType: 'none', |
|||
loadMoreVisible: false, |
|||
}) |
|||
} |
|||
}).catch(err => { |
|||
this.setData({ |
|||
deptList: [], |
|||
nodata: true, |
|||
loadMoreType: 'none', |
|||
loadMoreVisible: false, |
|||
}) |
|||
console.log(err) |
|||
}) |
|||
}, |
|||
/** |
|||
* 跳转页面 |
|||
*/ |
|||
navigateToDict (e) { |
|||
console.log(e.currentTarget.dataset.dict) |
|||
wx.navigateTo({ |
|||
url: `../laobingzaixianDict/laobingzaixianDict?dictName=${e.currentTarget.dataset.dict.dictName}&dictType=${e.currentTarget.dataset.dict.dictType}&dictValue=${e.currentTarget.dataset.dict.dictValue}` |
|||
}) |
|||
} |
|||
}) |
|||
@ -0,0 +1,7 @@ |
|||
{ |
|||
"navigationBarTitleText": "老兵在线", |
|||
"usingComponents": { |
|||
"load-more": "../../../../components/loadMore/loadMore", |
|||
"no-data":"../../../../components/nodata/nodata" |
|||
} |
|||
} |
|||
@ -0,0 +1,16 @@ |
|||
<view class="dept-list"> |
|||
<view |
|||
wx:for="{{deptList}}" |
|||
wx:for-index="index" |
|||
wx:for-item="item" |
|||
wx:key="index" |
|||
class="list-item" bindtap="navigateToDict" data-dict="{{item}}"> |
|||
<view class="list-name">{{item.dictName}}</view> |
|||
<image src="../../images/right.png" class="list-arrow"></image> |
|||
</view> |
|||
</view> |
|||
|
|||
<!-- <load-more loadMoreType="{{loadMoreType}}" loadMoreVisible="{{loadMoreVisible}}"></load-more> --> |
|||
|
|||
<no-data isShow="{{nodata}}"></no-data> |
|||
|
|||
@ -0,0 +1,121 @@ |
|||
page { |
|||
background: #f7f7f7; |
|||
height: auto; |
|||
} |
|||
|
|||
/* .top { |
|||
margin-top: 3rpx; |
|||
width: 100%; |
|||
height: 94rpx; |
|||
background: #fff; |
|||
display: flex; |
|||
justify-content: center; |
|||
} |
|||
.topbk { |
|||
position: absolute; |
|||
width: 100%; |
|||
height: 376rpx; |
|||
top: 0rpx; |
|||
} |
|||
.search { |
|||
width: calc(100% - 60rpx); |
|||
height: 66rpx; |
|||
background: rgba(255, 255, 255, 1); |
|||
border-radius: 33rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
position: absolute; |
|||
} |
|||
|
|||
.search .item-all { |
|||
height: 30rpx; |
|||
width: 100%; |
|||
width: calc(100% - 60rpx); |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.search .item-all .item-left { |
|||
width: calc(100% - 73rpx); |
|||
height: 30rpx; |
|||
border-right: 1rpx solid #BFBFBF; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.search .item-all .item-left image { |
|||
width: 30rpx; |
|||
height: 28rpx; |
|||
} |
|||
|
|||
.search .item-all .item-left input { |
|||
width: calc(100% - 41rpx); |
|||
height: 30rpx; |
|||
font-size: 28rpx; |
|||
color: #333; |
|||
} |
|||
|
|||
.placeholder-style { |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
color: rgba(168, 168, 168, 1); |
|||
} |
|||
|
|||
.search .item-all .item-right { |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
color: rgba(51, 51, 51, 1); |
|||
background-color: #fff; |
|||
} |
|||
|
|||
button { |
|||
width: 100rpx; |
|||
height: 58rpx; |
|||
padding: 0; |
|||
border-radius: 0; |
|||
line-height: 58rpx; |
|||
} |
|||
|
|||
button::after { |
|||
border-radius: 0px; |
|||
border: none; |
|||
} */ |
|||
|
|||
/* 列表 */ |
|||
.dept-list { |
|||
display: grid; |
|||
grid-template-columns: 1fr; |
|||
place-items: center; |
|||
gap: 20rpx 0; |
|||
width: 690rpx; |
|||
padding: 20rpx 0; |
|||
margin: 50rpx auto 0rpx; |
|||
position: relative; |
|||
z-index: 999; |
|||
} |
|||
.list-item { |
|||
width: 100%; |
|||
height: 130rpx; |
|||
background: #fff; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
border-radius: 14rpx; |
|||
} |
|||
|
|||
.list-item .list-name { |
|||
font-size:32rpx; |
|||
font-family:PingFang SC; |
|||
font-weight:bold; |
|||
color:rgba(51,51,51,1); |
|||
margin-left: 40rpx; |
|||
} |
|||
.list-item .list-arrow { |
|||
width: 16rpx; |
|||
height: 26rpx; |
|||
margin-right: 42rpx; |
|||
} |
|||
|
|||
@ -0,0 +1,85 @@ |
|||
// subpages/understandJs/pages/sclerotia/sclerotia.js
|
|||
const api = require("../../../../utils/understandJs") |
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
pageIndex: 1, |
|||
pageSize: 10, |
|||
sclerotialist: [], |
|||
nodata: false, |
|||
loadMoreType: "none", |
|||
loadMoreVisible: false, |
|||
dictType: '', |
|||
dictValue: '', |
|||
dictName: '', |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad: function (options) { |
|||
wx.setNavigationBarTitle({ |
|||
title: options.dictName |
|||
}) |
|||
this.setData({ |
|||
dictName: options.dictName, |
|||
dictType: options.dictType, |
|||
dictValue: options.dictValue |
|||
}) |
|||
this.getSclerotiaList() |
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom: function () { |
|||
this.setData({ |
|||
loadMoreVisible: true |
|||
}) |
|||
if (this.data.loadMoreType === 'loading') { |
|||
this.setData({ |
|||
pageIndex: this.data.pageIndex + 1, |
|||
pageSize: this.data.pageSize, |
|||
}) |
|||
this.getSclerotiaList() |
|||
} |
|||
}, |
|||
|
|||
getSclerotiaList: function() { |
|||
let that = this |
|||
let para = { |
|||
pageIndex: this.data.pageIndex, |
|||
pageSize: this.data.pageSize, |
|||
noticeCategory: this.data.dictValue |
|||
} |
|||
api.noticelist(para).then(function(res) { |
|||
that.setData({ |
|||
sclerotialist: that.data.sclerotialist.concat(res.data), |
|||
loadMoreType: res.data.length === that.data.pageSize ? 'loading' : 'none', |
|||
}) |
|||
if (that.data.sclerotialist.length == 0) { |
|||
that.setData({ |
|||
nodata: true, |
|||
loadMoreType: 'none', |
|||
loadMoreVisible: false |
|||
}) |
|||
} |
|||
}).catch(() => { |
|||
that.setData({ |
|||
nodata: true, |
|||
loadMoreType: "none", |
|||
loadMoreVisible: false, |
|||
sclerotialist: [] |
|||
}) |
|||
}) |
|||
}, |
|||
|
|||
toDetail (e) { |
|||
wx.navigateTo({ |
|||
url: `../noticeDetail/noticeDetail?modulename=${this.data.dictName}&modulecode=${this.data.dictType}&modulevalue=${this.data.dictValue}&id=${e.currentTarget.dataset.id}` |
|||
}) |
|||
} |
|||
}) |
|||
@ -0,0 +1,7 @@ |
|||
{ |
|||
"navigationBarTitleText": "", |
|||
"usingComponents": { |
|||
"load-more": "../../../../components/loadMore/loadMore", |
|||
"no-data":"../../../../components/nodata/nodata" |
|||
} |
|||
} |
|||
@ -0,0 +1,19 @@ |
|||
<wxs module="filter" src="../../../../utils/filter.wxs"></wxs> |
|||
<!-- 列表 --> |
|||
<view class="list-all"> |
|||
<view class="list-item" wx:for-index="index" wx:for-item="item" wx:key="index" wx:for="{{sclerotialist}}" data-id="{{item.id}}" bindtap="toDetail"> |
|||
<image src="{{item.imgUrl}}"></image> |
|||
<view class="item-info"> |
|||
<view class="item-info-name">{{item.noticeTitle}} |
|||
</view> |
|||
<view class="item-info-time"> |
|||
<text>{{item.deptName}}</text> |
|||
<text>{{filter.formatTime(item.noticeTime, 'yyyy-MM-dd')}}</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<!--加载更多提示--> |
|||
<load-more loadMoreType="{{loadMoreType}}" loadMoreVisible="{{loadMoreVisible}}"></load-more> |
|||
|
|||
<no-data isShow="{{nodata}}"></no-data> |
|||
@ -0,0 +1,86 @@ |
|||
page { |
|||
background: #f7f7f7; |
|||
} |
|||
|
|||
/* 列表样式 */ |
|||
|
|||
.list-all { |
|||
/* width: calc(100% - 48rpx); |
|||
margin-left: 21rpx; |
|||
margin-top: 50rpx;*/ |
|||
width: 100%; |
|||
background-color: #fff; |
|||
} |
|||
|
|||
.list-all .list-item { |
|||
border-bottom: 1rpx solid #eaeaea; |
|||
margin-top: 16rpx; |
|||
padding: 40rpx 18rpx 30rpx 16rpx; |
|||
display: flex; |
|||
/* align-items: center; */ |
|||
} |
|||
|
|||
.list-all .list-item:first-child { |
|||
border-top: 1rpx solid #eaeaea; |
|||
} |
|||
|
|||
.list-all .list-item:last-child { |
|||
border-bottom: none; |
|||
} |
|||
|
|||
.list-all .list-item .item-info { |
|||
width: calc(100% - 220rpx); |
|||
height: 146rpx; |
|||
position: relative; |
|||
} |
|||
|
|||
.list-all .list-item .item-info .item-info-name { |
|||
width: calc(100% - 47rpx); |
|||
font-size: 32rpx; |
|||
font-weight: 500; |
|||
color: rgba(63, 63, 63, 1); |
|||
line-height: 50rpx; |
|||
display: -webkit-box; |
|||
-webkit-box-orient: vertical; |
|||
-webkit-line-clamp: 2; |
|||
overflow: hidden; |
|||
margin: 0 auto; |
|||
} |
|||
|
|||
.list-all .list-item .item-info .item-info-time { |
|||
width: calc(100% - 47rpx); |
|||
height: 22rpx; |
|||
position: absolute; |
|||
bottom: 5rpx; |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
left: 22rpx; |
|||
} |
|||
|
|||
.list-all .list-item .item-info .item-info-time text { |
|||
font-size: 22rpx; |
|||
font-weight: 500; |
|||
color: rgba(170, 170, 170, 1); |
|||
line-height: 22rpx; |
|||
} |
|||
|
|||
.list-all .list-item image { |
|||
width: 220rpx; |
|||
height: 146rpx; |
|||
border-radius: 10rpx; |
|||
} |
|||
|
|||
.list-all .list-item .label { |
|||
position: absolute; |
|||
z-index: 999; |
|||
width: 34rpx; |
|||
height: 34rpx; |
|||
right: 45rpx; |
|||
} |
|||
|
|||
.list-all .list-item .label image { |
|||
position: absolute; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
Loading…
Reference in new issue