添加银行和政府端小程序

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

@@ -0,0 +1,42 @@
+// pages/epidemic/epidemic.js
+Page({
+  data: {
+    searchKeyword: '',
+    loading: false,
+    epidemicList: []
+  },
+
+  onLoad() {
+    this.loadEpidemicData()
+  },
+
+  loadEpidemicData() {
+    // 模拟数据
+    this.setData({
+      epidemicList: [
+        {
+          id: 1,
+          title: '疫情预警',
+          description: '发现疑似疫情情况',
+          location: '宁夏银川市',
+          level: 'high',
+          levelText: '高风险',
+          createTime: '2024-01-15 14:30'
+        }
+      ]
+    })
+  },
+
+  onSearchInput(e) {
+    this.setData({
+      searchKeyword: e.detail.value
+    })
+  },
+
+  handleAdd() {
+    wx.showToast({
+      title: '新增功能待实现',
+      icon: 'none'
+    })
+  }
+})

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

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

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

@@ -0,0 +1,58 @@
+<!--pages/epidemic/epidemic.wxml-->
+<view class="epidemic-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="epidemic-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="{{epidemicList.length === 0}}" class="empty">
+      <view class="empty-icon">🦠</view>
+      <view class="empty-text">暂无疫情记录</view>
+    </view>
+    
+    <view wx:else class="list-content">
+      <view
+        wx:for="{{epidemicList}}"
+        wx:key="id"
+        class="epidemic-item"
+      >
+        <view class="item-header">
+          <view class="item-title">{{item.title}}</view>
+          <view class="item-level {{item.level}}">
+            {{item.levelText}}
+          </view>
+        </view>
+        <view class="item-content">
+          <view class="item-desc">{{item.description}}</view>
+          <view class="item-meta">
+            <view class="item-location">📍 {{item.location}}</view>
+            <view class="item-time">{{item.createTime}}</view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</view>

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

@@ -0,0 +1,169 @@
+/* pages/epidemic/epidemic.wxss */
+.epidemic-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;
+}
+
+.epidemic-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;
+}
+
+.epidemic-item {
+  padding: 30rpx;
+  border-bottom: 1rpx solid #f0f0f0;
+  transition: background 0.3s;
+}
+
+.epidemic-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-level {
+  font-size: 20rpx;
+  padding: 8rpx 16rpx;
+  border-radius: 20rpx;
+  font-weight: 500;
+}
+
+.item-level.high {
+  background: #fff2f0;
+  color: #ff4d4f;
+}
+
+.item-level.medium {
+  background: #fff7e6;
+  color: #faad14;
+}
+
+.item-level.low {
+  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-location,
+.item-time {
+  font-size: 22rpx;
+  color: #999;
+}