优化代码

This commit is contained in:
java110 2022-07-14 08:58:07 +08:00
parent 5525366346
commit b912e44da5

View File

@ -2,23 +2,22 @@
<div class="col-lg-12">
<div class="ibox ">
<div class="ibox-title">
<h5><span><vc:i18n name="添加访客拜访事由" namespace="addVisitCase"></vc:i18n></span></h5>
<h5><span><vc:i18n name="拜访事由" namespace="addVisitCase"></vc:i18n></span></h5>
</div>
<div class="ibox-content">
<div>
<div>
<div class="form-group row">
<label class="col-sm-2 col-form-label"><span><vc:i18n name="访客拜访事由" namespace="addVisitCase"></vc:i18n></span></label>
<label class="col-sm-2 col-form-label"><span><vc:i18n name="拜访事由" namespace="addVisitCase"></vc:i18n></span></label>
<div class="col-sm-10">
<textarea v-model="addVisitCase.visitCase" type="text" :placeholder="vc.i18n('请填写访客拜访事由','addVisitCase')" rows="3"
class="form-control"></textarea>
<textarea v-model="addVisitCase.visitCase" type="text" :placeholder="vc.i18n('请填写访客拜访事由','addVisitCase')" rows="3" class="form-control"></textarea>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label"><span><vc:i18n name="事由类型" namespace="addVisitCase"></vc:i18n></span></label>
<div class="col-sm-10">
<select class="custom-select" v-model="addVisitCase.reasonType">
<option selected disabled value="">{{vc.i18n('必填','addVisitCase')}},请选择事由类型</option>
<option selected disabled value="">{{vc.i18n('必填,请选择事由类型','addVisitCase')}}</option>
<option v-for="(item,index) in addVisitCase.reasonTypes" :key="index"
:value="item.statusCd">
{{item.name}}
@ -28,27 +27,29 @@
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label"><span><vc:i18n name="照片信息" namespace="addVisitCase"></vc:i18n></span></label>
<div class="col-sm-5" style="text-align:center">
<video id="visitPhoto" style="width: 100%;"></video>
<canvas id="canvas" style="display:none;"></canvas>
<div style="margin-top:20px">
<button class="btn btn-primary" type="button" v-on:click="_takePhoto()"><span
<div class="col-sm-10 flex justify-start">
<div>
<img width="300px" height="300px" class="border-radius" v-bind:src="addVisitCase.visitPhoto ? addVisitCase.visitPhoto : '/img/noPhoto.jpg'" alt="vc.i18n('访客照片','addVisitCase')">
</div>
<div class="text-center margin-left">
<video id="visitPhoto" style="width: 300px;height: 300px;background-color: #1D1F2D;" class="border-radius"></video>
<canvas id="canvas" style="display:none;"></canvas>
<div class="margin-top-xs">
<button class="btn btn-primary" type="button" v-on:click="_takePhoto()"><span
class="glyphicon glyphicon-camera"></span> <span><vc:i18n name="拍照" namespace="addVisitCase"></vc:i18n></span>
</button>
<span class="btn btn-default btn-file" v-on:click="_uploadPhoto($event)">
<span class="btn btn-default btn-file" v-on:click="_uploadPhoto($event)">
<span class="fileinput-new"><span><vc:i18n name="上传照片" namespace="addVisitCase"></vc:i18n></span></span>
</span>
<input type="file" class="file" accept="images/*" id="uploadVisitPhoto" hidden
v-on:change="_choosePhoto($event)">
</span>
<input type="file" class="file" accept="images/*" id="uploadVisitPhoto" hidden v-on:change="_choosePhoto($event)">
</div>
</div>
</div>
<div class="col-sm-5">
<img width="100%" height="100%" v-bind:src="addVisitCase.visitPhoto ? addVisitCase.visitPhoto : '/img/defaultAvatar.png'" alt="vc.i18n('访客照片','addVisitCase')">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>