|  |  | 
 |  |  |         } | 
 |  |  |     </style> | 
 |  |  | </head> | 
 |  |  | <body> | 
 |  |  | <div class="ibox-content" id="app" v-cloak> | 
 |  |  | <body style="overflow: hidden"> | 
 |  |  | <div  id="app" v-cloak> | 
 |  |  |  | 
 |  |  |  | 
 |  |  |     <el-row> | 
 |  |  | 
 |  |  |                         </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-input @change="calculationTotal" v-model="scope.row.zkPrice"></el-input> | 
 |  |  |                         </template> | 
 |  |  |                     </el-table-column> | 
 |  |  |                     <el-table-column | 
 |  |  |                             label="支付方式" | 
 |  |  |                             width="130"> | 
 |  |  |                         <template slot-scope="scope"> | 
 |  |  |                             <el-select  v-model="scope.row.payMethod" | 
 |  |  |                                         placeholder="请选择支付方式"> | 
 |  |  |                                 <el-option | 
 |  |  |                                         v-for="item in itemSimplePayMethods" | 
 |  |  |                                         :key="item.value" | 
 |  |  |                                         :label="item.label" | 
 |  |  |                                         :value="item.value" | 
 |  |  |                                         :disabled="item.disabled"> | 
 |  |  |                                 </el-option> | 
 |  |  |                             </el-select> | 
 |  |  |                         </template> | 
 |  |  |                     </el-table-column> | 
 |  |  |  | 
 |  |  |                     <el-table-column | 
 |  |  |                             label="小计"> | 
 |  |  |                         <template slot-scope="scope"> | 
 |  |  |                             {{scope.row.zkPrice * scope.row.count }} | 
 |  |  |                             {{(scope.row.zkPrice * scope.row.count).toFixed(2) }} | 
 |  |  |                         </template> | 
 |  |  |                     </el-table-column> | 
 |  |  |  | 
 |  |  | 
 |  |  |                 </el-table> | 
 |  |  |  | 
 |  |  |             </el-row> | 
 |  |  |             <el-row class="mt-20 vertical"> | 
 |  |  |             <el-row class=" vertical"> | 
 |  |  |                 <el-col :span="10" class="money-box"> | 
 |  |  |                     <div> | 
 |  |  |                         <ul> | 
 |  |  | 
 |  |  |  | 
 |  |  |                             <li>订单总金额:{{order.total}}</li> | 
 |  |  |  | 
 |  |  |                             <li>整单折扣:<span class="arrears" v-if="order.zkTotal != null">{{order.total - order.zkTotal}}</span></li> | 
 |  |  |                             <li>整单折扣:<span class="arrears" v-if="order.zkTotal != null">{{(order.total - order.zkTotal).toFixed(2)}}</span></li> | 
 |  |  | <!--                            <li v-if="order.arrears>0">订单欠款:<span class="arrears">{{order.arrears}}</span></li>--> | 
 |  |  | <!--                            <li v-if="order.arrears<0">找零:<span class="arrears">{{order.arrears}}</span></li>--> | 
 |  |  |                         </ul> | 
 |  |  | 
 |  |  |                                 label="收款"> | 
 |  |  |                         </el-table-column> | 
 |  |  |                         <el-table-column | 
 |  |  |                                 label="支付方式" | 
 |  |  |                                 width="130"> | 
 |  |  |                             <template slot-scope="scope"> | 
 |  |  |                                 <el-select  v-model="scope.row.payMethod" | 
 |  |  |                                             placeholder="请选择支付方式"> | 
 |  |  |                                     <el-option | 
 |  |  |                                             v-for="item in itemSimplePayMethods" | 
 |  |  |                                             :key="item.value" | 
 |  |  |                                             :label="item.label" | 
 |  |  |                                             :value="item.value" | 
 |  |  |                                             :disabled="item.disabled"> | 
 |  |  |                                     </el-option> | 
 |  |  |                                 </el-select> | 
 |  |  |                             </template> | 
 |  |  |                         </el-table-column> | 
 |  |  |                         <el-table-column | 
 |  |  |                                 label="业绩类型" width="150"> | 
 |  |  |                             <template slot-scope="scope"> | 
 |  |  |                                 <el-select v-model="scope.row.achieveType" @change="calculationAchieve" placeholder="请选择业绩类型"> | 
 |  |  | 
 |  |  |                                 </el-select> | 
 |  |  |                             </template> | 
 |  |  |                         </el-table-column> | 
 |  |  |  | 
 |  |  |                         <el-table-column | 
 |  |  |                                 label="业绩" > | 
 |  |  |                             <template slot-scope="scope"> | 
 |  |  | 
 |  |  |             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, | 
 |  |  |                                                 }); | 
 |  |  |                                             }); | 
 |  |  |                                             _this.order.payMoney = orderPayMoney; | 
 |  |  | 
 |  |  |                     item.price = goods.sealPice; | 
 |  |  |                     item.goodsId = goods.id; | 
 |  |  |                     item.isFree = '否'; | 
 |  |  |                     item.payMethod = '现金'; | 
 |  |  |                     if (type == BUY_TYPE_NOT_FREE) { | 
 |  |  |                         //购买 | 
 |  |  |                         item.zkPrice = goods.sealPice; | 
 |  |  | 
 |  |  |                             achieveType : _this.achieveTypeList[0].value, | 
 |  |  |                             commission: 0, | 
 |  |  |                             isShare: false, | 
 |  |  |                             payMethod:'现金', | 
 |  |  |                         }); | 
 |  |  |                     } else { | 
 |  |  |                         //加入业绩 | 
 |  |  | 
 |  |  |                             achieveType : _this.achieveTypeList[0].value, | 
 |  |  |                             commission: 0, | 
 |  |  |                             isShare: false, | 
 |  |  |                             payMethod:'现金', | 
 |  |  |                         }); | 
 |  |  |                     } | 
 |  |  |                     this.order.items.push(item); | 
 |  |  | 
 |  |  |                         callback: function (data) { | 
 |  |  |                             let order = data.rows[0]; | 
 |  |  |                             console.log("order", order); | 
 |  |  |                             _this.order.zkTotal = order.zkTotal; | 
 |  |  |                             _this.order.total = order.total; | 
 |  |  |                             _this.order.zkTotal = order.zkTotal.toFixed(2); | 
 |  |  |                             _this.order.total = order.total.toFixed(2); | 
 |  |  |  | 
 |  |  |                             //支付金额计算 | 
 |  |  |                             _this.order.items.forEach(item => { | 
 |  |  |                                 let count = parseFloat(item.count); | 
 |  |  |                                 let zkPrice = parseFloat(item.zkPrice); | 
 |  |  |  | 
 |  |  |                                 if (optionType != 1) { | 
 |  |  |                                 // if (optionType != 1) { | 
 |  |  |                                     //直接修改支付金额不重置支付金额 | 
 |  |  |                                     item.payMoney = zkPrice * count; | 
 |  |  |                                 } | 
 |  |  |                                     item.payMoney = (zkPrice * count).toFixed(2); | 
 |  |  |                                 // } | 
 |  |  |                                 _this.order.payMoney += parseFloat(item.payMoney); | 
 |  |  |  | 
 |  |  |                                 //重新计算业绩金额 | 
 |  |  | 
 |  |  |                             let flows = [] | 
 |  |  |                             var total = 0; | 
 |  |  |                             let isPayMethodOk=true; | 
 |  |  |                             _this.payMoneys.forEach(item => { | 
 |  |  |                             for(let i=0; i<_this.payMoneys.length;i++){ | 
 |  |  |                                 let item = _this.payMoneys[i]; | 
 |  |  |                                 let flow = {}; | 
 |  |  |                                 flow.payMethod = item.type; | 
 |  |  |                                 if (!item.money) { | 
 |  |  | 
 |  |  |                                 } | 
 |  |  |                                 total += parseFloat(item.money); | 
 |  |  |                                 flows.push(flow) | 
 |  |  |                             }) | 
 |  |  |                             if(!isPayMethodOk){ | 
 |  |  |                                 return ; | 
 |  |  |                             } | 
 |  |  |  | 
 |  |  |                             if (total != _this.order.payMoney) { | 
 |  |  |                                 this.$message.warning("输入付款总金额与应付金额不符"); | 
 |  |  |                                 return false; | 
 |  |  | 
 |  |  |                                     projPercentage: achieve.commission, | 
 |  |  |                                     achieveType: achieve.achieveType, | 
 |  |  |                                     goodsCash: achieve.goodsCash, | 
 |  |  |                                     payMethod: achieve.payMethod, | 
 |  |  |                                 }; | 
 |  |  |                                item.achieveList.push(achieveNew); | 
 |  |  |                                 break; | 
 |  |  | 
 |  |  |              */ | 
 |  |  |             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, 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; | 
 |  |  | 
 |  |  |                 console.log("校验业绩是否大于订单收款金额"); | 
 |  |  |                 let jsqMap={}; | 
 |  |  |                 let isOk=true; | 
 |  |  |                 this.achieveList.forEach(achieve=>{ | 
 |  |  |                 for(let i=0 ; i< this.achieveList.length; i++){ | 
 |  |  |                     let achieve=this.achieveList[i]; | 
 |  |  |                     if(!isNaN(achieve.goodsCash)  ){ | 
 |  |  |                         key=achieve.achieveType+achieve.orderItem.uuid; | 
 |  |  |                         if(!jsqMap[key]){ | 
 |  |  | 
 |  |  |                         isOk=false; | 
 |  |  |                         return; | 
 |  |  |                     } | 
 |  |  |                 }); | 
 |  |  |                 }; | 
 |  |  |                 console.log("isOk",isOk); | 
 |  |  |                 return isOk; | 
 |  |  |             }, | 
 |  |  | 
 |  |  |                     return false; | 
 |  |  |                 } | 
 |  |  |  | 
 |  |  |                 if(!this.checkAchieveMoney()){ | 
 |  |  |                     return ; | 
 |  |  |                 } | 
 |  |  |  | 
 |  |  |                 _this.dialogSettleVisible = true; | 
 |  |  |             } | 
 |  |  |         } |