更新日历选择样式

chenyc

2025-08-26 c115a8486c6107de95f2001412207310a9cd9e00

 src/views/record/index.vue

@@ -28,17 +28,17 @@
                            <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">
@@ -60,7 +60,7 @@
                    <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>
@@ -111,7 +111,7 @@
<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()
@@ -137,7 +137,14 @@
        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=()=>{
@@ -186,7 +193,11 @@
        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'
            if (selectDate.value[index].透析单状态){
                day.type='end'
            } else {
                day.type='start'
            }
            if (selectDate.value[index].timeSlot===0){
                day.bottomInfo='上午'
            }
@@ -201,7 +212,7 @@
    }
    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
@@ -283,4 +294,9 @@
    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>