优化添加业主图片获取

wuxw

2019-11-11 91ea9a3cb6931946b012e7e8414239b408eae3e7

优化添加业主图片获取

 WebService/src/main/resources/components/ownerPackage/add-owner/addOwner.html

@@ -6,12 +6,12 @@
                <h3 class="m-t-none m-b ">添加{{addOwnerInfo.componentTitle}}</h3>
                <div class="ibox-content">
                    <div class="row">
                        <div class="col-sm-5">
                            <video id="ownerPhoto" style="width: 100%;height: 90%;"></video>
                        <div class="col-sm-6">
                            <video id="ownerPhoto" style="width: 100%;height: 100%;"></video>
                            <canvas id="canvas" style="display:none;"></canvas>
                            <button class="btn btn-primary" type="button" v-on:click="_takePhoto()">拍照</button>
                        </div>
                        <div class="col-sm-7">
                        <div class="col-sm-6">
                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label">名称</label>
                                <div class="col-sm-10"><input v-model="addOwnerInfo.name" type="text"

 WebService/src/main/resources/components/ownerPackage/add-owner/addOwner.js

@@ -14,7 +14,8 @@
                sex:'',
                remark:'',
                ownerId:'',
                ownerPhoto:''
                ownerPhoto:'',
                videoPlaying:false
            }
        },
         _initMethod:function(){
@@ -140,7 +141,7 @@
            },
            _initAddOwnerMedia:function () {
                if(vc.component._addUserMedia()){
                    var videoPlaying = false;
                    vc.component.addOwnerInfo.videoPlaying = false;
                    var constraints = {
                        video: true,
                        audio: false
@@ -155,7 +156,7 @@
                            video.srcObject = stream;
                        }
                        video.play();
                        videoPlaying = true;
                        vc.component.addOwnerInfo.videoPlaying = true;
                    }, function (error) {
                        console.log("ERROR");
                        console.log(error);
@@ -165,7 +166,7 @@
                }
            },
            _takePhoto:function () {
                if (videoPlaying) {
                if (vc.component.addOwnerInfo.videoPlaying) {
                    var canvas = document.getElementById('canvas');
                    canvas.width = video.videoWidth;
                    canvas.height = video.videoHeight;