| | |
| | | <text class="color2" @click="showData =!showData">查看更多</text> |
| | | </view> |
| | | <view class="flex flex-wrap j-between"> |
| | | <view class="pt-38 pb-38 bg1 w-333 br-19 mt-19 flex a-center" v-if="member==1" @click="onClick()" > |
| | | <image class="w-94 h-77 ml-38" src="/static/home/img7.png" mode=""></image> |
| | | <text class="ml-37 font-bold">党员证</text> |
| | | </view> |
| | | <view class="pt-38 pb-38 bg1 w-333 flex br-19 mt-19 a-center" @click="goTopage()"> |
| | | <image class="w-81 h-77 ml-38" src="/static/home/img4.png" mode=""></image> |
| | | <text class="ml-37">诉求录入</text> |
| | | <text class="ml-37 font-bold">诉求录入</text> |
| | | </view> |
| | | <view class="pt-38 pb-38 bg1 w-333 mt-19 br-19 flex a-center" @click="goToList()"> |
| | | <image class="w-81 h-77 ml-38" src="/static/home/img2.png" mode=""></image> |
| | | <text class="ml-37">诉求列表</text> |
| | | <text class="ml-37 font-bold ">诉求列表</text> |
| | | </view> |
| | | <view class="pt-38 pb-38 bg1 w-333 br-19 mt-19 flex a-center"> |
| | | <image class="w-79 h-77 ml-38" src="/static/home/img1.png" mode=""></image> |
| | | <text class="ml-37">回访评价</text> |
| | | <text class="ml-37 font-bold">回访评价</text> |
| | | </view> |
| | | <view class="pt-38 pb-38 bg1 w-333 br-19 mt-19 flex a-center"> |
| | | <view class="pt-38 pb-38 bg1 w-333 br-19 mt-19 flex a-center" v-if="member==2"> |
| | | <image class="w-81 h-77 ml-38" src="/static/home/img8.png" mode=""></image> |
| | | <text class="ml-37">统计分析</text> |
| | | <text class="ml-37 font-bold">统计分析</text> |
| | | </view> |
| | | <view class="pt-38 pb-38 bg1 w-333 br-19 mt-19 flex a-center" @click="onClick()" v-if="showData"> |
| | | <view class="pt-38 pb-38 bg1 w-333 br-19 mt-19 flex a-center" v-if="showData&&member==1"> |
| | | <image class="w-81 h-77 ml-38" src="/static/home/img8.png" mode=""></image> |
| | | <text class="ml-37 font-bold">统计分析</text> |
| | | </view> |
| | | <view class="pt-38 pb-38 bg1 w-333 br-19 mt-19 flex a-center" @click="onClick()" v-if="showData&&member==2"> |
| | | <image class="w-94 h-77 ml-38" src="/static/home/img7.png" mode=""></image> |
| | | <text class="ml-37">党员证</text> |
| | | <text class="ml-37 font-bold">党员证</text> |
| | | </view> |
| | | |
| | | </view> |
| | |
| | | <view class="msg mr-19" @click="changeActive(1)" :class="isactive==1? 'active':''"> |
| | | 消息 |
| | | <view class="tips"> |
| | | {{msgList.length}} |
| | | {{noreadlist.length}} |
| | | </view> |
| | | </view> |
| | | <view class="representative" @click="changeActive(2)" :class="isactive==2? 'active':''"> |
| | | 待办 |
| | | <view class="tips"> |
| | | {{msgList.length}} |
| | | {{noreadlists.length}} |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view class="list mt-29"> |
| | | <view class="flex a-center mb-27" v-for="item in msgList" :key="item.id"> |
| | | <view class="flex a-center mb-27" v-for="item in isactive==1?msgList:msgLists" :key="item.id"> |
| | | <view class="avater pb-33"> |
| | | <image class="w-85 h-85 br50" src="/static/home/img9.png" mode=""></image> |
| | | <view class="tips" v-if="item.readStatus==2"> |
| | |
| | | <view class="border-b flex1 ml-18 pb-33"> |
| | | <view class="fs-31 font-w500 flex flex1 j-between"> |
| | | <text>{{item.title}}</text> |
| | | <text class="fs-23 font-w400">{{item.time}}分钟前</text> |
| | | <text class="fs-23 font-w400">{{item.time}}</text> |
| | | |
| | | </view> |
| | | <view class="fs-27 flex j-between mt-8"> |
| | | <text></text> |
| | | <text style="color: rgba(102, 102, 102, 1);">{{item.promptType==1?'临期提醒':'超时提醒'}}</text> |
| | | <view class="read" v-if="item.readStatus==1">已读</view> |
| | | <view class="noread" v-else>未读</view> |
| | | |
| | |
| | | pageNum: 1, |
| | | bannerlist: [], |
| | | msgList: [], |
| | | msgLists: [], |
| | | msgListTotal: [], |
| | | member: 1, |
| | | userInfo: {}, |
| | | isLoading: false, |
| | | noreadlist: [], |
| | | noreadlists: [], |
| | | } |
| | | }, |
| | | onPullDownRefresh() { |
| | |
| | | // 计算分钟数 |
| | | const minutes = Math.floor(remainingSecondsAfterHours / 60); |
| | | |
| | | item.time = days && hours ? `${days} 天 ${hours}小时 ${minutes} ` : !days && hours ? |
| | | `${hours}小时 ${minutes}` : `${minutes}` |
| | | item.time = days && hours ? `${days} 天前 ` : !days && hours ? |
| | | `${hours}小时 ${minutes} 分钟前` : `${minutes} 分钟前` |
| | | |
| | | return item |
| | | }) |
| | | this.msgList = JSON.parse(JSON.stringify(this.msgListTotal)).filter(item => item.promptType == |
| | | 2) |
| | | this.msgLists = JSON.parse(JSON.stringify(this.msgListTotal)).filter(item => item.promptType == |
| | | 1) |
| | | this.noreadlists = this.msgLists.filter(item => item.readStatus === 0) |
| | | this.noreadlist = this.msgList.filter(item => item.readStatus === 0) |
| | | console.log(this.msgListTotal, 'this.msgListTotal'); |
| | | }) |
| | | }, |
| | |
| | | this.isactive = value |
| | | if (value == 1) { |
| | | this.msgList = JSON.parse(JSON.stringify(this.msgListTotal)).filter(item => item.promptType == 2) |
| | | this.noreadlist = this.msgList.filter(item => item.readStatus === 0) |
| | | } else { |
| | | |
| | | this.msgList = JSON.parse(JSON.stringify(this.msgListTotal)).filter(item => item.promptType == 1) |
| | | this.msgLists = JSON.parse(JSON.stringify(this.msgListTotal)).filter(item => item.promptType == 1) |
| | | this.noreadlists = this.msgLists.filter(item => item.readStatus === 0) |
| | | } |
| | | |
| | | |
| | | }, |
| | | change() { |
| | | console.log('1111'); |