| | |
| | | <div id = "editApplicationKeyModel" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" > |
| | | <div class="modal-dialog modal-lg"> |
| | | <div class="modal-content"> |
| | | <div class="modal-body"> |
| | | <h3 class="m-t-none m-b ">修改钥匙申请</h3> |
| | | <div class="ibox-content"> |
| | | <div> |
| | | <div> |
| | | <div class="form-group row"> |
| | | <label class="col-sm-2 col-form-label">姓名</label> |
| | | <div class="col-sm-10"> |
| | | <input v-model="editApplicationKeyInfo.name" type="text" placeholder="必填,请填写姓名" class="form-control"> |
| | | </div> |
| | | </div> |
| | | <div class="form-group row"> |
| | | <label class="col-sm-2 col-form-label">手机号</label> |
| | | <div class="col-sm-10"> |
| | | <input v-model="editApplicationKeyInfo.tel" type="text" placeholder="必填,请填写手机号" class="form-control"> |
| | | </div> |
| | | </div> |
| | | <div class="form-group row"> |
| | | <label class="col-sm-2 col-form-label">用户类型</label> |
| | | <div class="col-sm-10"> |
| | | <select class="custom-select" v-model="editApplicationKeyInfo.typeCd"> |
| | | <option selected disabled value="">必填,请选择用户类型</option> |
| | | <option value="10001">保洁</option> |
| | | <option value="10002">保安</option> |
| | | <option value="10003">其他人员</option> |
| | | </select> </div> |
| | | </div> |
| | | <div class="form-group row"> |
| | | <label class="col-sm-2 col-form-label">性别</label> |
| | | <div class="col-sm-10"> |
| | | <select class="custom-select" v-model="editApplicationKeyInfo.sex"> |
| | | <option selected disabled value="">必填,请选择性别</option> |
| | | <option value="0">男</option> |
| | | <option value="1">女</option> |
| | | </select> </div> |
| | | </div> |
| | | <div class="form-group row"> |
| | | <label class="col-sm-2 col-form-label">年龄</label> |
| | | <div class="col-sm-10"> |
| | | <input v-model="editApplicationKeyInfo.age" type="text" placeholder="必填,请填写年龄" class="form-control"> |
| | | </div> |
| | | </div> |
| | | <div class="form-group row"> |
| | | <label class="col-sm-2 col-form-label">身份证号</label> |
| | | <div class="col-sm-10"> |
| | | <input v-model="editApplicationKeyInfo.idCard" type="text" placeholder="必填,请填写身份证号" class="form-control"> |
| | | </div> |
| | | </div> |
| | | <div class="form-group row"> |
| | | <label class="col-sm-2 col-form-label">开始时间</label> |
| | | <div class="col-sm-10"> |
| | | <input v-model="editApplicationKeyInfo.startTime" type="text" placeholder="必填,请填写开始时间" class="form-control"> |
| | | </div> |
| | | </div> |
| | | <div class="form-group row"> |
| | | <label class="col-sm-2 col-form-label">结束时间</label> |
| | | <div class="col-sm-10"> |
| | | <input v-model="editApplicationKeyInfo.endTime" type="text" placeholder="必填,请填写结束时间" class="form-control"> |
| | | </div> |
| | | </div> |
| | | <div class="row"> |
| | | <div class="col-lg-12"> |
| | | <div class="ibox"> |
| | | <div class="ibox-title"> |
| | | <h5>修改钥匙申请</h5> |
| | | <div class="ibox-tools" style="top:10px;"> |
| | | |
| | | <div class="ibox-content"> |
| | | <button class="btn btn-primary float-right" type="button" v-on:click="editApplicationKey()" ><i class="fa fa-check"></i> 保存</button> |
| | | <button type="button" class="btn btn-warning float-right" style="margin-right:20px;" data-dismiss="modal">取消</button> |
| | | </div> |
| | | </div> |
| | | <div class="ibox-content"> |
| | | |
| | | <div class="row"> |
| | | <div class="col-sm-5" style="text-align:center"> |
| | | <video id="editApplicationKeyPhoto" style="width: 100%;"></video> |
| | | <canvas id="editApplicationKeyCanvas" style="display:none;"></canvas> |
| | | <div style="margin-top:20px"> |
| | | <button class="btn btn-primary" type="button" v-on:click="_takeEditPhoto()"><span |
| | | class="glyphicon glyphicon-camera"></span> 拍照 |
| | | </button> |
| | | <span class="btn btn-default btn-file" v-on:click="_uploadEditPhoto($event)"> |
| | | <span class="fileinput-new">上传照片</span> |
| | | </span> |
| | | <input type="file" class="file" accept="images/*" id="uploadEditApplicationKeyPhoto" hidden |
| | | v-on:change="_chooseEidtPhoto($event)"> |
| | | </div> |
| | | </div> |
| | | <div class="col-sm-7"> |
| | | <div class="form-group row"> |
| | | <label class="col-sm-2 col-form-label">姓名</label> |
| | | <div class="col-sm-10"> |
| | | <input v-model="editApplicationKeyInfo.name" type="text" placeholder="必填,请填写姓名" |
| | | class="form-control"> |
| | | </div> |
| | | </div> |
| | | <div class="form-group row"> |
| | | <label class="col-sm-2 col-form-label">手机号</label> |
| | | <div class="col-sm-10"> |
| | | <input v-model="editApplicationKeyInfo.tel" type="text" placeholder="必填,请填写手机号" |
| | | class="form-control"> |
| | | </div> |
| | | </div> |
| | | <div class="form-group row"> |
| | | <label class="col-sm-2 col-form-label">用户类型</label> |
| | | <div class="col-sm-10"> |
| | | <select class="custom-select" v-model="editApplicationKeyInfo.typeCd"> |
| | | <option selected disabled value="">必填,请选择用户类型</option> |
| | | <option value="10001">保洁</option> |
| | | <option value="10002">保安</option> |
| | | <option value="10003">其他人员</option> |
| | | </select></div> |
| | | </div> |
| | | <div class="form-group row"> |
| | | <label class="col-sm-2 col-form-label">钥匙类型</label> |
| | | <div class="col-sm-10"> |
| | | <select class="custom-select" v-model="editApplicationKeyInfo.typeFlag" readonly="true"> |
| | | <option selected disabled value="">必填,请选择钥匙类型申请</option> |
| | | <option value="1100101">人脸</option> |
| | | <option value="1100102">固定密码</option> |
| | | <option value="1100103">临时密码</option> |
| | | </select></div> |
| | | </div> |
| | | <div class="form-group row"> |
| | | <label class="col-sm-2 col-form-label">性别</label> |
| | | <div class="col-sm-10"> |
| | | <select class="custom-select" v-model="editApplicationKeyInfo.sex"> |
| | | <option selected disabled value="">必填,请选择性别</option> |
| | | <option value="0">男</option> |
| | | <option value="1">女</option> |
| | | </select></div> |
| | | </div> |
| | | <div class="form-group row"> |
| | | <label class="col-sm-2 col-form-label">年龄</label> |
| | | <div class="col-sm-10"> |
| | | <input v-model="editApplicationKeyInfo.age" type="text" placeholder="必填,请填写年龄" |
| | | class="form-control"> |
| | | </div> |
| | | </div> |
| | | <div class="form-group row"> |
| | | <label class="col-sm-2 col-form-label">身份证号</label> |
| | | <div class="col-sm-10"> |
| | | <input v-model="editApplicationKeyInfo.idCard" type="text" placeholder="必填,请填写身份证号" |
| | | class="form-control"> |
| | | </div> |
| | | </div> |
| | | <div class="form-group row"> |
| | | <label class="col-sm-2 col-form-label">设备位置</label> |
| | | <div class="col-sm-10"> |
| | | <select class="custom-select" v-model="editApplicationKeyInfo.locationTypeCd"> |
| | | <option selected disabled value="">必填,请选择设备位置</option> |
| | | <option value="1000">东大门</option> |
| | | <option value="1001">西大门</option> |
| | | <option value="1002">北大门</option> |
| | | <option value="1003">南大门</option> |
| | | <option value="2000">单元门</option> |
| | | <option value="3000">房屋门</option> |
| | | </select> |
| | | </div> |
| | | </div> |
| | | <div class="form-group row" |
| | | v-show="editApplicationKeyInfo.locationTypeCd == '2000' || editApplicationKeyInfo.locationTypeCd == '3000' "> |
| | | <label class="col-sm-2 col-form-label">归属楼栋</label> |
| | | <div class="col-sm-10"> |
| | | <vc:create name="floorSelect2" |
| | | parentModal="editApplicationKeyModel" |
| | | namespace="editApplicationKey" |
| | | ></vc:create> |
| | | </div> |
| | | </div> |
| | | <div class="form-group row" |
| | | v-show="editApplicationKeyInfo.locationTypeCd == '2000' || editApplicationKeyInfo.locationTypeCd == '3000' "> |
| | | <label class="col-sm-2 col-form-label">归属单元</label> |
| | | <div class="col-sm-10"> |
| | | <vc:create name="unitSelect2" |
| | | parentModal="editApplicationKeyModel" |
| | | callBackListener="editApplicationKey" |
| | | callBackFunction="notify" |
| | | namespace="editApplicationKey" |
| | | ></vc:create> |
| | | </div> |
| | | </div> |
| | | <div class="form-group row" |
| | | v-show="editApplicationKeyInfo.locationTypeCd == '3000' "> |
| | | <label class="col-sm-2 col-form-label">归属房屋</label> |
| | | <div class="col-sm-10"> |
| | | <vc:create name="roomSelect2" |
| | | parentModal="editApplicationKeyModel" |
| | | callBackListener="editApplicationKey" |
| | | callBackFunction="notify" |
| | | namespace="editApplicationKey" |
| | | ></vc:create> |
| | | </div> |
| | | </div> |
| | | <div class="form-group row"> |
| | | <label class="col-sm-2 col-form-label">开始时间</label> |
| | | <div class="col-sm-10"> |
| | | <input v-model="editApplicationKeyInfo.startTime" readonly type="text" |
| | | placeholder="必填,请填写开始时间" |
| | | class="form-control editApplicationStartTime"> |
| | | </div> |
| | | </div> |
| | | <div class="form-group row" v-show="editApplicationKeyInfo.typeFlag == '1100101' || editApplicationKeyInfo.typeFlag == '1100102' "> |
| | | <label class="col-sm-2 col-form-label">结束时间</label> |
| | | <div class="col-sm-10"> |
| | | <input v-model="editApplicationKeyInfo.endTime" readonly type="text" |
| | | placeholder="必填,请填写结束时间" |
| | | class="form-control editApplicationEndTime"> |
| | | </div> |
| | | </div> |
| | | <div class="form-group row" v-if="editApplicationKeyInfo.typeFlag == '1100101'"> |
| | | <label class="col-sm-2 col-form-label">照片</label> |
| | | <div class="col-sm-10"><img width="100%" height="100%" |
| | | v-bind:src="editApplicationKeyInfo.photo" alt="申请人照片"></div> |
| | | </div> |
| | | |
| | | <div class="ibox-content"> |
| | | <button class="btn btn-primary float-right" type="button" |
| | | v-on:click="editApplicationKey()"><i class="fa fa-check"></i> 保存 |
| | | </button> |
| | | <button type="button" class="btn btn-warning float-right" style="margin-right:20px;" |
| | | v-on:click="_closeEditApplicationKeyView()">取消 |
| | | </button> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | |
| | | |