修改样式

src/pages/scheduling/scheduleInfo.vue

@@ -112,9 +112,10 @@
     cursor: pointer;
   }
 
-  .sche_rightTop {
+  .scheInfo_rightTop {
     width: 100%;
-    height: 80px;
+    /* height: 80px; */
+    padding:20px 0;
     background-color: #fff;
   }
 
@@ -122,10 +123,10 @@
     background-color: #F6F8FA;
   }
 
-  .sche_Topflex {
+  .scheInfo_Topflex {
     display: flex;
     /* width: 90%; */
-    height: 80px;
+    /* height: 80px; */
     align-items: center;
   }
 
@@ -238,15 +239,8 @@
     <div class="flex row mySched">
 
       <div class="col scroll schScroll">
-        值班人员: <img v-if="dataList.DutyManIcon" :src="dataList.DutyManIcon" alt="" style="width:20px;height:20px;" /> {{dataList.DutyManName}}
-        <br />
-        值班状态:{{dataList.DutyStatusStr}}
-        <br />
-        打卡时间 {{dataList.CheckTime}}
-        <br />
-        交接时间 {{dataList.FinishTime}}
-        <div class="sche_rightTop">
-          <div class="sche_Topflex">
+        <div class="scheInfo_rightTop">
+          <div class="scheInfo_Topflex">
             <div class="Sctop_Color Scdu_benci" style="position:relative;">本次值班信息</div>
             <div class="Sctop_Color">
               <span class="Scotop_little">校区</span>{{dataList.SchoolName}}
@@ -254,13 +248,30 @@
             <div class="Sctop_Color" style="width:400px;">
               <span class="Scotop_little">时间</span>
               <span v-if="dataList.PlanDate">{{dataList.PlanDate.replaceAll('-','.')}}</span>
-              <span v-if="dataList.WeekDay">{{dataList.WeekDay.replace('星期','周')}}</span>
+              <span v-if="dataList.WeekDay"> {{dataList.WeekDay.replace('星期','周')}}</span>
               {{dataList.StartTime}}-{{dataList.EndTime}}
             </div>
             <div class="Sctop_Color">
               <span class="Scotop_little">班次</span>{{dataList.ShiftName}}
             </div>
           </div>
+          <div class="scheInfo_Topflex" style="margin-top:10px;">
+            <div class="Sctop_Color Scdu_benci" style="position:relative;display:flex;align-items:center;padding-left:35px;">
+              <span class="Scotop_little">值班人员</span>
+              <img v-if="dataList.DutyManIcon" :src="dataList.DutyManIcon" alt="" style="width:40px;height:40px;margin-right:10px;" /> {{dataList.DutyManName}}
+            </div>
+            <div class="Sctop_Color">
+              <span class="Scotop_little">值班状态</span>{{dataList.DutyStatusStr}}
+            </div>
+            <div class="Sctop_Color" style="width:350px;">
+              <span class="Scotop_little">打卡时间</span>
+              <span v-if="dataList.CheckTime">{{dataList.CheckTime}}</span>
+            </div>
+            <div class="Sctop_Color" style="width:350px;">
+              <span class="Scotop_little">交接时间</span>{{dataList.FinishTime}}
+            </div>
+          </div>
+
         </div>
         <div class="Sche_Bottom">
           <schedulOrder :save-obj="msg" :authObj="workAuthObj" @refreshPage="refreshPage"></schedulOrder>