From ecdac8a738f254db2b2ea28cbe3248f7a6a7eb2b Mon Sep 17 00:00:00 2001
From: mrzcc <121184950@qq.com>
Date: 星期五, 06 三月 2020 16:18:27 +0800
Subject: [PATCH] 优化采购申请组件
---
WebService/src/main/resources/components/applicationKeyPackage/edit-applicationKey/editApplicationKey.js | 510 +++++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 355 insertions(+), 155 deletions(-)
diff --git a/WebService/src/main/resources/components/applicationKeyPackage/edit-applicationKey/editApplicationKey.js b/WebService/src/main/resources/components/applicationKeyPackage/edit-applicationKey/editApplicationKey.js
index 853e7f0..da63aea 100644
--- a/WebService/src/main/resources/components/applicationKeyPackage/edit-applicationKey/editApplicationKey.js
+++ b/WebService/src/main/resources/components/applicationKeyPackage/edit-applicationKey/editApplicationKey.js
@@ -1,145 +1,261 @@
-(function(vc,vm){
+(function (vc, vm) {
vc.extends({
- data:{
- editApplicationKeyInfo:{
- applicationKeyId:'',
-name:'',
-tel:'',
-typeCd:'',
-sex:'',
-age:'',
-idCard:'',
-startTime:'',
-endTime:'',
-
+ data: {
+ editApplicationKeyInfo: {
+ applicationKeyId: '',
+ name: '',
+ tel: '',
+ typeCd: '',
+ sex: '',
+ age: '',
+ idCard: '',
+ startTime: '',
+ endTime: '',
+ floorId: '',
+ floorNum: '',
+ floorName: '',
+ unitId: '',
+ unitNum: '',
+ roomId: '',
+ locationTypeCd: '',
+ locationObjId: '',
+ roomName: '',
+ videoPlaying: false,
+ photo: '',
+ mediaStreamTrack: null,
+ typeFlag:'',
}
},
- _initMethod:function(){
+ _initMethod: function () {
+ vc.component._initEditApplicationKeyDateInfo();
+ //vc.component._initEditApplicationKeyMedia();
- },
- _initEvent:function(){
- vc.on('editApplicationKey','openEditApplicationKeyModal',function(_params){
+
+ },
+ _initEvent: function () {
+ vc.on('editApplicationKey', 'openEditApplicationKeyModal', function (_params) {
vc.component.refreshEditApplicationKeyInfo();
- $('#editApplicationKeyModel').modal('show');
- vc.copyObject(_params, vc.component.editApplicationKeyInfo );
+ // $('#editApplicationKeyModel').modal('show');
+ vc.copyObject(_params, vc.component.editApplicationKeyInfo);
+ if (vc.component.editApplicationKeyInfo.locationTypeCd == '2000') {
+ vc.emit('editApplicationKey', 'floorSelect2', 'setFloor', {
+ floorId: vc.component.editApplicationKeyInfo.floorId,
+ floorNum: vc.component.editApplicationKeyInfo.floorNum
+ });
+ vc.emit('editApplicationKey', 'unitSelect2', 'setUnit', {
+ floorId: vc.component.editApplicationKeyInfo.floorId,
+ floorNum: vc.component.editApplicationKeyInfo.floorNum,
+ unitId: vc.component.editApplicationKeyInfo.unitId,
+ unitNum: vc.component.editApplicationKeyInfo.unitNum,
+ });
+ } else if (vc.component.editApplicationKeyInfo.locationTypeCd == '3000') {
+ vc.emit('editApplicationKey', 'floorSelect2', 'setFloor', {
+ floorId: vc.component.editApplicationKeyInfo.floorId,
+ floorNum: vc.component.editApplicationKeyInfo.floorNum
+ });
+ vc.emit('editApplicationKey', 'unitSelect2', 'setUnit', {
+ floorId: vc.component.editApplicationKeyInfo.floorId,
+ floorNum: vc.component.editApplicationKeyInfo.floorNum,
+ unitId: vc.component.editApplicationKeyInfo.unitId,
+ unitNum: vc.component.editApplicationKeyInfo.unitNum,
+ });
+ vc.emit('editApplicationKey', 'roomSelect2', 'setRoom', {
+ floorId: vc.component.editApplicationKeyInfo.floorId,
+ floorNum: vc.component.editApplicationKeyInfo.floorNum,
+ unitId: vc.component.editApplicationKeyInfo.unitId,
+ unitNum: vc.component.editApplicationKeyInfo.unitNum,
+ roomId: vc.component.editApplicationKeyInfo.roomId,
+ roomNum: vc.component.editApplicationKeyInfo.roomNum,
+ });
+ }
vc.component.editApplicationKeyInfo.communityId = vc.getCurrentCommunity().communityId;
+
+
+ });
+
+ vc.on('editApplicationKey', "_initEditApplicationKeyData", function () {
+ vc.component._initEditApplicationKeyMedia();
+ });
+
+ vc.on("editApplicationKey", "notify", function (_param) {
+ if (_param.hasOwnProperty("floorId")) {
+ vc.component.editApplicationKeyInfo.floorId = _param.floorId;
+ }
+
+ if (_param.hasOwnProperty("unitId")) {
+ vc.component.editApplicationKeyInfo.unitId = _param.unitId;
+ }
+
+ if (_param.hasOwnProperty("roomId")) {
+ vc.component.editApplicationKeyInfo.roomId = _param.roomId;
+ }
});
},
- methods:{
- editApplicationKeyValidate:function(){
- return vc.validate.validate({
- editApplicationKeyInfo:vc.component.editApplicationKeyInfo
- },{
- 'editApplicationKeyInfo.name':[
-{
- limit:"required",
- param:"",
- errInfo:"濮撳悕涓嶈兘涓虹┖"
- },
- {
- limit:"maxin",
- param:"1,64",
- errInfo:"濮撳悕涓嶈兘瓒呰繃64浣�"
- },
- ],
-'editApplicationKeyInfo.tel':[
-{
- limit:"required",
- param:"",
- errInfo:"鎵嬫満鍙蜂笉鑳戒负绌�"
- },
- {
- limit:"phone",
- param:"",
- errInfo:"鎵嬫満鍙锋牸寮忛敊璇�"
- },
- ],
-'editApplicationKeyInfo.typeCd':[
-{
- limit:"required",
- param:"",
- errInfo:"鐢ㄦ埛绫诲瀷涓嶈兘涓虹┖"
- },
- {
- limit:"num",
- param:"",
- errInfo:"鐢ㄦ埛绫诲瀷鏍煎紡閿欒"
- },
- ],
-'editApplicationKeyInfo.sex':[
-{
- limit:"required",
- param:"",
- errInfo:"鎬у埆涓嶈兘涓虹┖"
- },
- {
- limit:"num",
- param:"",
- errInfo:"鎬у埆鏍煎紡閿欒"
- },
- ],
-'editApplicationKeyInfo.age':[
-{
- limit:"required",
- param:"",
- errInfo:"骞撮緞涓嶈兘涓虹┖"
- },
- {
- limit:"num",
- param:"",
- errInfo:"骞撮緞涓嶆槸鏈夋晥鏁板瓧"
- },
- ],
-'editApplicationKeyInfo.idCard':[
-{
- limit:"required",
- param:"",
- errInfo:"韬唤璇佸彿涓嶈兘涓虹┖"
- },
- {
- limit:"idCard",
- param:"",
- errInfo:"涓嶆槸鏈夋晥鐨勮韩浠借瘉鍙�"
- },
- ],
-'editApplicationKeyInfo.startTime':[
-{
- limit:"required",
- param:"",
- errInfo:"寮�濮嬫椂闂翠笉鑳戒负绌�"
- },
- {
- limit:"dateTime",
- param:"",
- errInfo:"涓嶆槸鏈夋晥鐨勬椂闂存牸寮�"
- },
- ],
-'editApplicationKeyInfo.endTime':[
-{
- limit:"required",
- param:"",
- errInfo:"缁撴潫鏃堕棿涓嶈兘涓虹┖"
- },
- {
- limit:"dateTime",
- param:"",
- errInfo:"涓嶆槸鏈夋晥鐨勬椂闂存牸寮�"
- },
- ],
-'editApplicationKeyInfo.applicationKeyId':[
-{
- limit:"required",
- param:"",
- errInfo:"閽ュ寵鐢宠ID涓嶈兘涓虹┖"
- }]
+ methods: {
+ _initEditApplicationKeyDateInfo: function () {
+ vc.component.editApplicationKeyInfo.startTime = vc.dateFormat(new Date().getTime());
+ $('.editApplicationStartTime').datetimepicker({
+ language: 'zh-CN',
+ format: 'yyyy-mm-dd hh:ii:ss',
+ initTime: true,
+ initialDate: new Date(),
+ autoClose: 1,
+ todayBtn: true
- });
- },
- editApplicationKey:function(){
- if(!vc.component.editApplicationKeyValidate()){
- vc.message(vc.validate.errInfo);
- return ;
+ });
+ $('.editApplicationStartTime').datetimepicker()
+ .on('changeDate', function (ev) {
+ var value = $(".editApplicationStartTime").val();
+ vc.component.editApplicationKeyInfo.startTime = value;
+ });
+ $('.editApplicationEndTime').datetimepicker({
+ language: 'zh-CN',
+ format: 'yyyy-mm-dd hh:ii:ss',
+ initTime: true,
+ initialDate: new Date(),
+ autoClose: 1,
+ todayBtn: true
+ });
+ $('.editApplicationEndTime').datetimepicker()
+ .on('changeDate', function (ev) {
+ var value = $(".editApplicationEndTime").val();
+ vc.component.editApplicationKeyInfo.endTime = value;
+ });
+ },
+ editApplicationKeyValidate: function () {
+ return vc.validate.validate({
+ editApplicationKeyInfo: vc.component.editApplicationKeyInfo
+ }, {
+ 'editApplicationKeyInfo.name': [
+ {
+ limit: "required",
+ param: "",
+ errInfo: "濮撳悕涓嶈兘涓虹┖"
+ },
+ {
+ limit: "maxin",
+ param: "1,64",
+ errInfo: "濮撳悕涓嶈兘瓒呰繃64浣�"
+ },
+ ],
+ 'editApplicationKeyInfo.tel': [
+ {
+ limit: "required",
+ param: "",
+ errInfo: "鎵嬫満鍙蜂笉鑳戒负绌�"
+ },
+ {
+ limit: "phone",
+ param: "",
+ errInfo: "鎵嬫満鍙锋牸寮忛敊璇�"
+ },
+ ],
+ 'editApplicationKeyInfo.typeCd': [
+ {
+ limit: "required",
+ param: "",
+ errInfo: "鐢ㄦ埛绫诲瀷涓嶈兘涓虹┖"
+ },
+ {
+ limit: "num",
+ param: "",
+ errInfo: "鐢ㄦ埛绫诲瀷鏍煎紡閿欒"
+ },
+ ],
+ 'editApplicationKeyInfo.sex': [
+ {
+ limit: "required",
+ param: "",
+ errInfo: "鎬у埆涓嶈兘涓虹┖"
+ }
+ ],
+ 'editApplicationKeyInfo.age': [
+ {
+ limit: "required",
+ param: "",
+ errInfo: "骞撮緞涓嶈兘涓虹┖"
+ },
+ {
+ limit: "num",
+ param: "",
+ errInfo: "骞撮緞涓嶆槸鏈夋晥鏁板瓧"
+ },
+ ],
+ 'editApplicationKeyInfo.idCard': [
+ {
+ limit: "required",
+ param: "",
+ errInfo: "韬唤璇佸彿涓嶈兘涓虹┖"
+ },
+ {
+ limit: "idCard",
+ param: "",
+ errInfo: "涓嶆槸鏈夋晥鐨勮韩浠借瘉鍙�"
+ },
+ ],
+ 'editApplicationKeyInfo.startTime': [
+ {
+ limit: "required",
+ param: "",
+ errInfo: "寮�濮嬫椂闂翠笉鑳戒负绌�"
+ },
+ {
+ limit: "dateTime",
+ param: "",
+ errInfo: "涓嶆槸鏈夋晥鐨勬椂闂存牸寮�"
+ },
+ ],
+ 'editApplicationKeyInfo.endTime': [
+ {
+ limit: "required",
+ param: "",
+ errInfo: "缁撴潫鏃堕棿涓嶈兘涓虹┖"
+ },
+ {
+ limit: "dateTime",
+ param: "",
+ errInfo: "涓嶆槸鏈夋晥鐨勬椂闂存牸寮�"
+ },
+ ],
+ 'editApplicationKeyInfo.applicationKeyId': [
+ {
+ limit: "required",
+ param: "",
+ errInfo: "閽ュ寵鐢宠ID涓嶈兘涓虹┖"
+ }],
+ 'editApplicationKeyInfo.locationTypeCd': [
+ {
+ limit: "required",
+ param: "",
+ errInfo: "鐢宠浣嶇疆涓嶈兘涓虹┖"
+ }
+ ],
+ 'editApplicationKeyInfo.locationObjId': [
+ {
+ limit: "required",
+ param: "",
+ errInfo: "鍏蜂綋浣嶇疆涓嶈兘涓虹┖"
+ }
+ ]
+
+ });
+ },
+ editApplicationKey: function () {
+ vc.component.editApplicationKeyInfo.communityId = vc.getCurrentCommunity().communityId;
+ if (vc.component.editApplicationKeyInfo.locationTypeCd != '2000' && vc.component.editApplicationKeyInfo.locationTypeCd != '3000') { //澶ч棬鏃剁洿鎺ュ啓 灏忓尯ID
+ vc.component.editApplicationKeyInfo.locationObjId = vc.component.editApplicationKeyInfo.communityId;
+ } else if (vc.component.editApplicationKeyInfo.locationTypeCd == '2000') {
+ vc.component.editApplicationKeyInfo.locationObjId = vc.component.editApplicationKeyInfo.unitId;
+ } else if (vc.component.editApplicationKeyInfo.locationTypeCd == '3000') {
+ vc.component.editApplicationKeyInfo.locationObjId = vc.component.editApplicationKeyInfo.roomId;
+ } else {
+ vc.toast("璁惧浣嶇疆鍊奸敊璇�");
+ return;
+ }
+ if (!vc.component.editApplicationKeyValidate()) {
+ vc.toast(vc.validate.errInfo);
+ return;
}
vc.http.post(
@@ -147,39 +263,123 @@
'update',
JSON.stringify(vc.component.editApplicationKeyInfo),
{
- emulateJSON:true
- },
- function(json,res){
+ emulateJSON: true
+ },
+ function (json, res) {
//vm.menus = vm.refreshMenuActive(JSON.parse(json),0);
- if(res.status == 200){
+ if (res.status == 200) {
//鍏抽棴model
$('#editApplicationKeyModel').modal('hide');
- vc.emit('applicationKeyManage','listApplicationKey',{});
- return ;
+ vc.emit('applicationKeyManage', 'listApplicationKey', {});
+ return;
}
vc.message(json);
- },
- function(errInfo,error){
+ },
+ function (errInfo, error) {
console.log('璇锋眰澶辫触澶勭悊');
vc.message(errInfo);
- });
+ });
},
- refreshEditApplicationKeyInfo:function(){
- vc.component.editApplicationKeyInfo= {
- applicationKeyId:'',
-name:'',
-tel:'',
-typeCd:'',
-sex:'',
-age:'',
-idCard:'',
-startTime:'',
-endTime:'',
-
+ refreshEditApplicationKeyInfo: function () {
+ vc.component.editApplicationKeyInfo = {
+ applicationKeyId: '',
+ name: '',
+ tel: '',
+ typeCd: '',
+ sex: '',
+ age: '',
+ idCard: '',
+ startTime: '',
+ endTime: '',
+ floorId: '',
+ floorNum: '',
+ floorName: '',
+ unitId: '',
+ unitNum: '',
+ roomId: '',
+ locationTypeCd: '',
+ locationObjId: '',
+ roomName: '',
+ videoPlaying: false,
+ photo: '',
+ mediaStreamTrack: null,
+ typeFlag:'',
}
- }
+ },
+ _closeEditApplicationKeyView: function () {
+ vc.emit('applicationKeyManage', 'listApplicationKey', {});
+ //鍏抽棴鎷嶇収鎽勫儚澶�
+ if (vc.component.editApplicationKeyInfo.mediaStreamTrack != null) {
+ vc.component.editApplicationKeyInfo.mediaStreamTrack.stop();
+ }
+ },
+ _editUserMedia: function () {
+ return navigator.getUserMedia = navigator.getUserMedia ||
+ navigator.webkitGetUserMedia ||
+ navigator.mozGetUserMedia ||
+ navigator.msGetUserMedia || null;
+ },
+ _initEditApplicationKeyMedia: function () {
+ if (vc.component._editUserMedia()) {
+ vc.component.editApplicationKeyInfo.videoPlaying = false;
+ var constraints = {
+ video: true,
+ audio: false
+ };
+ var editVideo = document.getElementById('editApplicationKeyPhoto');
+ var media = navigator.getUserMedia(constraints, function (stream) {
+ var url = window.URL || window.webkitURL;
+ //video.src = url ? url.createObjectURL(stream) : stream;
+
+ vc.component.editApplicationKeyInfo.mediaStreamTrack = typeof stream.stop === 'function' ? stream : stream.getTracks()[0];
+ try {
+ editVideo.src = url ? url.createObjectURL(stream) : stream;
+ } catch (error) {
+ editVideo.srcObject = stream;
+ }
+ editVideo.play();
+ vc.component.editApplicationKeyInfo.videoPlaying = true;
+ }, function (error) {
+ console.log("ERROR");
+ console.log(error);
+ });
+ } else {
+ console.log("鍒濆鍖栬棰戝け璐�");
+ }
+ },
+ _takeEditPhoto: function () {
+ if (vc.component.editApplicationKeyInfo.videoPlaying) {
+ var canvas = document.getElementById('editApplicationKeyCanvas');
+ var takeEditVideo = document.getElementById('editApplicationKeyPhoto');
+ canvas.width = takeEditVideo.videoWidth;
+ canvas.height = takeEditVideo.videoHeight;
+ canvas.getContext('2d').drawImage(takeEditVideo, 0, 0);
+ var data = canvas.toDataURL('image/webp');
+ vc.component.editApplicationKeyInfo.photo = data;
+ //document.getElementById('photo').setAttribute('src', data);
+ }
+ },
+ _uploadEditPhoto: function (event) {
+ $("#uploadEditApplicationKeyPhoto").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); //璇诲彇涓篵ase64
+ reader.onloadend = function (e) {
+ vc.component.editApplicationKeyInfo.photo = reader.result;
+ }
+ }
+ },
}
});
-})(window.vc,window.vc.component);
+})(window.vc, window.vc.component);
--
Gitblit v1.8.0