宣教详情修改

src/residentWX/components/mediaPlay/Mp3.vue

 <template>
     <div class="p-1 flex flex-col mp3">
-        <div v-for="item in files" :key="item.annexId">
-            <div v-if="item.annexFileName" class="text-12 mb-1 text-ellipsis">{{ item.annexFileName }}</div>
+        <div v-if="file.annexFileName" class="text-12 mb-1 text-ellipsis">{{ file.annexFileName }}</div>
         <div class="flex items-center justify-between gap-x-2.5">
-                <div class="shrink-0 play-bt" @click="start(item)">
+            <div class="shrink-0 play-bt" @click="start(file)">
                 <doc-icon type="doc-play" />
             </div>
             <span class="shrink-0 time">{{timeFormat(player.duration)}}</span>
@@ -15,7 +14,6 @@
             <span class="shrink-0 time" :style="`opacity: ${player.currentTime ? 1 : 0}`">
                 {{ timeFormat(player.currentTime) }}</span>
         </div>
-        </div>
         <audio ref="audio" type="audio/mpeg" crossOrigin="anonymous" style="display: none"></audio>
     </div>
 </template>
@@ -26,7 +24,7 @@ import { showToast } from 'vant'
 
 export default {
     props: {
-        files: { default: () => [] }
+        file: { default: () => ({}) }
     },
     data() {
         return {

src/residentWX/components/mediaPlay/Mp4.vue

@@ -7,10 +7,11 @@
                         <doc-icon type="doc-play" />
                     </div>
                 </div>
-                <div v-if="item.annexFileName" class="text-12 mb-1 text-ellipsis">{{ item.annexFileName }}</div>
+                <div v-if="item.annexFileName" class="text-12 my-1 text-ellipsis">{{ item.annexFileName }}</div>
             </div>
         </div>
-        <van-popup v-model:show="visible" :close-on-click-overlay="false" closeable>
+        <van-popup v-model:show="visible" :close-on-click-overlay="false" closeable
+            close-icon-position="top-right">
             <video controls width="100%" v-if="visible">
                 <source :src="activeVideo.annexUrl" type="video/mp4" />
                 播放失败!
@@ -45,6 +46,7 @@ export default {
         width: calc(50% - 5px);
         .item {
             background: url('@/assets/image/residentWX/video-default.png') no-repeat;
+            background-size: 100%;
             height: .84rem;
             display: flex;
             align-items: center;

src/residentWX/guide/Detail.vue

@@ -8,10 +8,7 @@
         </div>
 
         <div class="px-4 py-3 flex shrink-0 base-info">
-            <div class="flex w-full">
-                <img src="@/assets/image/residentWX/avatar.png" alt="" class="shrink-0"
-                    style="width: .56rem">
-                <div class="grow flex flex-col pl-3">
+            <div class="flex w-full flex-wrap">
                 <div class="item">
                     <span>指导单位：</span>
                     <span>{{ info.visitUnitName || '-' }}</span>
@@ -26,29 +23,20 @@
                 </div>
             </div>
         </div>
-        </div>
         <div class="p-3 grow cont-box">
             <div class="p-3 h-full cont-inner">
                 <div class="flex justify-between collapse-head">
                     <span class="text-16">全部内容</span>
-                    <span @click="toggleAll">
+                    <!-- <span @click="toggleAll">
                         <span v-if="!collapseAll">展开全部</span>
                         <span v-else>展开收起</span>
                         <span :class="['ml-2 icon-down', { 'icon-down-expanded': collapseAll }]">
                             <doc-icon type="doc-down" />
                         </span>
-                    </span>
+                    </span> -->
                 </div>
-
-                <van-collapse v-model="activeCollapse" ref="collapse" class="doc-collapse"
-                    @change="collapseChange">
-                    <van-collapse-item v-for="collapse in collapseList" :key="collapse.name"
-                        :title="collapse.title" :name="collapse.name">
-                        <template #right-icon>
-                            <doc-icon type="doc-down" />
-                        </template>
                 <div>
-                            <!-- <div style="color: #262626">指导内容</div> -->
+                    <div class="my-2" style="color: #262626">指导内容</div>
                     <div v-if="contentList.length" class="flex flex-col card">
                         <!-- 文本 -->
                         <div v-for="item in contentList" :key="item.templateMode" class="mb-1 flex"
@@ -60,12 +48,21 @@
                     <div v-if="mp4List.length" class="card mt-2">
                         <Mp4 :files="mp4List"/>
                     </div>
-                            <div v-if="mp3List.length" class="card mt-2">
-                                <Mp3 :files="mp3List"/>
+                    <div v-if="mp3List.length" class="card flex flex-col mt-2" style="row-gap: .06rem;">
+                        <Mp3 :file="item" v-for="item in mp3List" :key="item.annexId"/>
                     </div>
                 </div>
+
+                <!-- <van-collapse v-model="activeCollapse" ref="collapse" class="doc-collapse"
+                    @change="collapseChange">
+                    <van-collapse-item v-for="collapse in collapseList" :key="collapse.name"
+                        :title="collapse.title" :name="collapse.name">
+                        <template #right-icon>
+                            <doc-icon type="doc-down" />
+                        </template>
+                        
                     </van-collapse-item>
-                </van-collapse>
+                </van-collapse> -->
             </div>
         </div>
     </div>
@@ -161,7 +158,8 @@ export default {
 .base-info {
     background: linear-gradient(to bottom, #DFF5F4 , #fff 50%);
     >div {
-        align-items: flex-start;
+        column-gap: 16px;
+        row-gap: 8px;
     }
     .item {
         margin-bottom: 2px;

src/residentWX/guide/List.vue

@@ -35,8 +35,8 @@
                                 <span class="label">筛查科室</span>
                                 <span>{{ item.visitOfficeName }}</span>
                             </div>
-                            <span class="tag tag-orange" v-show="item.visitWayRules == '2'">健康指导</span>
-                            <span class="tag tag-green" v-show="item.visitWayRules == '3'">健康宣教</span>
+                            <span class="tag tag-orange" v-show="item.visitWayRules.includes('2')">健康指导</span>
+                            <span class="tag tag-green" v-show="item.visitWayRules.includes('3')">健康宣教</span>
                         </div>
                     </div>
                 </van-list>

src/residentWX/visit/detail/GeneralFUDetail.vue

@@ -177,8 +177,8 @@
                             <div v-if="mp4List.length" class="card mt-2">
                                 <Mp4 :files="mp4List"/>
                             </div>
-                            <div v-if="mp3List.length" class="card mt-2">
-                                <Mp3 :files="mp3List"/>
+                            <div v-if="mp3List.length" class="card flex flex-col mt-2" style="row-gap: .06rem;">
+                                <Mp3 :file="item" v-for="item in mp3List" :key="item.annexId"/>
                             </div>
                         </div>
                     </van-collapse-item>