bug修复

pages/message/benefit-entry.vue

@@ -1,5 +1,5 @@
 <template>
-  <full-page pageStyle="background:#f5f6f8" pageClass="benefit-page-shell">
+  <full-page ref="pageRef" pageStyle="background:#f5f6f8" pageClass="benefit-page-shell">
     <view class="benefit-page">
       <view class="patient-card">
         <view class="patient-card-accent"></view>
@@ -21,7 +21,7 @@
       </view>
 
       <view class="section-title">权益项目</view>
-      <view v-for="(entry, index) in entries" :key="entry.key" class="entry-card">
+      <view v-for="(entry, index) in entries" :id="`entry-${entry.key}`" :key="entry.key" class="entry-card">
         <view class="field-label">项目名称</view>
         <view class="project-input" @click="openProjectPicker(index)">
           <text :class="entry.project ? 'value-text' : 'placeholder-text'">
@@ -32,16 +32,30 @@
 
         <view v-if="showBenefitAmount" class="field-row">
           <view class="field-block">
-            <view class="field-label">价格</view>
+            <view class="field-label">单价</view>
-            <input class="number-input locked-input" type="digit" :value="entry.price" disabled />
+            <input class="number-input" type="digit" v-model="entry.price" @input="calculateDiscount(entry)" />
-          </view>
-          <view class="field-block">
-            <view class="field-label">折扣</view>
-            <input class="number-input" type="digit" v-model="entry.discount" />
           </view>
           <view class="field-block">
             <view class="field-label">数量</view>
-            <input class="number-input" type="number" v-model="entry.usageCount" />
+            <input class="number-input" type="number" v-model="entry.usageCount" @input="calculateTotalPrice(entry)" />
+          </view>
+        </view>
+        <view v-if="showBenefitAmount" class="field-row">
+          <view class="field-block">
+            <view class="field-label">折扣</view>
+            <view class="discount-input-wrap">
+              <input class="number-input" type="digit" v-model="entry.discount" :disabled="entry.isFree" @input="calculateTotalPrice(entry)" />
+              <checkbox-group class="free-check" @change="handleFreeChange($event, entry)">
+                <label class="free-check-label">
+                  <checkbox value="free" :checked="entry.isFree" color="#0877f1" />
+                  <text>赠送</text>
+                </label>
+              </checkbox-group>
+            </view>
+          </view>
+          <view class="field-block">
+            <view class="field-label">总价</view>
+            <input class="number-input total-input" type="digit" v-model="entry.totalPrice" :disabled="entry.isFree" @input="calculateDiscount(entry)" />
           </view>
         </view>
         <view v-else class="field-row">
@@ -51,25 +65,43 @@
           </view>
           <view class="field-block">
             <view class="field-label">有效期</view>
-            <picker mode="date" :value="entry.validTime" @change="changeValidTime($event, entry)">
+            <view class="valid-time-wrap">
-              <view class="picker-value" :class="entry.validTime ? 'value-text' : 'placeholder-text'">
+              <view class="valid-time-picker" @tap="prepareValidTimePicker(entry)">
-                {{ entry.validTime || "请选择日期" }}
+                <picker
+                  mode="multiSelector"
+                  :range="validTimeRange"
+                  :value="validTimeIndex"
+                  @columnchange="onValidTimeColumnChange"
+                  @change="changeValidTime($event, entry)"
+                >
+                  <view class="picker-value" :class="entry.validTime ? 'value-text' : 'placeholder-text'">
+                    {{ entry.validTime || "选择日期/长期" }}
+                  </view>
+                </picker>
               </view>
-            </picker>
+              <view class="unlimited-button" @click="clearValidTime(entry)">长期</view>
+            </view>
           </view>
         </view>
         <view v-if="showBenefitAmount" class="field-row">
-          <view class="field-block">
+          <view class="field-block field-block-full">
-            <view class="field-label">价格总额</view>
-            <view class="total-price">¥{{ formatTotalPrice(entry) }}</view>
-          </view>
-          <view class="field-block">
             <view class="field-label">有效期</view>
-            <picker mode="date" :value="entry.validTime" @change="changeValidTime($event, entry)">
+            <view class="valid-time-wrap">
-              <view class="picker-value" :class="entry.validTime ? 'value-text' : 'placeholder-text'">
+              <view class="valid-time-picker" @tap="prepareValidTimePicker(entry)">
-                {{ entry.validTime || "请选择日期" }}
+                <picker
+                  mode="multiSelector"
+                  :range="validTimeRange"
+                  :value="validTimeIndex"
+                  @columnchange="onValidTimeColumnChange"
+                  @change="changeValidTime($event, entry)"
+                >
+                  <view class="picker-value" :class="entry.validTime ? 'value-text' : 'placeholder-text'">
+                    {{ entry.validTime || "选择日期/长期" }}
+                  </view>
+                </picker>
               </view>
-            </picker>
+              <view class="unlimited-button" @click="clearValidTime(entry)">长期</view>
+            </view>
           </view>
         </view>
         <view class="field-group">
@@ -123,14 +155,18 @@
             <uni-icons type="search" size="18" color="#999" />
             <input v-model="projectKeyword" class="search-input" placeholder="输入项目名称搜索" @input="searchProjects" />
           </view>
-          <scroll-view scroll-y class="project-list">
+          <scroll-view scroll-y class="project-list" @scrolltolower="loadMoreProjects">
             <view v-for="project in projectList" :key="project._id" class="project-item"
               @click="selectProject(project)">
-              <view class="project-name">{{ project.projectName }}</view>
+              <view class="project-info">
+                <view class="project-name">{{ project.projectName }}</view>
+                <view class="project-depts">{{ project.deptNames || "未配置治疗科室" }}</view>
+              </view>
               <view v-if="showBenefitAmount" class="project-price">¥{{ Number(project.price || 0).toFixed(2) }}</view>
             </view>
             <view v-if="!projectLoading && !projectList.length" class="empty-text">暂无可用权益项目</view>
             <view v-if="projectLoading" class="empty-text">加载中...</view>
+            <view v-else-if="projectList.length && !projectHasMore" class="empty-text">已加载全部权益项目</view>
           </scroll-view>
         </view>
       </view>
@@ -146,13 +182,17 @@
 </template>
 
 <script setup>
-import { ref } from "vue";
+import { nextTick, ref } from "vue";
 import { onLoad } from "@dcloudio/uni-app";
 import api from "@/utils/api.js";
 import useAccountStore from "@/store/account.js";
 import fullPage from "@/components/full-page.vue";
 
+const PENDING_FOLLOWUP_SEND_STORAGE_KEY = "ykt_followup_pending_send";
+
 const accountStore = useAccountStore();
+const pageRef = ref(null);
+const groupId = ref("");
 const patientId = ref("");
 const patientName = ref("");
 const teamId = ref("");
@@ -167,15 +207,117 @@ const projectPickerIndex = ref(-1);
 const projectKeyword = ref("");
 const projectList = ref([]);
 const projectLoading = ref(false);
+const projectHasMore = ref(true);
+const projectPage = ref(1);
+const projectPageSize = 30;
+const VALID_YEAR_SPAN = 50;
+const validTimeRange = ref([[], [], []]);
+const validTimeIndex = ref([0, 0, 0]);
 let searchTimer = null;
 let entryKey = 0;
 
+function formatDate(date) {
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  return `${year}-${month}-${day}`;
+}
+
+function getTodayParts() {
+  const now = new Date();
+  return {
+    year: now.getFullYear(),
+    month: now.getMonth() + 1,
+    day: now.getDate(),
+  };
+}
+
+function getDaysInMonth(year, month) {
+  return new Date(year, month, 0).getDate();
+}
+
+function buildYearOptions() {
+  const { year } = getTodayParts();
+  return Array.from({ length: VALID_YEAR_SPAN + 1 }, (_, index) => `${year + index}年`);
+}
+
+function buildMonthOptions(year) {
+  const today = getTodayParts();
+  const startMonth = year === today.year ? today.month : 1;
+  return Array.from({ length: 12 - startMonth + 1 }, (_, index) => `${startMonth + index}月`);
+}
+
+function buildDayOptions(year, month) {
+  const today = getTodayParts();
+  const startDay = year === today.year && month === today.month ? today.day : 1;
+  const maxDay = getDaysInMonth(year, month);
+  return Array.from({ length: maxDay - startDay + 1 }, (_, index) => `${startDay + index}日`);
+}
+
+function parseValidTime(value) {
+  const today = getTodayParts();
+  if (!value) return today;
+  const [year, month, day] = String(value).split("-").map(Number);
+  if (!year || !month || !day) return today;
+  const selected = { year, month, day };
+  const selectedText = `${year}-${String(month).padStart(2, "0")}-${String(day).padStart(2, "0")}`;
+  return selectedText < formatDate(new Date()) ? today : selected;
+}
+
+function syncValidTimePicker(selected) {
+  const years = buildYearOptions();
+  const year = selected.year;
+  const months = buildMonthOptions(year);
+  const monthValues = months.map((item) => Number(item.replace("月", "")));
+  const month = monthValues.includes(selected.month) ? selected.month : monthValues[0];
+  const days = buildDayOptions(year, month);
+  const dayValues = days.map((item) => Number(item.replace("日", "")));
+  const day = dayValues.includes(selected.day) ? selected.day : dayValues[0];
+  validTimeRange.value = [years, months, days];
+  validTimeIndex.value = [
+    years.findIndex((item) => Number(item.replace("年", "")) === year),
+    monthValues.indexOf(month),
+    dayValues.indexOf(day),
+  ];
+}
+
+function prepareValidTimePicker(entry) {
+  syncValidTimePicker(parseValidTime(entry.validTime));
+}
+
+function onValidTimeColumnChange(event) {
+  const { column, value } = event.detail;
+  const nextIndex = [...validTimeIndex.value];
+  nextIndex[column] = value;
+
+  const year = Number(validTimeRange.value[0][nextIndex[0]].replace("年", ""));
+  if (column === 0) {
+    const months = buildMonthOptions(year);
+    const month = Number(months[0].replace("月", ""));
+    const days = buildDayOptions(year, month);
+    validTimeRange.value = [validTimeRange.value[0], months, days];
+    nextIndex[1] = 0;
+    nextIndex[2] = 0;
+  } else if (column === 1) {
+    const month = Number(validTimeRange.value[1][nextIndex[1]].replace("月", ""));
+    const days = buildDayOptions(year, month);
+    validTimeRange.value = [validTimeRange.value[0], validTimeRange.value[1], days];
+    nextIndex[2] = Math.min(nextIndex[2], days.length - 1);
+  }
+
+  validTimeIndex.value = nextIndex;
+}
+
+prepareValidTimePicker({ validTime: "" });
+
 function createEntry() {
   return {
     key: ++entryKey,
     project: null,
     price: 0,
+    totalPrice: 0,
     discount: 10,
+    isFree: false,
     usageCount: 1,
     validTime: "",
     dept: null,
@@ -193,6 +335,7 @@ function decodeRouteParam(value = "") {
 }
 
 onLoad((options = {}) => {
+  groupId.value = decodeRouteParam(options.groupId);
   patientId.value = decodeRouteParam(options.patientId);
   patientName.value = decodeRouteParam(options.patientName);
   teamId.value = decodeRouteParam(options.teamId);
@@ -246,7 +389,7 @@ function openProjectPicker(index) {
   projectPickerIndex.value = index;
   projectPickerVisible.value = true;
   projectKeyword.value = "";
-  loadProjects();
+  loadProjects({ reset: true });
 }
 
 function closeProjectPicker() {
@@ -256,38 +399,99 @@ function closeProjectPicker() {
 
 function searchProjects() {
   clearTimeout(searchTimer);
-  searchTimer = setTimeout(loadProjects, 300);
+  searchTimer = setTimeout(() => loadProjects({ reset: true }), 300);
 }
 
-async function loadProjects() {
+function normalizeProject(project = {}) {
+  const depts = Array.isArray(project.depts) ? project.depts : [];
+  return {
+    ...project,
+    depts,
+    deptNames: depts.map((dept) => dept?.deptName).filter(Boolean).join("、"),
+  };
+}
+
+async function loadProjects({ reset = false } = {}) {
+  if (projectLoading.value) return;
+  if (!reset && !projectHasMore.value) return;
+
+  const page = reset ? 1 : projectPage.value;
   projectLoading.value = true;
+  if (reset) {
+    projectList.value = [];
+    projectHasMore.value = true;
+  }
   try {
     const res = await api("getProjectList", {
       corpId: corpId.value,
-      page: 1,
+      page,
-      pageSize: 30,
+      pageSize: projectPageSize,
       projectName: projectKeyword.value.trim(),
       projectStatus: "enable",
       showDepts: true,
     }, false);
     const list = res?.data?.list || res?.list || res?.data || [];
-    projectList.value = Array.isArray(list) ? list : [];
+    const nextList = Array.isArray(list) ? list.map(normalizeProject) : [];
+    projectList.value = reset ? nextList : projectList.value.concat(nextList);
+    projectPage.value = page + 1;
+    projectHasMore.value = nextList.length >= projectPageSize;
   } catch (error) {
-    projectList.value = [];
+    if (reset) projectList.value = [];
+    projectHasMore.value = false;
     uni.showToast({ title: "项目加载失败", icon: "none" });
   } finally {
     projectLoading.value = false;
   }
 }
 
-function formatTotalPrice(entry) {
+function loadMoreProjects() {
-  const price = Number(entry.price);
+  loadProjects();
-  const discount = Number(entry.discount);
+}
-  const usageCount = Number(entry.usageCount);
+
-  const total = Number.isFinite(price) && Number.isFinite(discount) && Number.isFinite(usageCount)
+function toNumber(value, fallback = 0) {
-    ? price * (discount / 10) * usageCount
+  const number = Number(value);
-    : 0;
+  return Number.isFinite(number) ? number : fallback;
-  return Math.max(0, total).toFixed(2);
+}
+
+function toFixedNumber(value, precision = 2) {
+  return Number(toNumber(value).toFixed(precision));
+}
+
+function clampNumber(value, min, max) {
+  return Math.min(max, Math.max(min, value));
+}
+
+function calculateTotalPrice(entry) {
+  if (entry.isFree) {
+    entry.discount = 0;
+    entry.totalPrice = 0;
+    return;
+  }
+  const total = toNumber(entry.price) * toNumber(entry.usageCount, 1) * (toNumber(entry.discount) / 10);
+  entry.totalPrice = toFixedNumber(Math.max(0, total), 2);
+}
+
+function calculateDiscount(entry) {
+  if (entry.isFree) {
+    entry.discount = 0;
+    entry.totalPrice = 0;
+    return;
+  }
+  const originalTotal = toNumber(entry.price) * toNumber(entry.usageCount);
+  entry.discount = originalTotal > 0
+    ? toFixedNumber(clampNumber((toNumber(entry.totalPrice) / originalTotal) * 10, 0, 10), 1)
+    : 10;
+}
+
+function handleFreeChange(event, entry) {
+  entry.isFree = Array.isArray(event.detail.value) && event.detail.value.includes("free");
+  if (entry.isFree) {
+    entry.discount = 0;
+    entry.totalPrice = 0;
+    return;
+  }
+  entry.discount = 10;
+  calculateTotalPrice(entry);
 }
 
 function getProjectDepts(entry) {
@@ -309,9 +513,12 @@ function getTreatmentDoctors(entry) {
 function selectProject(project) {
   const entry = entries.value[projectPickerIndex.value];
   if (!entry) return;
-  entry.project = project;
+  const normalizedProject = normalizeProject(project);
-  entry.price = Number(project.price || 0);
+  entry.project = normalizedProject;
+  entry.price = Number(normalizedProject.price || 0);
   entry.discount = 10;
+  entry.isFree = false;
+  calculateTotalPrice(entry);
   entry.dept = getProjectDepts(entry).length === 1 ? getProjectDepts(entry)[0] : null;
   entry.treatmentDoctorUserId = "";
   entry.treatmentDoctorName = "";
@@ -331,11 +538,33 @@ function changeTreatmentDoctor(event, entry) {
 }
 
 function changeValidTime(event, entry) {
-  entry.validTime = event.detail.value;
+  const [yearIndex, monthIndex, dayIndex] = event.detail.value || validTimeIndex.value;
+  const year = Number(validTimeRange.value[0][yearIndex].replace("年", ""));
+  const month = Number(validTimeRange.value[1][monthIndex].replace("月", ""));
+  const day = Number(validTimeRange.value[2][dayIndex].replace("日", ""));
+  const selectedDate = `${year}-${String(month).padStart(2, "0")}-${String(day).padStart(2, "0")}`;
+  if (selectedDate < formatDate(new Date())) {
+    uni.showToast({
+      title: "不能选择过去的日期",
+      icon: "none",
+      duration: 2000,
+    });
+    return;
+  }
+  entry.validTime = selectedDate;
+  validTimeIndex.value = [yearIndex, monthIndex, dayIndex];
+}
+
+function clearValidTime(entry) {
+  entry.validTime = "";
 }
 
 function addEntry() {
-  entries.value.push(createEntry());
+  const entry = createEntry();
+  entries.value.push(entry);
+  nextTick(() => {
+    pageRef.value?.scrollToBottom?.();
+  });
 }
 
 function removeEntry(index) {
@@ -354,14 +583,55 @@ function validateEntries() {
     if (!entry.project?._id) return `${label}请选择项目`;
     if (Number(entry.price) < 0 || Number.isNaN(Number(entry.price))) return `${label}价格不能小于0`;
     if (!Number.isFinite(Number(entry.discount)) || Number(entry.discount) < 0 || Number(entry.discount) > 10) return `${label}折扣需在0到10之间`;
+    if (!Number.isFinite(Number(entry.totalPrice)) || Number(entry.totalPrice) < 0) return `${label}总价不能小于0`;
     if (!Number(entry.usageCount) || Number(entry.usageCount) <= 0) return `${label}数量必须大于0`;
     if (!entry.dept?._id) return `${label}请选择治疗科室`;
-    if (!entry.validTime) return `${label}请选择有效期`;
   }
   if (!patientId.value) return "当前会话缺少患者档案关联";
   return "";
 }
 
+function buildBenefitMessage(createdEntries) {
+  const items = createdEntries.map((entry) => ({
+    projectId: entry.project._id,
+    projectName: entry.project.projectName,
+    usageCount: Number(entry.usageCount || 0),
+    validTime: entry.validTime ? new Date(`${entry.validTime} 23:59:59`).getTime() : null,
+    validTimeText: entry.validTime || "无限期",
+  }));
+
+  return {
+    conversationID: groupId.value ? `GROUP${groupId.value}` : "",
+    groupId: groupId.value,
+    createdAt: Date.now(),
+    messages: [
+      {
+        type: "benefit",
+        content: {
+          title: "医生为您录入专属权益",
+          patientId: patientId.value,
+          patientName: patientName.value,
+          corpId: corpId.value,
+          teamId: teamId.value,
+          items,
+        },
+      },
+    ],
+    context: {
+      userId: accountStore.doctorInfo?.userid || accountStore.account?.userid || "",
+      customerId: patientId.value,
+      customerName: patientName.value,
+      corpId: corpId.value,
+      teamId: teamId.value,
+    },
+  };
+}
+
+function queueBenefitMessage(createdEntries) {
+  if (!groupId.value || !createdEntries.length) return;
+  uni.setStorageSync(PENDING_FOLLOWUP_SEND_STORAGE_KEY, buildBenefitMessage(createdEntries));
+}
+
 async function submitEntries() {
   if (saving.value) return;
   const errorMessage = validateEntries();
@@ -372,10 +642,12 @@ async function submitEntries() {
   saving.value = true;
   const userId = accountStore.doctorInfo?.userid || accountStore.account?.userid || "";
   try {
+    const createdEntries = [];
     for (const entry of entries.value) {
       const count = Number(entry.usageCount);
       const price = Number(entry.price);
       const discount = Number(entry.discount);
+      const totalPrice = entry.isFree ? 0 : Number(entry.totalPrice || 0);
       const treatmentData = {
         customerId: patientId.value,
         customerName: patientName.value,
@@ -384,9 +656,9 @@ async function submitEntries() {
         usageCount: count,
         restUsageCount: count,
         price,
-        totalPrice: price * count * (discount / 10),
+        totalPrice,
         discount,
-        isFree: false,
+        isFree: Boolean(entry.isFree),
         treatmentDeptName: entry.dept.deptName,
         treatmentDeptId: entry.dept._id,
         treatmentDept_id: entry.dept._id,
@@ -397,13 +669,15 @@ async function submitEntries() {
         billdCreator: userId,
         createTreatementTime: Date.now(),
         billTime: Date.now(),
-        validTime: new Date(`${entry.validTime} 23:59:59`).getTime(),
+        validTime: entry.validTime ? new Date(`${entry.validTime} 23:59:59`).getTime() : null,
         teamId: teamId.value,
         corpId: corpId.value,
       };
       const res = await api("addTreatmentRecord", { params: treatmentData }, false);
       if (!res?.success) throw new Error(res?.message || "权益录入失败");
+      createdEntries.push(entry);
     }
+    queueBenefitMessage(createdEntries);
     uni.showToast({ title: "权益录入成功", icon: "success" });
     setTimeout(goBack, 500);
   } catch (error) {
@@ -421,7 +695,7 @@ async function submitEntries() {
 
 .benefit-page {
   min-height: 100%;
-  padding: 20rpx 24rpx 220rpx;
+  padding: 20rpx 24rpx 32rpx;
   box-sizing: border-box;
 }
 
@@ -555,13 +829,14 @@ async function submitEntries() {
 .picker-value {
   min-height: 76rpx;
   box-sizing: border-box;
-  border: 1rpx solid #e5e7eb;
+  border: 1rpx solid #d1d5db;
   border-radius: 12rpx;
   padding: 0 20rpx;
   display: flex;
   align-items: center;
   justify-content: space-between;
   background: #fff;
+  color: #111827;
 }
 
 .locked-input {
@@ -592,6 +867,57 @@ async function submitEntries() {
 
 .field-block {
   flex: 1;
+  min-width: 0;
+}
+
+.field-block-full {
+  flex-basis: 100%;
+}
+
+.discount-input-wrap {
+  display: flex;
+  align-items: center;
+  gap: 12rpx;
+}
+
+.discount-input-wrap .number-input {
+  flex: 1;
+  min-width: 0;
+}
+
+.free-check {
+  flex-shrink: 0;
+}
+
+.free-check-label {
+  display: flex;
+  align-items: center;
+  gap: 4rpx;
+  color: #374151;
+  font-size: 24rpx;
+}
+
+.valid-time-wrap {
+  display: flex;
+  align-items: center;
+  gap: 12rpx;
+}
+
+.valid-time-picker {
+  flex: 1;
+  min-width: 0;
+}
+
+.unlimited-button {
+  flex-shrink: 0;
+  height: 76rpx;
+  line-height: 76rpx;
+  padding: 0 20rpx;
+  border: 1rpx solid #d1d5db;
+  border-radius: 12rpx;
+  color: #0877f1;
+  font-size: 26rpx;
+  background: #f8fbff;
 }
 
 .total-price {
@@ -606,6 +932,17 @@ async function submitEntries() {
   width: 100%;
   color: #111827;
   font-size: 28rpx;
+  font-weight: 500;
+}
+
+.number-input[disabled] {
+  color: #4b5563;
+  background: #f3f4f6;
+}
+
+.total-input {
+  color: #c2410c;
+  font-weight: 600;
 }
 
 .add-entry {
@@ -632,7 +969,7 @@ async function submitEntries() {
 .footer-bar {
   display: flex;
   gap: 20rpx;
-  padding: 24rpx 24rpx calc(28rpx + env(safe-area-inset-bottom));
+  padding: 20rpx 24rpx;
   background: rgba(245, 246, 248, 0.96);
   border-top: 1rpx solid #eef2f7;
   backdrop-filter: blur(12px);
@@ -716,13 +1053,29 @@ async function submitEntries() {
 .project-item {
   display: flex;
   justify-content: space-between;
+  align-items: flex-start;
+  gap: 20rpx;
   padding: 24rpx 8rpx;
   border-bottom: 1rpx solid #f0f0f0;
 }
 
+.project-info {
+  flex: 1;
+  min-width: 0;
+}
+
 .project-name {
   color: #333;
   font-size: 28rpx;
+  line-height: 1.35;
+}
+
+.project-depts {
+  margin-top: 8rpx;
+  color: #8b95a1;
+  font-size: 24rpx;
+  line-height: 1.35;
+  word-break: break-all;
 }
 
 .project-price {

pages/message/chat.scss

@@ -338,6 +338,18 @@ $primary-color: #0877F1;
   border-top: 10rpx solid transparent;
 }
 
+.custom-bubble,
+.benefit-bubble {
+  padding: 0;
+  border-radius: 0;
+  background: transparent;
+  overflow: visible;
+}
+
+.benefit-bubble {
+  max-width: 100%;
+}
+
 /* 医生发送的蓝色气泡（用于消息卡片） */
 .doctor-bubble-blue {
   background-color: #0877F1;

pages/message/components/chat-input.vue

@@ -412,7 +412,7 @@ const goToArticleList = () => {
 const goToBenefitEntry = () => {
   showMorePanel.value = false;
   uni.navigateTo({
-    url: `/pages/message/benefit-entry?patientId=${encodeURIComponent(props.patientId)}&patientName=${encodeURIComponent(props.patientInfo.name || "")}&teamId=${encodeURIComponent(props.teamId)}&teamName=${encodeURIComponent(props.teamName)}&corpId=${encodeURIComponent(props.corpId)}`,
+    url: `/pages/message/benefit-entry?groupId=${encodeURIComponent(props.groupId)}&patientId=${encodeURIComponent(props.patientId)}&patientName=${encodeURIComponent(props.patientInfo.name || "")}&teamId=${encodeURIComponent(props.teamId)}&teamName=${encodeURIComponent(props.teamName)}&corpId=${encodeURIComponent(props.corpId)}`,
   });
 };
 

pages/message/components/message-types.vue

@@ -37,7 +37,7 @@
   </view>
 
   <!-- 自定义消息卡片 -->
-  <template v-else-if="message.type === 'TIMCustomElem'">
+  <block v-else-if="message.type === 'TIMCustomElem'">
     <!-- 文章消息 -->
     <view v-if="customMessageType === 'article'" class="article-card" @click="handleArticleClick(message)">
       <view class="article-content">
@@ -56,6 +56,28 @@
       <image v-if="surveyData.imgUrl" class="survey-image" :src="surveyData.imgUrl" mode="aspectFill" />
     </view>
 
+    <!-- 权益消息 -->
+    <view v-else-if="customMessageType === 'benefit'" class="benefit-card">
+      <view class="benefit-title">{{ benefitData.title }}</view>
+      <view class="benefit-content">
+        <view v-for="(item, index) in benefitData.items" :key="`${item.projectId}-${index}`" class="benefit-item">
+          <view class="benefit-project-row">
+            <text v-if="index === 0" class="benefit-label">项目：</text>
+            <text v-else class="benefit-label-placeholder"></text>
+            <text class="benefit-project-name">{{ item.projectName }}</text>
+            <text class="benefit-count">X{{ item.usageCount }}</text>
+          </view>
+          <view class="benefit-valid-row">
+            <text class="benefit-valid-label">有效期：</text>
+            <text class="benefit-valid-value">{{ item.validTimeText || '无限期' }}</text>
+          </view>
+        </view>
+        <view class="benefit-detail-button" @click.stop="handleBenefitClick">
+          <text class="benefit-detail-text">查看详情</text>
+        </view>
+      </view>
+    </view>
+
     <!-- 其他自定义消息 -->
     <!-- <view
       v-else
@@ -69,7 +91,7 @@
         @viewDetail="$emit('viewDetail', $event)"
       />
     </view> -->
-  </template>
+  </block>
 </template>
 
 <script setup>
@@ -124,6 +146,19 @@ const surveyData = computed(() => ({
   imgUrl: payloadData.value.imgUrl || "",
 }))
 
+const benefitData = computed(() => ({
+  title: payloadData.value.title || "医生为您录入专属权益",
+  patientId: payloadData.value.patientId || "",
+  items: Array.isArray(payloadData.value.items) ? payloadData.value.items : [],
+}))
+
+const handleBenefitClick = () => {
+  if (!benefitData.value.patientId) return;
+  uni.navigateTo({
+    url: `/pages/case/archive-detail?id=${encodeURIComponent(String(benefitData.value.patientId))}`,
+  });
+}
+
 // 计算图片样式
 const getImageStyle = (imageInfo) => {
   // 如果没有尺寸信息，使用默认样式
@@ -264,4 +299,95 @@ function isWechatChannels(data) {
   width: 480rpx;
   height: 320rpx;
 }
+
+.benefit-card {
+  width: 520rpx;
+  max-width: 100%;
+  box-sizing: border-box;
+  border-radius: 10rpx;
+  padding: 22rpx 18rpx 18rpx;
+  background: linear-gradient(180deg, #0b75f2 0%, #0067df 100%);
+}
+
+.benefit-title {
+  color: #fff;
+  font-size: 32rpx;
+  font-weight: 600;
+  line-height: 1.3;
+  margin-bottom: 18rpx;
+}
+
+.benefit-content {
+  border: 4rpx solid rgba(255, 255, 255, 0.28);
+  border-radius: 8rpx;
+  padding: 24rpx 24rpx 28rpx;
+  background: #fff;
+}
+
+.benefit-item + .benefit-item {
+  margin-top: 18rpx;
+}
+
+.benefit-project-row {
+  display: flex;
+  align-items: center;
+  min-width: 0;
+}
+
+.benefit-label,
+.benefit-label-placeholder {
+  flex-shrink: 0;
+  width: 104rpx;
+  color: #8b8f96;
+  font-size: 28rpx;
+  line-height: 1.4;
+}
+
+.benefit-project-name {
+  flex: 1;
+  min-width: 0;
+  color: #111827;
+  font-size: 30rpx;
+  line-height: 1.4;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.benefit-count {
+  flex-shrink: 0;
+  margin-left: 16rpx;
+  color: #111827;
+  font-size: 30rpx;
+  line-height: 1.4;
+}
+
+.benefit-valid-row {
+  display: flex;
+  margin-left: 104rpx;
+  margin-top: 8rpx;
+}
+
+.benefit-valid-label,
+.benefit-valid-value {
+  color: #8b8f96;
+  font-size: 26rpx;
+  line-height: 1.4;
+}
+
+.benefit-detail-button {
+  height: 82rpx;
+  margin-top: 28rpx;
+  border-radius: 8rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: linear-gradient(180deg, #0b75f2 0%, #0067df 100%);
+}
+
+.benefit-detail-text {
+  color: #fff;
+  font-size: 32rpx;
+  font-weight: 600;
+}
 </style>

pages/message/index.vue

@@ -242,7 +242,7 @@ import {
 const timChatManager = globalTimChatManager;
 
 const PENDING_FOLLOWUP_SEND_STORAGE_KEY = "ykt_followup_pending_send";
-const pendingFollowUpSendConsumed = ref(false);
+const pendingFollowUpSendConsumedToken = ref("");
 const initialMessageListLoaded = ref(false);
 const isCallbacksInitialized = ref(false); // 标记回调是否已初始化
 
@@ -253,17 +253,18 @@ function normalizeGroupId(v) {
 }
 
 async function tryConsumePendingFollowUpSend() {
-  if (pendingFollowUpSendConsumed.value) return;
-
-  // 等待 IM 就绪与首屏消息加载完成，避免发送的本地消息被列表回调覆盖
-  if (!timChatManager?.isLoggedIn) return;
-  if (!initialMessageListLoaded.value) return;
-
   const raw = uni.getStorageSync(PENDING_FOLLOWUP_SEND_STORAGE_KEY);
   const payload = raw && typeof raw === "object" ? raw : null;
   if (!payload) return;
 
   const createdAt = Number(payload.createdAt || 0) || 0;
+  const payloadToken = String(createdAt || payload.conversationID || "");
+  if (payloadToken && pendingFollowUpSendConsumedToken.value === payloadToken) return;
+
+  // 等待 IM 就绪与首屏消息加载完成，避免发送的本地消息被列表回调覆盖
+  if (!timChatManager?.isLoggedIn) return;
+  if (!initialMessageListLoaded.value) return;
+
   // 过期就清理，避免误发送
   if (createdAt && Date.now() - createdAt > 5 * 60 * 1000) {
     uni.removeStorageSync(PENDING_FOLLOWUP_SEND_STORAGE_KEY);
@@ -291,7 +292,7 @@ async function tryConsumePendingFollowUpSend() {
     return;
   }
 
-  pendingFollowUpSendConsumed.value = true;
+  pendingFollowUpSendConsumedToken.value = payloadToken;
   // 先清理再发，避免页面重复初始化导致二次发送
   uni.removeStorageSync(PENDING_FOLLOWUP_SEND_STORAGE_KEY);
 
@@ -456,6 +457,17 @@ const fetchGroupOrderStatus = async () => {
   }
 };
 
+function getCustomMessageType(message) {
+  try {
+    const data = typeof message.payload?.data === "string"
+      ? JSON.parse(message.payload.data)
+      : message.payload?.data || {};
+    return data?.type || "";
+  } catch (error) {
+    return "";
+  }
+}
+
 // 获取消息气泡样式类
 function getBubbleClass(message) {
   // 图片消息不需要气泡背景
@@ -463,7 +475,10 @@ function getBubbleClass(message) {
     return "image-bubble";
   }
   if (message.type === "TIMCustomElem") {
-    return message.flow === "out" ? "" : "";
+    if (getCustomMessageType(message) === "benefit") {
+      return "benefit-bubble";
+    }
+    return "custom-bubble";
   }
   return message.flow === "out" ? "user-bubble" : "doctor-bubble";
 }
@@ -958,6 +973,9 @@ onShow(() => {
     }
     
     startIMMonitoring(30000);
+    nextTick(() => {
+      tryConsumePendingFollowUpSend();
+    });
   }
 
   // 监听回访任务发送事件

utils/send-message-helper.js

@@ -402,6 +402,45 @@ function buildSurveyMessage(survey, surveyLink) {
     };
 }
 
+export async function sendBenefitMessage(benefit, options = {}) {
+    if (!benefit || !Array.isArray(benefit.items) || !benefit.items.length) {
+        toast('权益信息不完整');
+        return false;
+    }
+
+    try {
+        if (!globalTimChatManager?.isLoggedIn) {
+            toast('IM系统未就绪，请稍后重试');
+            return false;
+        }
+
+        const customMessageData = {
+            type: 'benefit',
+            messageType: 'benefit',
+            title: benefit.title || '医生为您录入专属权益',
+            desc: benefit.desc || '点击查看详情',
+            patientId: benefit.patientId || options.customerId || '',
+            patientName: benefit.patientName || options.customerName || '',
+            corpId: benefit.corpId || options.corpId || '',
+            teamId: benefit.teamId || options.teamId || '',
+            items: benefit.items.map((item) => ({
+                projectId: item.projectId || '',
+                projectName: item.projectName || '',
+                usageCount: Number(item.usageCount || 0),
+                validTime: item.validTime || null,
+                validTimeText: item.validTimeText || '无限期',
+            })),
+        };
+
+        const result = await globalTimChatManager.sendCustomMessage(customMessageData);
+        return Boolean(result?.success);
+    } catch (error) {
+        console.error('发送权益消息异常:', error);
+        toast('发送权益消息失败');
+        return false;
+    }
+}
+
 /**
  * 处理回访任务消息发送
  * @param {Object} messages - 消息数组
@@ -439,6 +478,14 @@ export async function handleFollowUpMessages(messages, context = {}) {
                     customerName: context.customerName,
                     corpId: context.corpId
                 });
+            } else if (msg.type === 'benefit') {
+                success = await sendBenefitMessage(msg.content, {
+                    userId: context.userId,
+                    customerId: context.customerId,
+                    customerName: context.customerName,
+                    corpId: context.corpId,
+                    teamId: context.teamId,
+                });
             }
 
             if (!success) {