165 lines
8.6 KiB
Plaintext
165 lines
8.6 KiB
Plaintext
<view>
|
|
<view class="home-bg">
|
|
<!-- 顶部背景图 mode="scaleToFill" 按照宽高填充，忽略图片原比例-->
|
|
<!-- <image mode="scaleToFill" src="../../assets/images/home-bg.png"></image> -->
|
|
<image mode="scaleToFill" src="../../assets/images/index-bg2.png"></image>
|
|
<!-- 顶部选项栏 -->
|
|
<view class="select-box">
|
|
<view class="select">
|
|
<view class="select-item" wx:for="{{selectArr}}" wx:for-item="item" wx:key="path" bindtap="clickSelect"
|
|
data-item="{{item}}" data-index="{{index}}">
|
|
<view class="image-box">
|
|
<image mode="scaleToFill" src="{{item.path}}"></image>
|
|
</view>
|
|
<text>{{item.text}}</text>
|
|
</view>
|
|
<view class="select-item"></view>
|
|
<view class="select-item" wx:if="{{selectArr.length === 6}}"></view>
|
|
</view>
|
|
</view>
|
|
<!-- 消息列表筛选框 -->
|
|
<view class="list-box">
|
|
<view class="swiper-tab">
|
|
<image wx:if="{{tabActiveKey === 'message'}}" class="bg-image-left" mode="scaleToFill" src="../../assets/images/tab-back-img-left.png"></image>
|
|
<image wx:if="{{tabActiveKey === 'notice'}}" class="bg-image-right" mode="scaleToFill" src="../../assets/images/tab-back-img-right.png"></image>
|
|
<view wx:for="{{tabList}}" wx:key="key" catchtap="changeTab"
|
|
class="{{(tabActiveKey === item.key ?'selected-menu':'unselect-menu')}}" data-key="{{item.key}}">{{item.tab}}
|
|
<hr class="{{tabActiveKey == item.key ? 'selected-line':'unselect-line'}}" />
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 消息查询条件 -->
|
|
<view wx:if="{{tabActiveKey === 'message'}}" class="sign-list">
|
|
<view class="select-list">
|
|
<view class="select-item">
|
|
<picker bindchange="bindTitleChange" range="{{titleList}}">
|
|
<view class="picker">
|
|
<text wx:if="{{!searchParams.titile}}">类型</text>
|
|
<text wx:if="{{searchParams.titile}}" wx:if="{{searchParams.titile == 3}}">会议通知</text>
|
|
<text wx:if="{{searchParams.titile}}" wx:if="{{searchParams.titile == 6}}">文件通知</text>
|
|
<text wx:if="{{searchParams.titile}}" wx:if="{{searchParams.titile == 7}}">邮寄通知</text>
|
|
<text wx:if="{{searchParams.titile}}" wx:if="{{searchParams.titile == 8}}">催款通知</text>
|
|
<text wx:if="{{searchParams.titile}}" wx:if="{{searchParams.titile == 1}}">项目通知</text>
|
|
<text wx:if="{{searchParams.titile}}" wx:if="{{searchParams.titile == 10}}">开票通知</text>
|
|
<text wx:if="{{searchParams.titile}}" wx:if="{{searchParams.titile == 11}}">缴费通知</text>
|
|
<text wx:if="{{searchParams.titile}}" wx:if="{{searchParams.titile == 12}}">系统通知</text>
|
|
</view>
|
|
</picker>
|
|
</view>
|
|
<view class="select-item">
|
|
<picker mode="date" value="{{searchParams.startTime}}" start="2000-01-01" end="2050-12-31"
|
|
bindchange="bindDateChange">
|
|
<view class="picker">
|
|
<text wx:if="{{!searchParams.startTime}}">时间</text>
|
|
<text wx:if="{{searchParams.startTime}}">{{searchParams.startTime}}</text>
|
|
</view>
|
|
</picker>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 消息列表 -->
|
|
<view class="list-content" wx:if="{{list && list.length && tabActiveKey === 'message'}}">
|
|
<!-- titile 13 - 20 是会员的消息不显示 -->
|
|
<view class="list-content-item" wx:for="{{list}}" wx:key="item" wx:for-item="item" bindtap="showDialogBtn" wx:if="{{item.showBool}}"
|
|
data-message="{{item}}">
|
|
<view class="content-top">
|
|
<view>
|
|
<image wx:if="{{item.titile == 8}}" src="../../assets/images/fapiao.png"></image>
|
|
<image wx:if="{{item.titile == 7}}" src="../../assets/images/youji.png"></image>
|
|
<image wx:if="{{item.titile == 6}}" src="../../assets/images/wenjian.png"></image>
|
|
<image wx:if="{{item.titile == 3}}" src="../../assets/images/hy.png"></image>
|
|
<text
|
|
class="{{item.titile == 3 ? 'blue' : item.titile == 6 ? 'yellow' : item.titile == 7 ? 'pol' : 'green' }}">{{item.titile_dictText}}</text>
|
|
</view>
|
|
<text class="content-time">{{item.sendTime}}</text>
|
|
</view>
|
|
<rich-text class="content-bottom" nodes="{{item.msgContent}}"></rich-text>
|
|
<text class="status" wx:if="{{item.readFlag == 0}}"></text>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 公告查询条件 -->
|
|
<view wx:if="{{tabActiveKey === 'notice'}}" class="sign-list">
|
|
<view class="select-list">
|
|
<view class="select-item"></view>
|
|
<view class="select-item">
|
|
<picker mode="date" value="{{searchParams.startTime}}" start="2000-01-01" end="2050-12-31"
|
|
bindchange="bindNoticeDateChange">
|
|
<view class="picker">
|
|
<text wx:if="{{!searchParams.startTime}}">时间</text>
|
|
<text wx:if="{{searchParams.startTime}}">{{searchParams.startTime}}</text>
|
|
</view>
|
|
</picker>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 公告列表 -->
|
|
<view class="list-content" wx:if="{{noticeList && noticeList.length && tabActiveKey === 'notice'}}">
|
|
<view class="list-content-item" wx:for="{{noticeList}}" wx:key="item" wx:for-item="item" bindtap="showNoticeDialog"
|
|
data-message="{{item}}">
|
|
<view class="content-top">
|
|
<view>
|
|
<image src="../../assets/images/notice-img.png"></image>
|
|
<text class="green">公告提醒</text>
|
|
<!-- <text class="green">{{item.noticeName}}</text>-->
|
|
</view>
|
|
<text class="content-time">{{item.createTime}}</text>
|
|
</view>
|
|
<rich-text class="content-bottom" nodes="{{item.noticeContent}}"></rich-text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view wx:if="{{tabActiveKey === 'message' && (!list || list.length === 0)}}" class="no-data">
|
|
<text>暂无消息通知！</text>
|
|
</view>
|
|
<view wx:if="{{tabActiveKey === 'notice' && (!noticeList || noticeList.length === 0)}}" class="no-data">
|
|
<text>暂无公告！</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="modal-mask" bindtap="hideModal" catchtouchmove="preventTouchMove" wx:if="{{showModal}}"></view>
|
|
<view class="modal-dialog" wx:if="{{showModal}}">
|
|
<view class="modal-img">
|
|
<image src="../../assets/images/msg.png" style="width:200rpx;height:200rpx; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);"></image>
|
|
</view>
|
|
<view class="modal-content">
|
|
<!-- {{content}} -->
|
|
<view class="title">{{clickItem.currentTarget.dataset.message.titile_dictText}}</view>
|
|
<!-- rich-text 会解析html模板中的html标签 -->
|
|
<view> <rich-text nodes="{{content}}"></rich-text></view>
|
|
</view>
|
|
<!-- 普通消息的显示 -->
|
|
<view class="modal-footer" wx:if="{{!signUpBool}}">
|
|
<view class="btn-cancel" bindtap="hideModal" data-status="cancel">我知道了</view>
|
|
<image src="../../assets/images/close.png" class="close-img" bindtap="hideModal"></image>
|
|
</view>
|
|
|
|
<!-- 会议报名的显示这个 -->
|
|
<view class="modal-footer" wx:if="{{signUpBool}}">
|
|
<view class="btn-cancel-meeting" bindtap="goSignUpPage">去报名</view>
|
|
<view class="sing-up-meeting" bindtap="hideModal" data-status="cancel">我知道了</view>
|
|
<image src="../../assets/images/close.png" class="close-img" bindtap="hideModal"></image>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="modal-mask" bindtap="hideNoticeModal" catchtouchmove="preventTouchMove" wx:if="{{showNoticeModal}}"></view>
|
|
<view class="modal-dialog" wx:if="{{showNoticeModal}}">
|
|
<view class="modal-img">
|
|
<image src="../../assets/images/msg.png" style="width:200rpx;height:200rpx; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);"></image>
|
|
</view>
|
|
<view class="modal-content">
|
|
<!-- {{content}} -->
|
|
<!-- <view class="title">{{clickItem.currentTarget.dataset.message.noticeName}}</view>-->
|
|
<view class="title">公告提醒</view>
|
|
<!-- rich-text 会解析html模板中的html标签 -->
|
|
<view> <rich-text nodes="{{content}}"></rich-text></view>
|
|
</view>
|
|
<!-- 普通消息的显示 -->
|
|
<view class="modal-footer notice-modal-footer">
|
|
<!-- <view class="btn-cancel" bindtap="hideModal" data-status="cancel">我知道了</view>-->
|
|
<image src="../../assets/images/close.png" class="close-img" bindtap="hideNoticeModal"></image>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|