修改

src/api/scheduling/schedu.js

@@ -46,4 +46,13 @@ export function queryMyDutyPlanPage(data) {
     method: 'post',
     data
   })
+}
+
+//获取我的值班看板
+export function OnDuty(data) {
+  return request({
+    url: '/DutyPlan/OnDuty',
+    method: 'post',
+    data
+  })
 }
\ No newline at end of file

src/pages/scheduling/mySchedule.vue

@@ -6,7 +6,13 @@
     <div class="page-content">
       <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-column-table"
         separator="none" title="我的排班计划" :data="dataList" :columns="columns" row-key="name">
-
+        <template v-slot:body-cell-PlanList="props">
+          <q-td>
+            <div v-for="(item,index) in props.row.PlanList">
+              {{index+1}}{{item.ItemName}}
+            </div>
+          </q-td>
+        </template>
         <template v-slot:bottom>
           <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
             :input="true" @input="changePage" />
@@ -115,10 +121,13 @@
         this.msg.pageIndex = val;
       },
       //开始值班
-      StartSchedule() {
+      StartSchedule(obj) {
         this.$router.push({
           path: "/scheduling/scheduleBoard",
-          query: {}
+          query: {
+            Id:obj.Id,
+            Shift:obj.Shift
+          }
         });
       }
     },

src/pages/scheduling/scheduleBoard.vue

+<style>
+  .schedu_left {
+    width: 248px;
+    flex: 0 0 auto;
+    position: relative;
+    padding-top: 75px;
+    background-color: #296AFE;
+  }
+
+  .schedule-body {
+    padding: 0;
+    min-height: calc(100% - 30px);
+    margin: 15px !important;
+    border-radius: 8px;
+    background: #FFF;
+    overflow: hidden;
+  }
+
+  .schedu_ImgDiv {
+    width: 68px;
+    height: 68px;
+    border-radius: 20px;
+    overflow: hidden;
+    margin: auto;
+  }
+
+  .schedu_ImgDiv img {
+    width: 100%;
+    height: 100%;
+  }
+
+  .schedu_Name {
+    color: #fff;
+    font-size: 16px;
+    margin-top: 26px;
+    text-align: center;
+  }
+
+  .schedu_Status {
+    font-size: 12px;
+    color: #fff;
+    text-align: center;
+    margin-top: 15px;
+  }
+
+  .schedu_st {
+    display: inline-block;
+    width: 10px;
+    height: 10px;
+    border-radius: 50%;
+    margin-right: 5px;
+    position: relative;
+    top: 1px;
+  }
+
+  .zbz {
+    background-color: #00DB4E;
+  }
+
+  .xxz {
+    background-color: #DBDBDB;
+  }
+
+  .wdk {
+    background-color: #FE4475;
+  }
+
+  .clockon_Duty {
+    width: 120px;
+    height: 34px;
+    background: linear-gradient(90deg, #00BDD3, #00D761);
+    border-radius: 10px;
+    margin:100px auto;
+    text-align: center;
+    line-height: 34px;
+    color:#fff;
+    font-size: 14px;
+    cursor: pointer;
+  }
+  .sche_daka{
+      font-size:18px;
+  }
+</style>
 <template>
-    <div>123</div>
-</template>
\ No newline at end of file
+  <div class="scheduleBoard">
+    <div class="schedule-body">
+      <div class="flex row okr" style="min-height:750px;">
+        <div class="schedu_left">
+          <div class="schedu_ImgDiv">
+            <img :src="dataList.DutyManIcon" alt="" />
+          </div>
+          <div class="schedu_Name">
+            {{dataList.DutyManName}}
+          </div>
+          <div class="schedu_Status">
+            <span class="schedu_st zbz"></span>值班中
+            <!-- <span class="schedu_st xxz"></span>休息中
+            <span class="schedu_st wdk"></span>未打卡 -->
+          </div>
+          <div class="clockon_Duty">
+            值班打卡<i class="iconfont icon-jiejue1 sche_daka"></i>
+          </div>
+        </div>
+        <div class="" style="padding-top:16px;">
+          123
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+  import {
+    OnDuty
+  } from '../../api/scheduling/schedu'
+  export default {
+    props: {},
+    components: {},
+    data() {
+      return {
+        msg: {
+          Id: 0,
+          Shfit: 0
+        },
+        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
+        this.getList();
+      }
+    },
+    methods: {
+      //请求数据
+      getList() {
+        OnDuty(this.msg).then(res => {
+          if (res.Code == 1) {
+            console.log(res,'数据来也');
+            this.dataList = res.Data;
+          }
+        })
+      },
+    },
+  }
+
+</script>