Compare commits
6 Commits
0c810d32ab
...
df0bec40b2
| Author | SHA1 | Date | |
|---|---|---|---|
|
df0bec40b2 | ||
|
|
e4fe37ba3a | ||
|
|
43bd15a93a | ||
|
|
7596710963 | ||
|
|
80f31109ec | ||
|
|
7a3a19a5f7 |
@ -47,4 +47,5 @@ export const apiArr = {
|
||||
getPayOrderInfo:"/api/v2/wechat/community-order-pay/get-one", //根据缴费信息获取支付信息
|
||||
getPayOrderList:"/api/v2/wechat/community-order-pay/get-page", //查询缴费记录
|
||||
OrderPay:"/api/v2/wechat/community-order-pay/preorder",//预下单
|
||||
tradeQuery:"/api/v2/wechat/community-order-pay/trade-query",//缴费查单
|
||||
};
|
||||
@ -17,8 +17,8 @@
|
||||
|
||||
<view class="swiperBox_no1">
|
||||
<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"
|
||||
@click="addCommunity" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/community_no_image1.png" mode="aspectFill"
|
||||
class="swiperBox_no_img" @click="addCommunity" />
|
||||
</swiper>
|
||||
|
||||
<view class="dot">
|
||||
@ -30,14 +30,14 @@
|
||||
|
||||
<view class="swiperBox_no2">
|
||||
<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"
|
||||
@click="addCommunity" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/community_no_image2.png" mode="aspectFill"
|
||||
class="swiperBox_no_img" @click="addCommunity" />
|
||||
</swiper>
|
||||
</view>
|
||||
|
||||
<view class="funcList">
|
||||
<u-grid :col="rowNum" :border="false">
|
||||
<u-grid-item v-for="(item, index) in functionList" @click="addCommunity" :key="index">
|
||||
<u-grid :col="5" :border="false">
|
||||
<u-grid-item v-for="(item, index) in noValFunctionList" @click="addCommunity" :key="index">
|
||||
<image class="grid_Pic" :src="item.nav_icon" mode=""></image>
|
||||
<text class="grid_Text">{{ item.nav_name }}</text>
|
||||
</u-grid-item>
|
||||
@ -172,49 +172,49 @@ export default {
|
||||
communityList: [],
|
||||
flag: false,
|
||||
|
||||
functionList: [
|
||||
defaultFunctionList: [],
|
||||
functionList: [],
|
||||
noValFunctionList: [
|
||||
{
|
||||
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: ""
|
||||
nav_icon: 'http://localhost:8080/noValFunction1.png',
|
||||
nav_name: "物业介绍",
|
||||
},
|
||||
{
|
||||
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_icon: 'http://localhost:8080/noValFunction2.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_icon: 'http://localhost:8080/noValFunction3.png',
|
||||
nav_name: "物业公积金",
|
||||
other_appid: "",
|
||||
other_path: "",
|
||||
sort: 2,
|
||||
update_time: "",
|
||||
visible_communities: ""
|
||||
}
|
||||
},
|
||||
{
|
||||
nav_icon: 'http://localhost:8080/noValFunction1.png',
|
||||
nav_name: "物业保修",
|
||||
},
|
||||
{
|
||||
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,
|
||||
@ -249,6 +249,51 @@ export default {
|
||||
},
|
||||
|
||||
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")) {
|
||||
// return;
|
||||
@ -340,9 +385,13 @@ export default {
|
||||
},
|
||||
closeAds() {
|
||||
this.ads1Show = false;
|
||||
// 记录用户已关闭过弹窗1
|
||||
uni.setStorageSync('ads1Showed', true);
|
||||
},
|
||||
closeAds2() {
|
||||
this.ads2Show = false;
|
||||
// 记录用户已关闭过弹窗2
|
||||
uni.setStorageSync('ads2Showed', true);
|
||||
},
|
||||
jump(e) {
|
||||
if (!e) {
|
||||
@ -372,6 +421,7 @@ export default {
|
||||
},
|
||||
|
||||
async getfunctionNum() {
|
||||
this.functionList = this.defaultFunctionList;
|
||||
const res = await request(
|
||||
apiArr.commInfo,
|
||||
"POST",
|
||||
@ -415,8 +465,6 @@ export default {
|
||||
this.functionList.push(newItem);
|
||||
}
|
||||
});
|
||||
|
||||
console.log("functionList", this.functionList);
|
||||
},
|
||||
|
||||
async getAdvertising() {
|
||||
@ -474,7 +522,9 @@ export default {
|
||||
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", {
|
||||
community_id: Number(uni.getStorageSync("changeCommData").id),
|
||||
@ -488,7 +538,9 @@ export default {
|
||||
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) {
|
||||
|
||||
@ -1,97 +1,97 @@
|
||||
<template>
|
||||
<div class="container">
|
||||
<div class="searchBox" :style="{ height: localHeight + 'px', paddingTop: top + 'px' }">
|
||||
<div class="searchBox_add">
|
||||
<div class="searchBox_left">
|
||||
<view class="container">
|
||||
<view class="searchBox" :style="{ height: localHeight + 'px', paddingTop: top + 'px' }">
|
||||
<view class="searchBox_add">
|
||||
<view class="searchBox_left">
|
||||
<u-icon bold color="#000" size="40" name="arrow-left" @click="back"></u-icon>
|
||||
</div>
|
||||
<div class="searchBox_mid">报修信息</div>
|
||||
<div class="searchBox_right"></div>
|
||||
</div>
|
||||
</div>
|
||||
</view>
|
||||
<view class="searchBox_mid">报修信息</view>
|
||||
<view class="searchBox_right"></view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<div class="repairMsg">
|
||||
<div class="repairTit">
|
||||
<view class="repairMsg">
|
||||
<view class="repairTit">
|
||||
报修信息
|
||||
</div>
|
||||
</view>
|
||||
|
||||
<div class="label"><span class="red">*</span>选择房源信息</div>
|
||||
<div class="roomList">
|
||||
<div v-for="(item, index) in roomList" :key="index" :class="active == index ?'roomItem active':'roomItem'" @click="changeAct(index)">{{ item.name }}</div>
|
||||
</div>
|
||||
<view class="label"><span class="red">*</span>选择房源信息</view>
|
||||
<view class="roomList">
|
||||
<view v-for="(item, index) in roomList" :key="index" :class="active == index ?'roomItem active':'roomItem'" @click="changeAct(index)">{{ item.name }}</view>
|
||||
</view>
|
||||
|
||||
<div class="row">
|
||||
<div class="row_label"><span class="red">*</span>报修类型</div>
|
||||
<div class="row_con" @click="chose">
|
||||
<view class="row">
|
||||
<view class="row_label"><span class="red">*</span>报修类型</view>
|
||||
<view class="row_con" @click="chose">
|
||||
<input type="text" :value="category.category_name" placeholder="请选择报修类型" disabled>
|
||||
<u-icon bold color="#999999" size="30" name="arrow-right"></u-icon>
|
||||
</div>
|
||||
</div>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<div class="row">
|
||||
<div class="row_label"><span class="red">*</span>问题描述</div>
|
||||
<div class="row_con">
|
||||
<view class="row">
|
||||
<view class="row_label"><span class="red">*</span>问题描述</view>
|
||||
<view class="row_con">
|
||||
<input type="text" placeholder="请描述故障" :value="repairInfo" data-name="repairInfo" @input="handlerInputClick">
|
||||
</div>
|
||||
</div>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<div class="row">
|
||||
<div class="row_label"><span class="red">*</span>联系人</div>
|
||||
<div class="row_con">
|
||||
<view class="row">
|
||||
<view class="row_label"><span class="red">*</span>联系人</view>
|
||||
<view class="row_con">
|
||||
<input type="text" placeholder="请输入您的姓名" :value="contactName" data-name="contactName" @input="handlerInputClick">
|
||||
</div>
|
||||
</div>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<div class="row">
|
||||
<div class="row_label"><span class="red">*</span>联系电话</div>
|
||||
<div class="row_con">
|
||||
<view class="row">
|
||||
<view class="row_label"><span class="red">*</span>联系电话</view>
|
||||
<view class="row_con">
|
||||
<input type="number" maxlength="11" placeholder="请输入您的联系方式" :value="contactPhone" data-name="contactPhone" @input="handlerInputClick">
|
||||
</div>
|
||||
</div>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<div class="row noneBorder">
|
||||
<div class="row_label"><span class="red">*</span>上门时间</div>
|
||||
<div class="row_con" @click="choseTime">
|
||||
<view class="row noneBorder">
|
||||
<view class="row_label"><span class="red">*</span>上门时间</view>
|
||||
<view class="row_con" @click="choseTime">
|
||||
<input type="text" :value="time" placeholder="请选择上门时间" disabled>
|
||||
<u-icon bold color="#999999" size="30" name="arrow-right"></u-icon>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<div class="repairMedia">
|
||||
<div class="row df">
|
||||
<div class="row_label">上传图片</div>
|
||||
<div class="row_con2">
|
||||
<view class="repairMedia">
|
||||
<view class="row df">
|
||||
<view class="row_label">上传图片</view>
|
||||
<view class="row_con2">
|
||||
<u-upload :fileList="imgList" name="imgList" @afterRead="afterReadImg" @delete="deletePic" multiple
|
||||
: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>
|
||||
上传图片
|
||||
</div>
|
||||
</view>
|
||||
</u-upload>
|
||||
</div>
|
||||
</div>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<div class="row df">
|
||||
<div class="row_label">上传视频</div>
|
||||
<div class="row_con2">
|
||||
<view class="row df">
|
||||
<view class="row_label">上传视频</view>
|
||||
<view class="row_con2">
|
||||
<u-upload v-if="!videoList.url" :fileList="videoList" @afterRead="afterReadVideo" @delete="deleteVideo" name="videoList"
|
||||
: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>
|
||||
上传视频
|
||||
</div>
|
||||
</view>
|
||||
</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>
|
||||
<div class="mask" @click="playFullScreenVideo">
|
||||
<div class="mask_cancel" @click="cancels">删除</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<view class="mask" @click="playFullScreenVideo">
|
||||
<view class="mask_cancel" @click="cancels">删除</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<u-picker :show="show" :columns="[columns]" keyName="category_name" @confirm="confirm1" @cancel="cancel1" />
|
||||
<u-datetime-picker
|
||||
@ -105,9 +105,9 @@
|
||||
@close="cancel2"
|
||||
/>
|
||||
|
||||
<div class="btn" @click="handlerSubmitClick">确认报修</div>
|
||||
<view class="btn" @click="handlerSubmitClick">确认报修</view>
|
||||
|
||||
</div>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
@ -1,319 +1,255 @@
|
||||
<template>
|
||||
<div class="container">
|
||||
<div
|
||||
class="searchBox"
|
||||
:style="{ height: localHeight + 'px', paddingTop: top + 'px' }"
|
||||
>
|
||||
<div class="searchBox_add">
|
||||
<u-icon
|
||||
bold
|
||||
color="#000"
|
||||
size="40"
|
||||
name="arrow-left"
|
||||
@click="back"
|
||||
></u-icon>
|
||||
</div>
|
||||
</div>
|
||||
<view class="container">
|
||||
<view class="searchBox" :style="{ height: localHeight + 'px', paddingTop: top + 'px' }">
|
||||
<view class="searchBox_add">
|
||||
<u-icon bold color="#000" size="40" name="arrow-left" @click="back"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<div class="community">
|
||||
<div class="community_left">
|
||||
<image
|
||||
mode="aspectFill"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/test.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<div class="community_right" @click="changeShow">
|
||||
<div class="community_right_text">
|
||||
<div class="community_right_text1">{{ currentRoom.name }}</div>
|
||||
<div class="community_right_text2">{{ currentCommunityAddr }}</div>
|
||||
</div>
|
||||
<div class="community_right_more">
|
||||
<view class="community">
|
||||
<view class="community_left">
|
||||
<image mode="aspectFill" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/test.png"
|
||||
alt="" />
|
||||
</view>
|
||||
<view class="community_right" @click="changeShow">
|
||||
<view class="community_right_text">
|
||||
<view class="community_right_text1">{{ currentRoom.name }}</view>
|
||||
<view class="community_right_text2">{{ currentCommunityAddr }}</view>
|
||||
</view>
|
||||
<view class="community_right_more">
|
||||
<u-icon bold color="#999999" size="30" name="arrow-right"></u-icon>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<div class="tabList">
|
||||
<div
|
||||
class="tabItem"
|
||||
:class="active == 0 ? 'active' : ''"
|
||||
@click="changeTab(0)"
|
||||
>
|
||||
<view class="tabList">
|
||||
<view class="tabItem" :class="active == 0 ? 'active' : ''" @click="changeTab(0)">
|
||||
账单
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
<div
|
||||
class="tabItem"
|
||||
:class="active == 1 ? 'active' : ''"
|
||||
@click="changeTab(1)"
|
||||
>
|
||||
</view>
|
||||
<view class="line"></view>
|
||||
<view class="tabItem" :class="active == 1 ? 'active' : ''" @click="changeTab(1)">
|
||||
缴费记录
|
||||
</div>
|
||||
</div>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<div class="homeMoney" v-if="active == 0">
|
||||
<div class="homeMoney_box">
|
||||
<div class="homeMoney_box_left">
|
||||
<div class="homeMoney_box_left1">物业公积金</div>
|
||||
<div class="homeMoney_box_left2">可抵扣账户金额</div>
|
||||
</div>
|
||||
<div class="homeMoney_box_right">
|
||||
<div class="homeMoney_box_right1">
|
||||
<view class="homeMoney" v-if="active == 0">
|
||||
<view class="homeMoney_box">
|
||||
<view class="homeMoney_box_left">
|
||||
<view class="homeMoney_box_left1">物业公积金</view>
|
||||
<view class="homeMoney_box_left2">可抵扣账户金额</view>
|
||||
</view>
|
||||
<view class="homeMoney_box_right">
|
||||
<view class="homeMoney_box_right1">
|
||||
<span>￥</span>{{ balanceMoney }}
|
||||
</div>
|
||||
<div class="homeMoney_box_right2" @click="more(currentRoom)">
|
||||
</view>
|
||||
<view class="homeMoney_box_right2" @click="more(currentRoom)">
|
||||
查看详情
|
||||
<div style="margin-left: 12rpx">
|
||||
<u-icon
|
||||
bold
|
||||
color="#894B11"
|
||||
size="30"
|
||||
name="arrow-right"
|
||||
></u-icon>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<view style="margin-left: 12rpx">
|
||||
<u-icon bold color="#894B11" size="30" name="arrow-right"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<div class="payList" v-if="active == 0">
|
||||
<div class="payItem" v-for="(item, index) in Bill" :key="index">
|
||||
<div class="payItem_tit">
|
||||
<div class="payItem_left">
|
||||
<checkbox
|
||||
:checked="item.check"
|
||||
@click="checkChange(item, index)"
|
||||
></checkbox>
|
||||
<div style="margin-left: 24rpx">{{ item.order_date }}年</div>
|
||||
</div>
|
||||
<div class="payItem_right">
|
||||
<view class="payList" v-if="active == 0">
|
||||
<view class="payItem" v-for="(item, index) in Bill" :key="index">
|
||||
<view class="payItem_tit">
|
||||
<view class="payItem_left">
|
||||
<checkbox :checked="item.check" @click="checkChange(item, index)"></checkbox>
|
||||
<view style="margin-left: 24rpx">{{ item.order_date }}年</view>
|
||||
</view>
|
||||
<view class="payItem_right">
|
||||
<span>￥</span>
|
||||
<view class="payItem_money">{{ item.unpaid_amount }}</view>
|
||||
<p>未缴</p>
|
||||
|
||||
<div style="margin-left: 40rpx" @click="changeCheck(item, index)">
|
||||
<u-icon
|
||||
bold
|
||||
color="#894B11"
|
||||
size="30"
|
||||
name="arrow-down"
|
||||
v-if="!item.more"
|
||||
></u-icon>
|
||||
<u-icon
|
||||
bold
|
||||
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">
|
||||
<view style="margin-left: 40rpx" @click="changeCheck(item, index)">
|
||||
<u-icon bold color="#894B11" size="30" name="arrow-down" v-if="!item.more"></u-icon>
|
||||
<u-icon bold color="#894B11" size="30" name="arrow-up" v-if="item.more"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="item.more">
|
||||
<view 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>
|
||||
<view class="Item_time" v-if="items.billing_cycle == 1">
|
||||
{{ items.order_date }}年
|
||||
</div>
|
||||
<div class="Item_time" v-if="items.billing_cycle == 2">
|
||||
</view>
|
||||
<view class="Item_time" v-if="items.billing_cycle == 2">
|
||||
{{ items.order_datetime }}月
|
||||
</div>
|
||||
<div class="Item_type">
|
||||
</view>
|
||||
<view class="Item_type">
|
||||
{{ items.community_fee_type ? items.community_fee_type.type_name : '' }}
|
||||
</div>
|
||||
<div class="Item_money">￥{{ items.money }}</div>
|
||||
<div class="Item_status" v-if="items.status == 0">未付款</div>
|
||||
<div class="Item_status sucess" v-if="items.status == 1">
|
||||
</view>
|
||||
<view class="Item_money">￥{{ items.money }}</view>
|
||||
<view class="Item_status" v-if="items.status == 0">未付款</view>
|
||||
<view class="Item_status sucess" v-if="items.status == 1">
|
||||
已付款
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 选择支付类型 -->
|
||||
<div class="payTypeList" v-if="active == 0">
|
||||
<div class="PayTypeItem">
|
||||
<div class="PayTypeItem_left">
|
||||
<div class="PayTypeItem_img">
|
||||
<image
|
||||
mode="aspectFill"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_wechat.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<div class="PayTypeItem_con">
|
||||
<div class="PayTypeItem_con_tit">微信支付</div>
|
||||
<div class="PayTypeItem_con_msg">单笔支付限额：￥10000.00</div>
|
||||
</div>
|
||||
</div>
|
||||
<view class="payTypeList" v-if="active == 0">
|
||||
<view class="PayTypeItem">
|
||||
<view class="PayTypeItem_left">
|
||||
<view class="PayTypeItem_img">
|
||||
<image mode="aspectFill"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_wechat.png" alt="" />
|
||||
</view>
|
||||
<view class="PayTypeItem_con">
|
||||
<view class="PayTypeItem_con_tit">微信支付</view>
|
||||
<view class="PayTypeItem_con_msg">单笔支付限额：￥10000.00</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<div class="PayTypeItem_right">
|
||||
<view class="PayTypeItem_right">
|
||||
<radio :checked="payType == 1" @click="changePayType(1)"></radio>
|
||||
</div>
|
||||
</div>
|
||||
<div class="line3"></div>
|
||||
<div class="PayTypeItem">
|
||||
<div class="PayTypeItem_left">
|
||||
<div class="PayTypeItem_img">
|
||||
<image
|
||||
mode="aspectFill"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_homeMoney.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<div class="PayTypeItem_con">
|
||||
<div class="PayTypeItem_con_tit">物业公积金支付</div>
|
||||
<div class="PayTypeItem_con_msg">
|
||||
</view>
|
||||
</view>
|
||||
<view class="line3"></view>
|
||||
<view class="PayTypeItem">
|
||||
<view class="PayTypeItem_left">
|
||||
<view class="PayTypeItem_img">
|
||||
<image mode="aspectFill"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_homeMoney.png" alt="" />
|
||||
</view>
|
||||
<view class="PayTypeItem_con">
|
||||
<view class="PayTypeItem_con_tit">物业公积金支付</view>
|
||||
<view class="PayTypeItem_con_msg">
|
||||
可用公积金：<span>￥</span>{{ balanceMoney }}
|
||||
<div class="PayTypeItem_con_msg2" @click="changeShow2">
|
||||
<view class="PayTypeItem_con_msg2" @click="changeShow2">
|
||||
可组合支付
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<div class="PayTypeItem_right">
|
||||
<view class="PayTypeItem_right">
|
||||
<radio :checked="payType == 2" @click="changePayType(2)"></radio>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<div class="bottom" v-if="active == 0">
|
||||
<div class="bottom_left">
|
||||
<view class="bottom" v-if="active == 0">
|
||||
<view class="bottom_left">
|
||||
<span>合计</span>
|
||||
<p>￥</p>
|
||||
{{ currentMoney }}
|
||||
</div>
|
||||
<div class="bottom_right" @click="OrderPay">立即支付</div>
|
||||
</div>
|
||||
</view>
|
||||
<view class="bottom_right" @click="createPay">立即支付</view>
|
||||
</view>
|
||||
|
||||
<div class="payHisList" v-if="active == 1">
|
||||
<div class="payHisItem" v-for="item in payOrderList" :key="item.id">
|
||||
<div class="row">
|
||||
<div class="row_label">缴费金额</div>
|
||||
<div class="row_con1">￥{{ item.money }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row_label2"></div>
|
||||
<div class="row_con2">{{ item.pay_time }}支付</div>
|
||||
</div>
|
||||
<div class="line4"></div>
|
||||
<div class="row">
|
||||
<div class="row_label">绑定房源</div>
|
||||
<div class="row_con3">
|
||||
<div class="row_con3_1">
|
||||
<view class="payHisList" v-if="active == 1">
|
||||
<view class="payHisItem" v-for="item in payOrderList" :key="item.id">
|
||||
<view class="row">
|
||||
<view class="row_label">缴费金额</view>
|
||||
<view class="row_con1">￥{{ item.money }}</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="row_label2"></view>
|
||||
<view class="row_con2">{{ item.pay_time }}支付</view>
|
||||
</view>
|
||||
<view class="line4"></view>
|
||||
<view class="row">
|
||||
<view class="row_label">绑定房源</view>
|
||||
<view class="row_con3">
|
||||
<view class="row_con3_1">
|
||||
{{ item.community_order.length }}个账单
|
||||
</div>
|
||||
<div class="row_con3_2">明细可从收据查看</div>
|
||||
</div>
|
||||
</div>
|
||||
</view>
|
||||
<view class="row_con3_2">明细可从收据查看</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<div class="row">
|
||||
<div class="row_label">应缴费金额</div>
|
||||
<div class="row_con4">￥{{ item.money }}</div>
|
||||
</div>
|
||||
<view class="row">
|
||||
<view class="row_label">应缴费金额</view>
|
||||
<view class="row_con4">￥{{ item.money }}</view>
|
||||
</view>
|
||||
|
||||
<div class="row">
|
||||
<div class="row_label">物业费公积金抵扣金额</div>
|
||||
<div class="row_con4">-￥{{ item.reduction_money }}</div>
|
||||
</div>
|
||||
<view class="row">
|
||||
<view class="row_label">物业费公积金抵扣金额</view>
|
||||
<view class="row_con4">-￥{{ item.reduction_money }}</view>
|
||||
</view>
|
||||
|
||||
<div class="row">
|
||||
<div class="row_label">缴费单号</div>
|
||||
<div class="row_con4">{{ item.order_pay_no }}</div>
|
||||
</div>
|
||||
<div class="line4"></div>
|
||||
<div class="Receipt">收据</div>
|
||||
</div>
|
||||
</div>
|
||||
<view class="row">
|
||||
<view class="row_label">缴费单号</view>
|
||||
<view class="row_con4">{{ item.order_pay_no }}</view>
|
||||
</view>
|
||||
<view class="line4"></view>
|
||||
<view class="Receipt">收据</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<div class="boxshadow" v-if="show" @click="changeShow">
|
||||
<div class="boxshadowCon">
|
||||
<div class="boxshadowCon_Tit">
|
||||
<view class="boxshadow" v-if="show" @click="changeShow">
|
||||
<view class="boxshadowCon">
|
||||
<view class="boxshadowCon_Tit">
|
||||
选择房源
|
||||
<div class="cancel" @click.stop="show = false">取消</div>
|
||||
</div>
|
||||
<div class="lines"></div>
|
||||
<div class="communityList" v-if="roomList.length > 0">
|
||||
<div
|
||||
class="communityItem"
|
||||
v-for="item in roomList"
|
||||
:key="item.room_id"
|
||||
@click="selectRoom(item)"
|
||||
>
|
||||
<div class="communityItem_text">
|
||||
<view class="cancel" @click.stop="show = false">取消</view>
|
||||
</view>
|
||||
<view class="lines"></view>
|
||||
<view class="communityList" v-if="roomList.length > 0">
|
||||
<view class="communityItem" v-for="item in roomList" :key="item.room_id" @click="selectRoom(item)">
|
||||
<view class="communityItem_text">
|
||||
{{ item.facility_name }}{{ item.floor }} {{ item.number }}
|
||||
</div>
|
||||
<div class="communityItem_radio">
|
||||
</view>
|
||||
<view class="communityItem_radio">
|
||||
<radio :checked="selectedRoomId === item.room_id"></radio>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="communityList" v-else>
|
||||
<div class="communityItem">
|
||||
<div class="communityItem_text">暂无房源</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="communityList" v-else>
|
||||
<view class="communityItem">
|
||||
<view class="communityItem_text">暂无房源</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<div class="boxshadow" v-if="show2" @click="changeShow2">
|
||||
<div class="boxshadowCon">
|
||||
<div class="boxshadowCon_Tit">
|
||||
<view class="boxshadow" v-if="show2" @click="changeShow2">
|
||||
<view class="boxshadowCon">
|
||||
<view class="boxshadowCon_Tit">
|
||||
付款总金额
|
||||
<div class="cancel" @click.stop="show2 = false">取消</div>
|
||||
</div>
|
||||
<div class="boxshadowCon_subTit">
|
||||
<view class="cancel" @click.stop="show2 = false">取消</view>
|
||||
</view>
|
||||
<view class="boxshadowCon_subTit">
|
||||
<p>￥</p>
|
||||
{{ currentMoney }}
|
||||
</div>
|
||||
<div class="lines"></div>
|
||||
</view>
|
||||
<view class="lines"></view>
|
||||
|
||||
<div class="BanlenceList">
|
||||
<div class="banlenceItem">
|
||||
<div class="banlenceItem_left">
|
||||
<image
|
||||
mode="aspectFill"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_wechat.png"
|
||||
alt=""
|
||||
/>
|
||||
<view class="BanlenceList">
|
||||
<view class="banlenceItem">
|
||||
<view class="banlenceItem_left">
|
||||
<image mode="aspectFill"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_wechat.png" alt="" />
|
||||
微信支付
|
||||
</div>
|
||||
<div class="banlenceItem_right">
|
||||
</view>
|
||||
<view class="banlenceItem_right">
|
||||
<span>￥</span>{{ (currentMoney - balanceMoney).toFixed(2) }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="line3"></div>
|
||||
<div class="banlenceItem">
|
||||
<div class="banlenceItem_left">
|
||||
<image
|
||||
mode="aspectFill"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_homeMoney.png"
|
||||
alt=""
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="line3"></view>
|
||||
<view class="banlenceItem">
|
||||
<view class="banlenceItem_left">
|
||||
<image mode="aspectFill"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_homeMoney.png" alt="" />
|
||||
物业公积金支付
|
||||
</div>
|
||||
<div class="banlenceItem_right">
|
||||
</view>
|
||||
<view class="banlenceItem_right">
|
||||
<span>￥</span>{{ balanceMoney }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<div class="btn" @click="OrderPay">
|
||||
<view class="btn" @click="createPay">
|
||||
物业公积金+微信支付 <span>￥</span>{{ currentMoney }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
@ -533,7 +469,7 @@ export default {
|
||||
}).then((res) => {
|
||||
console.log(res);
|
||||
this.payInfoId = res.id;
|
||||
this.getPayInfo();
|
||||
this.OrderPay();
|
||||
});
|
||||
},
|
||||
//根据支付订单查询交易信息
|
||||
@ -547,15 +483,22 @@ export default {
|
||||
//预下单
|
||||
async OrderPay() {
|
||||
// this.payInfoId
|
||||
await request(apiArr.OrderPay, "POST", { order_pay_id: 6 }).then(
|
||||
(res) => {
|
||||
console.log(res);
|
||||
await request(apiArr.OrderPay, "POST", { order_pay_id: this.payInfoId }).then(
|
||||
async (res) => {
|
||||
const params = {
|
||||
order_pay_id: this.payInfoId,
|
||||
}
|
||||
await request(apiArr.OrderPay, "POST", params).then(
|
||||
(res) => {
|
||||
}
|
||||
);
|
||||
}
|
||||
);
|
||||
},
|
||||
|
||||
//支付记录
|
||||
getPayList() {
|
||||
|
||||
request(apiArr.getPayOrderList, "POST", {
|
||||
room_id: this.currentRoom.room_id,
|
||||
page_num: this.page_num,
|
||||
@ -569,7 +512,7 @@ export default {
|
||||
flag = false;
|
||||
}
|
||||
this.flag = flag;
|
||||
this.payOrderList = this.payOrderList.concat(res.rows);
|
||||
this.payOrderList = res.rows;
|
||||
});
|
||||
},
|
||||
|
||||
|
||||
@ -1,3 +1,7 @@
|
||||
/* .box{
|
||||
padding-bottom: 100rpx;
|
||||
} */
|
||||
|
||||
.searchBox {
|
||||
padding-bottom: 24rpx;
|
||||
background-color: #fff;
|
||||
@ -65,6 +69,10 @@
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.orderListBox{
|
||||
padding-bottom: 220rpx;
|
||||
}
|
||||
|
||||
|
||||
.orderList {
|
||||
margin-top: 20rpx;
|
||||
@ -167,7 +175,11 @@ page {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 0 auto;
|
||||
margin-top: 200rpx;
|
||||
position: fixed;
|
||||
bottom: 100rpx;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -25,7 +25,7 @@
|
||||
</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="orderItem" @click="handlerDetailClick(item.id)">
|
||||
<view :class="['orderItemTit', statusType[item.status].style]">
|
||||
|
||||
@ -69,11 +69,11 @@
|
||||
|
||||
|
||||
<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"
|
||||
mode="aspectFill"></image>
|
||||
到店服务券
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="line"></view>
|
||||
<view class="btn_right">
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/lcoal_payIcon.png"
|
||||
|
||||
@ -6,17 +6,29 @@ page {
|
||||
/* padding-top: 100rpx; */
|
||||
}
|
||||
|
||||
.local {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.localBox {
|
||||
font-size: 26rpx;
|
||||
color: #222222;
|
||||
box-sizing: border-box;
|
||||
padding: 20rpx;
|
||||
width: 100%;
|
||||
padding: 20rpx 0;
|
||||
background-color: #f6f7fb;
|
||||
}
|
||||
|
||||
.localBoxItem{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 20rpx;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.local {
|
||||
display: flex;
|
||||
width: auto;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#local {
|
||||
height: 30rpx;
|
||||
width: 28.08rpx;
|
||||
@ -28,16 +40,16 @@ page {
|
||||
}
|
||||
|
||||
.search {
|
||||
background-color: #f6f7fb;
|
||||
flex: 1;
|
||||
padding: 20rpx 0;
|
||||
margin-left: 15rpx;
|
||||
}
|
||||
|
||||
.searchBox {
|
||||
width: 710rpx;
|
||||
width: 93%;
|
||||
height: 70rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 100rpx 100rpx 100rpx 100rpx;
|
||||
margin: 0 auto;
|
||||
background: #f6f7fb;
|
||||
border-radius: 100rpx;
|
||||
display: flex;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
|
||||
@ -1,17 +1,23 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<view class="local">
|
||||
<image id="local" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_localIcon.png"
|
||||
mode="aspectFill"></image>
|
||||
{{ address }}
|
||||
<u-icon name="arrow-down" color="#999999" size="28"></u-icon>
|
||||
</view>
|
||||
<view class="localBox">
|
||||
<view class="localBoxItem">
|
||||
<view class="local">
|
||||
<image id="local"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_localIcon.png"
|
||||
mode="aspectFill"></image>
|
||||
{{ address }}
|
||||
<u-icon name="arrow-down" color="#999999" size="28"></u-icon>
|
||||
</view>
|
||||
|
||||
<view class="search">
|
||||
<view class="searchBox">
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
|
||||
mode="aspectFill"></image>
|
||||
<input type="text" placeholder="请输入您想搜索的内容" />
|
||||
<view class="search">
|
||||
<view class="searchBox">
|
||||
<image
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
|
||||
mode="aspectFill"></image>
|
||||
<input type="text" placeholder="请输入您想搜索的内容" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@ -91,11 +97,11 @@
|
||||
</view>
|
||||
|
||||
<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"
|
||||
mode="aspectFill"></image>
|
||||
到店服务券
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="line"></view>
|
||||
<view class="btn_right">
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/lcoal_payIcon.png"
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user