|  |  |  | 
|---|
|  |  |  | <div class="panel-body" id="app"> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <el-row class="buttonPanel"> | 
|---|
|  |  |  | <el-button type="primary" >导出</el-button> | 
|---|
|  |  |  | <el-button @click="exportExcel" type="primary" >导出</el-button> | 
|---|
|  |  |  | </el-row> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <el-row class="rowPanel"  > | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <el-row class="table-style"  > | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <el-table id="proj" :data="table.rows"  :height="height" stripe> | 
|---|
|  |  |  | <el-table id="proj" :data="table.rows"  :height="height" stripe @sort-change="sortChange"> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | prop="orderNo" | 
|---|
|  |  |  | label="订单号" | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | prop="createTime" | 
|---|
|  |  |  | sortable="custom" | 
|---|
|  |  |  | label="交易时间" | 
|---|
|  |  |  | show-overflow-tooltip | 
|---|
|  |  |  | width="180"> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | prop="flowType" | 
|---|
|  |  |  | sortable="custom" | 
|---|
|  |  |  | label="交易类型"> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | prop="amount" | 
|---|
|  |  |  | sortable="custom" | 
|---|
|  |  |  | label="交易金额"> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | prop="payMethod" | 
|---|
|  |  |  | sortable="custom" | 
|---|
|  |  |  | label="支付方式"> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column label="操作"> | 
|---|
|  |  |  | <template slot-scope="scope"> | 
|---|
|  |  |  | <el-button type="text" size="small">有效</el-button> | 
|---|
|  |  |  | <el-button type="text" @click="openOrder(scope.$index, scope.row)" size="small">订单详情</el-button> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | </el-table> | 
|---|
|  |  |  | 
|---|
|  |  |  | orderNo:'', | 
|---|
|  |  |  | oprationMan:'', | 
|---|
|  |  |  | queryKey:'', | 
|---|
|  |  |  | order:'', | 
|---|
|  |  |  | sort:'' | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | height:'calc(100vh - 240px)', | 
|---|
|  |  |  | flowTypeList:[ | 
|---|
|  |  |  | 
|---|
|  |  |  | resetForm(formName) { | 
|---|
|  |  |  | this.$refs[formName].resetFields(); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | sortChange:function (column){ | 
|---|
|  |  |  | if(column.order){ | 
|---|
|  |  |  | if(column.order.indexOf("desc")){ | 
|---|
|  |  |  | this.form.order="desc"; | 
|---|
|  |  |  | }else{ | 
|---|
|  |  |  | this.form.order="asc"; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.form.sort=column.prop; | 
|---|
|  |  |  | this.loadData(); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | loadData:function(){ | 
|---|
|  |  |  | let _this = this; | 
|---|
|  |  |  | //获取用户列表 | 
|---|
|  |  |  | let data=_this.getRequestParam(); | 
|---|
|  |  |  | data.limit=_this.table.pageSize; | 
|---|
|  |  |  | data.offset=_this.table.pageSize*(_this.table.currentPage-1); | 
|---|
|  |  |  | AjaxProxy.requst({ | 
|---|
|  |  |  | app: _this, | 
|---|
|  |  |  | data:{ | 
|---|
|  |  |  | limit:_this.table.pageSize, | 
|---|
|  |  |  | offset:_this.table.pageSize*(_this.table.currentPage-1), | 
|---|
|  |  |  | name:_this.form.name, | 
|---|
|  |  |  | payMethod:_this.form.payMethod, | 
|---|
|  |  |  | flowType:_this.form.flowType, | 
|---|
|  |  |  | orderNo:_this.form.orderNo, | 
|---|
|  |  |  | oprationMan:_this.form.oprationMan, | 
|---|
|  |  |  | queryKey:_this.form.queryKey, | 
|---|
|  |  |  | startTime:_this.form.datetimeArr?moment(_this.form.datetimeArr[0]).format("YYYY-MM-DD HH:mm"):'', | 
|---|
|  |  |  | endTime:_this.form.datetimeArr?moment(_this.form.datetimeArr[1]).format("YYYY-MM-DD HH:mm"):'', | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | url: basePath + '/admin/orderFlow/findSumDailyInfoNew', | 
|---|
|  |  |  | data:data, | 
|---|
|  |  |  | url: basePath + '/admin/orderFlow/findOrderFlow', | 
|---|
|  |  |  | callback: function (data) { | 
|---|
|  |  |  | _this.table.rows = data.rows; | 
|---|
|  |  |  | _this.table.total=data.total; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | getRequestParam(){ | 
|---|
|  |  |  | let _this = this; | 
|---|
|  |  |  | return   { | 
|---|
|  |  |  | name:_this.form.name, | 
|---|
|  |  |  | payMethod:_this.form.payMethod, | 
|---|
|  |  |  | flowType:_this.form.flowType, | 
|---|
|  |  |  | orderNo:_this.form.orderNo, | 
|---|
|  |  |  | oprationMan:_this.form.oprationMan, | 
|---|
|  |  |  | queryKey:_this.form.queryKey, | 
|---|
|  |  |  | startTime:_this.form.datetimeArr?moment(_this.form.datetimeArr[0]).format("YYYY-MM-DD HH:mm"):'', | 
|---|
|  |  |  | endTime:_this.form.datetimeArr?moment(_this.form.datetimeArr[1]).format("YYYY-MM-DD HH:mm"):'', | 
|---|
|  |  |  | shopId:_this.form.shopId, | 
|---|
|  |  |  | order:_this.form.order, | 
|---|
|  |  |  | sort:_this.form.sort, | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | search:function(){ | 
|---|
|  |  |  | this.table.currentPage=1; | 
|---|
|  |  |  | 
|---|
|  |  |  | if(evt.keyCode==13) { | 
|---|
|  |  |  | this.search(); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  |  | 
|---|
|  |  |  | openOrder(index,row){ | 
|---|
|  |  |  | layer.full(layer.open({ | 
|---|
|  |  |  | type : 2, | 
|---|
|  |  |  | title : "订单详情", | 
|---|
|  |  |  | maxmin : true, | 
|---|
|  |  |  | content : [ basePath + '/admin/order/orderItem?id=' + row.orderId ] | 
|---|
|  |  |  | })); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | //导出 | 
|---|
|  |  |  | exportExcel(){ | 
|---|
|  |  |  | window.location.href=basePath+"/admin/orderFlow/exportOrderFlowExcel?"+MTools.jsonToUrlParam(this.getRequestParam()); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|