完善页面样式

src/views/examination.vue

@@ -98,7 +98,7 @@ export default {
             minDate1: new Date(new Date().getFullYear(), new Date().getMonth() + 1, 1),
             maxDate1: new Date(new Date().getFullYear(), new Date().getMonth() + 1, new Date(new Date().getFullYear(),new Date().getMonth() + 2,0).getDate()),
             numData:[{date:'2023-02-09',isNum:1},{date:'2023-02-11',isNum:0},
-            {date:'2023-02-15',isNum:1},{date:'2023-02-20',isNum:0}],
+            {date:'2023-02-15',isNum:1},{date:'2023-02-17',isNum:1},{date:'2023-02-20',isNum:0}],
             examData:[
                 {name:'单眼视力',position:'门诊楼3楼眼科门诊',total:20,residue:15,examArr:[
                     {moment:'上午',time:'8:00-8:30',num:2},
@@ -277,15 +277,15 @@ export default {
                 height: 1.28rem;
                 .week_txt{
                     position: relative;
-                    width: 13.5%;
+                    width: 1rem;
-                    height: 84%;
+                    height: 1rem;
                     font-size: 0.32rem;
                     cursor: pointer;
                     display: flex;
                     align-items: center;
                     justify-content: center;
                     text-align: center;
-                    margin: 0.24rem 0.35% 0 0.35%;
+                    margin: 0.24rem 0.035rem 0 0.035rem;
                     // margin-top: 0.12rem;
 
                     .bottom_info{
@@ -294,14 +294,14 @@ export default {
                         left: 0;
                         font-size: 10px;
                         line-height: 14px;
-                        bottom: 6px;
+                        bottom: 0.06rem;
                     }
 
                     .top_info{
                         position: absolute;
                         right: 0;
                         left: 0;
-                        top: 6px;
+                        top: 0.06rem;
                         font-size: 10px;
                         line-height: 14px;
                     }
@@ -495,15 +495,19 @@ export default {
                 border-radius: 50%;
                 margin: 0 auto;
                 margin-top: 0.1rem;
+                top: 0.06rem;
             }
         }
     .van-calendar__days{
         height: 6.4rem;
 
         .van-calendar__day{
-            height: 17%;
+            // height: 17%;
-            width: 13.5%;
+            // width: 13.5%;
-            margin: 0 0.35%;
+            // margin: 0 0.35%;
+            width: 1rem;
+            height: 1rem;
+            margin: 0 0.03rem;
 
             .van-calendar__selected-day{
                 width: 100%;
@@ -513,5 +517,8 @@ export default {
             }
         }
     }
+    .van-calendar__bottom-info{
+        bottom:0.06rem;
+    }
 }
 </style>

src/views/myExam.vue

@@ -23,7 +23,7 @@
             <div class="pro_pos" :class="item1.status == 1 ? 'tips' : item1.status == 3 ? 'cancel_tip' : ''">{{item1.tip}}</div>
           </div>
           <div class="pro_right">
-            <div class="cancel" :class="item1.status == 2 ? 'finish' : item1.status == 3 ? 'cancel_item' : ''">{{item1.status == 1 ? '取消预约' : item1.status == 2 ? '已完成' : item1.status == 3 ? '已取消' : ''}}</div>
+            <div class="cancel" @click="cancelRegisiter" :class="item1.status == 2 ? 'finish' : item1.status == 3 ? 'cancel_item' : ''">{{item1.status == 1 ? '取消预约' : item1.status == 2 ? '已完成' : item1.status == 3 ? '已取消' : ''}}</div>
           </div>
         </div>
       </div>
@@ -52,6 +52,22 @@ export default {
             ]
         }
     },
+    methods: {
+      cancelRegisiter(){
+        lightAppJssdk.notification.alert({
+        message: "是否取消该体检项目",
+        title: "提示",//可传空
+        buttonName: "收到",
+        success: function (data) {
+          //onSuccess将在点击button之后回调
+          /*回调*/
+          console.log('取消===>',data)
+        },
+        fail: function (data) { //错误返回
+        }
+      });
+      }
+    },
 };
 </script>
 
@@ -178,11 +194,13 @@ export default {
             .finish{
               background: #E5E5E5;
               color: #999;
+              pointer-events: none; 
             }
 
             .cancel_item{
               background: rgba(125, 125, 125,.2);
               color: #999;
+              pointer-events: none; 
             }
         }
     }