| | |
| | | <i class="el-icon-s-order" type="primary"></i> |
| | | </el-col> |
| | | <el-col :span="10"> |
| | | <h1 style="line-height: 60px; margin: 0 0;">服务单号:{{serviceOrderInfo.serviceNo}}</h1> |
| | | <h1 style="line-height: 60px; margin: 0 0;display: inline-block">服务单号:{{serviceOrderInfo.serviceNo}}</h1> |
| | | </el-col> |
| | | <el-col :span="5"> |
| | | <h1 style="line-height: 60px; margin: 0 0;display: inline-block"><span style="color: #cf2d27;float: right ">¥{{serviceOrderInfo.money}}</span></h1> |
| | | </el-col> |
| | | <el-col :span="5" style="float: right; margin-right: 10px;"> |
| | | <el-button type="info" @click="printf">打印</el-button> |
| | |
| | | </el-row> |
| | | <el-row class="order-info" type="flex" justify="space-around" style="height: 150px; padding: 30px 30px;"> |
| | | <el-col :span="5"> |
| | | <p>会员姓名:{{serviceOrderInfo.vipInfo.staffName}}</p> |
| | | <p>会员姓名:{{serviceOrderInfo.vipInfo.vipName}}</p> |
| | | <p>会员电话:{{serviceOrderInfo.vipInfo.phone}}</p> |
| | | </el-col> |
| | | <el-col :span="5"> |
| | |
| | | <p>预约时间:{{dateFormat(serviceOrderInfo.yyTime)}}</p> |
| | | </el-col> |
| | | <el-col :span="3"> |
| | | <p>配料师:{{pylFormat()}}</p> |
| | | <p>配料师:{{serviceOrderInfo.plsName}}</p> |
| | | <p>备注:{{serviceOrderInfo.remark}}</p> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | <el-table-column |
| | | prop="projInfo.name" |
| | | label="商品名称" |
| | | width="280"> |
| | | width="400"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | :formatter="hkPrice" |
| | | label="划扣金额" |
| | | width="100"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="count" |
| | | label="次数" |
| | | width="100"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="projInfo.timeLength" |
| | |
| | | width="200"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="address" |
| | | label="服务时间" :formatter="serviceTime"> |
| | | </el-table-column> |
| | | <el-table-column |
| | |
| | | } |
| | | } |
| | | }, |
| | | pylFormat() { |
| | | if (!this.plsList) { |
| | | return; |
| | | } |
| | | |
| | | var plsList = this.plsList; |
| | | var doctorId = this.serviceOrderInfo.doctorId; |
| | | |
| | | for(var i = 0; i < plsList.length; i++) { |
| | | if (plsList[i].id = doctorId) { |
| | | return plsList[i].staffName; |
| | | } |
| | | } |
| | | }, |
| | | printf() { |
| | | var id = this.serviceOrderInfo.id; |
| | | layer.open({ |
| | |
| | | MTools.closeForm(); |
| | | }, |
| | | serviceTime(row, column) { |
| | | if (!column.bedState) { |
| | | return "-"; |
| | | } |
| | | var startTime = moment(column.bedState.startTime).format("YYYY-MM-DD HH:mm"); |
| | | var endTime = moment(column.bedState.endTime).format("YYYY-MM-DD HH:mm"); |
| | | return startTime + "-" + endTime; |
| | | console.log(column); |
| | | console.log(row); |
| | | // if (!column.bedState) { |
| | | // return "-"; |
| | | // } |
| | | var startTime = this.dateFormat(row.beginTime); |
| | | var endTime = this.dateFormat(row.endTime); |
| | | return startTime + " - " + endTime; |
| | | }, |
| | | hkPrice(row, column) { |
| | | console.log(row); |
| | | return row.projUse.price * row.count ; |
| | | } |
| | | }, |
| | | }); |