|
@@ -1,8 +1,8 @@
|
|
|
<template>
|
|
|
-
|
|
|
+
|
|
|
<view class="page">
|
|
|
<u-tabs :list="tabs" @click="sectionChange" style="background-color: #fff;" :current=current
|
|
|
- :itemStyle="{'width':'375rpx','padding':'24rpx'}" lineHeight="2px" lineWidth="30px"></u-tabs>
|
|
|
+ :itemStyle="{'width':'250rpx','padding':'24rpx'}" lineHeight="2px" lineWidth="30px"></u-tabs>
|
|
|
<!-- 账单明细 -->
|
|
|
<view class="contain" v-show="cdshow==0">
|
|
|
<view class="topbilledit">
|
|
@@ -27,16 +27,16 @@
|
|
|
v-if="item.showMore" color="#999"></u-icon>
|
|
|
<u-icon name="arrow-down" @click="item.showMore=true" class="iconBtn" size="22px"
|
|
|
color="#999" v-else></u-icon>
|
|
|
- <checkbox :checked="item.check" class="check" />
|
|
|
- <view class="title" @click="paybills(item)">
|
|
|
+ <checkbox :checked="item.check" class="check" @click="checkItem(item)" />
|
|
|
+ <view class="title">
|
|
|
物业费: <span>¥{{item.amount}}</span>
|
|
|
- <view class="status" v-if='item.status==1'>
|
|
|
+ <view class="status s1" v-if='item.status==1'>
|
|
|
已支付
|
|
|
</view>
|
|
|
- <view class="status" v-if='item.status==2'>
|
|
|
+ <view class="status s2" v-if='item.status==2'>
|
|
|
待支付
|
|
|
</view>
|
|
|
- <view class="status" v-if='item.status==3'>
|
|
|
+ <view class="status s3" v-if='item.status==3'>
|
|
|
支付失败
|
|
|
</view>
|
|
|
</view>
|
|
@@ -66,8 +66,57 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <!--缴费记录 -->
|
|
|
+ <!-- 我的订单 -->
|
|
|
<view class="contain" v-show="cdshow==1">
|
|
|
+ <view class="topbilledit" @click="orderTypechange">
|
|
|
+ <view class="changetime1">
|
|
|
+ {{myorderType}}
|
|
|
+ </view>
|
|
|
+ <view class="changetime2">
|
|
|
+ <u-icon name="arrow-down-fill" color="#999" size="20"></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="u-listdata">
|
|
|
+ <view style="padding:16rpx 0 16rpx 32rpx">
|
|
|
+ 共有 <span style="color: red">{{orderTotalnumber}}</span>条记录
|
|
|
+ </view>
|
|
|
+ <u-list @scrolltolower="orderScrolltolower" :pagingEnabled='true' style="height:400px;flex:1;">
|
|
|
+ <u-list-item v-for="(item, index) in orderList" :key="index">
|
|
|
+ <view class="paisong2" @click="orderDetail(item)">
|
|
|
+ <view class="status" v-if='item.status==0' style="background-color: #FF9C27;">
|
|
|
+ 待支付
|
|
|
+ </view>
|
|
|
+ <view class="status" v-if='item.status==1'>
|
|
|
+ 已支付
|
|
|
+ </view>
|
|
|
+ <view class="status" v-if="item.status=='-1'" style="background-color: #9DA0AC;">
|
|
|
+ 已关闭
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="subtit" style="margin-top: 20rpx;">
|
|
|
+ 支付金额: <span>¥{{item.payAmount}}</span>
|
|
|
+ </view>
|
|
|
+ <view class="subtit" v-if="status=='1'">
|
|
|
+ 支付时间: {{item.payAt}}
|
|
|
+ </view>
|
|
|
+ <view class="subtit">
|
|
|
+ 下单时间: {{item.createDate}}
|
|
|
+ </view>
|
|
|
+ <view class="subtit">
|
|
|
+ 交易类型: 微信支付
|
|
|
+ </view>
|
|
|
+ <view class="operation" v-if="item.status==0">
|
|
|
+ <text @click.stop="cancle(item.id,index)">取消订单</text>
|
|
|
+ <text class="p2">继续付款</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-list-item>
|
|
|
+ </u-list>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <!--缴费记录 -->
|
|
|
+ <view class="contain" v-show="cdshow==2">
|
|
|
<!-- 列表 -->
|
|
|
<view class="u-listdata">
|
|
|
<view class="topbilledit" @click="typechange">
|
|
@@ -78,7 +127,7 @@
|
|
|
<u-icon name="arrow-down-fill" color="#999" size="20"></u-icon>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view style="padding:20rpx 0 0 30rpx">
|
|
|
+ <view style="padding:16rpx 0 0 30rpx">
|
|
|
共有 <span style="color: red">{{totalnumber}}</span>条记录
|
|
|
</view>
|
|
|
<u-list @scrolltolower="scrolltolower2" :pagingEnabled='true'
|
|
@@ -91,6 +140,18 @@
|
|
|
<view class="status s2" v-if="item.type=='PreStorage'">
|
|
|
预存
|
|
|
</view>
|
|
|
+ <view class="status s3" v-if="item.type=='Refund'">
|
|
|
+ 退费
|
|
|
+ </view>
|
|
|
+ <view class="status s4" v-if="item.type=='Water'">
|
|
|
+ 水费
|
|
|
+ </view>
|
|
|
+ <view class="status s4" v-if="item.type=='Elec'">
|
|
|
+ 电费
|
|
|
+ </view>
|
|
|
+ <view class="status s4" v-if="item.type=='PropertyFee'">
|
|
|
+ 物业费
|
|
|
+ </view>
|
|
|
<div class="title">{{item.tenantInfo.name}}</div>
|
|
|
<view class="subtit">
|
|
|
扣缴金额:{{item.amount}}
|
|
@@ -118,15 +179,14 @@
|
|
|
</view>
|
|
|
<u-picker :show="showtype" itemHeight="76" :columns="columnstype" keyName="dictLabel" @confirm="confirmtype"
|
|
|
@cancel='canceltype'></u-picker>
|
|
|
- <u-popup :show="showpay" @close="closepay" @open="openpay" mode="bottom" :round="10" :closeable=true
|
|
|
- :closeOnClickOverlay=true>
|
|
|
+ <!-- <text>请选择支付方式</text> -->
|
|
|
+ <u-popup :show="showpay" @close="closepay" mode="bottom" :round="10" :closeable=true :closeOnClickOverlay=true>
|
|
|
<view class="paytall">
|
|
|
- <!-- <text>请选择支付方式</text> -->
|
|
|
<view class="hejitop">
|
|
|
¥ {{heji}}
|
|
|
</view>
|
|
|
<view class="zhifufs">
|
|
|
- <u-radio-group @change="groupChange" v-model="radiovalue1" placement="column" iconPlacement="right">
|
|
|
+ <u-radio-group v-model="zhifufangshi" placement="column" iconPlacement="right">
|
|
|
<u-radio :customStyle="{marginBottom: '8px'}" v-for="(item, index) in radiolist1" :key="index"
|
|
|
:label="item.name" :name="item.id">
|
|
|
</u-radio>
|
|
@@ -137,8 +197,11 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</u-popup>
|
|
|
+ <!-- 充值提示框 -->
|
|
|
<u-modal :show="showjiaofei" title="提示" content='当前账户余额不足,请问是否充值?' @confirm="jiaofeiconfirm"
|
|
|
- @cancel='jiaofeicancel' :showCancelButton=true></u-modal>
|
|
|
+ @cancel='cancleJiaofei()' :showCancelButton=true>
|
|
|
+ </u-modal>
|
|
|
+ <!-- 支付框 -->
|
|
|
<view class="canys" v-if="zhifucanvas">
|
|
|
<h4>请用微信扫码二维码</h4>
|
|
|
<canvas class="zhifucanvas" canvas-id='canvas'></canvas>
|
|
@@ -146,9 +209,10 @@
|
|
|
<u-button type="primary" :plain="true" text="关闭" style="border:none" @click="guanbi"></u-button>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <u-popup :show="showpayjine" @close="closepay1" @open="openpay1" mode="bottom" :round="10" :closeable=true
|
|
|
+ <!-- 预存 -->
|
|
|
+ <u-popup :show="showpayjine" @close="closepay1" mode="bottom" :round="10" :closeable=true
|
|
|
:closeOnClickOverlay=true>
|
|
|
- <view class="paytall1">
|
|
|
+ <view class="paytall1" style="padding-bottom: 20rpx;">
|
|
|
<view class="hejitop">
|
|
|
预存
|
|
|
</view>
|
|
@@ -164,14 +228,20 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</u-popup>
|
|
|
+ <!-- 订单类型 -->
|
|
|
+ <u-picker :show="orderShowtype" :itemHeight="80" :columns="orderColumnstype" keyName="label"
|
|
|
+ @confirm="orderConfirmtype" @cancel='orderCanceltype'>
|
|
|
+ </u-picker>
|
|
|
<u-notify ref="uNotify" message=""></u-notify>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import {
|
|
|
+ methods
|
|
|
+ } from '../../../uni_modules/uview-ui/libs/mixin/mixin';
|
|
|
var QRCode = require('@/utils/qrcode.js');
|
|
|
const BaseApi = require("@/http/baseApi.js");
|
|
|
- // import {isEmpty,getDictDataList} from "@/utils/index";
|
|
|
export default {
|
|
|
name: 'Workordertodone',
|
|
|
data() {
|
|
@@ -181,6 +251,8 @@
|
|
|
return {
|
|
|
tabs: [{
|
|
|
name: '账单明细',
|
|
|
+ }, {
|
|
|
+ name: '我的订单',
|
|
|
}, {
|
|
|
name: '扣缴记录'
|
|
|
}],
|
|
@@ -200,24 +272,51 @@
|
|
|
showMore: false,
|
|
|
Predepositshow: true,
|
|
|
showpayjine: false,
|
|
|
- showcw: false,
|
|
|
zhifucanvas: false,
|
|
|
radiolist1: [],
|
|
|
radiovalue1: '微信',
|
|
|
showjiaofei: false,
|
|
|
showpay: false,
|
|
|
- quanxuan: true,
|
|
|
- zhifumk: false,
|
|
|
- mytype: '扣缴类型',
|
|
|
myday: currentDate,
|
|
|
totalnumber: 0,
|
|
|
jfnodata: false,
|
|
|
showtype: false,
|
|
|
- cdshow: 0,
|
|
|
- fatherparameter: {},
|
|
|
- expensedata: '全部',
|
|
|
- list: ['账单明细', '缴费记录', ],
|
|
|
- current: 0,
|
|
|
+ //账单明细
|
|
|
+ billIds: [],
|
|
|
+ // 订单
|
|
|
+ myorderType: '类型',
|
|
|
+ orderPd: true,
|
|
|
+ orderShowtype: false,
|
|
|
+ orderTotalnumber: 0,
|
|
|
+ orderList: [],
|
|
|
+ orderDataForm: {
|
|
|
+ status: "",
|
|
|
+ page: 1,
|
|
|
+ limit: 10,
|
|
|
+ },
|
|
|
+ orderColumnstype: [
|
|
|
+ [{
|
|
|
+ label: '全部',
|
|
|
+ id: ''
|
|
|
+
|
|
|
+ }, {
|
|
|
+ label: '已关闭',
|
|
|
+ id: '-1'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '待支付',
|
|
|
+ id: '0'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '已支付',
|
|
|
+ id: '1'
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ ],
|
|
|
+ //end
|
|
|
+ //扣缴记录
|
|
|
+ mytype: '扣缴类型',
|
|
|
+ indexList2: [],
|
|
|
dataForm: {
|
|
|
tenantId: '',
|
|
|
costCycle: currentDate,
|
|
@@ -225,63 +324,32 @@
|
|
|
page: 1,
|
|
|
limit: 10,
|
|
|
},
|
|
|
+ cdshow: 0,
|
|
|
+ current: 0,
|
|
|
zhanghuyue: 0,
|
|
|
heji: 0,
|
|
|
indexList1: [],
|
|
|
- indexList11: [],
|
|
|
- indexList2: [],
|
|
|
- payStatusList: [],
|
|
|
nodata: true,
|
|
|
pd: true,
|
|
|
zhifufangshi: '',
|
|
|
columnstype: [],
|
|
|
- repairTypeList: [],
|
|
|
- UrgencyTypelist: [],
|
|
|
- PayStatus: [],
|
|
|
PropertyType: [],
|
|
|
- userInfotenantName: '',
|
|
|
}
|
|
|
},
|
|
|
//监听页面加载,其参数为上个页面传递的数据,参数类型为 Object(用于页面传参
|
|
|
onLoad: function(options) { //option为object类型,会序列化上个页面传递的参数
|
|
|
let userInfo = JSON.parse(decodeURIComponent(options.info));
|
|
|
- // console.log('userInfo', userInfo);
|
|
|
- this.userInfotenantName = userInfo.tenantName;
|
|
|
this.dataForm.tenantId = userInfo.tenantId;
|
|
|
-
|
|
|
let getDictDataList = uni.getStorageSync('getDictDataList');
|
|
|
- // console.log('111111111111111111', userInfo)
|
|
|
for (let i = 0; i < getDictDataList.length; i++) {
|
|
|
if (getDictDataList[i].dictType == 'PayType') {
|
|
|
this.columnstype = [getDictDataList[i].dataList]
|
|
|
}
|
|
|
- if (getDictDataList[i].dictType == 'PayStatus') {
|
|
|
- this.PayStatus = [getDictDataList[i].dataList]
|
|
|
- }
|
|
|
if (getDictDataList[i].dictType == 'PropertyType') {
|
|
|
this.PropertyType = [getDictDataList[i].dataList]
|
|
|
}
|
|
|
}
|
|
|
- this.indexList11 = [{
|
|
|
- showMore: false,
|
|
|
- status: 2,
|
|
|
- amount: 300,
|
|
|
- billLists: [{
|
|
|
- amount: 100,
|
|
|
-
|
|
|
- }, {
|
|
|
- amount: 200,
|
|
|
-
|
|
|
- }, {
|
|
|
- amount: 130,
|
|
|
-
|
|
|
- }]
|
|
|
- }]
|
|
|
-
|
|
|
- // console.log('111111111111111111', this.PayStatus)
|
|
|
-
|
|
|
- this.getpaisongdata();
|
|
|
-
|
|
|
+ this.getpaisongdata(); //账单明细
|
|
|
},
|
|
|
//监听页面初次渲染完成。注意如果渲染速度快,会在页面进入动画完成前触发
|
|
|
onReady() {},
|
|
@@ -293,19 +361,41 @@
|
|
|
onUnload() {},
|
|
|
//监听用户下拉动作,一般用于下拉刷新
|
|
|
onPullDownRefresh() {},
|
|
|
-
|
|
|
-
|
|
|
methods: {
|
|
|
guanbi() {
|
|
|
this.zhifucanvas = false;
|
|
|
- this.Predepositshow = true;
|
|
|
- this.queryOrder1();
|
|
|
- this.queryOrder2();
|
|
|
+ this.dataForm.page = 1;
|
|
|
+ this.indexList1 = [];
|
|
|
+ this.getpaisongdata();
|
|
|
},
|
|
|
+ // 创建订单
|
|
|
+ createOrder(postdata,type) {
|
|
|
+ uni.request({
|
|
|
+ url: BaseApi.BaseApi + '/pay/createOrder',
|
|
|
+ method: "POST",
|
|
|
+ data: postdata,
|
|
|
+ header: {
|
|
|
+ 'content-type': 'application/x-www-form-urlencoded',
|
|
|
+ "token": uni.getStorageSync('tokendata'),
|
|
|
+ },
|
|
|
+ success: (res) => {
|
|
|
+ if(type){
|
|
|
+ let qrcode = new QRCode('canvas', {
|
|
|
+ text: res.data.codeUrl, // weixin://wxpay/bizpayurl?pr=sZz****
|
|
|
+ width: 213,
|
|
|
+ height: 213,
|
|
|
+ colorDark: "black",
|
|
|
+ colorLight: "white",
|
|
|
+ correctLevel: QRCode.CorrectLevel.H,
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //确认预存
|
|
|
Confirmationpaymentjine() {
|
|
|
- this.zhifucanvas = true;
|
|
|
this.$refs.uForm.validate().then(res => {
|
|
|
- uni.$u.toast('校验通过')
|
|
|
+ this.zhifucanvas = true;
|
|
|
this.showpayjine = false;
|
|
|
this.Predepositshow = false;
|
|
|
let postdata = {
|
|
@@ -314,36 +404,11 @@
|
|
|
tradeType: 'NATIVE',
|
|
|
billIds: ''
|
|
|
}
|
|
|
- uni.request({
|
|
|
- url: BaseApi.BaseApi + '/pay/createOrder',
|
|
|
- method: "POST",
|
|
|
- data: postdata,
|
|
|
- header: {
|
|
|
- 'content-type': 'application/x-www-form-urlencoded',
|
|
|
- "token": uni.getStorageSync('tokendata'),
|
|
|
- },
|
|
|
- success: (res) => {
|
|
|
- let qrcode = new QRCode('canvas', {
|
|
|
- text: res.data.codeUrl, // weixin://wxpay/bizpayurl?pr=sZz****
|
|
|
- width: 213,
|
|
|
- height: 213,
|
|
|
- colorDark: "black",
|
|
|
- colorLight: "white",
|
|
|
- correctLevel: QRCode.CorrectLevel.H,
|
|
|
- });
|
|
|
-
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
-
|
|
|
+ this.createOrder(postdata,1);
|
|
|
}).catch(errors => {
|
|
|
- uni.$u.toast('校验失败')
|
|
|
+ //Funi.$u.toast('校验失败')
|
|
|
})
|
|
|
},
|
|
|
- groupChange(n) {
|
|
|
- console.log('groupChange', n);
|
|
|
- this.zhifufangshi = n;
|
|
|
- },
|
|
|
Predeposit() {
|
|
|
this.showpayjine = true;
|
|
|
},
|
|
@@ -353,9 +418,7 @@
|
|
|
this.indexList1 = [];
|
|
|
this.dataForm.page = 1;
|
|
|
this.getpaisongdata();
|
|
|
-
|
|
|
},
|
|
|
-
|
|
|
queryOrder2() {
|
|
|
this.Predepositshow = true;
|
|
|
this.zhifucanvas = false;
|
|
@@ -363,25 +426,22 @@
|
|
|
this.dataForm.page = 1;
|
|
|
this.getpayrecord();
|
|
|
},
|
|
|
+ //提交订单
|
|
|
Confirmationpayment() {
|
|
|
+ this.showpay=false;
|
|
|
if (this.zhifufangshi == 'zhanghu') {
|
|
|
+ //余额是否足够支付,不够提示充值
|
|
|
+ let billIdslist = this.billIds;
|
|
|
if (this.zhanghuyue >= this.heji) {
|
|
|
- console.log('账户余额支付', )
|
|
|
- let billIdslist = [this.indexList1[0].billLists[0].id, this.indexList1[0].billLists[1].id,
|
|
|
- this.indexList1[0].billLists[2].id
|
|
|
- ];
|
|
|
let postdata = {
|
|
|
- amount: String(this.zhanghuyue - this.heji),
|
|
|
+ amount: String(this.heji),
|
|
|
tenantId: this.dataForm.tenantId,
|
|
|
payType: 'Account',
|
|
|
billIds: billIdslist
|
|
|
}
|
|
|
-
|
|
|
this.$api.post('/billinfo/billPay', postdata)
|
|
|
.then(res => {
|
|
|
- // console.log('111111111111111111', res)
|
|
|
if (res.data.code == 0) {
|
|
|
- this.zhifucanvas = true;
|
|
|
this.$refs.uNotify.success(res.data.msg)
|
|
|
this.showpay = false;
|
|
|
this.indexList1 = [];
|
|
@@ -390,108 +450,50 @@
|
|
|
} else {
|
|
|
this.$refs.uNotify.error(res.data.msg)
|
|
|
this.showpay = false;
|
|
|
- this.indexList1 = [];
|
|
|
- this.dataForm.page = 1;
|
|
|
- this.getpaisongdata();
|
|
|
}
|
|
|
})
|
|
|
|
|
|
} else if (this.zhanghuyue < this.heji) {
|
|
|
+ let postdata = {
|
|
|
+ totalFee: this.heji,
|
|
|
+ tenantId: this.dataForm.tenantId,
|
|
|
+ tradeType: 'NATIVE',
|
|
|
+ billIds: billIdslist
|
|
|
+ }
|
|
|
+ this.createOrder(postdata)
|
|
|
this.showjiaofei = true;
|
|
|
-
|
|
|
}
|
|
|
-
|
|
|
} else if (this.zhifufangshi == 'weixin') {
|
|
|
this.zhifucanvas = true;
|
|
|
this.showpay = false;
|
|
|
- let billIdslist = this.indexList1[0].billLists[0].id + ',' +
|
|
|
- this.indexList1[0].billLists[1].id + ',' + this.indexList1[0].billLists[2].id;
|
|
|
- // let postdata = {
|
|
|
- // totalFee: String(this.heji),
|
|
|
- // tenantId:Math.floor(this.dataForm.tenantId),
|
|
|
- // tradeType: 'NATIVE',
|
|
|
- // billIds: billIdslist
|
|
|
- // }
|
|
|
-
|
|
|
+ let billIdslist = this.billIds.join(',');
|
|
|
let postdata = {
|
|
|
- totalFee: '0.01',
|
|
|
+ totalFee:this.heji,
|
|
|
tenantId: this.dataForm.tenantId,
|
|
|
tradeType: 'NATIVE',
|
|
|
billIds: billIdslist
|
|
|
}
|
|
|
- uni.request({
|
|
|
- url: BaseApi.BaseApi + '/pay/createOrder',
|
|
|
- method: "POST",
|
|
|
- data: postdata,
|
|
|
- header: {
|
|
|
- 'content-type': 'application/x-www-form-urlencoded',
|
|
|
- "token": uni.getStorageSync('tokendata'),
|
|
|
- },
|
|
|
- success: (res) => {
|
|
|
- // window.open(res.codeUrl, '_blank);
|
|
|
- let qrcode = new QRCode('canvas', {
|
|
|
- text: res.data.codeUrl, // weixin://wxpay/bizpayurl?pr=sZz****
|
|
|
- width: 213,
|
|
|
- height: 213,
|
|
|
- colorDark: "black",
|
|
|
- colorLight: "white",
|
|
|
- correctLevel: QRCode.CorrectLevel.H,
|
|
|
- });
|
|
|
- //10秒之后调取查询订单
|
|
|
- // let that = this;
|
|
|
- // setTimeout(function () {
|
|
|
- // that.queryOrder1();
|
|
|
- // }, 15000);
|
|
|
-
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
-
|
|
|
+ this.createOrder(postdata,1);
|
|
|
}
|
|
|
+ this.heji=0;
|
|
|
},
|
|
|
+ //确认提前缴费
|
|
|
jiaofeiconfirm() {
|
|
|
- this.showpay = false;
|
|
|
- let billIdslist = this.indexList1[0].billLists[0].id + ',' +
|
|
|
- this.indexList1[0].billLists[1].id + ',' + this.indexList1[0].billLists[2].id;
|
|
|
- let postdata = {
|
|
|
- totalFee: String(this.heji - this.zhanghuyue),
|
|
|
- tenantId: this.dataForm.tenantId,
|
|
|
- tradeType: 'NATIVE',
|
|
|
- billIds: billIdslist
|
|
|
- }
|
|
|
- uni.request({
|
|
|
- url: BaseApi.BaseApi + '/pay/createOrder',
|
|
|
- method: "POST",
|
|
|
- data: postdata,
|
|
|
- header: {
|
|
|
- 'content-type': 'application/x-www-form-urlencoded',
|
|
|
- "token": uni.getStorageSync('tokendata'),
|
|
|
- },
|
|
|
- success: (res) => {
|
|
|
- // window.open(res.codeUrl, '_blank);
|
|
|
- let qrcode = new QRCode('canvas', {
|
|
|
- text: res.data.codeUrl, // weixin://wxpay/bizpayurl?pr=sZz****
|
|
|
- width: 213,
|
|
|
- height: 213,
|
|
|
- colorDark: "black",
|
|
|
- colorLight: "white",
|
|
|
- correctLevel: QRCode.CorrectLevel.H,
|
|
|
- });
|
|
|
- //10秒之后调取查询订单
|
|
|
- // let that = this;
|
|
|
- // setTimeout(function () {
|
|
|
- // that.queryOrder1();
|
|
|
- // }, 15000);
|
|
|
-
|
|
|
- }
|
|
|
- });
|
|
|
+ this.showpayjine = true;
|
|
|
+ this.showjiaofei = false;
|
|
|
+ this.dataForm.page = 1;
|
|
|
+ this.indexList1 = [];
|
|
|
+ this.getpaisongdata();
|
|
|
},
|
|
|
- jiaofeicancel() {
|
|
|
+ // 取消缴费
|
|
|
+ cancleJiaofei(){
|
|
|
this.showjiaofei = false;
|
|
|
+ this.dataForm.page = 1;
|
|
|
+ this.indexList1 = [];
|
|
|
+ this.getpaisongdata();
|
|
|
},
|
|
|
-
|
|
|
Immediatepayment() {
|
|
|
-
|
|
|
+ //获取账户余额
|
|
|
this.$api.get('/accountinfo/detail/' + this.dataForm.tenantId, {})
|
|
|
.then(res => {
|
|
|
this.zhanghuyue = res.data.data.amount;
|
|
@@ -509,30 +511,45 @@
|
|
|
]
|
|
|
})
|
|
|
},
|
|
|
- openpay() {
|
|
|
- console.log('open');
|
|
|
- },
|
|
|
closepay() {
|
|
|
this.showpay = false
|
|
|
- // console.log('close');
|
|
|
- },
|
|
|
- openpay1() {
|
|
|
- console.log('open');
|
|
|
},
|
|
|
closepay1() {
|
|
|
this.showpayjine = false
|
|
|
- // console.log('close');
|
|
|
},
|
|
|
-
|
|
|
- paybills(e) {
|
|
|
+ //勾选账单明细
|
|
|
+ checkItem(e) {
|
|
|
e.check = !e.check;
|
|
|
if (e.check) {
|
|
|
- this.zhifumk = e.check
|
|
|
+ this.heji += e.amount;
|
|
|
+ for (let i = 0; i < e.billLists.length; i++) {
|
|
|
+ this.billIds.push(e.billLists[i].id);
|
|
|
+ }
|
|
|
} else {
|
|
|
- console.log('222222', e.check)
|
|
|
- this.zhifumk = e.check
|
|
|
+ if (this.heji > 0) {
|
|
|
+ this.heji -= e.amount;
|
|
|
+ }
|
|
|
+ for (let i = 0; i < e.billLists.length; i++) {
|
|
|
+ let ind = this.billIds.indexOf(e.billLists[i].id);
|
|
|
+ if (ind > -1) {
|
|
|
+ this.billIds.splice(ind, 1);
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
+ // 我的订单
|
|
|
+ cancle(id, ind) {
|
|
|
+ let that=this;
|
|
|
+ uni.request({
|
|
|
+ url: BaseApi.BaseApi + '/pay/closeOrder/' + id,
|
|
|
+ methods: 'get',
|
|
|
+ success(res) {
|
|
|
+ if (res.data.returnCode =="SUCCESS") {
|
|
|
+ that.orderList.splice(ind, 1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
dateChange(e) {
|
|
|
this.myday = e.target.value;
|
|
|
this.dataForm.costCycle = e.target.value;
|
|
@@ -540,8 +557,6 @@
|
|
|
this.indexList1 = [];
|
|
|
this.getpaisongdata();
|
|
|
},
|
|
|
-
|
|
|
-
|
|
|
sectionChange(val) {
|
|
|
this.current = val.index;
|
|
|
if (val.index == 0) {
|
|
@@ -551,6 +566,11 @@
|
|
|
this.getpaisongdata();
|
|
|
} else if (val.index == 1) {
|
|
|
this.cdshow = 1;
|
|
|
+ this.orderList = [];
|
|
|
+ this.orderDataForm.page = 1;
|
|
|
+ this.getorderList();
|
|
|
+ } else if (val.index == 2) {
|
|
|
+ this.cdshow = 2;
|
|
|
this.indexList2 = [];
|
|
|
this.dataForm.page = 1;
|
|
|
this.getpayrecord();
|
|
@@ -597,24 +617,23 @@
|
|
|
.then(res => {
|
|
|
this.totalnumber = res.data.data.length;
|
|
|
if (res.data.data.length != 0) {
|
|
|
- //check
|
|
|
for (let i = 0; i < res.data.data.length; i++) {
|
|
|
res.data.data[i].check = false;
|
|
|
+ res.data.data[i].showMore = false;
|
|
|
}
|
|
|
- this.heji = res.data.data[0].amount;
|
|
|
this.indexList1.push(...res.data.data);
|
|
|
-
|
|
|
this.dataForm.page = this.dataForm.page + 1;
|
|
|
this.pd = true;
|
|
|
this.jfnodata = false;
|
|
|
} else {
|
|
|
- uni.showToast({
|
|
|
- title: '暂无更多数据了',
|
|
|
- icon: 'none',
|
|
|
- duration: 1500
|
|
|
- })
|
|
|
+ if(this.dataForm.page!=1){
|
|
|
+ uni.showToast({
|
|
|
+ title: '暂无更多数据了',
|
|
|
+ icon: 'none',
|
|
|
+ duration: 1500
|
|
|
+ })
|
|
|
+ }
|
|
|
this.pd = false;
|
|
|
- //this.jfnodata=true
|
|
|
}
|
|
|
|
|
|
})
|
|
@@ -637,7 +656,6 @@
|
|
|
},
|
|
|
confirmtype(e) {
|
|
|
this.indexList2 = [];
|
|
|
- //console.log('111111111111111111', e.value[0])
|
|
|
this.showtype = false;
|
|
|
if (e.value[0].dictValue == 'all') {
|
|
|
this.mytype = e.value[0].dictLabel;
|
|
@@ -655,6 +673,52 @@
|
|
|
canceltype() {
|
|
|
this.showtype = false;
|
|
|
},
|
|
|
+ // 订单
|
|
|
+ orderDetail(e) {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: `/pages/my/Myorder/Orderdetails/Orderdetails?companyOrgId=${e.id}`
|
|
|
+ });
|
|
|
+ },
|
|
|
+ orderScrolltolower() {
|
|
|
+ if (this.orderPd) {
|
|
|
+ this.getorderList();
|
|
|
+ } else {
|
|
|
+ return
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getorderList() {
|
|
|
+ this.$api.get('/order/page', this.orderDataForm)
|
|
|
+ .then(res => {
|
|
|
+ this.orderTotalnumber = res.data.data.total;
|
|
|
+ if (res.data.data.list.length != 0) {
|
|
|
+ this.orderList.push(...res.data.data.list);
|
|
|
+ this.orderDataForm.page = this.orderDataForm.page + 1;
|
|
|
+ this.orderPd = true;
|
|
|
+ } else {
|
|
|
+ uni.showToast({
|
|
|
+ title: '暂无更多数据了',
|
|
|
+ icon: 'none',
|
|
|
+ duration: 1500
|
|
|
+ })
|
|
|
+ this.orderPd = false;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ orderCanceltype() {
|
|
|
+ this.orderShowtype = false;
|
|
|
+ },
|
|
|
+ orderConfirmtype(e) {
|
|
|
+ this.orderShowtype = false;
|
|
|
+ this.myorderType = e.value[0].label;
|
|
|
+ this.orderDataForm.status = e.value[0].id;
|
|
|
+ this.orderList = [];
|
|
|
+ this.orderDataForm.page = 1;
|
|
|
+ this.getorderList();
|
|
|
+ },
|
|
|
+ orderTypechange() {
|
|
|
+ this.orderShowtype = true;
|
|
|
+ },
|
|
|
|
|
|
|
|
|
}
|
|
@@ -740,13 +804,16 @@
|
|
|
.paytall {
|
|
|
padding: 12px 0;
|
|
|
}
|
|
|
+
|
|
|
.heji span {
|
|
|
color: #ED3A25;
|
|
|
}
|
|
|
+
|
|
|
.likezhifu {
|
|
|
margin-left: 20rpx;
|
|
|
margin-right: 30rpx;
|
|
|
}
|
|
|
+
|
|
|
.zhifu {
|
|
|
position: fixed;
|
|
|
right: 0;
|
|
@@ -764,6 +831,7 @@
|
|
|
justify-content: flex-end;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.page {
|
|
|
height: 100%;
|
|
|
overflow: hidden;
|
|
@@ -803,6 +871,7 @@
|
|
|
}
|
|
|
|
|
|
.title {
|
|
|
+ width: 90%;
|
|
|
font-size: 32rpx;
|
|
|
color: #0C1935;
|
|
|
margin-bottom: 16rpx;
|
|
@@ -813,17 +882,27 @@
|
|
|
}
|
|
|
|
|
|
.status {
|
|
|
- width: 100rpx;
|
|
|
- padding: 6rpx;
|
|
|
+ width: 50px;
|
|
|
+ padding: 3px 3px 10px 3px;
|
|
|
text-align: center;
|
|
|
- font-size: 24rpx;
|
|
|
+ font-size: 13px;
|
|
|
color: #fff;
|
|
|
background-color: #09C700;
|
|
|
- border-radius: 22rpx;
|
|
|
+ border-radius: 11px;
|
|
|
position: absolute;
|
|
|
left: 40%;
|
|
|
- top: 20rpx;
|
|
|
- transform: scale(.85);
|
|
|
+ top: 6px;
|
|
|
+ transform: scale(0.8);
|
|
|
+
|
|
|
+ &.s1 {
|
|
|
+ background: url('@/static/imgs/paySuccess.png') no-repeat;
|
|
|
+ background-size: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ &.s2 {
|
|
|
+ background: url('@/static/imgs/payerror.png') no-repeat;
|
|
|
+ background-size: 100%;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
|
|
@@ -834,8 +913,8 @@
|
|
|
|
|
|
.check {
|
|
|
position: absolute;
|
|
|
- left: 20rpx;
|
|
|
- top: 32rpx;
|
|
|
+ left: 16rpx;
|
|
|
+ top: 24rpx;
|
|
|
z-index: 1;
|
|
|
font-size: 0;
|
|
|
transform: scale(.7)
|
|
@@ -869,8 +948,17 @@
|
|
|
&.s2 {
|
|
|
background-color: #09C700;
|
|
|
}
|
|
|
+
|
|
|
+ &.s3 {
|
|
|
+ background-color: #FA5555;
|
|
|
+ }
|
|
|
+
|
|
|
+ &.s4 {
|
|
|
+ background-color: #FF9C27;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.topbilledit {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
@@ -882,4 +970,25 @@
|
|
|
.changetime2 {
|
|
|
padding-left: 10rpx;
|
|
|
}
|
|
|
+
|
|
|
+ .operation {
|
|
|
+ text-align: right;
|
|
|
+ margin-right: -32rpx;
|
|
|
+ height: 70rpx;
|
|
|
+ margin-top: 32rpx;
|
|
|
+
|
|
|
+ text {
|
|
|
+ padding: 6px 12px;
|
|
|
+ font-size: 12px;
|
|
|
+ border: 1px solid #D8D8D8;
|
|
|
+ border-radius: 20px;
|
|
|
+ margin-right: 16px;
|
|
|
+
|
|
|
+ &.p2 {
|
|
|
+ border-color: #2E69EB;
|
|
|
+ color: #2E69EB;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
</style>
|