添加实收统计模块

wuye-manager-uniapp/pages/index/index.vue

@@ -99,79 +99,20 @@
 
         <!-- 网格布局功能 -->
         <view class="function-container">
-          <!-- 第一行功能：故障上报、一键开门、工单大厅、我的工单 -->
-          <view
-            class="function-item"
-            @click="goToReport"
-            v-if="permStore.hasPermi('butler:fault:report')"
-          >
-            <image
-              class="item-icon"
-              src="https://wuyeadmin.bugtc.com/images/imgs/fault-report.png"
-              mode="aspectFit"
-            ></image>
-            <text class="item-text">故障上报</text>
-          </view>
-          <view
-            class="function-item"
-            @click="goToOneOpenDoor"
-            v-if="permStore.hasPermi('butler:door:open')"
-          >
-            <image
-              class="item-icon"
-              src="https://wuyeadmin.bugtc.com/images/imgs/open.png"
-              mode="aspectFit"
-            ></image>
-            <text class="item-text">一键开门</text>
-          </view>
-          <view
-            class="function-item"
-            @tap="goToTicketHall"
-            v-if="permStore.hasPermi('butler:workOrder:hall')"
-          >
-            <image
-              class="item-icon"
-              src="https://wuyeadmin.bugtc.com/images/imgs/work-order.png"
-              mode="aspectFit"
-            ></image>
-            <text class="item-text">工单大厅</text>
-          </view>
-          <view
-            class="function-item"
-            @tap="goToMyTicket"
-            v-if="permStore.hasPermi('butler:workOrder:mine')"
-          >
-            <image
-              class="item-icon"
-              src="https://wuyeadmin.bugtc.com/images/imgs/my-work.png"
-              mode="aspectFit"
-            ></image>
-            <text class="item-text">我的工单</text>
-          </view>
-          <view
-            class="function-item"
-            @tap="goToComplaint"
-            v-if="permStore.hasPermi('butler:complaint:handle')"
-          >
-            <image
-              class="item-icon"
-              src="https://wuyeadmin.bugtc.com/images/imgs/complaint.png"
-              mode="aspectFit"
-            ></image>
-            <text class="item-text">投诉处理</text>
-          </view>
-          <view
-            class="function-item"
-            @tap="goToReplacement_record"
-            v-if="permStore.hasPermi('butler:meter:replace')"
-          >
-            <image
-              class="item-icon"
-              src="https://wuye.ckdzkj.com/images/home/updateDevice.png"
-              mode="aspectFit"
-            ></image>
-            <text class="item-text">仪表换新</text>
-          </view>
+          <template v-for="item in functionList" :key="item.action">
+            <view
+              class="function-item"
+              @click="handleFunctionClick(item)"
+              v-if="permStore.hasPermi(item.permKey)"
+            >
+              <image
+                class="item-icon"
+                :src="item.icon"
+                mode="aspectFit"
+              ></image>
+              <text class="item-text">{{ item.text }}</text>
+            </view>
+          </template>
         </view>
       </view>
     </view>
@@ -268,6 +209,74 @@ const goToReplacement_record = () => {
     url: '/pageSubPack/instrument/replacement_record'
   })
 }
+// 跳转到实收统计
+const goToRevenueStatistics = () => {
+  uni.navigateTo({
+    url: '/pageSubPack/instrument/revenue_statistics'
+  })
+}
+
+// 功能列表数据
+const functionList = [
+  {
+    permKey: 'butler:fault:report',
+    icon: 'https://wuyeadmin.bugtc.com/images/imgs/fault-report.png',
+    text: '故障上报',
+    action: 'goToReport'
+  },
+  {
+    permKey: 'butler:door:open',
+    icon: 'https://wuyeadmin.bugtc.com/images/imgs/open.png',
+    text: '一键开门',
+    action: 'goToOneOpenDoor'
+  },
+  {
+    permKey: 'butler:workOrder:hall',
+    icon: 'https://wuyeadmin.bugtc.com/images/imgs/work-order.png',
+    text: '工单大厅',
+    action: 'goToTicketHall'
+  },
+  {
+    permKey: 'butler:workOrder:mine',
+    icon: 'https://wuyeadmin.bugtc.com/images/imgs/my-work.png',
+    text: '我的工单',
+    action: 'goToMyTicket'
+  },
+  {
+    permKey: 'butler:complaint:handle',
+    icon: 'https://wuyeadmin.bugtc.com/images/imgs/complaint.png',
+    text: '投诉处理',
+    action: 'goToComplaint'
+  },
+  {
+    permKey: 'butler:meter:replace',
+    icon: 'https://wuye.ckdzkj.com/images/home/updateDevice.png',
+    text: '仪表换新',
+    action: 'goToReplacement_record'
+  },
+  {
+    permKey: 'butler:revenue:statistics',
+    icon: 'https://wuyeadmin.bugtc.com/images/imgs/revenue-statistics.png',
+    text: '实收统计',
+    action: 'goToRevenueStatistics'
+  }
+]
+
+// 统一点击处理
+const actionMap = {
+  goToReport,
+  goToOneOpenDoor,
+  goToTicketHall,
+  goToMyTicket,
+  goToComplaint,
+  goToReplacement_record,
+  goToRevenueStatistics
+}
+
+const handleFunctionClick = (item) => {
+  const handler = actionMap[item.action]
+  if (handler) handler()
+}
 // 获取当前小区
 const currentVillageData = () => {
   // 先重置，避免新账号无小区时仍显示旧账号的小区