diff --git a/src/assets/image/time_gary.png b/src/assets/image/time_gray.png
similarity index 100%
rename from src/assets/image/time_gary.png
rename to src/assets/image/time_gray.png
diff --git a/src/views/examProject.vue b/src/views/examProject.vue
index 470d6de..8e93efa 100644
--- a/src/views/examProject.vue
+++ b/src/views/examProject.vue
@@ -37,19 +37,19 @@
                 <div>未提前取消且未按期体检将被拉入黑名单</div>
                 <div>被拉黑用户10日内不可再预约</div>
             </div>
-            <div class="btn">知道了</div>
+            <div class="btn" @click="clickSucc">知道了</div>
         </div>
         <div class="wrapper" @click.stop v-show="!isSuccess">
-            <div class="img_box">
+            <div class="img_box" >
                 <img src="~@/assets/image/fail.png" alt="">
             </div>
             <div class="tips">预约失败</div>
             <div class="tip_txt">
                 <div>您选择的时间段已无号，请重新预约</div>
             </div>
-            <div class="btn">知道了</div>
+            <div class="btn" @click="clickFail">知道了</div>
         </div>
-        <div class="close_box"><img src="~@/assets/image/close.png" alt=""></div>
+        <div class="close_box" @click="clickClose"><img src="~@/assets/image/close.png" alt=""></div>
     </van-overlay>
   </div>
 </template>
@@ -101,9 +101,24 @@ export default {
     confirm(){
         console.log(this.proArr)
         if(this.proArr.length != 0){
-            this.isShow = true
+            this.isShow = true;
+            this.isSuccess = true
         }
     },
+
+    clickFail(){
+        this.$router.replace({
+            name:'examination'
+        })
+    },
+    clickSucc(){
+        this.$router.replace({
+            name:'MyExam'
+        })
+    },
+    clickClose(){
+        this.isShow = false
+    }
   },
 };
 </script>
diff --git a/src/views/examination.vue b/src/views/examination.vue
index 7896723..02dc0df 100644
--- a/src/views/examination.vue
+++ b/src/views/examination.vue
@@ -14,7 +14,7 @@
             </div>
         </div>
         <div v-if="isCal">
-            <van-swipe class="my-swipe"  :stop-propagation="false">
+            <van-swipe class="my-swipe"  :stop-propagation="false" :show-indicators="false">
                 <van-swipe-item>
                     <van-calendar 
                         class="can_box" 
@@ -235,7 +235,7 @@ export default {
         onConfirm1(){},
         handleExam(){
             console.log(this.selectArr,this.selectDate)
-            this.$router.replace({
+            this.$router.push({
                 name:'ExamProject',
                 params:{
                     time:this.selectDate,
@@ -254,6 +254,7 @@ export default {
     height: 100%;
     overflow-x: hidden;
     background: #F9F9F9;
+    position: absolute;
 
     .top_box{
         background: #fff;
@@ -480,6 +481,9 @@ export default {
         border-radius: 50%;
         color: #fff;
     }
+    .van-calendar__weekdays{
+        margin-bottom: 0.24rem;
+    }
     .van-calendar__weekday{
         font-size: 0.32rem;
     }
diff --git a/src/views/myExam.vue b/src/views/myExam.vue
index cc2062a..833a65e 100644
--- a/src/views/myExam.vue
+++ b/src/views/myExam.vue
@@ -1,27 +1,29 @@
 <template>
   <div class="my_exam">
-    <div class="exam_box">
-      <div class="time_box">2023-01-08</div>
-      <div class="pro_box">
+    <div class="exam_box" v-for="item in examArr" :key="item.time">
+      <div class="time_box">{{item.time}}</div>
+      <div class="pro_box" v-for="item1 in item.examData" :key="item1.name">
         <div class="pro_top">
           <div class="img_box">
-            <img src="~@/assets/image/time.png" alt="" />
+            <img v-if="item1.status !== 3" src="~@/assets/image/time.png" alt="" />
+            <img v-else src="~@/assets/image/time_gray.png" alt="" />
           </div>
           <div class="time_box">
-            <div class="time_text">2023-01-08</div>
-            <div class="date_txt">上午 9:00-9:30</div>
+            <div class="time_text">{{item1.time}}</div>
+            <div class="date_txt">{{item1.monment}}</div>
           </div>
         </div>
         <div class="pro_bottom">
           <div class="pro_left">
             <div class="img_box">
-              <img src="~@/assets/image/pro.png" alt="" />
+              <img v-if="item1.status !== 3" src="~@/assets/image/pro.png" alt="" />
+              <img v-else src="~@/assets/image/pro_gray.png" alt="" />
             </div>
-            <div class="pro_name">单眼视力</div>
-            <div class="pro_pos">门诊楼3楼眼科门诊</div>
+            <div class="pro_name">{{item1.name}}</div>
+            <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">取消预约</div>
+            <div class="cancel" :class="item1.status == 2 ? 'finish' : item1.status == 3 ? 'cancel_item' : ''">{{item1.status == 1 ? '取消预约' : item1.status == 2 ? '已完成' : item1.status == 3 ? '已取消' : ''}}</div>
           </div>
         </div>
       </div>
@@ -30,7 +32,27 @@
 </template>
 
 <script>
-export default {};
+export default {
+    data() {
+        return {
+            examArr:[
+                {time:'2023-02-08',examData:[
+                    {
+                        name:'单眼视力',monment:'上午 9:00-9:30',time:'2023-01-08',tip:'门诊楼3楼眼科门诊',status:1
+                    },
+                    {
+                        name:'听力',monment:'上午 9:00-9:30',time:'2023-01-08',tip:'门诊楼3楼耳科门诊',status:2
+                    }
+                ]},
+                 {time:'2022-01-15',examData:[
+                    {
+                        name:'单眼视力',monment:'上午 9:00-9:30',time:'2022-01-15',tip:'门诊楼3楼眼科门诊',status:3
+                    },
+                ]}
+            ]
+        }
+    },
+};
 </script>
 
 <style lang="scss" scoped>
@@ -38,9 +60,11 @@ export default {};
   width: 100%;
   height: 100%;
   background: #f9f9f9;
+  position: absolute;
   .exam_box {
     background: #fff;
     padding: 0.5rem 0.24rem 0 0.24rem;
+    margin-bottom: 0.2rem;
 
     .time_box {
       font-size: 0.3rem;
@@ -52,10 +76,10 @@ export default {};
 
     .pro_box {
     width: 98%;
-    margin-top: 0.2rem;
+    margin-top: 0.4rem;
     background: #fff;
-    margin: 0.4rem auto;
-    margin-bottom: 0.7rem;
+    // margin: 0.4rem auto;
+    // margin-bottom: 0.7rem;
     
 
     .pro_top{
@@ -94,8 +118,7 @@ export default {};
     .pro_bottom{
         display: flex;
         justify-content: space-between;
-        height: 0.6rem;
-        margin-top: 0.24rem;
+        height: 1.2rem;
 
         .pro_left{
             display: flex;
@@ -128,6 +151,13 @@ export default {};
                 color: #999;
                 margin-left: 0.24rem;
             }
+
+            .tips{
+              color: #00B578;
+            }
+            .cancel_tip{
+              color: #F93A4A;
+            }
         }
         .pro_right{
             height: 100%;
@@ -144,7 +174,15 @@ export default {};
                 justify-content: center;
                 font-size: 0.24rem;
                 color: #1677FF;
-                margin-right: 0.24rem;
+            }
+            .finish{
+              background: #E5E5E5;
+              color: #999;
+            }
+
+            .cancel_item{
+              background: rgba(125, 125, 125,.2);
+              color: #999;
             }
         }
     }