| | |
| | | <template> |
| | | <div class="paiban"> |
| | | <van-nav-bar |
| | | title="" |
| | | left-text="返回" |
| | | left-arrow |
| | | /> |
| | | <!-- <div class="fanhui"> |
| | | 返回上一页 |
| | | </div> --> |
| | | <div> |
| | | <van-calendar |
| | | title="透析排班" |
| | | color="#769AFF" |
| | | :poppable="false" |
| | | :show-confirm="false" |
| | | @select="selectData" |
| | | :formatter="formatter" |
| | | :show-title="false" |
| | | :style="{ height: '400px' }" |
| | | /> |
| | | </div> |
| | |
| | | </div> |
| | | </template> |
| | | <script lang="ts" setup> |
| | | import {ref,reactive,watchEffect,watch} from 'vue' |
| | | // import {ref,reactive,watchEffect,watch} from 'vue' |
| | | import { Calendar as vanCalendar } from 'vant' |
| | | const selectData=(data:any)=>{ |
| | | console.log(data) |
| | |
| | | return day |
| | | } |
| | | </script> |
| | | <style lang="scss"> |
| | | <style scoped lang="scss"> |
| | | .paibanclass{ |
| | | // background: rgb(228, 231, 225); |
| | | color: blue; |
| | |
| | | } |
| | | } |
| | | } |
| | | .fanhui{ |
| | | // padding-top: 20px; |
| | | width: 100%; |
| | | background: #4696F9; |
| | | text-align: center; |
| | | border-radius: 5px; |
| | | color:#FFFFFF; |
| | | height: 36px; |
| | | line-height: 36px; |
| | | } |
| | | </style> |