随访详情

src/tumour/screening/simpleV2/detail/Detail.vue

@@ -102,7 +102,7 @@ export default {
             info: {},
             // 问题详情
             detailsInfo: [],
-            activeCollapse: []
+            activeCollapse: [0]
         }
     },
     computed: {
@@ -139,9 +139,9 @@ export default {
                 })
                 this.detailsInfo = this.detailsHandle(this.info)
                 // console.log('this.info', this.detailsInfo)
-                this.$nextTick(() => {
-                    this.$refs.collapse.toggleAll(true)
-                })
+                // this.$nextTick(() => {
+                //     this.$refs.collapse.toggleAll(true)
+                // })
             })
         },
         detailsHandle(info) {
@@ -238,6 +238,9 @@ export default {
     .van-cell {
         background-color: transparent;
         padding: 8px 12px;
+        .right-icon {
+            transform: rotate(-180deg);
+        }
     }
     .van-collapse-item__content {
         background-color: transparent;
@@ -248,7 +251,7 @@ export default {
     // 展开
     .van-collapse-item__title--expanded {
         .right-icon {
-            transform: rotate(-180deg);
+            transform: rotate(0deg);
         }
     }
     table {

src/tumour/visit/detail/Detail.vue

@@ -156,6 +156,10 @@
                                 </span>
                             </div>
                             <div class="info-item">
+                                <span class='black-2'>是否用药</span>
+                                <span >{{ visitContent.drugStateTrans }}</span>
+                            </div>
+                            <div class="info-item" v-if="visitContent.drugState == 1">
                                 <span class='black-2'>用药不良反应</span>
                                 <span >{{ visitContent.adverseDrugReactionsTrans }}</span>
                             </div>
@@ -165,11 +169,11 @@
                             </div>
                             <div class="info-item">
                                 <span class='black-2'>随访情况</span>
-                                <span >{{ visitContent.visitSituation }}</span>
+                                <span >{{ visitContent.visitSituation || '-' }}</span>
                             </div>
-                            <div class="info-item">
-                                <span class='black-2'>处置意见</span>
-                                <span >{{ visitContent.disposalOpinions }}</span>
+                            <span class='black-2'>处置意见</span>
+                            <div class="panel-2 text-12 mt-1">
+                                {{ visitContent.disposalOpinions || '-' }}
                             </div>
                             <div class='black-2'>图片</div>
                             <ImagePreview :imgList="visitContent.imgUrlList" class="mt-1"
@@ -189,7 +193,7 @@
                                         <span v-else class="mr-2">
                                             {{ item.itemValue || '-' }}
                                         </span>
-                                        <div v-if="item.unit">
+                                        <div v-if="item.unit" >
                                             <span class="black-2">{{ item.unit }}</span>
                                         </div>
                                     </div>
@@ -212,7 +216,7 @@
                                 <div class="panel-2 text-12 mt-1" style="white-space: pre-line;">
                                     {{item.checkSeen}}
                                 </div>
-                                <div class="black-2">诊断意见（检查提示）</div>
+                                <div class="black-2">诊断意见</div>
                                 <div class="panel-2 text-12 mt-1">
                                     {{ item.diagnosticOpinion || '-' }}
                                 </div>
@@ -310,9 +314,11 @@
                         <!-- 健康指导 -->
                         <div v-if="item.name === '6'">
                             <div>
-                                <div v-for="item in guideTextList" class="flex">
-                                    <span class="shrink-0">{{item.templateModeTrans}}：</span>
-                                    <span class="grow text-wrap">{{ item.templateContent }}</span>
+                                <div v-for="item in guideTextList">
+                                    <span>{{item.templateModeTrans}}：</span>
+                                    <div class="panel-2 text-12 mt-1">
+                                        {{ item.templateContent }}
+                                    </div>
                                 </div>
                             </div>
                         </div>
@@ -330,12 +336,14 @@
                             <div class="mt-2" v-if="mp4List.length">
                                 <div class="sub-title">视频文件</div>
                                 <Mp4 :files="mp4List" :activeMediaUrl="activeMediaUrl"
-                                    @play="e => activeMediaUrl = e.annexUrl"/>
+                                    @play="e => activeMediaUrl = e.annexUrl"
+                                    style="color: #4D5665;"/>
                             </div>
                             <div class="flex flex-col mt-2" style="row-gap: .06rem;" v-if="mp3List.length">
                                 <div class="sub-title">音频文件</div>
                                 <Mp3 :file="item" v-for="item in mp3List" :key="item.annexId" :activeMediaUrl="activeMediaUrl"
-                                    @play="e => activeMediaUrl = e.annexUrl"/>
+                                    @play="e => activeMediaUrl = e.annexUrl"
+                                    style="color: #4D5665;"/>
                             </div>
                         </div>
                         <!-- 催检 -->
@@ -587,6 +595,9 @@ export default {
     .van-cell {
         background-color: transparent;
         padding: 8px 12px;
+        .right-icon {
+            transform: rotate(-180deg);
+        }
     }
     .van-collapse-item__content {
         background-color: transparent;
@@ -598,7 +609,7 @@ export default {
     // 展开
     .van-collapse-item__title--expanded {
         .right-icon {
-            transform: rotate(-180deg);
+            transform: rotate(0deg);
         }
     }
 }
@@ -608,6 +619,10 @@ export default {
     align-items: center;
     justify-content: space-between;
     padding: 4px 0;
+    >span:first-child {
+        flex-shrink: 0;
+        padding-right: 8px;
+    }
 }
 
 .panel {