Skip to content

Commit 7fbb40e

Browse files
928255095928255095
committed
运营加入物联网 门禁 道闸 进出记录 车辆进出记录等数据
1 parent a55d806 commit 7fbb40e

File tree

10 files changed

+1384
-0
lines changed

10 files changed

+1384
-0
lines changed

‎public/pages/iot/adminCarInout/adminCarInout.html

Lines changed: 163 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,163 @@
1+
<div>
2+
<div class="row">
3+
<div class="col-md-1 padding-r-0">
4+
<vc:create path="community/selectAdminCommunity"></vc:create>
5+
</div>
6+
<div class="col-md-11">
7+
8+
<div class="ibox ">
9+
<div class="ibox-title">
10+
<h5>
11+
<vc:i18n name="查询条件"></vc:i18n>
12+
</h5>
13+
<div class="ibox-tools" style="top:10px;">
14+
</div>
15+
</div>
16+
<div class="ibox-content">
17+
<div class="row">
18+
<div class="col-lg-2 padding-right-xs padding-left-xl">
19+
<input v-model="adminCarInoutInfo.carNum" type="text"
20+
:placeholder="vc.i18n('必填，请填写车牌号','adminCarInout')" class="form-control">
21+
</div>
22+
<div class="col-lg-2 padding-right-xs padding-left-xl">
23+
<select class="custom-select" v-model="adminCarInoutInfo.state">
24+
<option value="">{{vc.i18n('请选择车辆状态','adminCarInout')}}</option>
25+
<option value="100300">{{vc.i18n('进场状态','adminCarInout')}}</option>
26+
<option value="100400">{{vc.i18n('支付完成','adminCarInout')}}</option>
27+
<option value="100500">{{vc.i18n('离场状态','adminCarInout')}}</option>
28+
<option value="100600">{{vc.i18n('支付超时重新支付','adminCarInout')}}</option>
29+
</select>
30+
</div>
31+
<div class="col-lg-2 padding-right-xs padding-left-xl">
32+
<select class="custom-select" v-model="adminCarInoutInfo.carType">
33+
<option value="">{{vc.i18n('请选择车牌类型','adminCarInout')}}</option>
34+
<option value="T">{{vc.i18n('临时车','adminCarInout')}}</option>
35+
<option value="S">{{vc.i18n('出售车辆','adminCarInout')}}</option>
36+
<option value="H">{{vc.i18n('月租车','adminCarInout')}}</option>
37+
<option value="W">{{vc.i18n('白名单','adminCarInout')}}</option>
38+
<option value="B">{{vc.i18n('黑名单','adminCarInout')}}</option>
39+
<option value="I">{{vc.i18n('内部车','adminCarInout')}}</option>
40+
<option value="NM">{{vc.i18n('免费车','adminCarInout')}}</option>
41+
</select>
42+
</div>
43+
<div class="col-lg-2 padding-right-xs padding-left-xl">
44+
<input v-model="adminCarInoutInfo.startTime" type="text"
45+
:placeholder="vc.i18n('请填写开始时间','adminCarInout')"
46+
class="form-control carInoutsStartTime">
47+
</div>
48+
<div class="col-lg-2 padding-right-xs padding-left-xl">
49+
<input v-model="adminCarInoutInfo.endTime" type="text"
50+
:placeholder="vc.i18n('请填写结束时间','adminCarInout')"
51+
class="form-control carInoutsEndTime">
52+
</div>
53+
<div class="col-lg-2 padding-right-xs padding-right-xl text-right">
54+
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
55+
v-on:click="_queryAdminCarInoutMethod()">
56+
<i class="fa fa-search"></i>查询
57+
</button>
58+
</div>
59+
</div>
60+
</div>
61+
</div>
62+
63+
<div class="ibox">
64+
<div class="ibox-title">
65+
<h5>
66+
<vc:i18n name="进出记录" namespace="adminCarInout"></vc:i18n>
67+
</h5>
68+
<div class="ibox-tools" style="top:10px;">
69+
70+
</div>
71+
</div>
72+
<div class="ibox-content">
73+
74+
<table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
75+
<thead>
76+
<tr>
77+
<th class="text-center">
78+
<vc:i18n name="进场图" namespace="adminCarInout"></vc:i18n>
79+
</th>
80+
<th class="text-center">
81+
<vc:i18n name="小区名称" namespace="adminCarInout"></vc:i18n>
82+
</th>
83+
<th class="text-center">
84+
<vc:i18n name="进出场编号" namespace="adminCarInout"></vc:i18n>
85+
</th>
86+
<th class="text-center">
87+
<vc:i18n name="车辆状态" namespace="adminCarInout"></vc:i18n>
88+
</th>
89+
<th class="text-center">
90+
<vc:i18n name="车牌号" namespace="adminCarInout"></vc:i18n>
91+
</th>
92+
<th class="text-center">
93+
<vc:i18n name="停车场" namespace="parkingAreaControlInCar"></vc:i18n>
94+
</th>
95+
<th class="text-center">
96+
<vc:i18n name="计费规则" namespace="parkingAreaControlInCar"></vc:i18n>
97+
</th>
98+
<th class="text-center">
99+
<vc:i18n name="车牌类型" namespace="adminCarInout"></vc:i18n>
100+
</th>
101+
<th class="text-center">
102+
<vc:i18n name="进场时间" namespace="adminCarInout"></vc:i18n>
103+
</th>
104+
<th class="text-center">
105+
<vc:i18n name="出场时间" namespace="adminCarInout"></vc:i18n>
106+
</th>
107+
<th class="text-center">
108+
<vc:i18n name="停车时间" namespace="adminCarInout"></vc:i18n>
109+
</th>
110+
<th class="text-center">
111+
<vc:i18n name="收费金额" namespace="adminCarInout"></vc:i18n>
112+
</th>
113+
<th class="text-center">
114+
<vc:i18n name="说明" namespace="adminCarInout"></vc:i18n>
115+
</th>
116+
</tr>
117+
</thead>
118+
<tbody>
119+
<tr v-for="carIn in adminCarInoutInfo.carIns">
120+
<td class="text-center" style="white-space: nowrap;">
121+
<img style="width: 60px; height: 60px;" class="border-radius" v-if="carIn.photoJpg"
122+
v-bind:src="carIn.photoJpg" v-on:click="_carInoutOpenFile(carIn.photoJpg)"/>
123+
<img style="width: 60px; height: 60px;" class="border-radius" v-else src="/img/noPhoto.jpg"/>
124+
</td>
125+
<td class="text-center">{{carIn.ciId}}</td>
126+
<td class="text-center">{{carIn.communityName}}</td>
127+
<td class="text-center">
128+
<div>{{carIn.carInout == '3306'?'进场':'出场'}}({{carIn.stateName}})</div>
129+
<div>{{carIn.machineName}}</div>
130+
</td>
131+
<td class="text-center">{{carIn.carNum}}
132+
</td>
133+
<td class="text-center">{{carIn.paNum}}</td>
134+
<td class="text-center" >{{carIn.feeName}}
135+
<span class="fa fa-info-circle"></span>
136+
</td>
137+
<td class="text-center">{{carIn.carTypeName}}</td>
138+
<td class="text-center">{{carIn.inTime}}</td>
139+
<td class="text-center" v-if="carIn.carInout != '3307'">-</td>
140+
<td class="text-center" v-else>{{carIn.openTime}}</td>
141+
<td class="text-center">{{carIn.hours}}
142+
<span><vc:i18n name="小时" namespace="adminCarInout"></vc:i18n></span>{{carIn.min}}
143+
<span><vc:i18n name="分" namespace="adminCarInout"></vc:i18n></span>
144+
</td>
145+
<td class="text-center" v-if="carIn.carType == '1001'">-</td>
146+
<!-- <td class="text-center" v-else-if="carIn.carInout != '3307">{{carIn.payCharge}}</td> -->
147+
<!-- <td class="text-center" v-else>{{carIn.realCharge}}</td> -->
148+
<td class="text-center" v-else>{{carIn.payCharge}}
149+
<span v-if="carIn.inState == '100300' || carIn.inState == '100400' || carIn.inState == '100600'">
150+
(<a href="javascript:void(0)" @click="_carInoutTempCarPayFee(carIn)">出场</a>)
151+
</span>
152+
</td>
153+
<td class="text-center">{{carIn.remark}}</td>
154+
</tr>
155+
</tbody>
156+
</table>
157+
<!-- 分页 -->
158+
<vc:create path="frame/paginationPlus" namespace="adminCarInout"></vc:create>
159+
</div>
160+
</div>
161+
</div>
162+
</div>
163+
</div>

‎public/pages/iot/adminCarInout/adminCarInout.js

Lines changed: 103 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,103 @@
1+
/**
2+
入驻小区
3+
**/
4+
(function (vc) {
5+
var DEFAULT_PAGE = 1;
6+
var DEFAULT_ROWS = 10;
7+
vc.extends({
8+
data: {
9+
adminCarInoutInfo: {
10+
carIns: [],
11+
boxId: '',
12+
paId: '',
13+
state: '',
14+
carNum: '',
15+
startTime: '',
16+
endTime: '',
17+
carType: '',
18+
machineId: '',
19+
conditions: {
20+
machineId: '',
21+
name: '',
22+
openTypeCd: '',
23+
tel: '',
24+
state: '',
25+
queryStartTime: '',
26+
queryEndTime: '',
27+
communityId: '',
28+
}
29+
}
30+
},
31+
_initMethod: function () {
32+
vc.on('selectAdminCommunity', 'changeCommunity', function (_community) {
33+
$that.adminCarInoutInfo.conditions.communityId = _community.communityId;
34+
$that._listAdminCarInouts();
35+
$that._listAdminCarInouts(DEFAULT_PAGE, DEFAULT_ROWS);
36+
})
37+
$that._listAdminCarInouts();
38+
$that._listAdminCarInouts(DEFAULT_PAGE, DEFAULT_ROWS);
39+
vc.initDateTime('carInoutsStartTime', function (_value) {
40+
$that.adminCarInoutInfo.conditions.queryStartTime = _value;
41+
});
42+
vc.initDateTime('carInoutsEndTime', function (_value) {
43+
$that.adminCarInoutInfo.conditions.queryEndTime = _value;
44+
});
45+
},
46+
_initEvent: function () {
47+
48+
vc.on('adminCarInout', 'listAdminCarInout', function (_param) {
49+
$that._listAdminCarInouts(DEFAULT_PAGE, DEFAULT_ROWS);
50+
});
51+
vc.on('adminCarInout', 'paginationPlus', 'page_event',
52+
function (_currentPage) {
53+
$that._listAdminCarInouts(_currentPage, DEFAULT_ROWS);
54+
});
55+
},
56+
methods: {
57+
_listAdminCarInouts: function (_page, _rows) {
58+
59+
let param = {
60+
params: {
61+
page: _page,
62+
row: _rows,
63+
boxId: $that.adminCarInoutInfo.boxId,
64+
state: $that.adminCarInoutInfo.state,
65+
carNumLike: $that.adminCarInoutInfo.carNum,
66+
startTime: $that.adminCarInoutInfo.startTime,
67+
endTime: $that.adminCarInoutInfo.endTime,
68+
carType: $that.adminCarInoutInfo.carType,
69+
paId: $that.adminCarInoutInfo.paId
70+
}
71+
};
72+
//发送get请求
73+
vc.http.apiGet('/iot.listAdminCarInoutDetail',
74+
param,
75+
function (json) {
76+
let _json = JSON.parse(json);
77+
$that.adminCarInoutInfo.total = _json.total;
78+
$that.adminCarInoutInfo.records = _json.records;
79+
$that.adminCarInoutInfo.carIns = _json.data;
80+
vc.emit('adminCarInout', 'paginationPlus', 'init', {
81+
total: _json.records,
82+
currentPage: _page
83+
});
84+
},
85+
function () {
86+
console.log('请求失败处理');
87+
}
88+
);
89+
},
90+
91+
_queryAdminCarInoutMethod: function () {
92+
$that._listAdminCarInouts(DEFAULT_PAGE, DEFAULT_ROWS);
93+
94+
},
95+
96+
_viewOwnerFace: function (_url) {
97+
vc.emit('viewImage', 'showImage', {
98+
url: _url
99+
});
100+
},
101+
}
102+
});
103+
})(window.vc);

0 commit comments

Comments
 (0)