diff --git a/frontend/src/api/wx-hall.ts b/frontend/src/api/wx-hall.ts
new file mode 100644
index 00000000..78f9578a
--- /dev/null
+++ b/frontend/src/api/wx-hall.ts
@@ -0,0 +1,85 @@
+import request from './request'
+
+const BASE = '/wx-hall'
+
+// ========== 水费查询缴费 ==========
+
+export function getBillList(params: {
+ customerNo: string
+ billPeriod?: string
+ status?: string
+ pageNum?: number
+ pageSize?: number
+}) {
+ return request.get(`${BASE}/bill/list`, { params })
+}
+
+export function getBillDetail(billId: number) {
+ return request.get(`${BASE}/bill/${billId}`)
+}
+
+export function payBill(data: { billId: number; amount: number }) {
+ return request.post(`${BASE}/bill/pay`, data)
+}
+
+export function getPaymentRecords(params: { customerNo: string; limit?: number }) {
+ return request.get(`${BASE}/bill/payment-records`, { params })
+}
+
+// ========== 报装申请 ==========
+
+export function submitInstallApply(data: {
+ name: string
+ phone: string
+ area: string
+ address: string
+ customerType?: string
+ caliber?: string
+}) {
+ return request.post(`${BASE}/install/apply`, data)
+}
+
+export function getInstallProgress(applyNo: string) {
+ return request.get(`${BASE}/install/progress`, { params: { applyNo } })
+}
+
+export function getInstallList(params: { phone: string; limit?: number }) {
+ return request.get(`${BASE}/install/list`, { params })
+}
+
+// ========== 停水公告 ==========
+
+export function getNoticeList(params: {
+ page?: number
+ size?: number
+ type?: string
+ keyword?: string
+}) {
+ return request.get(`${BASE}/notice/list`, { params })
+}
+
+export function getNoticeDetail(id: number) {
+ return request.get(`${BASE}/notice/${id}`)
+}
+
+export function getActiveNotices(areaCode?: string) {
+ return request.get(`${BASE}/notice/active`, { params: { areaCode } })
+}
+
+// ========== 用户绑定 ==========
+
+export function bindPhone(data: { openId: string; phone: string }) {
+ return request.post(`${BASE}/user/bindPhone`, data)
+}
+
+export function bindCustomer(data: { openId: string; customerNo: string }) {
+ return request.post(`${BASE}/user/bindCustomer`, data)
+}
+
+export function unbind(data: { openId: string; bindingId: string }) {
+ return request.post(`${BASE}/user/unbind`, data)
+}
+
+export function getBindings(openId: string) {
+ return request.get(`${BASE}/user/bindings`, { params: { openId } })
+}
diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index 8794d207..e7b26954 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -14,6 +14,11 @@ const routes = [
{ path: 'dispatch-command', name: 'dispatchCommandList', component: () => import('@/views/dispatch-command/CommandList.vue') },
{ path: 'dispatch-command/:id', name: 'dispatchCommandDetail', component: () => import('@/views/dispatch-command/CommandDetail.vue') },
{ path: 'service/workbench', name: 'serviceWorkbench', component: () => import('@/views/service/CustomerServiceWorkbench.vue') },
+ // 微信网厅
+ { path: 'wx-hall/water-bill', name: 'wxWaterBill', component: () => import('@/views/wxhall/WaterBillView.vue') },
+ { path: 'wx-hall/install-apply', name: 'wxInstallApply', component: () => import('@/views/wxhall/InstallApplyView.vue') },
+ { path: 'wx-hall/notice', name: 'wxNotice', component: () => import('@/views/wxhall/NoticeView.vue') },
+ { path: 'wx-hall/user-bind', name: 'wxUserBind', component: () => import('@/views/wxhall/UserBindView.vue') },
]
},
{ path: '/:pathMatch(.*)*', redirect: '/dashboard' }
diff --git a/frontend/src/views/wxhall/InstallApplyView.vue b/frontend/src/views/wxhall/InstallApplyView.vue
new file mode 100644
index 00000000..5330c8fe
--- /dev/null
+++ b/frontend/src/views/wxhall/InstallApplyView.vue
@@ -0,0 +1,254 @@
+
+
+
+
+
+
+
+ 新建报装申请
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 提交申请
+ 重置
+
+
+
+
+
+
+
+ 进度查询
+
+
+
+
+
+
+ 查询
+
+
+
+
+
+
+
+
+
+
+
+ {{ progressData.application_no }}
+ {{ progressData.applicant_name }}
+ {{ progressData.applicant_phone }}
+ {{ progressData.area }}
+ {{ progressData.address }}
+ {{ progressData.customer_type }}
+ {{ progressData.caliber }}
+
+ {{ installStatusLabel(progressData.status) }}
+
+ {{ progressData.updated_at }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 查询
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ installStatusLabel(row.status) }}
+
+
+
+
+
+ 进度
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/wxhall/NoticeView.vue b/frontend/src/views/wxhall/NoticeView.vue
new file mode 100644
index 00000000..181cab5b
--- /dev/null
+++ b/frontend/src/views/wxhall/NoticeView.vue
@@ -0,0 +1,217 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 搜索
+
+
+
+
+
+
+
+
+
+ 📍 {{ item.affectedArea }}
+ 🕐 {{ item.plannedStart }} ~ {{ item.plannedEnd }}
+
+ {{ truncate(item.content, 100) }}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ typeLabel(detailItem?.type) }}
+
+
+ {{ priorityLabel(detailItem?.priority) }}
+
+ {{ detailItem?.affectedArea }}
+ {{ detailItem?.plannedStart }}
+ {{ detailItem?.plannedEnd }}
+ {{ detailItem?.publishTime }}
+ {{ detailItem?.publisherName }}
+
+
+ {{ detailItem?.content }}
+
+
+
+
+
+
+
+
+
+
+
+ 确认
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 绑定手机号
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 绑定户号
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row.binding_type === 'phone' ? '手机号' : '户号' }}
+
+
+
+
+ {{ row.phone || '-' }}
+
+
+ {{ row.customer_no || '-' }}
+
+
+ {{ row.customer_name || '-' }}
+
+
+ {{ row.created_at }}
+
+
+
+
+
+ 解绑
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/wxhall/WaterBillView.vue b/frontend/src/views/wxhall/WaterBillView.vue
new file mode 100644
index 00000000..f48ae9f3
--- /dev/null
+++ b/frontend/src/views/wxhall/WaterBillView.vue
@@ -0,0 +1,287 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 查询
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ Number(row.waterUsage).toFixed(1) }}
+
+
+ {{ Number(row.totalAmount).toFixed(2) }}
+
+
+ {{ Number(row.paidAmount).toFixed(2) }}
+
+
+
+ {{ statusLabel(row.status) }}
+
+
+
+
+
+ 详情
+ 缴费
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ Number(row.amount).toFixed(2) }}
+
+
+
+
+
+ {{ row.status === 'success' ? '成功' : row.status }}
+
+
+
+
+
+
+
+
+
+
+ {{ detailData.bill?.billNo }}
+ {{ detailData.bill?.billPeriod }}
+ {{ detailData.bill?.customerName }}
+ {{ detailData.bill?.customerNo }}
+ {{ detailData.bill?.meterNo }}
+ {{ Number(detailData.bill?.waterUsage || 0).toFixed(1) }} 吨
+ ¥{{ Number(detailData.bill?.unitPrice || 0).toFixed(2) }}/吨
+ ¥{{ Number(detailData.bill?.totalAmount || 0).toFixed(2) }}
+ ¥{{ Number(detailData.bill?.paidAmount || 0).toFixed(2) }}
+
+
+ ¥{{ Number(detailData.remainingAmount || 0).toFixed(2) }}
+
+
+
+ {{ detailData.bill?.prevReading }} → {{ detailData.bill?.currReading }}
+
+
+ {{ statusLabel(detailData.bill?.status) }}
+
+
+
+ 缴费记录
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ payingBill.billNo }}
+ {{ payingBill.billPeriod }}
+ ¥{{ Number(payingBill.totalAmount).toFixed(2) }}
+ ¥{{ Number(payingBill.paidAmount).toFixed(2) }}
+
+
+
+
+
+
+
+ 取消
+ 确认缴费
+
+
+