|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </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, | 
|---|
|  |  |  | 
|---|
|  |  |  | 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); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | //重新计算业绩金额 | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 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; | 
|---|
|  |  |  | 
|---|
|  |  |  | //结算打印提示 | 
|---|
|  |  |  | if (submitType == 1) { | 
|---|
|  |  |  | if (_this.printPaper) { | 
|---|
|  |  |  | _this.$message.success(data.info); | 
|---|
|  |  |  | _this.print(); | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | _this.$message.success({ | 
|---|
|  |  |  | 
|---|
|  |  |  | */ | 
|---|
|  |  |  | 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(); | 
|---|
|  |  |  | } | 
|---|