MicroCommunityWeb/public/components/frame/editStaff/editStaff.js

/**
 编辑员工
 **/
(function (vc) {
    var _fileUrl = '/callComponent/download/getFile/fileByObjId';
    vc.extends({
        data: {
            editStaffInfo: {
                userId: '',
                username: '',
                email: '',
                tel: '',
                sex: '',
                address: '',
                errorInfo: '',
                videoPlaying: false,
                photo: '',
                relCd: '',
                relCds: [],
                branchOrgs: [],
                departmentOrgs: [],
                parentOrgId: '',
                orgId: ''
            }
        },
        _initMethod: function () {
            vc.getDict('u_org_staff_rel', "rel_cd", function (_data) {
                vc.component.editStaffInfo.relCds = _data;
            });
            vc.component._editGetOrgsByOrgLevelStaff(1, 100, 2, '');
        },
        _initEvent: function () {
            vc.component.$on('edit_staff_event', function (_staffInfo) {
                vc.component.refreshEditStaffInfo(_staffInfo);
                vc.component._initAddStaffMediaForEdit();
                $('#editStaffModel').modal('show');
            });
        },
        methods: {
            refreshEditStaffInfo(_staffInfo) {
                vc.copyObject(_staffInfo, vc.component.editStaffInfo);
                vc.component.editStaffInfo.username = _staffInfo.name;
                vc.component.editStaffInfo.photo = _fileUrl + "?objId=" +
                    vc.component.editStaffInfo.userId + "&communityId=" + vc.getCurrentCommunity().communityId + "&fileTypeCd=12000&time=" + new Date();
                $that._editChangeBrach()
            },
            editStaffValidate() {
                return vc.validate.validate({
                    editStaffInfo: vc.component.editStaffInfo
                }, {
                    'editStaffInfo.username': [{
                        limit: "required",
                        param: "",
                        errInfo: "用户名不能为空"
                    },
                        {
                            limit: "maxin",
                            param: "2,10",
                            errInfo: "用户名长度必须在2位至10位"
                        },
                    ],
                    'editStaffInfo.tel': [{
                        limit: "required",
                        param: "",
                        errInfo: "手机号不能为空"
                    }],
                    'editStaffInfo.sex': [{
                        limit: "required",
                        param: "",
                        errInfo: "性别不能为空"
                    }],
                    'editStaffInfo.relCd': [{
                        limit: "required",
                        param: "",
                        errInfo: "岗位不能为空"
                    }],
                    'editStaffInfo.address': [{
                        limit: "required",
                        param: "",
                        errInfo: "地址不能为空"
                    },
                        {
                            limit: "maxLength",
                            param: "200",
                            errInfo: "地址长度不能超过200位"
                        },
                    ]
                });
            },
            editStaffSubmit: function () {
                if (!vc.component.editStaffValidate()) {
                    vc.component.editStaffInfo.errorInfo = vc.validate.errInfo;
                    return;
                }
                vc.component.editStaffInfo.errorInfo = "";
                vc.http.post(
                    'editStaff',
                    'modifyStaff',
                    JSON.stringify(vc.component.editStaffInfo), {
                        emulateJSON: true
                    },
                    function (json, res) {
                        json = JSON.parse(json);
                        //vm.menus = vm.refreshMenuActive(JSON.parse(json),0);
                        if (res.status == 200 && json.code == 0) {
                            //关闭model
                            $('#editStaffModel').modal('hide');
                            vc.component.$emit('editStaff_reload_event', {});
                            return;
                        }
                        vc.component.editStaffInfo.errorInfo = json.msg;
                    },
                    function (errInfo, error) {
                        console.log('请求失败处理');
                        // vc.component.editStaffInfo.errorInfo = errInfo;
                        vc.toast(errInfo)
                    });
            },
            _editUserMedia: function () {
                return navigator.getUserMedia = navigator.getUserMedia ||
                    navigator.webkitGetUserMedia ||
                    navigator.mozGetUserMedia ||
                    navigator.msGetUserMedia || null;
            },
            _initAddStaffMediaForEdit: function () {
                if (vc.component._editUserMedia()) {
                    vc.component.editStaffInfo.videoPlaying = false;
                    var constraints = {
                        video: {
                            width: 208,
                            height: 208
                        },
                        audio: false
                    };
                    var video = document.getElementById('staffPhotoForEdit');
                    var media = navigator.getUserMedia(constraints, function (stream) {
                        var url = window.URL || window.webkitURL;
                        //video.src = url ? url.createObjectURL(stream) : stream;
                        try {
                            video.src = url ? url.createObjectURL(stream) : stream;
                        } catch (error) {
                            video.srcObject = stream;
                        }
                        video.play();
                        vc.component.editStaffInfo.videoPlaying = true;
                    }, function (error) {
                        console.log("ERROR");
                        console.log(error);
                    });
                } else {
                    console.log("初始化视频失败");
                }
            },
            _takePhotoForEdit: function () {
                if (vc.component.editStaffInfo.videoPlaying) {
                    var canvas = document.getElementById('canvasForEdit');
                    var video = document.getElementById('staffPhotoForEdit');
                    canvas.width = 208;
                    canvas.height = 208;
                    canvas.getContext('2d').drawImage(video, 0, 0, 208, 208);
                    var data = canvas.toDataURL('image/jpeg', 1.0);
                    vc.component.editStaffInfo.photo = data;
                    //document.getElementById('photo').setAttribute('src', data);
                }
            },
            _uploadEditPhoto: function (event) {
                $("#uploadEditStaffPhoto").trigger("click")
            },
            _chooseEditPhoto: function (event) {
                var photoFiles = event.target.files;
                if (photoFiles && photoFiles.length > 0) {
                    // 获取目前上传的文件
                    let file = photoFiles[0]; // 文件大小校验的动作
                    if (file.size > 1024 * 1024 * 2) {
                        vc.toast("图片大小不能超过 2MB!")
                        return false;
                    }
                    let reader = new FileReader(); //新建FileReader对象
                    reader.readAsDataURL(file); //读取为base64
                    reader.onloadend = function (e) {
                        vc.component.editStaffInfo.photo = reader.result;
                    }
                }
            },
            _editGetOrgsByOrgLevelStaff: function (_page, _rows, _orgLevel, _parentOrgId) {
                let param = {
                    params: {
                        page: _page,
                        row: _rows,
                        orgLevel: _orgLevel,
                        parentOrgId: _parentOrgId
                    }
                };
                //发送get请求
                vc.http.get('staff',
                    'list',
                    param,
                    function (json, res) {
                        var _orgInfo = JSON.parse(json);
                        if (_orgLevel == 2) {
                            vc.component.editStaffInfo.branchOrgs = _orgInfo.orgs;
                        } else {
                            vc.component.editStaffInfo.departmentOrgs = _orgInfo.orgs;
                        }
                    },
                    function (errInfo, error) {
                        console.log('请求失败处理');
                    }
                );
            },
            _editChangeBrach: function () {
                vc.component._editGetOrgsByOrgLevelStaff(1, 100, 3, $that.editStaffInfo.branchOrgId);
            }
        },
    });
})(window.vc);