From 3363a9588500a2810364a6f1bb01c4ce26c8fed7 Mon Sep 17 00:00:00 2001
From: wuxw <928255095@qq.com>
Date: 星期日, 23 二月 2020 13:44:19 +0800
Subject: [PATCH] 优化钥匙申请

---
 WebService/src/main/resources/components/applicationKeyPackage/add-applicationKey/addApplicationKey.js |  188 +++++++++++++++++++++++++++++++++++++++++++---
 1 files changed, 175 insertions(+), 13 deletions(-)

diff --git a/WebService/src/main/resources/components/applicationKeyPackage/add-applicationKey/addApplicationKey.js b/WebService/src/main/resources/components/applicationKeyPackage/add-applicationKey/addApplicationKey.js
index c2fc51f..18ba1c1 100644
--- a/WebService/src/main/resources/components/applicationKeyPackage/add-applicationKey/addApplicationKey.js
+++ b/WebService/src/main/resources/components/applicationKeyPackage/add-applicationKey/addApplicationKey.js
@@ -16,19 +16,78 @@
                 idCard: '',
                 startTime: '',
                 endTime: '',
-
+                floorId: '',
+                floorNum: '',
+                floorName: '',
+                unitId: '',
+                unitName: '',
+                roomId: '',
+                locationTypeCd: '',
+                locationObjId: '',
+                roomName: '',
+                typeFlag:'',
+                photo: '',
+                mediaStreamTrack: null
             }
         },
         _initMethod: function () {
-
+            vc.component._initAddApplicationKeyDateInfo();
+            //vc.component._initAddApplicationKeyMedia();
         },
         _initEvent: function () {
             vc.on('addApplicationKey', 'openAddApplicationKeyModal', function () {
                 $('#addApplicationKeyModel').modal('show');
             });
+            vc.on('addApplicationKey', "_initAddApplicationKeyData", function () {
+                vc.component._initAddApplicationKeyMedia();
+            });
+            vc.on("addApplicationKey", "notify", function (_param) {
+                if (_param.hasOwnProperty("floorId")) {
+                    vc.component.addApplicationKeyInfo.floorId = _param.floorId;
+                }
+
+                if (_param.hasOwnProperty("unitId")) {
+                    vc.component.addApplicationKeyInfo.unitId = _param.unitId;
+                }
+
+                if (_param.hasOwnProperty("roomId")) {
+                    vc.component.addApplicationKeyInfo.roomId = _param.roomId;
+                }
+            });
         },
         methods: {
-            addApplicationKeyValidate() {
+            _initAddApplicationKeyDateInfo: function () {
+                vc.component.addApplicationKeyInfo.startTime = vc.dateFormat(new Date().getTime());
+                $('.addApplicationStartTime').datetimepicker({
+                    language: 'zh-CN',
+                    format: 'yyyy-mm-dd hh:ii:ss',
+                    initTime: true,
+                    initialDate: new Date(),
+                    autoClose: 1,
+                    todayBtn: true
+
+                });
+                $('.addApplicationStartTime').datetimepicker()
+                    .on('changeDate', function (ev) {
+                        var value = $(".addApplicationStartTime").val();
+                        vc.component.addApplicationKeyInfo.startTime = value;
+                    });
+                $('.addApplicationEndTime').datetimepicker({
+                    language: 'zh-CN',
+                    format: 'yyyy-mm-dd hh:ii:ss',
+                    initTime: true,
+                    initialDate: new Date(),
+                    autoClose: 1,
+                    todayBtn: true
+                });
+                $('.addApplicationEndTime').datetimepicker()
+                    .on('changeDate', function (ev) {
+                        var value = $(".addApplicationEndTime").val();
+                        vc.component.addApplicationKeyInfo.endTime = value;
+                    });
+            },
+
+            addApplicationKeyValidate: function () {
                 return vc.validate.validate({
                     addApplicationKeyInfo: vc.component.addApplicationKeyInfo
                 }, {
@@ -73,12 +132,8 @@
                             limit: "required",
                             param: "",
                             errInfo: "鎬у埆涓嶈兘涓虹┖"
-                        },
-                        {
-                            limit: "num",
-                            param: "",
-                            errInfo: "鎬у埆鏍煎紡閿欒"
-                        },
+                        }
+
                     ],
                     'addApplicationKeyInfo.age': [
                         {
@@ -128,18 +183,42 @@
                             errInfo: "涓嶆槸鏈夋晥鐨勬椂闂存牸寮�"
                         },
                     ],
+                    'addApplicationKeyInfo.locationTypeCd': [
+                        {
+                            limit: "required",
+                            param: "",
+                            errInfo: "鐢宠浣嶇疆涓嶈兘涓虹┖"
+                        }
+                    ],
+                    'addApplicationKeyInfo.locationObjId': [
+                        {
+                            limit: "required",
+                            param: "",
+                            errInfo: "鍏蜂綋浣嶇疆涓嶈兘涓虹┖"
+                        }
+                    ]
 
 
                 });
             },
             saveApplicationKeyInfo: function () {
+                vc.component.addApplicationKeyInfo.communityId = vc.getCurrentCommunity().communityId;
+                if (vc.component.addApplicationKeyInfo.locationTypeCd != '2000' && vc.component.addApplicationKeyInfo.locationTypeCd != '3000') { //澶ч棬鏃剁洿鎺ュ啓 灏忓尯ID
+                    vc.component.addApplicationKeyInfo.locationObjId = vc.component.addApplicationKeyInfo.communityId;
+                } else if (vc.component.addApplicationKeyInfo.locationTypeCd == '2000') {
+                    vc.component.addApplicationKeyInfo.locationObjId = vc.component.addApplicationKeyInfo.unitId;
+                } else if (vc.component.addApplicationKeyInfo.locationTypeCd == '3000') {
+                    vc.component.addApplicationKeyInfo.locationObjId = vc.component.addApplicationKeyInfo.roomId;
+                } else {
+                    vc.toast("璁惧浣嶇疆鍊奸敊璇�");
+                    return;
+                }
                 if (!vc.component.addApplicationKeyValidate()) {
                     vc.toast(vc.validate.errInfo);
 
                     return;
                 }
 
-                vc.component.addApplicationKeyInfo.communityId = vc.getCurrentCommunity().communityId;
                 //涓嶆彁浜ゆ暟鎹皢鏁版嵁 鍥炶皟缁欎睛鍚鐞�
                 if (vc.notNull($props.callBackListener)) {
                     vc.emit($props.callBackListener, $props.callBackFunction, vc.component.addApplicationKeyInfo);
@@ -158,7 +237,7 @@
                         //vm.menus = vm.refreshMenuActive(JSON.parse(json),0);
                         if (res.status == 200) {
                             //鍏抽棴model
-                            $('#addApplicationKeyModel').modal('hide');
+                            //$('#addApplicationKeyModel').modal('hide');
                             vc.component.clearAddApplicationKeyInfo();
                             vc.emit('applicationKeyManage', 'listApplicationKey', {});
 
@@ -184,9 +263,92 @@
                     idCard: '',
                     startTime: '',
                     endTime: '',
-
+                    floorId: '',
+                    floorNum: '',
+                    floorName: '',
+                    unitId: '',
+                    unitName: '',
+                    roomId: '',
+                    locationTypeCd: '',
+                    locationObjId: '',
+                    roomName: '',
+                    photo: '',
+                    videoPlaying: false,
+                    mediaStreamTrack: null,
+                    typeFlag:'',
                 };
-            }
+            },
+            _closeAddApplicationKeyView: function () {
+                vc.emit('applicationKeyManage', 'listApplicationKey', {});
+                //鍏抽棴鎷嶇収鎽勫儚澶�
+                if (vc.component.addApplicationKeyInfo.mediaStreamTrack != null) {
+                    vc.component.addApplicationKeyInfo.mediaStreamTrack.stop();
+                }
+            },
+            _addUserMedia: function () {
+                return navigator.getUserMedia = navigator.getUserMedia ||
+                    navigator.webkitGetUserMedia ||
+                    navigator.mozGetUserMedia ||
+                    navigator.msGetUserMedia || null;
+            },
+            _initAddApplicationKeyMedia: function () {
+                if (vc.component._addUserMedia()) {
+                    vc.component.addApplicationKeyInfo.videoPlaying = false;
+                    var constraints = {
+                        video: true,
+                        audio: false
+                    };
+                    var addVideo = document.getElementById('addApplicationKeyPhoto');
+                    var media = navigator.getUserMedia(constraints, function (stream) {
+                        var url = window.URL || window.webkitURL;
+                        //video.src = url ? url.createObjectURL(stream) : stream;
+                        vc.component.addApplicationKeyInfo.mediaStreamTrack = typeof stream.stop === 'function' ? stream : stream.getTracks()[0];
+                        try {
+                            addVideo.src = url ? url.createObjectURL(stream) : stream;
+                        } catch (error) {
+                            addVideo.srcObject = stream;
+                        }
+                        addVideo.play();
+                        vc.component.addApplicationKeyInfo.videoPlaying = true;
+                    }, function (error) {
+                        console.log("ERROR");
+                        console.log(error);
+                    });
+                } else {
+                    console.log("鍒濆鍖栬棰戝け璐�");
+                }
+            },
+            _takePhoto: function () {
+                if (vc.component.addApplicationKeyInfo.videoPlaying) {
+                    var canvas = document.getElementById('AddApplicationKeyCanvas');
+                    var takeAddVideo = document.getElementById('AddApplicationKeyPhoto');
+                    canvas.width = takeAddVideo.videoWidth;
+                    canvas.height = takeAddVideo.videoHeight;
+                    canvas.getContext('2d').drawImage(takeAddVideo, 0, 0);
+                    var data = canvas.toDataURL('image/webp');
+                    vc.component.addApplicationKeyInfo.photo = data;
+                    //document.getElementById('photo').setAttribute('src', data);
+                }
+            },
+            _uploadPhoto: function (event) {
+                $("#uploadApplicationKeyPhoto").trigger("click")
+            },
+            _choosePhoto: function (event) {
+                var photoFiles = event.target.files;
+                if (photoFiles && photoFiles.length > 0) {
+                    // 鑾峰彇鐩墠涓婁紶鐨勬枃浠�
+                    var file = photoFiles[0];// 鏂囦欢澶у皬鏍¢獙鐨勫姩浣�
+                    if (file.size > 1024 * 1024 * 1) {
+                        vc.toast("鍥剧墖澶у皬涓嶈兘瓒呰繃 2MB!")
+                        return false;
+                    }
+                    var reader = new FileReader(); //鏂板缓FileReader瀵硅薄
+                    reader.readAsDataURL(file); //璇诲彇涓篵ase64
+                    reader.onloadend = function (e) {
+                        vc.component.addApplicationKeyInfo.photo = reader.result;
+                    }
+                }
+            },
         }
     });
 

--
Gitblit v1.8.0