优化采购申请组件

mrzcc

2020-03-06 ecdac8a738f254db2b2ea28cbe3248f7a6a7eb2b

 WebService/src/main/resources/components/applicationKeyPackage/edit-applicationKey/editApplicationKey.js

@@ -1,145 +1,261 @@
(function(vc,vm){
(function (vc, vm) {

    vc.extends({
        data:{
            editApplicationKeyInfo:{
                applicationKeyId:'',
name:'',
tel:'',
typeCd:'',
sex:'',
age:'',
idCard:'',
startTime:'',
endTime:'',

        data: {
            editApplicationKeyInfo: {
                applicationKeyId: '',
                name: '',
                tel: '',
                typeCd: '',
                sex: '',
                age: '',
                idCard: '',
                startTime: '',
                endTime: '',
                floorId: '',
                floorNum: '',
                floorName: '',
                unitId: '',
                unitNum: '',
                roomId: '',
                locationTypeCd: '',
                locationObjId: '',
                roomName: '',
                videoPlaying: false,
                photo: '',
                mediaStreamTrack: null,
                typeFlag:'',
            }
        },
         _initMethod:function(){
        _initMethod: function () {
            vc.component._initEditApplicationKeyDateInfo();
            //vc.component._initEditApplicationKeyMedia();

         },
         _initEvent:function(){
             vc.on('editApplicationKey','openEditApplicationKeyModal',function(_params){

        },
        _initEvent: function () {
            vc.on('editApplicationKey', 'openEditApplicationKeyModal', function (_params) {
                vc.component.refreshEditApplicationKeyInfo();
                $('#editApplicationKeyModel').modal('show');
                vc.copyObject(_params, vc.component.editApplicationKeyInfo );
                // $('#editApplicationKeyModel').modal('show');
                vc.copyObject(_params, vc.component.editApplicationKeyInfo);
                if (vc.component.editApplicationKeyInfo.locationTypeCd == '2000') {
                    vc.emit('editApplicationKey', 'floorSelect2', 'setFloor', {
                        floorId: vc.component.editApplicationKeyInfo.floorId,
                        floorNum: vc.component.editApplicationKeyInfo.floorNum
                    });
                    vc.emit('editApplicationKey', 'unitSelect2', 'setUnit', {
                        floorId: vc.component.editApplicationKeyInfo.floorId,
                        floorNum: vc.component.editApplicationKeyInfo.floorNum,
                        unitId: vc.component.editApplicationKeyInfo.unitId,
                        unitNum: vc.component.editApplicationKeyInfo.unitNum,
                    });
                } else if (vc.component.editApplicationKeyInfo.locationTypeCd == '3000') {
                    vc.emit('editApplicationKey', 'floorSelect2', 'setFloor', {
                        floorId: vc.component.editApplicationKeyInfo.floorId,
                        floorNum: vc.component.editApplicationKeyInfo.floorNum
                    });
                    vc.emit('editApplicationKey', 'unitSelect2', 'setUnit', {
                        floorId: vc.component.editApplicationKeyInfo.floorId,
                        floorNum: vc.component.editApplicationKeyInfo.floorNum,
                        unitId: vc.component.editApplicationKeyInfo.unitId,
                        unitNum: vc.component.editApplicationKeyInfo.unitNum,
                    });
                    vc.emit('editApplicationKey', 'roomSelect2', 'setRoom', {
                        floorId: vc.component.editApplicationKeyInfo.floorId,
                        floorNum: vc.component.editApplicationKeyInfo.floorNum,
                        unitId: vc.component.editApplicationKeyInfo.unitId,
                        unitNum: vc.component.editApplicationKeyInfo.unitNum,
                        roomId: vc.component.editApplicationKeyInfo.roomId,
                        roomNum: vc.component.editApplicationKeyInfo.roomNum,
                    });
                }
                vc.component.editApplicationKeyInfo.communityId = vc.getCurrentCommunity().communityId;


            });

            vc.on('editApplicationKey', "_initEditApplicationKeyData", function () {
                vc.component._initEditApplicationKeyMedia();
            });

            vc.on("editApplicationKey", "notify", function (_param) {
                if (_param.hasOwnProperty("floorId")) {
                    vc.component.editApplicationKeyInfo.floorId = _param.floorId;
                }

                if (_param.hasOwnProperty("unitId")) {
                    vc.component.editApplicationKeyInfo.unitId = _param.unitId;
                }

                if (_param.hasOwnProperty("roomId")) {
                    vc.component.editApplicationKeyInfo.roomId = _param.roomId;
                }
            });
        },
        methods:{
            editApplicationKeyValidate:function(){
                        return vc.validate.validate({
                            editApplicationKeyInfo:vc.component.editApplicationKeyInfo
                        },{
                            'editApplicationKeyInfo.name':[
{
                            limit:"required",
                            param:"",
                            errInfo:"姓名不能为空"
                        },
 {
                            limit:"maxin",
                            param:"1,64",
                            errInfo:"姓名不能超过64位"
                        },
                    ],
'editApplicationKeyInfo.tel':[
{
                            limit:"required",
                            param:"",
                            errInfo:"手机号不能为空"
                        },
 {
                            limit:"phone",
                            param:"",
                            errInfo:"手机号格式错误"
                        },
                    ],
'editApplicationKeyInfo.typeCd':[
{
                            limit:"required",
                            param:"",
                            errInfo:"用户类型不能为空"
                        },
 {
                            limit:"num",
                            param:"",
                            errInfo:"用户类型格式错误"
                        },
                    ],
'editApplicationKeyInfo.sex':[
{
                            limit:"required",
                            param:"",
                            errInfo:"性别不能为空"
                        },
 {
                            limit:"num",
                            param:"",
                            errInfo:"性别格式错误"
                        },
                    ],
'editApplicationKeyInfo.age':[
{
                            limit:"required",
                            param:"",
                            errInfo:"年龄不能为空"
                        },
 {
                            limit:"num",
                            param:"",
                            errInfo:"年龄不是有效数字"
                        },
                    ],
'editApplicationKeyInfo.idCard':[
{
                            limit:"required",
                            param:"",
                            errInfo:"身份证号不能为空"
                        },
 {
                            limit:"idCard",
                            param:"",
                            errInfo:"不是有效的身份证号"
                        },
                    ],
'editApplicationKeyInfo.startTime':[
{
                            limit:"required",
                            param:"",
                            errInfo:"开始时间不能为空"
                        },
 {
                            limit:"dateTime",
                            param:"",
                            errInfo:"不是有效的时间格式"
                        },
                    ],
'editApplicationKeyInfo.endTime':[
{
                            limit:"required",
                            param:"",
                            errInfo:"结束时间不能为空"
                        },
 {
                            limit:"dateTime",
                            param:"",
                            errInfo:"不是有效的时间格式"
                        },
                    ],
'editApplicationKeyInfo.applicationKeyId':[
{
                            limit:"required",
                            param:"",
                            errInfo:"钥匙申请ID不能为空"
                        }]
        methods: {
            _initEditApplicationKeyDateInfo: function () {
                vc.component.editApplicationKeyInfo.startTime = vc.dateFormat(new Date().getTime());
                $('.editApplicationStartTime').datetimepicker({
                    language: 'zh-CN',
                    format: 'yyyy-mm-dd hh:ii:ss',
                    initTime: true,
                    initialDate: new Date(),
                    autoClose: 1,
                    todayBtn: true

                        });
             },
            editApplicationKey:function(){
                if(!vc.component.editApplicationKeyValidate()){
                    vc.message(vc.validate.errInfo);
                    return ;
                });
                $('.editApplicationStartTime').datetimepicker()
                    .on('changeDate', function (ev) {
                        var value = $(".editApplicationStartTime").val();
                        vc.component.editApplicationKeyInfo.startTime = value;
                    });
                $('.editApplicationEndTime').datetimepicker({
                    language: 'zh-CN',
                    format: 'yyyy-mm-dd hh:ii:ss',
                    initTime: true,
                    initialDate: new Date(),
                    autoClose: 1,
                    todayBtn: true
                });
                $('.editApplicationEndTime').datetimepicker()
                    .on('changeDate', function (ev) {
                        var value = $(".editApplicationEndTime").val();
                        vc.component.editApplicationKeyInfo.endTime = value;
                    });
            },
            editApplicationKeyValidate: function () {
                return vc.validate.validate({
                    editApplicationKeyInfo: vc.component.editApplicationKeyInfo
                }, {
                    'editApplicationKeyInfo.name': [
                        {
                            limit: "required",
                            param: "",
                            errInfo: "姓名不能为空"
                        },
                        {
                            limit: "maxin",
                            param: "1,64",
                            errInfo: "姓名不能超过64位"
                        },
                    ],
                    'editApplicationKeyInfo.tel': [
                        {
                            limit: "required",
                            param: "",
                            errInfo: "手机号不能为空"
                        },
                        {
                            limit: "phone",
                            param: "",
                            errInfo: "手机号格式错误"
                        },
                    ],
                    'editApplicationKeyInfo.typeCd': [
                        {
                            limit: "required",
                            param: "",
                            errInfo: "用户类型不能为空"
                        },
                        {
                            limit: "num",
                            param: "",
                            errInfo: "用户类型格式错误"
                        },
                    ],
                    'editApplicationKeyInfo.sex': [
                        {
                            limit: "required",
                            param: "",
                            errInfo: "性别不能为空"
                        }
                    ],
                    'editApplicationKeyInfo.age': [
                        {
                            limit: "required",
                            param: "",
                            errInfo: "年龄不能为空"
                        },
                        {
                            limit: "num",
                            param: "",
                            errInfo: "年龄不是有效数字"
                        },
                    ],
                    'editApplicationKeyInfo.idCard': [
                        {
                            limit: "required",
                            param: "",
                            errInfo: "身份证号不能为空"
                        },
                        {
                            limit: "idCard",
                            param: "",
                            errInfo: "不是有效的身份证号"
                        },
                    ],
                    'editApplicationKeyInfo.startTime': [
                        {
                            limit: "required",
                            param: "",
                            errInfo: "开始时间不能为空"
                        },
                        {
                            limit: "dateTime",
                            param: "",
                            errInfo: "不是有效的时间格式"
                        },
                    ],
                    'editApplicationKeyInfo.endTime': [
                        {
                            limit: "required",
                            param: "",
                            errInfo: "结束时间不能为空"
                        },
                        {
                            limit: "dateTime",
                            param: "",
                            errInfo: "不是有效的时间格式"
                        },
                    ],
                    'editApplicationKeyInfo.applicationKeyId': [
                        {
                            limit: "required",
                            param: "",
                            errInfo: "钥匙申请ID不能为空"
                        }],
                    'editApplicationKeyInfo.locationTypeCd': [
                        {
                            limit: "required",
                            param: "",
                            errInfo: "申请位置不能为空"
                        }
                    ],
                    'editApplicationKeyInfo.locationObjId': [
                        {
                            limit: "required",
                            param: "",
                            errInfo: "具体位置不能为空"
                        }
                    ]

                });
            },
            editApplicationKey: function () {
                vc.component.editApplicationKeyInfo.communityId = vc.getCurrentCommunity().communityId;
                if (vc.component.editApplicationKeyInfo.locationTypeCd != '2000' && vc.component.editApplicationKeyInfo.locationTypeCd != '3000') { //大门时直接写 小区ID
                    vc.component.editApplicationKeyInfo.locationObjId = vc.component.editApplicationKeyInfo.communityId;
                } else if (vc.component.editApplicationKeyInfo.locationTypeCd == '2000') {
                    vc.component.editApplicationKeyInfo.locationObjId = vc.component.editApplicationKeyInfo.unitId;
                } else if (vc.component.editApplicationKeyInfo.locationTypeCd == '3000') {
                    vc.component.editApplicationKeyInfo.locationObjId = vc.component.editApplicationKeyInfo.roomId;
                } else {
                    vc.toast("设备位置值错误");
                    return;
                }
                if (!vc.component.editApplicationKeyValidate()) {
                    vc.toast(vc.validate.errInfo);
                    return;
                }

                vc.http.post(
@@ -147,39 +263,123 @@
                    'update',
                    JSON.stringify(vc.component.editApplicationKeyInfo),
                    {
                        emulateJSON:true
                     },
                     function(json,res){
                        emulateJSON: true
                    },
                    function (json, res) {
                        //vm.menus = vm.refreshMenuActive(JSON.parse(json),0);
                        if(res.status == 200){
                        if (res.status == 200) {
                            //关闭model
                            $('#editApplicationKeyModel').modal('hide');
                             vc.emit('applicationKeyManage','listApplicationKey',{});
                            return ;
                            vc.emit('applicationKeyManage', 'listApplicationKey', {});
                            return;
                        }
                        vc.message(json);
                     },
                     function(errInfo,error){
                    },
                    function (errInfo, error) {
                        console.log('请求失败处理');

                        vc.message(errInfo);
                     });
                    });
            },
            refreshEditApplicationKeyInfo:function(){
                vc.component.editApplicationKeyInfo= {
                  applicationKeyId:'',
name:'',
tel:'',
typeCd:'',
sex:'',
age:'',
idCard:'',
startTime:'',
endTime:'',

            refreshEditApplicationKeyInfo: function () {
                vc.component.editApplicationKeyInfo = {
                    applicationKeyId: '',
                    name: '',
                    tel: '',
                    typeCd: '',
                    sex: '',
                    age: '',
                    idCard: '',
                    startTime: '',
                    endTime: '',
                    floorId: '',
                    floorNum: '',
                    floorName: '',
                    unitId: '',
                    unitNum: '',
                    roomId: '',
                    locationTypeCd: '',
                    locationObjId: '',
                    roomName: '',
                    videoPlaying: false,
                    photo: '',
                    mediaStreamTrack: null,
                    typeFlag:'',
                }
            }
            },
            _closeEditApplicationKeyView: function () {
                vc.emit('applicationKeyManage', 'listApplicationKey', {});
                //关闭拍照摄像头
                if (vc.component.editApplicationKeyInfo.mediaStreamTrack != null) {
                    vc.component.editApplicationKeyInfo.mediaStreamTrack.stop();
                }
            },
            _editUserMedia: function () {
                return navigator.getUserMedia = navigator.getUserMedia ||
                    navigator.webkitGetUserMedia ||
                    navigator.mozGetUserMedia ||
                    navigator.msGetUserMedia || null;
            },
            _initEditApplicationKeyMedia: function () {
                if (vc.component._editUserMedia()) {
                    vc.component.editApplicationKeyInfo.videoPlaying = false;
                    var constraints = {
                        video: true,
                        audio: false
                    };
                    var editVideo = document.getElementById('editApplicationKeyPhoto');
                    var media = navigator.getUserMedia(constraints, function (stream) {
                        var url = window.URL || window.webkitURL;
                        //video.src = url ? url.createObjectURL(stream) : stream;

                        vc.component.editApplicationKeyInfo.mediaStreamTrack = typeof stream.stop === 'function' ? stream : stream.getTracks()[0];
                        try {
                            editVideo.src = url ? url.createObjectURL(stream) : stream;
                        } catch (error) {
                            editVideo.srcObject = stream;
                        }
                        editVideo.play();
                        vc.component.editApplicationKeyInfo.videoPlaying = true;
                    }, function (error) {
                        console.log("ERROR");
                        console.log(error);
                    });
                } else {
                    console.log("初始化视频失败");
                }
            },
            _takeEditPhoto: function () {
                if (vc.component.editApplicationKeyInfo.videoPlaying) {
                    var canvas = document.getElementById('editApplicationKeyCanvas');
                    var takeEditVideo = document.getElementById('editApplicationKeyPhoto');
                    canvas.width = takeEditVideo.videoWidth;
                    canvas.height = takeEditVideo.videoHeight;
                    canvas.getContext('2d').drawImage(takeEditVideo, 0, 0);
                    var data = canvas.toDataURL('image/webp');
                    vc.component.editApplicationKeyInfo.photo = data;
                    //document.getElementById('photo').setAttribute('src', data);
                }
            },
            _uploadEditPhoto: function (event) {
                $("#uploadEditApplicationKeyPhoto").trigger("click")
            },
            _chooseEditPhoto: 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); //读取为base64
                    reader.onloadend = function (e) {
                        vc.component.editApplicationKeyInfo.photo = reader.result;
                    }
                }
            },
        }
    });

})(window.vc,window.vc.component);
})(window.vc, window.vc.component);