Skip to content

F
frontend-h5
Commit 295a98d9 authored by gengchunlei's avatar gengchunlei
Browse files
Options

居民端小程序 1、图片查看组件替换

parent 41715179
Show whitespace changes
Inline Side-by-side
Showing with 194 additions and 190 deletions
src/residentWX/screening/detail/SecondDetail.vue
View file @ 295a98d9
...@@ -460,10 +460,8 @@ ...@@ -460,10 +460,8 @@
<template #right-icon> <template #right-icon>
<doc-icon type='doc-down' /> <doc-icon type='doc-down' />
</template> </template>
<div class='list gap-x-2.5 gap-y-1 flex items-center flex-wrap'> <div>
<div v-for="(url, index) in info.informedConsentUrl" :key="index" > <image-preview :img-list='info.informedConsentUrl'></image-preview>
<img style='width: 1.47rem;height: 2.04rem' :src="url.trueDownloadUrl" />
</div>
</div> </div>
</van-collapse-item> </van-collapse-item>
...@@ -493,8 +491,10 @@ import { showNotify } from 'vant' ...@@ -493,8 +491,10 @@ import { showNotify } from 'vant'
import { secondScreenDetail } from '@/api/residentWX/screening.js' import { secondScreenDetail } from '@/api/residentWX/screening.js'
import { useStore } from '@/residentWX/store' import { useStore } from '@/residentWX/store'
import { fetchDataHandle } from '@/utils/common' import { fetchDataHandle } from '@/utils/common'
import ImagePreview from '@/residentWX/components/imagePreview/imagePreview'
export default { export default {
components: { ImagePreview },
inject:['showNav'], inject:['showNav'],
data() { data() {
return { return {
......
src/residentWX/visit/detail/components/AbnormalBloodLipidsDetail.vue
View file @ 295a98d9
...@@ -322,10 +322,8 @@ ...@@ -322,10 +322,8 @@
<template #right-icon> <template #right-icon>
<doc-icon type="doc-down" /> <doc-icon type="doc-down" />
</template> </template>
<div class="list gap-x-2.5 gap-y-1 flex items-center flex-wrap"> <div>
<div v-for="(url, index) in info.visitImageList" :key="index" > <image-preview :img-list='info.visitImageList'></image-preview>
<img style="width: 1.47rem; height: 2.04rem" :src="url.trueDownloadUrl" />
</div>
</div> </div>
</van-collapse-item> </van-collapse-item>
<van-collapse-item key="13" title="下次随访日期" name="13"> <van-collapse-item key="13" title="下次随访日期" name="13">
...@@ -359,7 +357,9 @@ ...@@ -359,7 +357,9 @@
<script> <script>
import { fetchDataHandle } from '@/utils/common.js' import { fetchDataHandle } from '@/utils/common.js'
import { useStore } from '@/resident/store/index.js' import { useStore } from '@/resident/store/index.js'
import ImagePreview from '@/residentWX/components/imagePreview/imagePreview'
export default { export default {
components: { ImagePreview },
props: { props: {
visitInfo: { visitInfo: {
type: Object, type: Object,
......
src/residentWX/visit/detail/components/CerebralApoplexyDetail.vue
View file @ 295a98d9
...@@ -322,10 +322,8 @@ ...@@ -322,10 +322,8 @@
<template #right-icon> <template #right-icon>
<doc-icon type="doc-down" /> <doc-icon type="doc-down" />
</template> </template>
<div class="list gap-x-2.5 gap-y-1 flex items-center flex-wrap"> <div>
<div v-for="(url, index) in info.visitImageList" :key="index" > <image-preview :img-list='info.visitImageList'></image-preview>
<img style="width: 1.47rem; height: 2.04rem" :src="url.trueDownloadUrl" />
</div>
</div> </div>
</van-collapse-item> </van-collapse-item>
<van-collapse-item key="13" title="下次随访日期" name="13"> <van-collapse-item key="13" title="下次随访日期" name="13">
...@@ -359,7 +357,9 @@ ...@@ -359,7 +357,9 @@
<script> <script>
import { fetchDataHandle } from '@/utils/common.js' import { fetchDataHandle } from '@/utils/common.js'
import { useStore } from '@/resident/store/index.js' import { useStore } from '@/resident/store/index.js'
import ImagePreview from '@/residentWX/components/imagePreview/imagePreview'
export default { export default {
components: { ImagePreview },
props: { props: {
visitInfo: { visitInfo: {
type: Object, type: Object,
......
src/residentWX/visit/detail/components/ChronicKidneyDiseaseDetail.vue
View file @ 295a98d9
...@@ -322,10 +322,8 @@ ...@@ -322,10 +322,8 @@
<template #right-icon> <template #right-icon>
<doc-icon type="doc-down" /> <doc-icon type="doc-down" />
</template> </template>
<div class="list gap-x-2.5 gap-y-1 flex items-center flex-wrap"> <div>
<div v-for="(url, index) in info.visitImageList" :key="index" > <image-preview :img-list='info.visitImageList'></image-preview>
<img style="width: 1.47rem; height: 2.04rem" :src="url.trueDownloadUrl" />
</div>
</div> </div>
</van-collapse-item> </van-collapse-item>
<van-collapse-item key="13" title="下次随访日期" name="13"> <van-collapse-item key="13" title="下次随访日期" name="13">
...@@ -359,7 +357,9 @@ ...@@ -359,7 +357,9 @@
<script> <script>
import { fetchDataHandle } from '@/utils/common.js' import { fetchDataHandle } from '@/utils/common.js'
import { useStore } from '@/resident/store/index.js' import { useStore } from '@/resident/store/index.js'
import ImagePreview from '@/residentWX/components/imagePreview/imagePreview'
export default { export default {
components: { ImagePreview },
props: { props: {
visitInfo: { visitInfo: {
type: Object, type: Object,
......
src/residentWX/visit/detail/components/CopdDetail.vue
View file @ 295a98d9
...@@ -320,10 +320,8 @@ ...@@ -320,10 +320,8 @@
<template #right-icon> <template #right-icon>
<doc-icon type="doc-down" /> <doc-icon type="doc-down" />
</template> </template>
<div class="list gap-x-2.5 gap-y-1 flex items-center flex-wrap"> <div>
<div v-for="(url, index) in info.visitImageList" :key="index" > <image-preview :img-list='info.visitImageList'></image-preview>
<img style="width: 1.47rem; height: 2.04rem" :src="url.trueDownloadUrl" />
</div>
</div> </div>
</van-collapse-item> </van-collapse-item>
<van-collapse-item key="13" title="下次随访日期" name="13"> <van-collapse-item key="13" title="下次随访日期" name="13">
...@@ -357,7 +355,9 @@ ...@@ -357,7 +355,9 @@
<script> <script>
import { fetchDataHandle } from '@/utils/common.js' import { fetchDataHandle } from '@/utils/common.js'
import { useStore } from '@/resident/store/index.js' import { useStore } from '@/resident/store/index.js'
import ImagePreview from '@/residentWX/components/imagePreview/imagePreview'
export default { export default {
components: { ImagePreview },
props: { props: {
visitInfo: { visitInfo: {
type: Object, type: Object,
......
src/residentWX/visit/detail/components/CoronaryHeartDiseaseDetail.vue
View file @ 295a98d9
...@@ -322,10 +322,8 @@ ...@@ -322,10 +322,8 @@
<template #right-icon> <template #right-icon>
<doc-icon type="doc-down" /> <doc-icon type="doc-down" />
</template> </template>
<div class="list gap-x-2.5 gap-y-1 flex items-center flex-wrap"> <div>
<div v-for="(url, index) in info.visitImageList" :key="index" > <image-preview :img-list='info.visitImageList'></image-preview>
<img style="width: 1.47rem; height: 2.04rem" :src="url.trueDownloadUrl" />
</div>
</div> </div>
</van-collapse-item> </van-collapse-item>
<van-collapse-item key="13" title="下次随访日期" name="13"> <van-collapse-item key="13" title="下次随访日期" name="13">
...@@ -359,7 +357,9 @@ ...@@ -359,7 +357,9 @@
<script> <script>
import { fetchDataHandle } from '@/utils/common.js' import { fetchDataHandle } from '@/utils/common.js'
import { useStore } from '@/resident/store/index.js' import { useStore } from '@/resident/store/index.js'
import ImagePreview from '@/residentWX/components/imagePreview/imagePreview'
export default { export default {
components: { ImagePreview },
props: { props: {
visitInfo: { visitInfo: {
type: Object, type: Object,
......
src/residentWX/visit/detail/components/DiabetesDetail.vue
View file @ 295a98d9
<template> <template>
<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 mt-2'>
<span class="text-16 font-semibold">全部内容</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>
<span :class="['ml-2 icon-down', { 'icon-down-expanded': collapseAll }]"> <span :class="['ml-2 icon-down', { 'icon-down-expanded': collapseAll }]">
<doc-icon type="doc-down" /> <doc-icon type='doc-down' />
</span> </span>
</span> </span>
</div> </div>
<van-collapse :model-value="activeCollapse" ref="collapse" class="doc-collapse" @change="collapseChange"> <van-collapse :model-value='activeCollapse' ref='collapse' class='doc-collapse' @change='collapseChange'>
<van-collapse-item key="1" title="居民信息" name="1"> <van-collapse-item key='1' title='居民信息' name='1'>
<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 v-for="item in columnsBase" :key="item.key"> <div v-for='item in columnsBase' :key='item.key'>
<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">{{ item.title }}</span> <span class='shrink-0 mr-2 label'>{{ item.title }}</span>
<span v-if="item.key === 'idCard'">{{ $idCardHide(residentInfo.idCard) || '-' }}</span> <span v-if="item.key === 'idCard'">{{ $idCardHide(residentInfo.idCard) || '-' }}</span>
<span class="text-end" v-else> <span class='text-end' v-else>
<span>{{ residentInfo[item.key] || '-' }}</span> <span>{{ residentInfo[item.key] || '-' }}</span>
<span v-if="item.unit" class="ml-1">{{ item.unit }}</span> <span v-if='item.unit' class='ml-1'>{{ item.unit }}</span>
</span> </span>
</div> </div>
</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'>
{{ info.symptomName || '-' }} {{ info.symptomName || '-' }}
</span> </span>
</div> </div>
</div> </div>
</van-collapse-item> </van-collapse-item>
<van-collapse-item key="3" title="体征" name="3"> <van-collapse-item key='3' 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 v-for="item in columnsPhysical" :key="item.key"> <div v-for='item in columnsPhysical' :key='item.key'>
<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">{{ item.title }}</span> <span class='shrink-0 mr-2 label'>{{ item.title }}</span>
<span class="text-end"> <span class='text-end'>
<span>{{ info[item.key] || '-' }}</span> <span>{{ info[item.key] || '-' }}</span>
<span v-if="item.unit" class="ml-1">{{ item.unit }}</span> <span v-if='item.unit' class='ml-1'>{{ item.unit }}</span>
</span> </span>
</div> </div>
</div> </div>
</div> </div>
</van-collapse-item> </van-collapse-item>
<van-collapse-item key="4" title="生活方式指导" name="4"> <van-collapse-item key='4' title='生活方式指导' name='4'>
<template #right-icon> <template #right-icon>
<doc-icon type="doc-down" /> <doc-icon type='doc-down' />
</template> </template>
<div style="color: #262626">吸烟</div> <div style='color: #262626'>吸烟</div>
<div class="box"> <div class='box'>
<div> <div>
<span>是否正在吸烟：</span> <span>是否正在吸烟：</span>
<span>{{ info.isSmokingName }}</span> <span>{{ info.isSmokingName }}</span>
</div> </div>
<div v-if="info.isSmoking === 1"> <div v-if='info.isSmoking === 1'>
<span>您大约从几岁起开始养成每天或基本每天都吸烟的习惯：</span> <span>您大约从几岁起开始养成每天或基本每天都吸烟的习惯：</span>
<span>{{ info.startSmokeAge || '-' }}岁</span> <span>{{ info.startSmokeAge || '-' }}岁</span>
</div> </div>
<div v-if="info.isSmoking === 1 || info.isSmoking === 2"> <div v-if='info.isSmoking === 1 || info.isSmoking === 2'>
<span>您最近7天是否吸烟：</span> <span>您最近7天是否吸烟：</span>
<span>{{ info.lastSevenSmokeName }}</span> <span>{{ info.lastSevenSmokeName }}</span>
</div> </div>
<div v-if="info.isSmoking === 1 || info.isSmoking === 2"> <div v-if='info.isSmoking === 1 || info.isSmoking === 2'>
<span>日吸烟量：</span> <span>日吸烟量：</span>
<span>{{ info.daySmoking || '-' }}支</span> <span>{{ info.daySmoking || '-' }}支</span>
<span class="ml-4">目标日吸烟量：</span> <span class='ml-4'>目标日吸烟量：</span>
<span>{{ info.goalDaySmoking || '-' }}支</span> <span>{{ info.goalDaySmoking || '-' }}支</span>
</div> </div>
</div> </div>
<div style="color: #262626" class="mt-2">饮酒</div> <div style='color: #262626' class='mt-2'>饮酒</div>
<div class="box"> <div class='box'>
<div> <div>
<span>是否正在饮酒：</span> <span>是否正在饮酒：</span>
<span>{{ info.isDrinkName }}</span> <span>{{ info.isDrinkName }}</span>
</div> </div>
<div v-if="info.isDrink === 1 || info.isDrink === 2"> <div v-if='info.isDrink === 1 || info.isDrink === 2'>
<span>日饮酒量：</span> <span>日饮酒量：</span>
<span>{{ info.dayDrink || '-' }}ml</span> <span>{{ info.dayDrink || '-' }}ml</span>
<span class="ml-4">目标日饮酒量：</span> <span class='ml-4'>目标日饮酒量：</span>
<span>{{ info.goalDayDrink || '-' }}ml</span> <span>{{ info.goalDayDrink || '-' }}ml</span>
</div> </div>
<div v-if="info.isDrink === 1 || info.isDrink === 2"> <div v-if='info.isDrink === 1 || info.isDrink === 2'>
<span>白酒：</span> <span>白酒：</span>
<span>{{ info.drinkLiquor || '-' }}ml/日</span> <span>{{ info.drinkLiquor || '-' }}ml/日</span>
<span class="ml-2">啤酒：</span> <span class='ml-2'>啤酒：</span>
<span>{{ info.drinkBeer || '-' }}ml/日</span> <span>{{ info.drinkBeer || '-' }}ml/日</span>
<span class="ml-2">红酒：</span> <span class='ml-2'>红酒：</span>
<span>{{ info.drinkRed || '-' }}ml/日</span> <span>{{ info.drinkRed || '-' }}ml/日</span>
<span class="ml-2">黄酒：</span> <span class='ml-2'>黄酒：</span>
<span>{{ info.drinkYellow || '-' }}ml/日</span> <span>{{ info.drinkYellow || '-' }}ml/日</span>
<span class="ml-2">其他：</span> <span class='ml-2'>其他：</span>
<span>{{ info.drinkOther || '-' }}ml/日</span> <span>{{ info.drinkOther || '-' }}ml/日</span>
</div> </div>
</div> </div>
<div style="color: #262626" class="mt-2">运动</div> <div style='color: #262626' class='mt-2'>运动</div>
<div class="box"> <div class='box'>
<div> <div>
<span>有无规律活动：</span> <span>有无规律活动：</span>
<span>{{ info.regularExerciseName }}</span> <span>{{ info.regularExerciseName }}</span>
</div> </div>
<div v-if="info.regularExercise === 1"> <div v-if='info.regularExercise === 1'>
<span>运动强度：</span> <span>运动强度：</span>
<span>{{ info.exerciseStrengthName }}</span> <span>{{ info.exerciseStrengthName }}</span>
</div> </div>
<div v-if="info.regularExercise === 1"> <div v-if='info.regularExercise === 1'>
<span>目前运动情况：</span> <span>目前运动情况：</span>
<span>{{ info.nowExerciseWeek || '-' }}次/周、</span> <span>{{ info.nowExerciseWeek || '-' }}次/周、</span>
<span>{{ info.nowExerciseMinute || '-' }}分钟/次</span> <span>{{ info.nowExerciseMinute || '-' }}分钟/次</span>
</div> </div>
</div> </div>
<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">{{ info.staplFood || '-' }}</span> <span class='text-end'>{{ info.staplFood || '-' }}</span>
</div> </div>
<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">{{ info.targetStaplFood || '-' }}</span> <span class='text-end'>{{ info.targetStaplFood || '-' }}</span>
</div> </div>
<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">{{ info.psychologicalRecoveryName || '-' }}</span> <span class='text-end'>{{ info.psychologicalRecoveryName || '-' }}</span>
</div> </div>
<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">{{ info.doctorAdviceName || '-' }}</span> <span class='text-end'>{{ info.doctorAdviceName || '-' }}</span>
</div> </div>
</div> </div>
</van-collapse-item> </van-collapse-item>
<van-collapse-item key="5" title="辅助检查" name="5"> <van-collapse-item key='5' title='辅助检查' name='5'>
<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 v-for="item in columnsAuxiliary" :key="item.key"> <div v-for='item in columnsAuxiliary' :key='item.key'>
<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">{{ item.title }}</span> <span class='shrink-0 mr-2 label'>{{ item.title }}</span>
<span class="text-end"> <span class='text-end'>
<span>{{ info[item.key] || '-' }}</span> <span>{{ info[item.key] || '-' }}</span>
<span class="ml-1">{{ item.unit }}</span> <span class='ml-1'>{{ item.unit }}</span>
</span> </span>
</div> </div>
</div> </div>
</div> </div>
<div v-for="(x, xIndex) in inspectList" :key="x.insType"> <div v-for='(x, xIndex) in inspectList' :key='x.insType'>
<div style="color: #262626" :class="[xIndex === 0 ? '' : 'mt-2']">{{ x.insName }}</div> <div style='color: #262626' :class="[xIndex === 0 ? '' : 'mt-2']">{{ x.insName }}</div>
<div class="box"> <div class='box'>
<div v-for="y in x.items"> <div v-for='y in x.items'>
<span>{{ y.itemName }}：</span> <span>{{ y.itemName }}：</span>
<span>{{ y.itemValue }}</span> <span>{{ y.itemValue }}</span>
<span class="ml-1">{{ y.unit }}</span> <span class='ml-1'>{{ y.unit }}</span>
</div> </div>
</div> </div>
</div> </div>
</van-collapse-item> </van-collapse-item>
<van-collapse-item key="6" title="服药依从性" name="6"> <van-collapse-item key='6' title='服药依从性' name='6'>
<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">{{ info.medicationComplianceName || '-' }}</span> <span class='text-end'>{{ info.medicationComplianceName || '-' }}</span>
</div> </div>
</div> </div>
</van-collapse-item> </van-collapse-item>
<van-collapse-item key="7" title="药物不良反应" name="7"> <van-collapse-item key='7' title='药物不良反应' name='7'>
<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">{{ info.drugsAdverseName || '-' }}</span> <span class='text-end'>{{ info.drugsAdverseName || '-' }}</span>
</div> </div>
</div> </div>
</van-collapse-item> </van-collapse-item>
<van-collapse-item key="8" title="低血糖反应" name="8"> <van-collapse-item key='8' title='低血糖反应' name='8'>
<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">{{ info.glycopeniaReactionName || '-' }}</span> <span class='text-end'>{{ info.glycopeniaReactionName || '-' }}</span>
</div> </div>
</div> </div>
</van-collapse-item> </van-collapse-item>
<van-collapse-item key="9" title="此次随访分类" name="9"> <van-collapse-item key='9' title='此次随访分类' name='9'>
<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">{{ info.visitTypeName || '-' }}</span> <span class='text-end'>{{ info.visitTypeName || '-' }}</span>
</div> </div>
</div> </div>
</van-collapse-item> </van-collapse-item>
<van-collapse-item key="10" title="目前诊断" name="10"> <van-collapse-item key='10' title='目前诊断' name='10'>
<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'>
{{ info.currentDiagnosisName || '-' }} {{ info.currentDiagnosisName || '-' }}
</span> </span>
</div> </div>
...@@ -293,36 +293,36 @@ ...@@ -293,36 +293,36 @@
</div> </div>
</div> --> </div> -->
</van-collapse-item> </van-collapse-item>
<van-collapse-item key="11" title="用药情况" name="11"> <van-collapse-item key='11' title='用药情况' name='11'>
<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">{{ info.adjustTreatName }}</span> <span class='text-end'>{{ info.adjustTreatName }}</span>
</div> </div>
</div> </div>
<div v-if="info.adjustTreat === 1"> <div v-if='info.adjustTreat === 1'>
<div style="color: #262626" class="mt-2">用药</div> <div style='color: #262626' class='mt-2'>用药</div>
<div v-for="(item, index) in medicateCase" :key="index" class="box mt-2"> <div v-for='(item, index) in medicateCase' :key='index' class='box mt-2'>
<div> <div>
<span>药物名称：</span> <span>药物名称：</span>
<span>{{ item.drugName }}</span> <span>{{ item.drugName }}</span>
<span class="ml-4">剂量：</span> <span class='ml-4'>剂量：</span>
<span class="mr-1">{{ item.dose }}</span> <span class='mr-1'>{{ item.dose }}</span>
<span>{{ store.getDictValue('CP00081', item.unit) }}</span> <span>{{ store.getDictValue('CP00081', item.unit) }}</span>
</div> </div>
<div> <div>
<span>频次：</span> <span>频次：</span>
<span>{{ store.getDictValue('CP00084', item.frequency) }}</span> <span>{{ store.getDictValue('CP00084', item.frequency) }}</span>
<span class="ml-4">用法：</span> <span class='ml-4'>用法：</span>
<span>{{ store.getDictValue('CP00083', item.usage) }}</span> <span>{{ store.getDictValue('CP00083', item.usage) }}</span>
</div> </div>
</div> </div>
</div> </div>
<div style="color: #262626" class="mt-2">胰岛素</div> <div style='color: #262626' class='mt-2'>胰岛素</div>
<div class="box"> <div class='box'>
<div> <div>
<span>胰岛素种类：</span> <span>胰岛素种类：</span>
<span>{{ info.insulinTypeName }}</span> <span>{{ info.insulinTypeName }}</span>
...@@ -333,69 +333,67 @@ ...@@ -333,69 +333,67 @@
</div> </div>
<div> <div>
<span>用量：</span> <span>用量：</span>
<span v-for="(item, index) in insulinDosage" :key="index"> <span v-for='(item, index) in insulinDosage' :key='index'>
<template v-if="item.checked"> <template v-if='item.checked'>
<span>{{ item.name }}</span> <span>{{ item.name }}</span>
<span class="mr-1 ml-1">{{ item.dosage }}</span> <span class='mr-1 ml-1'>{{ item.dosage }}</span>
<span>IU、</span> <span>IU、</span>
</template> </template>
</span> </span>
</div> </div>
</div> </div>
</van-collapse-item> </van-collapse-item>
<van-collapse-item key="12" title="转诊" name="12"> <van-collapse-item key='12' title='转诊' name='12'>
<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">{{ info.isReferralName }}</span> <span class='text-end'>{{ info.isReferralName }}</span>
</div> </div>
<div v-if="info.isReferral === 1" class="flex justify-between py-1 border-bottom item"> <div v-if='info.isReferral === 1' 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">{{ info.referralReason }}</span> <span class='text-end'>{{ info.referralReason }}</span>
</div> </div>
<div v-if="info.isReferral === 1" class="flex justify-between py-1 border-bottom item"> <div v-if='info.isReferral === 1' 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">{{ info.referralUnitName }}</span> <span class='text-end'>{{ info.referralUnitName }}</span>
</div> </div>
<div v-if="info.isReferral === 1" class="flex justify-between py-1 border-bottom item"> <div v-if='info.isReferral === 1' 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">{{ info.referralOfficeName }}</span> <span class='text-end'>{{ info.referralOfficeName }}</span>
</div> </div>
</div> </div>
</van-collapse-item> </van-collapse-item>
<van-collapse-item key="13" title="现场随访照片" name="13"> <van-collapse-item key='13' title='现场随访照片' name='13'>
<template #right-icon> <template #right-icon>
<doc-icon type="doc-down" /> <doc-icon type='doc-down' />
</template> </template>
<div class="list gap-x-2.5 gap-y-1 flex items-center flex-wrap"> <div>
<div v-for="(url, index) in info.visitImageList" :key="index" > <image-preview :img-list='info.visitImageList'></image-preview>
<img style="width: 1.47rem; height: 2.04rem" :src="url.trueDownloadUrl" />
</div>
</div> </div>
</van-collapse-item> </van-collapse-item>
<van-collapse-item key="14" title="下次随访日期" name="14"> <van-collapse-item key='14' title='下次随访日期' name='14'>
<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">{{ info.nextVisitDate }}</span> <span class='text-end'>{{ info.nextVisitDate }}</span>
</div> </div>
</div> </div>
</van-collapse-item> </van-collapse-item>
<van-collapse-item key="15" title="随访机构" name="15"> <van-collapse-item key='15' title='随访机构' name='15'>
<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 v-for="item in columnsOrg" :key="item.key"> <div v-for='item in columnsOrg' :key='item.key'>
<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">{{ item.title }}</span> <span class='shrink-0 mr-2 label'>{{ item.title }}</span>
<span class="text-end">{{ info[item.key] }}</span> <span class='text-end'>{{ info[item.key] }}</span>
</div> </div>
</div> </div>
</div> </div>
...@@ -407,11 +405,15 @@ ...@@ -407,11 +405,15 @@
<script> <script>
import { fetchDataHandle } from '@/utils/common.js' import { fetchDataHandle } from '@/utils/common.js'
import { useStore } from '@/resident/store/index.js' import { useStore } from '@/resident/store/index.js'
import ImagePreview from '@/residentWX/components/imagePreview/imagePreview'
export default { export default {
components: { ImagePreview },
props: { props: {
visitInfo: { visitInfo: {
type: Object, type: Object,
default: () => {} default: () => {
}
} }
}, },
data() { data() {
...@@ -461,7 +463,7 @@ export default { ...@@ -461,7 +463,7 @@ export default {
{ title: '录入日期', key: 'createDate' }, { title: '录入日期', key: 'createDate' },
{ title: '录入单位', key: 'createUnitName' }, { title: '录入单位', key: 'createUnitName' },
{ title: '录入科室', key: 'createOfficeName' }, { title: '录入科室', key: 'createOfficeName' },
{ title: '录入医生', key: 'createDoctorName' }, { title: '录入医生', key: 'createDoctorName' }
], ],
columnsAuxiliary: [ columnsAuxiliary: [
{ title: '空腹静脉血糖值', key: 'emptyBloodGlucose', unit: 'mmol/L' }, { title: '空腹静脉血糖值', key: 'emptyBloodGlucose', unit: 'mmol/L' },
...@@ -544,7 +546,7 @@ export default { ...@@ -544,7 +546,7 @@ export default {
} }
} }
</script> </script>
<style lang="less" scoped> <style lang='less' scoped>
.cont-box { .cont-box {
background-color: #f9f9f9; background-color: #f9f9f9;
...@@ -574,10 +576,12 @@ export default { ...@@ -574,10 +576,12 @@ export default {
.list { .list {
color: #262626; color: #262626;
.label { .label {
min-width: 5em; min-width: 5em;
} }
} }
.box { .box {
background: #F8FAFC; background: #F8FAFC;
padding: 8px; padding: 8px;
......
src/residentWX/visit/detail/components/HypertensionDetail.vue
View file @ 295a98d9
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
</span> </span>
</div> </div>
<van-collapse v-model="activeCollapse" ref="collapse" class="doc-collapse" @change="collapseChange"> <van-collapse :model-value="activeCollapse" ref="collapse" class="doc-collapse" @change="collapseChange">
<van-collapse-item key="1" title="居民信息" name="1"> <van-collapse-item key="1" title="居民信息" name="1">
<template #right-icon> <template #right-icon>
<doc-icon type="doc-down" /> <doc-icon type="doc-down" />
...@@ -360,10 +360,8 @@ ...@@ -360,10 +360,8 @@
<template #right-icon> <template #right-icon>
<doc-icon type="doc-down" /> <doc-icon type="doc-down" />
</template> </template>
<div class="list gap-x-2.5 gap-y-1 flex items-center flex-wrap"> <div>
<div v-for="(url, index) in info.visitImageList" :key="index" > <image-preview :img-list='info.visitImageList'></image-preview>
<img style="width: 1.47rem; height: 2.04rem" :src="url.trueDownloadUrl" />
</div>
</div> </div>
</van-collapse-item> </van-collapse-item>
<van-collapse-item key="13" title="下次随访日期" name="13"> <van-collapse-item key="13" title="下次随访日期" name="13">
...@@ -397,7 +395,9 @@ ...@@ -397,7 +395,9 @@
<script> <script>
import { fetchDataHandle } from '@/utils/common.js' import { fetchDataHandle } from '@/utils/common.js'
import { useStore } from '@/resident/store/index.js' import { useStore } from '@/resident/store/index.js'
import ImagePreview from '@/residentWX/components/imagePreview/imagePreview'
export default { export default {
components: { ImagePreview },
props: { props: {
visitInfo: { visitInfo: {
type: Object, type: Object,
......
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