|
|
@@ -0,0 +1,115 @@
|
|
|
+$(function () {
|
|
|
+ $("#jqGrid").jqGrid({
|
|
|
+ url: baseURL + 'qyh/enterprise/orderPage',
|
|
|
+ datatype: "json",
|
|
|
+ colModel: [
|
|
|
+ { label: 'id', name: 'id', index: 'id', width: 50, hidden:true, key: true },
|
|
|
+ { label: '营业执照号', name: 'licenseNo', index: 'licenseNo', width: 80 },
|
|
|
+ { label: '企业全称', name: 'enterpriseName', index: 'enterpriseName', width: 80 },
|
|
|
+ { label: '金额', name: 'actuallyPaid', index: 'actuallyPaid', width: 80 },
|
|
|
+ { label: '缴费时间', name: 'payTime', index: 'payTime', width: 80 },
|
|
|
+ ],
|
|
|
+ viewrecords: true,
|
|
|
+ height: 385,
|
|
|
+ rowNum: 10,
|
|
|
+ rowList : [10,30,50],
|
|
|
+ rownumbers: true,
|
|
|
+ rownumWidth: 25,
|
|
|
+ autowidth:true,
|
|
|
+ multiselect: true,
|
|
|
+ pager: "#jqGridPager",
|
|
|
+ jsonReader : {
|
|
|
+ root: "page.list",
|
|
|
+ page: "page.currPage",
|
|
|
+ total: "page.totalPage",
|
|
|
+ records: "page.totalCount"
|
|
|
+ },
|
|
|
+ prmNames : {
|
|
|
+ page:"page",
|
|
|
+ rows:"limit",
|
|
|
+ order: "order"
|
|
|
+ },
|
|
|
+ gridComplete:function(){
|
|
|
+ //隐藏grid底部滚动条
|
|
|
+ $("#jqGrid").closest(".ui-jqgrid-bdiv").css({ "overflow-x" : "hidden" });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ initdate()
|
|
|
+});
|
|
|
+/*日期框初始化*/
|
|
|
+function initdate(){
|
|
|
+ layui.use('laydate', function() {
|
|
|
+ var laydate = layui.laydate;
|
|
|
+
|
|
|
+ /*搜索框*/
|
|
|
+ laydate.render({
|
|
|
+ elem: '#startTime'
|
|
|
+ ,theme: '#34B9B4'
|
|
|
+ ,trigger: 'click'
|
|
|
+ ,type: 'datetime'
|
|
|
+ ,format: 'yyyy-MM-dd HH:mm'
|
|
|
+ ,done: function(value, date, endDate){
|
|
|
+ vm.queryParam.startTime = value;
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ laydate.render({
|
|
|
+ elem: '#endTime'
|
|
|
+ ,theme: '#34B9B4'
|
|
|
+ ,trigger: 'click'
|
|
|
+ ,type: 'datetime'
|
|
|
+ ,format: 'yyyy-MM-dd HH:mm'
|
|
|
+ ,done: function(value, date, endDate){
|
|
|
+ vm.queryParam.endTime = value;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ })
|
|
|
+}
|
|
|
+var vm = new Vue({
|
|
|
+ el:'#rrapp',
|
|
|
+ data:{
|
|
|
+ showList: true,
|
|
|
+ title: null,
|
|
|
+ wjxyEnterprise: {
|
|
|
+ state: ''
|
|
|
+ },
|
|
|
+ queryParam: {
|
|
|
+ enterpriseName:'',
|
|
|
+ licenseNo:'',
|
|
|
+ startTime: '',
|
|
|
+ endTime: ''
|
|
|
+ },
|
|
|
+ gender: [],
|
|
|
+ state: '',
|
|
|
+ isSee: false,
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ init: function () {
|
|
|
+ vm.queryParam.enterpriseName = ''
|
|
|
+ vm.queryParam.licenseNo = ''
|
|
|
+ vm.queryParam.startTime = ''
|
|
|
+ vm.queryParam.endTime = ''
|
|
|
+ },
|
|
|
+ query: function () {
|
|
|
+ vm.reload(1);
|
|
|
+ },
|
|
|
+ reset() {
|
|
|
+ vm.init();
|
|
|
+ vm.reload(1);
|
|
|
+ },
|
|
|
+ reload: function (event) {
|
|
|
+ vm.showList = true;
|
|
|
+ var page;
|
|
|
+ if (event == 1){
|
|
|
+ page = 1;
|
|
|
+ } else {
|
|
|
+ page = $("#jqGrid").jqGrid('getGridParam','page');
|
|
|
+ }
|
|
|
+ $("#jqGrid").jqGrid('setGridParam',{
|
|
|
+ postData:{'enterpriseName': vm.queryParam.enterpriseName,'licenseNo':vm.queryParam.licenseNo,'startTime':vm.queryParam.startTime
|
|
|
+ ,'endTime':vm.queryParam.endTime},
|
|
|
+ page:page
|
|
|
+ }).trigger("reloadGrid");
|
|
|
+ }
|
|
|
+ }
|
|
|
+});
|