parent
df7cc7b04f
commit
18f05d2998
@ -0,0 +1,173 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" xmlns:th="http://www.thymeleaf.org">
|
||||||
|
<head th:replace="common/head :: head(link)"/>
|
||||||
|
<body>
|
||||||
|
<div id="app" class="ok-body" v-cloak>
|
||||||
|
<!--模糊搜索区域-->
|
||||||
|
<template>
|
||||||
|
<div style="margin-bottom: 8px;margin-top: 8px;">
|
||||||
|
<i-select @on-change="listParkManage" placeholder="请选择合作单位" v-model="entity.orgId" style="width:200px">
|
||||||
|
<i-option v-for="item in orgList" :value="item.orgId" :key="item.orgId">{{ item.name }}</i-option>
|
||||||
|
</i-select>
|
||||||
|
<i-select placeholder="请选择停车场" v-model="entity.parkManageId" style="width:200px">
|
||||||
|
<i-option v-for="item in parkManageList" :value="item.id" :key="item.id">{{ item.name }}</i-option>
|
||||||
|
</i-select>
|
||||||
|
<i-input placeholder="输入内容" v-model="entity.description" style="width: 200px"></i-input>
|
||||||
|
<i-button type="primary" icon="ios-search" @click="load()">搜索</i-button>
|
||||||
|
<i-button type="primary" icon="ios-redo" @click="reload()" >重置</i-button>
|
||||||
|
<i-button type="primary" icon="md-cloud-download" @click="exportData()" >导出数据</i-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<template>
|
||||||
|
<i-table size="small" :columns="tableTitle" :data="tableData">
|
||||||
|
<template slot-scope="tableScope" slot="action">
|
||||||
|
|
||||||
|
</template>
|
||||||
|
</i-table>
|
||||||
|
<br>
|
||||||
|
<Page style="float: right;" :current="entity.pageNo" :total="tableSize" :page-size="entity.pageSize" @on-change="changePage" @on-page-size-change="changePageSize" show-elevator show-sizer show-total></Page>
|
||||||
|
</template>
|
||||||
|
<form id="exportForm" style="display: none;" method="post">
|
||||||
|
<input name="orgId" v-model="entity.orgId" >
|
||||||
|
<input name="parkManageId" v-model="entity.parkManageId" >
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div th:replace="common/foot :: foot(script)"></div>
|
||||||
|
<script th:inline="none">
|
||||||
|
layui.use(["okUtils", "okLayer"], function () {
|
||||||
|
var okUtils = layui.okUtils;
|
||||||
|
var okLayer = layui.okLayer;
|
||||||
|
var $ = layui.jquery;
|
||||||
|
var vm = new Vue({
|
||||||
|
el: '#app',
|
||||||
|
data: function(){
|
||||||
|
var that = this;
|
||||||
|
return {
|
||||||
|
tableTitle : [{
|
||||||
|
title: '序号',
|
||||||
|
width : 80,
|
||||||
|
render: function(h, params) {
|
||||||
|
return h('span', params.index + (that.entity.pageNo- 1) * that.entity.pageSize + 1);
|
||||||
|
}
|
||||||
|
},{
|
||||||
|
key : "orderNo",
|
||||||
|
title : "订单号",
|
||||||
|
minWidth:200
|
||||||
|
},{
|
||||||
|
key : "totalFee",
|
||||||
|
title : "付款金额",
|
||||||
|
minWidth:150
|
||||||
|
},{
|
||||||
|
key : "plateNumber",
|
||||||
|
title : "车牌号",
|
||||||
|
width:150
|
||||||
|
},{
|
||||||
|
key : "type",
|
||||||
|
title : "支付类型",
|
||||||
|
width : 150,
|
||||||
|
render: function(h, params) {
|
||||||
|
var t = '';
|
||||||
|
switch (params.row.type) {
|
||||||
|
case 0:
|
||||||
|
t = '微信';
|
||||||
|
break;
|
||||||
|
case 1:
|
||||||
|
t = '支付宝';
|
||||||
|
break;
|
||||||
|
case 2:
|
||||||
|
t = 'APPLE PAY';
|
||||||
|
break;
|
||||||
|
case 3:
|
||||||
|
t = 'HUAWEI PAY';
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
t = '其他';
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
return h('span', t);
|
||||||
|
}
|
||||||
|
},{
|
||||||
|
key : "gmtCreate",
|
||||||
|
title : "创建时间",
|
||||||
|
minWidth:150
|
||||||
|
},{
|
||||||
|
key : "validityTime",
|
||||||
|
title : "有效期至",
|
||||||
|
minWidth:150
|
||||||
|
},{
|
||||||
|
key : "remark",
|
||||||
|
title : "备注",
|
||||||
|
minWidth:150
|
||||||
|
}],
|
||||||
|
tableData : [],
|
||||||
|
entity : {
|
||||||
|
pageSize : 10,
|
||||||
|
pageNo : 1,
|
||||||
|
description:'',
|
||||||
|
orgId:null
|
||||||
|
},
|
||||||
|
tableSize : 50,
|
||||||
|
orgList:[],
|
||||||
|
parkManageList:[]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
load : function() {
|
||||||
|
var that = this;
|
||||||
|
okUtils.ajaxCloud({
|
||||||
|
url:"/finance/order/list",
|
||||||
|
param : that.entity,
|
||||||
|
success : function(result) {
|
||||||
|
that.tableData = result.msg.pageData;
|
||||||
|
that.tableSize = result.msg.totalCount;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
listOrg : function() {
|
||||||
|
var that = this;
|
||||||
|
okUtils.ajaxCloud({
|
||||||
|
url:"/sys/org/select",
|
||||||
|
success : function(result) {
|
||||||
|
that.orgList = result.msg;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
listParkManage : function() {
|
||||||
|
var that = this;
|
||||||
|
okUtils.ajaxCloud({
|
||||||
|
url:"/car/parkManage/select",
|
||||||
|
param : {'orgId':vm.entity.orgId},
|
||||||
|
success : function(result) {
|
||||||
|
that.parkManageList = result.msg;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
reload : function(){
|
||||||
|
vm.entity.pageSize = 10;
|
||||||
|
vm.entity.pageNo = 1;
|
||||||
|
vm.entity.description = '';
|
||||||
|
vm.entity.orgId = null;
|
||||||
|
vm.entity.parkManageId = null;
|
||||||
|
this.load();
|
||||||
|
},
|
||||||
|
changePage : function(pageNo) {
|
||||||
|
vm.entity.pageNo = pageNo;
|
||||||
|
vm.load();
|
||||||
|
},
|
||||||
|
changePageSize : function(pageSize) {
|
||||||
|
vm.entity.pageSize = pageSize;
|
||||||
|
vm.load();
|
||||||
|
},exportData: function () {
|
||||||
|
$("#exportForm").attr("action", "/finance/order/export");
|
||||||
|
$("#exportForm").submit();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created: function() {
|
||||||
|
this.load()
|
||||||
|
this.listOrg();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in new issue