|  |  | 
 |  |  |         } | 
 |  |  |     </style> | 
 |  |  | </head> | 
 |  |  | <body> | 
 |  |  | <div class="ibox-content" id="app" v-cloak> | 
 |  |  | <body style="overflow: hidden"> | 
 |  |  | <div  id="app" v-cloak> | 
 |  |  |  | 
 |  |  |  | 
 |  |  |     <el-row> | 
 |  |  | 
 |  |  |                 </el-col> | 
 |  |  |             </el-row> | 
 |  |  |             <el-row class="vertical  "> | 
 |  |  |                  <el-select v-model="goodsType" placeholder="商品类型" style="width: 120px" > | 
 |  |  |                     <el-option | 
 |  |  |                             v-for="item in goodsTypeList" | 
 |  |  |                             :key="item.value" | 
 |  |  |                             :label="item.label" | 
 |  |  |                             :value="item.value" | 
 |  |  |                     > | 
 |  |  |                     </el-option> | 
 |  |  |                 </el-select> | 
 |  |  |                 <el-input class="searchInput" @input="searchGoods()" v-model="queryKey" | 
 |  |  |                           placeholder="搜索添加产品"></el-input> | 
 |  |  |                 <el-button @click="searchGoods()" type="primary">搜索</el-button> | 
 |  |  | 
 |  |  |                         </template> | 
 |  |  |                     </el-table-column> | 
 |  |  |                 </el-table> | 
 |  |  |  | 
 |  |  |                 <el-row style="text-align: center; margin-top: 10px;"> | 
 |  |  |                     <el-pagination | 
 |  |  |                             @size-change="handleSizeChange" | 
 |  |  |                             @current-change="handleCurrentChange" | 
 |  |  |                             :current-page="page.currentPage" | 
 |  |  |                             :page-sizes="[10, 20, 30, 50]" | 
 |  |  |                             :page-size="page.pageSize" | 
 |  |  |                             layout="total, prev, pager, next, jumper" | 
 |  |  |                             :total="page.total"> | 
 |  |  |                     </el-pagination> | 
 |  |  |                 </el-row> | 
 |  |  |                 <el-row class="btn-box"> | 
 |  |  |                     <el-button size="mini" type="danger" @click="closeXm()">关闭</el-button> | 
 |  |  |                     <el-button size="mini" type="primary" @click="chouseGoods()">确认</el-button> | 
 |  |  | 
 |  |  |                 </el-table> | 
 |  |  |  | 
 |  |  |             </el-row> | 
 |  |  |             <el-row class="mt-20 vertical"> | 
 |  |  |             <el-row class=" vertical"> | 
 |  |  |                 <el-col :span="10" class="money-box"> | 
 |  |  |                     <div> | 
 |  |  |                         <ul> | 
 |  |  | 
 |  |  |     var app = new Vue({ | 
 |  |  |         el: '#app', | 
 |  |  |         data: { | 
 |  |  |  | 
 |  |  |             goodsType:"", | 
 |  |  |             goodsTypeList:[{value:"",label:"全部"},{value:"套餐",label:"套餐"},{value:"项目",label:"项目"},{value:"充值卡",label:"充值卡"}], | 
 |  |  |             //业绩设置框 | 
 |  |  |             drawer: false, | 
 |  |  |             direction: 'rtl', | 
 |  |  | 
 |  |  |             shopInfo: {}, | 
 |  |  |  | 
 |  |  |  | 
 |  |  |             tableHeight: 500, | 
 |  |  |             tableHeight:  'calc(100vh - 300px)', | 
 |  |  |  | 
 |  |  |             /*****搜索表格数据*********/ | 
 |  |  |             //搜索关键词 | 
 |  |  | 
 |  |  |             searchTableData: [], | 
 |  |  |             //表格加载效果 | 
 |  |  |             loading: false, | 
 |  |  |             page : { | 
 |  |  |                 currentPage : 1, | 
 |  |  |                 pageSize : 10, | 
 |  |  |                 total : 0 | 
 |  |  |             }, | 
 |  |  |             /******搜索表格数据END********/ | 
 |  |  |  | 
 |  |  |             dialogSettleVisible : false, | 
 |  |  | 
 |  |  |                                                     commission : 0, | 
 |  |  |                                                     achieveType : _this.achieveTypeList[0].value, | 
 |  |  |                                                     isShare: false, | 
 |  |  |                                                     payMethod:item.payMethod, | 
 |  |  |                                                     payMethod:"现金", | 
 |  |  |                                                 }); | 
 |  |  |                                             }); | 
 |  |  |                                             _this.order.payMoney = orderPayMoney; | 
 |  |  | 
 |  |  |                         this.achieveList.push({ | 
 |  |  |                             orderItem: item, | 
 |  |  |                             staff: this.loginUser, | 
 |  |  |                             saleId: this.loginUser.suId, | 
 |  |  |                             saleId: _this.loginUser.suUserType === 'admin' ? '' : this.loginUser.suId, | 
 |  |  |                             goodsCash: item.payMoney, | 
 |  |  |                             achieveType : _this.achieveTypeList[0].value, | 
 |  |  |                             commission: 0, | 
 |  |  | 
 |  |  |  | 
 |  |  |                                 // if (optionType != 1) { | 
 |  |  |                                     //直接修改支付金额不重置支付金额 | 
 |  |  |                                     item.payMoney = zkPrice * count; | 
 |  |  |                                     item.payMoney = (zkPrice * count).toFixed(2); | 
 |  |  |                                 // } | 
 |  |  |                                 _this.order.payMoney += parseFloat(item.payMoney); | 
 |  |  |  | 
 |  |  | 
 |  |  |  | 
 |  |  |                 if (this.checkSubmitOrder()) { | 
 |  |  |                     let _this = this; | 
 |  |  |                     //是否全部为储值卡支付 | 
 |  |  |                     let isCardPay=true; | 
 |  |  |  | 
 |  |  |                     if(submitType == 1) { | 
 |  |  |                         //校验支付方式 | 
 |  |  |  | 
 |  |  |  | 
 |  |  |  | 
 |  |  |                         if (_this.payMoneys.length > 0) { | 
 |  |  |                             let flows = [] | 
 |  |  |                             var total = 0; | 
 |  |  | 
 |  |  |                                 if (item.type == '储值卡'){ | 
 |  |  |                                     flow.isGift = item.isGift; | 
 |  |  |                                     flow.cardId = item.id; | 
 |  |  |                                 }else{ | 
 |  |  |                                     isCardPay=false; | 
 |  |  |                                 } | 
 |  |  |                                 total += parseFloat(item.money); | 
 |  |  |                                 flows.push(flow) | 
 |  |  | 
 |  |  |                                 return false; | 
 |  |  |                             } | 
 |  |  |                             _this.order.flows = flows; | 
 |  |  |  | 
 |  |  |  | 
 |  |  |  | 
 |  |  |  | 
 |  |  |                         } else { | 
 |  |  |                             this.$message.warning("请选择支付方式"); | 
 |  |  |                             return false; | 
 |  |  |                         } | 
 |  |  |                     } | 
 |  |  |                     console.log("isCardPay",isCardPay); | 
 |  |  |  | 
 |  |  |                     //匹配业绩 | 
 |  |  |                     _this.order.items.forEach(item=>{ | 
 |  |  |                         item.achieveList = []; | 
 |  |  |                     }) | 
 |  |  |                     _this.achieveList.forEach(achieve => { | 
 |  |  |                         for (let i = 0; i < _this.order.items.length; i++) { | 
 |  |  |                             let item = _this.order.items[i]; | 
 |  |  |                             if (!item.achieveList){ | 
 |  |  |                                 item.achieveList = []; | 
 |  |  |                             } | 
 |  |  |                             if (item.uuid == achieve.orderItem.uuid) { | 
 |  |  |  | 
 |  |  |                                 let payMethod=achieve.payMethod; | 
 |  |  |                                     if(isCardPay){ | 
 |  |  |                                     //如果是储值卡支付,则业绩自动切换到划扣金额 | 
 |  |  |                                         payMethod="划扣"; | 
 |  |  |                                     } | 
 |  |  |                                 let achieveNew = { | 
 |  |  |                                     uuid:item.uuid, | 
 |  |  |                                     beaultId: achieve.saleId, | 
 |  |  |                                     projPercentage: achieve.commission, | 
 |  |  |                                     achieveType: achieve.achieveType, | 
 |  |  |                                     goodsCash: achieve.goodsCash, | 
 |  |  |                                     payMethod: achieve.payMethod, | 
 |  |  |                                     payMethod: payMethod, | 
 |  |  |                                 }; | 
 |  |  |                                item.achieveList.push(achieveNew); | 
 |  |  |                                 break; | 
 |  |  | 
 |  |  |              */ | 
 |  |  |             chouseGoods() { | 
 |  |  |                 let _this = this; | 
 |  |  |                 // this.multipleSelection.forEach(item => { | 
 |  |  |                 //     _this.pushToSelectGoods(item, BUY_TYPE_NOT_FREE); | 
 |  |  |                 // }); | 
 |  |  |                 _this.multipleSelection.forEach(item => { | 
 |  |  |                     _this.pushToSelectGoods(item, BUY_TYPE_NOT_FREE); | 
 |  |  |                 }); | 
 |  |  |                 this.closeXm(); | 
 |  |  |                 this.calculationTotal(); | 
 |  |  |             }, | 
 |  |  | 
 |  |  |              */ | 
 |  |  |             searchGoods() { | 
 |  |  |                 let _this = this; | 
 |  |  |                 var currentPage = this.page.currentPage; | 
 |  |  |                 var pageSize = this.page.pageSize; | 
 |  |  |                 var offset = (currentPage - 1) * pageSize; | 
 |  |  |                 if (this.queryKey && this.queryKey.trim().length > 0) { | 
 |  |  |                     this.showSearchTable = true; | 
 |  |  |                     this.loading = true; | 
 |  |  | 
 |  |  |                         app: _this, | 
 |  |  |                         contentType: 'application/x-www-form-urlencoded', | 
 |  |  |                         //TODO 优化下拉加载 | 
 |  |  |                         data: {name: _this.queryKey, limit: 10000}, | 
 |  |  |                         data: {name: _this.queryKey,goodType:_this.goodsType , limit: pageSize, offset : offset}, | 
 |  |  |                         url: basePath + "/admin/shoppinggoods/showList", | 
 |  |  |                         callback: function (data) { | 
 |  |  |                             _this.searchTableData = data.rows; | 
 |  |  |                             _this.page.total = data.total; | 
 |  |  |                             _this.loading = false; | 
 |  |  |                         } | 
 |  |  |                     }); | 
 |  |  | 
 |  |  |                     this.showSearchTable = false; | 
 |  |  |                 } | 
 |  |  |             }, | 
 |  |  |  | 
 |  |  |  | 
 |  |  |             handleSizeChange(val) { | 
 |  |  |                 this.page.pageSize = val; | 
 |  |  |                 this.searchGoods(); | 
 |  |  |             }, | 
 |  |  |             handleCurrentChange(val) { | 
 |  |  |                 this.page.currentPage = val; | 
 |  |  |                 this.searchGoods(); | 
 |  |  |             }, | 
 |  |  |             remoteMethod(query) { | 
 |  |  |                 if (query !== '') { | 
 |  |  |                     this.vipLoading = true; | 
 |  |  | 
 |  |  |                         title: "打印订单", | 
 |  |  |                         area: ['250px', '550px'], | 
 |  |  |                         maxmin: true, | 
 |  |  |                         content: [basePath + '/admin/redirect/hive/beautySalon/print-order?id=' + this.order.id], | 
 |  |  |                         content: [basePath + '/admin/order/printOrder?id=' + this.order.id], | 
 |  |  |                         cancel: function (index, layero) { | 
 |  |  |                             _this.closeFram(); | 
 |  |  |                         } |