添加银行和政府端小程序

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

@@ -0,0 +1,42 @@
+// pages/service/service.js
+Page({
+  data: {
+    searchKeyword: '',
+    loading: false,
+    serviceList: []
+  },
+
+  onLoad() {
+    this.loadServiceData()
+  },
+
+  loadServiceData() {
+    // 模拟数据
+    this.setData({
+      serviceList: [
+        {
+          id: 1,
+          title: '技术服务',
+          description: '为养殖户提供技术指导',
+          type: 'technical',
+          typeText: '技术服务',
+          status: 'active',
+          statusText: '进行中'
+        }
+      ]
+    })
+  },
+
+  onSearchInput(e) {
+    this.setData({
+      searchKeyword: e.detail.value
+    })
+  },
+
+  handleAdd() {
+    wx.showToast({
+      title: '新增功能待实现',
+      icon: 'none'
+    })
+  }
+})

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

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

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

@@ -0,0 +1,57 @@
+<!--pages/service/service.wxml-->
+<view class="service-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="service-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="{{serviceList.length === 0}}" class="empty">
+      <view class="empty-icon">🛠️</view>
+      <view class="empty-text">暂无服务记录</view>
+    </view>
+    
+    <view wx:else class="list-content">
+      <view
+        wx:for="{{serviceList}}"
+        wx:key="id"
+        class="service-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-type">{{item.typeText}}</view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</view>

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

@@ -0,0 +1,158 @@
+/* pages/service/service.wxss */
+.service-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;
+}
+
+.service-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;
+}
+
+.service-item {
+  padding: 30rpx;
+  border-bottom: 1rpx solid #f0f0f0;
+  transition: background 0.3s;
+}
+
+.service-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.active {
+  background: #f6ffed;
+  color: #52c41a;
+}
+
+.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-type {
+  font-size: 22rpx;
+  color: #999;
+}