<!-- queryArrears.wxml -->
   <view>
     <button bindtap="queryArrears">查询欠费用户</button>

     <view wx:if="{{arrearsList.length > 0}}">
       <text>欠费用户列表：</text>
       <block wx:for="{{arrearsList}}" wx:key="index">
         <text>{{item.username}}</text>
       </block>
     </view>
     <view wx:else>
       <text>暂无欠费用户</text>
     </view>
   </view>

   // queryArrears.js
   Page({
     data: {
       arrearsList: [],
     },
     queryArrears: function () {
       // 调用后台服务获取欠费用户列表
       this.getArrearsList();
     },
     getArrearsList: function () {
       // 向后台服务发送查询欠费用户列表的请求
       wx.request({
         url: 'https://your-backend-api.com/queryArrearsList',
         method: 'GET',
         success: (res) => {
           if (res.data.success) {
             // 更新界面显示欠费用户列表
             this.setData({
               arrearsList: res.data.arrearsList,
             });
           } else {
             wx.showToast({
               title: '查询失败',
               icon: 'none',
               duration: 2000,
             });
           }
         },
         fail: (err) => {
           console.error('查询请求失败', err);
         },
       });
     },
   });

   // 示例中的 Node.js Express 框架代码
   const express = require('express');
   const bodyParser = require('body-parser');
   const app = express();

   app.use(bodyParser.urlencoded({ extended: true }));

   app.get('/queryArrearsList', (req, res) => {
     // 在这里进行欠费用户列表查询逻辑，从数据库或其他数据源中查询欠费用户信息
     // 示例中直接返回一个假的查询结果
     const arrearsList = [
       { username: 'user1', arrearsAmount: 100 },
       { username: 'user2', arrearsAmount: 150 },
       { username: 'user3', arrearsAmount: 80 },
     ];

     // 返回查询结果给小程序
     res.json({ success: true, arrearsList: arrearsList });
   });

   app.listen(3000, () => {
     console.log('Server is running on port 3000');
   });