From 83ca3a2ef9a4b2e03832a66c578bd3175be59574 Mon Sep 17 00:00:00 2001
From: huxuejian <huxuejian@youkang.com>
Date: Tue, 21 Apr 2026 20:49:35 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E9=97=AE=E9=A2=98=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                                    |   7 +
 .../archive-detail/health-profile-tab.vue     | 113 ++++++---
 pages/message/components/message-types.vue    |  26 ++-
 pages/message/components/survey-record.vue    |  93 ++++++++
 pages/message/survey-fill.vue                 | 220 ++++++++++++++++++
 pages/work/service/contact-service.vue        |   4 +-
 utils/api.js                                  |   4 +-
 7 files changed, 423 insertions(+), 44 deletions(-)
 create mode 100644 pages/message/components/survey-record.vue
 create mode 100644 pages/message/survey-fill.vue

diff --git a/pages.json b/pages.json
index f88a976..2108c49 100644
--- a/pages.json
+++ b/pages.json
@@ -96,6 +96,13 @@
 						"disableScroll": true
 					}
 				},
+				{
+					"path": "survey-fill",
+					"style": {
+						"navigationBarTitleText": "问卷填写",
+						"disableScroll": true
+					}
+				},
 				{
 					"path": "survey-list",
 					"style": {
diff --git a/pages/case/components/archive-detail/health-profile-tab.vue b/pages/case/components/archive-detail/health-profile-tab.vue
index d7393ad..4afb775 100644
--- a/pages/case/components/archive-detail/health-profile-tab.vue
+++ b/pages/case/components/archive-detail/health-profile-tab.vue
@@ -30,39 +30,46 @@
       <view v-for="r in records" :key="r._id" class="card record" @click="edit(r)">
         <view class="record-head">
           <view class="record-date">{{ r.dateStr || '--' }}</view>
-          <view class="record-tag" :class="tagClass[r.templateType] || 'bg-blue'">{{ r.tempName || '病历' }}</view>
+          <view v-if="r.templateType === 'surveyFill'" class="record-tag bg-rose">问卷填写</view>
+          <view v-else class="record-tag" :class="tagClass[r.templateType] || 'bg-blue'">{{ r.tempName || '病历' }}</view>
           <view v-if="r.corpName === '其他' || r.corp === '其他'" class="record-tag bg-rose">外院</view>
         </view>
-
-        <view class="record-body">
-          <view v-for="(l, idx) in getDisplayLines(r)" :key="`${r._id}_${idx}`" class="line">
-            <text class="line-label">{{ l.label }}</text>
-            <text class="line-value">{{ l.value }}</text>
+        <template v-if="r.templateType === 'surveyFill'">
+          <view class="record-body">
+            <text>患者填写了问卷《{{ r.surveryName || '--' }}》</text>
+            <text v-if="r.score > 0">，评分结果{{ r.score }}分</text>
+            <text>。</text>
           </view>
-
-          <view v-if="getFiles(r).length" class="thumbs">
-            <view v-for="(f, idx) in getFiles(r).slice(0, 3)" :key="idx" class="thumb" @click.stop="previewFiles(r, idx)">
-              <image class="thumb-img" :src="f.url" mode="aspectFill" />
+          <view class="record-foot">
+            <view class="text-base text-gray">发送时间: {{ dayjs(r.sendTime).format('YYYY-MM-DD HH:mm:ss') }}</view>
+          </view>
+        </template>
+        <template v-else>
+          <view class="record-body">
+            <view v-for="(l, idx) in getDisplayLines(r)" :key="`${r._id}_${idx}`" class="line">
+              <text class="line-label">{{ l.label }}</text>
+              <text class="line-value">{{ l.value }}</text>
+            </view>
+
+            <view v-if="getFiles(r).length" class="thumbs">
+              <view v-for="(f, idx) in getFiles(r).slice(0, 3)" :key="idx" class="thumb"
+                @click.stop="previewFiles(r, idx)">
+                <image class="thumb-img" :src="f.url" mode="aspectFill" />
+              </view>
+              <view v-if="getFiles(r).length > 3" class="thumb-more">+{{ getFiles(r).length - 3 }}</view>
             </view>
-            <view v-if="getFiles(r).length > 3" class="thumb-more">+{{ getFiles(r).length - 3 }}</view>
           </view>
-        </view>
-        <view class="record-foot">
-          <view class="foot-left">{{ getCreateFooter(r) }}</view>
-        </view>
+          <view class="record-foot">
+            <view class="foot-left">{{ getCreateFooter(r) }}</view>
+          </view>
+        </template>
+
       </view>
       <view v-if="records.length === 0" class="empty">暂无数据</view>
     </view>
 
-    <picker
-      class="fab-picker"
-      mode="selector"
-      :range="selectableTemplates"
-      range-key="name"
-      :disabled="fabPickerDisabled"
-      :style="{ bottom: `${floatingBottom}px` }"
-      @change="pickAddType"
-    >
+    <picker class="fab-picker" mode="selector" :range="selectableTemplates" range-key="name"
+      :disabled="fabPickerDisabled" :style="{ bottom: `${floatingBottom}px` }" @change="pickAddType">
       <view class="fab" :class="{ 'fab--disabled': selectableTemplates.length === 0 }" @tap="onFabTap">
         <uni-icons type="plusempty" size="24" color="#fff" />
       </view>
@@ -100,9 +107,9 @@ const templateMap = computed(() => templates.value.reduce((m, t) => {
   if (t?.templateType) m[String(t.templateType)] = t;
   return m;
 }, {}));
-const availableTypes = computed(() => (templates.value.length ? templates.value.map((i) => i.templateType) : FALLBACK_TEMPLATE_TYPES));
+const availableTypes = computed(() => (templates.value.length ? [...templates.value.map((i) => i.templateType), 'surveyFill'] : FALLBACK_TEMPLATE_TYPES));
 
-const typeRange = computed(() => [{ name: '全部', value: 'ALL' }, ...templates.value.map((t) => ({ name: t.name, value: t.templateType }))]);
+const typeRange = computed(() => [{ name: '全部', value: 'ALL' }, ...templates.value.map((t) => ({ name: t.name, value: t.templateType })), { name: '问卷填写', value: 'surveyFill' }]);
 const currentType = ref({ name: '全部', value: 'ALL' });
 
 const records = ref([]);
@@ -400,7 +407,7 @@ function toDateTimeStr(ts) {
 
 async function refreshList() {
   if (!props.archiveId) return;
-  
+
   const corpId = getCorpId();
   if (!corpId) return;
   await loadVisitTemplates();
@@ -409,20 +416,20 @@ async function refreshList() {
   loading('加载中...');
   try {
     const params = { memberId: props.archiveId, corpId };
-    
+
     // 添加类型筛选
     params.medicalType =
       currentType.value.value === 'ALL' ? availableTypes.value : currentType.value.value;
-    
+
     // 添加时间筛选
     if (Array.isArray(dateRange.value) && dateRange.value.length === 2 && dateRange.value[0] && dateRange.value[1]) {
       params.startTime = dayjs(dateRange.value[0]).startOf('day').valueOf();
       params.endTime = dayjs(dateRange.value[1]).endOf('day').valueOf();
     }
-    
+
     const res = await api('getCustomerMedicalRecord', params);
     hideLoading();
-    
+
     // 接口返回结构兼容：
     // - { success, message, list: [] }
     // - { success, message, data: { list: [] } }
@@ -434,9 +441,9 @@ async function refreshList() {
           ? res.data.data
           : Array.isArray(res?.data?.data?.list)
             ? res.data.data.list
-        : Array.isArray(res?.data)
-          ? res.data
-          : [];
+            : Array.isArray(res?.data)
+              ? res.data
+              : [];
     if (list.length) {
       const mapped = list.map((r) => {
         const rawType = String(r?.medicalType || r?.templateType || '') || '';
@@ -643,6 +650,19 @@ async function onFabTap() {
 }
 
 function edit(record) {
+  if (record.medicalType === 'surveyFill') {
+    const {
+      corpId = '',
+      answerId = '',
+      surveryId = '',
+      memberId = '',
+      customer = ''
+    } = record;
+    const url = `/pages/message/survey-fill?corpId=${corpId}&answerId=${answerId}&surveryId=${surveryId}&memberId=${memberId}&customerName=${customer || ''}`
+    uni.navigateTo({
+      url
+    })
+  };
   const type = String(record?.medicalType || record?.templateType || '') || '';
   uni.navigateTo({
     url: `/pages/case/visit-record-view?archiveId=${encodeURIComponent(props.archiveId)}&id=${encodeURIComponent(record._id)}&type=${encodeURIComponent(type)}`,
@@ -692,6 +712,7 @@ watch(
   gap: 20rpx;
   flex: 1;
 }
+
 .pill-text {
   font-size: 26rpx;
   color: #333;
@@ -700,12 +721,14 @@ watch(
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+
 .pill-icons {
   display: flex;
   align-items: center;
   gap: 12rpx;
   flex-shrink: 0;
 }
+
 .pill-clear {
   display: flex;
   align-items: center;
@@ -715,6 +738,7 @@ watch(
 .share-tip {
   padding: 20rpx 28rpx 0;
 }
+
 .share-tip-text {
   display: inline-block;
   background: #eef2ff;
@@ -735,28 +759,34 @@ watch(
   overflow: hidden;
   box-shadow: 0 12rpx 28rpx rgba(0, 0, 0, 0.06);
 }
+
 .record {
   padding: 0;
 }
+
 .record-head {
   display: flex;
   align-items: center;
   padding: 24rpx 24rpx 20rpx;
   gap: 16rpx;
 }
+
 .record-title {
   font-size: 30rpx;
   font-weight: 600;
   color: #1f1f1f;
 }
+
 .record-date {
   font-size: 28rpx;
   font-weight: 600;
   color: #333;
 }
+
 .record-body {
   padding: 0 24rpx 24rpx;
 }
+
 .line {
   display: flex;
   padding-top: 20rpx;
@@ -764,10 +794,12 @@ watch(
   color: #333;
   line-height: 36rpx;
 }
+
 .line-label {
   flex-shrink: 0;
   color: #666;
 }
+
 .line-value {
   flex: 1;
   min-width: 0;
@@ -783,6 +815,7 @@ watch(
   align-items: center;
   flex-wrap: wrap;
 }
+
 .thumb {
   width: 168rpx;
   height: 128rpx;
@@ -791,14 +824,17 @@ watch(
   background: #f3f4f6;
   border: 2rpx solid #e5e7eb;
 }
+
 .thumb-img {
   width: 168rpx;
   height: 128rpx;
 }
+
 .thumb-more {
   font-size: 24rpx;
   color: #6b7280;
 }
+
 .record-foot {
   display: flex;
   align-items: center;
@@ -808,6 +844,7 @@ watch(
   font-size: 24rpx;
   color: #999;
 }
+
 .foot-left {
   flex-shrink: 0;
   margin-right: 20rpx;
@@ -819,21 +856,27 @@ watch(
   padding: 8rpx 16rpx;
   border-radius: 16rpx;
 }
+
 .bg-blue {
   background: #0877F1;
 }
+
 .bg-amber {
   background: #d97706;
 }
+
 .bg-teal {
   background: #0f766e;
 }
+
 .bg-indigo {
   background: #4f46e5;
 }
+
 .bg-green {
   background: #16a34a;
 }
+
 .bg-rose {
   background: #f43f5e;
 }
@@ -852,6 +895,7 @@ watch(
   height: 104rpx;
   z-index: 20;
 }
+
 .fab {
   width: 104rpx;
   height: 104rpx;
@@ -862,6 +906,7 @@ watch(
   justify-content: center;
   box-shadow: 0 20rpx 36rpx rgba(79, 110, 247, 0.35);
 }
+
 .fab--disabled {
   opacity: 0.5;
 }
diff --git a/pages/message/components/message-types.vue b/pages/message/components/message-types.vue
index 12f229b..e46decd 100644
--- a/pages/message/components/message-types.vue
+++ b/pages/message/components/message-types.vue
@@ -48,7 +48,7 @@
     </view>
 
     <!-- 问卷消息 -->
-    <view v-else-if="customMessageType === 'survey'" class="survey-card" @click="handleSurveyClick(message)">
+    <view v-else-if="customMessageType === 'survey'" class="survey-card" @click.stop="handleSurveyClick(message)">
       <view class="survey-content">
         <view class="survey-title">{{ surveyData.title }}</view>
         <view class="survey-desc">{{ surveyData.desc }}</view>
@@ -230,13 +230,25 @@ const handleArticleClick = (message) => {
 
 // 处理问卷点击
 const handleSurveyClick = (message) => {
-  if (surveyData.value.url) {
-    // 跳转到问卷填写页面或打开外部链接
-    console.log("打开问卷:", surveyData.value.url);
-    // uni.navigateTo({
-    //   url: `/pages/survey/fill?url=${encodeURIComponent(surveyData.value.url)}`
-    // });
+  try {
+    const {
+      corpId = '',
+      answerId = '',
+      surveryId = '',
+      memberId = '',
+      name = ''
+    } = payloadData.value;
+    const url = `/pages/message/survey-fill?corpId=${corpId}&answerId=${answerId}&surveryId=${surveryId}&memberId=${memberId}&customerName=${name}`
+    uni.navigateTo({
+      url
+    })
+  } catch (e) {
+    console.log(e)
   }
+  // uni.navigateTo({
+  //   url: `/pages/survey/fill?url=${encodeURIComponent(surveyData.value.url)}`
+  // });
+  // }
 };
 
 function isWechatChannels(data) {
diff --git a/pages/message/components/survey-record.vue b/pages/message/components/survey-record.vue
new file mode 100644
index 0000000..8cbbae9
--- /dev/null
+++ b/pages/message/components/survey-record.vue
@@ -0,0 +1,93 @@
+<template>
+  <view class="h-full flex flex-col">
+    <view class="flex-shrink-0 px-10 pt-5 text-base font-semibold text-center truncate">{{ surery.name }}</view>
+    <view v-if="surery.description"
+      class="flex-shrink-0 px-10 mt-10 text-sm leading-normal text-gray line-clamp-2 text-center">
+      {{ surery.description }}
+    </view>
+    <view class="flex items-center text-gray text-sm px-10 mt-10">
+      <view v-if="surery.enableScore">
+        当前得分：<text class="text-primary text-base font-semibold min-w-5 inline-block">{{ allScore }}
+        </text>
+      </view>
+      <view class="ml-auto">
+        客户：<text class="text-black text-base font-semibold min-w-5 inline-block">{{ customerName }} </text>
+      </view>
+    </view>
+    <view class="flex-grow relative">
+      <scroll-view :scroll-y="true" class="absolute inset-0">
+        <view v-for="(quesiton, index) in list" :key="quesiton.id">
+          <view v-if="quesiton" class="my-4 text-base px-10 leading-normal">
+            <text v-if="quesiton.require" class="text-base text-red-500">*</text> {{ index + 1 }}、{{ quesiton.title }}
+          </view>
+          <view class="px-10">
+            <template v-if="quesiton.type === 'radio'">
+              <view v-for="(opt, idx) in quesiton.options" :key="opt.value" class="flex py-15 border-b"
+                :class="idx === 0 ? 'border-t' : ''">
+                <view class="flex-grow pl-4 text-gray leading-normal"
+                  :class="quesiton.value && quesiton.value === opt.value ? 'text-primary' : ''">
+                  {{ opt.label }}
+                  <text v-if="surery.enableScore && opt.score >= 0">
+                    （ {{ opt.score }}分）
+                  </text>
+                </view>
+                <uni-icons v-if="quesiton.value && quesiton.value === opt.value" class="ml-1 text-primary flex-shrink-0"
+                  color=" " type="checkbox-filled" size="24"></uni-icons>
+              </view>
+            </template>
+            <view v-else-if="quesiton.type === 'input'"
+              class="my-4 p-10 text-base leading-normal border rounded">
+              {{ quesiton.value || '未填写' }}
+            </view>
+          </view>
+        </view>
+      </scroll-view>
+    </view>
+
+  </view>
+</template>
+<script>
+export default {
+  name: 'Question',
+  props: {
+    customerName: { type: String, default: '' },
+    list: { type: Array, default: () => ([]) },
+    surery: { type: Object, default: () => ({}) }
+  },
+  computed: {
+    allScore() {
+      return this.list.reduce((score, item) => {
+        if (item.type === 'radio') {
+          const opt = item.options.find(i => i.value && i.value === item.value && item.value)
+          if (opt && opt.score >= 0) {
+            score = Math.floor(score * 100 + opt.score * 100) / 100
+          }
+        }
+        return score
+      }, 0)
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.min-w-5 {
+  min-width: 40rpx
+}
+
+.pt-5 {
+  padding-top: 40rpx;
+}
+
+.my-4 {
+  margin-top: 32rpx;
+  margin-bottom: 32rpx;
+}
+
+.border-t {
+  border-top: 1px solid #eee;
+}
+
+.pl-4 {
+  padding-left: 30rpx;
+}
+</style>
diff --git a/pages/message/survey-fill.vue b/pages/message/survey-fill.vue
new file mode 100644
index 0000000..6958566
--- /dev/null
+++ b/pages/message/survey-fill.vue
@@ -0,0 +1,220 @@
+<template>
+  <full-page :customScroll="true">
+    <survey-record v-if="survey" :customerName="customerName" :survey="survey" :list="showList" />
+    <view v-else class="empty">
+      <image class="empty__icon" src="/static/empty.svg"></image>
+      <text class="empty__txt">{{ emptyTxt }}</text>
+    </view>
+  </full-page>
+</template>
+
+<script setup>
+import { computed, ref } from "vue";
+import { onLoad } from "@dcloudio/uni-app";
+import api from "@/utils/api.js";
+import { loading, toast, hideLoading } from "@/utils/widget";
+
+import FullPage from '@/components/full-page.vue';
+import surveyRecord from "./components/survey-record.vue";
+
+const corpId = ref('');
+const surveryId = ref('');
+const answerId = ref('');
+const memberId = ref('');
+const survey = ref(null);
+const emptyTxt = ref('')
+const customerName = ref('');
+
+const list = computed(() => survey.value && Array.isArray(survey.value.list) ? survey.value.list : []);
+const showList = computed(() => {
+  return list.value.filter(item => {
+    const showCase = Array.isArray(item.showCase) ? item.showCase : [];
+    if (showCase.length) {
+      const res = showCase.every(({
+        type,
+        id,
+        value
+      }) => {
+        const question = this.list.find(i => i.id === id);
+        const val = question ? question.value : '';
+        return type === 'in' ? value.includes(val) : val === value.join()
+      })
+      return res
+    }
+    return true
+  })
+})
+
+async function init() {
+  loading('加载中...');
+  try {
+    const record = await getAnswerRecord();
+    if (record && record.submitTime) {
+      record.status = 'enable';
+      survey.value = record;
+      hideLoading()
+      return;
+    }
+    survey.value = await getSurvey();
+    if (survey.value.status == 'stop') {
+      emptyTxt.value = '问卷已经停用'
+    } else if (survey.value.status == 'init') {
+      emptyTxt.value = '问卷暂未启用'
+    }
+  } catch (e) {
+    hideLoading();
+    toast('获取问卷失败');
+    uni.navigateBack();
+  }
+  console.log(survey.value);
+}
+
+async function getAnswerRecord() {
+  const res = await api('getAnswer', { corpId: corpId.value, surveryId: surveryId.value, answerId: answerId.value, memberId: memberId.value });
+  if (res && res.success) {
+    return res.record
+  }
+  return Promise.reject();
+}
+
+async function getSurvey() {
+  const res = await api('getSurveyDetail', { corpId: corpId.value, id: surveryId.value })
+  if (res && res.success && res.data) {
+    return res.data
+  }
+  return Promise.reject();
+}
+
+onLoad(opts => {
+  corpId.value = opts.corpId;
+  surveryId.value = opts.surveryId;
+  answerId.value = opts.answerId;
+  memberId.value = opts.memberId;
+  customerName.value = opts.customerName;
+  init();
+})
+
+
+
+</script>
+
+<style scoped lang="scss">
+.survey {
+  position: relative;
+  height: 100%;
+  width: 100%;
+  height: 100vh;
+  width: 100vw;
+  color: ragb(0, 0, 0, .9);
+  background: #fff;
+
+  @at-root &__wrapper {
+    padding: 30rpx 40rpx;
+  }
+
+  @at-root &__scroll {
+    height: 100%;
+  }
+
+  @at-root &__customer {
+    text-align: right;
+    font-size: 28rpx;
+    padding-bottom: 16rpx;
+    margin-bottom: 24rpx;
+    color: #333;
+    border-bottom: 1px solid #eee;
+  }
+
+  @at-root &__title {
+    text-align: center;
+    font-size: 32rpx;
+    font-weight: 600;
+    margin-bottom: 24rpx;
+  }
+
+  @at-root &__desc {
+    text-align: left;
+    color: #666;
+    font-size: 28rpx;
+    margin-bottom: 24rpx;
+  }
+
+  @at-root &__item {
+    padding: 0 10rpx;
+    margin-bottom: 24rpx;
+  }
+
+  @at-root &__question {
+    position: relative;
+    font-size: 32rpx;
+    margin-bottom: 24rpx;
+
+    @at-root &--require::before {
+      position: absolute;
+      left: -20rpx;
+      top: 0;
+      content: '*';
+      color: #f56c6c;
+    }
+  }
+
+  @at-root &__input {
+    padding: 10rpx 24rpx;
+    font-size: 28rpx;
+    border: 1px solid #eee;
+    border-radius: 8rpx;
+  }
+
+  @at-root &__radio {
+    display: flex;
+    align-items: center;
+    padding-bottom: 24rpx;
+    cursor: pointer;
+  }
+
+  @at-root &__btn {
+    margin-top: 30rpx;
+    padding: 24rpx 30rpx;
+    border-radius: 8rpx;
+    font-size: 28rpx;
+    color: #fff;
+    background: #006eff;
+    text-align: center;
+  }
+}
+
+.radio {
+  @at-root &__icon {
+    flex-shrink: 0;
+    margin-top: 4rpx;
+    margin-right: 10rpx;
+    width: 40rpx;
+    height: 40rpx;
+  }
+
+  @at-root &__label {
+    flex-grow: 1;
+    font-size: 32rpx;
+  }
+}
+
+.empty {
+  position: absolute;
+  left: 50%;
+  top: 40%;
+  transform: translate(-50%, -50%);
+  text-align: center;
+
+  @at-root &__icon {
+    display: block;
+    margin-bottom: 16rpx;
+    width: 240rpx;
+    height: 240rpx;
+  }
+
+  @at-root &__txt {
+    font-size: 32rpx;
+    color: #666;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/pages/work/service/contact-service.vue b/pages/work/service/contact-service.vue
index 94b19e7..c9fb2d1 100644
--- a/pages/work/service/contact-service.vue
+++ b/pages/work/service/contact-service.vue
@@ -7,12 +7,12 @@
       <view class="flex justify-center overflow-hidden">
         <image :show-menu-by-longpress="true" class="qrcode" src="/static/work/service.png" />
       </view>
-      <!-- <view class="mt-10 px-15 text-base text-dark leading-normal text-center">
+      <view class="mt-10 px-15 text-base text-dark leading-normal text-center">
         扫码或长按添加柚康企微客服
       </view>
       <view class="mt-10 px-15 text-base text-dark leading-normal text-center">
         我们将为您提供软件使用咨询服务，并支持补充病历、宣教、问卷、回访等多种工作模板。
-      </view> -->
+      </view>
     </view>
   </view>
 </template>
diff --git a/utils/api.js b/utils/api.js
index fcfbfb4..c24b5bd 100644
--- a/utils/api.js
+++ b/utils/api.js
@@ -63,7 +63,9 @@ const urlsConfig = {
     getSurveyCateList: 'getSurveryCateList',
     getSurveyList: 'getList',
     createSurveyRecord: 'createRecord',
-    getSurveyDetail: 'getDetail'
+    getSurveyDetail: 'getDetail',
+    getAnswer: 'getAnswer'
+
   },
   member: {
     addCustomer: 'add',