場景下開發-企業註冊用戶信息修改流程
阿新 • • 發佈：2017-08-08
def 展示 如果 show pri check object () 信息 
場景是企業用戶註冊完後,想更改企業信息
1.企業客戶申請流程
2.客戶審核流程
企業信息保存，銀行卡信息保存，提交審核(待提交，審核中，審核失敗，審核成功)
判斷 OpenUpdateFlag
3.更新圖片根據主鍵更新
4.企業賬戶信息修改流程
修改申請()
if(審核中，審核失敗){OpenUpdateFlag ===‘2‘}else{
OpenUpdateFlag ===‘1‘
}
if(OpenUpdateFlag ===‘1‘){
企業信息保存,銀行卡信息保存(待提交)
1.帶有原始企業信息的展示(OpenUpdateFlag && EntCheckStatus)
2.新增企業用戶展示(企業信息保存，銀行卡信息保存，提交審核)
}
頁面展示
企業信息保存，銀行卡信息保存，提交審核(待提交，審核中，審核失敗，審核成功)
// message.jsp if(OpenUpdateFlag ===‘1‘){OpenUpdatePage();} /* *允許編輯輸入框 * */ function OpenUpdatePage(){ $("input[type=‘text‘]").removeAttr(‘readonly‘); $("input[type=‘button‘]").removeAttr(‘disabled‘); $("input[type=‘button‘]").show(); $("input[type=‘button‘]").val(‘上傳文件‘); // a[id^="finishUploadDiv"] 選擇其 src 屬性值以 "https" 開頭的每個 <a> 元素。 $(‘[id^="finishUploadDiv"]‘).removeClass(‘uploader_list‘).addClass(‘uploader_list_small‘); $(‘[id^="finishUploadDiv"]‘).removeClass(‘uploader_finish‘).addClass(‘uploader_finish_small1‘); $("input[type=‘submit‘]").show(); $("span[id$=‘Tip‘]").show(); $("textarea").removeAttr(‘disabled‘); }
// bankcard.jsp if(openupdateflag ===‘1‘){OpenUpdatePage2();} /**允許編輯輸入框 */ function OpenUpdatePage2(){ //如果提交資料再審核，則將所有輸入框鎖定，無法選擇圖片。 $("input[type=‘text‘]").attr(‘readonly‘,‘readonly‘); $("input[type=‘button‘]").show(); $("#button-ling1").val(‘上傳文件‘); $("#finishUploadDiv1").removeClass(‘uploader_list‘).addClass(‘uploader_list_small‘); $("#finishUploadDiv1").removeClass(‘uploader_finish‘).addClass(‘uploader_finish_small‘); $("input[type=‘submit‘]").show(); $("select").removeAttr(‘disabled‘); $("p[id$=‘Tip‘]").show(); }
驗證插件(formValidator)
//校驗 $("#EnterpriseName").formValidator({ onShow: function(){ var value = $("#EnterpriseName").val(); if(!value){ return ‘請輸入企業名稱‘; }else{ $(‘#EnterpriseNameTip‘).attr(‘class‘,‘oncorrect‘); return ‘ ‘; } // return (value ===‘‘||value ===null)?‘請輸入企業名稱‘:‘ ‘; }, // onShow: " ", onFocus: "請輸入企業名稱", onCorrect: " ", empty:true }) // function getOnShowMsg(str){ // var value = $("#EnterpriseName").val(); var value = $("#"+str).val(); // console.log($("#"+str).parent(‘div‘).siblings(‘.left1‘).text()); if(!value){ return ‘請輸入‘+$("#"+str).parent(‘div‘).siblings(‘.left1‘).text(); }else{ $(‘#‘+str+‘Tip‘).attr(‘class‘,‘oncorrect‘); return ‘ ‘; } // return (value ===‘‘||value ===null)?‘請輸入企業名稱‘:‘ ‘; }
圖片上傳插件
/* *使用方法{template:‘<div id="imgdiv"><img id="imgShow" width="120" height="120" /></div>‘} * <input type="file" id="up_img" /> *調用代碼: * new uploadPreview({ UpBtn: "up_img", DivShow: "imgdiv", ImgShow: "imgShow" }); *參數說明: *UpBtn:選擇文件控件ID; *DivShow:DIV控件ID; *ImgShow:圖片控件ID; *Width:預覽寬度; *Height:預覽高度; *ImgType:支持文件類型 格式:["jpg","png"]; *callback:選擇文件後回調方法; *work:圖片預覽插件 */ function isNull(value){ if (typeof (value) == "function") { return false; } if (value == undefined || value == null || value == "" || value.length == 0) { return true; } return false; }; var uploadPreview = function(setting){ // setting對象 var _self = this; // 初始化參數 _self.initSetting = { UpBtn: "", DivShow: "", ImgShow: "", Width: 100, Height: 100, ImgType: ["gif", "jpeg", "jpg", "bmp", "png"], ErrMsg: "選擇文件錯誤,圖片類型必須是(gif,jpeg,jpg,bmp,png)中的一種", callback: function() { } }; _self.Setting ={ UpBtn: isNull(setting.UpBtn)?_self.initSetting.UpBtn:setting.UpBtn, DivShow: isNull(setting.UpBtn)?_self.initSetting.DivShow:setting.DivShow, ImgShow: isNull(setting.UpBtn)?_self.initSetting.ImgShow:setting.ImgShow, Width: isNull(setting.UpBtn)?_self.initSetting.Width:setting.Width, Height: isNull(setting.UpBtn)?_self.initSetting.Height:setting.Height, ImgType: isNull(setting.UpBtn)?_self.initSetting.ImgType:setting.ImgType, ErrMsg: isNull(setting.UpBtn)?_self.initSetting.ErrMsg:setting.ErrMsg, callback: isNull(setting.UpBtn)?_self.initSetting.callback:setting.callback }; /* *work:或取文本url */ // _self.getObjectURL = function(file) {} _self.getObjectURL = function(file) { var url = null; if (window.createObjectURL != undefined) { url = window.createObjectURL(file); } else if (window.URL != undefined) { url = window.URL.createObjectURL(file); } else if (window.webkitURL != undefined) { url = window.webkitURL.createObjectURL(file); } return url; }; /* *work:綁定事件 */ _self.Bind = function() { document.getElementById(_self.Setting.UpBtn).onchange = function() { if (this.value) { if (!RegExp("\.(" + _self.Setting.ImgType.join("|") + ")$", "i").test(this.value.toLowerCase())) { alert(_self.Setting.ErrMsg); this.value = ""; return false; } if (navigator.userAgent.indexOf("MSIE") > -1) { try { document.getElementById(_self.Setting.ImgShow).src = _self.getObjectURL(this.files[0]); } catch (e) { var div = document.getElementById(_self.Setting.DivShow); this.select(); top.parent.document.body.focus(); var src = document.selection.createRange().text; document.selection.empty(); document.getElementById(_self.Setting.ImgShow).style.display = "none"; div.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)"; div.style.width = _self.Setting.Width + "px"; div.style.height = _self.Setting.Height + "px"; div.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = src; } } else { document.getElementById(_self.Setting.ImgShow).src = _self.getObjectURL(this.files[0]); } _self.Setting.callback(); } } }; /* *work:執行事件 */ _self.Bind(); } /* *work:文件上傳，本地預覽 * @param index */ function fileClick(index) { var settings ={ UpBtn: "theFile"+index, DivShow: "imgdiv"+index, ImgShow: "imgShow"+index,callback:togglecu(index) }; new uploadPreview(settings); $("#theFile"+index).click(); } /* *work:顯示按鈕 * @param index */ function togglecu(index) { var id_upda = "#button-upda"+index; if ($(id_upda)) { $(id_upda).show(); } }View Code
場景下開發-企業註冊用戶信息修改流程