修改

src/pages/scheduling/schedulingPlan.vue

@@ -18,17 +18,44 @@
             <q-btn color="accent" size="sm" icon="add" label="新增排班计划" @click="EditSchedu(null)" />
           </div>
         </template>
-        <!-- <template v-slot:body="props">
+        <template v-slot:body="props">
           <q-tr :props="props">
-            <template></template>
-          </q-tr>
-        </template> -->
-        <template v-slot:bottom>
-          <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
-            :input="true" @input="changePage" />
-        </template>
-        <template v-slot:body-cell-optioned="props">
-          <q-td :props="props">
+            <template v-for="col in props.cols">
+              <q-td v-if="col.name=='PlanDate'">
+                {{col.value}}
+              </q-td>
+              <q-td v-if="col.name=='SchoolName'">
+                {{col.value}}
+              </q-td>
+              <q-td v-if="col.name == 'PlanDetails'" style="padding-right:0px">
+                <div v-for="item in col.value">
+                  <div class="border-bottom" style="padding-left: 16px;padding-right: 16px">
+                    {{item.ShiftName}}
+                  </div>
+                </div>
+              </q-td>    
+              <q-td v-if="col.name == 'StartTime'" style="padding-right:0px">
+                <div v-for="item in col.value">
+                  <div class="border-bottom" style="padding-left: 16px;padding-right: 16px">
+                    {{item.StartTime}} - {{item.EndTime}}
+                  </div>
+                </div>
+              </q-td>    
+              <q-td v-if="col.name == 'DutyManName'" style="padding-right:0px">
+                <div v-for="item in col.value">
+                  <div class="border-bottom" style="padding-left: 16px;padding-right: 16px">
+                    {{item.DutyManName}}
+                  </div>
+                </div>
+              </q-td>    
+              <q-td v-if="col.name == 'PlanId'" style="padding-right:0px">
+                <div v-for="item in col.value">
+                  <div class="border-bottom" style="padding-left: 16px;padding-right: 16px">
+                    {{getStatus(props,item)}}
+                  </div>
+                </div>
+              </q-td>    
+              <q-td v-else-if="col.name == 'Id'" style="width:200px;">
                 <q-btn flat size="xs" icon="edit" style="font-weight:400;" color="edit" class="q-mr-xs" label="修改"
                    @click="EditSchedu(props.row)"   />
                 <q-btn flat size="xs" icon="delete" style="font-weight:400;" color="negative" class="q-mr-xs" label="删除"
@@ -36,6 +63,12 @@
                 <q-btn flat size="xs" icon="iconfont icon-View" style="font-weight:400;" class="q-mr-xs" label="查看"  @click=""   />
               </q-td>
             </template>
+          </q-tr>
+        </template>
+        <template v-slot:bottom>
+          <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
+            :input="true" @input="changePage" />
+        </template>
       </q-table>
       <schedul-form v-if="isShowSchedu" :save-obj="scheduOption" @close="closeScheduForm" @success="refreshPage">
       </schedul-form>
@@ -70,7 +103,7 @@
             align: 'left'
           },
           {
-            name: 'ShiftName',
+            name: 'PlanDetails',
             label: '班次',
             align: 'left',
             field: 'ShiftName',
@@ -91,16 +124,16 @@
             field: row => row.PlanDetails
           },
           {
-            name: 'Id',
+            name: 'PlanId',
             label: '状态',
             align: 'left',
-            field: 'Id',
+            field: 'PlanId',
             field: row => row.PlanDetails
           },
           {
-            name: 'optioned',
+            name: 'Id',
             label: '操作',
-            field: 'optioned'
+            field: 'Id'
           }
         ],
         dataList: [],
@@ -156,11 +189,21 @@
         // }
         // this.getClassRoomPage()
       },
-
+      getStatus(props,obj){
+        console.log(props,'props');
+        console.log(obj,'objjjj');
+      }
     },
   }
 
 </script>
+<style scoped>
+  .border-bottom {
+    border-bottom: 1px dashed #EEE;
+    padding-bottom: 5px;
+    margin-bottom: 5px;
+  }
+</style>
 <style lang="sass">
   @import url('~assets/css/table.sass')