初步联调装表

pages/workBenchNew/components/recharge/index.js

@@ -0,0 +1,192 @@
+// pages/workBenchNew/components/recharge/index.js
+import { handleRecharge } from "../../../../service/recharge";
+import { alertInfo, alertSuccess, loadingFunc } from "../../../../utils/index";
+import request from '../../../../utils/request'
+const { OK } = request;
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+  onParkFocus() {
+    this.setData({
+      show: true,
+      title: "园区",
+      type: 'park'
+    })
+  },
+  onMeterFocus() {
+    const { park } = this.data;
+    if (!park) {
+      alertInfo("请先选择园区")
+      return;
+    }
+    this.setData({
+      show: true,
+      title: "电表",
+      type: 'meter'
+    })
+  },
+  onConfirm(e) {
+    const { data, type, way } = e.detail;
+    switch(type) {
+      case "park":
+        this.setData({
+          parkName: data.name,
+          park: data.id,
+        })
+        break;
+      case "meter":
+        this.setData({
+          meterName: `${data.meterNo}-${data.address}${data.tenement?.name ? '-' + data.tenement?.name : ''}`,
+          meter: data.id,
+        })
+        break;
+      case "pay":
+        this.setData({
+          payName: data,
+          way: way,
+        });
+        break;
+    }
+    this.onCancel();
+  },
+  onCancel() {
+    this.setData({
+      show: false,
+      title: "",
+      type: "",
+    })
+  },
+  onPayFocus() {
+    this.setData({
+      show: true,
+      title: "付款方式",
+      type: 'pay'
+    })
+  },
+  onChangeMoney(e) {
+    this.setData({ money: e.detail })
+  },
+  onChangeVoucherNo(e) {
+    this.setData({ voucherNo: e.detail })
+  },
+  handleClear() {
+    this.setData({
+      park: "",
+      parkName: "",
+      meter: "",
+      meterName: "",
+      way: "",
+      payName: "",
+      show: false,
+      title: "",
+      type: "",
+      money: null,
+      voucherNo: null
+    })
+  },
+  async handleSubmit() {
+    const that = this;
+    const { park, meter, money, way, voucherNo } = this.data;
+    if (!park) {
+      alertInfo("请选择园区");
+      return;
+    }
+    if (!meter) {
+      alertInfo("请选择电表")
+      return;
+    }
+    if (!money) {
+      alertInfo("请输入金额")
+      return
+    }
+    if (!way && way !== 0) {
+      alertInfo("请选择付款方式")
+      return
+    }
+    if (!voucherNo) {
+      alertInfo("请输入凭证号")
+      return
+    }
+    loadingFunc(async () => {
+      const { code, message } = await handleRecharge(park, { 
+        amount: `${money || ''}`, 
+        meter, 
+        paymentType: way, 
+        voucherNo, 
+        type: 0 
+      })
+      if (code !== OK) {
+        alertInfo(message)
+        return
+      }
+      alertSuccess("充值成功")
+      setTimeout(() => {
+        that.handleClear()
+        that.setData({
+          
+        })
+      }, 500)
+    })
+    
+  },
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

pages/workBenchNew/components/recharge/index.json

@@ -0,0 +1,11 @@
+{
+  "usingComponents": {
+    "van-popup": "@vant/weapp/popup/index",
+    "search-select": "/components/searchSelect/index",
+    "van-field": "@vant/weapp/field/index",
+    "van-button": "@vant/weapp/button/index",
+    "searchSelectWrapper": "/components/searchSelectWrapper/index",
+    "navigator": "/components/navigator"
+  },
+  "navigationStyle": "custom"
+}

pages/workBenchNew/components/recharge/index.wxml

@@ -0,0 +1,51 @@
+<!--pages/workBenchNew/components/recharge/index.wxml-->
+<navigator canBack="{{true}}" title="充值" />
+<van-cell-group>
+  <searchSelectWrapper 
+    label="园区" 
+    placeholder="请选择园区"
+    text="{{parkName}}"
+    bind:search="onParkFocus"
+  />
+
+  <searchSelectWrapper 
+    label="电表" 
+    placeholder="请选择电表"
+    text="{{meterName}}"
+    bind:search="onMeterFocus"
+  />
+  <searchSelectWrapper 
+    label="金额" 
+    placeholder="请输入金额"
+    text="{{meterName}}"
+    fieldType="number"
+    type="input"
+    bind:changeText="onChangeMoney"
+  />
+  <searchSelectWrapper 
+    label="付款方式" 
+    placeholder="请选择付款方式"
+    text="{{payName}}"
+    bind:search="onPayFocus"
+  />
+  <searchSelectWrapper 
+    label="凭证" 
+    placeholder="请输入凭证"
+    type="input"
+    bind:changeText="onChangeVoucherNo"
+  />
+</van-cell-group>
+
+<view style="margin-top: 60rpx;display: flex; justify-content: center; align-items: center;">
+  <van-button type="info" size="small" style="margin-right: 30rpx;" bind:click="handleSubmit"> 确认 </van-button>
+  <van-button size="small" bind:click="handleClear"> 清空 </van-button>
+</view>
+<search-select 
+  show="{{show}}" 
+  title="{{title}}" 
+  type="{{type}}" 
+  park="{{park}}"
+  bindconfirm="onConfirm"
+  bindcancel="onCancel"
+  wx:if="{{show}}"
+/>

pages/workBenchNew/components/recharge/index.wxss

@@ -0,0 +1 @@
+/* pages/workBenchNew/components/recharge/index.wxss */