From 3363a9588500a2810364a6f1bb01c4ce26c8fed7 Mon Sep 17 00:00:00 2001
From: wuxw <928255095@qq.com>
Date: 星期日, 23 二月 2020 13:44:19 +0800
Subject: [PATCH] 优化钥匙申请
---
WebService/src/main/resources/components/applicationKeyPackage/add-applicationKey/addApplicationKey.html | 222 ++++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 152 insertions(+), 70 deletions(-)
diff --git a/WebService/src/main/resources/components/applicationKeyPackage/add-applicationKey/addApplicationKey.html b/WebService/src/main/resources/components/applicationKeyPackage/add-applicationKey/addApplicationKey.html
index b58023a..534a9b6 100644
--- a/WebService/src/main/resources/components/applicationKeyPackage/add-applicationKey/addApplicationKey.html
+++ b/WebService/src/main/resources/components/applicationKeyPackage/add-applicationKey/addApplicationKey.html
@@ -1,83 +1,164 @@
-<div id="addApplicationKeyModel" 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="row">
+ <div class="col-lg-12">
+ <div class="ibox">
+ <div class="ibox-title">
+ <h5>鐢宠閽ュ寵</h5>
+ <div class="ibox-tools" style="top:10px;">
- <div class="form-group row">
- <label class="col-sm-2 col-form-label">濮撳悕</label>
- <div class="col-sm-10">
- <input v-model="addApplicationKeyInfo.name" type="text" placeholder="蹇呭～锛岃濉啓濮撳悕"
- class="form-control">
- </div>
+ </div>
+ </div>
+ <div class="ibox-content">
+ <div class="row">
+ <div class="col-sm-5" style="text-align:center">
+ <video id="addApplicationKeyPhoto" style="width: 100%;"></video>
+ <canvas id="AddApplicationKeyCanvas" style="display:none;"></canvas>
+ <div style="margin-top:20px">
+ <button class="btn btn-primary" type="button" v-on:click="_takePhoto()"><span
+ class="glyphicon glyphicon-camera"></span> 鎷嶇収
+ </button>
+ <span class="btn btn-default btn-file" v-on:click="_uploadPhoto($event)">
+ <span class="fileinput-new">涓婁紶鐓х墖</span>
+ </span>
+ <input type="file" class="file" accept="images/*" id="uploadApplicationKeyPhoto" hidden
+ v-on:change="_choosePhoto($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="addApplicationKeyInfo.name" type="text" placeholder="蹇呭～锛岃濉啓濮撳悕"
+ class="form-control">
</div>
- <div class="form-group row">
- <label class="col-sm-2 col-form-label">鎵嬫満鍙�</label>
- <div class="col-sm-10">
- <input v-model="addApplicationKeyInfo.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">
+ <input v-model="addApplicationKeyInfo.tel" type="text" placeholder="蹇呭～锛岃濉啓鎵嬫満鍙�"
+ class="form-control">
</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="addApplicationKeyInfo.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="addApplicationKeyInfo.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="addApplicationKeyInfo.typeFlag">
+ <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="addApplicationKeyInfo.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="addApplicationKeyInfo.age" type="text" placeholder="蹇呭～锛岃濉啓骞撮緞"
+ class="form-control">
</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="addApplicationKeyInfo.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="addApplicationKeyInfo.idCard" type="text" placeholder="蹇呭～锛岃濉啓韬唤璇佸彿"
+ class="form-control">
</div>
- <div class="form-group row">
- <label class="col-sm-2 col-form-label">骞撮緞</label>
- <div class="col-sm-10">
- <input v-model="addApplicationKeyInfo.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">
+ <select class="custom-select" v-model="addApplicationKeyInfo.locationTypeCd"
+ placeholder="蹇呭～锛岃閫夋嫨璁惧浣嶇疆">
+ <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 class="form-group row">
- <label class="col-sm-2 col-form-label">韬唤璇佸彿</label>
- <div class="col-sm-10">
- <input v-model="addApplicationKeyInfo.idCard" type="text" placeholder="蹇呭～锛岃濉啓韬唤璇佸彿"
- class="form-control">
- </div>
+ </div>
+ <div class="form-group row"
+ v-show="addApplicationKeyInfo.locationTypeCd == '2000' || addApplicationKeyInfo.locationTypeCd == '3000' ">
+ <label class="col-sm-2 col-form-label">褰掑睘妤兼爧</label>
+ <div class="col-sm-10">
+ <vc:create name="floorSelect2"
+ parentModal="addApplicationKeyModel"
+ namespace="addApplicationKey"
+ ></vc:create>
</div>
- <div class="form-group row">
- <label class="col-sm-2 col-form-label">寮�濮嬫椂闂�</label>
- <div class="col-sm-10">
- <input v-model="addApplicationKeyInfo.startTime" type="text"
- placeholder="蹇呭～锛岃濉啓寮�濮嬫椂闂�" class="form-control">
- </div>
+ </div>
+ <div class="form-group row"
+ v-show="addApplicationKeyInfo.locationTypeCd == '2000' || addApplicationKeyInfo.locationTypeCd == '3000' ">
+ <label class="col-sm-2 col-form-label">褰掑睘鍗曞厓</label>
+ <div class="col-sm-10">
+ <vc:create name="unitSelect2"
+ parentModal="addApplicationKeyModel"
+ callBackListener="addApplicationKey"
+ callBackFunction="notify"
+ namespace="addApplicationKey"
+ ></vc:create>
</div>
- <div class="form-group row">
- <label class="col-sm-2 col-form-label">缁撴潫鏃堕棿</label>
- <div class="col-sm-10">
- <input v-model="addApplicationKeyInfo.endTime" type="text" placeholder="蹇呭～锛岃濉啓缁撴潫鏃堕棿"
- class="form-control">
- </div>
+ </div>
+ <div class="form-group row"
+ v-show="addApplicationKeyInfo.locationTypeCd == '3000' ">
+ <label class="col-sm-2 col-form-label">褰掑睘鎴垮眿</label>
+ <div class="col-sm-10">
+ <vc:create name="roomSelect2"
+ parentModal="addApplicationKeyModel"
+ callBackListener="addApplicationKey"
+ callBackFunction="notify"
+ namespace="addApplicationKey"
+ ></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="addApplicationKeyInfo.startTime" readonly type="text"
+ placeholder="蹇呭～锛岃濉啓寮�濮嬫椂闂�"
+ class="form-control addApplicationStartTime">
+ </div>
+ </div>
+ <div class="form-group row" v-show="addApplicationKeyInfo.typeFlag == '1100101' || addApplicationKeyInfo.typeFlag == '1100102' ">
+ <label class="col-sm-2 col-form-label">缁撴潫鏃堕棿</label>
+ <div class="col-sm-10">
+ <input v-model="addApplicationKeyInfo.endTime" readonly type="text"
+ placeholder="蹇呭～锛岃濉啓缁撴潫鏃堕棿"
+ class="form-control addApplicationEndTime">
+ </div>
+ </div>
+ <div class="form-group row" v-if="addApplicationKeyInfo.typeFlag == '1100101'">
+ <label class="col-sm-2 col-form-label">鐓х墖</label>
+ <div class="col-sm-10"><img width="100%" height="100%"
+ v-bind:src="addApplicationKeyInfo.photo" alt="鐢宠浜虹収鐗�"></div>
+ </div>
- <div class="ibox-content">
- <button class="btn btn-primary float-right" type="button"
- v-on:click="saveApplicationKeyInfo()"><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 class="ibox-content">
+ <button class="btn btn-primary float-right" type="button"
+ v-on:click="saveApplicationKeyInfo()"><i class="fa fa-check"></i> 淇濆瓨
+ </button>
+ <button type="button" class="btn btn-warning float-right" style="margin-right:20px;"
+ v-on:click="_closeAddApplicationKeyView()">鍙栨秷
+ </button>
</div>
</div>
</div>
@@ -86,3 +167,4 @@
</div>
</div>
+
--
Gitblit v1.8.0