204 lines
14 KiB
JavaScript
204 lines
14 KiB
JavaScript
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["chunk-0c47f2ee"], { "1a02": function(t, e, a) {
|
|
"use strict";
|
|
a.r(e);
|
|
var r = function() {
|
|
var t2 = this, e2 = t2.$createElement, a2 = t2._self._c || e2;
|
|
return a2("div", { staticClass: "app-container bgHeight" }, [a2("div", { ref: "box", staticClass: "searchStys transition_dom" }, [a2("el-form", { ref: "query", attrs: { model: t2.query } }, [a2("div", { ref: "form_box", staticClass: "searchBar" }, [a2("div", { staticClass: "searchInput" }, [a2("el-row", { attrs: { gutter: 20 } }, [a2("el-col", { attrs: { span: 6 } }, [a2("el-form-item", { attrs: { prop: "carNumber" } }, [a2("el-input", { attrs: { placeholder: "车牌", clearable: "" }, model: { value: t2.query.carNumber, callback: function(e3) {
|
|
t2.$set(t2.query, "carNumber", e3);
|
|
}, expression: "query.carNumber" } })], 1)], 1), t2._v(" "), a2("el-col", { attrs: { span: 6 } }, [a2("el-form-item", { attrs: { prop: "authType" } }, [a2("el-select", { attrs: { clearable: "", placeholder: "放行类型" }, model: { value: t2.query.authType, callback: function(e3) {
|
|
t2.$set(t2.query, "authType", e3);
|
|
}, expression: "query.authType" } }, t2._l(t2.authType, (function(t3) {
|
|
return a2("el-option", { key: t3.value, attrs: { label: t3.label, value: t3.value } });
|
|
})), 1)], 1)], 1), t2._v(" "), a2("el-col", { attrs: { span: 6 } }, [a2("el-form-item", { attrs: { prop: "direction" } }, [a2("el-select", { attrs: { clearable: "", placeholder: "进出类型" }, model: { value: t2.query.direction, callback: function(e3) {
|
|
t2.$set(t2.query, "direction", e3);
|
|
}, expression: "query.direction" } }, [a2("el-option", { attrs: { label: "入场", value: "1" } }), t2._v(" "), a2("el-option", { attrs: { label: "出场", value: "2" } })], 1)], 1)], 1), t2._v(" "), a2("el-col", { attrs: { span: 12 } }, [a2("el-form-item", [a2("el-date-picker", { attrs: { "value-format": "yyyy-MM-dd HH:mm:ss", type: "datetimerange", "range-separator": "至", "start-placeholder": "开始日期", "end-placeholder": "结束日期", "default-time": ["00:00:00", "23:59:59"] }, model: { value: t2.time, callback: function(e3) {
|
|
t2.time = e3;
|
|
}, expression: "time" } })], 1)], 1)], 1)], 1), t2._v(" "), a2("div", { staticClass: "searchBtn" }, [a2("el-form-item", [a2("el-button", { directives: [{ name: "points", rawName: "v-points", value: 500, expression: "500" }], on: { click: function(e3) {
|
|
return t2.resetForm("query");
|
|
} } }, [t2._v("重置")]), t2._v(" "), a2("el-button", { directives: [{ name: "points", rawName: "v-points", value: 500, expression: "500" }], attrs: { type: "primary" }, on: { click: t2.onSearch } }, [t2._v("查询")]), t2._v(" "), t2.is_show || "80px" == t2.height ? t2._e() : a2("el-button", { directives: [{ name: "points", rawName: "v-points", value: 500, expression: "500" }], attrs: { type: "text" }, on: { click: t2.upAndDown } }, [t2._v("展开"), a2("i", { staticClass: "el-icon-arrow-down" })]), t2._v(" "), t2.is_show && "80px" != t2.height ? a2("el-button", { directives: [{ name: "points", rawName: "v-points", value: 500, expression: "500" }], attrs: { type: "text" }, on: { click: t2.upAndDown } }, [t2._v("收起"), a2("i", { staticClass: "el-icon-arrow-up" })]) : t2._e()], 1)], 1)])])], 1), t2._v(" "), a2("el-card", { staticClass: "box-card", attrs: { shadow: "never" } }, [a2("div", { staticClass: "planLst", attrs: { slot: "header" }, slot: "header" }, [a2("span", { staticClass: "planTitle" }, [t2._v("车辆进出记录")])]), t2._v(" "), a2("el-table", { directives: [{ name: "loading", rawName: "v-loading", value: t2.listLoading, expression: "listLoading" }], attrs: { border: "", data: t2.listRecord, "header-cell-style": t2.headClass, "tooltip-effect": "dark" } }, [a2("el-table-column", { attrs: { label: "#", align: "center", width: "50" }, scopedSlots: t2._u([{ key: "default", fn: function(e3) {
|
|
return [a2("span", [t2._v(t2._s(e3.$index + (t2.query.pageNumber - 1) * t2.query.pageSize + 1) + "\n ")])];
|
|
} }]) }), t2._v(" "), a2("el-table-column", { attrs: { align: "center", label: "项目" }, scopedSlots: t2._u([{ key: "default", fn: function(e3) {
|
|
return [a2("span", [t2._v(t2._s(e3.row.projectName))])];
|
|
} }]) }), t2._v(" "), a2("el-table-column", { attrs: { align: "center", label: "停车场" }, scopedSlots: t2._u([{ key: "default", fn: function(e3) {
|
|
return [a2("span", [t2._v(t2._s(e3.row.carPackName))])];
|
|
} }]) }), t2._v(" "), a2("el-table-column", { attrs: { align: "center", label: "车牌" }, scopedSlots: t2._u([{ key: "default", fn: function(e3) {
|
|
return [a2("span", [t2._v(t2._s(e3.row.carNumber))])];
|
|
} }]) }), t2._v(" "), a2("el-table-column", { attrs: { align: "center", label: "通道名称" }, scopedSlots: t2._u([{ key: "default", fn: function(e3) {
|
|
return [a2("span", [t2._v(t2._s(e3.row.laneName))])];
|
|
} }]) }), t2._v(" "), a2("el-table-column", { attrs: { align: "center", label: "放行时间", "min-width": "160" }, scopedSlots: t2._u([{ key: "default", fn: function(e3) {
|
|
return [a2("span", [t2._v(t2._s(e3.row.passTime))])];
|
|
} }]) }), t2._v(" "), a2("el-table-column", { attrs: { align: "center", label: "进出类型" }, scopedSlots: t2._u([{ key: "default", fn: function(e3) {
|
|
return [a2("span", [t2._v(t2._s(1 === e3.row.direction ? "入场" : "出场"))])];
|
|
} }]) }), t2._v(" "), a2("el-table-column", { attrs: { align: "center", label: "放行类型" }, scopedSlots: t2._u([{ key: "default", fn: function(e3) {
|
|
return [a2("span", [t2._v(t2._s(t2.getAuthType(e3.row.authType)))])];
|
|
} }]) }), t2._v(" "), a2("el-table-column", { attrs: { align: "center", label: "抓拍图片", width: "150" }, scopedSlots: t2._u([{ key: "default", fn: function(e3) {
|
|
return [a2("el-image", { staticClass: "bannerImg", attrs: { src: e3.row.carImageUrl, fit: "contain", "preview-src-list": e3.row.list } }, [a2("div", { staticClass: "image-slot", attrs: { slot: "placeholder" }, slot: "placeholder" }, [t2._v("\n 加载中"), a2("span", { staticClass: "dot" }, [t2._v("...")])]), t2._v(" "), a2("div", { staticClass: "image-error-slot", attrs: { slot: "error" }, slot: "error" }, [t2._v("-")])])];
|
|
} }]) }), t2._v(" "), a2("el-table-column", { attrs: { align: "center", label: "车辆颜色" }, scopedSlots: t2._u([{ key: "default", fn: function(e3) {
|
|
return [a2("span", [t2._v(t2._s(e3.row.carColor ? e3.row.carColor : "-"))])];
|
|
} }]) })], 1), t2._v(" "), a2("div", { staticClass: "paginations" }, [a2("el-pagination", { attrs: { background: "", "current-page": t2.query.pageNumber, "page-sizes": [10, 30, 50, 100, 200], "page-size": t2.query.pageSize, layout: "total, sizes, prev, pager, next, jumper", total: t2.pageTotal }, on: { "update:currentPage": function(e3) {
|
|
return t2.$set(t2.query, "pageNumber", e3);
|
|
}, "update:current-page": function(e3) {
|
|
return t2.$set(t2.query, "pageNumber", e3);
|
|
}, "size-change": t2.handleSizeChange, "current-change": t2.handleCurrentChange } })], 1)], 1)], 1);
|
|
}, n = [], o = a("722f"), s = a("dd26"), i = a.n(s), l = { name: "recordsList", components: {}, data: function() {
|
|
return { is_show: false, height: "", isShow: false, listLoading: false, pageTotal: 0, listRecord: [], query: { pageNumber: 1, pageSize: 10, carNumber: null, phone: null, name: null, direction: null, authType: null, startDate: null, endDate: null }, authType: [{ value: 1, label: "白名单" }, { value: 2, label: "临时车" }, { value: 3, label: "预授权/预约车" }, { value: 4, label: "异常放行" }, { value: 5, label: "自动放行" }, { value: 6, label: "预交费" }, { value: 7, label: "共享车位作为临时车" }, { value: 8, label: "共享车位作为长租车" }, { value: 9, label: "黑名单" }, { value: 10, label: "专有车位车" }], time: null };
|
|
}, beforeRouteEnter: function(t2, e2, a2) {
|
|
a2((function(e3) {
|
|
var a3 = t2.name, r2 = JSON.parse(sessionStorage.getItem(a3));
|
|
r2 && (e3.query = r2), e3.getlistData();
|
|
}));
|
|
}, created: function() {
|
|
}, mounted: function() {
|
|
this.getRealHeight();
|
|
var t2 = i()().startOf("day").format("YYYY-MM-DD") + " 00:00:00", e2 = i()().endOf("day").format("YYYY-MM-DD") + " 23:59:59";
|
|
this.time = [t2, e2], this.getlistData();
|
|
}, methods: { findArrBykey: function(t2, e2, a2) {
|
|
var r2 = t2.filter((function(t3) {
|
|
return t3[e2] === a2;
|
|
}));
|
|
return r2;
|
|
}, getlistData: function() {
|
|
var t2 = this;
|
|
this.query.projectUuid = this.$store.state.community_uuid, this.time ? (this.query.startDate = this.time[0], this.query.endDate = this.time[1]) : (this.query.startDate = null, this.query.endDate = null), this.listLoading = true, Object(o["c"])(this.query).then((function(e2) {
|
|
0 === e2.code ? (t2.listRecord = e2.data.records, t2.pageTotal = e2.data.rowsCount, t2.getDrawerTableList(), t2.listLoading = false) : t2.listLoading = false, sessionStorage.setItem(t2.$route.name, JSON.stringify(t2.query));
|
|
})).catch((function(e2) {
|
|
t2.listLoading = false;
|
|
}));
|
|
}, getAuthType: function(t2) {
|
|
if (console.log("val", t2), t2) {
|
|
var e2 = this.findArrBykey(this.authType, "value", t2);
|
|
return e2.length > 0 ? e2[0].label : "-";
|
|
}
|
|
return "-";
|
|
}, onSearch: function() {
|
|
this.query.pageNumber = 1, this.getlistData();
|
|
}, resetForm: function(t2) {
|
|
this.time = "", this.query.pageNumber = 1, this.$refs[t2].resetFields(), this.getlistData();
|
|
}, handleSlow: function() {
|
|
this.isShow = !this.isShow;
|
|
}, handleSizeChange: function(t2) {
|
|
this.query.pageSize = t2, this.query.pageNumber = 1, this.getlistData();
|
|
}, handleCurrentChange: function(t2) {
|
|
this.query.pageNumber = t2, this.getlistData();
|
|
}, headClass: function() {
|
|
return "text-align:center;background:#FAFAFA;";
|
|
}, upAndDown: function() {
|
|
this.is_show ? this.$refs.box.style.height = "80px" : this.$refs.box.style.height = this.height, this.is_show = !this.is_show;
|
|
}, getRealHeight: function() {
|
|
this.$nextTick((function() {
|
|
this.height = this.$refs.form_box.offsetHeight + "px";
|
|
}));
|
|
}, getDrawerTableList: function(t2) {
|
|
this.list = [];
|
|
for (var e2 = 0; e2 < this.listRecord.length; e2++) this.list.push(this.listRecord[e2].carImageUrl);
|
|
for (e2 = 0; e2 < this.listRecord.length; e2++) {
|
|
var a2 = this.list, r2 = a2.slice(0, e2), n2 = a2.slice(e2, this.listRecord.length), o2 = n2.concat(r2);
|
|
this.listRecord[e2].list = o2;
|
|
}
|
|
} } }, u = l, c = (a("a1e8"), a("829d")), p = Object(c["a"])(u, r, n, false, null, "0f7cfd5b", null);
|
|
e["default"] = p.exports;
|
|
}, "722f": function(t, e, a) {
|
|
"use strict";
|
|
a.d(e, "q", (function() {
|
|
return n;
|
|
})), a.d(e, "d", (function() {
|
|
return o;
|
|
})), a.d(e, "b", (function() {
|
|
return s;
|
|
})), a.d(e, "i", (function() {
|
|
return i;
|
|
})), a.d(e, "h", (function() {
|
|
return l;
|
|
})), a.d(e, "g", (function() {
|
|
return u;
|
|
})), a.d(e, "p", (function() {
|
|
return c;
|
|
})), a.d(e, "c", (function() {
|
|
return p;
|
|
})), a.d(e, "s", (function() {
|
|
return d;
|
|
})), a.d(e, "a", (function() {
|
|
return f;
|
|
})), a.d(e, "k", (function() {
|
|
return h;
|
|
})), a.d(e, "e", (function() {
|
|
return m;
|
|
})), a.d(e, "n", (function() {
|
|
return b;
|
|
})), a.d(e, "l", (function() {
|
|
return g;
|
|
})), a.d(e, "o", (function() {
|
|
return v;
|
|
})), a.d(e, "m", (function() {
|
|
return y;
|
|
})), a.d(e, "r", (function() {
|
|
return _;
|
|
})), a.d(e, "f", (function() {
|
|
return j;
|
|
})), a.d(e, "j", (function() {
|
|
return w;
|
|
}));
|
|
var r = a("b775");
|
|
function n(t2) {
|
|
return Object(r["a"])({ url: "/appproject/CarPark/pageList", method: "post", data: t2 });
|
|
}
|
|
function o(t2) {
|
|
return Object(r["a"])({ url: "/appproject/CarPark/create", method: "post", data: t2 });
|
|
}
|
|
function s(t2) {
|
|
return Object(r["a"])({ url: "/appproject/CarMonthlyCard/pageList", method: "post", data: t2 });
|
|
}
|
|
function i(t2) {
|
|
return Object(r["a"])({ url: "/appproject/CarPark/findMsgTypeByProjectId", method: "post", data: t2 });
|
|
}
|
|
function l(t2) {
|
|
return Object(r["a"])({ url: "/appproject/CarPark/findCarTypeByProjectId", method: "post", data: t2 });
|
|
}
|
|
function u(t2) {
|
|
return Object(r["a"])({ url: "/appproject/CarPark/findCarAreaByProjectId", method: "post", data: t2 });
|
|
}
|
|
function c(t2) {
|
|
return Object(r["a"])({ url: "/appproject/CarBusinessRel/pageList", method: "post", data: t2 });
|
|
}
|
|
function p(t2) {
|
|
return Object(r["a"])({ url: "/appproject/CarInOutRecord/pageList", method: "post", data: t2 });
|
|
}
|
|
function d(t2) {
|
|
return Object(r["a"])({ url: "/appproject/CarPark/update", method: "post", data: t2 });
|
|
}
|
|
function f(t2) {
|
|
return Object(r["a"])({ url: "/appproject/CarPark/ListCarLanes", method: "post", data: t2 });
|
|
}
|
|
function h(t2) {
|
|
return Object(r["a"])({ url: "/appproject/PurchaseInfo/listAccount", method: "post", data: t2 });
|
|
}
|
|
function m(t2) {
|
|
return Object(r["a"])({ url: "/appproject/PurchaseInfo/findById", method: "post", data: t2 });
|
|
}
|
|
function b(t2) {
|
|
return Object(r["a"])({ url: "/appproject/CarInfo/listByUserId", method: "post", data: t2 });
|
|
}
|
|
function g(t2) {
|
|
return Object(r["a"])({ url: "/appproject/OrderInfo/listByAccountNo", method: "post", data: t2 });
|
|
}
|
|
function v(t2) {
|
|
return Object(r["a"])({ url: "/appproject/PurchaseInfo/pageList", method: "post", data: t2 });
|
|
}
|
|
function y(t2) {
|
|
return Object(r["a"])({ url: "/appproject/PurchaseInfo/listByPurchaseId", method: "post", data: t2 });
|
|
}
|
|
function _(t2) {
|
|
return Object(r["a"])({ url: "/appproject/OrderAccountTradeInfo/list", method: "post", data: t2 });
|
|
}
|
|
function j(t2) {
|
|
return Object(r["a"])({ url: "/appproject/CarPark/findByProjectUUID", method: "post", data: t2 });
|
|
}
|
|
function w(t2) {
|
|
return Object(r["a"])({ url: "/appproject/CarPark/findSpaceTypeByProjectUuid", method: "post", data: t2 });
|
|
}
|
|
}, a1e8: function(t, e, a) {
|
|
"use strict";
|
|
a("f735");
|
|
}, f735: function(t, e, a) {
|
|
} }]);
|