gx

chenyc

2025-10-28 f10f14ad1e100246c6bd19d30f275204147c8981

 src/views/paiban/index.vue

@@ -6,9 +6,8 @@
            left-arrow
            @click="fanhui"
        />
        <div>
        <div style="padding: 10px;">
            <van-calendar
                color="#769AFF"
                :min-date="minDate"
                @month-show="monthShow"
                :poppable="false"
@@ -23,7 +22,7 @@
            <div class="listrow" v-if="item.code !== ''">
                <van-row class="rowhand">
                    <van-col span="18">
                        <van-icon style="color: blue;" name="bell" />
                        <van-icon style="color: #00f;" name="bell" />
                        {{item.y}}年{{item.m}}月{{item.d}}日
                    </van-col>
                    <van-col span="6">
@@ -56,7 +55,6 @@
    </div>
</template>
<script lang="ts" setup>
    // import {ref,reactive,watchEffect,watch} from 'vue'
    import { Calendar as vanCalendar } from 'vant'
    import { ref,onMounted } from 'vue'
    import {useRouter} from 'vue-router'
@@ -67,7 +65,7 @@
    const day=new Date()
    const Year = day.getFullYear()
    const minDate=ref( new Date(Date.parse(Year+'-01-01'.replace(/-/g,   '/'))))
    const selectDate=ref([{y:2000,m:1,d:1,type:'',code:'',id:0,deviceGroupName:'',deviceName:'',timeSlot:1}])
    const selectDate=ref([{y:2000,m:1,d:1,type:'',code:'',id:0,deviceGroupName:'',scheduleDay:'',deviceName:'',timeSlot:1}])
    const fanhui=()=>{
        router.go(-1)
    }
@@ -84,10 +82,6 @@
            year:y,
            month:m,
        }
        const lisd = selectDate.value.filter(el=>{
            return el.y!==pagedata.year&&el.m!==pagedata.month
        })
        selectDate.value=lisd
        ajaxPost('/hemo/med/schedule/listMonthSchedulesByPat',pagedata).then((re:any)=>{
            console.log(re)
            re.forEach((element:any) => {
@@ -101,18 +95,20 @@
                        d:Number(dey[2].substring(0,2)),
                        type:element.patientVsHemoMedSchemeName,
                        deviceGroupName:element.deviceGroupName,
                        deviceName:element.deviceName,
                        deviceName:element.deviceNo,
                        timeSlot:element.timeSlot,
                        code:element.code,
                        id:element.id
                        scheduleDay:element.scheduleDay,
                        id:element.id,
                        透析单状态:element.透析单状态,

                    })
                }

            })
            selectDate.value= selectDate.value.sort((a,b)=>{
                return a.id-b.id
            })
            selectDate.value= selectDate.value.sort((a,b)=>new Date(b.scheduleDay)-new Date(a.scheduleDay))
            //     return new Date(b.scheduleDay) - new Date(a.scheduleDay));
            // })
            console.log(selectDate.value)
        })
    }
@@ -127,7 +123,11 @@
        const index= selectDate.value.findIndex(el=>{return el.y===year&&el.m===month&&el.d===date})
        if (index>0){
            console.log(day)
            day.type='start'
            if (selectDate.value[index].透析单状态){
                day.type='end'
            } else {
                day.type='start'
            }
            day.text=selectDate.value[index].type
            if (selectDate.value[index].timeSlot===0){
                day.bottomInfo='上午'
@@ -138,7 +138,9 @@
            else {
                day.bottomInfo='晚上'
            }
            console.log(day,'有排班' )
        }

        return day
    }
    onMounted(()=>{
@@ -151,85 +153,104 @@
    })
</script>
<style scoped lang="scss">
    .paibanclass{
        background: rgb(201, 110, 19);
        color: rgb(41, 41, 200);
    }
    .paiban{
        background-color: #F6FAFF;
        padding: 0;
    }
    .listdiv{
        margin-top: 20px;
        .listrow{
            margin-top: 10px;
            width: 94%;
            margin-left: 3%;
            height: 129px;
            background: #FFFFFF;
            box-shadow: 0px 2px 4px 0px rgba(70,150,249,0.1);
            border-radius: 8px;
            .rowhand{
                padding-top: 20px;
                padding-left: 4px;
                height: 20px;
                font-size: 14px;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #333333;
                line-height: 20px;
                letter-spacing: 1px;
                .sqtb{
                    color: #4696F9;
                    // background: #4696F9;
                    height:18px;
                    line-height:18px;
                    border: #4696F9 1px solid;
                    width: 60px;
                    text-align: center;
                    border-radius: 4px;
                    font-size: 12px;
                }
            }
            .info{
                margin-top: 10px;
                width: 90%;
                margin-left: 5%;
                height: 1px;
                background: #F1F1F2;
                margin-bottom: 10px;
            }
            .lable{
                width: 90%;
                margin-left: 5%;
                height: 17px;
                font-size: 12px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #AAAAAA;
                line-height: 17px;
            }
            .value{
                margin-top: 20px;
                width: 90%;
                margin-left: 5%;
.paibanclass {
    background: rgb(201, 110, 19);
    color: rgb(41, 41, 200);
}

.paiban {
    background-color: #f6faff;
    padding: 0;
}

.listdiv {
    // margin-top: 20px;

    .listrow {
        margin-top: 10px;
        width: 94%;
        margin-left: 3%;
        height: 129px;
        background: #fff;
        box-shadow: 0 2px 4px 0 rgba(70, 150, 249, 0.1);
        border-radius: 8px;

        .rowhand {
            padding-top: 20px;
            padding-left: 4px;
            height: 20px;
            font-size: 14px;
            font-family: Arial, sans-serif;
            font-weight: 500;
            color: #333;
            line-height: 20px;
            letter-spacing: 1px;

            .sqtb {
                color: #4696f9;

                // background: #4696F9;
                height: 18px;
                font-size: 13px;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #333333;
                line-height: 18px;
                border: #4696f9 1px solid;
                width: 60px;
                text-align: center;
                border-radius: 4px;
                font-size: 12px;
            }
        }

        .info {
            margin-top: 10px;
            width: 90%;
            margin-left: 5%;
            height: 1px;
            background: #f1f1f2;
            margin-bottom: 10px;
        }

        .lable {
            width: 90%;
            margin-left: 5%;
            height: 17px;
            font-size: 12px;
            font-family: Arial, sans-serif;
            font-weight: 400;
            color: #aaa;
            line-height: 17px;
        }

        .value {
            margin-top: 20px;
            width: 90%;
            margin-left: 5%;
            height: 18px;
            font-size: 13px;
            font-family: Arial, sans-serif;
            font-weight: 500;
            color: #333;
            line-height: 18px;
        }
    }
    .fanhui{
    // padding-top: 20px;
    width: 100%;
    background: #4696F9;
    text-align: center;
    border-radius: 5px;
    color:#FFFFFF;
    height: 36px;
    line-height: 36px;
}

/* eslint-disable selector-class-pattern */

/* eslint-disable selector-pseudo-element-no-unknown */

/* eslint-disable color-named */
/* stylelint-disable selector-pseudo-class-no-unknown */

:deep(.van-calendar__day--end) {
    background: #46a8f9;
    border-radius: 10px;
    font-size: 12px;
}

:deep(.van-calendar__day--start) {
    background: #f98546;
    border-radius: 10px;
    font-size: 12px;
}

</style>