From 594913404b9d0b787061a859690f8c29d033b253 Mon Sep 17 00:00:00 2001
From: Jafeng <2998840497@qq.com>
Date: Tue, 20 Jan 2026 16:24:43 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E6=96=B0=E5=A2=9E=E7=97=85=E5=8E=86?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                        |  42 ++
 pages/case/batch-share.vue        | 173 +++++++
 pages/case/batch-transfer.vue     | 174 +++++++
 pages/case/case.vue               | 724 +++++++++++++++++++++++++++++-
 pages/case/group-manage.vue       | 239 ++++++++++
 pages/case/patient-create.vue     | 132 ++++++
 pages/case/patient-inner-info.vue | 144 ++++++
 pages/case/patient-invite.vue     | 225 ++++++++++
 pages/case/search.vue             | 283 ++++++++++++
 9 files changed, 2132 insertions(+), 4 deletions(-)
 create mode 100644 pages/case/batch-share.vue
 create mode 100644 pages/case/batch-transfer.vue
 create mode 100644 pages/case/group-manage.vue
 create mode 100644 pages/case/patient-create.vue
 create mode 100644 pages/case/patient-inner-info.vue
 create mode 100644 pages/case/patient-invite.vue
 create mode 100644 pages/case/search.vue

diff --git a/pages.json b/pages.json
index 09244f9..7facc44 100644
--- a/pages.json
+++ b/pages.json
@@ -12,6 +12,48 @@
 				"navigationBarTitleText": "病例"
 			}
 		},
+		{
+			"path": "pages/case/search",
+			"style": {
+				"navigationBarTitleText": "搜索患者"
+			}
+		},
+		{
+			"path": "pages/case/group-manage",
+			"style": {
+				"navigationBarTitleText": "分组管理"
+			}
+		},
+		{
+			"path": "pages/case/batch-transfer",
+			"style": {
+				"navigationBarTitleText": "转移客户给其他团队"
+			}
+		},
+		{
+			"path": "pages/case/batch-share",
+			"style": {
+				"navigationBarTitleText": "共享客户"
+			}
+		},
+		{
+			"path": "pages/case/patient-invite",
+			"style": {
+				"navigationBarTitleText": "邀请患者"
+			}
+		},
+		{
+			"path": "pages/case/patient-create",
+			"style": {
+				"navigationBarTitleText": "新增患者"
+			}
+		},
+		{
+			"path": "pages/case/patient-inner-info",
+			"style": {
+				"navigationBarTitleText": "内部信息"
+			}
+		},
 		{
 			"path": "pages/work/work",
 			"style": {
diff --git a/pages/case/batch-share.vue b/pages/case/batch-share.vue
new file mode 100644
index 0000000..93ff426
--- /dev/null
+++ b/pages/case/batch-share.vue
@@ -0,0 +1,173 @@
+<template>
+  <view class="share-container">
+    <view class="content">
+      <view class="section-title">选择共享团队</view>
+      <view class="selector-item" @click="selectTeam">
+        <text :class="team ? '' : 'placeholder'">{{ team ? team.name : "请选择团队" }}</text>
+        <uni-icons type="arrowdown" size="16" color="#999"></uni-icons>
+      </view>
+
+      <view class="tips">共享客户：表示客户档案共享多个团队可见，多个团队可同时为该客户服务。</view>
+
+      <template v-if="team">
+        <view class="section-title">选择责任人</view>
+        <view class="selector-item" @click="selectUser">
+          <text :class="user ? '' : 'placeholder'">{{ user ? user.name : "请选择责任人" }}</text>
+          <uni-icons type="arrowdown" size="16" color="#999"></uni-icons>
+        </view>
+      </template>
+    </view>
+
+    <view class="footer">
+      <button class="btn plain" @click="cancel">取消</button>
+      <button class="btn primary" @click="save">保存</button>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const team = ref(null);
+const user = ref(null);
+
+// Mock Data
+const teams = [
+  { id: 1, name: '李医生团队' },
+  { id: 2, name: '王医生团队' }
+];
+
+const users = [
+  { id: 101, name: '张医生' },
+  { id: 102, name: '李医生' },
+  { id: 103, name: '王医生' }
+];
+
+const selectTeam = () => {
+  uni.showActionSheet({
+    itemList: teams.map(t => t.name),
+    success: (res) => {
+      team.value = teams[res.tapIndex];
+      user.value = null;
+    }
+  });
+};
+
+const selectUser = () => {
+  uni.showActionSheet({
+    itemList: users.map(u => u.name),
+    success: (res) => {
+      user.value = users[res.tapIndex];
+    }
+  });
+};
+
+const cancel = () => {
+  uni.navigateBack();
+};
+
+const save = () => {
+  if (!team.value) {
+    uni.showToast({ title: '请选择团队', icon: 'none' });
+    return;
+  }
+  if (!user.value) {
+    uni.showToast({ title: '请选择负责人', icon: 'none' });
+    return;
+  }
+  
+  uni.showLoading({ title: '保存中' });
+  setTimeout(() => {
+    uni.hideLoading();
+    uni.showToast({ title: '操作成功' });
+    setTimeout(() => {
+      uni.navigateBack();
+    }, 1500);
+  }, 1000);
+};
+</script>
+
+<style lang="scss" scoped>
+.share-container {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  background-color: #f7f8fa;
+}
+
+.content {
+  flex: 1;
+  padding: 20px;
+
+  .section-title {
+    font-size: 16px;
+    font-weight: bold;
+    color: #333;
+    margin-top: 20px;
+    margin-bottom: 10px;
+    
+    &:first-child {
+      margin-top: 0;
+    }
+  }
+
+  .selector-item {
+    background-color: #fff;
+    height: 44px;
+    border-radius: 8px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 15px;
+    
+    text {
+      font-size: 14px;
+      color: #333;
+      
+      &.placeholder {
+        color: #999;
+      }
+    }
+  }
+
+  .tips {
+    margin-top: 15px;
+    font-size: 14px;
+    color: #999;
+    line-height: 1.5;
+  }
+}
+
+.footer {
+  background-color: #fff;
+  padding: 15px 20px 30px;
+  display: flex;
+  gap: 15px;
+  box-shadow: 0 -2px 10px rgba(0,0,0,0.05);
+
+  .btn {
+    flex: 1;
+    height: 44px;
+    line-height: 44px;
+    font-size: 16px;
+    border-radius: 4px;
+    margin: 0;
+
+    &.plain {
+      background-color: #fff;
+      color: #666;
+      border: 1px solid #ddd;
+    }
+
+    &.primary {
+      background-color: #5d8aff;
+      color: #fff;
+      border: none;
+    }
+    
+    &::after {
+      border: none;
+    }
+  }
+}
+</style>
diff --git a/pages/case/batch-transfer.vue b/pages/case/batch-transfer.vue
new file mode 100644
index 0000000..998fb42
--- /dev/null
+++ b/pages/case/batch-transfer.vue
@@ -0,0 +1,174 @@
+<template>
+  <view class="transfer-container">
+    <view class="content">
+      <view class="section-title">选择新负责团队</view>
+      <view class="selector-item" @click="selectTeam">
+        <text :class="team ? '' : 'placeholder'">{{ team ? team.name : "请选择选择团队" }}</text>
+        <uni-icons type="arrowdown" size="16" color="#999"></uni-icons>
+      </view>
+
+      <template v-if="team">
+        <view class="section-title">选择责任人</view>
+        <view class="selector-item" @click="selectUser">
+          <text :class="user ? '' : 'placeholder'">{{ user ? user.name : "请选择责任人" }}</text>
+          <uni-icons type="arrowdown" size="16" color="#999"></uni-icons>
+        </view>
+      </template>
+
+      <view class="tips">客户将与本团队解除服务关系，本团队成员将没有权限查询到客户档案。</view>
+    </view>
+
+    <view class="footer">
+      <button class="btn plain" @click="cancel">取消</button>
+      <button class="btn primary" @click="save">保存</button>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const team = ref(null);
+const user = ref(null);
+
+// Mock Data
+const teams = [
+  { id: 1, name: '张敏西服务团队' },
+  { id: 2, name: '李医生团队' },
+  { id: 3, name: '王医生团队' }
+];
+
+const users = [
+  { id: 101, name: '张医生' },
+  { id: 102, name: '李医生' },
+  { id: 103, name: '王医生' }
+];
+
+const selectTeam = () => {
+  uni.showActionSheet({
+    itemList: teams.map(t => t.name),
+    success: (res) => {
+      team.value = teams[res.tapIndex];
+      user.value = null; // Reset user when team changes
+    }
+  });
+};
+
+const selectUser = () => {
+  uni.showActionSheet({
+    itemList: users.map(u => u.name),
+    success: (res) => {
+      user.value = users[res.tapIndex];
+    }
+  });
+};
+
+const cancel = () => {
+  uni.navigateBack();
+};
+
+const save = () => {
+  if (!team.value) {
+    uni.showToast({ title: '请选择团队', icon: 'none' });
+    return;
+  }
+  if (!user.value) {
+    uni.showToast({ title: '请选择责任人', icon: 'none' });
+    return;
+  }
+  
+  uni.showLoading({ title: '保存中' });
+  setTimeout(() => {
+    uni.hideLoading();
+    uni.showToast({ title: '操作成功' });
+    setTimeout(() => {
+      uni.navigateBack();
+    }, 1500);
+  }, 1000);
+};
+</script>
+
+<style lang="scss" scoped>
+.transfer-container {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  background-color: #f7f8fa;
+}
+
+.content {
+  flex: 1;
+  padding: 20px;
+
+  .section-title {
+    font-size: 16px;
+    font-weight: bold;
+    color: #333;
+    margin-top: 20px;
+    margin-bottom: 10px;
+    
+    &:first-child {
+      margin-top: 0;
+    }
+  }
+
+  .selector-item {
+    background-color: #fff;
+    height: 44px;
+    border-radius: 8px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 15px;
+    
+    text {
+      font-size: 14px;
+      color: #333;
+      
+      &.placeholder {
+        color: #999;
+      }
+    }
+  }
+
+  .tips {
+    margin-top: 15px;
+    font-size: 14px;
+    color: #999;
+    line-height: 1.5;
+  }
+}
+
+.footer {
+  background-color: #fff;
+  padding: 15px 20px 30px;
+  display: flex;
+  gap: 15px;
+  box-shadow: 0 -2px 10px rgba(0,0,0,0.05);
+
+  .btn {
+    flex: 1;
+    height: 44px;
+    line-height: 44px;
+    font-size: 16px;
+    border-radius: 4px;
+    margin: 0;
+
+    &.plain {
+      background-color: #fff;
+      color: #666;
+      border: 1px solid #ddd;
+    }
+
+    &.primary {
+      background-color: #5d8aff;
+      color: #fff;
+      border: none;
+    }
+    
+    &::after {
+      border: none;
+    }
+  }
+}
+</style>
diff --git a/pages/case/case.vue b/pages/case/case.vue
index f4a51e2..984d930 100644
--- a/pages/case/case.vue
+++ b/pages/case/case.vue
@@ -1,8 +1,724 @@
 <template>
-  <div>case</div>
+  <view class="container">
+    <!-- Header -->
+    <view class="header">
+      <view class="team-selector" @click="toggleTeamPopup">
+        <text class="team-name">{{ teamDisplay }}</text>
+        <uni-icons type="loop" size="18" color="#333" class="team-icon"></uni-icons>
+      </view>
+      <view class="header-actions">
+        <view class="action-item" @click="goToSearch">
+          <uni-icons type="search" size="22" color="#333"></uni-icons>
+          <text class="action-text">搜索</text>
+        </view>
+        <view class="action-item" @click="toggleBatchMode">
+          <uni-icons type="checkbox" size="22" color="#333"></uni-icons>
+          <text class="action-text">批量</text>
+        </view>
+        <view class="action-item" @click="goToGroupManage">
+          <uni-icons type="staff" size="22" color="#333"></uni-icons>
+          <text class="action-text">分组</text>
+        </view>
+        <view class="action-item" @click="handleCreate">
+          <uni-icons type="plusempty" size="22" color="#333"></uni-icons>
+          <text class="action-text">新增</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- Tabs and Count -->
+    <view class="tabs-area">
+      <scroll-view scroll-x class="tabs-scroll" :show-scrollbar="false">
+        <view class="tabs-container">
+          <view 
+            v-for="(tab, index) in tabs" 
+            :key="index" 
+            class="tab-item" 
+            :class="{ active: currentTab === index }"
+            @click="currentTab = index"
+          >
+            {{ tab }}
+          </view>
+        </view>
+      </scroll-view>
+      <view class="total-count-inline">共{{ totalPatients }}条</view>
+    </view>
+
+    <!-- Main Content -->
+    <view class="content-body">
+      <!-- Patient List -->
+      <scroll-view 
+        scroll-y 
+        class="patient-list" 
+        :scroll-into-view="scrollIntoId"
+        :scroll-with-animation="true"
+      >
+        <view v-for="group in patientList" :key="group.letter" :id="'letter-' + group.letter">
+          <view class="group-title">{{ group.letter }}</view>
+          
+          <view v-for="(patient, pIndex) in group.data" :key="pIndex" class="patient-card" @click="isBatchMode ? toggleSelect(patient) : null">
+            <!-- Checkbox for Batch Mode -->
+            <view v-if="isBatchMode" class="checkbox-area">
+              <uni-icons 
+                :type="selectedItems.includes(patient.phone) ? 'checkbox-filled' : 'checkbox'" 
+                size="24" 
+                :color="selectedItems.includes(patient.phone) ? '#007aff' : '#ccc'"
+              ></uni-icons>
+            </view>
+            <view class="card-content">
+              <!-- Row 1 -->
+              <view class="card-row-top">
+                <view class="patient-info">
+                  <text class="patient-name">{{ patient.name }}</text>
+                  <text class="patient-meta">{{ patient.gender }}/{{ patient.age }}岁</text>
+                </view>
+                <view class="patient-tags">
+                  <view v-for="(tag, tIndex) in patient.tags" :key="tIndex" class="tag">
+                    {{ tag }}
+                  </view>
+                </view>
+              </view>
+              
+              <!-- Row 2 / 3 -->
+              <view class="card-row-bottom">
+                <template v-if="currentTab === 1"> <!-- New Patient Tab -->
+                  <text class="record-text">
+                    {{ patient.createTime || '-' }} / {{ patient.creator || '-' }}
+                  </text>
+                </template>
+                <template v-else>
+                  <text v-if="patient.record" class="record-text">
+                    {{ patient.record.type }} / {{ patient.record.date }} / {{ patient.record.diagnosis }}
+                  </text>
+                  <text v-else class="no-record">暂无病历记录</text>
+                </template>
+              </view>
+            </view>
+          </view>
+        </view>
+        <!-- Bottom padding for tabbar -->
+        <view style="height: 100px;"></view> <!-- Increased padding -->
+      </scroll-view>
+
+      <!-- Sidebar Index -->
+      <view v-if="!isBatchMode" class="sidebar-index">
+        <view 
+          v-for="letter in indexList" 
+          :key="letter" 
+          class="index-item"
+          @click="scrollToLetter(letter)"
+        >
+          {{ letter }}
+        </view>
+      </view>
+    </view>
+
+    <!-- Batch Actions Footer -->
+    <view v-if="isBatchMode" class="batch-footer">
+      <view class="left-action" @click="handleSelectAll">
+        <uni-icons 
+          :type="selectedItems.length > 0 && selectedItems.length === patientList.flatMap(g => g.data).length ? 'checkbox-filled' : 'checkbox'" 
+          size="24" 
+          color="#666"
+        ></uni-icons>
+        <text class="footer-text">全选 ({{ selectedItems.length }})</text>
+      </view>
+      <view class="right-actions">
+        <button class="footer-btn plain" @click="cancelBatch">取消</button>
+        <button class="footer-btn primary" @click="handleTransfer">转移</button>
+        <button class="footer-btn primary" @click="handleShare">共享</button>
+      </view>
+    </view>
+  </view>
 </template>
-  <script>
-</script>
+
+<script setup>
+import { ref, computed } from 'vue';
+
+// State
+const currentTeam = ref('张敏西服务团队');
+const currentTab = ref(0);
+const scrollIntoId = ref('');
+const tabs = ['全部', '新患者', '糖尿病', '高血压', '冠心病', '慢阻肺'];
+const isBatchMode = ref(false);
+const selectedItems = ref([]); // Stores patient phone or unique ID
+
+// 新增流程所需状态（后续接接口替换）
+const managedArchiveCountAllTeams = ref(10); // 在管档案数（所有团队）
+const isVerified = ref(true); // 是否已认证
+const hasVerifyFailedHistory = ref(false); // 是否有历史认证失败
+const verifyFailedReason = ref('资料不完整，请补充营业执照/资质证明后重新提交。');
+
+const teamDisplay = computed(() => `${currentTeam.value}(${managedArchiveCountAllTeams.value})`);
+
+// Mock Data
+const allPatients = [
+  {
+    letter: 'A',
+    data: [
+      { 
+        name: '安乐', gender: '男', age: 45, tags: ['糖尿病'], 
+        record: { type: '门诊', date: '2026.1.10', diagnosis: '2型糖尿病' },
+        createTime: '2026.1.19 14:30', creator: '李医生', phone: '13888888888', hospitalId: '1001'
+      },
+      { 
+        name: '奥利奥', gender: '女', age: 22, tags: [], record: null,
+        createTime: '2026.1.15 09:00', creator: '王医生', phone: '13999999999', hospitalId: '1002'
+      }
+    ]
+  },
+  {
+    letter: 'L',
+    data: [
+      { 
+        name: '李珊珊', gender: '女', age: 37, tags: ['糖尿病', '高血压'], 
+        record: { type: '门诊', date: '2026.1.10', diagnosis: '急性上呼吸道感染' },
+        createTime: '2026.1.10 10:20', creator: '张医生', phone: '13666666666', hospitalId: '1003'
+      },
+      { 
+        name: '李珊珊', gender: '女', age: 37, tags: [], 
+        record: { type: '住院', date: '2026.1.10', diagnosis: '急性上呼吸道感染' },
+        createTime: '2025.12.30 11:00', creator: '张医生', phone: '13666666667', hospitalId: '10031'
+      },
+      { 
+        name: '李某某', gender: '女', age: 37, tags: [], record: null,
+        createTime: '2025.12.01 08:30', creator: '系统导入', phone: '13555555555', hospitalId: '1004'
+      },
+      { 
+        name: '李四', gender: '男', age: 50, tags: ['高血压'], record: null,
+        createTime: '2026.1.18 16:45', creator: '管理员', phone: '13444444444', hospitalId: '1005'
+      }
+    ]
+  },
+  {
+    letter: 'Z',
+    data: [
+      { 
+        name: '张三', gender: '男', age: 28, tags: [], record: null,
+        createTime: '2026.1.19 10:00', creator: '赵医生', phone: '13333333333', hospitalId: '1006'
+      },
+      { 
+        name: '张敏', gender: '女', age: 32, tags: ['高血压'], 
+        record: { type: '门诊', date: '2025.12.15', diagnosis: '高血压' },
+        createTime: '2025.11.20 15:15', creator: '孙医生', phone: '13222222222', hospitalId: '1007'
+      }
+    ]
+  }
+];
+
+// Computed
+const patientList = computed(() => {
+  let list = allPatients;
+
+  // New Patient Filter (Last 7 days)
+  if (currentTab.value === 1) {
+    // Current date logic: 2026-01-20
+    const now = new Date('2026-01-20').getTime();
+    const sevenDaysAgo = now - 7 * 24 * 60 * 60 * 1000;
+
+    let flatList = [];
+    list.forEach(group => {
+      group.data.forEach(p => {
+        if (p.createTime) {
+          // Parse format 2026.1.19 14:30
+          const timeStr = p.createTime.replace(/\./g, '/'); // safari compatibility often needs /, but for calculation standardizing
+          const pTime = new Date(timeStr).getTime();
+          if (pTime >= sevenDaysAgo) {
+            flatList.push({ ...p, _ts: pTime });
+          }
+        }
+      });
+    });
+
+    // Sort by create time desc
+    flatList.sort((a, b) => b._ts - a._ts);
+
+    // Re-group or just show one group? 
+    // Usually grouped list maintains grouping or creates a "Search Result" group. 
+    // Requirement says "New Patient show...". Usually lists are still grouped by alphabet or just a flat list.
+    // The requirement "Sorted from late to early" for creation time implies order is important, creating letter groups breaks time order.
+    // So for "New Patient" tab, we should probably output a single group or regoup by date?
+    // Requirement 1.2 "New Patient card... order late to early". This strongly implies creating a single list sorted by time.
+    // But the template expects `group.letter` and `group.data`.
+    // I will return a single group named 'Recent' or similar, or just empty letter to hide header.
+    // The template has `<view class="group-title">{{ group.letter }}</view>`. If letter is empty, it shows empty line.
+    // I will return [{ letter: '新患者', data: flatList }]
+    
+    return [{ letter: '最近新增', data: flatList }];
+  }
+
+  // Tab Filtering (Mock logic for other tabs)
+  if (currentTab.value > 1) {
+    const tabName = tabs[currentTab.value];
+    list = list.map(group => ({
+      ...group,
+      data: group.data.filter(p => p.tags.includes(tabName))
+    })).filter(group => group.data.length > 0);
+  }
+
+  return list; 
+});
+
+const indexList = computed(() => {
+  if (currentTab.value === 1) return []; // No index bar for new patient
+  return 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('').filter(l => patientList.value.some(g => g.letter === l));
+});
+
+const totalPatients = computed(() => {
+  let count = 0;
+  patientList.value.forEach(g => count += g.data.length);
+  return count;
+});
+
+// Methods
+const checkBatchMode = () => {
+  if (isBatchMode.value) {
+    uni.showToast({ title: '请先完成当前批量设置或点击底部“取消”按钮退出', icon: 'none' });
+    return true;
+  }
+  return false;
+};
+
+const scrollToLetter = (letter) => {
+  if (currentTab.value === 1) return;
+  scrollIntoId.value = 'letter-' + letter;
+};
+
+const toggleTeamPopup = () => {
+  if (checkBatchMode()) return;
+  uni.showActionSheet({
+    itemList: ['张敏西服务团队', '李医生团队', '王医生团队'],
+    success: function (res) {
+      const teams = ['张敏西服务团队', '李医生团队', '王医生团队'];
+      currentTeam.value = teams[res.tapIndex];
+    }
+  });
+};
+
+const goToSearch = () => {
+  if (checkBatchMode()) return;
+  uni.navigateTo({
+    url: '/pages/case/search'
+  });
+};
+
+const goToGroupManage = () => {
+  if (checkBatchMode()) return;
+  uni.navigateTo({
+    url: '/pages/case/group-manage'
+  });
+};
+
+const toggleBatchMode = () => {
+  if (isBatchMode.value) {
+    // Already in batch mode, do nothing or prompt?
+    // Prompt says "click Other operations... prompt please finish".
+    // Clicking "Batch" itself while in batch mode: user usually expects toggle off or nothing.
+    // Based on "click Cancel button to exit", I'll assume clicking existing batch button doesn't exit.
+    return;
+  }
+  isBatchMode.value = true;
+  selectedItems.value = [];
+};
+
+const handleCreate = () => {
+  if (checkBatchMode()) return;
+  // 100上限：无法继续新增 -> 引导联系客服（预留入口）
+  if (managedArchiveCountAllTeams.value >= 100) {
+    uni.showModal({
+      title: '提示',
+      content: '当前管理档案数已达 100 个，无法继续新增。如需提升档案管理数，请联系客服处理。',
+      cancelText: '知道了',
+      confirmText: '添加客服',
+      success: (res) => {
+        if (res.confirm) {
+          openAddCustomerServiceEntry();
+        }
+      }
+    });
+    return;
+  }
+
+  // 未认证 + 达到10上限：提示去认证
+  if (!isVerified.value && managedArchiveCountAllTeams.value >= 10) {
+    uni.showModal({
+      title: '提示',
+      content: '当前管理档案数已达上限 10 个，完成认证即可升级至 100 个。',
+      cancelText: '暂不认证',
+      confirmText: '去认证',
+      success: (res) => {
+        if (res.confirm) {
+          startVerifyFlow();
+        }
+      }
+    });
+    return;
+  }
+
+  // 未达上限：显示新增入口
+  uni.showActionSheet({
+    itemList: ['邀请患者建档', '我帮患者建档'],
+    success: (res) => {
+      if (res.tapIndex === 0) {
+        openInvitePatientEntry();
+      } else if (res.tapIndex === 1) {
+        openCreatePatientEntry();
+      }
+    }
+  });
+};
+
+// 新增流程：认证分支
+const startVerifyFlow = () => {
+  // 有历史失败记录 -> 展示失败原因 & 重新认证
+  if (hasVerifyFailedHistory.value) {
+    uni.showModal({
+      title: '提示',
+      content: `您有历史认证未通过记录。失败原因为：\n\n${verifyFailedReason.value}`,
+      cancelText: '取消',
+      confirmText: '重新认证',
+      success: (res) => {
+        if (res.confirm) {
+          openVerifyEntry();
+        }
+      }
+    });
+    return;
+  }
+
+  // 正常去认证
+  openVerifyEntry();
+};
+
+// ===== 预留入口（后续对接真实页面/接口） =====
+const openVerifyEntry = () => {
+  uni.showToast({ title: '认证功能待接入', icon: 'none' });
+};
+
+const openAddCustomerServiceEntry = () => {
+  uni.showToast({ title: '添加客服功能待接入', icon: 'none' });
+};
+
+const openInvitePatientEntry = () => {
+  uni.navigateTo({ url: '/pages/case/patient-invite' });
+};
+
+const openCreatePatientEntry = () => {
+  uni.navigateTo({ url: '/pages/case/patient-create' });
+};
+
+// Batch Operations
+const toggleSelect = (patient) => {
+  if (!isBatchMode.value) return; // Should not happen if click handler is correct
   
-<style>
+  const id = patient.phone; // Using phone as unique ID for mock
+  const index = selectedItems.value.indexOf(id);
+  if (index > -1) {
+    selectedItems.value.splice(index, 1);
+  } else {
+    selectedItems.value.push(id);
+  }
+};
+
+const handleSelectAll = () => {
+  // Flatten current list
+  const currentList = patientList.value.flatMap(group => group.data);
+  if (selectedItems.value.length === currentList.length) {
+    selectedItems.value = []; // Unselect All
+  } else {
+    selectedItems.value = currentList.map(p => p.phone);
+  }
+};
+
+const cancelBatch = () => {
+  isBatchMode.value = false;
+  selectedItems.value = [];
+};
+
+const handleTransfer = () => {
+  if (selectedItems.value.length === 0) {
+    uni.showToast({ title: '请选择患者', icon: 'none' });
+    return;
+  }
+  // Navigate to Transfer Page
+  uni.navigateTo({ url: '/pages/case/batch-transfer' });
+};
+
+const handleShare = () => {
+  if (selectedItems.value.length === 0) {
+    uni.showToast({ title: '请选择患者', icon: 'none' });
+    return;
+  }
+  // Navigate to Share Page
+  uni.navigateTo({ url: '/pages/case/batch-share' });
+};
+
+</script>
+
+<style lang="scss" scoped>
+.container {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  background-color: #fff;
+  padding-bottom: 0; // Default
+  
+  // Padding for batch footer
+  /* &.is-batch {
+    padding-bottom: 50px; 
+  } */ 
+  // We can't use &.is-batch because scoped style and root element is tricky depending on uni-app version/style
+  // Instead we handle it in content-body or separate view
+}
+
+.header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10px 15px;
+  background-color: #fff;
+  border-bottom: 1px solid #f0f0f0;
+
+  .team-selector {
+    display: flex;
+    align-items: center;
+    font-size: 18px;
+    font-weight: bold;
+    color: #333;
+    
+    .team-name {
+      margin-right: 5px;
+    }
+  }
+
+  .header-actions {
+    display: flex;
+    gap: 15px;
+    
+    .action-item {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      
+      .action-text {
+        font-size: 10px;
+        color: #333;
+        margin-top: 2px;
+      }
+    }
+  }
+}
+
+.tabs-area {
+  display: flex;
+  align-items: center;
+  background-color: #f5f7fa;
+  border-bottom: 1px solid #eee;
+  padding-right: 15px; // Padding for the count
+
+  .tabs-scroll {
+    flex: 1;
+    white-space: nowrap;
+    overflow: hidden;
+    
+    .tabs-container {
+      display: flex;
+      padding: 10px 15px;
+      
+      .tab-item {
+        padding: 5px 15px;
+        margin-right: 10px;
+        font-size: 14px;
+        color: #666;
+        background-color: #fff;
+        border-radius: 4px;
+        flex-shrink: 0;
+        
+        &.active {
+          color: #5d8aff;
+          background-color: #e6f0ff;
+          font-weight: bold;
+        }
+      }
+    }
+  }
+
+  .total-count-inline {
+    font-size: 12px;
+    color: #666;
+    white-space: nowrap;
+    flex-shrink: 0;
+    min-width: 50px;
+    text-align: right;
+  }
+}
+
+.content-body {
+  flex: 1;
+  display: flex;
+  position: relative;
+  overflow: hidden;
+}
+
+.patient-list {
+  flex: 1;
+  height: 100%;
+  background-color: #f7f8fa;
+}
+
+.group-title {
+  padding: 5px 15px;
+  font-size: 14px;
+  color: #333;
+}
+
+.patient-card {
+  display: flex;
+  background-color: #fff;
+  padding: 15px;
+  margin-bottom: 1px; // Separator line
+  border-bottom: 1px solid #f0f0f0;
+
+  .checkbox-area {
+    display: flex;
+    align-items: center;
+    margin-right: 10px;
+  }
+
+  .card-content {
+    flex: 1;
+  }
+
+  .card-row-top {
+    display: flex;
+    align-items: center;
+    margin-bottom: 8px;
+    flex-wrap: wrap;
+
+    .patient-info {
+      display: flex;
+      align-items: flex-end;
+      margin-right: 10px;
+
+      .patient-name {
+        font-size: 18px;
+        font-weight: bold;
+        color: #333;
+        margin-right: 8px;
+      }
+
+      .patient-meta {
+        font-size: 12px;
+        color: #999;
+        margin-bottom: 2px;
+      }
+    }
+
+    .patient-tags {
+      display: flex;
+      gap: 5px;
+      
+      .tag {
+        font-size: 10px;
+        color: #5d8aff;
+        border: 1px solid #5d8aff;
+        padding: 0 4px;
+        border-radius: 8px;
+        height: 16px;
+        line-height: 14px;
+      }
+    }
+  }
+
+  .card-row-bottom {
+    font-size: 14px;
+    
+    .record-text {
+      color: #666;
+    }
+    
+    .no-record {
+      color: #bdc3c7;
+    }
+  }
+}
+
+.batch-footer {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 50px;
+  background-color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 15px;
+  box-shadow: 0 -2px 10px rgba(0,0,0,0.05);
+  z-index: 99;
+
+  .left-action {
+    display: flex;
+    align-items: center;
+    .footer-text {
+      margin-left: 5px;
+      font-size: 14px;
+      color: #333;
+    }
+  }
+
+  .right-actions {
+    display: flex;
+    gap: 10px;
+    
+    .footer-btn {
+      font-size: 14px;
+      padding: 0 15px;
+      height: 32px;
+      line-height: 32px;
+      margin: 0;
+      border-radius: 4px;
+      
+      &.plain {
+        border: 1px solid #ddd;
+        background-color: #fff;
+        color: #666;
+      }
+      
+      &.primary {
+        background-color: #5d8aff;
+        color: #fff;
+        border: none;
+      }
+
+      &::after {
+        border: none;
+      }
+    }
+  }
+}
+
+.sidebar-index {
+  width: 20px;
+  position: absolute;
+  right: 0;
+  top: 20px;
+  bottom: 20px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background-color: transparent;
+  z-index: 10;
+  
+  .index-item {
+    font-size: 10px;
+    color: #555;
+    padding: 2px 0;
+    width: 20px;
+    text-align: center;
+    font-weight: 500;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/pages/case/group-manage.vue b/pages/case/group-manage.vue
new file mode 100644
index 0000000..af40a8f
--- /dev/null
+++ b/pages/case/group-manage.vue
@@ -0,0 +1,239 @@
+<template>
+  <view class="manage-container">
+    <view class="group-list">
+      <view v-for="(item, index) in groups" :key="index" class="group-item">
+        <view class="left-action" @click="handleDelete(index)">
+          <uni-icons type="minus-filled" size="24" color="#ff4d4f"></uni-icons>
+        </view>
+        <view class="group-name">{{ item.name }}</view>
+        <view class="right-actions">
+          <uni-icons type="compose" size="24" color="#5d8aff" class="icon-edit" @click="handleEdit(item, index)"></uni-icons>
+          <uni-icons type="bars" size="24" color="#5d8aff" class="icon-drag"></uni-icons>
+        </view>
+      </view>
+    </view>
+
+    <!-- Bottom Button -->
+    <view class="footer">
+      <button class="add-btn" @click="handleAdd">添加新分组</button>
+    </view>
+
+    <!-- Dialog -->
+    <view v-if="showDialog" class="dialog-mask">
+      <view class="dialog-content">
+        <view class="dialog-header">{{ dialogTitle }}</view>
+        <view class="dialog-body">
+          <input class="dialog-input" type="text" v-model="inputValue" placeholder="请输入分组名称" />
+        </view>
+        <view class="dialog-footer">
+          <button class="dialog-btn cancel" @click="closeDialog">取消</button>
+          <button class="dialog-btn confirm" @click="handleSave">保存</button>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+// State
+const groups = ref([
+  { id: 1, name: '糖尿病' },
+  { id: 2, name: '高血压' },
+  { id: 3, name: '高血脂' }
+]);
+
+const showDialog = ref(false);
+const dialogMode = ref('add'); // 'add' or 'edit'
+const inputValue = ref('');
+const editingIndex = ref(-1);
+
+const dialogTitle = ref('添加新分组');
+
+// Methods
+const handleAdd = () => {
+  dialogMode.value = 'add';
+  dialogTitle.value = '添加新分组';
+  inputValue.value = '';
+  showDialog.value = true;
+};
+
+const handleEdit = (item, index) => {
+  dialogMode.value = 'edit';
+  dialogTitle.value = '编辑分组名称';
+  inputValue.value = item.name;
+  editingIndex.value = index;
+  showDialog.value = true;
+};
+
+const handleDelete = (index) => {
+  uni.showModal({
+    title: '提示',
+    content: '确定要删除该分组吗？',
+    success: (res) => {
+      if (res.confirm) {
+        groups.value.splice(index, 1);
+      }
+    }
+  });
+};
+
+const closeDialog = () => {
+  showDialog.value = false;
+};
+
+const handleSave = () => {
+  if (!inputValue.value.trim()) {
+    uni.showToast({ title: '请输入分组名称', icon: 'none' });
+    return;
+  }
+
+  if (dialogMode.value === 'add') {
+    groups.value.push({
+      id: Date.now(),
+      name: inputValue.value
+    });
+  } else {
+    groups.value[editingIndex.value].name = inputValue.value;
+  }
+
+  closeDialog();
+};
+</script>
+
+<style lang="scss" scoped>
+.manage-container {
+  min-height: 100vh;
+  background-color: #fff;
+  padding-bottom: 80px; // Space for footer
+}
+
+.group-list {
+  padding: 0 15px;
+}
+
+.group-item {
+  display: flex;
+  align-items: center;
+  padding: 15px 0;
+  border-bottom: 1px solid #eee;
+
+  .left-action {
+    margin-right: 15px;
+  }
+
+  .group-name {
+    flex: 1;
+    font-size: 16px;
+    color: #333;
+  }
+
+  .right-actions {
+    display: flex;
+    align-items: center;
+    gap: 15px;
+    
+    .icon-edit, .icon-drag {
+      padding: 5px; // Increase tap area
+    }
+  }
+}
+
+.footer {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: #fff;
+  padding: 15px 20px 30px; // Safe area padding
+  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
+  
+  .add-btn {
+    background-color: #5d8aff;
+    color: #fff;
+    border-radius: 4px;
+    font-size: 16px;
+    height: 44px;
+    line-height: 44px;
+    border: none;
+    
+    &::after {
+      border: none;
+    }
+  }
+}
+
+// Custom Dialog Styles
+.dialog-mask {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 999;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.dialog-content {
+  width: 280px;
+  background-color: #fff;
+  border-radius: 8px;
+  overflow: hidden;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+
+  .dialog-header {
+    padding: 20px 0 10px;
+    text-align: center;
+    font-size: 18px;
+    font-weight: 500;
+    color: #333;
+  }
+
+  .dialog-body {
+    padding: 10px 20px 20px;
+
+    .dialog-input {
+      border: 1px solid #ddd;
+      height: 40px;
+      padding: 0 10px;
+      border-radius: 4px;
+      font-size: 14px;
+    }
+  }
+
+  .dialog-footer {
+    display: flex;
+    padding: 0 20px 20px;
+    justify-content: space-between;
+    gap: 15px;
+
+    .dialog-btn {
+      flex: 1;
+      height: 36px;
+      line-height: 36px;
+      font-size: 14px;
+      margin: 0;
+      
+      &.cancel {
+        background-color: #fff;
+        color: #666;
+        border: 1px solid #ddd;
+      }
+      
+      &.confirm {
+        background-color: #5d8aff;
+        color: #fff;
+        border: none; // Remove border for confirm button usually
+      }
+
+      &::after {
+        border: none;
+      }
+    }
+  }
+}
+</style>
diff --git a/pages/case/patient-create.vue b/pages/case/patient-create.vue
new file mode 100644
index 0000000..5a52206
--- /dev/null
+++ b/pages/case/patient-create.vue
@@ -0,0 +1,132 @@
+<template>
+  <view class="page">
+    <view class="body">
+      <scroll-view scroll-y class="scroll">
+        <view class="form-wrap">
+          <form-template ref="formRef" :items="baseItems" :form="form" :rule="rules" @change="onChange" />
+        </view>
+      </scroll-view>
+
+
+      <view class="footer">
+        <button class="primary" @click="next">下一步</button>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { reactive, ref } from 'vue';
+import { onLoad } from '@dcloudio/uni-app';
+import FormTemplate from '@/components/form-template/index.vue';
+import validate from '@/utils/validate';
+
+const STORAGE_KEY = 'patient-create-base';
+
+const formRef = ref(null);
+const form = reactive({
+  name: '',
+  gender: '',
+  age: '',
+  mobile: '',
+  birthday: '',
+  idType: '',
+  idNo: ''
+});
+
+const baseItems = [
+  { title: 'name', name: '姓名', type: 'input', operateType: 'formCell', required: true, wordLimit: 20, inputType: 'text' },
+  { title: 'gender', name: '性别', type: 'select', operateType: 'formCell', required: false, range: ['男', '女'] },
+  { title: 'age', name: '年龄', type: 'input', operateType: 'formCell', required: false, wordLimit: 3, inputType: 'number' },
+  { title: 'mobile', name: '手机号', type: 'input', operateType: 'formCell', required: false, wordLimit: 11, inputType: 'number' },
+  { title: 'birthday', name: '出生日期', type: 'date', operateType: 'formCell', required: false },
+  { title: 'idType', name: '证件类型', type: 'select', operateType: 'formCell', required: false, range: ['身份证', '护照', '港澳台通行证', '其他'] },
+  { title: 'idNo', name: '证件号', type: 'input', operateType: 'formCell', required: false, wordLimit: 30, inputType: 'text' }
+];
+
+const rules = {
+  idNo(value) {
+    if (!value) return true;
+    if (form.idType === '身份证') {
+      const [ok, msg] = validate.isChinaId(value);
+      if (!ok) return msg || '证件号格式不正确';
+    }
+    return true;
+  }
+};
+
+onLoad(() => {
+  const cached = uni.getStorageSync(STORAGE_KEY);
+  if (cached && typeof cached === 'object') {
+    Object.assign(form, cached);
+  }
+});
+
+function onChange({ title, value }) {
+  form[title] = value;
+}
+
+function next() {
+  if (!formRef.value?.verify?.()) return;
+  uni.setStorageSync(STORAGE_KEY, { ...form });
+  uni.navigateTo({ url: '/pages/case/patient-inner-info' });
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+  height: 100vh;
+  background: #f6f6f6;
+}
+
+.body {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+.scroll {
+  flex: 1;
+}
+
+.form-wrap {
+  background: #fff;
+}
+
+.step-note {
+  position: fixed;
+  left: 50%;
+  bottom: 92px;
+  transform: translateX(-50%);
+  background: #f2df52;
+  color: #000;
+  font-size: 14px;
+  padding: 10px 16px;
+  border-radius: 4px;
+  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.18);
+}
+
+.footer {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #fff;
+  padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
+  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.06);
+}
+
+.primary {
+  width: 100%;
+  height: 48px;
+  line-height: 48px;
+  background: #5d8aff;
+  color: #fff;
+  border-radius: 6px;
+  font-size: 16px;
+}
+
+.primary::after {
+  border: none;
+}
+</style>
diff --git a/pages/case/patient-inner-info.vue b/pages/case/patient-inner-info.vue
new file mode 100644
index 0000000..606d876
--- /dev/null
+++ b/pages/case/patient-inner-info.vue
@@ -0,0 +1,144 @@
+<template>
+  <view class="page">
+    <view class="body">
+      <scroll-view scroll-y class="scroll">
+        <view class="form-wrap">
+          <form-template v-if="items.length" ref="formRef" :items="items" :form="form" :rule="rules" @change="onChange" />
+        </view>
+      </scroll-view>
+
+      <view class="footer">
+        <button class="btn plain" @click="cancel">取消</button>
+        <button class="btn primary" @click="save">完成</button>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { reactive, ref } from 'vue';
+import { onLoad } from '@dcloudio/uni-app';
+import FormTemplate from '@/components/form-template/index.vue';
+
+const BASE_KEY = 'patient-create-base';
+const INNER_KEY = 'patient-create-inner';
+
+const formRef = ref(null);
+
+const form = reactive({
+  customerSource: '',
+  firstVisitDate: '',
+  diseaseTag: '',
+  remark: ''
+});
+
+const items = [
+  { title: 'customerSource', name: '患者来源', type: 'select', operateType: 'formCell', required: false, range: ['线上咨询', '同事推荐', '客户推荐', '其他'] },
+  { title: 'firstVisitDate', name: '首次就诊日期', type: 'date', operateType: 'formCell', required: false },
+  { title: 'diseaseTag', name: '慢病标签', type: 'select', operateType: 'formCell', required: false, range: ['糖尿病', '高血压', '冠心病', '慢阻肺'] },
+  { title: 'remark', name: '备注', type: 'textarea', operateType: 'formCell', required: false, wordLimit: 200 }
+];
+
+const rules = {};
+
+onLoad(() => {
+  const base = uni.getStorageSync(BASE_KEY);
+  if (!base || typeof base !== 'object') {
+    uni.showToast({ title: '请先填写基础信息', icon: 'none' });
+    uni.navigateBack();
+    return;
+  }
+
+  const cached = uni.getStorageSync(INNER_KEY);
+  if (cached && typeof cached === 'object') {
+    Object.assign(form, cached);
+  }
+});
+
+function onChange({ title, value }) {
+  form[title] = value;
+}
+
+function cancel() {
+  uni.navigateBack();
+}
+
+function save() {
+  if (formRef.value?.verify && !formRef.value.verify()) return;
+
+  const base = uni.getStorageSync(BASE_KEY) || {};
+  const payload = { ...base, ...form };
+
+  uni.setStorageSync(INNER_KEY, { ...form });
+
+  // 这里后续对接真实新增接口：payload 即最终提交数据
+  uni.showModal({
+    title: '提示',
+    content: '已完成新增（mock）。后续将对接真实建档接口。',
+    showCancel: false,
+    success: () => {
+      uni.removeStorageSync(BASE_KEY);
+      uni.removeStorageSync(INNER_KEY);
+      // 返回到病例列表
+      uni.navigateBack({ delta: 2 });
+    }
+  });
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+  height: 100vh;
+  background: #f6f6f6;
+}
+
+.body {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+.scroll {
+  flex: 1;
+}
+
+
+.form-wrap {
+  background: #fff;
+}
+
+.footer {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #fff;
+  padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
+  display: flex;
+  gap: 12px;
+  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.06);
+}
+
+.btn {
+  flex: 1;
+  height: 44px;
+  line-height: 44px;
+  border-radius: 6px;
+  font-size: 15px;
+}
+
+.btn::after {
+  border: none;
+}
+
+.btn.plain {
+  background: #fff;
+  color: #666;
+  border: 1px solid #ddd;
+}
+
+.btn.primary {
+  background: #5d8aff;
+  color: #fff;
+}
+</style>
diff --git a/pages/case/patient-invite.vue b/pages/case/patient-invite.vue
new file mode 100644
index 0000000..e1cb824
--- /dev/null
+++ b/pages/case/patient-invite.vue
@@ -0,0 +1,225 @@
+<template>
+  <view class="page">
+    <view class="content">
+      <view class="code-row">
+        <text class="code-text">{{ displayTeamCode }}</text>
+        <view class="help" @click="showHelp">
+          <uni-icons type="help-filled" size="18" color="#5d8aff"></uni-icons>
+        </view>
+      </view>
+
+      <view class="qr-card">
+        <image class="qr-image" :src="qrImageUrl" mode="aspectFit" @click="previewQr" />
+      </view>
+
+      <view class="tips">
+        <text class="tips-title">微信扫一扫上面的二维码</text>
+        <text class="tips-sub">进入团队首页，即可发起线上咨询、建档授权等服务</text>
+      </view>
+    </view>
+
+    <view class="footer">
+      <button class="footer-btn outline" @click="saveQr">保存图片</button>
+
+      <!-- #ifdef MP-WEIXIN -->
+      <button class="footer-btn primary" open-type="share">分享到微信</button>
+      <!-- #endif -->
+
+      <!-- #ifndef MP-WEIXIN -->
+      <button class="footer-btn primary" @click="shareFallback">分享到微信</button>
+      <!-- #endif -->
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref, computed } from 'vue';
+import { onLoad, onShareAppMessage } from '@dcloudio/uni-app';
+
+const teamCode = ref('133****3356');
+const qrImageUrl = ref('');
+
+const displayTeamCode = computed(() => `${teamCode.value}服务团队码`);
+
+const buildQrUrl = (text) => {
+  // 仅用于演示UI：实际项目建议由后端返回可扫码的二维码图片地址
+  const encoded = encodeURIComponent(text);
+  return `https://api.qrserver.com/v1/create-qr-code/?size=300x300&data=${encoded}`;
+};
+
+onLoad((query) => {
+  if (query?.teamCode) teamCode.value = String(query.teamCode);
+  if (query?.qrUrl) {
+    qrImageUrl.value = String(query.qrUrl);
+  } else {
+    qrImageUrl.value = buildQrUrl(`TEAM_CODE:${teamCode.value}`);
+  }
+});
+
+const showHelp = () => {
+  uni.showModal({
+    title: '服务团队码',
+    content: '患者微信扫一扫二维码进入团队首页，可发起线上咨询、建档授权等服务。',
+    showCancel: false
+  });
+};
+
+const previewQr = () => {
+  if (!qrImageUrl.value) return;
+  uni.previewImage({ urls: [qrImageUrl.value] });
+};
+
+const saveQr = () => {
+  if (!qrImageUrl.value) {
+    uni.showToast({ title: '二维码生成中，请稍后', icon: 'none' });
+    return;
+  }
+
+  uni.showLoading({ title: '保存中...' });
+  uni.downloadFile({
+    url: qrImageUrl.value,
+    success: (res) => {
+      const filePath = res.tempFilePath;
+      uni.saveImageToPhotosAlbum({
+        filePath,
+        success: () => {
+          uni.hideLoading();
+          uni.showToast({ title: '已保存到相册', icon: 'success' });
+        },
+        fail: () => {
+          uni.hideLoading();
+          uni.showModal({
+            title: '保存失败',
+            content: '请在系统设置中允许保存到相册后重试。',
+            confirmText: '去设置',
+            cancelText: '取消',
+            success: (r) => {
+              if (r.confirm) {
+                uni.openSetting?.({});
+              }
+            }
+          });
+        }
+      });
+    },
+    fail: () => {
+      uni.hideLoading();
+      uni.showToast({ title: '下载二维码失败', icon: 'none' });
+    }
+  });
+};
+
+const shareFallback = () => {
+  uni.showToast({ title: '请使用右上角菜单分享', icon: 'none' });
+};
+
+onShareAppMessage(() => {
+  return {
+    title: '邀请您加入服务团队',
+    path: `/pages/case/patient-invite?teamCode=${encodeURIComponent(teamCode.value)}`
+  };
+});
+</script>
+
+<style lang="scss" scoped>
+.page {
+  min-height: 100vh;
+  background: #ffffff;
+  padding-bottom: calc(76px + env(safe-area-inset-bottom));
+}
+
+.content {
+  padding: 22px 16px 0;
+}
+
+.code-row {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 8px;
+}
+
+.code-text {
+  font-size: 16px;
+  color: #333;
+  font-weight: 600;
+}
+
+.help {
+  margin-left: 8px;
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.qr-card {
+  margin: 18px auto 0;
+  width: 280px;
+  height: 280px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.qr-image {
+  width: 260px;
+  height: 260px;
+}
+
+.tips {
+  margin-top: 16px;
+  text-align: center;
+  padding: 0 16px;
+}
+
+.tips-title {
+  display: block;
+  font-size: 14px;
+  color: #3a3a3a;
+  margin-bottom: 6px;
+}
+
+.tips-sub {
+  display: block;
+  font-size: 12px;
+  color: #999;
+  line-height: 18px;
+}
+
+.footer {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #fff;
+  padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
+  display: flex;
+  gap: 12px;
+  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.06);
+}
+
+.footer-btn {
+  flex: 1;
+  height: 44px;
+  line-height: 44px;
+  border-radius: 6px;
+  font-size: 15px;
+}
+
+.footer-btn::after {
+  border: none;
+}
+
+.footer-btn.outline {
+  background: #fff;
+  color: #5d8aff;
+  border: 1px solid #5d8aff;
+}
+
+.footer-btn.primary {
+  background: #5d8aff;
+  color: #fff;
+}
+</style>
diff --git a/pages/case/search.vue b/pages/case/search.vue
new file mode 100644
index 0000000..2111c8b
--- /dev/null
+++ b/pages/case/search.vue
@@ -0,0 +1,283 @@
+<template>
+  <view class="search-container">
+    <!-- Search Header -->
+    <view class="search-header">
+      <view class="search-bar">
+        <uni-icons type="search" size="18" color="#999" class="search-icon"></uni-icons>
+        <input 
+          class="search-input" 
+          placeholder="搜索患者名称/手机号/院内ID号" 
+          v-model="searchQuery"
+          confirm-type="search"
+          focus
+          @input="handleSearch"
+        />
+        <uni-icons v-if="searchQuery" type="clear" size="18" color="#ccc" @click="clearSearch" class="clear-icon"></uni-icons>
+      </view>
+      <text class="cancel-btn" @click="goBack">取消</text>
+    </view>
+
+    <!-- Search Results -->
+    <scroll-view v-if="searchQuery" scroll-y class="search-results">
+      <view v-if="searchResults.length === 0" class="empty-state">
+        <text class="empty-text">暂无搜索结果</text>
+      </view>
+      
+      <view v-else>
+        <view v-for="(patient, index) in searchResults" :key="index" class="patient-card">
+          <!-- Row 1 -->
+          <view class="card-row-top">
+            <view class="patient-info">
+              <text class="patient-name">{{ patient.name }}</text>
+              <text class="patient-meta">{{ patient.gender }}/{{ patient.age }}岁</text>
+            </view>
+            <view class="patient-tags">
+              <view v-for="(tag, tIndex) in patient.tags" :key="tIndex" class="tag">
+                {{ tag }}
+              </view>
+            </view>
+          </view>
+          
+          <!-- Row 2 -->
+          <view class="card-row-bottom">
+            <text v-if="patient.record" class="record-text">
+              {{ patient.record.type }} / {{ patient.record.date }} / {{ patient.record.diagnosis }}
+            </text>
+            <text v-else class="no-record">暂无病历记录</text>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+
+    <!-- History or Suggestions (when no search) -->
+    <view v-else class="search-tips">
+      <text class="tips-text">输入患者名称、手机号或院内ID号进行搜索</text>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref, computed } from 'vue';
+
+// State
+const searchQuery = ref('');
+
+// Mock all patients data (same as case.vue)
+const allPatients = [
+  {
+    letter: 'A',
+    data: [
+      { 
+        name: '安乐', gender: '男', age: 45, tags: ['糖尿病'], 
+        record: { type: '门诊', date: '2026.1.10', diagnosis: '2型糖尿病' },
+        createTime: '2026.1.19 14:30', creator: '李医生', phone: '13888888888', hospitalId: '1001'
+      },
+      { 
+        name: '奥利奥', gender: '女', age: 22, tags: [], record: null,
+        createTime: '2026.1.15 09:00', creator: '王医生', phone: '13999999999', hospitalId: '1002'
+      }
+    ]
+  },
+  {
+    letter: 'L',
+    data: [
+      { 
+        name: '李珊珊', gender: '女', age: 37, tags: ['糖尿病', '高血压'], 
+        record: { type: '门诊', date: '2026.1.10', diagnosis: '急性上呼吸道感染' },
+        createTime: '2026.1.10 10:20', creator: '张医生', phone: '13666666666', hospitalId: '1003'
+      },
+      { 
+        name: '李珊珊', gender: '女', age: 37, tags: [], 
+        record: { type: '住院', date: '2026.1.10', diagnosis: '急性上呼吸道感染' },
+        createTime: '2025.12.30 11:00', creator: '张医生', phone: '13666666666', hospitalId: '1003'
+      },
+      { 
+        name: '李某某', gender: '女', age: 37, tags: [], record: null,
+        createTime: '2025.12.01 08:30', creator: '系统导入', phone: '13555555555', hospitalId: '1004'
+      },
+      { 
+        name: '李四', gender: '男', age: 50, tags: ['高血压'], record: null,
+        createTime: '2026.1.18 16:45', creator: '管理员', phone: '13444444444', hospitalId: '1005'
+      }
+    ]
+  },
+  {
+    letter: 'Z',
+    data: [
+      { 
+        name: '张三', gender: '男', age: 28, tags: [], record: null,
+        createTime: '2026.1.19 10:00', creator: '赵医生', phone: '13333333333', hospitalId: '1006'
+      },
+      { 
+        name: '张敏', gender: '女', age: 32, tags: ['高血压'], 
+        record: { type: '门诊', date: '2025.12.15', diagnosis: '高血压' },
+        createTime: '2025.11.20 15:15', creator: '孙医生', phone: '13222222222', hospitalId: '1007'
+      }
+    ]
+  }
+];
+
+// Computed
+const searchResults = computed(() => {
+  if (!searchQuery.value) return [];
+  
+  const q = searchQuery.value.toLowerCase();
+  let results = [];
+  
+  allPatients.forEach(group => {
+    group.data.forEach(p => {
+      if (p.name.includes(q) || 
+          (p.phone && p.phone.includes(q)) || 
+          (p.hospitalId && p.hospitalId.includes(q))) {
+        results.push(p);
+      }
+    });
+  });
+  
+  return results;
+});
+
+// Methods
+const handleSearch = () => {
+  // Search logic handled by computed property
+};
+
+const clearSearch = () => {
+  searchQuery.value = '';
+};
+
+const goBack = () => {
+  uni.navigateBack();
+};
+</script>
+
+<style lang="scss" scoped>
+.search-container {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  background-color: #f7f8fa;
+}
+
+.search-header {
+  display: flex;
+  align-items: center;
+  padding: 10px 15px;
+  background-color: #fff;
+  border-bottom: 1px solid #f0f0f0;
+  
+  .search-bar {
+    flex: 1;
+    height: 36px;
+    background-color: #f5f5f5;
+    border-radius: 18px;
+    display: flex;
+    align-items: center;
+    padding: 0 12px;
+    margin-right: 10px;
+    
+    .search-icon {
+      margin-right: 8px;
+    }
+    
+    .search-input {
+      flex: 1;
+      font-size: 14px;
+      color: #333;
+    }
+
+    .clear-icon {
+      margin-left: 8px;
+    }
+  }
+  
+  .cancel-btn {
+    font-size: 14px;
+    color: #5d8aff;
+  }
+}
+
+.search-results {
+  flex: 1;
+  
+  .empty-state {
+    padding: 80px 20px;
+    text-align: center;
+    
+    .empty-text {
+      font-size: 14px;
+      color: #999;
+    }
+  }
+}
+
+.search-tips {
+  flex: 1;
+  padding: 20px;
+  
+  .tips-text {
+    font-size: 14px;
+    color: #999;
+  }
+}
+
+.patient-card {
+  background-color: #fff;
+  padding: 15px;
+  margin-bottom: 1px;
+  border-bottom: 1px solid #f0f0f0;
+
+  .card-row-top {
+    display: flex;
+    align-items: center;
+    margin-bottom: 8px;
+    flex-wrap: wrap;
+
+    .patient-info {
+      display: flex;
+      align-items: flex-end;
+      margin-right: 10px;
+
+      .patient-name {
+        font-size: 18px;
+        font-weight: bold;
+        color: #333;
+        margin-right: 8px;
+      }
+
+      .patient-meta {
+        font-size: 12px;
+        color: #999;
+        margin-bottom: 2px;
+      }
+    }
+
+    .patient-tags {
+      display: flex;
+      gap: 5px;
+      
+      .tag {
+        font-size: 10px;
+        color: #5d8aff;
+        border: 1px solid #5d8aff;
+        padding: 0 4px;
+        border-radius: 8px;
+        height: 16px;
+        line-height: 14px;
+      }
+    }
+  }
+
+  .card-row-bottom {
+    font-size: 14px;
+    
+    .record-text {
+      color: #666;
+    }
+    
+    .no-record {
+      color: #bdc3c7;
+    }
+  }
+}
+</style>