添加银行和政府端小程序

government-mini-program/pages/personnel/personnel.js

@@ -0,0 +1,42 @@
+// pages/personnel/personnel.js
+Page({
+  data: {
+    searchKeyword: '',
+    loading: false,
+    personnelList: []
+  },
+
+  onLoad() {
+    this.loadPersonnelData()
+  },
+
+  loadPersonnelData() {
+    // 模拟数据
+    this.setData({
+      personnelList: [
+        {
+          id: 1,
+          name: '张三',
+          position: '监管员',
+          department: '监管部',
+          phone: '13800138000',
+          status: 'active',
+          statusText: '在职'
+        }
+      ]
+    })
+  },
+
+  onSearchInput(e) {
+    this.setData({
+      searchKeyword: e.detail.value
+    })
+  },
+
+  handleAdd() {
+    wx.showToast({
+      title: '新增功能待实现',
+      icon: 'none'
+    })
+  }
+})

government-mini-program/pages/personnel/personnel.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

government-mini-program/pages/personnel/personnel.wxml

@@ -0,0 +1,61 @@
+<!--pages/personnel/personnel.wxml-->
+<view class="personnel-container">
+  <!-- 搜索栏 -->
+  <view class="search-section">
+    <view class="search-bar">
+      <input
+        value="{{searchKeyword}}"
+        type="text"
+        placeholder="搜索人员..."
+        class="search-input"
+        bindinput="onSearchInput"
+      />
+      <view class="search-icon">🔍</view>
+    </view>
+  </view>
+
+  <!-- 人员列表 -->
+  <view class="personnel-list">
+    <view class="list-header">
+      <view class="list-title">人员管理</view>
+      <view class="add-btn" bindtap="handleAdd">
+        <text class="add-text">新增</text>
+        <view class="add-icon">+</view>
+      </view>
+    </view>
+    
+    <view wx:if="{{loading}}" class="loading">
+      <text class="loading-text">加载中...</text>
+    </view>
+    
+    <view wx:elif="{{personnelList.length === 0}}" class="empty">
+      <view class="empty-icon">👥</view>
+      <view class="empty-text">暂无人员记录</view>
+    </view>
+    
+    <view wx:else class="list-content">
+      <view
+        wx:for="{{personnelList}}"
+        wx:key="id"
+        class="personnel-item"
+      >
+        <view class="item-avatar">
+          <image src="/images/avatar.png" class="avatar-img" />
+        </view>
+        <view class="item-content">
+          <view class="item-header">
+            <view class="item-name">{{item.name}}</view>
+            <view class="item-status {{item.status}}">
+              {{item.statusText}}
+            </view>
+          </view>
+          <view class="item-info">
+            <view class="item-position">{{item.position}}</view>
+            <view class="item-department">{{item.department}}</view>
+            <view class="item-phone">{{item.phone}}</view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</view>

government-mini-program/pages/personnel/personnel.wxss

@@ -0,0 +1,165 @@
+/* pages/personnel/personnel.wxss */
+.personnel-container {
+  min-height: 100vh;
+  background: #f6f6f6;
+}
+
+.search-section {
+  padding: 20rpx;
+  background: #fff;
+  margin-bottom: 20rpx;
+}
+
+.search-bar {
+  position: relative;
+}
+
+.search-input {
+  width: 100%;
+  height: 72rpx;
+  background: #f8f9fa;
+  border: none;
+  border-radius: 36rpx;
+  padding: 0 60rpx 0 30rpx;
+  font-size: 28rpx;
+  color: #333;
+}
+
+.search-icon {
+  position: absolute;
+  right: 30rpx;
+  top: 50%;
+  transform: translateY(-50%);
+  font-size: 28rpx;
+  color: #999;
+}
+
+.personnel-list {
+  background: #fff;
+  margin: 0 20rpx;
+  border-radius: 16rpx;
+  overflow: hidden;
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.1);
+}
+
+.list-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 30rpx;
+  border-bottom: 1rpx solid #f0f0f0;
+}
+
+.list-title {
+  font-size: 32rpx;
+  font-weight: 600;
+  color: #333;
+}
+
+.add-btn {
+  display: flex;
+  align-items: center;
+  padding: 16rpx 24rpx;
+  background: #1890ff;
+  border-radius: 24rpx;
+  color: #fff;
+}
+
+.add-text {
+  font-size: 24rpx;
+  margin-right: 8rpx;
+}
+
+.add-icon {
+  font-size: 24rpx;
+  font-weight: 600;
+}
+
+.loading,
+.empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 80rpx;
+  color: #999;
+}
+
+.loading-text,
+.empty-text {
+  font-size: 28rpx;
+}
+
+.empty-icon {
+  font-size: 80rpx;
+  margin-bottom: 20rpx;
+}
+
+.list-content {
+  space-y: 0;
+}
+
+.personnel-item {
+  display: flex;
+  align-items: center;
+  padding: 30rpx;
+  border-bottom: 1rpx solid #f0f0f0;
+  transition: background 0.3s;
+}
+
+.personnel-item:last-child {
+  border-bottom: none;
+}
+
+.item-avatar {
+  margin-right: 20rpx;
+}
+
+.avatar-img {
+  width: 80rpx;
+  height: 80rpx;
+  border-radius: 40rpx;
+  background: #f0f0f0;
+}
+
+.item-content {
+  flex: 1;
+}
+
+.item-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 12rpx;
+}
+
+.item-name {
+  font-size: 30rpx;
+  font-weight: 600;
+  color: #333;
+}
+
+.item-status {
+  font-size: 20rpx;
+  padding: 8rpx 16rpx;
+  border-radius: 20rpx;
+  font-weight: 500;
+}
+
+.item-status.active {
+  background: #f6ffed;
+  color: #52c41a;
+}
+
+.item-info {
+  display: flex;
+  flex-direction: column;
+  space-y: 8rpx;
+}
+
+.item-position,
+.item-department,
+.item-phone {
+  font-size: 24rpx;
+  color: #666;
+}