添加银行和政府端小程序

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

@@ -0,0 +1,42 @@
+// pages/approval/approval.js
+Page({
+  data: {
+    searchKeyword: '',
+    loading: false,
+    approvalList: []
+  },
+
+  onLoad() {
+    this.loadApprovalData()
+  },
+
+  loadApprovalData() {
+    // 模拟数据
+    this.setData({
+      approvalList: [
+        {
+          id: 1,
+          title: '养殖许可证申请',
+          description: '张三申请养殖许可证',
+          applicant: '张三',
+          createTime: '2024-01-15 09:00',
+          status: 'pending',
+          statusText: '待审批'
+        }
+      ]
+    })
+  },
+
+  onSearchInput(e) {
+    this.setData({
+      searchKeyword: e.detail.value
+    })
+  },
+
+  handleAdd() {
+    wx.showToast({
+      title: '新增功能待实现',
+      icon: 'none'
+    })
+  }
+})

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

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

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

@@ -0,0 +1,58 @@
+<!--pages/approval/approval.wxml-->
+<view class="approval-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="approval-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="{{approvalList.length === 0}}" class="empty">
+      <view class="empty-icon">📋</view>
+      <view class="empty-text">暂无审批记录</view>
+    </view>
+    
+    <view wx:else class="list-content">
+      <view
+        wx:for="{{approvalList}}"
+        wx:key="id"
+        class="approval-item"
+      >
+        <view class="item-header">
+          <view class="item-title">{{item.title}}</view>
+          <view class="item-status {{item.status}}">
+            {{item.statusText}}
+          </view>
+        </view>
+        <view class="item-content">
+          <view class="item-desc">{{item.description}}</view>
+          <view class="item-meta">
+            <view class="item-applicant">申请人: {{item.applicant}}</view>
+            <view class="item-time">{{item.createTime}}</view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</view>

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

@@ -0,0 +1,159 @@
+/* pages/approval/approval.wxss */
+.approval-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;
+}
+
+.approval-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;
+}
+
+.approval-item {
+  padding: 30rpx;
+  border-bottom: 1rpx solid #f0f0f0;
+  transition: background 0.3s;
+}
+
+.approval-item:last-child {
+  border-bottom: none;
+}
+
+.item-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16rpx;
+}
+
+.item-title {
+  font-size: 30rpx;
+  font-weight: 600;
+  color: #333;
+  flex: 1;
+}
+
+.item-status {
+  font-size: 20rpx;
+  padding: 8rpx 16rpx;
+  border-radius: 20rpx;
+  font-weight: 500;
+}
+
+.item-status.pending {
+  background: #fff7e6;
+  color: #faad14;
+}
+
+.item-content {
+  margin-bottom: 20rpx;
+}
+
+.item-desc {
+  font-size: 26rpx;
+  color: #666;
+  margin-bottom: 12rpx;
+  line-height: 1.5;
+}
+
+.item-meta {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.item-applicant,
+.item-time {
+  font-size: 22rpx;
+  color: #999;
+}