| | |
| | | <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()); |
| | | } |
| | | |
| | | } |
| | | }); |