From 5d6c0e614bab737842e402077bee47a9d4e18733 Mon Sep 17 00:00:00 2001
From: chenyc <501753378@qq.com>
Date: 星期五, 14 十一月 2025 14:47:39 +0800
Subject: [PATCH] gx密码输入提示
---
src/views/paiban/index.vue | 217 +++++++++++++++++++++++++++++++-----------------------
1 files changed, 125 insertions(+), 92 deletions(-)
diff --git a/src/views/paiban/index.vue b/src/views/paiban/index.vue
index 0463a2f..a92c58d 100644
--- a/src/views/paiban/index.vue
+++ b/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:'',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)
}
@@ -88,19 +86,29 @@
console.log(re)
re.forEach((element:any) => {
const dey=element.scheduleDay.split('-')
- // console.log(dey,'444')
- selectDate.value.push({
- y:Number(dey[0]),
- m:Number(dey[1]),
- d:Number(dey[2].substring(0,2)),
- type:element.patientVsHemoMedSchemeName,
- deviceGroupName:element.deviceGroupName,
- deviceName:element.deviceName,
- timeSlot:element.timeSlot,
- code:element.code
+ // 不能添加重复的
+ const x=selectDate.value.findIndex(e=>{return e.code===element.code})
+ if (x===-1){
+ selectDate.value.push({
+ y:Number(dey[0]),
+ m:Number(dey[1]),
+ d:Number(dey[2].substring(0,2)),
+ type:element.patientVsHemoMedSchemeName,
+ deviceGroupName:element.deviceGroupName,
+ deviceName:element.deviceNo,
+ timeSlot:element.timeSlot,
+ code:element.code,
+ scheduleDay:element.scheduleDay,
+ id:element.id,
+ 透析单状态:element.透析单状态,
- })
+ })
+ }
+
})
+ 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)
})
}
@@ -115,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='上午'
@@ -126,7 +138,9 @@
else {
day.bottomInfo='晚上'
}
+ console.log(day,'有排班' )
}
+
return day
}
onMounted(()=>{
@@ -139,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>
\ No newline at end of file
--
Gitblit v1.8.0