慢综 医生端 新增通用随访表单

src/doctor/followUp/List.vue

@@ -57,8 +57,8 @@
                     <div class='mt-3 flex word-right'>
                         <div></div>
                         <div>
-                            <van-button round size='small' class='btn' @click='toGeneralDetail'>详情</van-button>
-                            <van-button round size='small' class='btn' style='margin-left: 16px' @click='toAddGeneral'>通用随访
+                            <van-button round size='small' class='btn' @click='toGeneralDetail(item)'>详情</van-button>
+                            <van-button round size='small' class='btn' style='margin-left: 16px' @click='toAddGeneral(item)'>通用随访
                             </van-button>
                         </div>
                     </div>
@@ -149,14 +149,16 @@ export default {
         onRefresh() {
             this.load(false)
         },
-        toGeneralDetail() {
+        toGeneralDetail(val) {
             this.$router.push({
-                path: `/doctor/followUp/generalFU/detail`
+                path: `/doctor/followUp/generalFU/detail`,
+                query: val
             })
         },
-        toAddGeneral() {
+        toAddGeneral(val) {
             this.$router.push({
-                path: `/doctor/followUp/generalFU/add`
+                path: `/doctor/followUp/generalFU/add`,
+                query: val
             })
         },
         toSearch() {

src/doctor/followUp/generalFU/detail/Detail.vue

 <template>
-<div>detail</div>
+    <div>
+        <van-nav-bar title='随访详情' left-text='' left-arrow @click-left='toBack'></van-nav-bar>
+        <div class='p-4 detail-info'>
+            <div class='title'>居民信息</div>
+            <div class='detail-div mt-2'>
+                <div class='flex items-center justify-between'>
+                    <div>证件类型</div>
+                    <div>{{ residentInfo.certificateTypeName || '-' }}</div>
+                </div>
+                <div class='flex items-center justify-between mt-2'>
+                    <div>证件号码</div>
+                    <div>{{ residentInfo.idCard || '-' }}</div>
+                </div>
+                <div class='flex items-center justify-between mt-2'>
+                    <div>姓名</div>
+                    <div>{{ residentInfo.residentName || '-' }}</div>
+                </div>
+                <div class='flex items-center justify-between mt-2'>
+                    <div>性别</div>
+                    <div>{{ residentInfo.genderName || '-' }}</div>
+                </div>
+                <div class='flex items-center justify-between mt-2'>
+                    <div>出生日期</div>
+                    <div>{{ residentInfo.dataBirth || '-' }}</div>
+                </div>
+                <div class='flex items-center justify-between mt-2'>
+                    <div>民族</div>
+                    <div>{{ residentInfo.nationalName || '-' }}</div>
+                </div>
+                <div class='flex items-center justify-between mt-2'>
+                    <div>年龄</div>
+                    <div>{{ residentInfo.currentAge || '-' }} 岁</div>
+                </div>
+                <div class='flex items-center justify-between mt-2'>
+                    <div>本人电话</div>
+                    <div>{{ residentInfo.telephone || '-' }}</div>
+                </div>
+                <div class='flex items-center justify-between mt-2'>
+                    <div>联系人姓名</div>
+                    <div>{{ residentInfo.contactName || '-' }}</div>
+                </div>
+                <div class='flex items-center justify-between mt-2'>
+                    <div>与居民关系</div>
+                    <div>{{ residentInfo.relationName || '-' }}</div>
+                </div>
+                <div class='flex items-center justify-between mt-2'>
+                    <div>联系电话</div>
+                    <div>{{ residentInfo.contactPhone || '-' }}</div>
+                </div>
+                <div class='flex items-center justify-between mt-2'>
+                    <div>现住址</div>
+                    <div>{{ residentInfo.fullNowAddress || '-' }}</div>
+                </div>
+                <div class='flex items-center justify-between mt-2'>
+                    <div>户籍地址</div>
+                    <div>{{ residentInfo.fullPermanentAddress || '-' }}</div>
+                </div>
+            </div>
+            <div class='title mt-2'>随访信息</div>
+            <div class='detail-div mt-2'>
+                <div class='flex items-center justify-between'>
+                    <div>本次随访情况</div>
+                    <div>{{ info.visitSituationName }}</div>
+                </div>
+                <div class='flex items-center justify-between mt-2' v-if='info.visitSituation == 2'>
+                    <div>失访原因</div>
+                    <div>
+                        <span v-if='info.lossReason != 9'>{{ info.lossReasonName || '-' }}</span>
+                        <span v-if='info.lossReason == 9'>{{ info.lossReasonOther || '-' }}</span>
+                    </div>
+                </div>
+                <div class='flex items-center justify-between mt-2' v-if='info.lossReason == 3'>
+                    <div>死亡原因</div>
+                    <div>{{ info.deathReason }}</div>
+                </div>
+                <div class='flex items-center justify-between mt-2' v-if='info.visitSituation == 1'>
+                    <div>随访方式</div>
+                    <div>{{ info.visitWayName }}</div>
+                </div>
+                <div class='white-b mt-2' v-if='showOne && info.visitSituation == 1'>
+                    <span>居民电话： </span><span>{{ residentInfo.telephone || '-' }}</span>
+                </div>
+                <div class='white-b mt-2' v-if='showThree && info.visitSituation == 1'>
+                    <div>催检内容：</div>
+                    <div>{{ info.urgentInsContent }}</div>
+                </div>
+                <div class='mt-2' v-if="showOne && info.visitSituation == 1">
+                    <div>随访内容</div>
+                    <div class='white-b mt-2'>
+                        <div>{{ info.visitContent }}</div>
+                    </div>
+                </div>
+                <div class='mt-2' v-if="showOne && info.visitSituation == 1">
+                    <div>处置意见</div>
+                    <div class='white-b mt-2'>
+                        <div>{{ info.disposalOpinion }}</div>
+                    </div>
+                </div>
+                <div class='mt-2' v-if="(showOne || showTwo) && info.visitSituation == 1">
+                    <div>健康指导</div>
+                    <div class='white-b mt-2'>
+                        <div class='flex flex-wrap' v-for="(item, index) in healthInterventionsInfo.visitHealthGuideList"  >
+                            <div v-if="item.name != '无'">{{item.name}}：</div>
+                            <div>{{item.templateContent || '-'}}</div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class='flex items-center justify-between mt-2' v-if="info.visitSituation == 1">
+                    <div>下次随访日期</div>
+                    <div>{{ info.nextVisitDate || '-'}}</div>
+                </div>
+
+                <div class='flex items-center justify-between mt-2'>
+                    <div>随访单位</div>
+                    <div>{{ info.visitUnitName || '-'}}</div>
+                </div>
+                <div class='flex items-center justify-between mt-2'>
+                    <div>随访科室</div>
+                    <div>{{ info.visitOfficeName || '-'}}</div>
+                </div>
+                <div class='flex items-center justify-between mt-2'>
+                    <div>随访医生</div>
+                    <div>{{ info.visitDoctorName || '-'}}</div>
+                </div>
+            </div>
+        </div>
+        <div class="px-5  flex align-center justify-around">
+            <van-button type="primary" round plain style="width: 70%;background: #F0F3FF;border: 0px"
+                        @click="toBack">返回</van-button>
+        </div>
+    </div>
 </template>
 
 <script>
+import { fetchCurrencyById } from '@/api/doctor/generalFU'
+
 export default {
-    name: 'Detail'
+    name: 'Detail',
+    props: {
+        id: [String, Number]
+    },
+    data() {
+        return {
+            info: {},
+            residentInfo: {}
+        }
+    },
+    computed: {
+        routerDetail() {
+            return this.$route.query
+        },
+        //复检指导
+        showOne() {
+            const { visitWay } = this.info
+            let res = false
+            if (visitWay == 5 || visitWay == 6 || visitWay == 7 || visitWay == 8) {
+                res = true
+            }
+            return res
+        },
+        //微信、短信指导
+        showTwo() {
+            const { visitWay } = this.info
+            let res = false
+            if (visitWay == 9 || visitWay == 11) {
+                res = true
+            }
+            return res
+        },
+        //催检
+        showThree() {
+            const { visitWay } = this.info
+            let res = false
+            if (visitWay == 10 || visitWay == 12) {
+                res = true
+            }
+            return res
+        },
+        //健康指导
+        healthInterventionsInfo() {
+            const modeArray = this.$dict('DC00084')
+            let visitHealthGuideList = []
+            if (this.info.healthGuideContent) {
+                visitHealthGuideList = JSON.parse(this.info.healthGuideContent)
+            }
+            const res = {
+                visitHealthGuideList: modeArray.map(e => {
+                    const item = visitHealthGuideList.find(i => i.templateMode === e.value)
+                    return {
+                        templateMode: e.value,
+                        name: e.name,
+                        templateContent: item ? item.templateContent : '',
+                        id: item ? item.visitId : ''
+                    }
+                })
+            }
+            return res
+        }
+    },
+    created() {
+        this.load()
+    },
+    methods: {
+        async load() {
+            if (!this.routerDetail.relationId) {
+                this.$message.info('未获取到信息')
+                return
+            }
+            let par = {
+                id: this.routerDetail.relationId
+            }
+            fetchCurrencyById(par).then(res => {
+                let result = res.data || {}
+                this.info = result
+                this.residentInfo = result.residentsRecord || {}
+            }).finally(() => {
+            })
+        },
+        toBack() {
+            this.$router.back()
+        }
+    }
 }
 </script>
 
 <style scoped lang='less'>
+.title {
+    font-weight: bold;
+}
+.detail-info {
+    height: calc(100vh - 110px);
+    overflow-y: auto;
+}
+.detail-div {
+    padding: 12px;
+    border: 1px solid #EEEEEE;
+    background: #F8FAFC;
+    border-radius: 8px;
+}
+
+.white-b {
+    background: #FFFFFF;
+    padding: 12px;
+    border: 1px solid #EEEEEE;
+    border-radius: 8px;
+}
+
 :deep(.van-nav-bar .van-icon) {
     color: #000000;
 }