Merge branch 'master' of http://gitlab.oytour.com/huangyuanyuan/electricitysheep

src/components/offlineService/appointmentBoard.vue

 <template>
-  <div class="appointmentBoard">
+  <div class="appointmentBoard" ref="appoint">
     <div class="content">
       <div>
         <el-select class="w200" style="margin-right: 10px;" v-model="msg.StoreId" @change="getList" size="small"
@@ -14,10 +14,11 @@
           </el-date-picker>
         </div>
       </div>
-      <table class="appointTable" border="0" cellspacing="0" cellpadding="0">
+      <div style="overflow:scroll;" :style="{'width':myWidth+'px'}">
+        <table class="appointTable" border="0" cellspacing="0" v-if="dataList.KanBanList&&dataList.KanBanList.length>0" cellpadding="0">
           <tr>
             <th style="width:100px;">服务</th>
-          <th v-for="(subItem,subIndex) in dataList.KanBanList" :key="subIndex">{{subItem.Name}}</th>
+            <th v-for="(subItem,subIndex) in dataList.KanBanList" style="width:200px;" :key="subIndex">{{subItem.Name}}</th>
           </tr>
           <tr v-for="(item,index) in dataList.allTime" :key="index">
             <td>{{item}}</td>
@@ -76,6 +77,10 @@
           </tr>
         </table>
       </div>
+      <div v-if="dataList.KanBanList&&dataList.KanBanList.length==0" class="empty-text">
+          暂无数据
+      </div>
+    </div>
   </div>
 </template>
 <script>
@@ -90,6 +95,7 @@
         StoreList: [], //门店下拉
         scheduleData: {},
         tipsInfo: {}, //提示信息
+        myWidth:0 //宽度
       };
     },
     created() {
@@ -111,12 +117,6 @@
         this.apipost("/api/MContent/GetStoresList", {}, res => {
           if (res.data.resultCode == 1) {
             this.StoreList = res.data.data;
-            // if(this.StoreList.length>0){
-            //   this.msg.StoreId = this.StoreList[0].Id
-            //   this.getList();
-            // }else{
-            //   this.getList();
-            // }
           } else {
             this.Error(res.data.message);
           }
@@ -165,6 +165,8 @@
       this.msg.WorkDate = year+'-'+month+'-'+day;
       this.getStoreList();
       this.getList();
+      this.myWidth = this.$refs.appoint.offsetWidth-50;
+
     }
   };
 
@@ -314,5 +316,11 @@
     height: 100%;
     background: #67C23A;
   }
+  .appointmentBoard .empty-text{
+      line-height: 60px;
+      color: #909399;
+      text-align: center;
+      border-bottom: 1px solid #EBEEF5;
+  }
 
 </style>