mirror of
https://gitee.com/java110/WechatOwnerService.git
synced 2026-02-23 21:36:38 +08:00
优化图标显示
This commit is contained in:
parent
4fd72eef2e
commit
90a681ae09
@ -33,156 +33,156 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="cu-modal" :class="callPropertyModal==true?'show':''">
|
||||
<view class="cu-dialog">
|
||||
<view class="cu-bar bg-white justify-end">
|
||||
<view class="content">拨打电话</view>
|
||||
<view class="action" @tap="_cancleCall()">
|
||||
<text class="cuIcon-close text-red"></text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="padding-xl">
|
||||
您确认拨打,{{property.communityName}}物业客服电话<br />{{property.sCommunityTel}}
|
||||
</view>
|
||||
<view class="cu-bar bg-white justify-end">
|
||||
<view class="action margin-0 flex-sub solid-left" @tap="_cancleCall()">取消</view>
|
||||
<view class="action margin-0 flex-sub text-green solid-left" @tap="_doCall()">拨号</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="cu-modal" :class="callPropertyModal==true?'show':''">
|
||||
<view class="cu-dialog">
|
||||
<view class="cu-bar bg-white justify-end">
|
||||
<view class="content">拨打电话</view>
|
||||
<view class="action" @tap="_cancleCall()">
|
||||
<text class="cuIcon-close text-red"></text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="padding-xl">
|
||||
您确认拨打,{{property.communityName}}物业客服电话<br />{{property.sCommunityTel}}
|
||||
</view>
|
||||
<view class="cu-bar bg-white justify-end">
|
||||
<view class="action margin-0 flex-sub solid-left" @tap="_cancleCall()">取消</view>
|
||||
<view class="action margin-0 flex-sub text-green solid-left" @tap="_doCall()">拨号</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
hasOwner
|
||||
} from '../../api/owner/ownerApi.js';
|
||||
import {
|
||||
hasLogin
|
||||
} from '../../lib/java110/page/Page.js';
|
||||
|
||||
import {
|
||||
getProperty
|
||||
} from '../../api/property/propertyApi.js';
|
||||
|
||||
<script>
|
||||
import {
|
||||
hasOwner
|
||||
} from '../../api/owner/ownerApi.js';
|
||||
import {
|
||||
hasLogin
|
||||
} from '../../lib/java110/page/Page.js';
|
||||
|
||||
import {
|
||||
getProperty
|
||||
} from '../../api/property/propertyApi.js';
|
||||
|
||||
export default {
|
||||
name: "indexMenu",
|
||||
data() {
|
||||
return {
|
||||
home_list: [],
|
||||
serve_list: [],
|
||||
callPropertyModal: false,
|
||||
serve_list: [],
|
||||
callPropertyModal: false,
|
||||
property: {},
|
||||
new_list: [{
|
||||
src: this.imgUrl+'/h5/images/serve/new1.png',
|
||||
name: '新手指引',
|
||||
desc: '新手指引',
|
||||
href:''
|
||||
src: this.imgUrl + '/h5/images/serve/new1.png',
|
||||
name: '报事报修',
|
||||
desc: '一键维修',
|
||||
href: '/pages/repair/repair'
|
||||
},
|
||||
{
|
||||
src: this.imgUrl+'/h5/images/serve/new2.png',
|
||||
src: this.imgUrl + '/h5/images/serve/new2.png',
|
||||
name: '联系物业',
|
||||
desc: '一键搞定',
|
||||
href:'_callPropertyTel'
|
||||
desc: '一键搞定',
|
||||
href: '_callPropertyTel'
|
||||
},
|
||||
],
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this._loadFunc();
|
||||
},
|
||||
methods:{
|
||||
_loadFunc:function(){
|
||||
this.home_list = [{
|
||||
name: '生活缴费',
|
||||
src: this.imgUrl+'/h5/images/serve/1.png',
|
||||
href: '/pages/oweFee/oweFee'
|
||||
},
|
||||
{
|
||||
name: '家庭成员',
|
||||
src: this.imgUrl+'/h5/images/serve/2.png',
|
||||
href: '/pages/familyList/familyList'
|
||||
},
|
||||
{
|
||||
name: '报事维修',
|
||||
src: this.imgUrl+'/h5/images/serve/6.png',
|
||||
href: '/pages/repair/repair'
|
||||
},
|
||||
],
|
||||
this.serve_list = [{
|
||||
name: '一键开门',
|
||||
src: this.imgUrl+'/h5/images/serve/8.png',
|
||||
href: '/pages/openDoor/openDoor'
|
||||
},
|
||||
{
|
||||
name: '装修报备',
|
||||
src: this.imgUrl+'/h5/images/serve/10.png',
|
||||
href: '/pages/roomRenovation/roomRenovation'
|
||||
},
|
||||
{
|
||||
name: '访客通行',
|
||||
src: this.imgUrl+'/h5/images/serve/3.png',
|
||||
href: '/pages/visit/visitList'
|
||||
},
|
||||
{
|
||||
name: '社区公告',
|
||||
src: this.imgUrl+'/h5/images/serve/7.png',
|
||||
href: '/pages/notice/index'
|
||||
},
|
||||
]
|
||||
},
|
||||
to:function(v) {
|
||||
if (v.href == '_callPropertyTel') {
|
||||
},
|
||||
created() {
|
||||
this._loadFunc();
|
||||
},
|
||||
methods: {
|
||||
_loadFunc: function() {
|
||||
this.home_list = [{
|
||||
name: '社区公告',
|
||||
src: this.imgUrl + '/h5/images/serve/7.png',
|
||||
href: '/pages/notice/index'
|
||||
},
|
||||
{
|
||||
name: '家庭成员',
|
||||
src: this.imgUrl + '/h5/images/serve/2.png',
|
||||
href: '/pages/familyList/familyList'
|
||||
},
|
||||
{
|
||||
name: '访客通行',
|
||||
src: this.imgUrl + '/h5/images/serve/3.png',
|
||||
href: '/pages/visit/visitList'
|
||||
},
|
||||
],
|
||||
this.serve_list = [{
|
||||
name: '生活缴费',
|
||||
src: this.imgUrl + '/h5/images/serve/1.png',
|
||||
href: '/pages/oweFee/oweFee'
|
||||
},
|
||||
{
|
||||
name: '房屋费',
|
||||
src: this.imgUrl + '/h5/images/serve/5.png',
|
||||
href: '/pages/roomFeeListNew/roomFeeListNew'
|
||||
},
|
||||
{
|
||||
name: '停车费',
|
||||
src: this.imgUrl + '/h5/images/serve/9.png',
|
||||
href: '/pages/payParkingFeeList/payParkingFeeList'
|
||||
},
|
||||
{
|
||||
name: '一键开门',
|
||||
src: this.imgUrl + '/h5/images/serve/8.png',
|
||||
href: '/pages/openDoor/openDoor'
|
||||
},
|
||||
]
|
||||
},
|
||||
to: function(v) {
|
||||
if (v.href == '_callPropertyTel') {
|
||||
this.callPropertyTel();
|
||||
} else {
|
||||
this.vc.navigateTo({
|
||||
url: v.href
|
||||
this.vc.navigateTo({
|
||||
url: v.href
|
||||
});
|
||||
}
|
||||
},
|
||||
callPropertyTel: function() { //拨打电话
|
||||
let _that = this;
|
||||
if (!hasLogin()) {
|
||||
this.vc.navigateTo({
|
||||
url: '../showlogin/showlogin'
|
||||
});
|
||||
return;
|
||||
}
|
||||
hasOwner();
|
||||
uni.getStorage({
|
||||
key: 'ownerInfo',
|
||||
success: function(res) {
|
||||
_that.property = res.data;
|
||||
_that.callPropertyModal = true;
|
||||
}
|
||||
});
|
||||
},
|
||||
_doCall: function() {
|
||||
|
||||
let _that = this;
|
||||
uni.makePhoneCall({
|
||||
// 手机号
|
||||
phoneNumber: _that.property.sCommunityTel,
|
||||
// 成功回调
|
||||
success: (res) => {
|
||||
console.log('调用成功!')
|
||||
},
|
||||
// 失败回调
|
||||
fail: (res) => {
|
||||
console.log('调用失败!')
|
||||
}
|
||||
});
|
||||
},
|
||||
_cancleCall: function() {
|
||||
this.callPropertyModal = false;
|
||||
},
|
||||
more:function() {
|
||||
uni.switchTab({
|
||||
url: '/pages/homemaking/homemaking'
|
||||
})
|
||||
}
|
||||
},
|
||||
callPropertyTel: function() { //拨打电话
|
||||
let _that = this;
|
||||
if (!hasLogin()) {
|
||||
this.vc.navigateTo({
|
||||
url: '../showlogin/showlogin'
|
||||
});
|
||||
return;
|
||||
}
|
||||
hasOwner();
|
||||
uni.getStorage({
|
||||
key: 'ownerInfo',
|
||||
success: function(res) {
|
||||
_that.property = res.data;
|
||||
_that.callPropertyModal = true;
|
||||
}
|
||||
});
|
||||
},
|
||||
_doCall: function() {
|
||||
|
||||
let _that = this;
|
||||
uni.makePhoneCall({
|
||||
// 手机号
|
||||
phoneNumber: _that.property.sCommunityTel,
|
||||
// 成功回调
|
||||
success: (res) => {
|
||||
console.log('调用成功!')
|
||||
},
|
||||
// 失败回调
|
||||
fail: (res) => {
|
||||
console.log('调用失败!')
|
||||
}
|
||||
});
|
||||
},
|
||||
_cancleCall: function() {
|
||||
this.callPropertyModal = false;
|
||||
},
|
||||
more: function() {
|
||||
uni.switchTab({
|
||||
url: '/pages/homemaking/homemaking'
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -261,19 +261,20 @@
|
||||
.home_item:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.new_box {
|
||||
background: #fff;
|
||||
padding: 20upx;
|
||||
margin-bottom: 20upx;
|
||||
|
||||
|
||||
.new_wrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
|
||||
.new_item {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
@ -282,33 +283,32 @@
|
||||
width: calc((100% - 40upx) / 2);
|
||||
background: #f5f5f5;
|
||||
border-radius: 5upx;
|
||||
|
||||
|
||||
.new_font {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
|
||||
.name {
|
||||
font-size: 28upx;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
|
||||
.text {
|
||||
font-size: 24upx;
|
||||
font-weight: 400;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
|
||||
image {
|
||||
width: 160upx;
|
||||
height: 120upx;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.new_item:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
@ -56,11 +56,13 @@
|
||||
name: '生活缴费',
|
||||
src: this.imgUrl+'/h5/images/serve/1.png',
|
||||
href: '/pages/oweFee/oweFee'
|
||||
},{
|
||||
name: '临时车费',
|
||||
src: this.imgUrl+'/h5/images/serve/1.png',
|
||||
href: '/pages/tempParkingFee/tempParkingFee?paId=102022101773780027&communityId=2022081539020475&appId=123&aliAppId=12345'
|
||||
}, {
|
||||
},
|
||||
// {
|
||||
// name: '临时车费',
|
||||
// src: this.imgUrl+'/h5/images/serve/1.png',
|
||||
// href: '/pages/tempParkingFee/tempParkingFee?paId=102022101773780027&communityId=2022081539020475&appId=123&aliAppId=12345'
|
||||
// },
|
||||
{
|
||||
name: '房屋费',
|
||||
src: this.imgUrl+'/h5/images/serve/5.png',
|
||||
href: '/pages/roomFeeListNew/roomFeeListNew'
|
||||
|
||||
Loading…
Reference in New Issue
Block a user