档口添加餐次时间
This commit is contained in:
parent
98ddc2f374
commit
6494270c0a
|
|
@ -207,6 +207,88 @@
|
|||
</el-row>
|
||||
</el-form>
|
||||
</el-tab-pane>
|
||||
<!-- 预订/点餐/报餐设置 -->
|
||||
<el-tab-pane label="餐次设置" name="orderSetting" style="height: 600px;overflow-y: auto;">
|
||||
<el-table :data="mealtimeList" height="400" >
|
||||
<el-table-column label="餐次类型" align="center" prop="mealtimeName"/>
|
||||
<el-table-column label="餐次时段" align="center" >
|
||||
<template slot-scope="scope">
|
||||
<el-time-picker
|
||||
is-range
|
||||
v-model="scope.row.orderTimeList" style="width: 200px;"
|
||||
range-separator="至" format="HH:mm:ss" value-format="HH:mm:ss"
|
||||
start-placeholder="开始时间"
|
||||
end-placeholder="结束时间"
|
||||
placeholder="选择时间范围" @change="changeOrderTimeList(scope.row)">
|
||||
</el-time-picker>
|
||||
<!-- <span>{{scope.row.startTime}}</span>-<span>{{scope.row.endTime}}</span> -->
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column label="预定餐" align="center">
|
||||
<el-table-column label="预定时段" align="center" width="220">
|
||||
<template slot-scope="scope">
|
||||
<el-time-picker
|
||||
is-range :clearable="true"
|
||||
v-model="scope.row.reserveTimeList" style="width: 190px;"
|
||||
range-separator="至" format="HH:mm:ss" value-format="HH:mm:ss"
|
||||
start-placeholder="开始时间"
|
||||
end-placeholder="结束时间"
|
||||
placeholder="选择时间范围" @change="changeReserveTimeList(scope.row)">
|
||||
</el-time-picker>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="退单截止时间" align="center" width="150">
|
||||
<template slot-scope="scope">
|
||||
<el-time-picker
|
||||
v-model="scope.row.reserveRefundDeadline" style="width: 120px;"
|
||||
placeholder="选择时间">
|
||||
</el-time-picker>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="自动打印时间" align="center" width="150">
|
||||
<template slot-scope="scope">
|
||||
<el-time-picker
|
||||
v-model="scope.row.reservePrintTime" style="width: 120px;"
|
||||
placeholder="选择时间">
|
||||
</el-time-picker>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column label="当餐点餐" align="center">
|
||||
<el-table-column label="点餐时段" align="center" width="220">
|
||||
<template slot-scope="scope">
|
||||
<el-time-picker
|
||||
is-range :clearable="true"
|
||||
v-model="scope.row.currTimeList" style="width: 190px;"
|
||||
range-separator="至" format="HH:mm:ss" value-format="HH:mm:ss"
|
||||
start-placeholder="开始时间"
|
||||
end-placeholder="结束时间"
|
||||
placeholder="选择时间范围" @change="changeCurrTimeList(scope.row)">
|
||||
</el-time-picker>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="退单截止时间" align="center" width="150">
|
||||
<template slot-scope="scope">
|
||||
<el-time-picker
|
||||
v-model="scope.row.currRefundDeadline" style="width: 120px;"
|
||||
placeholder="选择时间">
|
||||
</el-time-picker>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column label="状态" align="center" prop="ifUse" width="150">
|
||||
<template slot-scope="scope">
|
||||
<el-switch
|
||||
v-model="scope.row.ifUse"
|
||||
active-text="开启"
|
||||
inactive-text="关闭"
|
||||
:active-value="1"
|
||||
:inactive-value="2">
|
||||
</el-switch>
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
</el-table>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
|
|
@ -308,6 +390,43 @@ export default {
|
|||
}
|
||||
]
|
||||
},
|
||||
mealtimeList:[
|
||||
{
|
||||
"mealtimeType": "1",
|
||||
"mealtimeName": "早餐",
|
||||
"orderTimeList":["05:00:00","10:00:00"],
|
||||
"startTime": "05:00:00",
|
||||
"endTime": "10:00:00"
|
||||
},
|
||||
{
|
||||
"mealtimeType": "2",
|
||||
"mealtimeName": "午餐",
|
||||
"orderTimeList":["10:00:01","14:00:00"],
|
||||
"startTime": "10:00:01",
|
||||
"endTime": "14:00:00"
|
||||
},
|
||||
{
|
||||
"mealtimeType": "3",
|
||||
"mealtimeName": "下午茶",
|
||||
"orderTimeList":["14:00:01","18:00:00"],
|
||||
"startTime": "14:00:01",
|
||||
"endTime": "18:00:00"
|
||||
},
|
||||
{
|
||||
"mealtimeType": "4",
|
||||
"mealtimeName": "晚餐",
|
||||
"orderTimeList":["18:00:01","21:00:00"],
|
||||
"startTime": "18:00:01",
|
||||
"endTime": "21:00:00"
|
||||
},
|
||||
{
|
||||
"mealtimeType": "5",
|
||||
"mealtimeName": "夜宵",
|
||||
"orderTimeList":["21:00:01","23:59:59"],
|
||||
"startTime": "21:00:01",
|
||||
"endTime": "23:59:59"
|
||||
}
|
||||
],//餐次列表
|
||||
fileList: [],//档口图片
|
||||
checkUrlList: [],//档口图片
|
||||
checkUrlNameList: [],//档口图片
|
||||
|
|
@ -427,6 +546,13 @@ export default {
|
|||
});
|
||||
},200)
|
||||
this.rangeTime=[response.data.startBusinessTime, response.data.endBusinessTime]
|
||||
if(response.data.allocStallMealtimeList&&response.data.allocStallMealtimeList.length>0){
|
||||
this.mealtimeList = response.data.allocStallMealtimeList
|
||||
this.mealtimeList.forEach(item=>{
|
||||
this.$set(item,"orderTimeList",[item.startTime,item.endTime])
|
||||
})
|
||||
}
|
||||
|
||||
this.open = true;
|
||||
this.title = "修改";
|
||||
});
|
||||
|
|
@ -449,6 +575,7 @@ export default {
|
|||
this.baseForm.startBusinessTime=this.rangeTime[0]
|
||||
this.baseForm.endBusinessTime=this.rangeTime[1]
|
||||
this.baseForm.imgUrl = this.checkUrlList[0]
|
||||
this.baseForm.allocStallMealtimeList = this.mealtimeList
|
||||
let param = this.baseForm
|
||||
if (this.stallId != "") {
|
||||
param.stallId = this.stallId
|
||||
|
|
@ -467,7 +594,11 @@ export default {
|
|||
}
|
||||
});
|
||||
},
|
||||
|
||||
changeOrderTimeList(row){
|
||||
console.log(row)
|
||||
row.startTime = row.orderTimeList[0]
|
||||
row.endTime = row.orderTimeList[1]
|
||||
},
|
||||
//基础设置-选择区域
|
||||
handleTreeChange2(val){
|
||||
if(val){
|
||||
|
|
|
|||
Loading…
Reference in New Issue