更新大理市民卡app
diff --git a/pages/sub_medical/queryDate.vue b/pages/sub_medical/queryDate.vue
new file mode 100644
index 0000000..d2ff8d8
--- /dev/null
+++ b/pages/sub_medical/queryDate.vue
@@ -0,0 +1,129 @@
+<template>
+ <view class="queryDate">
+ <view class="queryDate-header">
+ <u-image src="./images/hospital.png" width="120" mode="widthFix"></u-image>
+ <view class="queryDate-header-partmsg">
+ <text class="queryDate-header-partmsg-title">心内科</text>
+ <text class="queryDate-header-partmsg-subtitle">大理市第一人民医院（总院）</text>
+ </view>
+ </view>
+ <view class="queryDate-query">
+ <text class="queryDate-query-title">排班信息</text>
+ <u-line margin="30rpx 0 10rpx"/>
+ <view class="queryDate-query-calendar">
+ <my-calendar @change="getDate"></my-calendar>
+ </view>
+ <u-line></u-line>
+ <view class="queryDate-query-cell">
+ <text class="queryDate-query-cell-title">就诊时间：上午</text>
+ <view class="queryDate-query-cell-num">
+ <text class="queryDate-query-cell-num-now" :class="isMorFull?'err':'success'">21</text>
+ <text class="queryDate-query-cell-num-all">/40</text>
+ </view>
+ <u-button size="mini" :type="isMorFull?'':'primary'" plain shape="circle" :disabled="isMorFull"
+ @click="toPath('/pages/sub_medical/confirm')">{{isMorFull?'已约满':'可预约'}}</u-button>
+ </view>
+ <u-line></u-line>
+ <view class="queryDate-query-cell">
+ <text class="queryDate-query-cell-title">就诊时间：下午</text>
+ <view class="queryDate-query-cell-num">
+ <text class="queryDate-query-cell-num-now " :class="isAftFull?'err':'success'">21</text>
+ <text class="queryDate-query-cell-num-all">/40</text>
+ </view>
+ <u-button size="mini" :type="isAftFull?'':'primary'" plain shape="circle" :disabled="isAftFull">{{isAftFull?'已约满':'可预约'}}</u-button>
+ </view>
+ <u-line></u-line>
+ <view class="queryDate-query-cell">
+ <text class="queryDate-query-cell-title">就诊时间：晚上</text>
+ <view class="queryDate-query-cell-num">
+ <text class="queryDate-query-cell-num-now" :class="isEveFull?'err':'success'">40</text>
+ <text class="queryDate-query-cell-num-all">/40</text>
+ </view>
+ <u-button size="mini" :type="isEveFull?'':'primary'" plain shape="circle" :disabled="isEveFull">{{isEveFull?'已约满':'可预约'}}</u-button>
+ </view>
+ </view>
+ </view>
+</template>
+
+<script>
+ import myCalendar from './z_components/calendar/calendar.vue'
+ export default {
+ components: {
+ myCalendar,
+ },
+ data() {
+ return {
+ isEveFull:true,
+ isAftFull:false,
+ isMorFull:false,
+ }
+ },
+ methods: {
+ getDate(e){
+ console.log(e)
+ }
+ },
+ onLoad() {
+
+ }
+ }
+</script>
+
+<style scoped lang="scss">
+ /deep/.u-btn--primary--plain{
+ background-color: #FFFFFF !important;
+ }
+ uni-button{
+ margin-left: 0;
+ margin-right: 0;
+ }
+ .err{
+ color: #FF5353;
+ }
+ .success{
+ color: #17C46F;
+ }
+ .queryDate {
+ font-family: "PingFang-SC-Medium";
+
+ &-header {
+ padding: 0 30rpx;
+ background-color: #FFFFFF;
+ display: flex;
+ align-items: center;
+
+ &-partmsg {
+ margin-left: 30rpx;
+ display: flex;
+ flex-direction: column;
+
+ &-title {
+ font-size: 32rpx;
+ font-weight: bold;
+ margin-bottom: 6rpx;
+ }
+
+ &-subtitle {
+ color: #6A6A6A;
+ }
+ }
+ }
+ &-query{
+ margin-top: 10rpx;
+ background-color: #FFFFFF;
+ padding: 30rpx;
+ &-title{
+ font-size: 34rpx;
+ }
+ &-cell{
+ display: flex;
+ padding: 30rpx 0;
+ align-items: center;
+ justify-content: space-between;
+ }
+ &-calendar{
+ position: relative;
+ }
+ }
+ }
+</style>