370 lines
8.8 KiB
JavaScript
370 lines
8.8 KiB
JavaScript
import { getMeterDetail, getMeterList, getTenementMeterList } from "../../service/meter";
|
|
import { getOwnTenementList } from "../../service/tenement";
|
|
import { alertInfo, alertSuccess } from "../../utils/index";
|
|
import request from '../../utils/request';
|
|
import { getDot } from "../../utils/system";
|
|
import { getUserInfo } from "../../service/user"
|
|
import { requestRecharge } from "../../service/recharge";
|
|
const { OK } = request;
|
|
// pages/home/index.js
|
|
Page({
|
|
|
|
/**
|
|
* 页面的初始数据
|
|
*/
|
|
data: {
|
|
user: {},
|
|
all: [],
|
|
park: {},
|
|
tenement: {},
|
|
show: false,
|
|
columns: [],
|
|
pickerType: "",
|
|
meterList: [],
|
|
meterIndex: 0,
|
|
},
|
|
|
|
/**
|
|
* 生命周期函数--监听页面加载
|
|
*/
|
|
onLoad(options) {
|
|
|
|
},
|
|
choosePark() {
|
|
this.setData({
|
|
columns: this.data.all,
|
|
show: true,
|
|
pickerType: "park"
|
|
})
|
|
},
|
|
chooseTenement() {
|
|
const { park = {}} = this.data;
|
|
const { tenements } = park;
|
|
this.setData({
|
|
columns: tenements,
|
|
show: true,
|
|
pickerType: "tenement"
|
|
})
|
|
},
|
|
/**
|
|
* 生命周期函数--监听页面初次渲染完成
|
|
*/
|
|
onReady() {
|
|
|
|
},
|
|
async changeMeter() {
|
|
const { meterList = [] } = this.data;
|
|
const newColumns = meterList.map(item => { item.id = item.code; item.name = `${item.code} - ${item.address}`; return item; })
|
|
this.setData({
|
|
columns: newColumns,
|
|
show: true,
|
|
pickerType: "meter"
|
|
})
|
|
},
|
|
async refreshMeter() {
|
|
const { meter } = this.data;
|
|
this.handleGetMeterDetail(meter.id);
|
|
},
|
|
onOk(e) {
|
|
const { type, index, value } = e.detail;
|
|
const currentPark = this.data.park;
|
|
switch(type) {
|
|
case "park":
|
|
// if (value.id === currentPark?.id) {
|
|
// this.setData({ show: false })
|
|
// return
|
|
// }
|
|
this.setData({
|
|
show: false,
|
|
park: value,
|
|
tenement: value.tenements?.[0]
|
|
})
|
|
wx.setStorageSync('park', value)
|
|
wx.setStorageSync('tenement', value.tenements?.[0])
|
|
break;
|
|
case "tenement":
|
|
// const currentTenement = this.data.tenement;
|
|
// if (value.id === currentTenement?.id) {
|
|
// this.setData({ show: false })
|
|
// return
|
|
// }
|
|
wx.setStorageSync('tenement', value)
|
|
// wx.setStorageSync('meter', null)
|
|
this.setData({
|
|
show: false,
|
|
tenement: value
|
|
})
|
|
|
|
break;
|
|
case "meter":
|
|
const { code, id } = e.detail.value;
|
|
this.handleGetMeterDetail(id)
|
|
break;
|
|
}
|
|
},
|
|
async handleGetMeterDetail(meterId) {
|
|
const { tenement } = this.data;
|
|
const { code, message, data } = await getMeterDetail({ tenement: tenement?.id, id: meterId });
|
|
if (code !== OK) {
|
|
alertInfo(message);
|
|
return;
|
|
}
|
|
this.setData({
|
|
meter: data,
|
|
show: false,
|
|
})
|
|
},
|
|
onCancel() {
|
|
this.setData({
|
|
show: false,
|
|
})
|
|
},
|
|
changeMoney(e) {
|
|
const { money } = e.currentTarget.dataset;
|
|
this.setData({
|
|
money: money
|
|
})
|
|
},
|
|
onChangeMoney(e) {
|
|
this.setData({ money: e.detail })
|
|
},
|
|
async recharge() {
|
|
const { user, money, meter, tenement, park } = this.data;
|
|
const that = this;
|
|
if (!user || !user.id) {
|
|
alertInfo("请先登录")
|
|
return
|
|
}
|
|
if (!money) {
|
|
alertInfo("请先输入金额")
|
|
|
|
return;
|
|
}
|
|
if (!meter?.code) {
|
|
alertInfo("没有选择表计")
|
|
return;
|
|
}
|
|
if (money < 0.01) {
|
|
alertInfo("最少为1分")
|
|
return
|
|
}
|
|
const { code, message, data } = await requestRecharge({ money: Number(money), id: meter.id, tenement: tenement.id, park: park.id })
|
|
if (code !== OK) {
|
|
alertInfo(message)
|
|
return;
|
|
}
|
|
wx.requestPayment({
|
|
timeStamp: data?.time,
|
|
nonceStr: data?.nonceStr,
|
|
package: "prepay_id=" + data?.prepay_id,
|
|
paySign: data?.paySign,
|
|
signType: 'RSA',
|
|
success: (res) => {
|
|
alertSuccess("充值成功")
|
|
that.setData({
|
|
money: null
|
|
})
|
|
},
|
|
fail: (res) => {
|
|
console.log('fail', res)
|
|
alertInfo("请稍后重试")
|
|
},
|
|
complete: (res) => {
|
|
console.log('complete')
|
|
that.handleGetMeterDetail(meter.id)
|
|
}
|
|
})
|
|
},
|
|
jumpToInvoice() {
|
|
wx.navigateTo({
|
|
url: '/pages/invoiceList/index',
|
|
})
|
|
},
|
|
jumpToLogin() {
|
|
wx.navigateTo({
|
|
url: '/pages/login/index',
|
|
})
|
|
},
|
|
/**
|
|
* 生命周期函数--监听页面显示
|
|
*/
|
|
onShow() {
|
|
|
|
this.getAllList();
|
|
this.watchTenement();
|
|
this.watchPark();
|
|
getDot();
|
|
},
|
|
watchTenement() {
|
|
const that = this;
|
|
let value = this.data.tenement; // 获取被监听属性的当前值
|
|
|
|
// 使用 Object.defineProperty 方法在数据对象上定义属性的 getter 和 setter
|
|
Object.defineProperty(this.data, 'tenement', {
|
|
configurable: true, // 可配置
|
|
enumerable: true, // 可枚举
|
|
get: function () {
|
|
return value; // 返回属性的当前值
|
|
},
|
|
set: function (newVal) {
|
|
// const oldValue = value;
|
|
wx.setStorageSync('tenement', newVal)
|
|
that.getMeters(newVal);
|
|
that.setUser();
|
|
value = newVal;
|
|
}
|
|
});
|
|
},
|
|
watchPark() {
|
|
const that = this;
|
|
let value = this.data.park; // 获取被监听属性的当前值
|
|
|
|
// 使用 Object.defineProperty 方法在数据对象上定义属性的 getter 和 setter
|
|
Object.defineProperty(this.data, 'park', {
|
|
configurable: true, // 可配置
|
|
enumerable: true, // 可枚举
|
|
get: function () {
|
|
return value; // 返回属性的当前值
|
|
},
|
|
set: function (newVal) {
|
|
// const oldValue = value;
|
|
value = newVal;
|
|
wx.setStorageSync('park', newVal)
|
|
}
|
|
});
|
|
},
|
|
watchMeter() {
|
|
const that = this;
|
|
let value = this.data.meter; // 获取被监听属性的当前值
|
|
|
|
// 使用 Object.defineProperty 方法在数据对象上定义属性的 getter 和 setter
|
|
Object.defineProperty(this.data, 'meter', {
|
|
configurable: true, // 可配置
|
|
enumerable: true, // 可枚举
|
|
get: function () {
|
|
return value; // 返回属性的当前值
|
|
},
|
|
set: function (newVal) {
|
|
// const oldValue = value;
|
|
value = newVal;
|
|
wx.setStorageSync('meter', newVal)
|
|
}
|
|
});
|
|
},
|
|
async getMeters({ id }) {
|
|
const { code, message, data } = await getTenementMeterList(id);
|
|
if (code !== OK) {
|
|
alertInfo(message)
|
|
this.setData({ meterList: [], meter: {} })
|
|
wx.setStorageSync('meter', {})
|
|
return;
|
|
}
|
|
this.setData({
|
|
meterList: data || [],
|
|
meter: (data?.[0] || {})
|
|
})
|
|
// if (!storageMeter) {
|
|
wx.setStorageSync('meter', data?.[0] || {} )
|
|
// }
|
|
},
|
|
jumpToElectric() {
|
|
wx.navigateTo({
|
|
url: '/pages/electricQuery/index',
|
|
})
|
|
},
|
|
async setUser() {
|
|
const result = await getUserInfo();
|
|
if (result.code !== OK) {
|
|
// alertInfo(result.message)
|
|
const user = wx.getStorageSync('user')
|
|
this.setData({ user: user })
|
|
return;
|
|
}
|
|
this.setData({ user: result.data })
|
|
wx.setStorageSync('user', result.data)
|
|
// const user = wx.getStorageSync('user')
|
|
// this.setData({ user: user })
|
|
},
|
|
async getAllList() {
|
|
const { code, message, data } = await getOwnTenementList()
|
|
if (code !== OK) {
|
|
alertInfo(message)
|
|
return
|
|
}
|
|
if (!data?.length) {
|
|
alertInfo("尚无信息")
|
|
wx.redirectTo({
|
|
url: '/pages/handleLogin/index',
|
|
})
|
|
return;
|
|
}
|
|
const [firstPark = {}] = data;
|
|
const { park, tenement } = this.data;
|
|
const updateDatas = {}
|
|
if (!park || !park.id) {
|
|
const storagePark = wx.getStorageSync('park')
|
|
updateDatas.park = storagePark || firstPark
|
|
}
|
|
if (!tenement || !tenement.id) {
|
|
const storageTenement = wx.getStorageSync('tenement')
|
|
if (!park || !park.id) {
|
|
updateDatas.tenement = storageTenement || firstPark.tenements?.[0]
|
|
} else {
|
|
updateDatas.tenement = storageTenement || park.tenements?.[0];
|
|
}
|
|
}
|
|
updateDatas.all = data;
|
|
this.setData({
|
|
...updateDatas
|
|
}, () => {
|
|
if (updateDatas?.tenement?.id) {
|
|
this.getMeters({ id: updateDatas?.tenement?.id })
|
|
}
|
|
})
|
|
},
|
|
jumpToRecord() {
|
|
wx.navigateTo({
|
|
url: '/pages/rechargeRecord/index',
|
|
})
|
|
},
|
|
jumpToOrder() {
|
|
// alertInfo("尚未完成")
|
|
wx.navigateTo({
|
|
url: '/pages/billList/index',
|
|
})
|
|
},
|
|
/**
|
|
* 生命周期函数--监听页面隐藏
|
|
*/
|
|
onHide() {
|
|
|
|
},
|
|
|
|
/**
|
|
* 生命周期函数--监听页面卸载
|
|
*/
|
|
onUnload() {
|
|
|
|
},
|
|
|
|
/**
|
|
* 页面相关事件处理函数--监听用户下拉动作
|
|
*/
|
|
onPullDownRefresh() {
|
|
|
|
},
|
|
|
|
/**
|
|
* 页面上拉触底事件的处理函数
|
|
*/
|
|
onReachBottom() {
|
|
|
|
},
|
|
|
|
/**
|
|
* 用户点击右上角分享
|
|
*/
|
|
onShareAppMessage() {
|
|
|
|
}
|
|
}) |