maguodong/uniapp-ZHSQ
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: maguodong:0c810d32abe93004c0df5e38b3c4c0c12cc0bfa1
Branches Tags
maguodong:master
maguodong:feature/yi
maguodong:feature-yjs
maguodong:qjl
maguodong:myb
...
compare: maguodong:df0bec40b22587eea8201172be255594b3e8c098
Branches Tags
maguodong:master
maguodong:feature/yi
maguodong:feature-yjs
maguodong:qjl
maguodong:myb

6 Commits
0c810d32ab ... df0bec40b2

Author SHA1 Message Date
赵毅
df0bec40b2 修改切换小区之后金刚区的按钮展示逻辑 2025-09-08 15:42:48 +08:00
赵毅
e4fe37ba3a 优化接单派单页面按钮布局 2025-09-08 15:42:09 +08:00
赵毅
43bd15a93a 修改物业缴费支付报错的bug 2025-09-08 15:41:52 +08:00
赵毅
7596710963 湖畔好店去掉到店服务券 2025-09-08 11:38:49 +08:00
赵毅
80f31109ec 修改没有绑定任何房源的页面样式 
修改弹窗广告只出现一次
 2025-09-08 10:46:48 +08:00
赵毅
7a3a19a5f7 修改湖畔好店页面搜索框的位置 2025-09-08 09:52:53 +08:00
9 changed files with 434 additions and 408 deletions
Show Stats Expand all files Collapse all files

1
api/community.js
View File

@ -47,4 +47,5 @@ export const apiArr = {
getPayOrderInfo:"/api/v2/wechat/community-order-pay/get-one", //根据缴费信息获取支付信息 getPayOrderInfo:"/api/v2/wechat/community-order-pay/get-one", //根据缴费信息获取支付信息
getPayOrderList:"/api/v2/wechat/community-order-pay/get-page", //查询缴费记录 getPayOrderList:"/api/v2/wechat/community-order-pay/get-page", //查询缴费记录
OrderPay:"/api/v2/wechat/community-order-pay/preorder",//预下单 OrderPay:"/api/v2/wechat/community-order-pay/preorder",//预下单
tradeQuery:"/api/v2/wechat/community-order-pay/trade-query",//缴费查单
}; };

144
packages/community/index/index.vue
View File

@ -17,8 +17,8 @@
<view class="swiperBox_no1"> <view class="swiperBox_no1">
<swiper @animationfinish="swipers" autoplay circular> <swiper @animationfinish="swipers" autoplay circular>
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/community_no_image1.png" mode="aspectFill" class="swiperBox_no_img" <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/community_no_image1.png" mode="aspectFill"
@click="addCommunity" /> class="swiperBox_no_img" @click="addCommunity" />
</swiper> </swiper>
<view class="dot"> <view class="dot">
@ -30,14 +30,14 @@
<view class="swiperBox_no2"> <view class="swiperBox_no2">
<swiper @animationfinish="swipers" autoplay circular> <swiper @animationfinish="swipers" autoplay circular>
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/community_no_image2.png" mode="aspectFill" class="swiperBox_no_img" <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/community_no_image2.png" mode="aspectFill"
@click="addCommunity" /> class="swiperBox_no_img" @click="addCommunity" />
</swiper> </swiper>
</view> </view>
<view class="funcList"> <view class="funcList">
<u-grid :col="rowNum" :border="false"> <u-grid :col="5" :border="false">
<u-grid-item v-for="(item, index) in functionList" @click="addCommunity" :key="index"> <u-grid-item v-for="(item, index) in noValFunctionList" @click="addCommunity" :key="index">
<image class="grid_Pic" :src="item.nav_icon" mode=""></image> <image class="grid_Pic" :src="item.nav_icon" mode=""></image>
<text class="grid_Text">{{ item.nav_name }}</text> <text class="grid_Text">{{ item.nav_name }}</text>
</u-grid-item> </u-grid-item>
@ -172,49 +172,49 @@ export default {
communityList: [], communityList: [],
flag: false, flag: false,
functionList: [ defaultFunctionList: [],
functionList: [],
noValFunctionList: [
{ {
create_time: "", nav_icon: 'http://localhost:8080/noValFunction1.png',
id: 4, nav_name: "物业介绍",
is_published: 1,
jump_target: 1,
mini_program_url: "/packages/community/repairList/index",
nav_icon: picUrl + "/static/images/2025-07-05/db3s1b1lyxawt8cnke.png",
nav_name: "报事报修",
other_appid: "",
other_path: "",
sort: 5,
update_time: "",
visible_communities: ""
}, },
{ {
create_time: "", nav_icon: 'http://localhost:8080/noValFunction2.png',
id: 5,
is_published: 1,
jump_target: 1,
mini_program_url: "/packages/community/propertyPayment/index",
nav_icon: picUrl + "/static/images/2025-07-05/db3s1t7d1k0qmuha61.png",
nav_name: "物业缴费", nav_name: "物业缴费",
other_appid: "",
other_path: "",
sort: 4,
update_time: "",
visible_communities: "",
}, },
{ {
create_time: "", nav_icon: 'http://localhost:8080/noValFunction3.png',
id: 7,
is_published: 1,
jump_target: 1,
mini_program_url: "/packages/community/providentFund/index",
nav_icon: picUrl + "/static/images/2025-07-05/db3s29e33rd7rsrecf.png",
nav_name: "物业公积金", nav_name: "物业公积金",
other_appid: "", },
other_path: "", {
sort: 2, nav_icon: 'http://localhost:8080/noValFunction1.png',
update_time: "", nav_name: "物业保修",
visible_communities: "" },
} {
nav_icon: 'http://localhost:8080/noValFunction4.png',
nav_name: "便民电话",
},
{
nav_icon: 'http://localhost:8080/noValFunction5.png',
nav_name: "人脸门禁",
},
{
nav_icon: 'http://localhost:8080/noValFunction6.png',
nav_name: "手机开门",
},
{
nav_icon: 'http://localhost:8080/noValFunction7.png',
nav_name: "物业活动",
},
{
nav_icon: 'http://localhost:8080/noValFunction8.png',
nav_name: "访客邀请",
},
{
nav_icon: 'http://localhost:8080/noValFunction10.png',
nav_name: "场地预约",
},
], ],
ads1Show: false, ads1Show: false,
@ -249,6 +249,51 @@ export default {
}, },
async onShow() { async onShow() {
this.defaultFunctionList = [
{
create_time: "",
id: 4,
is_published: 1,
jump_target: 1,
mini_program_url: "/packages/community/repairList/index",
nav_icon: picUrl + "/static/images/2025-07-05/db3s1b1lyxawt8cnke.png",
nav_name: "报事报修",
other_appid: "",
other_path: "",
sort: 5,
update_time: "",
visible_communities: ""
},
{
create_time: "",
id: 5,
is_published: 1,
jump_target: 1,
mini_program_url: "/packages/community/propertyPayment/index",
nav_icon: picUrl + "/static/images/2025-07-05/db3s1t7d1k0qmuha61.png",
nav_name: "物业缴费",
other_appid: "",
other_path: "",
sort: 4,
update_time: "",
visible_communities: "",
},
{
create_time: "",
id: 7,
is_published: 1,
jump_target: 1,
mini_program_url: "/packages/community/providentFund/index",
nav_icon: picUrl + "/static/images/2025-07-05/db3s29e33rd7rsrecf.png",
nav_name: "物业公积金",
other_appid: "",
other_path: "",
sort: 2,
update_time: "",
visible_communities: ""
}
]
// 页面展示时执行 // 页面展示时执行
// if (!uni.getStorageSync("changeCommData")) { // if (!uni.getStorageSync("changeCommData")) {
// return; // return;
@ -340,9 +385,13 @@ export default {
}, },
closeAds() { closeAds() {
this.ads1Show = false; this.ads1Show = false;
// 记录用户已关闭过弹窗1
uni.setStorageSync('ads1Showed', true);
}, },
closeAds2() { closeAds2() {
this.ads2Show = false; this.ads2Show = false;
// 记录用户已关闭过弹窗2
uni.setStorageSync('ads2Showed', true);
}, },
jump(e) { jump(e) {
if (!e) { if (!e) {
@ -372,6 +421,7 @@ export default {
}, },
async getfunctionNum() { async getfunctionNum() {
this.functionList = this.defaultFunctionList;
const res = await request( const res = await request(
apiArr.commInfo, apiArr.commInfo,
"POST", "POST",
@ -415,8 +465,6 @@ export default {
this.functionList.push(newItem); this.functionList.push(newItem);
} }
}); });
console.log("functionList", this.functionList);
}, },
async getAdvertising() { async getAdvertising() {
@ -474,7 +522,9 @@ export default {
ad_picture: picUrl + item.ad_picture, ad_picture: picUrl + item.ad_picture,
}; };
}); });
this.ads1Show = res4.rows.length !== 0 ? true : false; // 检查用户是否已关闭过弹窗1，只有当没有关闭过且有广告数据时才显示
const ads1Showed = uni.getStorageSync('ads1Showed');
this.ads1Show = !ads1Showed && res4.rows.length !== 0 ? true : false;
const res5 = await request(apiArr.advPage, "POST", { const res5 = await request(apiArr.advPage, "POST", {
community_id: Number(uni.getStorageSync("changeCommData").id), community_id: Number(uni.getStorageSync("changeCommData").id),
@ -488,7 +538,9 @@ export default {
ad_picture: picUrl + item.ad_picture, ad_picture: picUrl + item.ad_picture,
}; };
}); });
this.ads2Show = res5.rows.length !== 0 ? true : false; // 检查用户是否已关闭过弹窗2，只有当没有关闭过且有广告数据时才显示
const ads2Showed = uni.getStorageSync('ads2Showed');
this.ads2Show = !ads2Showed && res5.rows.length !== 0 ? true : false;
}, },
headerServerClick(e) { headerServerClick(e) {

130
packages/community/oneRepair/index.vue
View File

@ -1,97 +1,97 @@
<template> <template>
<div class="container"> <view class="container">
<div class="searchBox" :style="{ height: localHeight + 'px', paddingTop: top + 'px' }"> <view class="searchBox" :style="{ height: localHeight + 'px', paddingTop: top + 'px' }">
<div class="searchBox_add"> <view class="searchBox_add">
<div class="searchBox_left"> <view class="searchBox_left">
<u-icon bold color="#000" size="40" name="arrow-left" @click="back"></u-icon> <u-icon bold color="#000" size="40" name="arrow-left" @click="back"></u-icon>
</div> </view>
<div class="searchBox_mid">报修信息</div> <view class="searchBox_mid">报修信息</view>
<div class="searchBox_right"></div> <view class="searchBox_right"></view>
</div> </view>
</div> </view>
<div class="repairMsg"> <view class="repairMsg">
<div class="repairTit"> <view class="repairTit">
报修信息 报修信息
</div> </view>
<div class="label"><span class="red">*</span>选择房源信息</div> <view class="label"><span class="red">*</span>选择房源信息</view>
<div class="roomList"> <view class="roomList">
<div v-for="(item, index) in roomList" :key="index" :class="active == index ?'roomItem active':'roomItem'" @click="changeAct(index)">{{ item.name }}</div> <view v-for="(item, index) in roomList" :key="index" :class="active == index ?'roomItem active':'roomItem'" @click="changeAct(index)">{{ item.name }}</view>
</div> </view>
<div class="row"> <view class="row">
<div class="row_label"><span class="red">*</span>报修类型</div> <view class="row_label"><span class="red">*</span>报修类型</view>
<div class="row_con" @click="chose"> <view class="row_con" @click="chose">
<input type="text" :value="category.category_name" placeholder="请选择报修类型" disabled> <input type="text" :value="category.category_name" placeholder="请选择报修类型" disabled>
<u-icon bold color="#999999" size="30" name="arrow-right"></u-icon> <u-icon bold color="#999999" size="30" name="arrow-right"></u-icon>
</div> </view>
</div> </view>
<div class="row"> <view class="row">
<div class="row_label"><span class="red">*</span>问题描述</div> <view class="row_label"><span class="red">*</span>问题描述</view>
<div class="row_con"> <view class="row_con">
<input type="text" placeholder="请描述故障" :value="repairInfo" data-name="repairInfo" @input="handlerInputClick"> <input type="text" placeholder="请描述故障" :value="repairInfo" data-name="repairInfo" @input="handlerInputClick">
</div> </view>
</div> </view>
<div class="row"> <view class="row">
<div class="row_label"><span class="red">*</span>联系人</div> <view class="row_label"><span class="red">*</span>联系人</view>
<div class="row_con"> <view class="row_con">
<input type="text" placeholder="请输入您的姓名" :value="contactName" data-name="contactName" @input="handlerInputClick"> <input type="text" placeholder="请输入您的姓名" :value="contactName" data-name="contactName" @input="handlerInputClick">
</div> </view>
</div> </view>
<div class="row"> <view class="row">
<div class="row_label"><span class="red">*</span>联系电话</div> <view class="row_label"><span class="red">*</span>联系电话</view>
<div class="row_con"> <view class="row_con">
<input type="number" maxlength="11" placeholder="请输入您的联系方式" :value="contactPhone" data-name="contactPhone" @input="handlerInputClick"> <input type="number" maxlength="11" placeholder="请输入您的联系方式" :value="contactPhone" data-name="contactPhone" @input="handlerInputClick">
</div> </view>
</div> </view>
<div class="row noneBorder"> <view class="row noneBorder">
<div class="row_label"><span class="red">*</span>上门时间</div> <view class="row_label"><span class="red">*</span>上门时间</view>
<div class="row_con" @click="choseTime"> <view class="row_con" @click="choseTime">
<input type="text" :value="time" placeholder="请选择上门时间" disabled> <input type="text" :value="time" placeholder="请选择上门时间" disabled>
<u-icon bold color="#999999" size="30" name="arrow-right"></u-icon> <u-icon bold color="#999999" size="30" name="arrow-right"></u-icon>
</div> </view>
</div> </view>
</div> </view>
<div class="repairMedia"> <view class="repairMedia">
<div class="row df"> <view class="row df">
<div class="row_label">上传图片</div> <view class="row_label">上传图片</view>
<div class="row_con2"> <view class="row_con2">
<u-upload :fileList="imgList" name="imgList" @afterRead="afterReadImg" @delete="deletePic" multiple <u-upload :fileList="imgList" name="imgList" @afterRead="afterReadImg" @delete="deletePic" multiple
:maxCount="5"> :maxCount="5">
<div class="imgCon"> <view class="imgCon">
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_imageImg.png" mode="widthFix"></image> <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_imageImg.png" mode="widthFix"></image>
上传图片 上传图片
</div> </view>
</u-upload> </u-upload>
</div> </view>
</div> </view>
<div class="row df"> <view class="row df">
<div class="row_label">上传视频</div> <view class="row_label">上传视频</view>
<div class="row_con2"> <view class="row_con2">
<u-upload v-if="!videoList.url" :fileList="videoList" @afterRead="afterReadVideo" @delete="deleteVideo" name="videoList" <u-upload v-if="!videoList.url" :fileList="videoList" @afterRead="afterReadVideo" @delete="deleteVideo" name="videoList"
:maxCount="1" accept="video"> :maxCount="1" accept="video">
<div class="imgCon"> <view class="imgCon">
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_videoImg.png" mode="widthFix"></image> <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_videoImg.png" mode="widthFix"></image>
上传视频 上传视频
</div> </view>
</u-upload> </u-upload>
<div v-if="videoList.url" class="videoBOX"> <view v-if="videoList.url" class="videoBOX">
<video id="myVideo" :src="videoList.url" playsinline webkit-playsinline></video> <video id="myVideo" :src="videoList.url" playsinline webkit-playsinline></video>
<div class="mask" @click="playFullScreenVideo"> <view class="mask" @click="playFullScreenVideo">
<div class="mask_cancel" @click="cancels">删除</div> <view class="mask_cancel" @click="cancels">删除</view>
</div> </view>
</div> </view>
</div> </view>
</div> </view>
</div> </view>
<u-picker :show="show" :columns="[columns]" keyName="category_name" @confirm="confirm1" @cancel="cancel1" /> <u-picker :show="show" :columns="[columns]" keyName="category_name" @confirm="confirm1" @cancel="cancel1" />
<u-datetime-picker <u-datetime-picker
@ -105,9 +105,9 @@
@close="cancel2" @close="cancel2"
/> />
<div class="btn" @click="handlerSubmitClick">确认报修</div> <view class="btn" @click="handlerSubmitClick">确认报修</view>
</div> </view>
</template> </template>
<script> <script>

485
packages/community/propertyPayment/index.vue
View File

@ -1,319 +1,255 @@
<template> <template>
<div class="container"> <view class="container">
<div <view class="searchBox" :style="{ height: localHeight + 'px', paddingTop: top + 'px' }">
class="searchBox" <view class="searchBox_add">
:style="{ height: localHeight + 'px', paddingTop: top + 'px' }" <u-icon bold color="#000" size="40" name="arrow-left" @click="back"></u-icon>
> </view>
<div class="searchBox_add"> </view>
<u-icon
bold
color="#000"
size="40"
name="arrow-left"
@click="back"
></u-icon>
</div>
</div>
<div class="community"> <view class="community">
<div class="community_left"> <view class="community_left">
<image <image mode="aspectFill" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/test.png"
mode="aspectFill" alt="" />
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/test.png" </view>
alt="" <view class="community_right" @click="changeShow">
/> <view class="community_right_text">
</div> <view class="community_right_text1">{{ currentRoom.name }}</view>
<div class="community_right" @click="changeShow"> <view class="community_right_text2">{{ currentCommunityAddr }}</view>
<div class="community_right_text"> </view>
<div class="community_right_text1">{{ currentRoom.name }}</div> <view class="community_right_more">
<div class="community_right_text2">{{ currentCommunityAddr }}</div>
</div>
<div class="community_right_more">
<u-icon bold color="#999999" size="30" name="arrow-right"></u-icon> <u-icon bold color="#999999" size="30" name="arrow-right"></u-icon>
</div> </view>
</div> </view>
</div> </view>
<div class="tabList"> <view class="tabList">
<div <view class="tabItem" :class="active == 0 ? 'active' : ''" @click="changeTab(0)">
class="tabItem"
:class="active == 0 ? 'active' : ''"
@click="changeTab(0)"
>
账单 账单
</div> </view>
<div class="line"></div> <view class="line"></view>
<div <view class="tabItem" :class="active == 1 ? 'active' : ''" @click="changeTab(1)">
class="tabItem"
:class="active == 1 ? 'active' : ''"
@click="changeTab(1)"
>
缴费记录 缴费记录
</div> </view>
</div> </view>
<div class="homeMoney" v-if="active == 0"> <view class="homeMoney" v-if="active == 0">
<div class="homeMoney_box"> <view class="homeMoney_box">
<div class="homeMoney_box_left"> <view class="homeMoney_box_left">
<div class="homeMoney_box_left1">物业公积金</div> <view class="homeMoney_box_left1">物业公积金</view>
<div class="homeMoney_box_left2">可抵扣账户金额</div> <view class="homeMoney_box_left2">可抵扣账户金额</view>
</div> </view>
<div class="homeMoney_box_right"> <view class="homeMoney_box_right">
<div class="homeMoney_box_right1"> <view class="homeMoney_box_right1">
<span>￥</span>{{ balanceMoney }} <span>￥</span>{{ balanceMoney }}
</div> </view>
<div class="homeMoney_box_right2" @click="more(currentRoom)"> <view class="homeMoney_box_right2" @click="more(currentRoom)">
查看详情 查看详情
<div style="margin-left: 12rpx"> <view style="margin-left: 12rpx">
<u-icon <u-icon bold color="#894B11" size="30" name="arrow-right"></u-icon>
bold </view>
color="#894B11" </view>
size="30" </view>
name="arrow-right" </view>
></u-icon> </view>
</div>
</div>
</div>
</div>
</div>
<div class="payList" v-if="active == 0"> <view class="payList" v-if="active == 0">
<div class="payItem" v-for="(item, index) in Bill" :key="index"> <view class="payItem" v-for="(item, index) in Bill" :key="index">
<div class="payItem_tit"> <view class="payItem_tit">
<div class="payItem_left"> <view class="payItem_left">
<checkbox <checkbox :checked="item.check" @click="checkChange(item, index)"></checkbox>
:checked="item.check" <view style="margin-left: 24rpx">{{ item.order_date }}年</view>
@click="checkChange(item, index)" </view>
></checkbox> <view class="payItem_right">
<div style="margin-left: 24rpx">{{ item.order_date }}年</div>
</div>
<div class="payItem_right">
<span>￥</span> <span>￥</span>
<view class="payItem_money">{{ item.unpaid_amount }}</view> <view class="payItem_money">{{ item.unpaid_amount }}</view>
<p>未缴</p> <p>未缴</p>
<div style="margin-left: 40rpx" @click="changeCheck(item, index)"> <view style="margin-left: 40rpx" @click="changeCheck(item, index)">
<u-icon <u-icon bold color="#894B11" size="30" name="arrow-down" v-if="!item.more"></u-icon>
bold <u-icon bold color="#894B11" size="30" name="arrow-up" v-if="item.more"></u-icon>
color="#894B11" </view>
size="30" </view>
name="arrow-down" </view>
v-if="!item.more" <view v-if="item.more">
></u-icon> <view class="payItem_List" v-for="(items, indes) in item.community_order_rows" :key="items.order_id">
<u-icon <checkbox :checked="items.check" @click="itemsCheckChange(items, indes, index)"></checkbox>
bold <view class="Item_time" v-if="items.billing_cycle == 1">
color="#894B11"
size="30"
name="arrow-up"
v-if="item.more"
></u-icon>
</div>
</div>
</div>
<div v-if="item.more">
<div
class="payItem_List"
v-for="(items, indes) in item.community_order_rows"
:key="items.order_id"
>
<checkbox
:checked="items.check"
@click="itemsCheckChange(items, indes, index)"
></checkbox>
<div class="Item_time" v-if="items.billing_cycle == 1">
{{ items.order_date }}年 {{ items.order_date }}年
</div> </view>
<div class="Item_time" v-if="items.billing_cycle == 2"> <view class="Item_time" v-if="items.billing_cycle == 2">
{{ items.order_datetime }}月 {{ items.order_datetime }}月
</div> </view>
<div class="Item_type"> <view class="Item_type">
{{ items.community_fee_type ? items.community_fee_type.type_name : '' }} {{ items.community_fee_type ? items.community_fee_type.type_name : '' }}
</div> </view>
<div class="Item_money">￥{{ items.money }}</div> <view class="Item_money">￥{{ items.money }}</view>
<div class="Item_status" v-if="items.status == 0">未付款</div> <view class="Item_status" v-if="items.status == 0">未付款</view>
<div class="Item_status sucess" v-if="items.status == 1"> <view class="Item_status sucess" v-if="items.status == 1">
已付款 已付款
</div> </view>
</div> </view>
</div> </view>
</div> </view>
</div> </view>
<!-- 选择支付类型 --> <!-- 选择支付类型 -->
<div class="payTypeList" v-if="active == 0"> <view class="payTypeList" v-if="active == 0">
<div class="PayTypeItem"> <view class="PayTypeItem">
<div class="PayTypeItem_left"> <view class="PayTypeItem_left">
<div class="PayTypeItem_img"> <view class="PayTypeItem_img">
<image <image mode="aspectFill"
mode="aspectFill" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_wechat.png" alt="" />
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_wechat.png" </view>
alt="" <view class="PayTypeItem_con">
/> <view class="PayTypeItem_con_tit">微信支付</view>
</div> <view class="PayTypeItem_con_msg">单笔支付限额：￥10000.00</view>
<div class="PayTypeItem_con"> </view>
<div class="PayTypeItem_con_tit">微信支付</div> </view>
<div class="PayTypeItem_con_msg">单笔支付限额：￥10000.00</div>
</div>
</div>
<div class="PayTypeItem_right"> <view class="PayTypeItem_right">
<radio :checked="payType == 1" @click="changePayType(1)"></radio> <radio :checked="payType == 1" @click="changePayType(1)"></radio>
</div> </view>
</div> </view>
<div class="line3"></div> <view class="line3"></view>
<div class="PayTypeItem"> <view class="PayTypeItem">
<div class="PayTypeItem_left"> <view class="PayTypeItem_left">
<div class="PayTypeItem_img"> <view class="PayTypeItem_img">
<image <image mode="aspectFill"
mode="aspectFill" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_homeMoney.png" alt="" />
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_homeMoney.png" </view>
alt="" <view class="PayTypeItem_con">
/> <view class="PayTypeItem_con_tit">物业公积金支付</view>
</div> <view class="PayTypeItem_con_msg">
<div class="PayTypeItem_con">
<div class="PayTypeItem_con_tit">物业公积金支付</div>
<div class="PayTypeItem_con_msg">
可用公积金：<span>￥</span>{{ balanceMoney }} 可用公积金：<span>￥</span>{{ balanceMoney }}
<div class="PayTypeItem_con_msg2" @click="changeShow2"> <view class="PayTypeItem_con_msg2" @click="changeShow2">
可组合支付 可组合支付
</div> </view>
</div> </view>
</div> </view>
</div> </view>
<div class="PayTypeItem_right"> <view class="PayTypeItem_right">
<radio :checked="payType == 2" @click="changePayType(2)"></radio> <radio :checked="payType == 2" @click="changePayType(2)"></radio>
</div> </view>
</div> </view>
</div> </view>
<div class="bottom" v-if="active == 0"> <view class="bottom" v-if="active == 0">
<div class="bottom_left"> <view class="bottom_left">
<span>合计</span> <span>合计</span>
<p>￥</p> <p>￥</p>
{{ currentMoney }} {{ currentMoney }}
</div> </view>
<div class="bottom_right" @click="OrderPay">立即支付</div> <view class="bottom_right" @click="createPay">立即支付</view>
</div> </view>
<div class="payHisList" v-if="active == 1"> <view class="payHisList" v-if="active == 1">
<div class="payHisItem" v-for="item in payOrderList" :key="item.id"> <view class="payHisItem" v-for="item in payOrderList" :key="item.id">
<div class="row"> <view class="row">
<div class="row_label">缴费金额</div> <view class="row_label">缴费金额</view>
<div class="row_con1">￥{{ item.money }}</div> <view class="row_con1">￥{{ item.money }}</view>
</div> </view>
<div class="row"> <view class="row">
<div class="row_label2"></div> <view class="row_label2"></view>
<div class="row_con2">{{ item.pay_time }}支付</div> <view class="row_con2">{{ item.pay_time }}支付</view>
</div> </view>
<div class="line4"></div> <view class="line4"></view>
<div class="row"> <view class="row">
<div class="row_label">绑定房源</div> <view class="row_label">绑定房源</view>
<div class="row_con3"> <view class="row_con3">
<div class="row_con3_1"> <view class="row_con3_1">
{{ item.community_order.length }}个账单 {{ item.community_order.length }}个账单
</div> </view>
<div class="row_con3_2">明细可从收据查看</div> <view class="row_con3_2">明细可从收据查看</view>
</div> </view>
</div> </view>
<div class="row"> <view class="row">
<div class="row_label">应缴费金额</div> <view class="row_label">应缴费金额</view>
<div class="row_con4">￥{{ item.money }}</div> <view class="row_con4">￥{{ item.money }}</view>
</div> </view>
<div class="row"> <view class="row">
<div class="row_label">物业费公积金抵扣金额</div> <view class="row_label">物业费公积金抵扣金额</view>
<div class="row_con4">-￥{{ item.reduction_money }}</div> <view class="row_con4">-￥{{ item.reduction_money }}</view>
</div> </view>
<div class="row"> <view class="row">
<div class="row_label">缴费单号</div> <view class="row_label">缴费单号</view>
<div class="row_con4">{{ item.order_pay_no }}</div> <view class="row_con4">{{ item.order_pay_no }}</view>
</div> </view>
<div class="line4"></div> <view class="line4"></view>
<div class="Receipt">收据</div> <view class="Receipt">收据</view>
</div> </view>
</div> </view>
<div class="boxshadow" v-if="show" @click="changeShow"> <view class="boxshadow" v-if="show" @click="changeShow">
<div class="boxshadowCon"> <view class="boxshadowCon">
<div class="boxshadowCon_Tit"> <view class="boxshadowCon_Tit">
选择房源 选择房源
<div class="cancel" @click.stop="show = false">取消</div> <view class="cancel" @click.stop="show = false">取消</view>
</div> </view>
<div class="lines"></div> <view class="lines"></view>
<div class="communityList" v-if="roomList.length > 0"> <view class="communityList" v-if="roomList.length > 0">
<div <view class="communityItem" v-for="item in roomList" :key="item.room_id" @click="selectRoom(item)">
class="communityItem" <view class="communityItem_text">
v-for="item in roomList"
:key="item.room_id"
@click="selectRoom(item)"
>
<div class="communityItem_text">
{{ item.facility_name }}{{ item.floor }} {{ item.number }} {{ item.facility_name }}{{ item.floor }} {{ item.number }}
</div> </view>
<div class="communityItem_radio"> <view class="communityItem_radio">
<radio :checked="selectedRoomId === item.room_id"></radio> <radio :checked="selectedRoomId === item.room_id"></radio>
</div> </view>
</div> </view>
</div> </view>
<div class="communityList" v-else> <view class="communityList" v-else>
<div class="communityItem"> <view class="communityItem">
<div class="communityItem_text">暂无房源</div> <view class="communityItem_text">暂无房源</view>
</div> </view>
</div> </view>
</div> </view>
</div> </view>
<div class="boxshadow" v-if="show2" @click="changeShow2"> <view class="boxshadow" v-if="show2" @click="changeShow2">
<div class="boxshadowCon"> <view class="boxshadowCon">
<div class="boxshadowCon_Tit"> <view class="boxshadowCon_Tit">
付款总金额 付款总金额
<div class="cancel" @click.stop="show2 = false">取消</div> <view class="cancel" @click.stop="show2 = false">取消</view>
</div> </view>
<div class="boxshadowCon_subTit"> <view class="boxshadowCon_subTit">
<p>￥</p> <p>￥</p>
{{ currentMoney }} {{ currentMoney }}
</div> </view>
<div class="lines"></div> <view class="lines"></view>
<div class="BanlenceList"> <view class="BanlenceList">
<div class="banlenceItem"> <view class="banlenceItem">
<div class="banlenceItem_left"> <view class="banlenceItem_left">
<image <image mode="aspectFill"
mode="aspectFill" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_wechat.png" alt="" />
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_wechat.png"
alt=""
/>
微信支付 微信支付
</div> </view>
<div class="banlenceItem_right"> <view class="banlenceItem_right">
<span>￥</span>{{ (currentMoney - balanceMoney).toFixed(2) }} <span>￥</span>{{ (currentMoney - balanceMoney).toFixed(2) }}
</div> </view>
</div> </view>
<div class="line3"></div> <view class="line3"></view>
<div class="banlenceItem"> <view class="banlenceItem">
<div class="banlenceItem_left"> <view class="banlenceItem_left">
<image <image mode="aspectFill"
mode="aspectFill" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_homeMoney.png" alt="" />
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_homeMoney.png"
alt=""
/>
物业公积金支付 物业公积金支付
</div> </view>
<div class="banlenceItem_right"> <view class="banlenceItem_right">
<span>￥</span>{{ balanceMoney }} <span>￥</span>{{ balanceMoney }}
</div> </view>
</div> </view>
</div> </view>
<div class="btn" @click="OrderPay"> <view class="btn" @click="createPay">
物业公积金+微信支付 <span>￥</span>{{ currentMoney }} 物业公积金+微信支付 <span>￥</span>{{ currentMoney }}
</div> </view>
</div> </view>
</div> </view>
</div> </view>
</template> </template>
<script> <script>
@ -533,7 +469,7 @@ export default {
}).then((res) => { }).then((res) => {
console.log(res); console.log(res);
this.payInfoId = res.id; this.payInfoId = res.id;
this.getPayInfo(); this.OrderPay();
}); });
}, },
//根据支付订单查询交易信息 //根据支付订单查询交易信息
@ -547,15 +483,22 @@ export default {
//预下单 //预下单
async OrderPay() { async OrderPay() {
// this.payInfoId // this.payInfoId
await request(apiArr.OrderPay, "POST", { order_pay_id: 6 }).then( await request(apiArr.OrderPay, "POST", { order_pay_id: this.payInfoId }).then(
(res) => { async (res) => {
console.log(res); const params = {
order_pay_id: this.payInfoId,
}
await request(apiArr.OrderPay, "POST", params).then(
(res) => {
}
);
} }
); );
}, },
//支付记录 //支付记录
getPayList() { getPayList() {
request(apiArr.getPayOrderList, "POST", { request(apiArr.getPayOrderList, "POST", {
room_id: this.currentRoom.room_id, room_id: this.currentRoom.room_id,
page_num: this.page_num, page_num: this.page_num,
@ -569,7 +512,7 @@ export default {
flag = false; flag = false;
} }
this.flag = flag; this.flag = flag;
this.payOrderList = this.payOrderList.concat(res.rows); this.payOrderList = res.rows;
}); });
}, },

14
packages/community/repairList/index.css
View File

@ -1,3 +1,7 @@
/* .box{
padding-bottom: 100rpx;
} */
.searchBox { .searchBox {
padding-bottom: 24rpx; padding-bottom: 24rpx;
background-color: #fff; background-color: #fff;
@ -65,6 +69,10 @@
transform: translateX(-50%); transform: translateX(-50%);
} }
.orderListBox{
padding-bottom: 220rpx;
}
.orderList { .orderList {
margin-top: 20rpx; margin-top: 20rpx;
@ -167,7 +175,11 @@ page {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin: 0 auto; margin: 0 auto;
margin-top: 200rpx; position: fixed;
bottom: 100rpx;
left: 50%;
transform: translateX(-50%);
z-index: 99;
} }

2
packages/community/repairList/index.vue
View File

@ -25,7 +25,7 @@
</view> </view>
</view> </view>
<view v-if="list.length !== 0"> <view v-if="list.length !== 0" class="orderListBox">
<view class="orderList" v-for="(item, index) in list" :key="index"> <view class="orderList" v-for="(item, index) in list" :key="index">
<view class="orderItem" @click="handlerDetailClick(item.id)"> <view class="orderItem" @click="handlerDetailClick(item.id)">
<view :class="['orderItemTit', statusType[item.status].style]"> <view :class="['orderItemTit', statusType[item.status].style]">

4
packages/localLife/classify/index.vue
View File

@ -69,11 +69,11 @@
<view class="btnList"> <view class="btnList">
<view class="btn_left"> <!-- <view class="btn_left">
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_serverIcon.png" <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_serverIcon.png"
mode="aspectFill"></image> mode="aspectFill"></image>
到店服务券 到店服务券
</view> </view> -->
<view class="line"></view> <view class="line"></view>
<view class="btn_right"> <view class="btn_right">
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/lcoal_payIcon.png" <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/lcoal_payIcon.png"

30
packages/localLife/index/index.css
View File

@ -6,17 +6,29 @@ page {
/* padding-top: 100rpx; */ /* padding-top: 100rpx; */
} }
.local { .localBox {
display: flex;
align-items: center;
font-size: 26rpx; font-size: 26rpx;
color: #222222; color: #222222;
box-sizing: border-box; box-sizing: border-box;
padding: 20rpx;
width: 100%; width: 100%;
padding: 20rpx 0;
background-color: #f6f7fb;
}
.localBoxItem{
width: 100%;
display: flex;
align-items: center;
padding: 0 20rpx;
background-color: #fff; background-color: #fff;
} }
.local {
display: flex;
width: auto;
white-space: nowrap;
}
#local { #local {
height: 30rpx; height: 30rpx;
width: 28.08rpx; width: 28.08rpx;
@ -28,16 +40,16 @@ page {
} }
.search { .search {
background-color: #f6f7fb; flex: 1;
padding: 20rpx 0; padding: 20rpx 0;
margin-left: 15rpx;
} }
.searchBox { .searchBox {
width: 710rpx; width: 93%;
height: 70rpx; height: 70rpx;
background: #FFFFFF; background: #f6f7fb;
border-radius: 100rpx 100rpx 100rpx 100rpx; border-radius: 100rpx;
margin: 0 auto;
display: flex; display: flex;
box-sizing: border-box; box-sizing: border-box;
align-items: center; align-items: center;

32
packages/localLife/index/index.vue
View File

@ -1,17 +1,23 @@
<template> <template>
<view class="container"> <view class="container">
<view class="local"> <view class="localBox">
<image id="local" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_localIcon.png" <view class="localBoxItem">
mode="aspectFill"></image> <view class="local">
{{ address }} <image id="local"
<u-icon name="arrow-down" color="#999999" size="28"></u-icon> src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_localIcon.png"
</view> mode="aspectFill"></image>
{{ address }}
<u-icon name="arrow-down" color="#999999" size="28"></u-icon>
</view>
<view class="search"> <view class="search">
<view class="searchBox"> <view class="searchBox">
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png" <image
mode="aspectFill"></image> src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
<input type="text" placeholder="请输入您想搜索的内容" /> mode="aspectFill"></image>
<input type="text" placeholder="请输入您想搜索的内容" />
</view>
</view>
</view> </view>
</view> </view>
@ -91,11 +97,11 @@
</view> </view>
<view class="btnList"> <view class="btnList">
<view class="btn_left"> <!-- <view class="btn_left">
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_serverIcon.png" <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_serverIcon.png"
mode="aspectFill"></image> mode="aspectFill"></image>
到店服务券 到店服务券
</view> </view> -->
<view class="line"></view> <view class="line"></view>
<view class="btn_right"> <view class="btn_right">
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/lcoal_payIcon.png" <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/lcoal_payIcon.png"