(function (vc, vm) {
|
|
vc.extends({
|
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 () {
|
vc.component._initEditApplicationKeyDateInfo();
|
//vc.component._initEditApplicationKeyMedia();
|
|
|
},
|
_initEvent: function () {
|
vc.on('editApplicationKey', 'openEditApplicationKeyModal', function (_params) {
|
vc.component.refreshEditApplicationKeyInfo();
|
// $('#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: {
|
_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
|
|
});
|
$('.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.message(vc.validate.errInfo);
|
return;
|
}
|
|
vc.http.post(
|
'editApplicationKey',
|
'update',
|
JSON.stringify(vc.component.editApplicationKeyInfo),
|
{
|
emulateJSON: true
|
},
|
function (json, res) {
|
//vm.menus = vm.refreshMenuActive(JSON.parse(json),0);
|
if (res.status == 200) {
|
//关闭model
|
$('#editApplicationKeyModel').modal('hide');
|
vc.emit('applicationKeyManage', 'listApplicationKey', {});
|
return;
|
}
|
vc.message(json);
|
},
|
function (errInfo, error) {
|
console.log('请求失败处理');
|
|
vc.message(errInfo);
|
});
|
},
|
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 video = 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 {
|
video.src = url ? url.createObjectURL(stream) : stream;
|
} catch (error) {
|
video.srcObject = stream;
|
}
|
video.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 video = document.getElementById('editApplicationKeyPhoto');
|
canvas.width = video.videoWidth;
|
canvas.height = video.videoHeight;
|
canvas.getContext('2d').drawImage(video, 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);
|
