mirror of
https://gitee.com/java110/PropertyApp.git
synced 2026-02-23 21:36:39 +08:00
306 lines
8.4 KiB
Vue
306 lines
8.4 KiB
Vue
<template>
|
|
<view class="content">
|
|
<scroll-view :scroll-y="modalName==null" class="page" :class="show">
|
|
<view class="cu-list grid" :class="['col-' + gridCol,gridBorder?'':'no-border']">
|
|
<view class="cu-item" v-for="(item,index) in cuIconList" :key="index" v-if="index<gridCol*2">
|
|
<view :class="['cuIcon-' + item.cuIcon,'text-' + item.color]">
|
|
<view class="cu-tag badge" v-if="item.badge!=0">
|
|
<block v-if="item.badge!=1">{{item.badge>99?'99+':item.badge}}</block>
|
|
</view>
|
|
</view>
|
|
<text>{{item.name}}</text>
|
|
</view>
|
|
</view>
|
|
<!-- 轮播图 -->
|
|
<view class="margin-top">
|
|
<swiper class="screen-swiper swiper-height-index" :class="round-dot" :indicator-dots="true" :circular="true"
|
|
:autoplay="true" interval="5000" duration="500">
|
|
<swiper-item v-for="(item,index) in swiperList" :key="index">
|
|
<image :src="item.url" mode="aspectFill" v-if="item.type=='image'"></image>
|
|
<video :src="item.url" autoplay loop muted :show-play-btn="false" :controls="false" objectFit="cover" v-if="item.type=='video'"></video>
|
|
</swiper-item>
|
|
</swiper>
|
|
</view>
|
|
|
|
<view class="cu-bar bg-white solid-bottom margin-top">
|
|
<view class="action">
|
|
小区文化
|
|
</view>
|
|
<view class="action">
|
|
<text class="lg text-gray cuIcon-more"></text>
|
|
</view>
|
|
</view>
|
|
<view class="noticesList">
|
|
<block v-for="(item,index) in activitys" :key="index" wx:key="index">
|
|
|
|
<view class="noticesList-list" >
|
|
<view class="notices-info">
|
|
<view class="notices-info-name">{{item.title}}</view>
|
|
|
|
<view class="notice-bottom">
|
|
<view>
|
|
<text class="lg text-gray cuIcon-time"></text>
|
|
<text class="notice-startTime">{{item.startTime}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="notices-info-image">
|
|
<image :src="item.src" />
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
gridCol: 4,
|
|
currentCommunityId:'',
|
|
currentCommunityName:'',
|
|
cuIconList: [{
|
|
cuIcon: 'cardboardfill',
|
|
color: 'red',
|
|
badge: 0,
|
|
name: '维修单'
|
|
}, {
|
|
cuIcon: 'recordfill',
|
|
color: 'orange',
|
|
badge: 1,
|
|
name: '审核维修'
|
|
}, {
|
|
cuIcon: 'picfill',
|
|
color: 'yellow',
|
|
badge: 0,
|
|
name: '投诉单'
|
|
}, {
|
|
cuIcon: 'noticefill',
|
|
color: 'olive',
|
|
badge: 22,
|
|
name: '审核投诉'
|
|
}, {
|
|
cuIcon: 'upstagefill',
|
|
color: 'cyan',
|
|
badge: 0,
|
|
name: '巡检打卡'
|
|
}, {
|
|
cuIcon: 'clothesfill',
|
|
color: 'blue',
|
|
badge: 0,
|
|
name: '公告'
|
|
}, {
|
|
cuIcon: 'discoverfill',
|
|
color: 'purple',
|
|
badge: 0,
|
|
name: '停车收费'
|
|
}, {
|
|
cuIcon: 'questionfill',
|
|
color: 'mauve',
|
|
badge: 0,
|
|
name: '采购管理'
|
|
}],
|
|
swiperList: [],
|
|
activitys:[]
|
|
}
|
|
},
|
|
onLoad() {
|
|
this._loadCommunity();
|
|
|
|
},
|
|
methods: {
|
|
_loadCommunity:function(){
|
|
let _that = this;
|
|
//加载小区信息
|
|
this.java110Context.getCommunity(function(_communitys){
|
|
let currentCommunity = uni.getStorageSync(_that.java110Constant.mapping.CURRENT_COMMUNITY_INFO);
|
|
//随机放一个小区
|
|
let _tmpCommunityInfo = _communitys[0];
|
|
if(_that.java110Util.string.isNull(currentCommunity)){
|
|
uni.setStorageSync(_that.java110Constant.mapping.CURRENT_COMMUNITY_INFO, JSON.stringify(_tmpCommunityInfo));
|
|
_that.currentCommunityId = _tmpCommunityInfo.communityId;
|
|
_that.currentCommunityName = _tmpCommunityInfo.name;
|
|
_that._loadAd();
|
|
return;
|
|
}
|
|
let communityId = '';
|
|
_communitys.forEach(function(_item){
|
|
if(_item.communityId == currentCommunity.communityId){
|
|
communityId = _item.communityId;
|
|
}
|
|
});
|
|
//说明当前小区 已经没有权限管理了
|
|
if(_that.java110Util.string.isNull(communityId)){
|
|
uni.setStorageSync(_that.java110Constant.mapping.CURRENT_COMMUNITY_INFO, JSON.stringify(_tmpCommunityInfo));
|
|
_that.currentCommunityId = _tmpCommunityInfo.communityId;
|
|
_that.currentCommunityName = _tmpCommunityInfo.name;
|
|
_that._loadAd();
|
|
return;
|
|
}
|
|
|
|
_that.currentCommunityId = currentCommunity.communityId;
|
|
_that.currentCommunityName = currentCommunity.name;
|
|
_that._loadAd();
|
|
},true);
|
|
},
|
|
_loadAd:function(){
|
|
let _that = this;
|
|
let _objData = {
|
|
page: 1,
|
|
row: 5,
|
|
communityId: this.currentCommunityId
|
|
};
|
|
this.java110Context.request({
|
|
url: _that.java110Constant.url.listAdvertPhoto,
|
|
header: _that.java110Context.getHeaders(),
|
|
method: "GET",
|
|
data: _objData, //动态数据
|
|
success: function (res) {
|
|
console.log("请求返回信息：", res);
|
|
if (res.statusCode == 200) {
|
|
|
|
let _advertPhotos = res.data;
|
|
let _aPhotos = [];
|
|
_advertPhotos.forEach(function (_item) {
|
|
_item.type= "image";
|
|
_item.url = _that.java110Constant.url.hcBaseUrl + _item.url + "&time=" + new Date();
|
|
_aPhotos.push(_item);
|
|
});
|
|
|
|
_that.swiperList = _aPhotos;
|
|
|
|
console.log(_that.swiperList);
|
|
_that._loadActivitys();
|
|
return;
|
|
}
|
|
wx.showToast({
|
|
title: "服务器异常了",
|
|
icon: 'none',
|
|
duration: 2000
|
|
})
|
|
},
|
|
fail: function (e) {
|
|
wx.showToast({
|
|
title: "服务器异常了",
|
|
icon: 'none',
|
|
duration: 2000
|
|
})
|
|
}
|
|
});
|
|
},
|
|
_loadActivitys:function(){
|
|
let _that = this;
|
|
let _objData = {
|
|
page:1,
|
|
row:5,
|
|
communityId:this.currentCommunityId
|
|
};
|
|
_that.java110Context.request({
|
|
url: _that.java110Constant.url.listActivitiess,
|
|
header: _that.java110Context.getHeaders(),
|
|
method: "GET",
|
|
data: _objData, //动态数据
|
|
success: function (res) {
|
|
console.log("请求返回信息：", res);
|
|
if (res.statusCode == 200) {
|
|
let _activites = res.data.activitiess;
|
|
let _acts = [];
|
|
_activites.forEach(function(_item){
|
|
_item.src = _that.java110Constant.url.filePath + "?fileId=" + _item.headerImg +"&communityId="+_that.currentCommunityId+"&time="+new Date();
|
|
_acts.push(_item);
|
|
});
|
|
|
|
|
|
_that.activitys = _acts;
|
|
console.log('小区文化',_that.activitys);
|
|
return;
|
|
}
|
|
wx.showToast({
|
|
title: "服务器异常了",
|
|
icon: 'none',
|
|
duration: 2000
|
|
})
|
|
},
|
|
fail: function (e) {
|
|
wx.showToast({
|
|
title: "服务器异常了",
|
|
icon: 'none',
|
|
duration: 2000
|
|
})
|
|
}
|
|
});
|
|
}
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.swiper-height-index{
|
|
height: 240upx;
|
|
min-height: 240upx;
|
|
}
|
|
.noticesList{
|
|
background-color: #FFFFFF;
|
|
}
|
|
.noticesList-list{
|
|
font-size: 25rpx;
|
|
display: flex;
|
|
width: 100%;
|
|
padding: 10rpx 0;
|
|
border-bottom: 1rpx solid #ECECEC;
|
|
color: #6D6D6D;
|
|
justify-content: space-between;
|
|
}
|
|
.notices-info-name{
|
|
margin-top: 10rpx;
|
|
color: black;
|
|
font-size: 30rpx;
|
|
display: -webkit-box; /*设置为弹性盒子*/
|
|
-webkit-line-clamp: 2; /*最多显示5行*/
|
|
overflow: hidden; /*超出隐藏*/
|
|
text-overflow: ellipsis; /*超出显示为省略号*/
|
|
-webkit-box-orient: vertical;
|
|
word-break: break-all; /*强制英文单词自动换行*/
|
|
}
|
|
.notices-info-image image{
|
|
width: 200rpx;
|
|
height: 150rpx;
|
|
margin: 10rpx 20rpx 0rpx 20rpx;
|
|
border-radius: 10rpx;
|
|
}
|
|
.notices-info{
|
|
margin: 10rpx 0rpx 0rpx 20rpx;
|
|
height: 150rpx;
|
|
flex-direction: column;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.notice-bottom{
|
|
display: flex;
|
|
text-align: left;
|
|
}
|
|
.notice-bottom view{
|
|
margin-right: 20rpx;
|
|
}
|
|
|
|
.notice-bottom icon{
|
|
color: #8a8a8a;
|
|
display: inline-block;
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
}
|
|
.notice-bottom view text{
|
|
font-size: 25rpx;
|
|
line-height: 40rpx;
|
|
}
|
|
.notice-startTime{
|
|
margin-left: 16upx;
|
|
}
|
|
|
|
|
|
|
|
</style>
|