诊断详情

src/doctor/Doctor.vue

@@ -263,4 +263,40 @@ export default {
         flex-grow: 1;
     }
 }
+
+// 折叠面板
+.doc-collapse {
+    margin-top: .1rem;
+    &::after {
+        display: none;
+    }
+    .van-cell {
+        padding: .1rem 0;
+        color: #8C8C8C;
+        font-weight: 600;
+        background: transparent;
+        &::after {
+            display: none;
+        }
+        .svg-icon {
+            font-size: .12rem;
+            transition: all .2s;
+        }
+    }
+    .van-collapse-item {
+        .van-collapse-item__content {
+            padding: 0;
+            color: #262626;
+        }
+        &::after {
+            display: none;
+        }
+    }
+    // 展开
+    .van-collapse-item__title--expanded {
+        .svg-icon {
+            transform: rotate(-180deg);
+        }
+    }
+}
 </style>

src/doctor/components/docImageUpload/DocImage.vue

@@ -105,8 +105,9 @@ export default {
         width: 100%;
         height: 100%;
         min-height: 90px;
-        border: 1px dashed #d9d9d9;
-        background: #fafafa;
+        // border: 1px dashed #d9d9d9;
+        // background: #fafafa;
+        background: #EFF2F7;
         img {
             width: 100%;
             height: 90px;

src/doctor/components/imagePreview/imagePreview.vue

 <template>
     <div>
     <div class='list gap-x-2.5 gap-y-1 flex items-center flex-wrap'>
-        <div v-for="(url, index) in imgList" :key="index" @click='toPreview(index)'>
-            <img style='width: 1.47rem;height: 2.04rem'  :src="url.trueDownloadUrl" />
+        <div v-for="(url, index) in imgList" :key="index" @click='toPreview(index)'
+            class="flex gap-x-2.5">
+            <!-- <img :style="{width: imgSize.width, height: imgSize.height}"  :src="url.trueDownloadUrl" /> -->
+            <DocImage :style="{width: imgSize.width, height: imgSize.height}" :src="url.trueDownloadUrl"/>
         </div>
     </div>
         <van-overlay :show='imgShow' @click='imgShow = false'>
@@ -18,10 +20,22 @@
 </template>
 
 <script>
+import DocImage from '../docImageUpload/DocImage.vue'
+
 export default {
     name: 'imagePreview',
+    components: {
+        DocImage
+    },
     props: {
         imgList: Array,
+        imgSize: {
+            default: () => {
+                return {
+                    width: '.97rem',
+                    height: '.97rem'
+                }
+            }}
     },
     data() {
         return {