修改

src/components/schedul/schedul-head.vue

+<template>
+  <div class="sche_rightTop">
+    <div v-if="dataList.DutyStatus==1" class="sche_Topflex">
+      <div class="Sctop_Color Scdu_benci" style="position:relative;">本次值班信息</div>
+      <div class="Sctop_Color">
+        <span class="Scotop_little">校区</span>{{dataList.SchoolName}}
+      </div>
+      <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>
+        {{dataList.StartTime}}-{{dataList.EndTime}}
+      </div>
+      <div class="Sctop_Color">
+        <span class="Scotop_little">班次</span>{{dataList.ShiftName}}
+      </div>
+    </div>
+    <table v-if="dataList.DutyStatus==2" style="width:100%;margin:0 20px;font-size:18px;color:#000000;">
+      <tr>
+        <td style="width:12%">
+          <span class="Sch_MainColor">本次值班信息</span>
+        </td>
+        <td style="width:16%">
+          <span class="Scotop_little">校区</span>{{dataList.SchoolName}}
+        </td>
+        <td style="width:29%;">
+          <span class="Scotop_little">时间</span>
+          <span v-if="dataList.PlanDate">{{dataList.PlanDate.replaceAll('-','.')}}</span>
+          <span v-if="dataList.WeekDay"> {{dataList.WeekDay.replace('星期','周')}}</span>
+          {{dataList.StartTime}}-{{dataList.EndTime}}
+        </td>
+        <td style="width:25%;">
+          <span class="Scotop_little">班次</span>{{dataList.ShiftName}}
+        </td>
+        <td>
+          <span class="Scotop_little">值班状态</span>{{dataList.DutyStatusStr}}
+        </td>
+      </tr>
+      <tr>
+        <td></td>
+        <td>
+          <span class="Scotop_little">值班人员</span>{{dataList.DutyManName}}
+        </td>
+        <td>
+          <span class="Scotop_little">打卡时间</span>
+          <span v-if="dataList.CheckTime">{{dataList.CheckTime}}</span>
+        </td>
+        <td>
+          <span class="Scotop_little">交接时间</span>{{dataList.FinishTime}}
+        </td>
+      </tr>
+    </table>
+  </div>
+</template>
+<script>
+  export default {
+    props: {
+      dataList: {
+        type: Object,
+        default: null
+      },
+    },
+    components: {},
+    data() {
+      return {}
+    },
+    created() {},
+    methods: {
+
+    },
+  }
+
+</script>

src/pages/scheduling/scheduleBoard.vue

@@ -114,7 +114,7 @@
 
   .sche_rightTop {
     width: 100%;
-    height: 80px;
+    padding:20px 0;
     background-color: #fff;
   }
 
@@ -255,27 +255,23 @@
         </div>
       </div>
       <div class="col scroll schScroll">
-        <div class="sche_rightTop">
-          <div class="sche_Topflex">
-            <div class="Sctop_Color Scdu_benci" style="position:relative;">本次值班信息</div>
-            <div class="Sctop_Color">
-              <span class="Scotop_little">校区</span>{{dataList.SchoolName}}
-            </div>
-            <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>
-              {{dataList.StartTime}}-{{dataList.EndTime}}
-            </div>
-            <div class="Sctop_Color">
-              <span class="Scotop_little">班次</span>{{dataList.ShiftName}}
+        <div class="scheduMain">
+          <div class="flex row mySched">
+            <div class="col scroll schScroll">
+              <schedulHead :dataList="dataList"></schedulHead>
+              <div class="Sche_Bottom">
+                <template v-if="dataList.DutyStatus!=2">
+                  <schedulOrder :save-obj="msg"></schedulOrder>
+                  <schedulVisit :save-obj="msg"></schedulVisit>
+                </template>
+                <template v-else>
+                  <schedulOrder :save-obj="msg" :authObj="workAuthObj"></schedulOrder>
+                  <schedulVisit :save-obj="msg" :authObj="vitiorAuthObj"></schedulVisit>
+                </template>
+              </div>
             </div>
           </div>
-        </div>
-        <div class="Sche_Bottom">
-          <schedulOrder :save-obj="msg"></schedulOrder>
-          <schedulVisit :save-obj="msg"></schedulVisit>
-        </div>
+        </div>  
       </div>
     </div>
   </div>
@@ -288,12 +284,15 @@
 
   import schedulOrder from '../../components/schedul/schedul-orderlist'
   import schedulVisit from '../../components/schedul/schedul-visit'
+  import schedulHead from '../../components/schedul/schedul-head'
+
 
   export default {
     props: {},
     components: {
       schedulOrder,
-      schedulVisit
+      schedulVisit,
+      schedulHead
     },
     data() {
       return {
@@ -307,7 +306,18 @@
           Shift: 0,
           Status: 0, //Status(1-值班打卡，2-交接打卡)
         },
-        dataList: {}
+        dataList: {},
+        //是否显示访客操作按钮
+        vitiorAuthObj: {
+          isShowAdd: false, //是否显示新增按钮【默认不显示】
+          isShowEdit: false, //是否显示编辑按钮【默认不显示】
+        },
+        //是否显示工作内容相关按钮
+        workAuthObj: {
+          isShowAdd: false, //是否显示新增按钮【默认不显示】
+          isShowEditAndDelete: false, //是否显示编辑和删除按钮【默认不显示】
+        }
+
       }
     },
     created() {