Skip to content

F
frontend-h5
Commit 53bffe0e authored by gengchunlei's avatar gengchunlei
Browse files
Options

居民端小程序 保存上一版

parent 947d2ea1
Hide whitespace changes
Inline Side-by-side
Showing with 74 additions and 35 deletions
src/residentWX/visit/detail/GeneralFUDetail.vue
View file @ 53bffe0e
......@@ -9,7 +9,9 @@
</div>
<div class='px-4 py-3 flex shrink-0 base-info'>
<div class='flex w-full'>
<div class='grow flex flex-col justify-between'>
<img src='@/assets/image/residentWX/avatar.png' alt='' class='shrink-0'
style='width: .56rem;height: .56rem'>
<div class='grow flex flex-col justify-between pl-3'>
<div class='flex justify-between'>
<span class='name'>{{ residentInfo.residentName }}</span>
</div>
......@@ -25,8 +27,8 @@
</div>
<div class='p-3 grow cont-box'>
<div class='p-3 h-full cont-inner'>
<div class='flex justify-between collapse-head mt-2'>
<span class='text-16 font-semibold'>全部内容</span>
<div class='flex justify-between collapse-head'>
<span class='text-16'>全部内容</span>
<span @click='toggleAll'>
<span v-if='!collapseAll'>展开全部</span>
<span v-else>收起全部</span>
......@@ -56,46 +58,67 @@
</div>
</div>
</van-collapse-item>
<van-collapse-item key='2' title='随访人群' name='2'>
<van-collapse-item key='2' title='本次随访情况' name='2'>
<template #right-icon>
<doc-icon type='doc-down' />
</template>
<div class='list'>
<div class='flex justify-between py-1 border-bottom item'>
<span class='shrink-0 mr-2 label'>随访人群</span>
<span class='shrink-0 mr-2 label'>本次随访情况</span>
<span class='text-end'>
<span>{{ info.groupsArraysName || '-' }}</span>
<span>{{ info.visitSituationName || '-' }}</span>
</span>
</div>
</div>
</van-collapse-item>
<van-collapse-item key='5' title='随访方式' name='3'>
<van-collapse-item key='3' title='失访原因' name='3' v-if='info.visitSituation == 2'>
<template #right-icon>
<doc-icon type='doc-down' />
</template>
<div class='list'>
<div class='flex justify-between py-1 border-bottom item' >
<span class='shrink-0 mr-2 label'>随访方式</span>
<span class='shrink-0 mr-2 label'>失访原因</span>
<span class='text-end'>
<span>{{ info.visitWayName || '-' }}</span>
<span v-if='info.lossReason != 9'>{{ info.lossReasonName || '-' }}</span>
<span v-if='info.lossReason == 9'>{{ info.lossReasonOther || '-' }}</span>
</span>
</div>
</div>
</van-collapse-item>
<van-collapse-item key='2' title='随访类型' name='4'>
<van-collapse-item key='4' title='死亡原因' name='4' v-if="info.lossReason == 3">
<template #right-icon>
<doc-icon type='doc-down' />
</template>
<div class='list'>
<div class='flex justify-between py-1 border-bottom item'>
<span class='shrink-0 mr-2 label'>随访类型</span>
<div class='flex justify-between py-1 border-bottom item' >
<span class='shrink-0 mr-2 label'>死亡原因</span>
<span class='text-end'>
<span>{{ info.deathReason || '-' }}</span>
</span>
</div>
</div>
</van-collapse-item>
<van-collapse-item key='5' title='随访方式' name='5' v-if="info.visitSituation == 1">
<template #right-icon>
<doc-icon type='doc-down' />
</template>
<div class='list'>
<div class='flex justify-between py-1 border-bottom item' >
<span class='shrink-0 mr-2 label'>随访方式</span>
<span class='text-end'>
<span>{{ info.visitWayRulesName || '-' }}</span>
<span>{{ detailInfo.followUpWayName || '-' }}</span>
</span>
</div>
<div class='flex justify-between py-1 border-bottom item' v-if="info.visitSituation == 1 && (info.visitWay == 3 || info.visitWay == 4)">
<span class='shrink-0 mr-2 label'>是否发送</span>
<span class='text-end'>
<span v-if="info.isSms">{{ info.isSmsName || '-'}}</span>
<span v-if="info.isWx">{{info.isWxName || '-'}}</span>
</span>
</div>
</div>
</van-collapse-item>
<van-collapse-item key='6' title='随访内容' name='6' v-if="showOne">
<van-collapse-item key='6' title='随访内容' name='6' v-if="showOne && info.visitSituation == 1">
<template #right-icon>
<doc-icon type='doc-down' />
</template>
......@@ -108,7 +131,7 @@
</div>
</div>
</van-collapse-item>
<van-collapse-item key='7' title='处置意见' name='7' v-if="showOne">
<van-collapse-item key='7' title='处置意见' name='7' v-if="showOne && info.visitSituation == 1">
<template #right-icon>
<doc-icon type='doc-down' />
</template>
......@@ -121,7 +144,7 @@
</div>
</div>
</van-collapse-item>
<van-collapse-item key="8" title='健康指导' name="8" v-if="showOne || showTwo">
<van-collapse-item key="8" title='健康指导' name="8" v-if="(showOne || showTwo) && info.visitSituation == 1">
<template #right-icon>
<doc-icon type="doc-down" />
</template>
......@@ -137,7 +160,7 @@
</div>
</div>
</van-collapse-item>
<van-collapse-item key="9" title='宣教内容' name="9" v-if="showThree">
<van-collapse-item key="9" title='宣教内容' name="9" v-if="showThree && info.visitSituation == 1">
<template #right-icon>
<doc-icon type="doc-down" />
</template>
......@@ -159,7 +182,7 @@
</div>
</div>
</van-collapse-item>
<van-collapse-item key='10' title='催检内容' name='10' v-if="showFour">
<van-collapse-item key='10' title='催检内容' name='10' v-if="showFour && info.visitSituation == 1">
<template #right-icon>
<doc-icon type='doc-down' />
</template>
......@@ -172,7 +195,7 @@
</div>
</div>
</van-collapse-item>
<van-collapse-item key='11' title='上传随访记录' name='11' v-if="showOne">
<van-collapse-item key='11' title='上传随访记录' name='11' v-if="showOne && info.visitSituation == 1">
<template #right-icon>
<doc-icon type='doc-down' />
</template>
......@@ -182,7 +205,7 @@
</div>
</div>
</van-collapse-item>
<van-collapse-item key='12' title='现场随访照片' name='12' v-if="showOne">
<van-collapse-item key='12' title='现场随访照片' name='12' v-if="showOne && info.visitSituation == 1">
<template #right-icon>
<doc-icon type='doc-down' />
</template>
......@@ -227,13 +250,16 @@ export default {
return {
activeCollapse: [],
detailInfo: {
visitWayRulesT: [],
publicizeType: [],
followUpWayName: ''
},
collapseList: [
{ title: '居民信息', name: '1'},
{ title: '随访人群', name: '2'},
{ title: '随访方式', name: '3'},
{ title: '随访类型', name: '4'},
{ title: '本次随访情况', name: '2'},
{ title: '失访原因', name: '3'},
{ title: '死亡原因', name: '4'},
{ title: '随访方式', name: '5'},
{ title: '随访内容', name: '6'},
{ title: '处置意见', name: '7'},
{ title: '健康指导', name: '8'},
......@@ -275,36 +301,40 @@ export default {
},
//复检
showOne() {
const {visitWayRules = []} = this.info
const {visitWayRulesT = []} = this.detailInfo
let res = false
if (visitWayRules.includes(1)) {
if (visitWayRulesT.includes('1-1') || visitWayRulesT.includes('1-2') || visitWayRulesT.includes('1-3') ||
visitWayRulesT.includes('1-4') || visitWayRulesT.includes('1-5') || visitWayRulesT.includes('1-6')) {
res = true
}
return res
},
//指导
showTwo() {
const {visitWayRules = []} = this.info
const {visitWayRulesT = []} = this.detailInfo
let res = false
if (visitWayRules.includes(2)) {
if (visitWayRulesT.includes('2-1') || visitWayRulesT.includes('2-2') || visitWayRulesT.includes('2-3') ||
visitWayRulesT.includes('2-4') || visitWayRulesT.includes('2-5') || visitWayRulesT.includes('2-6')) {
res = true
}
return res
},
//宣教
showThree() {
const {visitWayRules = []} = this.info
const {visitWayRulesT = []} = this.detailInfo
let res = false
if (visitWayRules.includes(3)) {
if (visitWayRulesT.includes('3-1') || visitWayRulesT.includes('3-2') || visitWayRulesT.includes('3-3') ||
visitWayRulesT.includes('3-4') || visitWayRulesT.includes('3-5') || visitWayRulesT.includes('3-6')) {
res = true
}
return res
},
//催检
showFour() {
const {visitWayRules = []} = this.info
const {visitWayRulesT = []} = this.detailInfo
let res = false
if (visitWayRules.includes(4)) {
if (visitWayRulesT.includes('4-1') || visitWayRulesT.includes('4-2') || visitWayRulesT.includes('4-3') ||
visitWayRulesT.includes('4-4') || visitWayRulesT.includes('4-5') || visitWayRulesT.includes('4-6')) {
res = true
}
return res
......@@ -329,7 +359,6 @@ export default {
}
},
created() {
document.title = '随访详情'
this.load()
},
methods: {
......@@ -350,10 +379,21 @@ export default {
},
//数据处理
dataHandle() {
const {publicizeType, visitWayName, visitWayRulesName} = this.info
const {visitWay, visitWayRules, publicizeType, visitWayName, visitWayRulesName} = this.info
let visitWayRulesT = []
if (visitWay && visitWayRules) {
let resList = []
let list = visitWayRules.split(',')
list.forEach(item => {
resList.push(`${item}-${visitWay}`)
})
visitWayRulesT = resList
this.detailInfo.visitWayRulesT = visitWayRulesT
if (publicizeType) {
this.detailInfo.publicizeType = publicizeType.split(',').map(item => Number(item))
}
this.detailInfo.followUpWayName = visitWayName+ '-'+visitWayRulesName.replace(",","/")
}
},
// 折叠面板切换
collapseChange(val) {
......@@ -458,4 +498,4 @@ table {
border-radius: 4px;
color: #4D5665;
}
</style>
\ No newline at end of file
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment