Skip to content

E
ElectricitySheep
Commit 9da809f0 authored by 黄奎's avatar 黄奎
Browse files
Options

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

parents 763e1935 7fb2c723
Hide whitespace changes
Inline Side-by-side
Showing with 70 additions and 62 deletions
src/components/offlineService/appointmentBoard.vue
View file @ 9da809f0
<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,67 +14,72 @@
</el-date-picker>
</div>
</div>
<table class="appointTable" border="0" cellspacing="0" cellpadding="0">
<tr>
<th style="width:100px;">服务</th>
<th v-for="(subItem,subIndex) in dataList.KanBanList" :key="subIndex">{{subItem.Name}}</th>
</tr>
<tr v-for="(item,index) in dataList.allTime" :key="index">
<td>{{item}}</td>
<!-- <td class="posi" v-for="(childItem,childIndex) in dataList.KanBanList" :key="childIndex"
:rowspan="getRow(item,childItem)"> -->
<td class="posi" v-for="(childItem,childIndex) in dataList.KanBanList" :key="childIndex">
<template v-for="(sItem,sIndex) in childItem.OrderList">
<el-popover :key="sIndex" popper-class="Order_Popover" placement="top-start" title="" width="200"
trigger="click">
<div class="orderTips_top">
<span class="order_dian"></span>{{tipsInfo.StoreName}}
</div>
<div class="OrderList_info">
<div style="margin:0 20px;">
<div class="OrderList_top">
<img style="width:36px;height:36px;border-radius:50%;margin-right:10px;" :src="tipsInfo.UserPhoto" alt="" />
<div>
<div class="orderList_Name">{{tipsInfo.UserName}}</div>
<div style="color:#777777;font-size:12px;margin-top:3px;">
{{tipsInfo.GoodsName}}<span v-if="tipsInfo.GoodServiceTime>0"> |
{{getHours(tipsInfo.GoodServiceTime)}}小时</span>
<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" style="width:200px;" :key="subIndex">{{subItem.Name}}</th>
</tr>
<tr v-for="(item,index) in dataList.allTime" :key="index">
<td>{{item}}</td>
<!-- <td class="posi" v-for="(childItem,childIndex) in dataList.KanBanList" :key="childIndex"
:rowspan="getRow(item,childItem)"> -->
<td class="posi" v-for="(childItem,childIndex) in dataList.KanBanList" :key="childIndex">
<template v-for="(sItem,sIndex) in childItem.OrderList">
<el-popover :key="sIndex" popper-class="Order_Popover" placement="top-start" title="" width="200"
trigger="click">
<div class="orderTips_top">
<span class="order_dian"></span>{{tipsInfo.StoreName}}
</div>
<div class="OrderList_info">
<div style="margin:0 20px;">
<div class="OrderList_top">
<img style="width:36px;height:36px;border-radius:50%;margin-right:10px;" :src="tipsInfo.UserPhoto" alt="" />
<div>
<div class="orderList_Name">{{tipsInfo.UserName}}</div>
<div style="color:#777777;font-size:12px;margin-top:3px;">
{{tipsInfo.GoodsName}}<span v-if="tipsInfo.GoodServiceTime>0"> |
{{getHours(tipsInfo.GoodServiceTime)}}小时</span>
</div>
</div>
</div>
<div class="order_ListInfo" style="margin-top:15px;">
<div class="Order_StoreTitle">门店地址</div>
<div class="Order_Store_Address">{{tipsInfo.StoreAddress}}</div>
</div>
<div class="order_ListInfo">
<div class="Order_StoreTitle">服务人员</div>
<div class="Order_Store_Address">{{tipsInfo.Name}}</div>
</div>
<div class="order_ListInfo">
<div class="Order_StoreTitle">到店信息</div>
<div class="Order_Store_Address">{{tipsInfo.Number}}人 | {{tipsInfo.Mobile}}</div>
</div>
<div class="order_ListInfo" style="padding-bottom:15px;margin-bottom:0;">
<div class="Order_StoreTitle">备注信息</div>
<div class="Order_Store_Address">{{tipsInfo.BuyerMessage}}</div>
</div>
</div>
<div class="order_ListInfo" style="margin-top:15px;">
<div class="Order_StoreTitle">门店地址</div>
<div class="Order_Store_Address">{{tipsInfo.StoreAddress}}</div>
</div>
<div class="order_ListInfo">
<div class="Order_StoreTitle">服务人员</div>
<div class="Order_Store_Address">{{tipsInfo.Name}}</div>
</div>
<div class="order_ListInfo">
<div class="Order_StoreTitle">到店信息</div>
<div class="Order_Store_Address">{{tipsInfo.Number}}人 | {{tipsInfo.Mobile}}</div>
</div>
<div v-if="sItem.ServiceTime==item" slot="reference" @click="getStoreInfo(sItem,childItem)" class="OrderDiv_Main">
<div class="appointUser">
<img :src="sItem.UserPhoto" class="UserPhote" alt="" />
<span style="margin-left:5px;">{{sItem.UserName}}</span>
</div>
<div class="order_ListInfo" style="padding-bottom:15px;margin-bottom:0;">
<div class="Order_StoreTitle">备注信息</div>
<div class="Order_Store_Address">{{tipsInfo.BuyerMessage}}</div>
<div style="margin-top:5px;color:#777777">
{{sItem.GoodsName}}<span v-if="sItem.GoodServiceTime>0"> |
{{getHours(sItem.GoodServiceTime)}}小时</span>
</div>
</div>
</div>
<div v-if="sItem.ServiceTime==item" slot="reference" @click="getStoreInfo(sItem,childItem)" class="OrderDiv_Main">
<div class="appointUser">
<img :src="sItem.UserPhoto" class="UserPhote" alt="" />
<span style="margin-left:5px;">{{sItem.UserName}}</span>
</div>
<div style="margin-top:5px;color:#777777">
{{sItem.GoodsName}}<span v-if="sItem.GoodServiceTime>0"> |
{{getHours(sItem.GoodServiceTime)}}小时</span>
</div>
</div>
</el-popover>
</template>
</td>
</tr>
</table>
</el-popover>
</template>
</td>
</tr>
</table>
</div>
<div v-if="dataList.KanBanList&&dataList.KanBanList.length==0" class="empty-text">
暂无数据
</div>
</div>
</div>
</template>
......@@ -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>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment