| | |
| | | /> |
| | | <div> |
| | | <van-calendar |
| | | color="#769AFF" |
| | | :min-date="minDate" |
| | | @month-show="monthShow" |
| | | :poppable="false" |
| | |
| | | <span style="color: #777;">状态:</span> |
| | | <span v-if="pageInfo.medState === 0" style="color: #769aff;">未签到</span> |
| | | <span v-if="pageInfo.medState === 1" style="color: #769aff;">已签到</span> |
| | | <span v-if="pageInfo.medState === 2" style="color: #769aff;">透析中</span> |
| | | <span v-if="pageInfo.medState === 2 || pageInfo.medState === 2.5" style="color: #769aff;">透析中</span> |
| | | <span v-if="pageInfo.medState === 3" style="color: #769aff;">已检查</span> |
| | | <span v-if="pageInfo.medState === 4" style="color: #769aff;">已归档</span> |
| | | </van-col> |
| | | <van-col span="8"> |
| | | <span style="color: #777;">上机:</span> |
| | | <span style="color: #769aff;">{{pageInfo.detailForPatientMedStartTime}}</span> |
| | | <span style="color: #769aff;">{{pageInfo.detailForPatientMedStartTime.substring(11,16)}}</span> |
| | | </van-col> |
| | | <van-col span="8"> |
| | | <span style="color: #777;">下机:</span> |
| | | <span style="color: #769aff;">{{pageInfo.detailForPatientMedEndTime}}</span> |
| | | <span style="color: #769aff;">{{pageInfo.detailForPatientMedEndTime.substring(11,16)}}</span> |
| | | </van-col> |
| | | </van-row> |
| | | <van-row class="lable"> |
| | |
| | | <van-row class="lable2"> |
| | | <van-col span="8"> |
| | | <span style="color: #777;">次数:</span> |
| | | <span style="color: #769aff;">{{pageInfo.detailForPatientMedCount}}</span> |
| | | <span style="color: #769aff;">{{pageInfo.historyCount}}</span> |
| | | </van-col> |
| | | <van-col span="8"> |
| | | <span style="color: #777;">本次费用:</span> |
| | |
| | | <script lang="ts" setup> |
| | | import {ref} from 'vue' |
| | | import {ajaxPost} from '@/utils/axios' |
| | | import { Calendar as vanCalendar } from 'vant' |
| | | import { Calendar as vanCalendar, Toast } from 'vant' |
| | | import {useRouter} from 'vue-router' |
| | | import { userInfoStore } from '@/stores/userInfo' |
| | | const userInfo = userInfoStore() |
| | |
| | | const d = day.getDate() |
| | | const x=selectDate.value.findIndex(e=>{return e.y===y&&e.m===m&&e.d===d}) |
| | | console.log(selectDate.value[x],'找到了') |
| | | getDetail(selectDate.value[x].id) |
| | | if (x===-1){ |
| | | |
| | | Toast('没有排班信息,请选择其他日期!') |
| | | } |
| | | else { |
| | | getDetail(selectDate.value[x].id) |
| | | } |
| | | |
| | | |
| | | } |
| | | const fanhui=()=>{ |
| | |
| | | y:Number(dey[0]), |
| | | m:Number(dey[1]), |
| | | d:Number(dey[2].substring(0,2)), |
| | | type:'o', |
| | | type:element.schemeName, |
| | | timeSlot:element.scheduleTimeSlot, |
| | | code:element.code, |
| | | scheduleDay:element.scheduleDay, |
| | | id:element.id |
| | | id:element.id, |
| | | 透析单状态:element.medState, |
| | | |
| | | }) |
| | | } |
| | |
| | | const date = day.date.getDate() |
| | | const index= selectDate.value.findIndex(el=>{return el.y===year&&el.m===month&&el.d===date}) |
| | | if (index>0){ |
| | | day.type='selected' |
| | | day.text=selectDate.value[index].type |
| | | if (selectDate.value[index].透析单状态){ |
| | | day.type='end' |
| | | } else { |
| | | day.type='start' |
| | | } |
| | | if (selectDate.value[index].timeSlot===0){ |
| | | day.bottomInfo='上午' |
| | | } |
| | |
| | | else { |
| | | day.bottomInfo='晚上' |
| | | } |
| | | console.log(day) |
| | | } |
| | | return day |
| | | } |
| | | const getDetail=(id:any)=>{ |
| | | loand.value=true |
| | | ajaxPost('/patient/hemo/med/record/detail',`id=${id}`).then((re:any)=>{ |
| | | ajaxPost('/patient/hemo/med/record/detailForMobile',`id=${id}`).then((re:any)=>{ |
| | | console.log(re) |
| | | pageInfo.value=re |
| | | loand.value=false |
| | |
| | | height: 36px; |
| | | line-height: 36px; |
| | | } |
| | | /* stylelint-disable selector-pseudo-class-no-unknown */ |
| | | :deep(.van-calendar__day--end) { |
| | | border-radius: 0 var(--van-border-radius-md) var(--van-border-radius-md) 0; |
| | | background: #4696f9; |
| | | } |
| | | </style> |