$(function () { $("#jqGrid").jqGrid({ url: '../sys/scheduleLog/list', datatype: "json", colModel: [ {label: '日志ID', name: 'logId', key: true, hidden: true}, {label: '任务ID', name: 'jobId', width: 50}, {label: 'bean名称', name: 'beanName', width: 60}, {label: '方法名称', name: 'methodName', width: 60}, {label: '参数', name: 'params', width: 60}, { label: '状态', name: 'status', width: 50, formatter: function (value, options, row) { return value === 0 ? '成功' : '失败'; } }, {label: '耗时(单位:毫秒)', name: 'times', width: 70}, {label: '执行时间', name: 'createTime', width: 80,formatter:function (value) { return transDate(value, 'yyyy-MM-dd hh:mm:ss'); }} ], viewrecords: true, height: 385, rowNum: 10, rowList: [10, 30, 50, 100, 200], rownumbers: true, rownumWidth: 25, autowidth: true, multiselect: false, 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"}); } }); }); var vm = new Vue({ el: '#rrapp', data: { q: { jobId: null } }, methods: { query: function () { $("#jqGrid").jqGrid('setGridParam', { postData: {'jobId': vm.q.jobId}, page: 1 }).trigger("reloadGrid"); }, showError: function (logId) { $.get("../sys/scheduleLog/info/" + logId, function (r) { openWindow({ title: '失败信息', closeBtn: 0, content: r.log.error }); }); }, back: function (event) { history.go(-1); } } });