居民端小程序 1、图片查看组件替换

src/residentWX/screening/detail/SecondDetail.vue

@@ -460,10 +460,8 @@
                         <template #right-icon>
                             <doc-icon type='doc-down' />
                         </template>
-                        <div class='list gap-x-2.5 gap-y-1 flex items-center flex-wrap'>
-                            <div v-for="(url, index) in info.informedConsentUrl" :key="index" >
-                            <img style='width: 1.47rem;height: 2.04rem'  :src="url.trueDownloadUrl" />
-                            </div>
+                        <div>
+                            <image-preview :img-list='info.informedConsentUrl'></image-preview>
                         </div>
                     </van-collapse-item>
 
@@ -493,8 +491,10 @@ import { showNotify } from 'vant'
 import { secondScreenDetail } from '@/api/residentWX/screening.js'
 import { useStore } from '@/residentWX/store'
 import { fetchDataHandle } from '@/utils/common'
+import ImagePreview from '@/residentWX/components/imagePreview/imagePreview'
 
 export default {
+    components: { ImagePreview },
     inject:['showNav'],
     data() {
         return {

src/residentWX/visit/detail/components/AbnormalBloodLipidsDetail.vue

@@ -322,10 +322,8 @@
                     <template #right-icon>
                         <doc-icon type="doc-down" />
                     </template>
-                    <div class="list gap-x-2.5 gap-y-1 flex items-center flex-wrap">
-                        <div v-for="(url, index) in info.visitImageList" :key="index" >
-                            <img style="width: 1.47rem; height: 2.04rem" :src="url.trueDownloadUrl" />
-                        </div>
+                    <div>
+                        <image-preview :img-list='info.visitImageList'></image-preview>
                     </div>
                 </van-collapse-item>
                 <van-collapse-item key="13" title="下次随访日期" name="13">
@@ -359,7 +357,9 @@
 <script>
 import { fetchDataHandle } from '@/utils/common.js'
 import { useStore } from '@/resident/store/index.js'
+import ImagePreview from '@/residentWX/components/imagePreview/imagePreview'
 export default {
+    components: { ImagePreview },
     props: {
         visitInfo: {
             type: Object,

src/residentWX/visit/detail/components/CerebralApoplexyDetail.vue

@@ -322,10 +322,8 @@
                     <template #right-icon>
                         <doc-icon type="doc-down" />
                     </template>
-                    <div class="list gap-x-2.5 gap-y-1 flex items-center flex-wrap">
-                        <div v-for="(url, index) in info.visitImageList" :key="index" >
-                            <img style="width: 1.47rem; height: 2.04rem" :src="url.trueDownloadUrl" />
-                        </div>
+                    <div>
+                        <image-preview :img-list='info.visitImageList'></image-preview>
                     </div>
                 </van-collapse-item>
                 <van-collapse-item key="13" title="下次随访日期" name="13">
@@ -359,7 +357,9 @@
 <script>
 import { fetchDataHandle } from '@/utils/common.js'
 import { useStore } from '@/resident/store/index.js'
+import ImagePreview from '@/residentWX/components/imagePreview/imagePreview'
 export default {
+    components: { ImagePreview },
     props: {
         visitInfo: {
             type: Object,

src/residentWX/visit/detail/components/ChronicKidneyDiseaseDetail.vue

@@ -322,10 +322,8 @@
                     <template #right-icon>
                         <doc-icon type="doc-down" />
                     </template>
-                    <div class="list gap-x-2.5 gap-y-1 flex items-center flex-wrap">
-                        <div v-for="(url, index) in info.visitImageList" :key="index" >
-                            <img style="width: 1.47rem; height: 2.04rem" :src="url.trueDownloadUrl" />
-                        </div>
+                    <div>
+                        <image-preview :img-list='info.visitImageList'></image-preview>
                     </div>
                 </van-collapse-item>
                 <van-collapse-item key="13" title="下次随访日期" name="13">
@@ -359,7 +357,9 @@
 <script>
 import { fetchDataHandle } from '@/utils/common.js'
 import { useStore } from '@/resident/store/index.js'
+import ImagePreview from '@/residentWX/components/imagePreview/imagePreview'
 export default {
+    components: { ImagePreview },
     props: {
         visitInfo: {
             type: Object,

src/residentWX/visit/detail/components/CopdDetail.vue

@@ -320,10 +320,8 @@
                     <template #right-icon>
                         <doc-icon type="doc-down" />
                     </template>
-                    <div class="list gap-x-2.5 gap-y-1 flex items-center flex-wrap">
-                        <div v-for="(url, index) in info.visitImageList" :key="index" >
-                            <img style="width: 1.47rem; height: 2.04rem" :src="url.trueDownloadUrl" />
-                        </div>
+                    <div>
+                        <image-preview :img-list='info.visitImageList'></image-preview>
                     </div>
                 </van-collapse-item>
                 <van-collapse-item key="13" title="下次随访日期" name="13">
@@ -357,7 +355,9 @@
 <script>
 import { fetchDataHandle } from '@/utils/common.js'
 import { useStore } from '@/resident/store/index.js'
+import ImagePreview from '@/residentWX/components/imagePreview/imagePreview'
 export default {
+    components: { ImagePreview },
     props: {
         visitInfo: {
             type: Object,

src/residentWX/visit/detail/components/CoronaryHeartDiseaseDetail.vue

@@ -322,10 +322,8 @@
                     <template #right-icon>
                         <doc-icon type="doc-down" />
                     </template>
-                    <div class="list gap-x-2.5 gap-y-1 flex items-center flex-wrap">
-                        <div v-for="(url, index) in info.visitImageList" :key="index" >
-                            <img style="width: 1.47rem; height: 2.04rem" :src="url.trueDownloadUrl" />
-                        </div>
+                    <div>
+                        <image-preview :img-list='info.visitImageList'></image-preview>
                     </div>
                 </van-collapse-item>
                 <van-collapse-item key="13" title="下次随访日期" name="13">
@@ -359,7 +357,9 @@
 <script>
 import { fetchDataHandle } from '@/utils/common.js'
 import { useStore } from '@/resident/store/index.js'
+import ImagePreview from '@/residentWX/components/imagePreview/imagePreview'
 export default {
+    components: { ImagePreview },
     props: {
         visitInfo: {
             type: Object,

src/residentWX/visit/detail/components/HypertensionDetail.vue

@@ -12,7 +12,7 @@
                 </span>
             </div>
 
-            <van-collapse v-model="activeCollapse" ref="collapse" class="doc-collapse" @change="collapseChange">
+            <van-collapse :model-value="activeCollapse" ref="collapse" class="doc-collapse" @change="collapseChange">
                 <van-collapse-item key="1" title="居民信息" name="1">
                     <template #right-icon>
                         <doc-icon type="doc-down" />
@@ -360,10 +360,8 @@
                     <template #right-icon>
                         <doc-icon type="doc-down" />
                     </template>
-                    <div class="list gap-x-2.5 gap-y-1 flex items-center flex-wrap">
-                        <div v-for="(url, index) in info.visitImageList" :key="index" >
-                            <img style="width: 1.47rem; height: 2.04rem" :src="url.trueDownloadUrl" />
-                        </div>
+                    <div>
+                        <image-preview :img-list='info.visitImageList'></image-preview>
                     </div>
                 </van-collapse-item>
                 <van-collapse-item key="13" title="下次随访日期" name="13">
@@ -397,7 +395,9 @@
 <script>
 import { fetchDataHandle } from '@/utils/common.js'
 import { useStore } from '@/resident/store/index.js'
+import ImagePreview from '@/residentWX/components/imagePreview/imagePreview'
 export default {
+    components: { ImagePreview },
     props: {
         visitInfo: {
             type: Object,