| | |
| | | <div class="userCode">透析号:{{patientInfo.patientInfo.patientHemoCode}} </div> |
| | | <div class="userQRcode"> |
| | | <img |
| | | @click="showerwima = true" |
| | | style=" width: 60px;height: 60px;margin-left: 8%; margin-top: 20px;" |
| | | referrerpolicy="no-referrer" |
| | | :src="patientInfo.patientInfo.patientQrcodeUrl" |
| | |
| | | <van-tabbar-item name="xuanjiao" icon="smile-o">宣教</van-tabbar-item> |
| | | <van-tabbar-item name="my" icon="manager">我的</van-tabbar-item> |
| | | </van-tabbar> |
| | | <van-popup v-model:show="showerwima"> |
| | | <div class="imgcla"> |
| | | <img |
| | | preview="1" |
| | | style=" width: 350px;height: 350px;" |
| | | referrerpolicy="no-referrer" |
| | | :src="patientInfo.patientInfo.patientQrcodeUrl" |
| | | /> |
| | | </div> |
| | | </van-popup> |
| | | </div> |
| | | </template> |
| | | <script lang="ts" setup> |
| | |
| | | const router=useRouter() |
| | | const userInfo = userInfoStore() |
| | | const active=ref('home') |
| | | const showerwima=ref(false) |
| | | const tabChang=(index:any)=>{ |
| | | if (index==='home'){ |
| | | router.push('/') |
| | |
| | | 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' |
| | | // 定义颜色映射 |
| | | let color = '' |
| | | if (selectDate.value[index].透析单状态){ |
| | | day.type='end' |
| | | color = 'red' |
| | | } else { |
| | | color = 'blue' |
| | | } |
| | | day.text=selectDate.value[index].type |
| | | if (selectDate.value[index].timeSlot===0){ |
| | |
| | | else { |
| | | day.bottomInfo='晚上' |
| | | } |
| | | day.className = `custom-day ${color}-text` // 添加自定义类名 |
| | | } |
| | | return day |
| | | } |
| | |
| | | height: 36px; |
| | | line-height: 36px; |
| | | } |
| | | |
| | | /* 自定义文字颜色 */ |
| | | .red-text { |
| | | color: #ee0a24 !important; /* Vant 红色 */ |
| | | } |
| | | |
| | | .blue-text { /* 也可以换成蓝色 #0066cc */ |
| | | color: #06c !important; /* 医疗蓝 */ |
| | | } |
| | | |
| | | /* 可选:让颜色更突出一点 */ |
| | | .custom-day { |
| | | font-weight: 500; |
| | | } |
| | | </style> |