mirror of
https://gitee.com/java110/MicroCommunityWeb.git
synced 2026-02-25 14:17:54 +08:00
224 lines
8.9 KiB
JavaScript
224 lines
8.9 KiB
JavaScript
(function (vc) {
|
|
//var _fileUrl = 'https://hc.demo.winqi.cn/callComponent/download/getFile/fileByObjId';
|
|
var _fileUrl = '/callComponent/download/getFile/fileByObjId';
|
|
vc.extends({
|
|
propTypes: {
|
|
notifyLoadDataComponentName: vc.propTypes.string,
|
|
componentTitle: vc.propTypes.string // 组件名称
|
|
},
|
|
data: {
|
|
editOwnerInfo: {
|
|
componentTitle: $props.componentTitle,
|
|
ownerId: '',
|
|
memberId: '',
|
|
ownerTypeCd: '',
|
|
name: '',
|
|
age: '',
|
|
link: '',
|
|
sex: '',
|
|
remark: '',
|
|
ownerPhoto: '',
|
|
idCard: '',
|
|
videoPlaying: false
|
|
}
|
|
},
|
|
_initMethod: function () {
|
|
|
|
},
|
|
_initEvent: function () {
|
|
vc.on('editOwner', 'openEditOwnerModal', function (_owner) {
|
|
vc.copyObject(_owner, vc.component.editOwnerInfo);
|
|
//根据memberId 查询 照片信息
|
|
vc.component.editOwnerInfo.ownerPhoto = _fileUrl + "?objId=" +
|
|
vc.component.editOwnerInfo.memberId + "&communityId=" + vc.getCurrentCommunity().communityId + "&fileTypeCd=10000&time=" + new Date();
|
|
$('#editOwnerModel').modal('show');
|
|
vc.component._initAddOwnerMediaForEdit();
|
|
});
|
|
},
|
|
methods: {
|
|
editOwnerValidate: function () {
|
|
return vc.validate.validate({
|
|
editOwnerInfo: vc.component.editOwnerInfo
|
|
}, {
|
|
'editOwnerInfo.name': [
|
|
{
|
|
limit: "required",
|
|
param: "",
|
|
errInfo: "名称不能为空"
|
|
},
|
|
{
|
|
limit: "maxin",
|
|
param: "2,10",
|
|
errInfo: "名称长度必须在2位至10位"
|
|
},
|
|
],
|
|
'editOwnerInfo.age': [
|
|
{
|
|
limit: "required",
|
|
param: "",
|
|
errInfo: "年龄不能为空"
|
|
},
|
|
{
|
|
limit: "num",
|
|
param: "",
|
|
errInfo: "年龄不是有效的数字"
|
|
},
|
|
],
|
|
'editOwnerInfo.sex': [
|
|
{
|
|
limit: "required",
|
|
param: "",
|
|
errInfo: "性别不能为空"
|
|
}
|
|
],
|
|
'editOwnerInfo.idCard': [
|
|
{
|
|
limit: "maxLength",
|
|
param: "18",
|
|
errInfo: "身份证长度不能超过200位"
|
|
}
|
|
],
|
|
'editOwnerInfo.link': [
|
|
{
|
|
limit: "required",
|
|
param: "",
|
|
errInfo: "手机号不能为空"
|
|
},
|
|
{
|
|
limit: "phone",
|
|
param: "",
|
|
errInfo: "不是有效的手机号"
|
|
}
|
|
],
|
|
'editOwnerInfo.remark': [
|
|
|
|
{
|
|
limit: "maxLength",
|
|
param: "200",
|
|
errInfo: "备注长度不能超过200位"
|
|
}
|
|
]
|
|
|
|
});
|
|
},
|
|
|
|
editOwnerMethod: function () {
|
|
|
|
if (!vc.component.editOwnerValidate()) {
|
|
vc.toast(vc.validate.errInfo);
|
|
|
|
return;
|
|
}
|
|
|
|
vc.component.editOwnerInfo.communityId = vc.getCurrentCommunity().communityId;
|
|
|
|
//编辑时 ownerPhoto 中内容不是照片内容，则清空
|
|
if (vc.component.editOwnerInfo.ownerPhoto.indexOf(_fileUrl) != -1) {
|
|
vc.component.editOwnerInfo.ownerPhoto = "";
|
|
}
|
|
vc.http.post(
|
|
'editOwner',
|
|
'changeOwner',
|
|
JSON.stringify(vc.component.editOwnerInfo),
|
|
{
|
|
emulateJSON: true
|
|
},
|
|
function (json, res) {
|
|
//vm.menus = vm.refreshMenuActive(JSON.parse(json),0);
|
|
if (res.status == 200) {
|
|
//关闭model
|
|
$('#editOwnerModel').modal('hide');
|
|
vc.component.clearEditOwnerInfo();
|
|
vc.emit($props.notifyLoadDataComponentName, 'listOwnerData', {});
|
|
|
|
return;
|
|
}
|
|
vc.message(json);
|
|
|
|
},
|
|
function (errInfo, error) {
|
|
console.log('请求失败处理');
|
|
vc.message(errInfo);
|
|
});
|
|
},
|
|
clearEditOwnerInfo: function () {
|
|
vc.component.editOwnerInfo = {
|
|
ownerId: '',
|
|
memberId: '',
|
|
name: '',
|
|
age: '',
|
|
link: '',
|
|
sex: '',
|
|
remark: '',
|
|
idCard: '',
|
|
ownerPhoto: '',
|
|
videoPlaying: false
|
|
};
|
|
},
|
|
_editUserMedia: function () {
|
|
return navigator.getUserMedia = navigator.getUserMedia ||
|
|
navigator.webkitGetUserMedia ||
|
|
navigator.mozGetUserMedia ||
|
|
navigator.msGetUserMedia || null;
|
|
},
|
|
_initAddOwnerMediaForEdit: function () {
|
|
if (vc.component._editUserMedia()) {
|
|
vc.component.editOwnerInfo.videoPlaying = false;
|
|
var constraints = {
|
|
video: true,
|
|
audio: false
|
|
};
|
|
var video = document.getElementById('ownerPhotoForEdit');
|
|
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.editOwnerInfo.videoPlaying = true;
|
|
}, function (error) {
|
|
console.log("ERROR");
|
|
console.log(error);
|
|
});
|
|
} else {
|
|
console.log("初始化视频失败");
|
|
}
|
|
},
|
|
_takePhotoForEdit: function () {
|
|
if (vc.component.editOwnerInfo.videoPlaying) {
|
|
var canvas = document.getElementById('canvasForEdit');
|
|
var video = document.getElementById('ownerPhotoForEdit');
|
|
canvas.width = video.videoWidth;
|
|
canvas.height = video.videoHeight;
|
|
canvas.getContext('2d').drawImage(video, 0, 0);
|
|
var data = canvas.toDataURL('image/webp');
|
|
vc.component.editOwnerInfo.ownerPhoto = data;
|
|
//document.getElementById('photo').setAttribute('src', data);
|
|
}
|
|
},
|
|
_uploadEditPhoto: function (event) {
|
|
$("#uploadEditOwnerPhoto").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.editOwnerInfo.ownerPhoto = reader.result;
|
|
}
|
|
}
|
|
},
|
|
}
|
|
});
|
|
|
|
})(window.vc); |