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 @@ ...@@ -9,7 +9,9 @@
</div> </div>
<div class='px-4 py-3 flex shrink-0 base-info'> <div class='px-4 py-3 flex shrink-0 base-info'>
<div class='flex w-full'> <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'> <div class='flex justify-between'>
<span class='name'>{{ residentInfo.residentName }}</span> <span class='name'>{{ residentInfo.residentName }}</span>
</div> </div>
...@@ -25,8 +27,8 @@ ...@@ -25,8 +27,8 @@
</div> </div>
<div class='p-3 grow cont-box'> <div class='p-3 grow cont-box'>
<div class='p-3 h-full cont-inner'> <div class='p-3 h-full cont-inner'>
<div class='flex justify-between collapse-head mt-2'> <div class='flex justify-between collapse-head'>
<span class='text-16 font-semibold'>全部内容</span> <span class='text-16'>全部内容</span>
<span @click='toggleAll'> <span @click='toggleAll'>
<span v-if='!collapseAll'>展开全部</span> <span v-if='!collapseAll'>展开全部</span>
<span v-else>收起全部</span> <span v-else>收起全部</span>
...@@ -56,46 +58,67 @@ ...@@ -56,46 +58,67 @@
</div> </div>
</div> </div>
</van-collapse-item> </van-collapse-item>
<van-collapse-item key='2' title='随访人群' name='2'> <van-collapse-item key='2' title='本次随访情况' name='2'>
<template #right-icon> <template #right-icon>
<doc-icon type='doc-down' /> <doc-icon type='doc-down' />
</template> </template>
<div class='list'> <div class='list'>
<div class='flex justify-between py-1 border-bottom item'> <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 class='text-end'>
<span>{{ info.groupsArraysName || '-' }}</span> <span>{{ info.visitSituationName || '-' }}</span>
</span> </span>
</div> </div>
</div> </div>
</van-collapse-item> </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> <template #right-icon>
<doc-icon type='doc-down' /> <doc-icon type='doc-down' />
</template> </template>
<div class='list'> <div class='list'>
<div class='flex justify-between py-1 border-bottom item' > <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 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> </span>
</div> </div>
</div> </div>
</van-collapse-item> </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> <template #right-icon>
<doc-icon type='doc-down' /> <doc-icon type='doc-down' />
</template> </template>
<div class='list'> <div class='list'>
<div class='flex justify-between py-1 border-bottom item'> <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.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 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> </span>
</div> </div>
</div> </div>
</van-collapse-item> </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> <template #right-icon>
<doc-icon type='doc-down' /> <doc-icon type='doc-down' />
</template> </template>
...@@ -108,7 +131,7 @@ ...@@ -108,7 +131,7 @@
</div> </div>
</div> </div>
</van-collapse-item> </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> <template #right-icon>
<doc-icon type='doc-down' /> <doc-icon type='doc-down' />
</template> </template>
...@@ -121,7 +144,7 @@ ...@@ -121,7 +144,7 @@
</div> </div>
</div> </div>
</van-collapse-item> </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> <template #right-icon>
<doc-icon type="doc-down" /> <doc-icon type="doc-down" />
</template> </template>
...@@ -137,7 +160,7 @@ ...@@ -137,7 +160,7 @@
</div> </div>
</div> </div>
</van-collapse-item> </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> <template #right-icon>
<doc-icon type="doc-down" /> <doc-icon type="doc-down" />
</template> </template>
...@@ -159,7 +182,7 @@ ...@@ -159,7 +182,7 @@
</div> </div>
</div> </div>
</van-collapse-item> </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> <template #right-icon>
<doc-icon type='doc-down' /> <doc-icon type='doc-down' />
</template> </template>
...@@ -172,7 +195,7 @@ ...@@ -172,7 +195,7 @@
</div> </div>
</div> </div>
</van-collapse-item> </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> <template #right-icon>
<doc-icon type='doc-down' /> <doc-icon type='doc-down' />
</template> </template>
...@@ -182,7 +205,7 @@ ...@@ -182,7 +205,7 @@
</div> </div>
</div> </div>
</van-collapse-item> </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> <template #right-icon>
<doc-icon type='doc-down' /> <doc-icon type='doc-down' />
</template> </template>
...@@ -227,13 +250,16 @@ export default { ...@@ -227,13 +250,16 @@ export default {
return { return {
activeCollapse: [], activeCollapse: [],
detailInfo: { detailInfo: {
visitWayRulesT: [],
publicizeType: [], publicizeType: [],
followUpWayName: ''
}, },
collapseList: [ collapseList: [
{ title: '居民信息', name: '1'}, { title: '居民信息', name: '1'},
{ title: '随访人群', name: '2'}, { title: '本次随访情况', name: '2'},
{ title: '随访方式', name: '3'}, { title: '失访原因', name: '3'},
{ title: '随访类型', name: '4'}, { title: '死亡原因', name: '4'},
{ title: '随访方式', name: '5'},
{ title: '随访内容', name: '6'}, { title: '随访内容', name: '6'},
{ title: '处置意见', name: '7'}, { title: '处置意见', name: '7'},
{ title: '健康指导', name: '8'}, { title: '健康指导', name: '8'},
...@@ -275,36 +301,40 @@ export default { ...@@ -275,36 +301,40 @@ export default {
}, },
//复检 //复检
showOne() { showOne() {
const {visitWayRules = []} = this.info const {visitWayRulesT = []} = this.detailInfo
let res = false 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 res = true
} }
return res return res
}, },
//指导 //指导
showTwo() { showTwo() {
const {visitWayRules = []} = this.info const {visitWayRulesT = []} = this.detailInfo
let res = false 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 res = true
} }
return res return res
}, },
//宣教 //宣教
showThree() { showThree() {
const {visitWayRules = []} = this.info const {visitWayRulesT = []} = this.detailInfo
let res = false 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 res = true
} }
return res return res
}, },
//催检 //催检
showFour() { showFour() {
const {visitWayRules = []} = this.info const {visitWayRulesT = []} = this.detailInfo
let res = false 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 res = true
} }
return res return res
...@@ -329,7 +359,6 @@ export default { ...@@ -329,7 +359,6 @@ export default {
} }
}, },
created() { created() {
document.title = '随访详情'
this.load() this.load()
}, },
methods: { methods: {
...@@ -350,10 +379,21 @@ export default { ...@@ -350,10 +379,21 @@ export default {
}, },
//数据处理 //数据处理
dataHandle() { 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) { if (publicizeType) {
this.detailInfo.publicizeType = publicizeType.split(',').map(item => Number(item)) this.detailInfo.publicizeType = publicizeType.split(',').map(item => Number(item))
} }
this.detailInfo.followUpWayName = visitWayName+ '-'+visitWayRulesName.replace(",","/")
}
}, },
// 折叠面板切换 // 折叠面板切换
collapseChange(val) { collapseChange(val) {
...@@ -458,4 +498,4 @@ table { ...@@ -458,4 +498,4 @@ table {
border-radius: 4px; border-radius: 4px;
color: #4D5665; color: #4D5665;
} }
</style> </style>
\ No newline at end of file
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