工作台修改

2025-09-19 17:34:28 +08:00
parent 9b00bb3561
commit d4f357d624
63 changed files with 3615 additions and 15 deletions
--- a/app.json
+++ b/app.json
@@ -23,6 +23,7 @@
    "pages/encyclopedia/index",
    "pages/encyclopediaDetail/index",
    "pages/workBench/index",
+    "pages/workBenchNew/index",
    "pages/webPage/index",
    "pages/aid/finance/index",
    "pages/aid/law/index",
@@ -36,7 +37,12 @@
    "pages/meterList/index",
    "pages/workBench/components/tenement/components/createTenement/index",
    "pages/billMeterDetail/index",
-    "pages/meterBalanceRecord/index"
+    "pages/meterBalanceRecord/index",
+    "pages/workBenchNew/components/workBenchMeter/index",
+    "pages/workBenchNew/components/workBenchTenement/index",
+    "pages/workBenchNew/components/workBenchApprove/index",
+    "pages/workBenchNew/components/workBenchWxUser/index",
+    "pages/workBenchNew/components/workBenchReading/index"
  ],
  "subPackages": [
    {
--- a/pages/my/index.js
+++ b/pages/my/index.js
@@ -97,7 +97,7 @@ Page({
  },
  jumpToWorkBench() {
    wx.navigateTo({
-      url: '/pages/workBench/index',
+      url: '/pages/workBenchNew/index',
    })
  },
  jumpToIntegral() {
--- a/pages/workBenchNew/components/workBenchApprove/components/approve/index.js
+++ b/pages/workBenchNew/components/workBenchApprove/components/approve/index.js
@@ -0,0 +1,279 @@
+// pages/workBench/components/recharge/components/waitApprove/index.js
+import {
+    alertInfo,
+    alertSuccess,
+    loadingFunc
+} from "../../../../../../utils/index";
+import {
+    getRechargeApproveList,
+    rechargeApprove
+} from "../../../../../../service/recharge"
+import request from "../../../../../../utils/request"
+import dayjs from "../../../../../../utils/dayjs"
+const {
+    OK
+} = request
+
+// pages/workBench/components/record/index.js
+Component({
+
+    /**
+     * 组件的属性列表
+     */
+    properties: {
+        status: Number
+    },
+
+    /**
+     * 组件的初始数据
+     */
+    data: {
+        keyword: "",
+        keywordTemp: "",
+        page: 1,
+        currentActionSheet: null,
+        actionItems: [{
+            name: '查看详细',
+            value: 'detail'
+        }],
+    },
+
+    lifetimes: {
+        attached() {
+            loadingFunc(async () => {
+                await this.init();
+            })
+        }
+    },
+    /**
+     * 组件的方法列表
+     */
+    methods: {
+        onParkFocus(e) {
+            this.setData({
+                show: true,
+                title: "园区",
+                type: 'park'
+            })
+        },
+        onConfirm(e) {
+            const {
+                data
+            } = e.detail;
+            const that = this;
+            this.setData({
+                parkName: data.name,
+                park: data.id,
+            }, () => {
+                loadingFunc(async () => {
+                    await that.init();
+                })
+            })
+            this.onCancel();
+        },
+        onSearchKeyword(e) {
+            const that = this;
+            that.setData({
+                keyword: e.detail
+            }, () => {
+                loadingFunc(async () => {
+                    await that.init();
+                })
+            })
+        },
+        onChangeKeyword(e) {
+            this.setData({
+                keywordTemp: e.detail
+            })
+        },
+        onSearch() {
+            const that = this;
+            that.setData({
+                keyword: that.data.keywordTemp
+            }, () => {
+                loadingFunc(async () => {
+                    await that.init();
+                })
+            })
+        },
+        async init() {
+            const {
+                page,
+                keyword,
+                park,
+                status
+            } = this.data;
+            const {
+                code,
+                message,
+                data,
+                total
+            } = await getRechargeApproveList({
+                park,
+                page,
+                keyword,
+                status
+            })
+            if (code !== OK) {
+                alertInfo(message);
+                return;
+            }
+            this.setData({
+                list: data.map(item => {
+                    item.topTime = dayjs(item.topTime).format("MM-DD")
+                    return item
+                }),
+                total: total,
+                totalPage: Math.ceil(total / 20)
+            })
+        },
+        onChangeReason(e) {
+            this.setData({
+                reason: e.detail,
+            })
+        },
+        onApproveClose() {
+            this.setData({
+                reason: "",
+                approveShow: false,
+            })
+        },
+        onApproveConfirm() {
+            const {
+                reason,
+                record
+            } = this.data;
+            const that = this;
+            if (!reason) {
+                alertInfo("请输入拒绝理由")
+                return;
+            }
+            loadingFunc(async () => {
+                const {
+                    code,
+                    message
+                } = await rechargeApprove({
+                    id: record,
+                    status: 1,
+                    reason
+                })
+                if (code !== OK) {
+                    alertInfo(message)
+                    return;
+                }
+                alertSuccess("已拒绝")
+                that.init();
+                that.setData({
+                    reason: "",
+                    approveShow: false,
+                    record: "",
+                })
+            })
+
+        },
+        handleApprove(e) {
+            const status = e.currentTarget.dataset.status;
+            const that = this;
+            if (status === '1') {
+                this.setData({
+                    approveShow: true
+                })
+                return;
+            }
+            const {
+                record,
+                list
+            } = this.data;
+            const item = list.find(ele => ele.id === record)
+
+            wx.showModal({
+                title: '提示',
+                content: `您确认要同意${item?.tenement?.shortName || 当前记录}吗？`,
+                complete: async (res) => {
+                    if (res.cancel) {
+
+                    }
+                    if (res.confirm) {
+                        loadingFunc(async () => {
+                            const {
+                                code,
+                                message
+                            } = await rechargeApprove({
+                                id: record,
+                                status: 0,
+                            })
+                            if (code !== OK) {
+                                alertInfo(message)
+                                return;
+                            }
+                            alertSuccess("已同意")
+                            that.init();
+                        })
+
+                    }
+                }
+            })
+        },
+
+        showActionMenu(e) {
+            this.setData({
+                currentActionSheet: e.currentTarget.dataset.id
+            });
+        },
+
+        hideActionMenu() {
+            this.setData({
+                currentActionSheet: null
+            });
+        },
+
+        onMenuSelect(e) {
+            const {
+                value
+            } = e.detail;
+            const id = e.currentTarget.dataset.id;
+
+            if (value === 'detail') {
+                this.jumpToDetail({
+                    currentTarget: {
+                        dataset: {
+                            id
+                        }
+                    }
+                });
+            }
+        },
+
+        jumpToDetail(e) {
+            const {
+                id
+            } = e.currentTarget.dataset;
+            wx.navigateTo({
+                url: '/pages/rechargeDetail/index?id=' + id,
+            })
+        },
+        async onChangePage(e) {
+            const page = e.detail.currentIndex;
+            const that = this;
+            this.setData({
+                page
+            }, () => {
+                loadingFunc(async () => {
+                    await that.init();
+                })
+            })
+        },
+        onCancel() {
+            this.setData({
+                show: false,
+                title: "",
+                type: "",
+            })
+        },
+        onChangeSelectRecharge(e) {
+            this.setData({
+                record: e.detail
+            })
+        }
+    }
+})
--- a/pages/workBenchNew/components/workBenchApprove/components/approve/index.json
+++ b/pages/workBenchNew/components/workBenchApprove/components/approve/index.json
@@ -0,0 +1,18 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-field": "@vant/weapp/field/index",
+    "van-button": "@vant/weapp/button/index",
+    "search-select": "/components/searchSelect/index",
+    "van-empty": "@vant/weapp/empty/index",
+    "table": "/components/table/table",
+    "pagination": "/components/pagination/index",
+    "empty": "/components/empty/index",
+    "van-radio": "@vant/weapp/radio/index",
+    "van-radio-group": "@vant/weapp/radio-group/index",
+    "van-dialog": "@vant/weapp/dialog/index",
+    "searchSelectWrapper": "/components/searchSelectWrapper/index",
+    "van-icon": "@vant/weapp/icon/index",
+    "van-action-sheet": "@vant/weapp/action-sheet/index"    
+  }
+}
--- a/pages/workBenchNew/components/workBenchApprove/components/approve/index.wxml
+++ b/pages/workBenchNew/components/workBenchApprove/components/approve/index.wxml
@@ -0,0 +1,66 @@
+<!--pages/workBench/components/recharge/components/waitApprove/index.wxml-->
+<searchSelectWrapper label="园区" placeholder="请选择园区" text="{{parkName}}" bind:search="onParkFocus" />
+
+<searchSelectWrapper label="关键字" placeholder="请输入关键字" text="{{meterName}}" bind:searchKeyword="onSearchKeyword" type="inputSearch" />
+<view>
+    <view wx:if="{{list.length}}">
+        <view class="operate" wx:if="{{status === 2}}">
+            <view style="margin-top: 60rpx; margin-bottom: 60rpx;display: flex; justify-content: center; align-items: center;">
+                <van-button type="info" size="small" style="margin-right: 30rpx;" bind:click="handleApprove" data-status="0" disabled="{{!record}}"> 同意 </van-button>
+                <van-button size="small" bind:click="handleClear" disabled="{{!record}}" bind:click="handleApprove" data-status="1"> 拒绝 </van-button>
+            </view>
+        </view>
+        <view class="tableWrapper">
+            <view class="table">
+                <view class="thead">
+                    <view class="th" style="flex: 0 0 80rpx; display: {{status === 2 ? 'block' : 'none'}};"> </view>
+                    <!-- <view class="th" style="flex: 0 0 0rpx; display: {{status === 1 ? 'block' : 'none'}};"> </view> -->
+                    <view class="th" style="flex: 0 0 130rpx;"> 商户名字</view>
+                    <view class="th" style="flex: 0 0 150rpx;"> 充值金额 </view>
+                    <view class="th" style="flex: 0 0 150rpx; display: {{status === 1 ? 'block' : 'none'}};">状态</view>
+                    <view class="th"  style="flex: 0 0 150rpx;">提交时间</view>
+                    <view class="th"style="flex: 0 0 120rpx; justify-content: flex-end; display: flex; align-items: center;"> 操作 </view>
+                </view>
+                <view class="tbody">
+                    <van-radio-group value="{{ record }}" bind:change="onChangeSelectRecharge">
+                        <block wx:for="{{list}}" wx:for-index="itemIndex" wx:key="item">
+                            <view class="tr" style="display: flex; align-items: center; ">
+                                <view class="th" style="flex: 0 0 80rpx; ; display: {{status === 2 ? 'block' : 'none'}};">
+                                    <van-radio wx:if="{{status === 2}}" name="{{item.id}}"></van-radio>
+                                </view>
+                                <view class="th" style="flex: 0 0 130rpx;">
+                                    {{ item.tenement.shortName }}
+                                </view>
+                                <view class="th" style="flex: 0 0 150rpx;">
+                                    {{ item.money }}
+                                </view>
+                                <view class="th" style="flex: 0 0 150rpx; display: {{status === 1 ? 'block' : 'none'}};">
+                                    <view class="tag">{{item.orderStatus}}</view>
+                                </view>
+                                <view class="th" style="flex: 0 0 150rpx; font-size: 30rpx;">
+                                    {{item.topTime}}
+                                </view>
+                                <view class="th" style="flex: 0 0 120rpx; justify-content: flex-end; display: flex; align-items: center;">
+                                    <van-icon name="ellipsis" size="24px" bind:tap="showActionMenu" data-id="{{item.id}}" class="more-icon" />
+                                    <van-action-sheet show="{{ currentActionSheet === item.id }}" actions="{{ actionItems }}" bind:close="hideActionMenu" bind:select="onMenuSelect" data-id="{{item.id}}" close-on-click-action />
+                                </view>
+                            </view>
+
+                        </block>
+                    </van-radio-group>
+                </view>
+            </view>
+        </view>
+
+        <pagination currentIndex="{{page}}" totalPage="{{totalPage}}" bind:pagingChange="onChangePage" />
+
+    </view>
+    <empty bind:refresh="init" wx:else />
+
+</view>
+
+<search-select show="{{show}}" title="{{title}}" type="{{type}}" park="{{park}}" bindconfirm="onConfirm" bindcancel="onCancel" />
+
+<van-dialog use-slot title="审核" show="{{ approveShow }}" show-cancel-button bind:close="onApproveClose" bind:confirm="onApproveConfirm">
+    <van-field label="拒绝理由" value="{{ reason }}" placeholder="请输入拒绝理由" bind:change="onChangeReason" />
+</van-dialog>
--- a/pages/workBenchNew/components/workBenchApprove/components/approve/index.wxss
+++ b/pages/workBenchNew/components/workBenchApprove/components/approve/index.wxss
@@ -0,0 +1,70 @@
+/* pages/workBench/components/recharge/components/waitApprove/index.wxss */
+.table {
+    width: 500rpx;
+
+}
+
+.tableWrapper {
+    width: 100vw;
+    overflow-x: auto;
+}
+
+.thead {
+    
+    display: flex;
+    flex-wrap: nowrap;
+ 
+}
+
+.thead  .th {
+    padding: 10rpx;
+    white-space: nowrap;
+    text-align: center;
+    box-sizing: border-box;
+}
+
+.primaryTextBtn {
+    color: #1989fa;
+  }
+
+.tbody {
+    width: 500rpx;
+}
+
+.tbody .tr {
+    padding: 10rpx;
+    border-bottom: 1rpx solid #EEEEEE;
+    display: flex;
+    align-items: center;
+    flex-wrap: nowrap;
+}
+
+.tbody .tr {
+    word-break: break-all;
+    text-align: center;
+}
+
+.more-icon {
+    padding: 20rpx;
+    color: #1989fa;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  
+/* 基础标签样式 */
+.tag {
+    display: inline-block;
+    padding: 4px 5px;
+    margin-right: 0px;
+    border-radius: 16px;
+    background: #07c160;
+    color: white;
+    font-size: 25rpx;
+  }
+  
+  /* 激活状态样式 */
+  .tag.active {
+    background: #07c160;
+    color: white;
+  }
--- a/pages/workBenchNew/components/workBenchApprove/components/reharge/index.js
+++ b/pages/workBenchNew/components/workBenchApprove/components/reharge/index.js
@@ -0,0 +1,152 @@
+// pages/workBench/components/recharge/components/reharge/index.js
+
+import { handleRecharge } from "../../../../../../service/recharge";
+import { alertInfo, alertSuccess, loadingFunc } from "../../../../../../utils/index";
+import request from '../../../../../../utils/request'
+const { OK } = request;
+
+Component({
+
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    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)
+      })
+      
+    }
+  }
+})
--- a/pages/workBenchNew/components/workBenchApprove/components/reharge/index.json
+++ b/pages/workBenchNew/components/workBenchApprove/components/reharge/index.json
@@ -0,0 +1,10 @@
+{
+  "component": true,
+  "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"
+  }
+}
--- a/pages/workBenchNew/components/workBenchApprove/components/reharge/index.wxml
+++ b/pages/workBenchNew/components/workBenchApprove/components/reharge/index.wxml
@@ -0,0 +1,50 @@
+<!--pages/workBench/components/recharge/components/reharge/index.wxml-->
+<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}}"
+/>
--- a/pages/workBenchNew/components/workBenchApprove/components/reharge/index.wxss
+++ b/pages/workBenchNew/components/workBenchApprove/components/reharge/index.wxss
@@ -0,0 +1 @@
+/* pages/workBench/components/recharge/components/reharge/index.wxss */
--- a/pages/workBenchNew/components/workBenchApprove/index.js
+++ b/pages/workBenchNew/components/workBenchApprove/index.js
@@ -1,13 +1,19 @@
-// pages/workBench/index.js
+// pages/workBenchNew/components/workBenchApprove/index.js
 Page({

  /**
   * 页面的初始数据
   */
  data: {
-
+    active: 0,
+    segmentedList: ['待审核', '已审核', '充值'],
+  },
+  changeQueryType(e) {
+    const { type } = e.currentTarget.dataset;
+    this.setData({
+      active: type
+    })
  },
-
  /**
   * 生命周期函数--监听页面加载
   */
--- a/pages/workBenchNew/components/workBenchApprove/index.json
+++ b/pages/workBenchNew/components/workBenchApprove/index.json
@@ -0,0 +1,12 @@
+{
+  "usingComponents": {
+    "van-button": "@vant/weapp/button/index",
+    "segmented": "/components/Segmented/index",
+    "recharge": "./components/reharge/index",
+    "approve": "./components/approve/index",
+    "van-row": "@vant/weapp/row/index",
+    "van-col": "@vant/weapp/col/index",
+    "navigator": "/components/navigator/index"
+  },
+  "navigationStyle": "custom"
+}
--- a/pages/workBenchNew/components/workBenchApprove/index.wxml
+++ b/pages/workBenchNew/components/workBenchApprove/index.wxml
@@ -0,0 +1,21 @@
+<!--pages/workBench/components/recharge/index.wxml-->
+<navigator title="充值审核" canBack="{{true}}" />
+<view style="">
+  <view class="typeQuery">
+      <van-row>
+        <van-col span="8">
+          <view class="typeQueryText" style="color: {{active === 0 ? '#0958d9' : '#000'}}" bind:tap="changeQueryType" data-type="{{0}}"> 待审核 </view>
+        </van-col>
+        <van-col span="8">
+          <view class="typeQueryText" style="color: {{active === 1 ? '#0958d9' : '#000'}}" bind:tap="changeQueryType" data-type="{{1}}"> 已审核 </view>
+        </van-col>
+        <van-col span="8">
+          <view class="typeQueryText" style="color: {{active === 2 ? '#0958d9' : '#000'}}" bind:tap="changeQueryType" data-type="{{2}}"> 充值 </view>
+        </van-col>
+      </van-row>
+    </view>
+</view>
+
+<approve status="{{2}}" wx:if="{{active === 0}}" />
+<approve status="{{1}}" wx:if="{{active === 1}}" />
+<recharge wx:if="{{active === 2}}" />
--- a/pages/workBenchNew/components/workBenchApprove/index.wxss
+++ b/pages/workBenchNew/components/workBenchApprove/index.wxss
@@ -0,0 +1,27 @@
+/* pages/workBench/components/recharge/index.wxss */
+page {
+    background-color: rgb(228,240,236);
+    font-size: 32rpx;
+  }
+
+
+  .query {
+    margin: 20rpx 0rpx;
+  }
+  
+  .typeQueryText {
+    text-align: center;
+    padding: 20rpx;
+    background-color: var(--light-green);
+    font-size: 32rpx;
+  }
+  
+  .select {
+    border: 1rpx solid #ccc;
+    padding: 12rpx;
+    border-radius: 12rpx;
+    flex: 1;
+    display: flex;
+    justify-content: space-between;
+    font-size: 30rpx;
+  }
--- a/pages/workBenchNew/components/workBenchMeter/index.js
+++ b/pages/workBenchNew/components/workBenchMeter/index.js
@@ -0,0 +1,218 @@
+// pages/workBenchNew/components/workBenchMeter/index.js
+
+import { alertInfo, alertSuccess, loadingFunc } from "../../../../utils/index";
+import { getParkMeterList, handleOperateMeterSwitch } from "../../../../service/meter"
+import request from "../../../../utils/request"
+const { OK } = request
+
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    keyword: "",
+    keywordTemp: "",
+    page: 1,
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+  onParkFocus(e) {
+    this.setData({
+      show: true,
+      title: "园区",
+      type: 'park'
+    })
+  },
+  onMeterFocus(e) {
+    const { park } = this.data;
+    if (!park) {
+      alertInfo("请先选择园区")
+      return;
+    }
+    this.setData({
+      show: true,
+      title: "电表",
+      type: 'meter'
+    })
+  },
+  onConfirm(e) {
+    const { data, type } = e.detail;
+    const that = this;
+    switch(type) {
+      case "park":
+        this.setData({
+          parkName: data.name,
+          park: data.id,
+        })
+        break;
+      case "meter":
+        this.setData({
+          meterName: data.address,
+          meter: data.id,
+        }, () => {
+          loadingFunc(async () => {
+            await that.init();
+          })
+        })
+        break;
+    }
+    
+    this.onCancel();
+  },
+  onChangeKeyword(e) {
+    this.setData({ keywordTemp: e.detail })
+  },
+  onSearch() {
+    const that = this;
+    that.setData({
+      keyword: that.data.keywordTemp
+    }, () => {
+      loadingFunc(async () => {
+        await that.init();
+      })
+    })
+  },
+  async init() {
+    const { page, park, meter } = this.data;
+    if (!park) {
+      return;
+    }
+    const { code, message, data, total } = await getParkMeterList({ park, keyword: meter, page })
+    if (code !== OK) {
+      alertInfo(message);
+      return;
+    }
+    this.setData({
+      list: data,
+      total: total,
+      totalPage: Math.ceil(total / 20)
+    })
+  },
+  async onChangePage(e) {
+    const page = e.detail.currentIndex;
+    const that = this;
+    this.setData({
+      page
+    }, () => {
+      loadingFunc(async () => {
+        await that.init();
+      })
+    })
+  },
+  onCancel() {
+    this.setData({
+      show: false,
+      title: "",
+      type: "",
+    })
+  },
+  onChangeSelectMeter(e) {
+    this.setData({
+      meter: e.detail
+    })
+  },
+  async handleMeterSwitchOn() {
+    const that = this;
+    const { meter, meterName } = this.data;
+    wx.showModal({
+      title: '提示',
+      content: `您确认要对${meterName || 当前电表}进行合闸吗？`,
+      complete: async (res) => {
+        if (res.cancel) {
+          
+        }
+    
+        if (res.confirm) {
+          loadingFunc(async () => {
+            const { code, message } = await handleOperateMeterSwitch({ ids: [meter], status: 0 })
+            if (code !== OK) {
+              alertInfo(message)
+              return;
+            }
+            alertSuccess("合闸成功")
+            that.init();
+          })
+          
+        }
+      }
+    })
+  },
+  async handleMeterSwitchOff() {
+    const that = this;
+    const { meter, meterName } = this.data;
+    wx.showModal({
+      title: '提示',
+      content: `您确认要对${meterName || 当前电表}进行拉闸吗？`,
+      complete: async (res) => {
+        if (res.cancel) {
+          return;
+        }
+        if (res.confirm) {
+          loadingFunc(async () => {
+            const { code, message } = await handleOperateMeterSwitch({ ids: [meter], status: 1 })
+            if (code !== OK) {
+              alertInfo(message)
+              return;
+            }
+            alertSuccess("拉闸成功")
+            that.init();
+          })
+        }
+      }
+    })
+  },
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})
--- a/pages/workBenchNew/components/workBenchMeter/index.json
+++ b/pages/workBenchNew/components/workBenchMeter/index.json
@@ -0,0 +1,19 @@
+{
+  "usingComponents": {
+    "van-field": "@vant/weapp/field/index",
+    "van-button": "@vant/weapp/button/index",
+    "search-select": "/components/searchSelect/index",
+    "van-empty": "@vant/weapp/empty/index",
+    "table": "/components/table/table",
+    "pagination": "/components/pagination/index",
+    "empty": "/components/empty/index",
+    "van-radio": "@vant/weapp/radio/index",
+    "van-radio-group": "@vant/weapp/radio-group/index",
+    "van-tag": "@vant/weapp/tag/index",
+    "van-row": "@vant/weapp/row/index",
+    "van-col": "@vant/weapp/col/index",
+    "navigator": "/components/navigator/index",
+    "searchSelectWrapper": "/components/searchSelectWrapper/index"
+  },
+  "navigationStyle": "custom"
+}
--- a/pages/workBenchNew/components/workBenchMeter/index.wxml
+++ b/pages/workBenchNew/components/workBenchMeter/index.wxml
@@ -0,0 +1,102 @@
+<!--pages/workBench/components/record/index.wxml-->
+<navigator title="电表信息" canBack="{{true}}" />
+<searchSelectWrapper 
+    label="园区" 
+    placeholder="请选择园区"
+    text="{{parkName}}"
+    bind:search="onParkFocus"
+/>
+
+<searchSelectWrapper 
+    label="电表" 
+    placeholder="请选择电表"
+    text="{{meterName}}"
+    bind:search="onMeterFocus"
+/>
+<van-empty wx:if="{{!meter}}" description="选择电表后查看" />
+<view wx:else>
+    <view wx:if="{{list.length}}">
+        <view class="operate">
+            <view style="margin-top: 24rpx; margin-bottom: 24rpx;display: flex; justify-content: center; align-items: center;">
+                <van-button 
+                    type="info" 
+                    size="small" 
+                    style="margin-right: 30rpx;" 
+                    bind:click="handleMeterSwitchOn"
+                    disabled="{{!meter}}"
+                > 合闸 </van-button>
+                <van-button size="small" bind:click="handleClear"  disabled="{{!meter}}" bind:click="handleMeterSwitchOff"> 拉闸 </van-button>
+            </view>
+        </view> 
+        <view class="customTable" wx:for="{{list}}" wx:key="id">
+            <view class="customTableTile">
+                <van-row>
+                    <van-col span="8">
+                        <view style="text-align: center;"> {{item.tenement.shortName}} </view>
+                    </van-col>
+                    <van-col span="16"><view style="margin-left: 16rpx;">{{item.tenement.name}}</view> </van-col>
+                </van-row>
+            </view>
+            <view class="customTableContent">
+                <van-row >
+                    <van-col span="24">
+                        <view class="tableRow">
+                            <van-row gutter="5">
+                                <van-col span="8" wx:if="{{item.type === 0}}">
+                                    <view style="text-align: center;border-right: 1rpx solid #ccc;"> 商户电表 </view></van-col>
+                                <van-col span="8" wx:elif="{{item.type === 2}}">
+                                    <view style="text-align: center;border-right: 1rpx solid #ccc;"> 公摊电表 </view></van-col>
+                                <van-col span="8" wx:else>
+                                    <view style="text-align: center;border-right: 1rpx solid #ccc;"> 园区电表 </view></van-col>
+                                <van-col span="16">表号：{{item.meterNo}}</van-col>
+                            </van-row>
+                        </view>
+                    </van-col>
+                    <van-col span="24">
+                        <view class="tableRow">
+                            <van-row gutter="5">
+                                <van-col span="8">
+                                    <view style="text-align: center;border-right: 1rpx solid #ccc;"> {{item.address}} </view>
+                                </van-col>
+                                <van-col span="16">SN：{{item.meterSn}}</van-col>
+                            </van-row>
+                        </view>
+                    </van-col>
+                    <van-col span="24">
+                        <view class="tableRow">
+                            <van-row gutter="5">
+                                <van-col span="8">
+                                    <view style="text-align: center;border-right: 1rpx solid #ccc;"> 表字：{{item.amount}} </view>
+                                </van-col>
+                                <van-col span="16">余额：{{item.money}}</van-col>
+                            </van-row>
+                        </view>
+                    </van-col>
+                    <van-col span="24">
+                        <view class="tableRow">
+                            <van-row gutter="5">
+                                <van-col span="8" wx:if="{{item.onPosition === 0}}">
+                                    <view style="text-align: center;border-right: 1rpx solid #ccc;">合闸</view> </van-col>
+                                <van-col span="8" wx:else><view style="text-align: center;border-right: 1rpx solid #ccc;">拉闸</view> </van-col>
+                                <van-col span="8" wx:if="{{item.canConnect}}"><view style="text-align: center;">在线</view> </van-col>
+                                <van-col span="8" wx:else><view style="text-align: center;">失联</view> </van-col>
+                            </van-row>
+                        </view>
+                    </van-col>
+                </van-row>
+            </view>
+        </view>
+    </view>
+    <empty bind:refresh="init" wx:else />
+    
+</view>
+
+<search-select 
+    show="{{show}}" 
+    title="{{title}}" 
+    type="{{type}}" 
+    park="{{park}}"
+    bindconfirm="onConfirm"
+    bindcancel="onCancel"
+    wx:if="{{show}}"
+/>
--- a/pages/workBenchNew/components/workBenchMeter/index.wxss
+++ b/pages/workBenchNew/components/workBenchMeter/index.wxss
@@ -0,0 +1,63 @@
+/* pages/workBench/components/record/index.wxss */
+.table {
+    width: 890rpx;
+    
+}
+
+.classWrapper {
+    width: 100vw;
+    overflow-x: auto;
+}
+
+.thead {
+    display: flex;
+    flex-wrap: nowrap;
+    border-bottom: 1rpx solid #EEEEEE;
+}
+
+.thead  .th {
+    padding: 20rpx;
+    white-space: nowrap;
+    text-align: center;
+    box-sizing: border-box;
+
+}
+
+.tbody {
+    width: 890rpx;
+}
+
+.tbody .tr {
+    padding: 20rpx;
+    border-bottom: 1rpx solid #EEEEEE;
+    display: flex;
+    align-items: center;
+    flex-wrap: nowrap;
+}
+
+.tbody .th {
+    word-break: break-all;
+    text-align: center;
+}
+
+.customTable {
+    margin: 20rpx;
+}
+
+.customTableTile {
+    background-color: var(--light-green);
+    padding: 16rpx;
+    box-sizing: border-box;
+    font-weight: 700;
+}
+
+.tableRow {
+    padding: 16rpx;
+    border: 1rpx solid #ccc;
+    border-top: 0rpx;
+}
+
+page {
+    background-color: rgb(228,240,236);
+    font-size: 32rpx;
+  }
--- a/pages/workBenchNew/components/workBenchReading/index.js
+++ b/pages/workBenchNew/components/workBenchReading/index.js
@@ -0,0 +1,144 @@
+// pages/workBenchNew/components/workBenchReading/index.js
+import { getMeterReadingRouteList, changeMeterRouteStatus } from "../../../../service/workBench"
+import { alertError, alertSuccess, loadingFunc } from "../../../../utils/index"
+import request from "../../../../utils/request"
+const { OK } = request
+
+
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    park: "",
+    parkName: "",
+  },
+  onParkFocus(e) {
+    this.setData({
+      show: true,
+      title: "园区",
+      type: 'park'
+    })
+  },
+  async init() {
+    const { parkName, park } = this.data;
+    const { code, message, data } = await getMeterReadingRouteList(parkName)
+    if (code !== OK) {
+      alertError(message)
+      return
+    }
+    this.setData({
+      list: data
+    })
+  },
+  onConfirm(e) {
+    const { data } = e.detail;
+    const that = this;
+    this.setData({
+      parkName: data.name,
+      park: data.id,
+    }, () => {
+      loadingFunc(async () => {
+        await that.init();
+      })
+    })
+    this.onConcal();
+  },
+  onConcal() {
+    this.setData({
+      show: false,
+      title: "",
+      type: "",
+    })
+  },
+  jumpToReading(e) {
+    const { id } = e.currentTarget.dataset;
+    wx.navigateTo({
+      url: `/pages/writeReading/index?id=${id}`,
+    })
+  },
+  async changeStartStatus(e) {
+    const that = this;
+    const { id } = e.currentTarget.dataset;
+    const { code, message } = await changeMeterRouteStatus({ id, status: 1 })
+    if (code !== OK) {
+      alertError(message)
+      return
+    }
+    alertSuccess("操作成功")
+    this.init()
+    setTimeout(() => {
+      that.jumpToReading({ currentTarget: { dataset: { id } } })
+    }, 500)
+  },
+  async changeEndStatus(e) {
+    const { id } = e.currentTarget.dataset;
+    const { code, message } = await changeMeterRouteStatus({ id, status: 0 })
+    if (code !== OK) {
+      alertError(message)
+      return
+    }
+    alertSuccess("操作成功")
+    this.init()
+  },
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+    const { parkName } = this.data;
+    if (!parkName) {
+      return
+    }
+    this.init()
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})
--- a/pages/workBenchNew/components/workBenchReading/index.json
+++ b/pages/workBenchNew/components/workBenchReading/index.json
@@ -0,0 +1,17 @@
+{
+  "usingComponents": {
+    "van-field": "@vant/weapp/field/index",
+    "van-button": "@vant/weapp/button/index",
+    "search-select": "/components/searchSelect/index",
+    "van-empty": "@vant/weapp/empty/index",
+    "table": "/components/table/table",
+    "pagination": "/components/pagination/index",
+    "empty": "/components/empty/index",
+    "van-radio": "@vant/weapp/radio/index",
+    "van-radio-group": "@vant/weapp/radio-group/index",
+    "van-dialog": "@vant/weapp/dialog/index",
+    "van-cell": "@vant/weapp/cell/index",
+    "navigator": "/components/navigator/index"
+  },
+  "navigationStyle": "custom"
+}
--- a/pages/workBenchNew/components/workBenchReading/index.wxml
+++ b/pages/workBenchNew/components/workBenchReading/index.wxml
@@ -0,0 +1,65 @@
+<!--pages/workBench/components/reading/index.wxml-->
+<navigator title="抄表记录录入" canBack="{{true}}" />
+<van-field
+    value="{{ parkName }}"
+    placeholder="请选择园区"
+    label="园区"
+    readonly
+    border="{{ false }}"
+    use-button-slot
+    title-width="100rpx"
+>
+    <van-button slot="button" size="small" type="primary" bind:click="onParkFocus">
+      选择
+    </van-button>
+</van-field>
+
+<search-select 
+    show="{{show}}" 
+    title="{{title}}" 
+    type="{{type}}" 
+    park="{{park}}"
+    bindconfirm="onConfirm"
+    bindcancel="onConcal"
+/>
+
+<van-empty description="请先选择园区" wx:if="{{!park}}" />
+
+<view wx:else>
+    <view wx:if="{{list.length}}">
+        <van-cell 
+            wx:for="{{list}}"
+            wx:key="id"
+            title="{{item.readingRouteName}}" 
+            label="包含{{item.meterRoute}}个抄表点"    
+        >
+            <view slot="right-icon">
+                <van-button 
+                    type="primary" 
+                    size="small" 
+                    type="primary" 
+                    bind:tap="changeStartStatus"
+                    custom-style="margin-right: 20rpx;"
+                    data-id="{{item.id}}"
+                    wx:if="{{item.status === 0}}"
+                > 开始抄表 </van-button>
+                <van-button 
+                    type="primary" 
+                    size="small" 
+                    bind:tap="jumpToReading"
+                    data-id="{{item.id}}"
+                    custom-style="margin-right: 20rpx;"
+                    wx:if="{{item.status === 1}}"
+                > 去抄表 </van-button>
+                <van-button 
+                    size="small" 
+                    type="danger" 
+                    bind:tap="changeEndStatus"
+                    data-id="{{item.id}}"
+                    wx:if="{{item.status === 1}}"
+                > 结束抄表 </van-button>
+            </view>
+        </van-cell>
+    </view>
+    <empty wx:else bind:refresh="init" />
+</view>
--- a/pages/workBenchNew/components/workBenchReading/index.wxss
+++ b/pages/workBenchNew/components/workBenchReading/index.wxss
@@ -0,0 +1 @@
+/* pages/workBenchNew/components/workBenchReading/index.wxss */
--- a/pages/workBenchNew/components/workBenchTenement/components/bindMeter/index.js
+++ b/pages/workBenchNew/components/workBenchTenement/components/bindMeter/index.js
@@ -0,0 +1,122 @@
+// pages/workBench/components/tenement/components/bindMeter/index.js
+// 0015980101
+import { bindMeter, } from "../../../../../../service/tenement"
+import { getWorkMeterDetail } from "../../../../../../service/meter"
+import { alertInfo, alertSuccess } from "../../../../../../utils/index";
+import request from "../../../../../../utils/request"
+import dayjs from "../../../../../../utils/dayjs"
+const { OK } = request
+Component({
+
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    tenement: String,
+    tenementName: String,
+    park: String,
+    visible: Boolean,
+    meterId: String,
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    dateTimeShow: false,
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    onMeterFocus(e) {
+      const { park } = this.data;
+      if (!park) {
+        alertInfo("请先选择园区")
+        return;
+      }
+      this.setData({
+        show: true,
+        title: "电表",
+        type: 'meter'
+      })
+    },
+    onCancel() {
+      this.setData({
+        show: false,
+        title: "",
+        type: "",
+      })
+      // this.triggerEvent("close")
+    },
+    onClose() {
+      this.setData({
+        show: false,
+        title: "",
+        type: "",
+      })
+    },
+    onChange(e) {
+      const { name } = e.currentTarget.dataset;
+      this.setData({
+        [name]: e.detail
+      })
+    },
+    async onSubmit() {
+      const { overall, critical, peak, valley, park, tenement, meter, readAt } = this.data;
+      const { code, message } = await bindMeter(
+        park, 
+        tenement, 
+        { 
+          code: meter,  
+          overall:overall? Number(overall) : overall, 
+          critical : critical ? Number(critical) : critical, 
+          peak: peak ? Number(peak) : peak, 
+          valley : valley ? Number(valley) : valley, 
+          readAt: readAt || dayjs().format('YYYY-MM-DD HH:mm:ss') 
+        }
+        )
+      if (code !== OK) {
+        alertInfo(message)
+        return;
+      }
+      alertSuccess("绑定成功")
+      this.triggerEvent("ok")
+    },
+    onConfirm(e) {
+      const { type, data } = e.detail;
+      const that = this;
+      switch(type) {
+        case "meter":
+          this.setData({
+            meter: data.id,
+            meterName: data.address,
+            show: false,
+          })
+          this.getMeterDetail(data.id);
+          break;
+      }
+    },
+    async getMeterDetail(id) {
+      const { code, message, data } = await getWorkMeterDetail(id)
+      if (code !== OK) {
+        alertInfo(message)
+        return;
+      }
+      this.setData({
+        overall: Number(data?.overall || 0),
+        status: data?.breakType ? '合闸' : "分闸"
+      })
+    },
+    dateTimeConfirm(e) {
+      this.setData({ readAt: e.detail.time, dateTimeShow: false })
+    },
+    dateTimeCancal(e) {
+      this.setData({ dateTimeShow: false })
+    },
+    onTimeFocus() {
+      this.setData({ dateTimeShow: true })
+    }
+  }
+})
--- a/pages/workBenchNew/components/workBenchTenement/components/bindMeter/index.json
+++ b/pages/workBenchNew/components/workBenchTenement/components/bindMeter/index.json
@@ -0,0 +1,10 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-dialog": "@vant/weapp/dialog/index",
+    "search-select": "/components/searchSelect/index",
+    "van-field": "@vant/weapp/field/index",
+    "van-button": "@vant/weapp/button/index",
+    "date-time-picker": "/components/DateTimePicker/index"
+  }
+}
--- a/pages/workBenchNew/components/workBenchTenement/components/bindMeter/index.wxml
+++ b/pages/workBenchNew/components/workBenchTenement/components/bindMeter/index.wxml
@@ -0,0 +1,121 @@
+<!--pages/workBench/components/tenement/components/bindMeter/index.wxml-->
+<van-dialog
+  use-slot
+  title="绑定表计"
+  show="{{ visible }}"
+  show-cancel-button
+  bind:confirm="onSubmit"
+  bind:close="onClose"
+>
+  <view class="modalContentWrapper">
+    <van-field
+        value="{{tenementName}}"
+        label="商户名称"
+        readonly
+        type="textarea"
+        autosize="{{true}}"
+        title-width="132rpx"
+        border="{{false}}"
+    />
+    <van-field
+        value="{{ meterName }}"
+        placeholder="请选择电表"
+        label="电表"
+        readonly
+        border="{{ false }}"
+        use-button-slot
+        title-width="100rpx"
+    >
+        <van-button slot="button" size="small" type="info" bind:click="onMeterFocus">
+        选择
+        </van-button>
+    </van-field>
+    <van-field
+        value="{{ status }}"
+        label="状态"
+        title-width="132rpx"
+        border="{{false}}"
+        readonly
+        type="digit"
+    />
+    <van-field
+        value="{{ readAt }}"
+        placeholder="请选择绑定时间"
+        label="时间"
+        readonly
+        border="{{ false }}"
+        use-button-slot
+        title-width="100rpx"
+    >
+        <van-button slot="button" size="small" type="info" bind:click="onTimeFocus">
+        选择
+        </van-button>
+    </van-field>
+    <van-field
+        value="{{ overall }}"
+        label="表字"
+        title-width="132rpx"
+        border="{{false}}"
+        bind:change="onChange"
+        data-name="overall"
+        placeholder="请输入表字"
+        type="digit"
+    />
+    <van-field
+        value="{{ critical }}"
+        label="尖"
+        title-width="132rpx"
+        border="{{false}}"
+        bind:change="onChange"
+        data-name="critical"
+        placeholder="请输入有功（尖）"
+        type="digit"
+    />
+    <van-field
+        value="{{ peak }}"
+        label="峰"
+        title-width="132rpx"
+        border="{{false}}"
+        bind:change="onChange"
+        data-name="peak"
+        placeholder="请输入有功（峰）"
+        type="digit"
+    />
+    <van-field
+        value="{{ overall }}"
+        label="平"
+        title-width="132rpx"
+        border="{{false}}"
+        bind:change="onChange"
+        data-name="overall"
+        placeholder="请输入有功（平）"
+        type="digit"
+    />
+    <van-field
+        value="{{ valley }}"
+        label="谷"
+        title-width="132rpx"
+        border="{{false}}"
+        bind:change="onChange"
+        data-name="valley"
+        type="digit"
+        placeholder="请输入有功（谷）"
+    />
+</view>
+ 
+</van-dialog>
+
+<search-select 
+    show="{{show}}" 
+    title="{{title}}" 
+    type="{{type}}" 
+    park="{{park}}"
+    bindconfirm="onConfirm"
+    bindcancel="onCancel"
+/>
+
+<date-time-picker 
+    show="{{dateTimeShow}}"
+    bind:confirm="dateTimeConfirm"
+    bind:cancel="dateTimeCancal"
+/>
--- a/pages/workBenchNew/components/workBenchTenement/components/bindMeter/index.wxss
+++ b/pages/workBenchNew/components/workBenchTenement/components/bindMeter/index.wxss
@@ -0,0 +1 @@
+/* pages/workBench/components/tenement/components/bindMeter/index.wxss */
--- a/pages/workBenchNew/components/workBenchTenement/components/createTenement/index.js
+++ b/pages/workBenchNew/components/workBenchTenement/components/createTenement/index.js
@@ -0,0 +1,103 @@
+// pages/workBench/components/tenement/components/createTenement/index.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+    this.setData(options)
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+  onBuildingFocus() {
+    const { park } = this.data;
+    if (!park) {
+      alertInfo("请先选择园区")
+      return;
+    }
+    this.setData({
+      show: true,
+      title: "建筑",
+      type: 'building'
+    })
+  },
+  onFeeTypeFocus() {
+    const { park } = this.data;
+    if (!park) {
+      alertInfo("请先选择园区")
+      return;
+    }
+    this.setData({
+      show: true,
+      title: "建筑",
+      type: 'building'
+    })
+  },
+  beforeBack() {
+    let pages = getCurrentPages(); // 获取当前页面栈
+    let prevPage = pages[pages.length - 2]; // 获取上一页
+    const { tenement = '', tenementName = '', park = '', parkName = '' } = this.data;
+    // 修改上一页的数据
+    prevPage.setData({
+      needBackShow: true,
+      tenement,
+      tenementName,
+      park,
+      parkName
+    });
+  
+  },
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})
--- a/pages/workBenchNew/components/workBenchTenement/components/createTenement/index.json
+++ b/pages/workBenchNew/components/workBenchTenement/components/createTenement/index.json
@@ -0,0 +1,8 @@
+{
+  "usingComponents": {
+    "search-select": "/components/searchSelect/index",
+    "van-field": "@vant/weapp/field/index",
+    "van-button": "@vant/weapp/button/index",
+    "navigator": "/components/navigator/index"
+  }
+}
--- a/pages/workBenchNew/components/workBenchTenement/components/createTenement/index.wxml
+++ b/pages/workBenchNew/components/workBenchTenement/components/createTenement/index.wxml
@@ -0,0 +1,74 @@
+<!--pages/workBench/components/tenement/components/createTenement/index.wxml-->
+<navigator title="开户" canBack="{{true}}" beforeBack="beforeBack" />
+<view class="modalContentWrapper">
+    <van-field
+        value=""
+        label="商户全称"
+        type="textarea"
+        autosize="{{true}}"
+        title-width="132rpx"
+        required
+    />
+    <van-field
+        value=""
+        label="商户简称"
+        type="textarea"
+        autosize="{{true}}"
+        title-width="132rpx"
+    />
+    <van-field
+        value=""
+        label="联系地址"
+        type="textarea"
+        autosize="{{true}}"
+        title-width="132rpx"
+        required
+    />
+    <van-field
+        value=""
+        label="联系人"
+        type="textarea"
+        autosize="{{true}}"
+        title-width="132rpx"
+        required
+    />
+    <van-field
+        value=""
+        label="联系电话"
+        type="textarea"
+        autosize="{{true}}"
+        title-width="132rpx"
+        required
+    />
+    <van-field
+        value="{{ meterName }}"
+        placeholder="请选择建筑"
+        label="建筑"
+        use-button-slot
+        title-width="120rpx"
+    >
+        <van-button slot="button" size="small" type="info" bind:click="onBuildingFocus">
+            选择
+        </van-button>
+    </van-field>
+    <van-field
+        value="{{ meterName }}"
+        placeholder="请选择收费类型"
+        label="收费类型"
+        use-button-slot
+        title-width="120rpx"
+    >
+        <van-button slot="button" size="small" type="info" bind:click="onFeeTypeFocus">
+            选择
+        </van-button>
+    </van-field>
+</view>
+
+<search-select 
+    show="{{show}}" 
+    title="{{title}}" 
+    type="{{type}}" 
+    park="{{park}}"
+    bindconfirm="onConfirm"
+    bindcancel="onCancel"
+/>
--- a/pages/workBenchNew/components/workBenchTenement/components/createTenement/index.wxss
+++ b/pages/workBenchNew/components/workBenchTenement/components/createTenement/index.wxss
@@ -0,0 +1 @@
+/* pages/workBench/components/tenement/components/createTenement/index.wxss */
--- a/pages/workBenchNew/components/workBenchTenement/components/kaihu/index.js
+++ b/pages/workBenchNew/components/workBenchTenement/components/kaihu/index.js
@@ -0,0 +1,124 @@
+// pages/workBench/components/tenement/components/kaihu/index.js
+import { alertInfo, alertSuccess } from "../../../../../../utils/index"
+import { createBackTenement, updateTenementBackInfo } from "../../../../../../service/tenement"
+import request from "../../../../../../utils/request"
+import { payWays, feeType as feeTypeList } from "../../../../../../utils/data";
+const { OK } = request;
+Component({
+
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    park: String,
+    visible: Boolean,
+    defaultValue: Object,
+    editType: String,
+    title: String,
+  },
+  observers: {
+    'defaultValue': function(defaultValue) {
+      const { fullName, shortName, phone, id, feeType, address, building, buildingName, contact,} = defaultValue;
+      this.setData({
+        name: fullName,
+        shortName,
+        phone, id, feeType, address, building, buildingName, contact,
+        feeTypeName: feeTypeList[feeType]
+      })
+    }
+  },
+  /**
+   * 组件的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    onBuildingFocus() {
+      const { park } = this.data;
+      if (!park) {
+        alertInfo("请先选择园区")
+        return;
+      }
+      this.setData({
+        show: true,
+        title: "建筑",
+        type: 'building'
+      })
+    },
+    onFeeTypeFocus() {
+      const { park } = this.data;
+      if (!park) {
+        alertInfo("请先选择园区")
+        return;
+      }
+      this.setData({
+        show: true,
+        title: "收费类型",
+        type: 'feeType'
+      })
+    },
+    onConfirm(e) {
+      const { type, data, way } = e.detail;
+      switch(type) {
+        case "building":
+          this.setData({
+            building: data.id,
+            buildingName: data.name,
+            show: false,
+          })
+          return;
+        case "feeType":
+          this.setData({
+            feeTypeName: data,
+            feeType: way,
+            show: false,
+          })
+      }
+    },
+
+    onCancel() {
+      this.setData({ show: false })
+    },
+    onClose() {
+      this.triggerEvent("close")
+    },
+    onChange(e) {
+      const { name } = e.currentTarget.dataset;
+      this.setData({
+        [name]: e.detail
+      })
+    },
+    clear() {
+      this.setData({
+        name: "", shortName: "", address: "", contact: "", phone: "", 
+        building: "", feeType: "", buildingName: "", feeTypeName: "", id,
+      })
+    },
+    async onSubmit() {
+      const { name, shortName, address, contact, phone, building, feeType, park, editType, id } = this.data;
+      if (editType === "add") {
+        const { code, message } = await createBackTenement(park, { name, shortName, address, contact, phone, building, feeType })
+        if (code !== OK) {
+          alertInfo(message)
+          return
+        }
+        alertSuccess("开户成功")
+        this.triggerEvent("ok")
+        return;
+      }
+      const { code, message } = await updateTenementBackInfo(park, id,  { name, shortName, address, contact, phone, building, feeType })
+      if (code !== OK) {
+        alertInfo(message)
+        return;
+      }
+      alertSuccess("编辑成功")
+      this.triggerEvent("ok")
+    }
+  },
+  
+})
--- a/pages/workBenchNew/components/workBenchTenement/components/kaihu/index.json
+++ b/pages/workBenchNew/components/workBenchTenement/components/kaihu/index.json
@@ -0,0 +1,10 @@
+{
+  "component": true,
+  "usingComponents": {
+    "search-select": "/components/searchSelect/index",
+    "van-field": "@vant/weapp/field/index",
+    "van-button": "@vant/weapp/button/index",
+    "navigator": "/components/navigator/index",
+    "van-dialog": "@vant/weapp/dialog/index"
+  }
+}
--- a/pages/workBenchNew/components/workBenchTenement/components/kaihu/index.wxml
+++ b/pages/workBenchNew/components/workBenchTenement/components/kaihu/index.wxml
@@ -0,0 +1,100 @@
+<!--pages/workBench/components/tenement/components/kaihu/index.wxml-->
+<van-dialog
+  use-slot
+  title="{{title}}"
+  show="{{ visible }}"
+  show-cancel-button
+  bind:close="onClose"
+  bind:confirm="onSubmit"
+>
+    <view class="modalContentWrapper">
+        <van-field
+            value="{{name}}"
+            data-name="name"
+            bind:change="onChange"
+            label="商户全称"
+            type="textarea"
+            placeholder="请输入商户全称"
+            autosize="{{true}}"
+            title-width="132rpx"
+            required
+        />
+        <van-field
+            value="{{shortName}}"
+            data-name="shortName"
+            bind:change="onChange"
+            label="商户简称"
+            placeholder="请输入商户简称"
+            type="textarea"
+            autosize="{{true}}"
+            title-width="132rpx"
+        />
+        <van-field
+            value="{{address}}"
+            data-name="address"
+            bind:change="onChange"
+            label="联系地址"
+            placeholder="请输入联系地址"
+            type="textarea"
+            autosize="{{true}}"
+            title-width="132rpx"
+            required
+        />
+        <van-field
+            value="{{contact}}"
+            data-name="contact"
+            bind:change="onChange"
+            label="联系人"
+            placeholder="请输入联系人"
+            type="textarea"
+            autosize="{{true}}"
+            title-width="132rpx"
+            required
+        />
+        <van-field
+            value="{{phone}}"
+            data-name="phone"
+            bind:change="onChange"
+            label="联系电话"
+            placeholder="请输入联系电话"
+            type="textarea"
+            autosize="{{true}}"
+            title-width="132rpx"
+            required
+        />
+        <van-field
+            value="{{ buildingName }}"
+            placeholder="请选择建筑"
+            label="建筑"
+            use-button-slot
+            readonly
+            title-width="120rpx"
+            required
+        >
+            <van-button slot="button" size="small" type="info" bind:click="onBuildingFocus">
+                选择
+            </van-button>
+        </van-field>
+        <van-field
+            value="{{ feeTypeName }}"
+            placeholder="请选择收费类型"
+            label="收费类型"
+            readonly
+            use-button-slot
+            title-width="120rpx"
+        >
+            <van-button slot="button" size="small" type="info" bind:click="onFeeTypeFocus">
+                选择
+            </van-button>
+        </van-field>
+    </view>
+</van-dialog>
+
+<search-select 
+    show="{{show}}" 
+    title="{{title}}" 
+    type="{{type}}" 
+    park="{{park}}"
+    bindconfirm="onConfirm"
+    bindcancel="onCancel"
+/>
--- a/pages/workBenchNew/components/workBenchTenement/components/kaihu/index.wxss
+++ b/pages/workBenchNew/components/workBenchTenement/components/kaihu/index.wxss
@@ -0,0 +1 @@
+/* pages/workBench/components/tenement/components/kaihu/index.wxss */
--- a/pages/workBenchNew/components/workBenchTenement/components/unBindMeter/index.js
+++ b/pages/workBenchNew/components/workBenchTenement/components/unBindMeter/index.js
@@ -0,0 +1,101 @@
+// pages/workBench/components/tenement/components/bindMeter/index.js
+
+import { unbindMeter, } from "../../../../../../service/tenement"
+import request from "../../../../../../utils/request"
+import { alertInfo, alertSuccess } from "../../../../../../utils/index";
+const { OK } = request
+import { getWorkMeterDetail } from "../../../../../../service/meter"
+import dayjs from "../../../../../../utils/dayjs"
+
+Component({
+
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    tenement: String,
+    park: String,
+    tenementName: String,
+    meterId: String,
+    meterAddress: String,
+    visible:Boolean,
+  },
+  observers: {
+    "meterId": function(newValue) {
+      this.getMeterDetail(newValue)
+    }
+  },
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    dateTimeShow: false
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    onMeterFocus(e) {
+      const { park } = this.data;
+      if (!park) {
+        alertInfo("请先选择园区")
+        return;
+      }
+      this.setData({
+        show: true,
+        title: "电表",
+        type: 'meter'
+      })
+    },
+    async getMeterDetail(id) {
+      const { code, message, data } = await getWorkMeterDetail(id)
+      if (code !== OK) {
+        alertInfo(message)
+        return;
+      }
+      this.setData({
+        overall: Number(data?.overall || 0),
+        status: data?.breakType ? '合闸' : "分闸"
+      })
+    },
+    onClose() {
+      this.triggerEvent("close")
+    },
+    onChange(e) {
+      const { name } = e.currentTarget.dataset;
+      this.setData({
+        [name]: e.detail
+      })
+    },
+    async onSubmit() {
+      const { overall, critical, peak, valley, park, tenement, meterId,readAt } = this.data;
+      const { code, message, } = await unbindMeter(
+        park, 
+        tenement, 
+        meterId, 
+        { 
+          overall:overall? Number(overall) : overall, 
+          critical : critical ? Number(critical) : critical, 
+          peak: peak ? Number(peak) : peak, 
+          valley : valley ? Number(valley) : valley, 
+          readAt: readAt || dayjs().format('YYYY-MM-DD HH:mm:ss') 
+        });
+      if (code !== OK) {
+        alertInfo(message)
+        return
+      }
+      alertSuccess("解绑成功")
+      this.triggerEvent("ok")
+    },
+    dateTimeConfirm(e) {
+      this.setData({ readAt: e.detail.time, dateTimeShow: false })
+    },
+    dateTimeCancal(e) {
+      this.setData({ dateTimeShow: false })
+    },
+    onTimeFocus() {
+      this.setData({ dateTimeShow: true })
+    }
+  }
+})
--- a/pages/workBenchNew/components/workBenchTenement/components/unBindMeter/index.json
+++ b/pages/workBenchNew/components/workBenchTenement/components/unBindMeter/index.json
@@ -0,0 +1,10 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-dialog": "@vant/weapp/dialog/index",
+    "search-select": "/components/searchSelect/index",
+    "van-field": "@vant/weapp/field/index",
+    "van-button": "@vant/weapp/button/index",
+    "date-time-picker": "/components/DateTimePicker/index"
+  }
+}
--- a/pages/workBenchNew/components/workBenchTenement/components/unBindMeter/index.wxml
+++ b/pages/workBenchNew/components/workBenchTenement/components/unBindMeter/index.wxml
@@ -0,0 +1,100 @@
+<!--pages/workBench/components/tenement/components/bindMeter/index.wxml-->
+<van-dialog
+  use-slot
+  title="解绑电表"
+  show="{{ visible }}"
+  show-cancel-button
+  bind:confirm="onSubmit"
+  bind:close="onClose"
+>
+  <view class="modalContentWrapper">
+    <van-field
+        value="{{tenementName}}"
+        label="商户名称"
+        readonly
+        type="textarea"
+        autosize="{{true}}"
+        title-width="132rpx"
+        border="{{false}}"
+    />
+    <van-field
+        value="{{meterAddress}}"
+        label="电表地址"
+        readonly
+        type="textarea"
+        autosize="{{true}}"
+        title-width="132rpx"
+        border="{{false}}"
+    />
+    <van-field
+        value="{{ readAt }}"
+        placeholder="请选择解绑时间"
+        label="时间"
+        readonly
+        border="{{ false }}"
+        use-button-slot
+        title-width="100rpx"
+    >
+        <van-button slot="button" size="small" type="info" bind:click="onTimeFocus">
+        选择
+        </van-button>
+    </van-field>
+    <van-field
+        value="{{ overall }}"
+        label="表字"
+        title-width="132rpx"
+        border="{{false}}"
+        bind:change="onChange"
+        data-name="overall"
+        placeholder="请输入表字"
+        type="number"
+    />
+    <van-field
+        value="{{ critical }}"
+        label="尖"
+        title-width="132rpx"
+        border="{{false}}"
+        bind:change="onChange"
+        data-name="critical"
+        placeholder="请输入有功（尖）"
+        type="number"
+    />
+    <van-field
+        value="{{ peak }}"
+        label="峰"
+        title-width="132rpx"
+        border="{{false}}"
+        bind:change="onChange"
+        data-name="peak"
+        placeholder="请输入有功（峰）"
+        type="number"
+    />
+    <van-field
+        value="{{ overall }}"
+        label="平"
+        title-width="132rpx"
+        border="{{false}}"
+        bind:change="onChange"
+        data-name="overall"
+        type="number"
+        placeholder="请输入有功（平）"
+    />
+    <van-field
+        value="{{ valley }}"
+        label="谷"
+        type="number"
+        title-width="132rpx"
+        border="{{false}}"
+        bind:change="onChange"
+        data-name="valley"
+        placeholder="请输入有功（谷）"
+    />
+</view>
+ 
+</van-dialog>
+
+<date-time-picker 
+    show="{{dateTimeShow}}"
+    bind:confirm="dateTimeConfirm"
+    bind:cancel="dateTimeCancal"
+/>
--- a/pages/workBenchNew/components/workBenchTenement/components/unBindMeter/index.wxss
+++ b/pages/workBenchNew/components/workBenchTenement/components/unBindMeter/index.wxss
@@ -0,0 +1 @@
+/* pages/workBench/components/tenement/components/bindMeter/index.wxss */
--- a/pages/workBenchNew/components/workBenchTenement/index.js
+++ b/pages/workBenchNew/components/workBenchTenement/index.js
@@ -0,0 +1,233 @@
+// pages/workBenchNew/components/workBenchTenement/index.js
+import { alertInfo, alertSuccess } from "../../../../utils/index";
+import { getTenementBackInfo, unbindMeter, } from "../../../../service/tenement"
+import { getBackTenementMeters, } from "../../../../service/meter"
+import request from "../../../../utils/request"
+const { OK } = request
+
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    defaultValue: {},
+    editType: "",
+    meterList: [],
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+  onParkFocus(e) {
+    this.setData({
+      show: true,
+      title: "园区",
+      type: 'park'
+    })
+  },
+  onTenementFocus(e) {
+    const { park } = this.data;
+    const that = this;
+    if (!park) {
+      alertInfo("请先选择园区")
+      return;
+    }
+    this.setData({
+      show: true,
+      title: "商户",
+      type: 'tenement'
+    })
+  },
+  async init() {
+
+  },
+  async getTenementInfo() {
+    const { tenement, park } = this.data;
+    if (!tenement || !park) {
+      return;
+    }
+    const { code, message, tenement: data } = await getTenementBackInfo(park, tenement)
+    if (code !== OK) {
+      alertInfo(message)
+      return;
+    }
+    this.setData({
+      tenementInfo: data,
+    })
+  },
+  onConfirm(e) {
+    const { type, data } = e.detail;
+    const that = this;
+    switch(type) {
+      case "park":
+        this.setData({
+          park: data.id,
+          parkName: data.name,
+          show: false,
+        })
+        break;
+      case "tenement":
+        this.setData({
+          tenement: data.id,
+          tenementName: data.name,
+          show: false,
+        } , () => {
+          that.getTenementInfo();
+          that.getTenementMeters();
+        })
+        break;
+    }
+  },
+  onCancel() {
+    this.setData({
+      show: false,
+    })
+  },
+  startKh() {
+    this.setData({
+      kaihuVisible: true,
+      editType: "add",
+      title: "开户",
+      defaultValue: { feeType: 0, feeTypeName: "华昌宝能收费" }
+    })
+  },
+  startUpdateInfo() {
+    const { tenementInfo } = this.data;
+    this.setData({
+      kaihuVisible: true,
+      defaultValue: tenementInfo,
+      editType: "update",
+      title: "开户"
+    })
+  },
+  async getTenementMeters() {
+    const { park, tenement } = this.data;
+    const { code, message, data } = await getBackTenementMeters(park, tenement)
+    if (code !== OK) {
+      alertInfo(message)
+      return
+    }
+    this.setData({ meterList: data });
+  },
+  onKaihuClose() {
+    this.setData({
+      kaihuVisible: false,
+      defaultValue: {},
+      title: "编辑",
+      editType: "",
+    })
+  },
+  onBindClose() {
+    this.setData({
+      bindVisible: false,
+    })
+  },
+  async onKaihuConfirm() {
+    this.getTenementInfo();
+    this.onKaihuClose();
+  },
+  unbind(e) {
+    const that = this;
+    const { park, tenement } = this.data;
+    const { address, id } = e.currentTarget.dataset;
+    this.setData({
+      unbindVisible: true,
+      meterId: id,
+      meterAddress: address
+    })
+    // wx.showModal({
+    //   title: '提示',
+    //   content: `确认要解绑${address}吗？`,
+    //   complete: async (res) => {
+    //     if (res.cancel) {
+          
+    //     }
+    
+    //     if (res.confirm) {
+    //       const { code, message, } = await unbindMeter(park, tenement, id);
+    //       if (code !== OK) {
+    //         alertInfo(message)
+    //         return
+    //       }
+    //       alertSuccess("解绑成功")
+    //       that.getTenementMeters();
+    //       return
+    //     }
+    //   }
+    // })
+  },
+  onUnbindOk() {
+    this.setData({
+      unbindVisible: false,
+      meterId: "",
+      meterAddress: "",
+    })
+    this.getTenementMeters();
+  },
+  startBind() {
+    this.setData({
+      bindVisible: true
+    })
+  },
+  onBindOk() {
+    this.setData({
+      bindVisible: false,
+    })
+    this.getTenementMeters();
+  },
+  onTimeConfirm(e) {
+
+  },
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})
--- a/pages/workBenchNew/components/workBenchTenement/index.json
+++ b/pages/workBenchNew/components/workBenchTenement/index.json
@@ -0,0 +1,16 @@
+{
+  "usingComponents": {
+    "van-field": "@vant/weapp/field/index",
+    "van-button": "@vant/weapp/button/index",
+    "search-select": "/components/searchSelect/index",
+    "van-empty": "@vant/weapp/empty/index",
+    "kaihu": "./components/kaihu/index",
+    "bindMeter": "./components/bindMeter/index",
+    "unBindMeter": "./components/unBindMeter/index",
+    "van-row": "@vant/weapp/row/index",
+    "van-col": "@vant/weapp/col/index",
+    "navigator": "/components/navigator/index",
+    "searchSelectWrapper": "/components/searchSelectWrapper/index"
+  },
+  "navigationStyle": "custom"
+}
--- a/pages/workBenchNew/components/workBenchTenement/index.wxml
+++ b/pages/workBenchNew/components/workBenchTenement/index.wxml
@@ -0,0 +1,136 @@
+<!--pages/workBench/components/tenement/index.wxml-->
+<navigator title="商户信息" canBack="{{true}}" />
+<view>
+    <searchSelectWrapper 
+        label="园区"
+        placeholder="请选择园区"
+        text="{{ parkName }}"
+        bind:search="onParkFocus"
+    />
+    <searchSelectWrapper 
+        label="商户"
+        placeholder="请选择商户"
+        text="{{ tenementName }}"
+        bind:search="onTenementFocus"
+    />
+</view>
+<view style="display: flex; align-items: center;margin: 20rpx">
+    <view wx:if="{{tenement}}">
+        <van-button 
+            style="margin-right: 20rpx;"  
+            type="info" 
+            size="small" 
+            bind:click="startBind"
+        > 绑定电表 </van-button>
+        <van-button 
+            style="margin-right: 20rpx;" 
+            type="info" 
+            size="small" 
+            bind:tap="startUpdateInfo"
+        > 修改信息 </van-button>
+    </view>
+    <van-button type="info" size="small" bind:click="startKh" wx:if="{{!!park}}"> 开户 </van-button>
+</view>
+<van-empty wx:if="{{!tenement}}" description="选择园区和商户后查看" />
+<view wx:else>
+    <view class="customTable">
+        <view class="customTableTile">
+            <van-row>
+                <van-col span="24">
+                    <view class="tableTitleRow">
+                        <view class="tbody">
+                            <view class="tr">
+                                <view style="width: 250rpx;text-align: center;"> {{tenementInfo.shortName}} </view>
+                                <view> {{tenementInfo.fullName}} </view>
+                            </view>
+                            <view class="tr">
+                                <view wx:if="{{tenementInfo.feeType === 0}}" class="th" style="width: 250rpx;text-align: center;"> 华昌宝能收费 </view>
+                                <view wx:if="{{tenementInfo.feeType === 1}}" class="th" style="width: 250rpx;text-align: center;"> 物业代收1 </view>
+                                <view wx:if="{{tenementInfo.feeType === 2}}" class="th" style="width: 250rpx;text-align: center;"> 物业代收2 </view>
+                                <view wx:if="{{tenementInfo.feeType === 3}}" class="th" style="width: 250rpx;text-align: center;"> 物业代收线损 </view>
+                                <view> {{tenementInfo.contact}} {{tenementInfo.phone}} </view>
+                            </view>
+                        </view>
+                    </view>
+                </van-col>
+               
+
+                        <!-- <van-row gutter="5">
+                            <van-col span="8"> 
+                                <view style="text-align: center;"> 华昌宝能收费 </view> </van-col>
+                            <van-col span="8" wx:elif="{{tenementInfo.feeType === 1}}"> 
+                                <view style="text-align: center;"> 物业代收1 </view> </van-col>
+                            <van-col span="8" wx:elif="{{tenementInfo.feeType === 2}}"> 
+                                <view style="text-align: center;"> 物业代收2 </view>  </van-col>
+                            <van-col span="8" wx:else> <view style="text-align: center;"> 物业代收线损 </view> </van-col>
+                            <van-col span="16">{{tenementInfo.contact}} {{tenementInfo.phone}} </van-col>
+                        </van-row> -->
+            
+     
+            </van-row>
+        </view>
+        <view class="customTableContent">
+       
+            <van-row>
+                <van-radio-group value="{{ record }}" bind:change="onChangeSelectRecharge">
+                    <block wx:for="{{meterList}}" wx:for-index="itemIndex" wx:key="item">
+                        <view class="tbody">
+                            <view class="tr tableRow">
+                                <view class="th" style="width: 250rpx;padding-right: 16rpx;box-sizing: border-box;border-right: 1rpx solid #ccc;"> {{ item.address }} </view>
+                                <view class="th" style="width: 250rpx;padding-right: 16rpx;box-sizing: border-box;border-right: 1rpx solid #ccc;"> {{ item.meterSn }} </view>
+                                <view class="th" style="width: 200rpx">
+                                    <view 
+                                        class="primaryTextBtn" 
+                                        bind:tap="unbind" 
+                                        data-id="{{item.meterId}}" 
+                                        data-address="{{item.address}}"
+                                    >
+                                        解绑
+                                    </view>
+                                </view>
+                            </view>
+                        </view>
+                    </block>
+                </van-radio-group>
+            </van-row>
+        </view>
+    </view>
+</view>
+<search-select 
+    show="{{show}}" 
+    title="{{title}}" 
+    type="{{type}}" 
+    park="{{park}}"
+    isBack="{{true}}"
+    bindconfirm="onConfirm"
+    bindcancel="onCancel"
+/>
+<kaihu 
+    wx:if="{{kaihuVisible}}"
+    park="{{park}}" 
+    visible="{{kaihuVisible}}" 
+    defaultValue="{{defaultValue}}" 
+    bind:close="onKaihuClose"
+    bind:ok="onKaihuConfirm"
+    editType="{{editType}}"
+    title="{{title}}"
+/>
+
+<bindMeter 
+    visible="{{bindVisible}}" 
+    park="{{park}}" 
+    tenement="{{tenement}}"
+    tenementName="{{tenementName}}"
+    bind:ok="onBindOk"    
+    bind:close="onBindClose"
+/>
+
+<unBindMeter 
+    visible="{{unbindVisible}}"
+    park="{{park}}" 
+    tenement="{{tenement}}" 
+    tenementName="{{tenementName}}"    
+    meterId="{{meterId}}"
+    meterAddress="{{meterAddress}}"
+    bind:ok="onUnbindOk"
+/>
--- a/pages/workBenchNew/components/workBenchTenement/index.wxss
+++ b/pages/workBenchNew/components/workBenchTenement/index.wxss
@@ -0,0 +1,70 @@
+/* pages/workBench/components/tenement/index.wxss */
+
+.table {
+    width: 890rpx;
+}
+
+.classWrapper {
+    width: 100vw;
+    overflow-x: auto;
+}
+
+.thead {
+    display: flex;
+    flex-wrap: nowrap;
+    border-bottom: 1rpx solid #EEEEEE;
+}
+
+.thead  .th {
+    padding: 20rpx;
+    white-space: nowrap;
+    text-align: center;
+    box-sizing: border-box;
+
+}
+
+.tbody .tr {
+    padding: 20rpx;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    flex-wrap: nowrap;
+}
+
+.tbody .th {
+    word-break: break-all;
+    text-align: center;
+}
+
+.primaryTextBtn {
+    color: #1989fa;
+}
+
+
+.customTable {
+    margin: 20rpx;
+    font-size: 32rpx;
+}
+
+.customTableTile {
+    background-color: var(--light-green);
+    box-sizing: border-box;
+    font-weight: 700;
+}
+
+.tableTitleRow {
+    padding: 16rpx;
+}
+
+.tableRow {
+
+    padding: 16rpx;
+    border: 1rpx solid #ccc;
+    border-top: 0rpx;
+    font-size: 32rpx;
+}
+
+page {
+    background-color: rgb(228,240,236);
+    font-size: 32rpx;
+  }
--- a/pages/workBenchNew/components/workBenchWxUser/components/editModal/index.js
+++ b/pages/workBenchNew/components/workBenchWxUser/components/editModal/index.js
@@ -0,0 +1,74 @@
+import { alertInfo, alertSuccess } from "../../../../../../utils/index";
+import { createTenementWxUser } from "../../../../../../service/tenement";
+import request from "../../../../../../utils/request"
+const { OK } = request
+// pages/workBench/components/account/components/editModal/index.js
+Component({
+
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    type: String,
+    title: String,
+    visible: Boolean,
+    onCancel: Function,
+    park: String,
+    tenement: String,
+    parentPhone:String, 
+    parentName:String, 
+    parentId:String, 
+  },
+  observers: {
+    "parentName,parentId,parentPhone": function(newName, newId, newPhone) {
+      this.setData({ data: { name: newName, id: newId, phone: newPhone } })
+    },
+  },
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    data: { name: "", phone: "", id: "" }
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    async onSubmit() {
+      const { data = {}, tenement, park, type } = this.data;
+      if (!data.phone) {
+        alertInfo("请输入手机号")
+        return
+      }
+      if (!data.name) {
+        alertInfo("请输入昵称")
+        return
+      }
+      const { code, message } = await createTenementWxUser({ ...data, tenement, park })
+      if (code !== OK) {
+        alertInfo(message)
+        this.triggerEvent("cancel")
+        return;
+      }
+      alertSuccess("操作成功")
+      this.triggerEvent("ok")
+      this.setData({ data: {} })
+      return;
+      
+      
+    },
+    onChange(e) {
+      const { name } = e.currentTarget.dataset;
+      const newData = this.data.data;
+      newData[name] = e.detail;
+      this.setData({
+        data: newData,
+      })
+    },
+    onCancel() {
+      this.setData({ data: {} })
+      this.triggerEvent("cancel")
+    }
+  }
+})
--- a/pages/workBenchNew/components/workBenchWxUser/components/editModal/index.json
+++ b/pages/workBenchNew/components/workBenchWxUser/components/editModal/index.json
@@ -0,0 +1,8 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-dialog": "@vant/weapp/dialog/index",
+    "search-select": "/components/searchSelect/index",
+    "van-field": "@vant/weapp/field/index"
+  }
+}
--- a/pages/workBenchNew/components/workBenchWxUser/components/editModal/index.wxml
+++ b/pages/workBenchNew/components/workBenchWxUser/components/editModal/index.wxml
@@ -0,0 +1,34 @@
+<!--pages/workBench/components/account/components/editModal/index.wxml-->
+<van-dialog
+  use-slot
+  title="{{title}}"
+  show="{{ visible }}"
+  show-cancel-button
+  bind:confirm="onSubmit"
+  bind:cancel="onCancel"
+>
+  <view class="modalContentWrapper">
+    <van-field
+        value="{{data.name}}"
+        label="昵称"
+        placeholder="请输入昵称"
+        type="textarea"
+        autosize="{{true}}"
+        title-width="120rpx"
+        border="{{false}}"
+        data-name="name"
+        bind:change="onChange"
+    />
+    <van-field
+        value="{{ data.phone }}"
+        placeholder="请输入手机号"
+        label="手机号"
+        border="{{ false }}"
+        title-width="120rpx"
+        data-name="phone"
+        bind:change="onChange"
+    >
+    </van-field>
+</view>
+ 
+</van-dialog>
--- a/pages/workBenchNew/components/workBenchWxUser/components/editModal/index.wxss
+++ b/pages/workBenchNew/components/workBenchWxUser/components/editModal/index.wxss
@@ -0,0 +1 @@
+/* pages/workBench/components/account/components/editModal/index.wxss */
--- a/pages/workBenchNew/components/workBenchWxUser/components/updatePhoneModal/index.js
+++ b/pages/workBenchNew/components/workBenchWxUser/components/updatePhoneModal/index.js
@@ -0,0 +1,68 @@
+// pages/workBench/components/account/components/updatePhoneModa/index.js
+import { alertInfo, alertSuccess } from "../../../../../../utils/index";
+import { updateAdminPhone } from "../../../../../../service/tenement";
+import request from "../../../../../../utils/request"
+const { OK } = request
+Component({
+
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    type: String,
+    title: String,
+    visible: Boolean,
+    onCancel: Function,
+    park: String,
+    tenement: String,
+    parentPhone:String, 
+    parentName:String, 
+    parentId:String, 
+  },
+  observers: {
+    "parentPhone": function (newPhone) {
+      this.setData({ phone: newPhone })
+    }
+  },
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    phone: "",
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    async onSubmit() {
+      const { phone, tenement, park, type } = this.data;
+      if (!phone) {
+        alertInfo("请输入手机号")
+        return
+      }
+      const { code, message } = await updateAdminPhone({tenement, phone: phone })
+      if (code !== OK) {
+        alertInfo(message)
+        this.triggerEvent("cancel")
+        return;
+      }
+      alertSuccess("操作成功")
+      this.triggerEvent("ok")
+      this.setData({ phone: "" })
+      return;
+      
+      
+    },
+    onChange(e) {
+
+      this.setData({
+        phone: e.detail,
+      })
+    },
+    onCancel() {
+      this.setData({ phone: "" })
+      this.triggerEvent("cancel")
+    }
+  }
+})
--- a/pages/workBenchNew/components/workBenchWxUser/components/updatePhoneModal/index.json
+++ b/pages/workBenchNew/components/workBenchWxUser/components/updatePhoneModal/index.json
@@ -0,0 +1,8 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-dialog": "@vant/weapp/dialog/index",
+    "search-select": "/components/searchSelect/index",
+    "van-field": "@vant/weapp/field/index"
+  }
+}
--- a/pages/workBenchNew/components/workBenchWxUser/components/updatePhoneModal/index.wxml
+++ b/pages/workBenchNew/components/workBenchWxUser/components/updatePhoneModal/index.wxml
@@ -0,0 +1,23 @@
+<!--pages/workBench/components/account/components/updatePhoneModa/index.wxml-->
+<van-dialog
+  use-slot
+  title="编辑管理员手机号"
+  show="{{ visible }}"
+  show-cancel-button
+  bind:confirm="onSubmit"
+  bind:cancel="onCancel"
+>
+  <view class="modalContentWrapper">
+    <van-field
+        value="{{ phone }}"
+        placeholder="请输入新管理员手机号"
+        label="手机号"
+        border="{{ false }}"
+        title-width="120rpx"
+        data-name="phone"
+        bind:change="onChange"
+    >
+    </van-field>
+</view>
+ 
+</van-dialog>
--- a/pages/workBenchNew/components/workBenchWxUser/components/updatePhoneModal/index.wxss
+++ b/pages/workBenchNew/components/workBenchWxUser/components/updatePhoneModal/index.wxss
@@ -0,0 +1 @@
+/* pages/workBench/components/account/components/updatePhoneModa/index.wxss */
--- a/pages/workBenchNew/components/workBenchWxUser/index.js
+++ b/pages/workBenchNew/components/workBenchWxUser/index.js
@@ -0,0 +1,224 @@
+// pages/workBenchNew/components/workBenchWxUser/index.js
+import request from "../../../../utils/request"
+import { getTenementBackInfo, updateUserApp} from "../../../../service/tenement"
+import { getBackApproveList, removeUser } from "../../../../service/user"
+import { alertInfo, alertSuccess, wxModal } from "../../../../utils/index"
+const { OK } = request
+
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    list: [],
+    tenementInfo: {},
+  },
+  onParkFocus(e) {
+    this.setData({
+      show: true,
+      title: "园区",
+      type: 'park'
+    })
+  },
+  onTenementFocus(e) {
+    const { park } = this.data;
+    if (!park) {
+      alertInfo("请先选择园区")
+      return;
+    }
+    this.setData({
+      show: true,
+      title: "商户",
+      type: 'tenement'
+    })
+  },
+  onConfirm(e) {
+    const that = this;
+    const { type, data } = e.detail;
+    switch(type) {
+      case "park":
+        this.setData({
+          park: data.id,
+          parkName: data.name,
+          show: false,
+        })
+        break;
+      case "tenement":
+        this.setData({
+          tenement: data.id,
+          tenementName: data.name,
+          show: false,
+        }, () => {
+          that.initUserList();
+          that.getTenementInfo();
+        })
+        break;
+    }
+  },
+  async setAdmin(e) {
+    const { id, name } = e.currentTarget.dataset;
+    const { tenement } = this.data;
+    await wxModal({ content: `确认要将${name}设置为管理吗？` })
+    const { code, message } = await updateUserApp({ userId: id, type: 2, tenement: tenement })
+    if (code !== OK) {
+      alertInfo(message)
+      return;
+    }
+    alertSuccess("转交成功")
+    this.initUserList();
+    this.getTenementInfo();
+  },
+  onCancel() {
+    this.setData({
+      show: false,
+    })
+  },
+  handleDelete(e) {
+    const { id, name } = e.currentTarget.dataset;
+    const { tenement } = this.data;
+    const that = this;
+    wx.showModal({
+      title: '提示',
+      content: `确认要移除${name}吗？`,
+      complete: async (res) => {
+        if (res.cancel) {
+          
+        }
+    
+        if (res.confirm) {
+          const { code, message } = await removeUser(id, tenement)
+          if (code !== OK) {
+            alertInfo(message)
+            return;
+          }
+          alertSuccess("删除成功")
+          that.initUserList();
+        }
+      }
+    })
+  },
+  onEditConfirm() {
+    this.initUserList()
+    this.handleCancel();
+  },
+  onUpdatePhoneConfirm() {
+    this.setData({ parentPhone: "", phone: "", type: "", title: "" })
+    this.getTenementInfo();
+    this.initUserList()
+  },
+  async getTenementInfo() {
+    const { tenement, park } = this.data;
+    const { code, message, tenement: data } = await getTenementBackInfo(park, tenement)
+    if (code !== OK) {
+      alertInfo(message)
+      return;
+    }
+    this.setData({
+      tenementInfo: data,
+    })
+  },
+  async initUserList() {
+    const { tenement } = this.data;
+    const { code, message, data } = await getBackApproveList(tenement, 1);
+    if (code !== OK) {
+      alertInfo(message)
+      return;
+    }
+    this.setData({
+      list: data,
+    })
+  },
+  handleAddSon() {
+    this.setData({
+      visible: true,
+      type: "add",
+      title: "新建子账号"
+    })
+  },
+  handleChangeMain() {
+    const { tenementInfo = {} } = this.data;
+    this.setData({
+      updatePhoneVisible: true,
+      type: "update",
+      title: "编辑管理员",
+      parentPhone: tenementInfo.phone,
+      // name: main.WechatUserName,
+      // id: main.WechatUserID,
+    })
+  },
+  handleUpdatePhoneCancel() {
+    this.setData({
+      updatePhoneVisible: false,
+      type: "",
+      phone: "",
+      parentPhone: "",
+      name: "",
+      id: "",
+    })
+  },
+  handleCancel() {
+    this.setData({
+      visible: false,
+      type: "",
+      phone: "",
+      name: "",
+      id: "",
+    })
+  },
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})
--- a/pages/workBenchNew/components/workBenchWxUser/index.json
+++ b/pages/workBenchNew/components/workBenchWxUser/index.json
@@ -0,0 +1,22 @@
+{
+  "usingComponents": {
+    "van-field": "@vant/weapp/field/index",
+    "van-button": "@vant/weapp/button/index",
+    "search-select": "/components/searchSelect/index",
+    "van-empty": "@vant/weapp/empty/index",
+    "table": "/components/table/table",
+    "pagination": "/components/pagination/index",
+    "empty": "/components/empty/index",
+    "van-radio": "@vant/weapp/radio/index",
+    "van-radio-group": "@vant/weapp/radio-group/index",
+    "van-tag": "@vant/weapp/tag/index",
+    "edit-modal": "./components/editModal/index",
+    "updatePhoneModal": "./components/updatePhoneModal/index",
+    "van-row": "@vant/weapp/row/index",
+    "van-col": "@vant/weapp/col/index",
+    "searchSelectWrapper": "/components/searchSelectWrapper/index",
+    "van-image": "@vant/weapp/image/index",
+    "navigator": "/components/navigator/index"
+  },
+  "navigationStyle": "custom"
+}
--- a/pages/workBenchNew/components/workBenchWxUser/index.wxml
+++ b/pages/workBenchNew/components/workBenchWxUser/index.wxml
@@ -0,0 +1,143 @@
+<!--pages/workBench/components/account/index.wxml-->
+<navigator title="C端账号" canBack="{{true}}" />
+<view>
+    <searchSelectWrapper 
+        label="园区"
+        placeholder="请选择园区"
+        text="{{ parkName }}"
+        bind:search="onParkFocus"
+    />
+    <searchSelectWrapper 
+        label="商户"
+        placeholder="请选择商户"
+        text="{{ tenementName }}"
+        bind:search="onTenementFocus"
+    />
+</view>
+<van-empty wx:if="{{!tenement}}" description="选择园区和商户后查看" />
+<view wx:else>
+    <view class="operateBox">
+        <van-button type="info" size="small" style="margin-right: 20rpx;" bind:click="handleAddSon"> 添加子账号 </van-button>
+        <van-button type="info" size="small" style="margin-right: 20rpx;" bind:click="handleChangeMain"> 修改主账号 </van-button>
+    </view>
+    <view class="customTable">
+        <view class="customTableTile">
+            <van-row>
+                <van-col span="24">
+                    <view class="tableTitleRow">
+                        <view class="tableTitleRow">
+                            <view class="tbody">
+                                <view class="tr">
+                                    <view class="th" style="width: 200rpx;text-align: center;"> {{tenementInfo.shortName}} </view>
+                                    <view> {{tenementInfo.fullName}} </view>
+                                </view>
+                            </view>
+                        </view>
+                    </view>
+                </van-col>
+                <van-col span="24">
+                    <view class="tableTitleRow">
+                        <view class="tbody">
+                            <view class="tr">
+                                <view 
+                                    class="th" 
+                                    style="width: 200rpx;text-align: center;"
+                                    wx:if="{{tenementInfo.feeType === 0}}"
+                                > 华昌宝能收费 </view>
+                                <view 
+                                    class="th" 
+                                    style="width: 200rpx;text-align: center;"
+                                    wx:if="{{tenementInfo.feeType === 1}}"
+                                > 物业代收1 </view>
+                                <view 
+                                    class="th" 
+                                    style="width: 200rpx;text-align: center;"
+                                    wx:if="{{tenementInfo.feeType === 2}}"
+                                > 物业代收2 </view>
+                                <view 
+                                    class="th" 
+                                    style="width: 200rpx;text-align: center;"
+                                    wx:if="{{tenementInfo.feeType === 3}}"
+                                > 物业代收线损 </view>
+                                <view style="margin-left: 26rpx;"> {{tenementInfo.contact}} {{tenementInfo.phone}} </view>
+                            </view>
+                        </view>
+                        
+                    </view>
+                </van-col>
+     
+            </van-row>
+        </view>
+        <view class="customTableContent">
+            <van-row wx:if="{{list.length}}">
+                <van-radio-group value="{{ record }}" bind:change="onChangeSelectRecharge">
+                    <block wx:for="{{list}}" wx:for-index="itemIndex" wx:key="item">
+                        <view class="tbody">
+                            <view class="tr tableRow">
+                                <view class="th" style="width: 200rpx;border-right: 1rpx solid #ccc;"> {{ item.WechatUserName }} </view>
+                                <view class="th" style="width: 250rpx;border-right: 1rpx solid #ccc;"> {{ item.WechatPhone }} </view>
+                                <view class="th" style="display: flex;">
+                                    <view style="margin-left: 16rpx;">
+                                        <view wx:if="{{!item.Permissions}}" style="display: inline-block;">
+                                            <view 
+                                                class="primaryTextBtn" 
+                                                bind:tap="handleDelete" 
+                                                data-id="{{item.WechatUserID}}" 
+                                                data-name="{{item.WechatUserName}}" 
+                                            >
+                                            <van-image width="40rpx" height="40rpx" src="/assets/images/stop.png" />
+                                            </view>
+                                            <view 
+                                                class="primaryTextBtn" 
+                                                bind:tap="setAdmin" 
+                                                data-id="{{item.WechatUserID}}" 
+                                                data-name="{{item.WechatUserName}}" 
+                                                style="margin-left: 16rpx;"
+                                            >
+                                            <van-image width="40rpx" height="40rpx" src="/assets/images/tihuan.png" />
+                                            </view>
+                                        </view>
+                   
+                                        <van-tag type="primary" wx:else>管理员</van-tag>
+                                    </view>
+                                   
+                                </view>
+                            </view>
+                        </view>
+                        
+                    </block>
+                </van-radio-group>
+            </van-row>
+            <empty wx:else bind:refresh="initUserList" />
+        </view>
+    </view>
+</view>
+<search-select 
+    show="{{show}}" 
+    title="{{title}}" 
+    type="{{type}}" 
+    park="{{park}}"
+    isBack="{{true}}"
+    bindconfirm="onConfirm"
+    bindcancel="onCancel"
+/>
+<edit-modal 
+    visible="{{visible}}" 
+    type="{{type}}" 
+    title="{{title}}"  
+    tenement="{{tenement}}"
+    park="{{park}}"  
+    parentPhone="{{phone}}"
+    parentName="{{name}}"
+    parentId="{{id}}"
+    bind:ok="onEditConfirm"
+    bind:cancel="handleCancel"
+/>
+<updatePhoneModal
+    visible="{{updatePhoneVisible}}"  
+    tenement="{{tenement}}"
+    park="{{park}}"  
+    parentPhone="{{parentPhone}}"
+    bind:ok="onUpdatePhoneConfirm"
+    bind:cancel="handleUpdatePhoneCancel"
+/>
--- a/pages/workBenchNew/components/workBenchWxUser/index.wxss
+++ b/pages/workBenchNew/components/workBenchWxUser/index.wxss
@@ -0,0 +1,71 @@
+/* pages/workBench/components/account/index.wxss */
+
+.operateBox {
+    margin: 20rpx;
+}
+
+.table {
+    width: 890rpx;
+    
+}
+
+.classWrapper {
+    width: 100vw;
+    overflow-x: auto;
+}
+
+.thead {
+    display: flex;
+    flex-wrap: nowrap;
+    border-bottom: 1rpx solid #EEEEEE;
+}
+
+.thead  .th {
+    padding: 20rpx;
+    white-space: nowrap;
+    text-align: center;
+    box-sizing: border-box;
+
+}
+
+
+.tr {
+    display: flex;
+    align-items: center;
+    flex-wrap: nowrap;
+}
+
+.tbody .th {
+    word-break: break-all;
+    text-align: center;
+}
+.primaryTextBtn {
+    color: #1989fa;
+    display: inline-block;
+}
+
+.customTable {
+    margin: 20rpx;
+    font-size: 32rpx;
+}
+
+.customTableTile {
+    background-color: var(--light-green);
+    box-sizing: border-box;
+}
+
+.tableTitleRow {
+    padding: 16rpx;
+    font-weight: 700;
+}
+
+.tableRow {
+    padding: 16rpx;
+    border: 1rpx solid #ccc;
+    border-top: 0rpx;
+}
+
+page {
+    background-color: rgb(228,240,236);
+    font-size: 32rpx;
+  }
--- a/pages/workBenchNew/index.js
+++ b/pages/workBenchNew/index.js
@@ -0,0 +1,103 @@
+// pages/workBench/index.js
+import { getWorkBenchHome } from "../../service/workBench"
+import { alertError, alertSuccess, loadingFunc } from "../../utils/index"
+import request from "../../utils/request"
+const { OK } = request
+
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+    this.init()
+  },
+  async init() {
+    const { code, message, data } = await getWorkBenchHome()
+    if (code !== OK) {
+      alertError(message)
+      return
+    }
+    this.setData({ data })
+  },
+  jumpToMeter() {
+    wx.navigateTo({
+      url: '/pages/workBenchNew/components/workBenchMeter/index',
+    })
+  },
+  jumpToTenement() {
+    wx.navigateTo({
+      url: '/pages/workBenchNew/components/workBenchTenement/index',
+    })
+  },
+  jumpToPay() {
+    wx.navigateTo({
+      url: '/pages/workBenchNew/components/workBenchApprove/index',
+    })
+  },
+  jumpToWxUser() {
+    wx.navigateTo({
+      url: '/pages/workBenchNew/components/workBenchWxUser/index',
+    })
+  },
+  jumpToRoute() {
+    wx.navigateTo({
+      url: '/pages/workBenchNew/components/workBenchReading/index',
+    })
+  },
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})
--- a/pages/workBenchNew/index.json
+++ b/pages/workBenchNew/index.json
@@ -0,0 +1,8 @@
+{
+  "usingComponents": {
+    "navigator": "/components/navigator/index",
+    "van-row": "@vant/weapp/row/index",
+    "van-col": "@vant/weapp/col/index"
+  },
+  "navigationStyle": "custom"
+}
--- a/pages/workBenchNew/index.wxml
+++ b/pages/workBenchNew/index.wxml
@@ -0,0 +1,77 @@
+<!--pages/workBench/index.wxml-->
+<navigator title="工作台" canBack="{{true}}" />
+
+<view class="wrapper">
+    <van-row gutter="10">
+        <van-col span="12">
+            <view class="contentWrapper" bind:tap="jumpToMeter">
+                <view class="image">
+                    <view class="imageContent">
+                    </view>
+                </view>
+                <view class="title">
+                    电表信息
+                </view>
+                <view class="number">
+                    {{data.meter}}
+                </view>
+            </view>
+        </van-col>
+        <van-col span="12">
+            <view class="contentWrapper" bind:tap="jumpToTenement">
+                <view class="image">
+                    <view class="imageContent">
+                    </view>
+                </view>
+                <view class="title">
+                    商户信息
+                </view>
+                <view class="number">
+                    {{data.tenement}}
+                </view>
+            </view>
+        </van-col>
+        <van-col span="12">
+            <view class="contentWrapper" bind:tap="jumpToPay">
+                <view class="image">
+                    <view class="imageContent">
+                    </view>
+                </view>
+                <view class="title">
+                    充值审核
+                </view>
+                <view class="number">
+                    {{data.pay}}
+                </view>
+            </view>
+        </van-col>
+        <van-col span="12">
+            <view class="contentWrapper" bind:tap="jumpToWxUser">
+                <view class="image">
+                    <view class="imageContent">
+                    </view>
+                </view>
+                <view class="title">
+                    C端账号
+                </view>
+                <view class="number">
+                    {{data.wxUser}}
+                </view>
+            </view>
+        </van-col>
+        <van-col span="12">
+            <view class="contentWrapper" bind:tap="jumpToRoute">
+                <view class="image">
+                    <view class="imageContent">
+                    </view>
+                </view>
+                <view class="title">
+                    抄表记录录入
+                </view>
+                <view class="number">
+                    {{data.route}}
+                </view>
+            </view>
+        </van-col>
+    </van-row>
+</view>
--- a/pages/workBenchNew/index.wxss
+++ b/pages/workBenchNew/index.wxss
@@ -0,0 +1,44 @@
+/* pages/workBench/index.wxss */
+
+.wrapper {
+    margin: 20rpx 0rpx;
+}
+
+.contentWrapper {
+    background-color: white;
+    width: 100%;
+    margin-bottom: 24rpx;
+}
+
+.image {
+    padding: 50rpx 0;
+    display: flex;
+    justify-content: center;
+}
+
+.title {
+    font-size: 32rpx;
+    font-weight: 600;
+    /* margin-top: 30rpx; */
+    margin-bottom: 20rpx;
+    text-align: center;
+}
+
+.number {
+    font-size: 40rpx;
+    font-weight: 700;
+    color: var(--deep-green);
+    text-align: center;
+    padding-bottom: 30rpx;
+}
+
+.imageContent {
+    width: 100rpx;
+    height: 100rpx;
+    border-radius: 12rpx;
+    background-color: var(--light-green);
+}
+
+page {
+    background-color: rgb(242,243,245);
+}
--- a/pages/workBenchOld/index.json
+++ b/pages/workBenchOld/index.json
@@ -1,6 +0,0 @@
-{
-  "usingComponents": {
-    "navigator": "/components/navigator/index"
-  },
-  "navigationStyle": "custom"
-}
--- a/pages/workBenchOld/index.wxml
+++ b/pages/workBenchOld/index.wxml
@@ -1,3 +0,0 @@
-<!--pages/workBench/index.wxml-->
-<navigator title="工作台" canBack="{{true}}" />
-
--- a/pages/workBenchOld/index.wxss
+++ b/pages/workBenchOld/index.wxss
@@ -1 +0,0 @@
-/* pages/workBench/index.wxss */
--- a/project.private.config.json
+++ b/project.private.config.json
@@ -23,6 +23,13 @@
  "condition": {
    "miniprogram": {
      "list": [
+        {
+          "name": "pages/workBenchNew/index",
+          "pathName": "pages/workBenchNew/index",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
+        },
        {
          "name": "pages/writeReading/index",
          "pathName": "pages/writeReading/index",
--- a/service/workBench.js
+++ b/service/workBench.js
@@ -45,3 +45,8 @@ export const updateReading = async function(park, code, read_at, data) {
 export const checkReadingFinish = async function(id) {
  return await GET(`/park/meter/${id}/route/status`,);
 }
+
+// 获取工作台首页
+export const getWorkBenchHome = async function() {
+  return await GET(`/workHome/mainPage`,);
+}
				`@@ -0,0 +1 @@`
				`/* pages/workBench/components/recharge/components/reharge/index.wxss */`
				`@@ -0,0 +1 @@`
				`/* pages/workBenchNew/components/workBenchReading/index.wxss */`
				`@@ -0,0 +1 @@`
				`/* pages/workBench/components/tenement/components/bindMeter/index.wxss */`
				`@@ -0,0 +1 @@`
				`/* pages/workBench/components/account/components/editModal/index.wxss */`