mirror of
https://gitee.com/java110/PropertyApp.git
synced 2026-02-24 05:46:09 +08:00
351 lines
9.4 KiB
Vue
351 lines
9.4 KiB
Vue
<template>
|
||
<view class="content">
|
||
<view class="margin-bottom-xs">
|
||
<uni-notice-bar showIcon="true" scrollable="true" single="true" speed="30" text="HC掌上物业是免费开源的HC小区管理系统的分支项目，欢迎访问官网http://homecommunity.cn了解"></uni-notice-bar>
|
||
</view>
|
||
<scroll-view @scrolltolower="lower" class="scroll-restaurants-list" scroll-y="true" style="height:100%">
|
||
<swiper class="categoryList padding-top-xs bg-white" indicator-dots="true" indicator-color="rgba(228,228,228,1)"
|
||
indicator-active-color="#FECA49">
|
||
<block v-for="(item, index) in categoryList" :key="index">
|
||
<swiper-item>
|
||
<block v-for="(item2, index2) in item" :key="index2">
|
||
<view class="category-info">
|
||
<navigator @tap="_toHref(item2)">
|
||
<image :src="item2.src" class="category-image"></image>
|
||
<view class="category-text">{{item2.name}}</view>
|
||
</navigator>
|
||
</view>
|
||
</block>
|
||
</swiper-item>
|
||
</block>
|
||
</swiper>
|
||
<!-- 轮播图 -->
|
||
<view class="margin-top-xs">
|
||
<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 class="bock-icon "></view>
|
||
<text class="margin-left-xs">小区文化</text>
|
||
</view>
|
||
<view class="action" @tap="_moreActivity()">
|
||
<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" @tap="_toDetail(item)">
|
||
<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 class="flex justify-center tec-height align-center">
|
||
<text class="text-gray">java110团队提供技术支持,交流群827669685</text>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
// 后期开启 远程开门 和抄表
|
||
import uniNoticeBar from '@/components/uni-notice-bar/uni-notice-bar.vue'
|
||
export default {
|
||
data() {
|
||
return {
|
||
gridCol: 4,
|
||
currentCommunityId: '',
|
||
currentCommunityName: '',
|
||
categoryList: {
|
||
pageone: [{
|
||
name: "维修工单",
|
||
src: "/static/image/index_repair.png",
|
||
href: "/pages/repairOrder/repairOrder"
|
||
}, {
|
||
name: "维修待办",
|
||
src: "/static/image/index_dealRepair.png",
|
||
href: "/pages/repairDispatch/repairDispatch"
|
||
}, {
|
||
name: "巡检打卡",
|
||
src: "/static/image/index_inspection.png",
|
||
href: "/pages/inspection/inspection"
|
||
}, {
|
||
name: "采购",
|
||
src: "/static/image/index_purchase.png",
|
||
href: "/pages/purchase/purchase"
|
||
}, {
|
||
name: "投诉待办",
|
||
src: "/static/image/index_complaint.png",
|
||
href: "/pages/complaintList/complaintList"
|
||
}, {
|
||
name: "公告",
|
||
src: "/static/image/index_notice.png",
|
||
href: "/pages/notice/notice"
|
||
}, {
|
||
name: "费用账单",
|
||
src: "/static/image/index_bill.png",
|
||
href: "/pages/notice/notice"
|
||
}]
|
||
},
|
||
swiperList: [],
|
||
activitys: []
|
||
}
|
||
},
|
||
components: {
|
||
uniNoticeBar
|
||
},
|
||
onLoad() {
|
||
this._loadCommunity();
|
||
},
|
||
methods: {
|
||
_loadCommunity: function() {
|
||
let _that = this;
|
||
//加载小区信息
|
||
this.java110Context.getCommunity(function(_communitys) {
|
||
let currentCommunity = _that.java110Context.getCurrentCommunity(_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
|
||
})
|
||
}
|
||
});
|
||
},
|
||
_moreActivity: function() {
|
||
uni.navigateTo({
|
||
url: '/pages/activityes/activityes?currentCommunityId=' + this.currentCommunityId
|
||
});
|
||
},
|
||
_toDetail: function(_item) {
|
||
uni.navigateTo({
|
||
url: '/pages/activityDetail/activityDetail?activitiesId=' + _item.activitiesId + "¤tCommunityId=" + this.currentCommunityId
|
||
});
|
||
},
|
||
_toHref: function(_item) {
|
||
uni.navigateTo({
|
||
url: _item.href
|
||
});
|
||
}
|
||
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
@import "./index.css";
|
||
.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;
|
||
}
|
||
|
||
.bock-icon{
|
||
height: 34upx;
|
||
width: 14upx;
|
||
line-height: 100upx;
|
||
background-color: #00AA00;
|
||
}
|
||
|
||
.tec-height{
|
||
height: 120upx;
|
||
}
|
||
</style>
|