1

src/pages/scheduling/scheduleBoard.vue

@@ -70,21 +70,40 @@
     height: 34px;
     background: linear-gradient(90deg, #00BDD3, #00D761);
     border-radius: 10px;
-    margin:100px auto;
+    margin:100px auto 24px;
     text-align: center;
-    line-height: 34px;
+    line-height: 31px;
     color:#fff;
     font-size: 14px;
     cursor: pointer;
   }
   .sche_daka{
     font-size:18px;
+    position: relative;
+    left: 5px;
+    top: 2px;
+  }
+  .schedu_jiaojie{
+    width:120px;
+    height:34px;
+    line-height: 34px;
+    text-align: center;
+    border-radius: 10px;
+    border:1px solid #91AEFF;
+    color:#C4D4FF;
+    font-size:14px;
+    margin:auto;
+    cursor:pointer;
+  }
+  .scheduleBoard{
+    max-height: calc(100% - 10px);
+    height: calc(100% - 10px);
   }
 </style>
 <template>
   <div class="scheduleBoard">
     <div class="schedule-body">
-      <div class="flex row okr" style="min-height:750px;">
+      <div class="flex row okr">
         <div class="schedu_left">
           <div class="schedu_ImgDiv">
             <img :src="dataList.DutyManIcon" alt="" />
@@ -100,6 +119,7 @@
           <div class="clockon_Duty">
             值班打卡<i class="iconfont icon-jiejue1 sche_daka"></i>
           </div>
+          <div class="schedu_jiaojie">值班交接</div>
         </div>
         <div class="" style="padding-top:16px;">
           123