页面修改

src/pages/scheduling/scheduleBoard.vue

@@ -163,7 +163,7 @@
     height: 300px;
     background: #fff;
     border-radius: 16px;
-    border:1px solid #EBEBEB;
+    border: 1px solid #EBEBEB;
     box-shadow: 0px 1px 1px 0px #E4E7FB;
     overflow: hidden;
     font-family: 'MicrosoftYaHei';
@@ -184,7 +184,7 @@
 
   .scheList_TOP img {
     /* width: 100%; */
-    height:100%;
+    height: 100%;
   }
 
   .word_sche {
@@ -194,35 +194,39 @@
     top: 25px;
     left: 32px;
   }
-  .word_scheNumber{
+
+  .word_scheNumber {
     display: inline-block;
-    width:36px;
-    height:36px;
-    color:#fff;
+    width: 36px;
+    height: 36px;
+    color: #fff;
     background-color: #FE4475;
     position: absolute;
-    top:30px;
-    left:130px;
+    top: 30px;
+    left: 130px;
     text-align: center;
     line-height: 36px;
     border-radius: 8px;
-    font-size:25px;
+    font-size: 25px;
   }
-  .scheList_Bottom{
-    margin:15px 20px 0 20px;
-    font-size:14px;
-    color:#000000;
-    padding-bottom:10px;
-    border-bottom:1px solid #F3F3F3;
+
+  .scheList_Bottom {
+    margin: 15px 20px 0 20px;
+    font-size: 14px;
+    color: #000000;
+    padding-bottom: 10px;
+    border-bottom: 1px solid #F3F3F3;
   }
-  .sche_Dian{
-    display:inline-block;
-    width:6px;
-    height:6px;
+
+  .sche_Dian {
+    display: inline-block;
+    width: 6px;
+    height: 6px;
     background-color: #6D97FF;
     border-radius: 50%;
-    margin-right:10px;
+    margin-right: 10px;
   }
+
 </style>
 
 <template>
@@ -253,7 +257,8 @@
               <span class="Scotop_little">校区</span>{{dataList.SchoolName}}
             </div>
             <div class="Sctop_Color" style="width:300px;">
-              <span class="Scotop_little">时间</span>2021.04.27 周二 9:30
+              <span class="Scotop_little">时间</span>{{dataList.PlanDate}} {{dataList.WeekDay}}
+              {{dataList.StartTime}}-{{dataList.EndTime}}
             </div>
             <div class="Sctop_Color">
               <span class="Scotop_little">班次</span>{{dataList.ShiftName}}
@@ -268,7 +273,6 @@
     </div>
   </div>
 </template>
-
 <script>
   import {
     OnDuty
@@ -287,13 +291,16 @@
       return {
         msg: {
           Id: 0,
-          Shfit: 0
+          Shfit: 0,
+          PlanDate: "", //日期
+          HandoverList: [], //交接事项列表
+          EmergenciesList: [], //突发事项列表
+          WorkList: [], //工作清单列表
         },
         dataList: {}
       }
     },
     created() {
-      console.log(this.$route.query.Shift);
       if (this.$route.query.Shift && this.$route.query.Id) {
         this.msg.Id = this.$route.query.Id
         this.msg.Shfit = this.$route.query.Shift
@@ -305,12 +312,15 @@
       getList() {
         OnDuty(this.msg).then(res => {
           if (res.Code == 1) {
-            console.log(res, '数据来也');
+            console.log("OnDuty", res);
             this.dataList = res.Data;
+            this.msg.PlanDate = res.Data.PlanDate;
+            this.msg.HandoverList = res.Data.HandoverList;
+            this.msg.EmergenciesList = res.Data.EmergenciesList;
+            this.msg.WorkList = res.Data.WorkList;
           }
         })
       },
     },
   }
-
-</script>
+</script>
\ No newline at end of file