From 7cb83882b854a2503fd7dcb12efdb5cbf6bc2e81 Mon Sep 17 00:00:00 2001
From: Jafeng <2998840497@qq.com>
Date: Fri, 23 Jan 2026 17:10:23 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=8E=A5=E5=85=A5=E6=82=A3=E8=80=85?=
 =?UTF-8?q?=E5=BB=BA=E6=A1=A3=E3=80=81=E6=A1=A3=E6=A1=88=E7=BC=96=E8=BE=91?=
 =?UTF-8?q?=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../archive-detail/customer-profile-tab.vue   | 202 +++++----
 .../form-template/form-cell/form-files.vue    | 144 ++++++
 .../form-template/form-cell/form-input.vue    |   9 +-
 .../form-cell/form-multiSelectAndOther.vue    | 168 +++++++
 .../form-template/form-cell/form-run-time.vue |  89 ++++
 .../form-cell/form-select-image.vue           |  65 +++
 .../form-cell/form-select-mobile.vue          |  90 ++++
 .../form-cell/form-select-other.vue           | 121 ++++++
 .../form-template/form-cell/form-select.vue   |   6 +-
 .../form-cell/form-surgical-history.vue       |  35 ++
 .../form-template/form-cell/form-textarea.vue |   9 +-
 components/form-template/form-cell/index.vue  |  33 +-
 components/form-template/index.vue            |  51 ++-
 components/form-template/verify.js            |  59 ++-
 pages/case/archive-detail.vue                 | 123 +++++-
 pages/case/archive-edit.vue                   | 219 +++++++++-
 pages/case/case.vue                           | 411 ++++++++++++------
 pages/case/patient-create.vue                 | 257 +++++++++--
 pages/case/patient-inner-info.vue             | 275 ++++++++++--
 pages/case/search.vue                         | 192 ++++----
 utils/api.js                                  |   7 +-
 21 files changed, 2167 insertions(+), 398 deletions(-)
 create mode 100644 components/form-template/form-cell/form-files.vue
 create mode 100644 components/form-template/form-cell/form-multiSelectAndOther.vue
 create mode 100644 components/form-template/form-cell/form-run-time.vue
 create mode 100644 components/form-template/form-cell/form-select-image.vue
 create mode 100644 components/form-template/form-cell/form-select-mobile.vue
 create mode 100644 components/form-template/form-cell/form-select-other.vue
 create mode 100644 components/form-template/form-cell/form-surgical-history.vue

diff --git a/components/archive-detail/customer-profile-tab.vue b/components/archive-detail/customer-profile-tab.vue
index 6b95bfc..47ba157 100644
--- a/components/archive-detail/customer-profile-tab.vue
+++ b/components/archive-detail/customer-profile-tab.vue
@@ -19,28 +19,30 @@
         <image class="pen" src="/static/icons/icon-pen.svg" />
       </view>
       <view class="rows">
-        <view class="row">
-          <view class="label">姓名</view>
-          <view v-if="!editing" class="val">{{ data.name || '-' }}</view>
-          <input v-else v-model="draft.name" class="input" placeholder="请输入姓名" />
-        </view>
-        <view class="row">
-          <view class="label">性别</view>
-          <view v-if="!editing" class="val">{{ data.sex || '-' }}</view>
-          <picker v-else mode="selector" :range="sexOptions" @change="pickSex">
-            <view class="picker">{{ draft.sex || '请选择' }}</view>
-          </picker>
-        </view>
-        <view class="row">
-          <view class="label">年龄</view>
-          <view v-if="!editing" class="val">{{ data.age || '-' }}</view>
-          <input v-else v-model="draft.age" class="input" type="number" placeholder="请输入年龄" />
-        </view>
-        <view class="row">
-          <view class="label">联系电话</view>
-          <view v-if="!editing" class="val link" @click="call(data.mobile)">{{ data.mobile || '-' }}</view>
-          <input v-else v-model="draft.mobile" class="input" type="number" placeholder="请输入联系电话" />
-        </view>
+        <form-template
+          v-if="editing && effectiveBaseItems.length"
+          ref="baseFormRef"
+          :items="effectiveBaseItems"
+          :form="forms"
+          @change="onChange"
+        />
+        <template v-else>
+          <view
+            v-for="item in effectiveBaseItems"
+            :key="item.title"
+            class="row"
+          >
+            <view class="label">{{ item.name || item.title }}</view>
+            <view
+              v-if="item.title === 'mobile' && displayValue(item) !== '-'"
+              class="val link"
+              @click="call(rawValue(item))"
+            >
+              {{ displayValue(item) }}
+            </view>
+            <view v-else class="val" :class="displayValue(item) === '-' ? 'muted' : ''">{{ displayValue(item) }}</view>
+          </view>
+        </template>
       </view>
     </view>
 
@@ -53,35 +55,28 @@
         <view class="row" @click="openTransferRecord">
           <view class="label">院内来源</view>
           <view class="val link">
-            {{ data.creator || '点击查看' }}
+            {{ forms.creator || '点击查看' }}
             <uni-icons type="arrowright" size="14" color="#4f6ef7" />
           </view>
         </view>
-        <view class="row">
-          <view class="label">备注</view>
-          <view v-if="!editing" class="val">{{ data.notes || '-' }}</view>
-          <input v-else v-model="draft.notes" class="input" placeholder="请输入备注" />
-        </view>
-      </view>
-    </view>
-
-    <view class="card">
-      <view id="anchor-behavior" class="section-title">
-        行为画像
-      </view>
-      <view class="rows">
-        <view class="row">
-          <view class="label">门诊号</view>
-          <view class="val">{{ data.outpatientNo || '-' }}</view>
-        </view>
-        <view class="row">
-          <view class="label">住院号</view>
-          <view class="val">{{ data.inpatientNo || '-' }}</view>
-        </view>
-        <view class="row">
-          <view class="label">病案号</view>
-          <view class="val">{{ data.medicalRecordNo || '-' }}</view>
-        </view>
+        <form-template
+          v-if="editing && effectiveInternalItems.length"
+          ref="internalFormRef"
+          :items="effectiveInternalItems"
+          :form="forms"
+          :filterRule="filterRule"
+          @change="onChange"
+        />
+        <template v-else>
+          <view
+            v-for="item in effectiveInternalItems"
+            :key="item.title"
+            class="row"
+          >
+            <view class="label">{{ item.name || item.title }}</view>
+            <view class="val" :class="displayValue(item) === '-' ? 'muted' : ''">{{ displayValue(item) }}</view>
+          </view>
+        </template>
       </view>
     </view>
 
@@ -120,11 +115,14 @@
 </template>
 
 <script setup>
-import { reactive, ref, watch } from 'vue';
+import { computed, reactive, ref, watch } from 'vue';
 import dayjs from 'dayjs';
+import FormTemplate from '@/components/form-template/index.vue';
 
 const props = defineProps({
   data: { type: Object, default: () => ({}) },
+  baseItems: { type: Array, default: () => ([]) },
+  internalItems: { type: Array, default: () => ([]) },
   floatingBottom: { type: Number, default: 16 },
 });
 const emit = defineEmits(['save']);
@@ -132,60 +130,74 @@ const emit = defineEmits(['save']);
 const anchors = [
   { label: '基本信息', value: 'base' },
   { label: '内部信息', value: 'internal' },
-  { label: '行为画像', value: 'behavior' },
 ];
 const activeAnchor = ref('base');
 
 const editing = ref(false);
-const sexOptions = ['男', '女'];
-const draft = reactive({
-  name: '',
-  sex: '',
-  age: '',
-  mobile: '',
-  notes: '',
-});
+const baseFormRef = ref(null);
+const internalFormRef = ref(null);
+const patch = reactive({});
+const forms = computed(() => ({ ...(props.data || {}), ...patch }));
+
+const fallbackBaseItems = [
+  { title: 'name', name: '姓名', type: 'input', operateType: 'formCell', required: true, wordLimit: 20 },
+  { title: 'sex', name: '性别', type: 'select', operateType: 'formCell', required: false, range: ['男', '女'] },
+  { title: 'age', name: '年龄', type: 'input', inputType: 'number', operateType: 'formCell', required: false, wordLimit: 3 },
+  { title: 'mobile', name: '联系电话', type: 'input', inputType: 'number', operateType: 'formCell', required: false, wordLimit: 11 },
+];
+
+const fallbackInternalItems = [
+  { title: 'notes', name: '备注', type: 'textarea', operateType: 'formCell', required: false, wordLimit: 200 },
+];
+
+const effectiveBaseItems = computed(() => (Array.isArray(props.baseItems) && props.baseItems.length ? props.baseItems : fallbackBaseItems));
+const effectiveInternalItems = computed(() => (Array.isArray(props.internalItems) && props.internalItems.length ? props.internalItems : fallbackInternalItems));
+
+const filterRule = {
+  reference(formModel) {
+    const customerSource = Array.isArray(formModel.customerSource)
+      ? formModel.customerSource
+      : typeof formModel.customerSource === 'string'
+        ? [formModel.customerSource]
+        : [];
+    return ['同事推荐', '客户推荐'].includes(customerSource[0]) && customerSource.length === 1;
+  },
+};
 
 watch(
   () => props.data,
   () => {
-    if (!editing.value) syncDraft();
+    if (!editing.value) Object.keys(patch).forEach((k) => delete patch[k]);
   },
   { deep: true }
 );
 
-function syncDraft() {
-  draft.name = props.data?.name || '';
-  draft.sex = props.data?.sex || '';
-  draft.age = props.data?.age || '';
-  draft.mobile = props.data?.mobile || '';
-  draft.notes = props.data?.notes || '';
+function normalizeChangeValue(value) {
+  if (value && typeof value === 'object' && 'value' in value) return value.value;
+  return value;
 }
 
 function startEdit() {
   if (editing.value) return;
   editing.value = true;
-  syncDraft();
 }
 
 function cancel() {
   editing.value = false;
+  Object.keys(patch).forEach((k) => delete patch[k]);
 }
 
 function save() {
-  emit('save', {
-    name: draft.name,
-    sex: draft.sex,
-    age: draft.age,
-    mobile: draft.mobile,
-    notes: draft.notes,
-  });
+  if (baseFormRef.value?.verify && !baseFormRef.value.verify()) return;
+  if (internalFormRef.value?.verify && !internalFormRef.value.verify()) return;
+  const out = { ...patch };
+  emit('save', out);
   editing.value = false;
-  uni.showToast({ title: '保存成功', icon: 'success' });
+  Object.keys(patch).forEach((k) => delete patch[k]);
 }
 
-function pickSex(e) {
-  draft.sex = sexOptions[e.detail.value] || '';
+function onChange({ title, value }) {
+  patch[title] = normalizeChangeValue(value);
 }
 
 function call(mobile) {
@@ -193,6 +205,43 @@ function call(mobile) {
   uni.makePhoneCall({ phoneNumber: String(mobile) });
 }
 
+function rawValue(item) {
+  const title = item?.title;
+  if (!title) return '';
+  const v = forms.value?.[title];
+  return v === undefined || v === null ? '' : v;
+}
+
+function displayValue(item) {
+  const title = item?.title;
+  const type = item?.type;
+  if (!title) return '-';
+  const v = forms.value?.[title];
+  if (v === undefined || v === null || v === '') return '-';
+
+  if (type === 'files') {
+    const list = Array.isArray(v) ? v : typeof v === 'string' && v ? [v] : [];
+    return list.length ? `已上传${list.length}项` : '-';
+  }
+
+  if (Array.isArray(v)) return v.filter(Boolean).join('、') || '-';
+  if (typeof v === 'object') {
+    if ('label' in v) return String(v.label || '-');
+    if ('name' in v) return String(v.name || '-');
+    if ('value' in v) return String(v.value || '-');
+    return '-';
+  }
+
+  if (type === 'select' || type === 'radio' || type === 'selectAndImage') {
+    const range = Array.isArray(item?.range) ? item.range : [];
+    if (range.length && typeof range[0] === 'object') {
+      const found = range.find((i) => String(i?.value) === String(v));
+      if (found) return String(found.label || found.value || '-');
+    }
+  }
+  return String(v);
+}
+
 function scrollToAnchor(key) {
   activeAnchor.value = key;
   const selector = `#anchor-${key}`;
@@ -407,4 +456,3 @@ function closeTransferRecord() {
   margin-right: 6px;
 }
 </style>
-
diff --git a/components/form-template/form-cell/form-files.vue b/components/form-template/form-cell/form-files.vue
new file mode 100644
index 0000000..ff9afaf
--- /dev/null
+++ b/components/form-template/form-cell/form-files.vue
@@ -0,0 +1,144 @@
+<template>
+  <view class="files-wrap">
+    <view class="files-label" :class="required ? 'form-cell--required' : ''">{{ name }}</view>
+    <view class="grid">
+      <view v-for="(f, idx) in files" :key="idx" class="item" @click="preview(idx)">
+        <image class="thumb" :src="f.url" mode="aspectFill" />
+        <view class="remove" @click.stop="remove(idx)">×</view>
+      </view>
+      <view class="add" @click="add">
+        <view class="plus">+</view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { computed } from 'vue';
+import { chooseAndUploadImage } from '@/utils/file';
+import { toast } from '@/utils/widget';
+
+const emits = defineEmits(['change']);
+const props = defineProps({
+  form: { type: Object, default: () => ({}) },
+  name: { default: '' },
+  required: { type: Boolean, default: false },
+  title: { default: '' },
+  disableChange: { type: Boolean, default: false },
+  max: { type: [Number, String], default: 9 },
+});
+
+const maxCount = computed(() => {
+  const n = Number(props.max);
+  return Number.isFinite(n) && n > 0 ? Math.min(n, 9) : 9;
+});
+
+const files = computed(() => {
+  const v = props.form?.[props.title];
+  if (Array.isArray(v)) {
+    return v
+      .map((i) => {
+        if (typeof i === 'string') return { url: i };
+        if (i && typeof i === 'object' && i.url) return { url: String(i.url) };
+        return null;
+      })
+      .filter(Boolean);
+  }
+  if (typeof v === 'string' && v) return [{ url: v }];
+  return [];
+});
+
+function emitValue(list) {
+  emits('change', { title: props.title, value: list });
+}
+
+function preview(idx) {
+  const urls = files.value.map((i) => i.url);
+  if (!urls.length) return;
+  uni.previewImage({ urls, current: urls[idx] });
+}
+
+function remove(idx) {
+  if (props.disableChange) return;
+  const next = files.value.filter((_, i) => i !== idx);
+  emitValue(next);
+}
+
+async function add() {
+  if (props.disableChange) return;
+  if (files.value.length >= maxCount.value) {
+    toast(`最多上传${maxCount.value}张`);
+    return;
+  }
+  const url = await chooseAndUploadImage({ count: 1 });
+  if (!url) return;
+  emitValue([...files.value, { url }]);
+}
+</script>
+
+<style lang="scss" scoped>
+@import '../cell-style.css';
+
+.files-wrap {
+  padding: 24rpx 30rpx;
+  border-bottom: 1px solid #eee;
+  background: #fff;
+}
+
+.files-label {
+  font-size: 28rpx;
+  line-height: 42rpx;
+}
+
+.grid {
+  margin-top: 18rpx;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 18rpx;
+}
+
+.item {
+  width: 160rpx;
+  height: 160rpx;
+  border-radius: 10rpx;
+  overflow: hidden;
+  position: relative;
+  background: #f6f6f6;
+}
+
+.thumb {
+  width: 100%;
+  height: 100%;
+}
+
+.remove {
+  position: absolute;
+  top: 6rpx;
+  right: 6rpx;
+  width: 36rpx;
+  height: 36rpx;
+  line-height: 36rpx;
+  text-align: center;
+  background: rgba(0, 0, 0, 0.55);
+  color: #fff;
+  border-radius: 18rpx;
+  font-size: 28rpx;
+}
+
+.add {
+  width: 160rpx;
+  height: 160rpx;
+  border-radius: 10rpx;
+  border: 1px dashed #cfcfcf;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #999;
+}
+
+.plus {
+  font-size: 56rpx;
+  line-height: 56rpx;
+}
+</style>
+
diff --git a/components/form-template/form-cell/form-input.vue b/components/form-template/form-cell/form-input.vue
index 80321eb..7214f88 100644
--- a/components/form-template/form-cell/form-input.vue
+++ b/components/form-template/form-cell/form-input.vue
@@ -1,7 +1,7 @@
 <template>
 	<common-cell :name="name" :required="required">
 		<view class="form-content__wrapper">
-			<input :disabled="disableChange" :value="value" :text="inputType" class="form-input" :placeholder="placeholder"
+			<input :disabled="disableChange" :value="value" :type="inputType" class="form-input" :placeholder="placeholder"
 				placeholder-class="form__placeholder" :maxlength="wordLimit" @input="change($event)" />
 			<view v-if="appendText" class="appendText"> {{ appendText }}</view>
 		</view>
@@ -45,7 +45,10 @@ const props = defineProps({
 })
 
 const placeholder = computed(() => `请输入${props.name || ''}`)
-const value = computed(() => props.form && props.form && props.form[props.title] ? props.form[props.title] : '')
+const value = computed(() => {
+	const v = props.form?.[props.title];
+	return v === undefined || v === null ? '' : String(v);
+})
 
 function change(e) {
 	emits('change', {
@@ -68,4 +71,4 @@ function change(e) {
 	margin-left: 10rpx;
 	flex-shrink: 0;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/components/form-template/form-cell/form-multiSelectAndOther.vue b/components/form-template/form-cell/form-multiSelectAndOther.vue
new file mode 100644
index 0000000..4047d9e
--- /dev/null
+++ b/components/form-template/form-cell/form-multiSelectAndOther.vue
@@ -0,0 +1,168 @@
+<template>
+  <view class="multi-wrap">
+    <view class="label" :class="required ? 'form-cell--required' : ''">{{ name }}</view>
+    <view class="options" :class="hasOtherSelected ? 'with-other' : ''">
+      <view
+        v-for="opt in displayOptions"
+        :key="opt.value"
+        class="opt"
+        :class="isSelected(opt.value) ? 'active' : ''"
+        @click="toggle(opt.value)"
+      >
+        {{ opt.label }}
+      </view>
+    </view>
+    <view v-if="hasOtherSelected" class="other">
+      <input
+        :disabled="disableChange"
+        :value="otherText"
+        class="other-input"
+        placeholder="请补充其它内容"
+        placeholder-class="form__placeholder"
+        maxlength="50"
+        @input="onOtherInput"
+      />
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { computed } from 'vue';
+
+const emits = defineEmits(['change']);
+const props = defineProps({
+  form: { type: Object, default: () => ({}) },
+  range: { type: Array, default: () => [] },
+  name: { default: '' },
+  required: { type: Boolean, default: false },
+  title: { default: '' },
+  disableChange: { type: Boolean, default: false },
+  otherList: { type: Array, default: () => ['其他'] },
+});
+
+function normalizeOptions(options) {
+  if (!Array.isArray(options)) return [];
+  if (!options.length) return [];
+  if (typeof options[0] === 'string') return options.filter(Boolean).map((i) => ({ label: String(i), value: String(i) }));
+  return options
+    .map((i) => {
+      const label = i?.label ?? i?.name ?? i?.text ?? i?.title ?? '';
+      const value = i?.value ?? i?.id ?? i?.key ?? label;
+      if (!label && (value === undefined || value === null || value === '')) return null;
+      return { label: String(label || value), value: String(value) };
+    })
+    .filter(Boolean);
+}
+
+const displayOptions = computed(() => normalizeOptions(props.range));
+const valueList = computed(() => (Array.isArray(props.form?.[props.title]) ? props.form[props.title] : []));
+
+const otherValue = computed(() => {
+  const selected = valueList.value.map(String);
+  const rangeValues = new Set(displayOptions.value.map((i) => String(i.value)));
+  const extra = selected.filter((i) => !rangeValues.has(String(i)));
+  return extra[0] || '';
+});
+
+const hasOtherSelected = computed(() => {
+  const selected = valueList.value.map(String);
+  return selected.some((v) => props.otherList.map(String).includes(v));
+});
+
+const otherText = computed(() => otherValue.value);
+
+function isSelected(v) {
+  return valueList.value.map(String).includes(String(v));
+}
+
+function emitValue(next) {
+  emits('change', { title: props.title, value: next });
+}
+
+function toggle(v) {
+  if (props.disableChange) return;
+  const str = String(v);
+  let next = valueList.value.map(String);
+
+  if (next.includes(str)) {
+    next = next.filter((i) => i !== str);
+  } else {
+    next.push(str);
+  }
+
+  const isOther = props.otherList.map(String).includes(str);
+  if (!isOther) {
+    // 如果取消了 other 的选择，清理 other 文本
+    const stillHasOther = next.some((i) => props.otherList.map(String).includes(i));
+    if (!stillHasOther) {
+      const rangeValues = new Set(displayOptions.value.map((i) => String(i.value)));
+      next = next.filter((i) => rangeValues.has(i));
+    }
+  }
+  emitValue(next);
+}
+
+function onOtherInput(e) {
+  const text = String(e?.detail?.value || '').trim();
+  const rangeValues = new Set(displayOptions.value.map((i) => String(i.value)));
+  let next = valueList.value.map(String).filter((i) => rangeValues.has(i));
+  const hasOther = valueList.value.map(String).some((i) => props.otherList.map(String).includes(i));
+  if (hasOther) {
+    next.push(...props.otherList.map(String).slice(0, 1));
+    if (text) next.push(text);
+  }
+  emitValue(next);
+}
+</script>
+
+<style lang="scss" scoped>
+@import '../cell-style.css';
+
+.multi-wrap {
+  padding: 24rpx 30rpx;
+  border-bottom: 1px solid #eee;
+}
+
+.label {
+  font-size: 28rpx;
+  line-height: 42rpx;
+}
+
+.options {
+  margin-top: 18rpx;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 18rpx;
+}
+
+.opt {
+  min-width: 150rpx;
+  padding: 12rpx 20rpx;
+  border: 1px solid #ddd;
+  border-radius: 8rpx;
+  font-size: 26rpx;
+  text-align: center;
+  color: #333;
+  background: #fff;
+}
+
+.opt.active {
+  background: rgba(93, 138, 255, 0.12);
+  border-color: rgba(93, 138, 255, 0.35);
+  color: #5d8aff;
+}
+
+.other {
+  margin-top: 18rpx;
+}
+
+.other-input {
+  width: 100%;
+  font-size: 28rpx;
+  padding: 18rpx 20rpx;
+  border: 1px solid #eee;
+  border-radius: 8rpx;
+  box-sizing: border-box;
+}
+</style>
+
diff --git a/components/form-template/form-cell/form-run-time.vue b/components/form-template/form-cell/form-run-time.vue
new file mode 100644
index 0000000..1055ea2
--- /dev/null
+++ b/components/form-template/form-cell/form-run-time.vue
@@ -0,0 +1,89 @@
+<template>
+  <view class="form-row">
+    <view class="form-row__label" :class="required ? 'form-cell--required' : ''">{{ name }}</view>
+    <view class="form-row__content runtime">
+      <input :disabled="disableChange" class="num" type="number" :value="year" @input="onInput($event, 'year')" />
+      <text class="unit">年</text>
+      <input :disabled="disableChange" class="num" type="number" :value="month" @input="onInput($event, 'month')" />
+      <text class="unit">月</text>
+      <input :disabled="disableChange" class="num" type="number" :value="day" @input="onInput($event, 'day')" />
+      <text class="unit">日</text>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { computed, ref, watch } from 'vue';
+
+const emits = defineEmits(['change']);
+const props = defineProps({
+  form: { type: Object, default: () => ({}) },
+  name: { default: '' },
+  required: { type: Boolean, default: false },
+  title: { default: '' },
+  disableChange: { type: Boolean, default: false },
+});
+
+const raw = computed(() => (props.form && props.form[props.title] ? String(props.form[props.title]) : ''));
+const year = ref('');
+const month = ref('');
+const day = ref('');
+
+watch(
+  raw,
+  (n) => {
+    if (!n) {
+      year.value = '';
+      month.value = '';
+      day.value = '';
+      return;
+    }
+    const yearMatch = n.match(/(\d+)年/);
+    const monthMatch = n.match(/(\d+)月/);
+    const dayMatch = n.match(/(\d+)日/);
+    year.value = yearMatch ? yearMatch[1] : '';
+    month.value = monthMatch ? monthMatch[1] : '';
+    day.value = dayMatch ? dayMatch[1] : '';
+  },
+  { immediate: true }
+);
+
+function build() {
+  const y = year.value && year.value !== '0' ? `${year.value}年` : '';
+  const m = month.value && month.value !== '0' ? `${month.value}月` : '';
+  const d = day.value && day.value !== '0' ? `${day.value}日` : '';
+  emits('change', { title: props.title, value: `${y}${m}${d}` });
+}
+
+function onInput(e, key) {
+  const v = String(e?.detail?.value || '').replace(/[^\d]/g, '');
+  if (key === 'year') year.value = v;
+  if (key === 'month') month.value = v;
+  if (key === 'day') day.value = v;
+  build();
+}
+</script>
+
+<style lang="scss" scoped>
+@import '../cell-style.css';
+
+.runtime {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  gap: 10rpx;
+}
+
+.num {
+  width: 80rpx;
+  text-align: right;
+  font-size: 28rpx;
+  border-bottom: 1px solid #888;
+}
+
+.unit {
+  font-size: 26rpx;
+  color: #333;
+}
+</style>
+
diff --git a/components/form-template/form-cell/form-select-image.vue b/components/form-template/form-cell/form-select-image.vue
new file mode 100644
index 0000000..3f83213
--- /dev/null
+++ b/components/form-template/form-cell/form-select-image.vue
@@ -0,0 +1,65 @@
+<template>
+  <picker mode="selector" :range="displayRange" :disabled="disableChange" @change="change($event)">
+    <common-cell :name="name" :required="required">
+      <view class="form-content__wrapper">
+        <view class="flex-main-content truncate" :class="valueLabel ? '' : 'form__placeholder'">
+          {{ valueLabel || placeholder }}
+        </view>
+        <uni-icons class="form-arrow" type="arrowright"></uni-icons>
+      </view>
+    </common-cell>
+  </picker>
+</template>
+
+<script setup>
+import { computed } from 'vue';
+import commonCell from '../common-cell.vue';
+
+const emits = defineEmits(['change']);
+const props = defineProps({
+  form: { type: Object, default: () => ({}) },
+  name: { default: '' },
+  range: { type: Array, default: () => [] }, // 支持 string[] 或 {label,value,image}[]
+  required: { type: Boolean, default: false },
+  disableChange: { type: Boolean, default: false },
+  title: { default: '' },
+});
+
+function normalizeOptions(options) {
+  if (!Array.isArray(options)) return [];
+  if (!options.length) return [];
+  if (typeof options[0] === 'string') return options.filter(Boolean).map((i) => ({ label: String(i), value: String(i) }));
+  return options
+    .map((i) => {
+      const label = i?.label ?? i?.name ?? i?.text ?? i?.title ?? '';
+      const value = i?.value ?? i?.id ?? i?.key ?? label;
+      if (!label && (value === undefined || value === null || value === '')) return null;
+      return { label: String(label || value), value: String(value) };
+    })
+    .filter(Boolean);
+}
+
+const options = computed(() => normalizeOptions(props.range));
+const placeholder = computed(() => `请选择${props.name || ''}`);
+const displayRange = computed(() => options.value.map((i) => i.label));
+
+const rawValue = computed(() => {
+  const v = props.form?.[props.title];
+  return v === undefined || v === null ? '' : String(v);
+});
+const valueLabel = computed(() => {
+  if (!rawValue.value) return '';
+  const found = options.value.find((i) => String(i.value) === rawValue.value);
+  return found ? found.label : rawValue.value;
+});
+
+function change(e) {
+  const idx = Number(e?.detail?.value || 0);
+  const picked = options.value[idx];
+  emits('change', { title: props.title, value: picked ? picked.value : '' });
+}
+</script>
+
+<style scoped>
+@import '../cell-style.css';
+</style>
diff --git a/components/form-template/form-cell/form-select-mobile.vue b/components/form-template/form-cell/form-select-mobile.vue
new file mode 100644
index 0000000..32e15d5
--- /dev/null
+++ b/components/form-template/form-cell/form-select-mobile.vue
@@ -0,0 +1,90 @@
+<template>
+  <view class="form-row">
+    <view class="form-row__label" :class="required ? 'form-cell--required' : ''">{{ name }}</view>
+    <view class="form-row__content content">
+      <input
+        :disabled="disableChange"
+        :value="value"
+        class="input"
+        type="number"
+        :maxlength="11"
+        :placeholder="placeholder"
+        placeholder-class="form__placeholder"
+        @input="onInput"
+      />
+      <picker mode="selector" :disabled="disableChange" :range="relationRange" @change="onPick">
+        <view class="relation" :class="noteValue ? '' : 'form__placeholder'">
+          {{ noteValue || '请选择' }}
+          <uni-icons class="arrow" type="arrowdown" size="16" color="#999" />
+        </view>
+      </picker>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { computed } from 'vue';
+
+const emits = defineEmits(['change']);
+const props = defineProps({
+  form: { type: Object, default: () => ({}) },
+  name: { default: '' },
+  required: { type: Boolean, default: false },
+  title: { default: '' },
+  disableChange: { type: Boolean, default: false },
+});
+
+const placeholder = computed(() => `请输入${props.name || ''}`);
+
+const relationRange = ['本人', '父亲', '母亲', '配偶', '子女', '其他'];
+const noteTitle = computed(() => `${props.title || ''}Note`);
+const value = computed(() => {
+  const v = props.form?.[props.title];
+  return v === undefined || v === null ? '' : String(v);
+});
+const noteValue = computed(() => {
+  const v = props.form?.[noteTitle.value];
+  return v === undefined || v === null ? '' : String(v);
+});
+
+function onInput(e) {
+  emits('change', { title: props.title, value: String(e?.detail?.value || '') });
+}
+
+function onPick(e) {
+  const idx = Number(e?.detail?.value || 0);
+  emits('change', { title: noteTitle.value, value: relationRange[idx] || '' });
+}
+</script>
+
+<style lang="scss" scoped>
+@import '../cell-style.css';
+
+.content {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 16rpx;
+}
+
+.input {
+  flex: 1;
+  text-align: right;
+  font-size: 28rpx;
+}
+
+.relation {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 8rpx;
+  min-width: 180rpx;
+  border-left: 1px solid #eee;
+  padding-left: 16rpx;
+  font-size: 28rpx;
+}
+
+.arrow {
+  flex-shrink: 0;
+}
+</style>
diff --git a/components/form-template/form-cell/form-select-other.vue b/components/form-template/form-cell/form-select-other.vue
new file mode 100644
index 0000000..c432b05
--- /dev/null
+++ b/components/form-template/form-cell/form-select-other.vue
@@ -0,0 +1,121 @@
+<template>
+  <view>
+    <picker mode="selector" :range="displayRange" :disabled="disableChange" @change="onPick">
+      <common-cell :name="name" :required="required">
+        <view class="form-content__wrapper">
+          <view class="flex-main-content truncate" :class="selectLabel ? '' : 'form__placeholder'">
+            {{ selectLabel || placeholder }}
+          </view>
+          <uni-icons class="form-arrow" type="arrowright"></uni-icons>
+        </view>
+      </common-cell>
+    </picker>
+
+    <view v-if="showOther" class="other-row">
+      <input
+        :disabled="disableChange"
+        :value="otherValue"
+        class="other-input"
+        placeholder="请输入补充内容"
+        placeholder-class="form__placeholder"
+        maxlength="50"
+        @input="onOtherInput"
+      />
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { computed } from 'vue';
+import commonCell from '../common-cell.vue';
+
+const emits = defineEmits(['change']);
+const props = defineProps({
+  form: { type: Object, default: () => ({}) },
+  name: { default: '' },
+  required: { type: Boolean, default: false },
+  title: { default: '' },
+  disableChange: { type: Boolean, default: false },
+  range: { type: Array, default: () => [] },
+  otherFiled: { type: String, default: '其他' },
+});
+
+function normalizeOptions(options) {
+  if (!Array.isArray(options)) return [];
+  if (!options.length) return [];
+  if (typeof options[0] === 'string') return options.filter(Boolean).map((i) => ({ label: String(i), value: String(i) }));
+  return options
+    .map((i) => {
+      const label = i?.label ?? i?.name ?? i?.text ?? i?.title ?? '';
+      const value = i?.value ?? i?.id ?? i?.key ?? label;
+      if (!label && (value === undefined || value === null || value === '')) return null;
+      return { label: String(label || value), value: String(value) };
+    })
+    .filter(Boolean);
+}
+
+const options = computed(() => normalizeOptions(props.range));
+const displayRange = computed(() => options.value.map((i) => i.label));
+const placeholder = computed(() => `请选择${props.name || ''}`);
+
+const rawValue = computed(() => {
+  const v = props.form?.[props.title];
+  return v === undefined || v === null ? '' : String(v);
+});
+
+const isOther = computed(() => {
+  const v = String(rawValue.value || '');
+  if (!v) return false;
+  const known = new Set(options.value.map((i) => String(i.value)));
+  return !known.has(v);
+});
+
+const showOther = computed(() => {
+  const selected = selectLabel.value;
+  return selected === props.otherFiled || isOther.value;
+});
+
+const selectLabel = computed(() => {
+  const v = String(rawValue.value || '');
+  if (!v) return '';
+  const found = options.value.find((i) => String(i.value) === v);
+  if (found) return found.label;
+  return props.otherFiled;
+});
+
+const otherValue = computed(() => (isOther.value ? String(rawValue.value || '') : ''));
+
+function onPick(e) {
+  const idx = Number(e?.detail?.value || 0);
+  const picked = options.value[idx];
+  if (!picked) return;
+  if (picked.label === props.otherFiled || String(picked.value) === String(props.otherFiled)) {
+    emits('change', { title: props.title, value: '' });
+    return;
+  }
+  emits('change', { title: props.title, value: picked.value });
+}
+
+function onOtherInput(e) {
+  emits('change', { title: props.title, value: String(e?.detail?.value || '') });
+}
+</script>
+
+<style lang="scss" scoped>
+@import '../cell-style.css';
+
+.other-row {
+  padding: 0 30rpx 24rpx;
+  border-bottom: 1px solid #eee;
+  background: #fff;
+}
+
+.other-input {
+  width: 100%;
+  font-size: 28rpx;
+  padding: 18rpx 20rpx;
+  border: 1px solid #eee;
+  border-radius: 8rpx;
+  box-sizing: border-box;
+}
+</style>
diff --git a/components/form-template/form-cell/form-select.vue b/components/form-template/form-cell/form-select.vue
index d261253..2a0deae 100644
--- a/components/form-template/form-cell/form-select.vue
+++ b/components/form-template/form-cell/form-select.vue
@@ -50,9 +50,9 @@ const displayRange = computed(() => {
 	return props.range;
 })
 const value = computed(() => {
-	if (!props.form || !props.form[props.title]) return '';
-
+	if (!props.form) return '';
 	const currentValue = props.form[props.title];
+	if (currentValue === undefined || currentValue === null || currentValue === '') return '';
 	// 如果range是对象数组，找到对应的label显示
 	if (Array.isArray(props.range) && props.range.length > 0 && typeof props.range[0] === 'object') {
 		const option = props.range.find(item => item.value === currentValue);
@@ -71,4 +71,4 @@ function change(e) {
 </script>
 <style>
 @import '../cell-style.css';
-</style>
\ No newline at end of file
+</style>
diff --git a/components/form-template/form-cell/form-surgical-history.vue b/components/form-template/form-cell/form-surgical-history.vue
new file mode 100644
index 0000000..7cf5f12
--- /dev/null
+++ b/components/form-template/form-cell/form-surgical-history.vue
@@ -0,0 +1,35 @@
+<template>
+  <form-multi-select-and-other
+    v-bind="attrs"
+    :range="normalizedRange"
+    :form="form"
+    :disableChange="disableChange"
+    :otherList="['有']"
+    @change="change"
+  />
+</template>
+
+<script setup>
+import { computed, useAttrs } from 'vue';
+import formMultiSelectAndOther from './form-multiSelectAndOther.vue';
+
+const attrs = useAttrs();
+const emits = defineEmits(['change']);
+defineProps({
+  form: { type: Object, default: () => ({}) },
+  disableChange: { type: Boolean, default: false },
+});
+
+const normalizedRange = computed(() => {
+  const r = attrs?.range;
+  if (Array.isArray(r) && r.length) return r;
+  return ['无', '有'];
+});
+
+function change(data) {
+  emits('change', data);
+}
+</script>
+
+<style scoped></style>
+
diff --git a/components/form-template/form-cell/form-textarea.vue b/components/form-template/form-cell/form-textarea.vue
index 3b6b40b..2aab1cd 100644
--- a/components/form-template/form-cell/form-textarea.vue
+++ b/components/form-template/form-cell/form-textarea.vue
@@ -42,10 +42,13 @@ const props = defineProps({
 })
 
 const placeholder = computed(() => `请输入${props.name || ''}`)
-const value = computed(() => props.form && props.form && props.form[props.title] ? props.form[props.title] : '')
+const value = computed(() => {
+	const v = props.form?.[props.title];
+	return v === undefined || v === null ? '' : String(v);
+})
 const wordLimit = computed(() => {
 	if (typeof props.wordLimit === 'string' && Number(props.wordLimit) > 0) {
-		return Number.ceil(props.wordLimit)
+		return Math.ceil(Number(props.wordLimit))
 	}
 	if (typeof props.wordLimit === 'number' && props.wordLimit > 0) {
 		return props.wordLimit
@@ -84,4 +87,4 @@ function change(e) {
 	color: #666;
 	font-size: 24rpx;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/components/form-template/form-cell/index.vue b/components/form-template/form-cell/index.vue
index b6339f4..7d2527c 100644
--- a/components/form-template/form-cell/index.vue
+++ b/components/form-template/form-cell/index.vue
@@ -1,11 +1,33 @@
 <template>
-  <form-datepicker v-if="attrs.type === 'date'" v-bind="attrs" :form="form" :disableChange="disableChange" @change="change" />
+  <form-surgical-history
+    v-if="attrs.title === 'surgicalHistory'"
+    v-bind="attrs"
+    :form="form"
+    :disableChange="disableChange"
+    @change="change"
+  />
+  <form-datepicker v-else-if="attrs.type === 'date'" v-bind="attrs" :form="form" :disableChange="disableChange" @change="change" />
   <form-input v-else-if="attrs.type === 'input'" v-bind="attrs" :form="form" :disableChange="disableChange" @change="change" />
   <form-radio v-else-if="attrs.type === 'radio'" v-bind="attrs" :form="form" :disableChange="disableChange" @change="change" />
   <form-region v-else-if="attrs.type === 'region'" v-bind="attrs" :form="form" :disableChange="disableChange" @change="change" />
   <form-select v-else-if="attrs.type === 'select'" v-bind="attrs" :form="form" :disableChange="disableChange" @change="change" />
+  <form-select-other v-else-if="attrs.type === 'selectAndOther'" v-bind="attrs" :form="form" :disableChange="disableChange" @change="change" />
+  <form-select-image v-else-if="attrs.type === 'selectAndImage'" v-bind="attrs" :form="form" :disableChange="disableChange" @change="change" />
+  <form-select-mobile v-else-if="attrs.type === 'selectMobile'" v-bind="attrs" :form="form" :disableChange="disableChange" @change="change" />
   <form-textarea v-else-if="attrs.type === 'textarea'" v-bind="attrs" :form="form" :disableChange="disableChange"
     @change="change" />
+  <form-multi-select-and-other
+    v-else-if="attrs.type === 'multiSelectAndOther'"
+    v-bind="attrs"
+    :form="form"
+    :disableChange="disableChange"
+    @change="change"
+  />
+  <form-run-time v-else-if="attrs.type === 'runTime'" v-bind="attrs" :form="form" :disableChange="disableChange" @change="change" />
+  <form-files v-else-if="attrs.type === 'files'" v-bind="attrs" :form="form" :disableChange="disableChange" @change="change" />
+  <view v-else-if="attrs.type || attrs.name || attrs.title" class="py-20rpx px-30rpx border-bottom text-28rpx text-gray-500">
+    {{ attrs.name || attrs.title }}（暂不支持：{{ attrs.type }}）
+  </view>
 
   <!-- 
   <form-operation v-else-if="attrs.title === 'surgicalHistory'" v-bind="attrs" :form="form" @change="change"
@@ -25,6 +47,13 @@ import formRadio from './form-radio.vue';
 import formDatepicker from './form-datepicker.vue';
 import formRegion from './form-region.vue';
 import formTextarea from './form-textarea.vue';
+import formMultiSelectAndOther from './form-multiSelectAndOther.vue';
+import formSelectOther from './form-select-other.vue';
+import formSelectMobile from './form-select-mobile.vue';
+import formRunTime from './form-run-time.vue';
+import formFiles from './form-files.vue';
+import formSelectImage from './form-select-image.vue';
+import formSurgicalHistory from './form-surgical-history.vue';
 
 defineProps({
   form: {
@@ -89,4 +118,4 @@ export default {
 }
 </script> -->
 
-<style lang="scss" scoped></style>
\ No newline at end of file
+<style lang="scss" scoped></style>
diff --git a/components/form-template/index.vue b/components/form-template/index.vue
index 7f7e023..84a1ca4 100644
--- a/components/form-template/index.vue
+++ b/components/form-template/index.vue
@@ -1,18 +1,13 @@
 <template>
   <template v-for="item in formItems" :key="item.title">
-    <form-cell v-if="item.cellType === 'formCellItem'" v-bind="item" :form="form" :disableChange="disabledMap[item.title]"
-      @change="change" @addRule="addRule" />
-    <custom-cell v-else-if="item.cellType === 'customCellItem'" v-bind="item" :form="form"
-      :readonly="disabledMap[item.title]" @change="change" @addRule="addRule" />
+    <form-cell v-bind="item" :form="form" :disableChange="disabledMap[item.title]" @change="change" />
   </template>
-  <form-cell />
 </template>
 <script setup>
 import { computed, provide, ref } from 'vue';
 import verifyForm from './verify.js';
 
 import FormCell from './form-cell/index.vue';
-// import CustomCell from './custom-cell/index.vue';
 
 const emits = defineEmits(['change']);
 const props = defineProps({
@@ -31,12 +26,13 @@ const props = defineProps({
   rule: {
     type: Object,
     default: () => ({})
+  },
+  filterRule: {
+    type: Object,
+    default: () => ({})
   }
 })
 
-const formCellType = ['input', 'select', 'date', 'radio', 'region', 'textarea', 'multiSelectAndOther', 'selfMultipleDiseases'];
-const formCellTitle = ['surgicalHistory'];
-const customCellType = ['BMI', 'selfMultipleDiseases', 'bloodPressure', 'diagnosis'];
 const disabledMap = computed(() => props.disableTitles.reduce((m, i) => {
   if (typeof i === 'string' && i.trim()) {
     m[i] = true;
@@ -49,22 +45,30 @@ provide('addRule', addRule);
 const customRule = ref({});
 
 const formItems = computed(() => {
-  return props.items.map(i => {
-    let cellType = '';
-    if (customCellType.includes(i.type)) {
-      cellType = 'customCellItem';
-    } else if (formCellType.includes(i.type) || formCellTitle.includes(i.title)) {
-      cellType = 'formCellItem';
-    }
-    return { ...i, cellType }
-  })
+  return props.items
+    .filter((i) => {
+      if (!i) return false;
+      const fn = props.filterRule && typeof props.filterRule[i.title] === 'function' ? props.filterRule[i.title] : null;
+      return fn ? fn(props.form) : true;
+    })
+    .map((i) => ({ ...i }));
 })
 
 const rules = computed(() => ({ ...customRule.value, ...props.rule }));
 
-function addRule({ title, fn }) {
-  if (title && props.items.some(i => i.title === title) && typeof fn === 'function') {
-    customRule.value[title] = fn;
+function addRule(arg1, arg2) {
+  // 兼容两种调用方式：addRule({title, fn}) / addRule(title, fn)
+  if (typeof arg1 === 'string' && typeof arg2 === 'function') {
+    const title = arg1;
+    const fn = arg2;
+    if (title && props.items.some((i) => i.title === title)) customRule.value[title] = fn;
+    return;
+  }
+
+  if (arg1 && typeof arg1 === 'object') {
+    const title = arg1.title;
+    const fn = arg1.fn;
+    if (title && props.items.some((i) => i.title === title) && typeof fn === 'function') customRule.value[title] = fn;
   }
 }
 
@@ -73,7 +77,8 @@ function change(data) {
 }
 
 function verify() {
-  return verifyForm(props.items, rules.value, props.form)
+  const visible = formItems.value.filter((i) => i && !i.hidden);
+  return verifyForm(visible, rules.value, props.form)
 }
 
 defineExpose({ verify })
@@ -82,4 +87,4 @@ defineExpose({ verify })
 
 <style>
 @import './cell-style.css';
-</style>
\ No newline at end of file
+</style>
diff --git a/components/form-template/verify.js b/components/form-template/verify.js
index b432e98..0b68e33 100644
--- a/components/form-template/verify.js
+++ b/components/form-template/verify.js
@@ -8,6 +8,12 @@ const FormRule = {
   radio: checkListItem,
   select: checkListItem,
   textarea: checkInput,
+  selectMobile: checkInput,
+  selectAndOther: checkInput,
+  selectAndImage: checkListItem,
+  multiSelectAndOther: checkMultiList,
+  files: checkFiles,
+  runTime: checkInput,
 }
 
 const fixedRule = {
@@ -41,8 +47,8 @@ export default function verify(items, rule = {}, data = {}) {
 }
 
 function checkDate({ name, required }, value) {
-  if (!required && isTrueValue(value)) return true;
-  if (required && !value) {
+  if (!required && !isTrueValue(value)) return true;
+  if (required && !isTrueValue(value)) {
     toast(`请选择${name}`)
     return false
   }
@@ -55,7 +61,22 @@ function checkDate({ name, required }, value) {
 
 function checkListItem({ range, name, required }, value) {
   if (isTrueValue(value)) {
-    if (!Array.isArray(range) || !range.includes(value)) {
+    if (!Array.isArray(range) || range.length === 0) {
+      toast(`${name}所选值无效，请重新选择`)
+      return false
+    }
+    const candidate = typeof value === 'string' || typeof value === 'number' ? String(value) : value;
+    const isObjectRange = range.length > 0 && range[0] && typeof range[0] === 'object';
+    if (isObjectRange) {
+      const values = range
+        .map((i) => (i && typeof i === 'object' && 'value' in i ? i.value : undefined))
+        .filter((i) => i !== undefined && i !== null)
+        .map((i) => String(i));
+      if (!values.includes(String(candidate))) {
+        toast(`${name}所选值无效，请重新选择`)
+        return false
+      }
+    } else if (!range.map((i) => String(i)).includes(String(candidate))) {
       toast(`${name}所选值无效，请重新选择`)
       return false
     }
@@ -87,7 +108,7 @@ function checkIdCard(value, name) {
 }
 
 function checkInput({ name, required, wordLimit, inputType }, value) {
-  if (!required && !value) return true;
+  if (!required && !isTrueValue(value)) return true;
   if (required && !isTrueValue(value)) {
     toast(`请输入${name}`)
     return false
@@ -99,8 +120,36 @@ function checkInput({ name, required, wordLimit, inputType }, value) {
   return true
 }
 
+function checkMultiList({ name, required }, value) {
+  const list = Array.isArray(value) ? value.filter(isTrueValue) : [];
+  if (required && list.length === 0) {
+    toast(`请选择${name}`)
+    return false
+  }
+  return true
+}
+
+function checkFiles({ name, required }, value) {
+  const list = Array.isArray(value)
+    ? value
+      .map((i) => {
+        if (typeof i === 'string') return i;
+        if (i && typeof i === 'object' && i.url) return String(i.url);
+        return '';
+      })
+      .filter((i) => typeof i === 'string' && i.trim() !== '')
+    : typeof value === 'string' && value.trim() !== ''
+      ? [value]
+      : [];
+  if (required && list.length === 0) {
+    toast(`请上传${name}`)
+    return false
+  }
+  return true
+}
+
 function isTrueValue(value) {
   if (typeof value === 'string') return value.trim() !== '';
   if (typeof value === 'number') return true;
   return Boolean(value)
-}
\ No newline at end of file
+}
diff --git a/pages/case/archive-detail.vue b/pages/case/archive-detail.vue
index 8da4099..241ec5f 100644
--- a/pages/case/archive-detail.vue
+++ b/pages/case/archive-detail.vue
@@ -219,13 +219,19 @@
 <script setup>
 import { computed, getCurrentInstance, ref } from 'vue';
 import { onLoad, onPullDownRefresh, onReachBottom, onReady, onShow } from '@dcloudio/uni-app';
+import { storeToRefs } from 'pinia';
 
 import HealthProfileTab from '@/components/archive-detail/health-profile-tab.vue';
 import ServiceInfoTab from '@/components/archive-detail/service-info-tab.vue';
 import FollowUpManageTab from '@/components/archive-detail/follow-up-manage-tab.vue';
 import { ensureSeed } from '@/components/archive-detail/mock';
+import api from '@/utils/api';
+import useAccountStore from '@/store/account';
+import { hideLoading, loading, toast } from '@/utils/widget';
 
 const STORAGE_KEY = 'ykt_case_archive_detail';
+const CURRENT_TEAM_STORAGE_KEY = 'ykt_case_current_team';
+const NEED_RELOAD_STORAGE_KEY = 'ykt_case_need_reload';
 
 const tabs = [
   { key: 'visitRecord', title: '病历记录' },
@@ -257,6 +263,110 @@ const archive = ref({
   groupOptions: ['高血压', '糖尿病', '高血脂']
 });
 
+const accountStore = useAccountStore();
+const { account, doctorInfo } = storeToRefs(accountStore);
+const { getDoctorInfo } = accountStore;
+
+function getUserId() {
+  const d = doctorInfo.value || {};
+  const a = account.value || {};
+  return String(d.userid || d.userId || d.corpUserId || a.userid || a.userId || '') || '';
+}
+
+function getCorpId() {
+  const d = doctorInfo.value || {};
+  const a = account.value || {};
+  const team = uni.getStorageSync(CURRENT_TEAM_STORAGE_KEY) || {};
+  return String(d.corpId || a.corpId || team.corpId || '') || '';
+}
+
+function normalizeArchiveFromApi(raw) {
+  const r = raw && typeof raw === 'object' ? raw : {};
+  const next = {
+    _id: r._id || archiveId.value,
+    name: r.name || '',
+    sex: r.sex || r.gender || '',
+    age: r.age ?? '',
+    avatar: r.avatar || '',
+    mobile: r.mobile || r.phone1 || r.phone || '',
+    outpatientNo: r.outpatientNo || '',
+    inpatientNo: r.inpatientNo || '',
+    medicalRecordNo: r.medicalRecordNo || '',
+    createTime: r.createTime || '',
+    creator: r.creator || '',
+    notes: r.notes || r.remark || '',
+  };
+  return next;
+}
+
+async function ensureDoctor() {
+  if (doctorInfo.value) return;
+  if (!account.value?.openid) return;
+  try {
+    await getDoctorInfo();
+  } catch (e) {
+    // ignore
+  }
+}
+
+async function fetchArchive() {
+  if (!archiveId.value) return;
+  await ensureDoctor();
+  loading('加载中...');
+  try {
+    const res = await api('getCustomerByCustomerId', { customerId: archiveId.value });
+    if (!res?.success) {
+      toast(res?.message || '获取档案失败');
+      return;
+    }
+    archive.value = { ...archive.value, ...normalizeArchiveFromApi(res.data) };
+    saveToStorage();
+  } catch (e) {
+    toast('获取档案失败');
+  } finally {
+    hideLoading();
+  }
+}
+
+async function updateArchive(patch) {
+  const id = String(archiveId.value || '');
+  if (!id) return false;
+  await ensureDoctor();
+  const userId = getUserId();
+  const corpId = getCorpId();
+  const team = uni.getStorageSync(CURRENT_TEAM_STORAGE_KEY) || {};
+  const createTeamId = team?.teamId ? String(team.teamId) : '';
+  const createTeamName = team?.name ? String(team.name) : '';
+  if (!userId || !corpId) {
+    toast('缺少登录信息，请先完成登录');
+    return false;
+  }
+
+  loading('保存中...');
+  try {
+    const res = await api('updateCustomer', {
+      id,
+      params: patch,
+      userId,
+      corpId,
+      createTeamId,
+      createTeamName,
+    });
+    if (!res?.success) {
+      toast(res?.message || '保存失败');
+      return false;
+    }
+    uni.setStorageSync(NEED_RELOAD_STORAGE_KEY, 1);
+    await fetchArchive();
+    return true;
+  } catch (e) {
+    toast('保存失败');
+    return false;
+  } finally {
+    hideLoading();
+  }
+}
+
 onLoad((options) => {
   archiveId.value = options?.id ? String(options.id) : String(archive.value.medicalRecordNo || archive.value.outpatientNo || archive.value.inpatientNo || '');
 
@@ -279,6 +389,9 @@ onLoad((options) => {
     archiveId.value = String(archive.value.medicalRecordNo || archive.value.outpatientNo || archive.value.inpatientNo || `mock_${Date.now()}`);
   }
   ensureSeed(archiveId.value, archive.value);
+
+  // 接口兜底：优先用接口刷新档案详情
+  fetchArchive();
 });
 
 function measureTabsTop() {
@@ -308,6 +421,7 @@ onShow(() => {
     };
   }
   setTimeout(measureTabsTop, 30);
+  fetchArchive();
 });
 
 onPullDownRefresh(() => {
@@ -389,9 +503,7 @@ const saveContact = () => {
     uni.showToast({ title: '请输入联系电话', icon: 'none' });
     return;
   }
-  archive.value.mobile = v;
-  saveToStorage();
-  closeContact();
+  updateArchive({ mobile: v }).then((ok) => ok && closeContact());
 };
 
 // ===== 备注 =====
@@ -408,9 +520,8 @@ const closeNotes = () => {
 };
 
 const saveNotes = () => {
-  archive.value.notes = String(notesInput.value || '').trim();
-  saveToStorage();
-  closeNotes();
+  const v = String(notesInput.value || '').trim();
+  updateArchive({ notes: v }).then((ok) => ok && closeNotes());
 };
 
 // ===== 分组 =====
diff --git a/pages/case/archive-edit.vue b/pages/case/archive-edit.vue
index d444e18..9f856a3 100644
--- a/pages/case/archive-edit.vue
+++ b/pages/case/archive-edit.vue
@@ -1,16 +1,27 @@
 <template>
   <view class="page">
-    <CustomerProfileTab :data="archive" :floatingBottom="16" @save="savePatch" />
+    <CustomerProfileTab
+      :data="archive"
+      :baseItems="baseItems"
+      :internalItems="internalItems"
+      :floatingBottom="16"
+      @save="savePatch"
+    />
   </view>
 </template>
 
 <script setup>
 import { ref } from 'vue';
 import { onLoad, onShow } from '@dcloudio/uni-app';
+import { storeToRefs } from 'pinia';
 import CustomerProfileTab from '@/components/archive-detail/customer-profile-tab.vue';
-import { ensureSeed } from '@/components/archive-detail/mock';
+import api from '@/utils/api';
+import useAccountStore from '@/store/account';
+import { hideLoading, loading, toast } from '@/utils/widget';
 
 const STORAGE_KEY = 'ykt_case_archive_detail';
+const CURRENT_TEAM_STORAGE_KEY = 'ykt_case_current_team';
+const NEED_RELOAD_STORAGE_KEY = 'ykt_case_need_reload';
 
 const archiveId = ref('');
 const archive = ref({
@@ -31,6 +42,108 @@ const archive = ref({
   groupOptions: [],
 });
 
+const baseItems = ref([]);
+const internalItems = ref([]);
+
+const accountStore = useAccountStore();
+const { account, doctorInfo } = storeToRefs(accountStore);
+const { getDoctorInfo } = accountStore;
+
+function normalizeOptions(options) {
+  if (!Array.isArray(options)) return [];
+  if (!options.length) return [];
+  if (typeof options[0] === 'string') return options.filter((i) => typeof i === 'string');
+  if (typeof options[0] === 'object') {
+    return options
+      .map((i) => {
+        const label = i?.label ?? i?.name ?? i?.text ?? i?.title ?? '';
+        const value = i?.value ?? i?.id ?? i?.key ?? label;
+        if (!label && (value === undefined || value === null || value === '')) return null;
+        return { label: String(label || value), value: String(value) };
+      })
+      .filter(Boolean);
+  }
+  return [];
+}
+
+function normalizeTemplateItem(item) {
+  const next = { ...(item || {}) };
+  if (next.operateType === 'custom') next.operateType = 'formCell';
+
+  const originalType = next.type;
+  const customTypeMap = {
+    customerSource: 'select',
+    customerStage: 'select',
+    tag: 'multiSelectAndOther',
+    reference: 'input',
+    selectWwuser: 'select',
+    files: 'files',
+    corpProject: 'select',
+    diagnosis: 'textarea',
+    BMI: 'input',
+    bloodPressure: 'textarea',
+    selfMultipleDiseases: 'textarea',
+  };
+  if (originalType && customTypeMap[originalType]) {
+    next.__originType = originalType;
+    next.type = customTypeMap[originalType];
+  }
+
+  const aliasTypeMap = {
+    text: 'input',
+    string: 'input',
+    number: 'input',
+    integer: 'input',
+    int: 'input',
+  };
+  if (next.type && aliasTypeMap[next.type]) {
+    next.type = aliasTypeMap[next.type];
+    if (!next.inputType && (originalType === 'number' || originalType === 'integer' || originalType === 'int')) next.inputType = 'number';
+  }
+
+  const rawRange = next.range || next.options || next.optionList || next.values || [];
+  const range = normalizeOptions(rawRange);
+  if (next.type === 'select' || next.type === 'selectAndOther' || next.type === 'selectAndImage') {
+    next.range = range;
+  } else if (next.type === 'radio') {
+    if (range.length && typeof range[0] === 'object') {
+      next.type = 'select';
+      next.range = range;
+    } else {
+      next.range = Array.isArray(rawRange) ? rawRange : [];
+    }
+  }
+
+  if (!next.operateType) next.operateType = 'formCell';
+  next.required = Boolean(next.required);
+  if (next.type === 'input' && (next.wordLimit === undefined || next.wordLimit === null || next.wordLimit === '')) next.wordLimit = 20;
+  if (next.type === 'textarea' && (next.wordLimit === undefined || next.wordLimit === null || next.wordLimit === '')) next.wordLimit = 200;
+  return next;
+}
+
+function getUserId() {
+  const d = doctorInfo.value || {};
+  const a = account.value || {};
+  return String(d.userid || d.userId || d.corpUserId || a.userid || a.userId || '') || '';
+}
+
+function getCorpId() {
+  const d = doctorInfo.value || {};
+  const a = account.value || {};
+  const team = uni.getStorageSync(CURRENT_TEAM_STORAGE_KEY) || {};
+  return String(d.corpId || a.corpId || team.corpId || '') || '';
+}
+
+async function ensureDoctor() {
+  if (doctorInfo.value) return;
+  if (!account.value?.openid) return;
+  try {
+    await getDoctorInfo();
+  } catch (e) {
+    // ignore
+  }
+}
+
 function loadFromStorage() {
   const cached = uni.getStorageSync(STORAGE_KEY);
   if (cached && typeof cached === 'object') {
@@ -41,23 +154,109 @@ function loadFromStorage() {
       groupOptions: Array.isArray(cached.groupOptions) ? cached.groupOptions : archive.value.groupOptions,
     };
   }
-  if (!archiveId.value) {
-    archiveId.value = String(archive.value.medicalRecordNo || archive.value.outpatientNo || archive.value.inpatientNo || `mock_${Date.now()}`);
-  }
-  ensureSeed(archiveId.value, archive.value);
 }
 
-function savePatch(patch) {
-  archive.value = { ...archive.value, ...(patch && typeof patch === 'object' ? patch : {}) };
-  uni.setStorageSync(STORAGE_KEY, { ...archive.value });
+async function loadTemplates() {
+  const corpId = getCorpId();
+  if (!corpId) return;
+  const [baseRes, internalRes] = await Promise.all([
+    api('getCurrentTemplate', { corpId, templateType: 'baseTemplate' }),
+    api('getCurrentTemplate', { corpId, templateType: 'internalTemplate' }),
+  ]);
+
+  if (baseRes?.success) {
+    const temp = baseRes?.data && typeof baseRes.data === 'object' ? baseRes.data : baseRes;
+    const list = Array.isArray(temp.templateList) ? temp.templateList : [];
+    baseItems.value = list
+      .filter((i) => i && i.fieldStatus !== 'disable')
+      .filter((i) => i.operateType !== 'onlyRead')
+      .map(normalizeTemplateItem);
+  }
+
+  if (internalRes?.success) {
+    const temp = internalRes?.data && typeof internalRes.data === 'object' ? internalRes.data : internalRes;
+    const list = Array.isArray(temp.templateList) ? temp.templateList : [];
+    internalItems.value = list
+      .filter((i) => i && i.fieldStatus !== 'disable')
+      .filter((i) => i.operateType !== 'onlyRead')
+      .map(normalizeTemplateItem);
+  }
+}
+
+async function loadArchiveFromApi() {
+  if (!archiveId.value) return;
+  loading('加载中...');
+  try {
+    const res = await api('getCustomerByCustomerId', { customerId: archiveId.value });
+    if (!res?.success) {
+      toast(res?.message || '获取档案失败');
+      return;
+    }
+    archive.value = { ...archive.value, ...(res.data && typeof res.data === 'object' ? res.data : {}) };
+    uni.setStorageSync(STORAGE_KEY, { ...archive.value });
+  } catch (e) {
+    toast('获取档案失败');
+  } finally {
+    hideLoading();
+  }
+}
+
+async function savePatch(patch) {
+  const p = patch && typeof patch === 'object' ? patch : {};
+  const params = Object.keys(p).reduce((acc, k) => {
+    const v = p[k];
+    if (v !== undefined) acc[k] = v;
+    return acc;
+  }, {});
+  if (Object.keys(params).length === 0) return;
+
+  await ensureDoctor();
+  const userId = getUserId();
+  const corpId = getCorpId();
+  const team = uni.getStorageSync(CURRENT_TEAM_STORAGE_KEY) || {};
+  const createTeamId = team?.teamId ? String(team.teamId) : '';
+  const createTeamName = team?.name ? String(team.name) : '';
+  if (!archiveId.value || !userId || !corpId) {
+    toast('缺少用户/团队信息，请先完成登录与个人信息');
+    return;
+  }
+
+  loading('保存中...');
+  try {
+    const res = await api('updateCustomer', {
+      id: archiveId.value,
+      params,
+      userId,
+      corpId,
+      createTeamId,
+      createTeamName,
+    });
+    if (!res?.success) {
+      toast(res?.message || '保存失败');
+      return;
+    }
+    toast('保存成功');
+    uni.setStorageSync(NEED_RELOAD_STORAGE_KEY, 1);
+    await loadArchiveFromApi();
+  } catch (e) {
+    toast('保存失败');
+  } finally {
+    hideLoading();
+  }
 }
 
 onLoad((options) => {
   archiveId.value = options?.archiveId ? String(options.archiveId) : '';
   loadFromStorage();
+  ensureDoctor().then(async () => {
+    await Promise.all([loadTemplates(), loadArchiveFromApi()]);
+  });
 });
 
-onShow(() => loadFromStorage());
+onShow(() => {
+  loadFromStorage();
+  loadArchiveFromApi();
+});
 </script>
 
 <style scoped>
diff --git a/pages/case/case.vue b/pages/case/case.vue
index 620275f..5732319 100644
--- a/pages/case/case.vue
+++ b/pages/case/case.vue
@@ -52,17 +52,19 @@
         class="patient-list" 
         :scroll-into-view="scrollIntoId"
         :scroll-with-animation="true"
+        lower-threshold="80"
+        @scrolltolower="loadMore"
       >
-        <view v-for="group in patientList" :key="group.letter" :id="'letter-' + group.letter">
+        <view v-for="group in patientList" :key="group.letter" :id="letterToDomId(group.letter)">
           <view class="group-title">{{ group.letter }}</view>
           
           <view v-for="(patient, pIndex) in group.data" :key="pIndex" class="patient-card" @click="handlePatientClick(patient)">
             <!-- Checkbox for Batch Mode -->
             <view v-if="isBatchMode" class="checkbox-area">
               <uni-icons 
-                :type="selectedItems.includes(patient.phone) ? 'checkbox-filled' : 'checkbox'" 
+                :type="selectedItems.includes(getSelectId(patient)) ? 'checkbox-filled' : 'checkbox'" 
                 size="24" 
-                :color="selectedItems.includes(patient.phone) ? '#007aff' : '#ccc'"
+                :color="selectedItems.includes(getSelectId(patient)) ? '#007aff' : '#ccc'"
               ></uni-icons>
             </view>
             <view class="card-content">
@@ -133,10 +135,18 @@
 </template>
 
 <script setup>
-import { ref, computed } from 'vue';
+import { ref, computed, watch } from 'vue';
+import { onLoad, onShow } from '@dcloudio/uni-app';
+import { storeToRefs } from 'pinia';
+import dayjs from 'dayjs';
+
+import api from '@/utils/api';
+import useAccountStore from '@/store/account';
+import { toast } from '@/utils/widget';
 
 // State
-const currentTeam = ref('张敏西服务团队');
+const teams = ref([]);
+const currentTeam = ref(null);
 const currentTab = ref(0);
 const scrollIntoId = ref('');
 const tabs = ['全部', '新患者', '糖尿病', '高血压', '冠心病', '慢阻肺'];
@@ -144,85 +154,230 @@ const isBatchMode = ref(false);
 const selectedItems = ref([]); // Stores patient phone or unique ID
 
 // 新增流程所需状态（后续接接口替换）
-const managedArchiveCountAllTeams = ref(10); // 在管档案数（所有团队）
+const managedArchiveCountAllTeams = ref(0); // 在管档案数（所有团队）
 const isVerified = ref(true); // 是否已认证
 const hasVerifyFailedHistory = ref(false); // 是否有历史认证失败
 const verifyFailedReason = ref('资料不完整，请补充营业执照/资质证明后重新提交。');
 
 const DETAIL_STORAGE_KEY = 'ykt_case_archive_detail';
+const CURRENT_TEAM_STORAGE_KEY = 'ykt_case_current_team';
+const NEED_RELOAD_STORAGE_KEY = 'ykt_case_need_reload';
 
-const teamDisplay = computed(() => `${currentTeam.value}(${managedArchiveCountAllTeams.value})`);
+const page = ref(1);
+const pages = ref(0);
+const pageSize = ref(50);
+const totalFromApi = ref(0);
+const loading = ref(false);
+const rawPatients = ref([]);
+const more = computed(() => page.value < pages.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',
-        outpatientNo: '2828393893', inpatientNo: '', medicalRecordNo: '',
-        createdByDoctor: true, hasBindWechat: false
-      },
-      { 
-        name: '奥利奥', gender: '女', age: 22, tags: [], record: null,
-        createTime: '2026.1.15 09:00', creator: '王医生', phone: '13999999999', hospitalId: '1002',
-        outpatientNo: '', inpatientNo: '', medicalRecordNo: '',
-        createdByDoctor: false, hasBindWechat: true
-      }
-    ]
-  },
-  {
-    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',
-        outpatientNo: '2828393893', inpatientNo: '2828393893', medicalRecordNo: '2828393893',
-        createdByDoctor: true, hasBindWechat: false
-      },
-      { 
-        name: '李珊珊', gender: '女', age: 37, tags: [], 
-        record: { type: '住院', date: '2026.1.10', diagnosis: '急性上呼吸道感染' },
-        createTime: '2025.12.30 11:00', creator: '张医生', phone: '13666666667', hospitalId: '10031',
-        outpatientNo: '', inpatientNo: '2828393893', medicalRecordNo: '',
-        createdByDoctor: false, hasBindWechat: true
-      },
-      { 
-        name: '李某某', gender: '女', age: 37, tags: [], record: null,
-        createTime: '2025.12.01 08:30', creator: '系统导入', phone: '13555555555', hospitalId: '1004',
-        outpatientNo: '', inpatientNo: '', medicalRecordNo: '',
-        createdByDoctor: false, hasBindWechat: false
-      },
-      { 
-        name: '李四', gender: '男', age: 50, tags: ['高血压'], record: null,
-        createTime: '2026.1.18 16:45', creator: '管理员', phone: '13444444444', hospitalId: '1005',
-        outpatientNo: '', inpatientNo: '', medicalRecordNo: '',
-        createdByDoctor: true, hasBindWechat: true
-      }
-    ]
-  },
-  {
-    letter: 'Z',
-    data: [
-      { 
-        name: '张三', gender: '男', age: 28, tags: [], record: null,
-        createTime: '2026.1.19 10:00', creator: '赵医生', phone: '13333333333', hospitalId: '1006',
-        outpatientNo: '2828393893', inpatientNo: '', medicalRecordNo: '',
-        createdByDoctor: true, hasBindWechat: false
-      },
-      { 
-        name: '张敏', gender: '女', age: 32, tags: ['高血压'], 
-        record: { type: '门诊', date: '2025.12.15', diagnosis: '高血压' },
-        createTime: '2025.11.20 15:15', creator: '孙医生', phone: '13222222222', hospitalId: '1007',
-        outpatientNo: '', inpatientNo: '', medicalRecordNo: '2828393893',
-        createdByDoctor: false, hasBindWechat: true
-      }
-    ]
+const accountStore = useAccountStore();
+const { account, doctorInfo } = storeToRefs(accountStore);
+const { getDoctorInfo } = accountStore;
+
+const teamDisplay = computed(() => `${currentTeam.value?.name || ''}(${managedArchiveCountAllTeams.value})`);
+
+function asArray(value) {
+  return Array.isArray(value) ? value : [];
+}
+
+function normalizeTeam(raw) {
+  if (!raw || typeof raw !== 'object') return null;
+  const teamId = raw.teamId || raw.id || raw._id || '';
+  const name = raw.name || raw.teamName || raw.team || '';
+  const corpId = raw.corpId || raw.corpID || '';
+  const userId = raw.userId || raw.userid || raw.corpUserId || '';
+  if (!teamId || !name) return null;
+  return { teamId: String(teamId), name: String(name), corpId: corpId ? String(corpId) : '', userId: userId ? String(userId) : '' };
+}
+
+function getUserId() {
+  const d = doctorInfo.value || {};
+  const a = account.value || {};
+  return String(d.userid || d.userId || d.corpUserId || a.userid || a.userId || '') || '';
+}
+
+function getCorpId() {
+  const t = currentTeam.value || {};
+  const a = account.value || {};
+  return String(t.corpId || a.corpId || '') || '';
+}
+
+function getTeamId() {
+  return String(currentTeam.value?.teamId || '') || '';
+}
+
+function getLetter(patient) {
+  const raw = patient?.firstLetter || patient?.nameFirstLetter || patient?.pinyinFirstLetter || patient?.letter || '';
+  const candidate = String(raw || '').trim();
+  if (candidate && /^[A-Za-z]$/.test(candidate)) return candidate.toUpperCase();
+  const name = String(patient?.name || '').trim();
+  const first = name ? name[0] : '';
+  if (/^[A-Za-z]$/.test(first)) return first.toUpperCase();
+  return '#';
+}
+
+function letterToDomId(letter) {
+  return `letter-${letter === '#' ? 'HASH' : letter}`;
+}
+
+function getSelectId(patient) {
+  return patient?._id || patient?.id || patient?.phone || patient?.mobile || '';
+}
+
+function parseCreateTime(value) {
+  if (!value) return null;
+  if (typeof value === 'number') return dayjs(value);
+  if (typeof value === 'string' && /^\d{10,13}$/.test(value)) {
+    const n = Number(value);
+    const ms = value.length === 10 ? n * 1000 : n;
+    return dayjs(ms);
   }
-];
+  const asString = String(value);
+  const d1 = dayjs(asString);
+  if (d1.isValid()) return d1;
+  const normalized = asString.replace(/\./g, '-').replace(/\//g, '-');
+  const d2 = dayjs(normalized);
+  return d2.isValid() ? d2 : null;
+}
+
+function formatPatient(raw) {
+  const name = raw?.name || raw?.customerName || '';
+  const sex = raw?.sex || raw?.gender || '';
+  const age = raw?.age ?? '';
+  const mobiles = asArray(raw?.mobiles).map(String).filter(Boolean);
+  const mobile = raw?.mobile ? String(raw.mobile) : (mobiles[0] || '');
+
+  const createTime = parseCreateTime(raw?.createTime);
+  const createTimeStr = createTime ? createTime.format('YYYY-MM-DD HH:mm') : '';
+
+  const rawTags = asArray(raw?.tags).filter((i) => typeof i === 'string');
+  const rawTagNames = asArray(raw?.tagNames).filter((i) => typeof i === 'string');
+
+  const tagIds = asArray(raw?.tagIds).map(String).filter(Boolean);
+
+  return {
+    ...raw,
+    _id: raw?._id || raw?.id || '',
+    name: String(name || ''),
+    gender: String(sex || ''),
+    age,
+    tags: rawTags.length ? rawTags : (rawTagNames.length ? rawTagNames : tagIds),
+    mobiles,
+    mobile,
+    createTime: createTimeStr,
+    creator: raw?.creatorName || raw?.creator || '',
+    hospitalId: raw?.customerNumber || raw?.hospitalId || '',
+    record: null,
+    createdByDoctor: raw?.addMethod ? String(raw.addMethod) === 'manual' : Boolean(raw?.createdByDoctor),
+    hasBindWechat: Boolean(raw?.externalUserId || raw?.unionid || raw?.hasBindWechat),
+  };
+}
+
+function groupByLetter(list) {
+  const map = new Map();
+  list.forEach((item) => {
+    const letter = getLetter(item);
+    const arr = map.get(letter) || [];
+    arr.push(item);
+    map.set(letter, arr);
+  });
+  const letters = Array.from(map.keys()).sort((a, b) => {
+    if (a === '#') return 1;
+    if (b === '#') return -1;
+    return a.localeCompare(b);
+  });
+  return letters.map((letter) => ({ letter, data: map.get(letter) || [] }));
+}
+
+async function loadTeams() {
+  if (!doctorInfo.value && account.value?.openid) {
+    try {
+      await getDoctorInfo();
+    } catch (e) {
+      // ignore
+    }
+  }
+
+  const userId = getUserId();
+  const corpId = String(account.value?.corpId || doctorInfo.value?.corpId || '') || '';
+
+  if (!corpId || !userId) {
+    toast('缺少用户信息，请先完善个人信息');
+    return;
+  }
+
+  const res = await api('getTeamBymember', { corpId, corpUserId: userId });
+  if (!res?.success) {
+    toast(res?.message || '获取团队失败');
+    return;
+  }
+
+  const list = Array.isArray(res?.data) ? res.data : Array.isArray(res?.data?.data) ? res.data.data : [];
+  const normalized = list.map(normalizeTeam).filter(Boolean);
+  teams.value = normalized;
+
+  const saved = uni.getStorageSync(CURRENT_TEAM_STORAGE_KEY);
+  const savedTeamId = saved?.teamId ? String(saved.teamId) : '';
+  currentTeam.value = normalized.find((t) => savedTeamId && t.teamId === savedTeamId) || normalized[0] || null;
+  if (currentTeam.value) uni.setStorageSync(CURRENT_TEAM_STORAGE_KEY, currentTeam.value);
+}
+
+async function reload(reset = true) {
+  if (!currentTeam.value) return;
+  if (loading.value) return;
+
+  const userId = getUserId();
+  const corpId = getCorpId();
+  const teamId = getTeamId();
+  if (!corpId || !teamId || !userId) {
+    toast('缺少用户/团队信息，请先完成登录与个人信息');
+    return;
+  }
+
+  if (reset) {
+    page.value = 1;
+    rawPatients.value = [];
+    pages.value = 0;
+    totalFromApi.value = 0;
+  }
+
+  loading.value = true;
+  const res = await api('searchCorpCustomerWithFollowTime', {
+    corpId,
+    userId,
+    teamId,
+    page: page.value,
+    pageSize: pageSize.value,
+  });
+  loading.value = false;
+
+  if (!res?.success) {
+    toast(res?.message || '获取患者列表失败');
+    return;
+  }
+
+  const payload =
+    res && typeof res === 'object'
+      ? res.data && typeof res.data === 'object' && !Array.isArray(res.data)
+        ? res.data
+        : res
+      : {};
+  const list = Array.isArray(payload.list) ? payload.list : Array.isArray(payload.data) ? payload.data : [];
+  const next = list.map(formatPatient);
+  rawPatients.value = page.value === 1 ? next : [...rawPatients.value, ...next];
+  pages.value = Number(payload.pages || 0) || 0;
+  totalFromApi.value = Number(payload.total || 0) || rawPatients.value.length;
+  managedArchiveCountAllTeams.value =
+    Number(
+      payload.totalAllTeams ||
+        payload.totalAllTeam ||
+        payload.totalAllTeamsCount ||
+        managedArchiveCountAllTeams.value ||
+        totalFromApi.value ||
+        0
+    ) || (totalFromApi.value || 0);
+}
 
 const handlePatientClick = (patient) => {
   if (isBatchMode.value) {
@@ -230,10 +385,14 @@ const handlePatientClick = (patient) => {
     return;
   }
 
+  const id = patient._id || patient.id || patient.mobile || patient.phone || '';
   uni.setStorageSync(DETAIL_STORAGE_KEY, {
+    _id: id,
     name: patient.name,
     sex: patient.gender,
     age: patient.age,
+    mobile: patient.mobile,
+    mobiles: Array.isArray(patient.mobiles) ? patient.mobiles : (patient.mobile ? [patient.mobile] : []),
     outpatientNo: patient.outpatientNo,
     inpatientNo: patient.inpatientNo,
     medicalRecordNo: patient.medicalRecordNo,
@@ -242,60 +401,35 @@ const handlePatientClick = (patient) => {
     createdByDoctor: patient.createdByDoctor,
     hasBindWechat: patient.hasBindWechat
   });
-  uni.navigateTo({ url: '/pages/case/archive-detail' });
+  uni.navigateTo({ url: `/pages/case/archive-detail?id=${encodeURIComponent(String(id))}` });
 };
 
 // Computed
 const patientList = computed(() => {
-  let list = allPatients;
+  const all = rawPatients.value || [];
 
   // 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 }]
-    
+    const now = dayjs();
+    const sevenDaysAgo = now.subtract(7, 'day').valueOf();
+    const flatList = all
+      .map((p) => {
+        const t = parseCreateTime(p.createTime)?.valueOf();
+        return t ? { ...p, _ts: t } : null;
+      })
+      .filter(Boolean)
+      .filter((p) => p._ts >= sevenDaysAgo)
+      .sort((a, b) => b._ts - a._ts);
     return [{ letter: '最近新增', data: flatList }];
   }
 
   // Tab Filtering (Mock logic for other tabs)
+  let filtered = all;
   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);
+    filtered = filtered.filter((p) => Array.isArray(p.tags) && p.tags.includes(tabName));
   }
-
-  return list; 
+  return groupByLetter(filtered);
 });
 
 const indexList = computed(() => {
@@ -306,6 +440,7 @@ const indexList = computed(() => {
 const totalPatients = computed(() => {
   let count = 0;
   patientList.value.forEach(g => count += g.data.length);
+  if (currentTab.value === 0 && totalFromApi.value) return totalFromApi.value;
   return count;
 });
 
@@ -320,16 +455,21 @@ const checkBatchMode = () => {
 
 const scrollToLetter = (letter) => {
   if (currentTab.value === 1) return;
-  scrollIntoId.value = 'letter-' + letter;
+  scrollIntoId.value = letterToDomId(letter);
 };
 
 const toggleTeamPopup = () => {
   if (checkBatchMode()) return;
+  if (!teams.value.length) {
+    toast('暂无可选团队');
+    return;
+  }
   uni.showActionSheet({
-    itemList: ['张敏西服务团队', '李医生团队', '王医生团队'],
+    itemList: teams.value.map((i) => i.name),
     success: function (res) {
-      const teams = ['张敏西服务团队', '李医生团队', '王医生团队'];
-      currentTeam.value = teams[res.tapIndex];
+      currentTeam.value = teams.value[res.tapIndex] || teams.value[0] || null;
+      if (currentTeam.value) uni.setStorageSync(CURRENT_TEAM_STORAGE_KEY, currentTeam.value);
+      reload(true);
     }
   });
 };
@@ -450,7 +590,7 @@ const openCreatePatientEntry = () => {
 const toggleSelect = (patient) => {
   if (!isBatchMode.value) return; // Should not happen if click handler is correct
   
-  const id = patient.phone; // Using phone as unique ID for mock
+  const id = patient._id || patient.id || patient.phone || patient.mobile; // Prefer server id
   const index = selectedItems.value.indexOf(id);
   if (index > -1) {
     selectedItems.value.splice(index, 1);
@@ -465,7 +605,7 @@ const handleSelectAll = () => {
   if (selectedItems.value.length === currentList.length) {
     selectedItems.value = []; // Unselect All
   } else {
-    selectedItems.value = currentList.map(p => p.phone);
+    selectedItems.value = currentList.map(p => p._id || p.id || p.phone || p.mobile);
   }
 };
 
@@ -492,6 +632,31 @@ const handleShare = () => {
   uni.navigateTo({ url: '/pages/case/batch-share' });
 };
 
+function loadMore() {
+  if (currentTab.value === 1) return;
+  if (!more.value || loading.value) return;
+  page.value += 1;
+  reload(false);
+}
+
+watch(currentTeam, (t) => {
+  if (!t) return;
+  uni.setStorageSync(CURRENT_TEAM_STORAGE_KEY, t);
+});
+
+onLoad(async () => {
+  await loadTeams();
+  if (currentTeam.value) await reload(true);
+});
+
+onShow(async () => {
+  const need = uni.getStorageSync(NEED_RELOAD_STORAGE_KEY);
+  if (need) {
+    uni.removeStorageSync(NEED_RELOAD_STORAGE_KEY);
+    await reload(true);
+  }
+});
+
 </script>
 
 <style lang="scss" scoped>
@@ -760,4 +925,4 @@ const handleShare = () => {
     font-weight: 500;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/pages/case/patient-create.vue b/pages/case/patient-create.vue
index 5a52206..42ce0aa 100644
--- a/pages/case/patient-create.vue
+++ b/pages/case/patient-create.vue
@@ -5,12 +5,23 @@
         <view class="form-wrap">
           <form-template ref="formRef" :items="baseItems" :form="form" :rule="rules" @change="onChange" />
         </view>
+        <view class="scroll-spacer" />
       </scroll-view>
 
 
+      <!-- #ifdef MP-WEIXIN -->
+      <cover-view class="footer">
+        <cover-view class="btn plain" @tap="cancel">取消</cover-view>
+        <cover-view class="btn primary" @tap="next">下一步</cover-view>
+      </cover-view>
+      <!-- #endif -->
+
+      <!-- #ifndef MP-WEIXIN -->
       <view class="footer">
-        <button class="primary" @click="next">下一步</button>
+        <button class="btn plain" @click="cancel">取消</button>
+        <button class="btn primary" @click="next">下一步</button>
       </view>
+      <!-- #endif -->
     </view>
   </view>
 </template>
@@ -18,36 +29,151 @@
 <script setup>
 import { reactive, ref } from 'vue';
 import { onLoad } from '@dcloudio/uni-app';
+import { storeToRefs } from 'pinia';
+import dayjs from 'dayjs';
 import FormTemplate from '@/components/form-template/index.vue';
+import api from '@/utils/api';
+import useAccountStore from '@/store/account';
+import { hideLoading, loading, toast } from '@/utils/widget';
 import validate from '@/utils/validate';
 
 const STORAGE_KEY = 'patient-create-base';
+const CURRENT_TEAM_STORAGE_KEY = 'ykt_case_current_team';
 
 const formRef = ref(null);
-const form = reactive({
-  name: '',
-  gender: '',
-  age: '',
-  mobile: '',
-  birthday: '',
-  idType: '',
-  idNo: ''
-});
+const form = reactive({});
+const baseItems = ref([]);
 
-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 accountStore = useAccountStore();
+const { account, doctorInfo } = storeToRefs(accountStore);
+const { getDoctorInfo } = accountStore;
+
+function normalizeChangeValue(value) {
+  if (value && typeof value === 'object' && 'value' in value) return value.value;
+  return value;
+}
+
+function normalizeOptions(options) {
+  if (!Array.isArray(options)) return [];
+  if (!options.length) return [];
+  if (typeof options[0] === 'string') return options.filter((i) => typeof i === 'string');
+  if (typeof options[0] === 'object') {
+    return options
+      .map((i) => {
+        const label = i?.label ?? i?.name ?? i?.text ?? i?.title ?? '';
+        const value = i?.value ?? i?.id ?? i?.key ?? label;
+        if (!label && (value === undefined || value === null || value === '')) return null;
+        return { label: String(label || value), value: String(value) };
+      })
+      .filter(Boolean);
+  }
+  return [];
+}
+
+function normalizeTemplateItem(item) {
+  const next = { ...(item || {}) };
+
+  if (next.operateType === 'custom') next.operateType = 'formCell';
+
+  const originalType = next.type;
+  const customTypeMap = {
+    customerSource: 'select',
+    customerStage: 'select',
+    tag: 'multiSelectAndOther',
+    reference: 'input',
+    selectWwuser: 'select',
+    files: 'files',
+    corpProject: 'select',
+    diagnosis: 'textarea',
+    BMI: 'input',
+    bloodPressure: 'textarea',
+    selfMultipleDiseases: 'textarea',
+  };
+  if (originalType && customTypeMap[originalType]) {
+    next.__originType = originalType;
+    next.type = customTypeMap[originalType];
+  }
+
+  const aliasTypeMap = {
+    text: 'input',
+    string: 'input',
+    number: 'input',
+    integer: 'input',
+    int: 'input',
+  };
+  if (next.type && aliasTypeMap[next.type]) {
+    next.type = aliasTypeMap[next.type];
+    if (!next.inputType && (originalType === 'number' || originalType === 'integer' || originalType === 'int')) next.inputType = 'number';
+  }
+
+  const rawRange = next.range || next.options || next.optionList || next.values || [];
+  const range = normalizeOptions(rawRange);
+
+  if (next.type === 'select' || next.type === 'selectAndOther' || next.type === 'selectAndImage') {
+    next.range = range;
+  } else if (next.type === 'radio') {
+    // wxapp 目前 radio 组件只支持字符串列表；模板如为对象选项则降级为 select
+    if (range.length && typeof range[0] === 'object') {
+      next.type = 'select';
+      next.range = range;
+    } else {
+      next.range = Array.isArray(rawRange) ? rawRange : [];
+    }
+  }
+
+  if (!next.operateType) next.operateType = 'formCell';
+  next.required = Boolean(next.required);
+
+  if (next.type === 'input' && (next.wordLimit === undefined || next.wordLimit === null || next.wordLimit === '')) next.wordLimit = 20;
+  if (next.type === 'textarea' && (next.wordLimit === undefined || next.wordLimit === null || next.wordLimit === '')) next.wordLimit = 200;
+  return next;
+}
+
+async function loadBaseTemplate() {
+  const corpId = String(account.value?.corpId || doctorInfo.value?.corpId || '') || '';
+  if (!corpId) return;
+
+  loading('加载中...');
+  const res = await api('getCurrentTemplate', { corpId, templateType: 'baseTemplate' });
+  hideLoading();
+
+  if (!res?.success) {
+    toast(res?.message || '获取模板失败');
+    return;
+  }
+
+  const temp = res?.data && typeof res.data === 'object' ? res.data : res;
+  const list = Array.isArray(temp.templateList) ? temp.templateList : [];
+  baseItems.value = list
+    .filter((i) => i && i.fieldStatus !== 'disable')
+    .filter((i) => i.operateType !== 'onlyRead')
+    .map(normalizeTemplateItem);
+
+  const initialValue = { relationship: '本人', cardType: '身份证' };
+  baseItems.value.forEach((i) => {
+    const title = i?.title;
+    if (!title) return;
+    if (!(title in form) && initialValue[title] !== undefined) {
+      form[title] = initialValue[title];
+    }
+  });
+
+  const cachedTeam = uni.getStorageSync(CURRENT_TEAM_STORAGE_KEY) || {};
+  if (cachedTeam?.teamId && !form.teamId) form.teamId = String(cachedTeam.teamId);
+}
 
 const rules = {
   idNo(value) {
     if (!value) return true;
-    if (form.idType === '身份证') {
+    if (form.idType === '身份证' || form.cardType === '身份证') {
+      const [ok, msg] = validate.isChinaId(value);
+      if (!ok) return msg || '证件号格式不正确';
+    }
+    return true;
+  },
+  idCard(value) {
+    if (!value) return true;
+    if (form.cardType === '身份证' || form.idType === '身份证') {
       const [ok, msg] = validate.isChinaId(value);
       if (!ok) return msg || '证件号格式不正确';
     }
@@ -55,15 +181,31 @@ const rules = {
   }
 };
 
-onLoad(() => {
+onLoad(async () => {
   const cached = uni.getStorageSync(STORAGE_KEY);
   if (cached && typeof cached === 'object') {
     Object.assign(form, cached);
   }
+
+  if (!doctorInfo.value && account.value?.openid) {
+    try {
+      await getDoctorInfo();
+    } catch (e) {
+      // ignore
+    }
+  }
+  await loadBaseTemplate();
 });
 
 function onChange({ title, value }) {
-  form[title] = value;
+  form[title] = normalizeChangeValue(value);
+
+  if (title === 'idCard' || title === 'idNo') handleIdCardChange(form[title]);
+  else if (title === 'birthday') handleBirthdayChange(form[title]);
+}
+
+function cancel() {
+  uni.navigateBack();
 }
 
 function next() {
@@ -71,22 +213,56 @@ function next() {
   uni.setStorageSync(STORAGE_KEY, { ...form });
   uni.navigateTo({ url: '/pages/case/patient-inner-info' });
 }
+
+function handleBirthdayChange(value) {
+  if (!value) return;
+  if (!baseItems.value.some((i) => i?.title === 'age')) return;
+  const d = dayjs(String(value));
+  if (!d.isValid()) return;
+  form.age = getAgeFromBirthday(d.format('YYYY-MM-DD'));
+}
+
+function handleIdCardChange(value) {
+  if (!value) return;
+  const [ok, birthday, gender] = validate.isChinaId(String(value));
+  if (!ok) return;
+
+  if (baseItems.value.some((i) => i?.title === 'cardType')) form.cardType = '身份证';
+  if (baseItems.value.some((i) => i?.title === 'birthday')) form.birthday = birthday;
+  if (baseItems.value.some((i) => i?.title === 'sex')) form.sex = gender === 'MALE' ? '男' : '女';
+  if (baseItems.value.some((i) => i?.title === 'gender')) form.gender = gender === 'MALE' ? '男' : '女';
+  if (baseItems.value.some((i) => i?.title === 'age')) form.age = getAgeFromBirthday(birthday);
+}
+
+function getAgeFromBirthday(birthday) {
+  const d = dayjs(String(birthday));
+  if (!d.isValid()) return '';
+  const now = dayjs();
+  let age = now.year() - d.year();
+  if (now.isBefore(d.add(age, 'year'))) age -= 1;
+  if (age < 0) age = 0;
+  return String(age);
+}
 </script>
 
 <style lang="scss" scoped>
 .page {
   height: 100vh;
   background: #f6f6f6;
+  display: flex;
+  flex-direction: column;
 }
 
 .body {
-  height: 100vh;
+  flex: 1;
   display: flex;
   flex-direction: column;
 }
 
 .scroll {
   flex: 1;
+  min-height: 0;
+  height: 0;
 }
 
 .form-wrap {
@@ -113,20 +289,37 @@ function next() {
   bottom: 0;
   background: #fff;
   padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
+  display: flex;
+  gap: 12px;
+  z-index: 10;
   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;
+.scroll-spacer {
+  height: calc(120px + env(safe-area-inset-bottom));
 }
 
-.primary::after {
+.btn {
+  flex: 1;
+  height: 44px;
+  line-height: 44px;
+  border-radius: 6px;
+  font-size: 15px;
+  text-align: center;
+}
+
+.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-inner-info.vue b/pages/case/patient-inner-info.vue
index 606d876..08d9b72 100644
--- a/pages/case/patient-inner-info.vue
+++ b/pages/case/patient-inner-info.vue
@@ -3,86 +3,283 @@
     <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" />
+          <form-template v-if="items.length" ref="formRef" :items="items" :form="forms" :rule="rules" :filterRule="filterRule" @change="onChange" />
         </view>
+        <view class="scroll-spacer" />
       </scroll-view>
 
+      <!-- #ifdef MP-WEIXIN -->
+      <cover-view class="footer">
+        <cover-view class="btn plain" @tap="prev">上一步</cover-view>
+        <cover-view class="btn primary" @tap="save">保存</cover-view>
+      </cover-view>
+      <!-- #endif -->
+
+      <!-- #ifndef MP-WEIXIN -->
       <view class="footer">
-        <button class="btn plain" @click="cancel">取消</button>
-        <button class="btn primary" @click="save">完成</button>
+        <button class="btn plain" @click="prev">上一步</button>
+        <button class="btn primary" @click="save">保存</button>
       </view>
+      <!-- #endif -->
     </view>
   </view>
 </template>
 
 <script setup>
-import { reactive, ref } from 'vue';
+import { computed, reactive, ref } from 'vue';
 import { onLoad } from '@dcloudio/uni-app';
 import FormTemplate from '@/components/form-template/index.vue';
+import { storeToRefs } from 'pinia';
+
+import api from '@/utils/api';
+import useAccountStore from '@/store/account';
+import { hideLoading, loading, toast } from '@/utils/widget';
 
 const BASE_KEY = 'patient-create-base';
 const INNER_KEY = 'patient-create-inner';
+const CURRENT_TEAM_STORAGE_KEY = 'ykt_case_current_team';
+const NEED_RELOAD_STORAGE_KEY = 'ykt_case_need_reload';
 
 const formRef = ref(null);
 
-const form = reactive({
-  customerSource: '',
-  firstVisitDate: '',
-  diseaseTag: '',
-  remark: ''
-});
+const form = reactive({});
+const baseForm = reactive({});
+const forms = computed(() => ({ ...baseForm, ...form }));
 
-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 items = ref([]);
 
 const rules = {};
+const filterRule = {
+  reference(formModel) {
+    const customerSource = Array.isArray(formModel.customerSource)
+      ? formModel.customerSource
+      : typeof formModel.customerSource === 'string'
+        ? [formModel.customerSource]
+        : [];
+    return ['同事推荐', '客户推荐'].includes(customerSource[0]) && customerSource.length === 1;
+  },
+};
 
-onLoad(() => {
+const accountStore = useAccountStore();
+const { account, doctorInfo } = storeToRefs(accountStore);
+const { getDoctorInfo } = accountStore;
+
+function normalizeChangeValue(value) {
+  if (value && typeof value === 'object' && 'value' in value) return value.value;
+  return value;
+}
+
+function normalizeOptions(options) {
+  if (!Array.isArray(options)) return [];
+  if (!options.length) return [];
+  if (typeof options[0] === 'string') return options.filter((i) => typeof i === 'string');
+  if (typeof options[0] === 'object') {
+    return options
+      .map((i) => {
+        const label = i?.label ?? i?.name ?? i?.text ?? i?.title ?? '';
+        const value = i?.value ?? i?.id ?? i?.key ?? label;
+        if (!label && (value === undefined || value === null || value === '')) return null;
+        return { label: String(label || value), value: String(value) };
+      })
+      .filter(Boolean);
+  }
+  return [];
+}
+
+function normalizeTemplateItem(item) {
+  const next = { ...(item || {}) };
+
+  if (next.operateType === 'custom') next.operateType = 'formCell';
+
+  const originalType = next.type;
+  const customTypeMap = {
+    customerSource: 'select',
+    customerStage: 'select',
+    tag: 'multiSelectAndOther',
+    reference: 'input',
+    selectWwuser: 'select',
+    files: 'files',
+    corpProject: 'select',
+    diagnosis: 'textarea',
+    BMI: 'input',
+    bloodPressure: 'textarea',
+    selfMultipleDiseases: 'textarea',
+  };
+  if (originalType && customTypeMap[originalType]) {
+    next.__originType = originalType;
+    next.type = customTypeMap[originalType];
+  }
+
+  const aliasTypeMap = {
+    text: 'input',
+    string: 'input',
+    number: 'input',
+    integer: 'input',
+    int: 'input',
+  };
+  if (next.type && aliasTypeMap[next.type]) {
+    next.type = aliasTypeMap[next.type];
+    if (!next.inputType && (originalType === 'number' || originalType === 'integer' || originalType === 'int')) next.inputType = 'number';
+  }
+
+  const rawRange = next.range || next.options || next.optionList || next.values || [];
+  const range = normalizeOptions(rawRange);
+
+  if (next.type === 'select' || next.type === 'selectAndOther' || next.type === 'selectAndImage') {
+    next.range = range;
+  } else if (next.type === 'radio') {
+    if (range.length && typeof range[0] === 'object') {
+      next.type = 'select';
+      next.range = range;
+    } else {
+      next.range = Array.isArray(rawRange) ? rawRange : [];
+    }
+  }
+
+  if (!next.operateType) next.operateType = 'formCell';
+  next.required = Boolean(next.required);
+
+  if (next.type === 'input' && (next.wordLimit === undefined || next.wordLimit === null || next.wordLimit === '')) next.wordLimit = 20;
+  if (next.type === 'textarea' && (next.wordLimit === undefined || next.wordLimit === null || next.wordLimit === '')) next.wordLimit = 200;
+  return next;
+}
+
+async function loadInternalTemplate() {
+  const corpId = String(account.value?.corpId || doctorInfo.value?.corpId || '') || '';
+  if (!corpId) return;
+
+  loading('加载中...');
+  const res = await api('getCurrentTemplate', { corpId, templateType: 'internalTemplate' });
+  hideLoading();
+
+  if (!res?.success) {
+    toast(res?.message || '获取模板失败');
+    return;
+  }
+
+  const temp = res?.data && typeof res.data === 'object' ? res.data : res;
+  const list = Array.isArray(temp.templateList) ? temp.templateList : [];
+  items.value = list
+    .filter((i) => i && i.fieldStatus !== 'disable')
+    .filter((i) => i.operateType !== 'onlyRead')
+    .map(normalizeTemplateItem);
+}
+
+onLoad(async () => {
   const base = uni.getStorageSync(BASE_KEY);
   if (!base || typeof base !== 'object') {
     uni.showToast({ title: '请先填写基础信息', icon: 'none' });
     uni.navigateBack();
     return;
   }
+  Object.assign(baseForm, base);
 
   const cached = uni.getStorageSync(INNER_KEY);
   if (cached && typeof cached === 'object') {
     Object.assign(form, cached);
   }
+
+  if (!doctorInfo.value && account.value?.openid) {
+    try {
+      await getDoctorInfo();
+    } catch (e) {
+      // ignore
+    }
+  }
+  await loadInternalTemplate();
 });
 
 function onChange({ title, value }) {
-  form[title] = value;
+  form[title] = normalizeChangeValue(value);
 }
 
-function cancel() {
+function prev() {
   uni.navigateBack();
 }
 
-function save() {
+function getUserId() {
+  const d = doctorInfo.value || {};
+  const a = account.value || {};
+  return String(d.userid || d.userId || d.corpUserId || a.userid || a.userId || '') || '';
+}
+
+function normalizeFormValue(value) {
+  if (value && typeof value === 'object' && 'value' in value) return value.value;
+  if (Array.isArray(value)) return value.map(normalizeFormValue);
+  return value;
+}
+
+function normalizeFormObject(obj) {
+  if (!obj || typeof obj !== 'object') return {};
+  return Object.keys(obj).reduce((acc, key) => {
+    acc[key] = normalizeFormValue(obj[key]);
+    return acc;
+  }, {});
+}
+
+function buildPayload(base, inner) {
+  const team = uni.getStorageSync(CURRENT_TEAM_STORAGE_KEY) || {};
+  const corpId = String(account.value?.corpId || team?.corpId || base?.corpId || '') || '';
+  const baseForm = normalizeFormObject(base);
+  const innerForm = normalizeFormObject(inner);
+  const payload = {
+    ...baseForm,
+    ...innerForm,
+    corpId,
+    teamId: baseForm.teamId || (team?.teamId ? String(team.teamId) : ''),
+    creator: getUserId(),
+    addMethod: 'manual',
+  };
+
+  // 兼容旧字段命名（历史缓存）
+  if (payload.gender && !payload.sex) payload.sex = payload.gender;
+  if (payload.idNo && !payload.idCard) payload.idCard = payload.idNo;
+  if (payload.idType && !payload.cardType) payload.cardType = payload.idType;
+  if (Array.isArray(payload.teamId)) payload.teamId = payload.teamId[0] || '';
+
+  if (payload.customerSource && typeof payload.customerSource === 'string') {
+    payload.customerSource = [payload.customerSource];
+  }
+
+  return { payload, team };
+}
+
+async 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 });
+  const { payload, team } = buildPayload(base, form);
+  if (!payload.corpId || !payload.teamId || !payload.creator) {
+    toast('缺少用户/团队信息，请先完成登录与个人信息');
+    return;
+  }
+
+  loading('请求中...');
+  try {
+    const createTeamId = Array.isArray(payload.teamId) ? (payload.teamId[0] || '') : String(payload.teamId || '');
+    const res = await api('addCustomer', {
+      createTeamId,
+      createTeamName: team?.name || '',
+      params: payload,
+    });
+    hideLoading();
+
+    if (!res?.success) {
+      toast(res?.message || '新增失败');
+      return;
     }
-  });
+
+    toast('新增成功');
+    uni.removeStorageSync(BASE_KEY);
+    uni.removeStorageSync(INNER_KEY);
+    uni.setStorageSync(NEED_RELOAD_STORAGE_KEY, 1);
+    uni.navigateBack({ delta: 2 });
+  } catch (e) {
+    hideLoading();
+    toast('新增失败');
+  }
 }
 </script>
 
@@ -90,16 +287,20 @@ function save() {
 .page {
   height: 100vh;
   background: #f6f6f6;
+  display: flex;
+  flex-direction: column;
 }
 
 .body {
-  height: 100vh;
+  flex: 1;
   display: flex;
   flex-direction: column;
 }
 
 .scroll {
   flex: 1;
+  min-height: 0;
+  height: 0;
 }
 
 
@@ -116,15 +317,21 @@ function save() {
   padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
   display: flex;
   gap: 12px;
+  z-index: 10;
   box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.06);
 }
 
+.scroll-spacer {
+  height: calc(120px + env(safe-area-inset-bottom));
+}
+
 .btn {
   flex: 1;
   height: 44px;
   line-height: 44px;
   border-radius: 6px;
   font-size: 15px;
+  text-align: center;
 }
 
 .btn::after {
diff --git a/pages/case/search.vue b/pages/case/search.vue
index 2111c8b..3c2ebe7 100644
--- a/pages/case/search.vue
+++ b/pages/case/search.vue
@@ -19,12 +19,16 @@
 
     <!-- Search Results -->
     <scroll-view v-if="searchQuery" scroll-y class="search-results">
-      <view v-if="searchResults.length === 0" class="empty-state">
+      <view v-if="searching && searchResults.length === 0" class="empty-state">
+        <text class="empty-text">搜索中...</text>
+      </view>
+
+      <view v-else-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">
+        <view v-for="(patient, index) in searchResults" :key="index" class="patient-card" @click="goDetail(patient)">
           <!-- Row 1 -->
           <view class="card-row-top">
             <view class="patient-info">
@@ -58,97 +62,135 @@
 
 <script setup>
 import { ref, computed } from 'vue';
+import { storeToRefs } from 'pinia';
+
+import api from '@/utils/api';
+import useAccountStore from '@/store/account';
+import useDebounce from '@/utils/useDebounce';
+import { toast } from '@/utils/widget';
 
 // State
 const searchQuery = ref('');
+const searchResultsRaw = ref([]);
+const searching = ref(false);
 
-// 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'
-      }
-    ]
-  }
-];
+const CURRENT_TEAM_STORAGE_KEY = 'ykt_case_current_team';
+const DETAIL_STORAGE_KEY = 'ykt_case_archive_detail';
+
+const accountStore = useAccountStore();
+const { account, doctorInfo } = storeToRefs(accountStore);
+
+function asArray(value) {
+  return Array.isArray(value) ? value : [];
+}
+
+function getUserId() {
+  const d = doctorInfo.value || {};
+  const a = account.value || {};
+  return String(d.userid || d.userId || d.corpUserId || a.userid || a.userId || '') || '';
+}
+
+function getTeamContext() {
+  const cached = uni.getStorageSync(CURRENT_TEAM_STORAGE_KEY) || {};
+  const corpId = String(cached.corpId || account.value?.corpId || '') || '';
+  const teamId = String(cached.teamId || '') || '';
+  return { corpId, teamId };
+}
+
+function formatPatient(raw) {
+  const rawTags = asArray(raw?.tags).filter((i) => typeof i === 'string');
+  const rawTagNames = asArray(raw?.tagNames).filter((i) => typeof i === 'string');
+
+  const tagIds = asArray(raw?.tagIds).map(String).filter(Boolean);
+  const mobiles = asArray(raw?.mobiles).map(String).filter(Boolean);
+  const mobile = raw?.mobile ? String(raw.mobile) : (mobiles[0] || '');
+
+  return {
+    ...raw,
+    _id: raw?._id || raw?.id || '',
+    name: raw?.name || raw?.customerName || '',
+    gender: raw?.sex || raw?.gender || '',
+    age: raw?.age ?? '',
+    tags: rawTags.length ? rawTags : (rawTagNames.length ? rawTagNames : tagIds),
+    mobiles,
+    mobile,
+    record: null,
+    createTime: raw?.createTime || '',
+    creator: raw?.creatorName || raw?.creator || '',
+    hospitalId: raw?.customerNumber || raw?.hospitalId || '',
+  };
+}
 
 // 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;
+  return searchResultsRaw.value || [];
 });
 
 // Methods
-const handleSearch = () => {
-  // Search logic handled by computed property
-};
+const doSearch = useDebounce(async () => {
+  const q = String(searchQuery.value || '').trim();
+  if (!q) {
+    searchResultsRaw.value = [];
+    return;
+  }
+
+  const userId = getUserId();
+  const { corpId, teamId } = getTeamContext();
+  if (!corpId || !teamId || !userId) {
+    toast('缺少用户/团队信息，请先完成登录与个人信息');
+    return;
+  }
+
+  searching.value = true;
+  const res = await api('searchCorpCustomerWithFollowTime', {
+    corpId,
+    userId,
+    teamId,
+    name: q,
+    page: 1,
+    pageSize: 50,
+  });
+  searching.value = false;
+
+  if (!res?.success) {
+    toast(res?.message || '搜索失败');
+    return;
+  }
+  const payload =
+    res && typeof res === 'object'
+      ? res.data && typeof res.data === 'object' && !Array.isArray(res.data)
+        ? res.data
+        : res
+      : {};
+  const list = Array.isArray(payload.list) ? payload.list : Array.isArray(payload.data) ? payload.data : [];
+  searchResultsRaw.value = list.map(formatPatient);
+}, 600);
+
+const handleSearch = () => doSearch();
 
 const clearSearch = () => {
   searchQuery.value = '';
+  searchResultsRaw.value = [];
 };
 
 const goBack = () => {
   uni.navigateBack();
 };
+
+const goDetail = (patient) => {
+  const id = patient?._id || patient?.id || patient?.mobile || patient?.phone || '';
+  uni.setStorageSync(DETAIL_STORAGE_KEY, {
+    _id: id,
+    name: patient.name,
+    sex: patient.gender,
+    age: patient.age,
+    mobile: patient.mobile,
+    mobiles: Array.isArray(patient.mobiles) ? patient.mobiles : (patient.mobile ? [patient.mobile] : []),
+    createTime: patient.createTime,
+    creator: patient.creator,
+  });
+  uni.navigateTo({ url: `/pages/case/archive-detail?id=${encodeURIComponent(String(id))}` });
+};
 </script>
 
 <style lang="scss" scoped>
diff --git a/utils/api.js b/utils/api.js
index f2164e7..438e59d 100644
--- a/utils/api.js
+++ b/utils/api.js
@@ -5,7 +5,8 @@ const urlsConfig = {
     getCorpMemberHomepageInfo: 'getCorpMemberHomepageInfo',
     getTeamBaseInfo: 'getTeamBaseInfo',
     getTeamData: 'getTeamData',
-    queryWxJoinedTeams: 'queryWxJoinedTeams',
+    getTeamBymember: 'getTeamBymember',
+    getCurrentTemplate: 'getCurrentTemplate',
     wxAppLogin: 'wxAppLogin',
     getDeptList: 'getRealDeptList',
     getHospitalList: 'getRealHospital',
@@ -19,11 +20,14 @@ const urlsConfig = {
   },
   member: {
     addCustomer: 'add',
+    updateCustomer: 'update',
     bindMiniAppArchive: "bindMiniAppArchive",
     getCustomerByCustomerId: 'getCustomerByCustomerId',
     getMiniAppCustomers: 'getMiniAppCustomers',
     getTeamCustomers: 'getTeamCustomers',
     getUnbindMiniAppCustomers: 'getUnbindMiniAppCustomers',
+    searchCorpCustomer: 'searchCorpCustomer',
+    searchCorpCustomerWithFollowTime: 'searchCorpCustomerWithFollowTime',
     unbindMiniAppArchive: 'unbindMiniAppArchive',
   },
   wecom: {
@@ -65,4 +69,3 @@ export default async function api(urlId, data) {
     }
   })
 }
-