优化代码

public/components/property/parkingAreaControlCarInouts/parkingAreaControlCarInouts.html

@@ -61,7 +61,6 @@
                     <td class="text-center" style="white-space: nowrap;">
                         <img style="width: 60px; height: 60px;" class="border-radius" v-if="carIn.photoJpg" v-bind:src="carIn.photoJpg" v-on:click="_carInoutOpenFile(carIn.photoJpg)" />
                         <img style="width: 60px; height: 60px;" class="border-radius" v-else src="/img/noPhoto.jpg" />
-
                     </td>
                     <td class="text-center">{{carIn.inoutId}}</td>
                     <td class="text-center">{{carIn.carInout == '3306'?'进场':'出场'}}({{carIn.stateName}})</td>
@@ -100,5 +99,5 @@
         <!-- 分页 -->
         <vc:create path="frame/paginationPlus" namespace="parkingAreaControlCarInouts"></vc:create>
     </div>
-    <vc:create path="common/viewImage"></vc:create>
+
 </div>

public/components/property/parkingAreaControlManualOpenDoorLog/parkingAreaControlManualOpenDoorLog.html

@@ -0,0 +1,54 @@
+<div class="margin-top">
+    <div class="row margin-top-lg">
+        <div class="col-lg-3 padding-right-xs padding-left-xl">
+            <input v-model="parkingAreaControlManualOpenDoorLog.staffName" type="text" :placeholder="vc.i18n('请填写员工','parkingAreaControlManualOpenDoorLog')" class="form-control">
+
+        </div>
+        <div class="col-lg-3 padding-right-xs padding-left-xl">
+
+        </div>
+        <div class="col-lg-2 padding-right-xs padding-left-xl">
+
+        </div>
+        <div class="col-lg-2 padding-right-xs padding-left-xl">
+
+        </div>
+        <div class="col-lg-2 padding-right-xs padding-right-xl text-right">
+            <button type="button" class="btn btn-primary btn-sm" style="margin-left:10px" v-on:click="_qureyParkingAreaControlManualOpenDoorLog()">
+                查询
+            </button>
+        </div>
+    </div>
+    <div class="margin-top">
+        <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
+            <thead>
+                <tr>
+                    <th class="text-center"><span><vc:i18n name="抓拍图" namespace="parkingAreaControlCarInouts"></vc:i18n></span></th>
+                    <th class="text-center"><span><vc:i18n name="开闸时间" namespace="parkingAreaControlManualOpenDoorLog"></vc:i18n></span>ID</th>
+                    <th class="text-center"><span><vc:i18n name="员工" namespace="parkingAreaControlManualOpenDoorLog"></vc:i18n></span></th>
+                    <th class="text-center"><span><vc:i18n name="摄像头名称" namespace="parkingAreaControlManualOpenDoorLog"></vc:i18n></span></th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr v-for="log in parkingAreaControlManualOpenDoorLog.logs">
+                    <td class="text-center" style="white-space: nowrap;">
+                        <img style="width: 60px; height: 60px;" class="border-radius" v-if="carIn.photoJpg" v-bind:src="log.photoJpg" v-on:click="_openDoorLogOpenFile(log.photoJpg)" />
+                        <img style="width: 60px; height: 60px;" class="border-radius" v-else src="/img/noPhoto.jpg" />
+                    </td>
+                    <td class="text-center">{{log.createTime}}</td>
+                    <td class="text-center">{{log.staffName}}</td>
+                    <td class="text-center">{{log.machineName}}</td>
+                </tr>
+            </tbody>
+            <tfoot>
+                <tr>
+                    <td colspan="7">
+                        <ul class="pagination float-right"></ul>
+                    </td>
+                </tr>
+            </tfoot>
+        </table>
+        <!-- 分页 -->
+        <vc:create path="frame/paginationPlus" namespace="parkingAreaControlManualOpenDoorLog"></vc:create>
+    </div>
+</div>

public/components/property/parkingAreaControlManualOpenDoorLog/parkingAreaControlManualOpenDoorLog.js

@@ -0,0 +1,70 @@
+/**
+ 入驻小区
+ **/
+(function(vc) {
+    var DEFAULT_PAGE = 1;
+    var DEFAULT_ROWS = 10;
+    vc.extends({
+        data: {
+            parkingAreaControlManualOpenDoorLog: {
+                logs: [],
+                boxId: '',
+                staffName: ''
+            }
+        },
+        _initMethod: function() {
+
+        },
+        _initEvent: function() {
+            vc.on('parkingAreaControlManualOpenDoorLog', 'switch', function(_data) {
+                $that.parkingAreaControlManualOpenDoorLog.boxId = _data.boxId;
+                $that._loadParkingAreaControlManualOpenDoorLogs(DEFAULT_PAGE, DEFAULT_ROWS);
+            });
+            vc.on('parkingAreaControlManualOpenDoorLog', 'paginationPlus', 'page_event',
+                function(_currentPage) {
+                    vc.component._loadParkingAreaControlManualOpenDoorLogs(_currentPage, DEFAULT_ROWS);
+                });
+        },
+        methods: {
+
+            _loadParkingAreaControlManualOpenDoorLogs: function(_page, _row) {
+                let param = {
+                    params: {
+                        page: _page,
+                        row: _row,
+                        communityId: vc.getCurrentCommunity().communityId,
+                        boxId: $that.parkingAreaControlManualOpenDoorLog.boxId,
+                        staffName: $that.parkingAreaControlManualOpenDoorLog.staffName,
+                    }
+                };
+                //发送get请求
+                vc.http.apiGet('/machine.getManualOpenDoorLogs',
+                    param,
+                    function(json, res) {
+                        var _json = JSON.parse(json);
+                        $that.parkingAreaControlManualOpenDoorLog.total = _json.total;
+                        $that.parkingAreaControlManualOpenDoorLog.records = _json.records;
+                        $that.parkingAreaControlManualOpenDoorLog.logs = _json.data;
+                        vc.emit('parkingAreaControlManualOpenDoorLog', 'pagination', 'init', {
+                            total: $that.parkingAreaControlManualOpenDoorLog.records,
+                            dataCount: $that.parkingAreaControlManualOpenDoorLog.total,
+                            currentPage: _page
+                        });
+                    },
+                    function(errInfo, error) {
+                        console.log('请求失败处理');
+                    }
+                );
+            },
+            _qureyParkingAreaControlManualOpenDoorLog: function() {
+                $that._loadParkingAreaControlManualOpenDoorLogs(DEFAULT_PAGE, DEFAULT_ROWS);
+            },
+            _openDoorLogOpenFile: function(_url) {
+                vc.emit('viewImage', 'showImage', {
+                    url: _url
+                });
+            },
+
+        }
+    });
+})(window.vc);

public/pages/property/parkingAreaControl/parkingAreaControl.html

@@ -54,6 +54,11 @@
                             <span><vc:i18n name="收费统计" namespace="parkingAreaControl"></vc:i18n></span>
                         </a>
                     </li>
+                    <li class="nav-item">
+                        <a class="nav-link" v-bind:class="{active:parkingAreaControlInfo._currentTab == 'parkingAreaControlManualOpenDoorLog'}" v-on:click="changeTab('parkingAreaControlManualOpenDoorLog')">
+                            <span><vc:i18n name="开闸日志" namespace="parkingAreaControl"></vc:i18n></span>
+                        </a>
+                    </li>
                 </ul>
             </div>
             <div v-if="parkingAreaControlInfo._currentTab == 'parkingAreaControlCarInout'">
@@ -86,6 +91,10 @@
             <div v-show="parkingAreaControlInfo._currentTab == 'parkingAreaControlPaymentSummary'">
                 <vc:create path="property/parkingAreaControlPaymentSummary"></vc:create>
             </div>
+            <div v-show="parkingAreaControlInfo._currentTab == 'parkingAreaControlManualOpenDoorLog'">
+                <vc:create path="property/parkingAreaControlManualOpenDoorLog"></vc:create>
+            </div>
+
 
         </div>
         <div class="col-md-3">
@@ -93,5 +102,7 @@
         </div>
         <vc:create path="property/parkingAreaControlCustomCarInout"></vc:create>
         <vc:create path="property/unlicensedCarMachineQrCode"></vc:create>
+
+        <vc:create path="common/viewImage"></vc:create>
     </div>
 </div>