修改

src/components/schedul/schedul-orderlist.vue

+<style>
+
+</style>
+<template>
+  <div>
+    <div class="sche_mid">
+      <div class="sche_midList">
+        <div class="scheList_TOP">
+          <img src="../../assets/images/work_list.png" />
+          <span class="word_sche">工作清单</span>
+          <span class="word_scheNumber">3</span>
+        </div>
+        <div class="scheList_Bottom">
+          <div>
+            <span class="sche_Dian"></span>
+            打开门面，把电视打开，打扫前台和每处卫生。
+          </div>
+        </div>
+      </div>
+      <div class="sche_midList">
+
+      </div>
+      <div class="sche_midList">
+
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    props: {
+      saveObj: {
+        type: Object,
+        default: null
+      }
+    },
+    data() {
+      return {
+        dataList: {}
+      }
+    },
+    created() {
+     
+    },
+    methods: {
+      //请求数据
+      getList() {
+        
+      },
+    },
+  }
+
+</script>

src/components/schedul/schedul-visit.vue

+<style>
+
+</style>
+<template>
+    <div>
+        123
+    </div>
+</template>
\ No newline at end of file

src/pages/scheduling/scheduleBoard.vue

@@ -159,20 +159,63 @@
   }
 
   .sche_midList {
-    width: 32%;
+    width: 31.6%;
     height: 300px;
     background: #fff;
     border-radius: 16px;
+    border:1px solid #EBEBEB;
+    box-shadow: 0px 1px 1px 0px #E4E7FB;
     overflow: hidden;
   }
-  .Sche_Bottom{
-    margin:26px 0 0 40px;
+
+  .Sche_Bottom {
+    margin: 26px 40px 0 40px;
   }
-  .scheList_TOP{
-    width:100%;
-    height:107px;
+
+  .scheList_TOP {
+    width: 100%;
+    height: 107px;
     border-radius: 16px;
     overflow: hidden;
+    position: relative;
+  }
+
+  .scheList_TOP img {
+    width: 100%;
+  }
+
+  .word_sche {
+    color: #fff;
+    font-size: 20px;
+    position: absolute;
+    top: 25px;
+    left: 32px;
+  }
+  .word_scheNumber{
+    display: inline-block;
+    width:36px;
+    height:36px;
+    color:#fff;
+    background-color: #FE4475;
+    position: absolute;
+    top:25px;
+    left:134px;
+    text-align: center;
+    line-height: 36px;
+    border-radius: 8px;
+    font-size:30px;
+  }
+  .scheList_Bottom{
+    margin:20px;
+    font-size:14px;
+    color:#000000;
+  }
+  .sche_Dian{
+    display:inline-block;
+    width:6px;
+    height:6px;
+    background-color: #6D97FF;
+    border-radius: 50%;
   }
 </style>
 
@@ -212,20 +255,8 @@
           </div>
         </div>
         <div class="Sche_Bottom">
-          <div class="sche_mid">
-            <div class="sche_midList">
-               <div class="scheList_TOP">
-                <img src="../../assets/images/work_list.png" />
-               </div>
-            </div>
-            <div class="sche_midList">
-
-            </div>
-            <div class="sche_midList">
-
-            </div>
-          </div>
-
+          <schedulOrder :save-obj="msg"></schedulOrder>
+          <schedulVisit :save-obj="msg"></schedulVisit>
         </div>
       </div>
     </div>
@@ -236,9 +267,16 @@
   import {
     OnDuty
   } from '../../api/scheduling/schedu'
+
+  import schedulOrder from '../../components/schedul/schedul-orderlist'
+  import schedulVisit from '../../components/schedul/schedul-visit'
+
   export default {
     props: {},
-    components: {},
+    components: {
+      schedulOrder,
+      schedulVisit
+    },
     data() {
       return {
         msg: {