Commit 1e9dc508 authored by gengchunlei's avatar gengchunlei

居民端小程序 筛查、随访、指导 样式重新优化

parent eef79a76
...@@ -78,7 +78,7 @@ export default { ...@@ -78,7 +78,7 @@ export default {
window.sessionStorage.setItem('userInfo', JSON.stringify(user.data)) window.sessionStorage.setItem('userInfo', JSON.stringify(user.data))
} else { } else {
let user = JSON.parse(window.sessionStorage.getItem('userInfo')) let user = JSON.parse(window.sessionStorage.getItem('userInfo'))
this.store.$patch({ userInfo: user.data || {} }) this.store.$patch({ userInfo: user || {} })
} }
this.visible = true this.visible = true
} }
......
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
<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"> <div class="flex justify-between collapse-head">
<span class="text-16">全部内容</span> <span class="text-16 font-semibold">全部内容</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>
......
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
<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"> <div class="flex justify-between collapse-head">
<span class="text-16">全部内容</span> <span class="text-16 font-semibold">全部内容</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>
......
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
<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'> <div class='flex justify-between collapse-head'>
<span class='text-16'>全部内容</span> <span class='text-16 font-semibold'>全部内容</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>
......
...@@ -34,6 +34,7 @@ ...@@ -34,6 +34,7 @@
.van-cell { .van-cell {
padding: .1rem 0; padding: .1rem 0;
color: #8C8C8C; color: #8C8C8C;
font-weight: 600;
background: transparent; background: transparent;
&::after { &::after {
display: none; display: none;
......
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
<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'> <div class='flex justify-between collapse-head'>
<span class='text-16'>全部内容</span> <span class='text-16 font-semibold'>全部内容</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,67 +56,46 @@ ...@@ -56,67 +56,46 @@
</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.visitSituationName || '-' }}</span> <span>{{ info.groupsArraysName || '-' }}</span>
</span> </span>
</div> </div>
</div> </div>
</van-collapse-item> </van-collapse-item>
<van-collapse-item key='3' title='失访原因' name='3' v-if='info.visitSituation == 2'> <van-collapse-item key='5' title='随访方式' name='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 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='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>
<span class='text-end'> <span class='text-end'>
<span>{{ info.deathReason || '-' }}</span> <span>{{ info.visitWayName || '-' }}</span>
</span> </span>
</div> </div>
</div> </div>
</van-collapse-item> </van-collapse-item>
<van-collapse-item key='5' title='随访方式' name='5' v-if="info.visitSituation == 1"> <van-collapse-item key='2' title='随访类型' name='4'>
<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>{{ 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 class='text-end'>
<span v-if="info.isSms">{{ info.isSmsName || '-'}}</span> <span>{{ info.visitWayRulesName || '-' }}</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 && info.visitSituation == 1"> <van-collapse-item key='6' title='随访内容' name='6' v-if="showOne">
<template #right-icon> <template #right-icon>
<doc-icon type='doc-down' /> <doc-icon type='doc-down' />
</template> </template>
...@@ -129,7 +108,7 @@ ...@@ -129,7 +108,7 @@
</div> </div>
</div> </div>
</van-collapse-item> </van-collapse-item>
<van-collapse-item key='7' title='处置意见' name='7' v-if="showOne && info.visitSituation == 1"> <van-collapse-item key='7' title='处置意见' name='7' v-if="showOne">
<template #right-icon> <template #right-icon>
<doc-icon type='doc-down' /> <doc-icon type='doc-down' />
</template> </template>
...@@ -142,7 +121,7 @@ ...@@ -142,7 +121,7 @@
</div> </div>
</div> </div>
</van-collapse-item> </van-collapse-item>
<van-collapse-item key="8" title='健康指导' name="8" v-if="(showOne || showTwo) && info.visitSituation == 1"> <van-collapse-item key="8" title='健康指导' name="8" v-if="showOne || showTwo">
<template #right-icon> <template #right-icon>
<doc-icon type="doc-down" /> <doc-icon type="doc-down" />
</template> </template>
...@@ -158,7 +137,7 @@ ...@@ -158,7 +137,7 @@
</div> </div>
</div> </div>
</van-collapse-item> </van-collapse-item>
<van-collapse-item key="9" title='宣教内容' name="9" v-if="showThree && info.visitSituation == 1"> <van-collapse-item key="9" title='宣教内容' name="9" v-if="showThree">
<template #right-icon> <template #right-icon>
<doc-icon type="doc-down" /> <doc-icon type="doc-down" />
</template> </template>
...@@ -180,7 +159,7 @@ ...@@ -180,7 +159,7 @@
</div> </div>
</div> </div>
</van-collapse-item> </van-collapse-item>
<van-collapse-item key='10' title='催检内容' name='10' v-if="showFour && info.visitSituation == 1"> <van-collapse-item key='10' title='催检内容' name='10' v-if="showFour">
<template #right-icon> <template #right-icon>
<doc-icon type='doc-down' /> <doc-icon type='doc-down' />
</template> </template>
...@@ -193,7 +172,7 @@ ...@@ -193,7 +172,7 @@
</div> </div>
</div> </div>
</van-collapse-item> </van-collapse-item>
<van-collapse-item key='11' title='上传随访记录' name='11' v-if="showOne && info.visitSituation == 1"> <van-collapse-item key='11' title='上传随访记录' name='11' v-if="showOne">
<template #right-icon> <template #right-icon>
<doc-icon type='doc-down' /> <doc-icon type='doc-down' />
</template> </template>
...@@ -203,7 +182,7 @@ ...@@ -203,7 +182,7 @@
</div> </div>
</div> </div>
</van-collapse-item> </van-collapse-item>
<van-collapse-item key='12' title='现场随访照片' name='12' v-if="showOne && info.visitSituation == 1"> <van-collapse-item key='12' title='现场随访照片' name='12' v-if="showOne">
<template #right-icon> <template #right-icon>
<doc-icon type='doc-down' /> <doc-icon type='doc-down' />
</template> </template>
...@@ -248,16 +227,13 @@ export default { ...@@ -248,16 +227,13 @@ 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'},
...@@ -299,40 +275,36 @@ export default { ...@@ -299,40 +275,36 @@ export default {
}, },
//复检 //复检
showOne() { showOne() {
const {visitWayRulesT = []} = this.detailInfo const {visitWayRules = []} = this.info
let res = false let res = false
if (visitWayRulesT.includes('1-1') || visitWayRulesT.includes('1-2') || visitWayRulesT.includes('1-3') || if (visitWayRules.includes(1)) {
visitWayRulesT.includes('1-4') || visitWayRulesT.includes('1-5') || visitWayRulesT.includes('1-6')) {
res = true res = true
} }
return res return res
}, },
//指导 //指导
showTwo() { showTwo() {
const {visitWayRulesT = []} = this.detailInfo const {visitWayRules = []} = this.info
let res = false let res = false
if (visitWayRulesT.includes('2-1') || visitWayRulesT.includes('2-2') || visitWayRulesT.includes('2-3') || if (visitWayRules.includes(2)) {
visitWayRulesT.includes('2-4') || visitWayRulesT.includes('2-5') || visitWayRulesT.includes('2-6')) {
res = true res = true
} }
return res return res
}, },
//宣教 //宣教
showThree() { showThree() {
const {visitWayRulesT = []} = this.detailInfo const {visitWayRules = []} = this.info
let res = false let res = false
if (visitWayRulesT.includes('3-1') || visitWayRulesT.includes('3-2') || visitWayRulesT.includes('3-3') || if (visitWayRules.includes(3)) {
visitWayRulesT.includes('3-4') || visitWayRulesT.includes('3-5') || visitWayRulesT.includes('3-6')) {
res = true res = true
} }
return res return res
}, },
//催检 //催检
showFour() { showFour() {
const {visitWayRulesT = []} = this.detailInfo const {visitWayRules = []} = this.info
let res = false let res = false
if (visitWayRulesT.includes('4-1') || visitWayRulesT.includes('4-2') || visitWayRulesT.includes('4-3') || if (visitWayRules.includes(4)) {
visitWayRulesT.includes('4-4') || visitWayRulesT.includes('4-5') || visitWayRulesT.includes('4-6')) {
res = true res = true
} }
return res return res
...@@ -378,21 +350,10 @@ export default { ...@@ -378,21 +350,10 @@ export default {
}, },
//数据处理 //数据处理
dataHandle() { dataHandle() {
const {visitWay, visitWayRules, publicizeType, visitWayName, visitWayRulesName} = this.info const {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) {
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<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"> <div class="flex justify-between collapse-head">
<span class="text-16">全部内容</span> <span class="text-16 font-semibold">全部内容</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>
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<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"> <div class="flex justify-between collapse-head">
<span class="text-16">全部内容</span> <span class="text-16 font-semibold">全部内容</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>
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<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"> <div class="flex justify-between collapse-head">
<span class="text-16">全部内容</span> <span class="text-16 font-semibold">全部内容</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>
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<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"> <div class="flex justify-between collapse-head">
<span class="text-16">全部内容</span> <span class="text-16 font-semibold">全部内容</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>
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<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"> <div class="flex justify-between collapse-head">
<span class="text-16">全部内容</span> <span class="text-16 font-semibold">全部内容</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>
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<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"> <div class="flex justify-between collapse-head">
<span class="text-16">全部内容</span> <span class="text-16 font-semibold">全部内容</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>
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<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"> <div class="flex justify-between collapse-head">
<span class="text-16">全部内容</span> <span class="text-16 font-semibold">全部内容</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>
......
...@@ -39,7 +39,7 @@ ...@@ -39,7 +39,7 @@
<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"> <div class="flex justify-between collapse-head">
<span class="text-16">全部内容</span> <span class="text-16 font-semibold">全部内容</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>
......
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