_setMask: function() {
var self = this;
if (!self.get('hasMask')) {
return;
}
mask.set('zIndex', self.get('zIndex')).show();
mask.el.insertBefore(self.el);
},
this.after('show', function() {
if (!this.get('hasMask')) {
return;
}
// not using the z-index
// because multiable dialogs may share same mask
mask.set('zIndex', that.get('zIndex')).show();
mask.element.insertBefore(that.element);
// 依次存放对应的对话框
mask._dialogs.push(that);
});
this.after('hide', function() {
if (!this.get('hasMask')) {
return;
}
mask._dialogs.pop();
if (mask._dialogs.length > 0) {
var last = mask._dialogs[mask._dialogs.length - 1];
mask.set('zIndex', last.get('zIndex'));
mask.element.insertBefore(last.element);
} else {
mask.hide();
}
});
_setMaskStatus:function(){
var zIndex=-1;
_.each(visibleDiaStore,function(dialog){
if(dialog.get('hasMask')){
if(dialog.get('zIndex')>zIndex){
zIndex=dialog.get('zIndex');
}
}
});
if(zIndex!=-1){
mask.set('zIndex',zIndex-1)
mask.show();
}else{
mask.hide();
}
},
_hideMask: function() {
var self = this;
if (!self.get('hasMask')) {
return;
}
var dialogs = Dialog.allDialogs;
dialogs.pop();
var surplus = dialogs.length;
if (surplus > 0) {
var last = dialogs[surplus - 1];
mask.set('zIndex', last.get('zIndex'));
mask.el.insertBefore(last.el);
} else {
mask.hide();
}
},
this.after('show', function() {
if (!this.get('hasMask')) {
return;
}
// not using the z-index
// because multiable dialogs may share same mask
mask.set('zIndex', that.get('zIndex')).show();
mask.element.insertBefore(that.element);
// 避免重复存放
var existed = false;
for(var i=0; i<mask._dialogs.length; i++) {
if (mask._dialogs[i] === that) {
existed = true;
}
}
// 依次存放对应的对话框
if (!existed) {
mask._dialogs.push(that);
}
});
$("#J_uploadImage").click(function(){
if(!$("#photoDialog")[0]){
var html = "";
html += '<div id="photoDialog" class="g-dialog photo-dialog">';
html += '<div class="dialog-content">';
html += '<div class="hd"><h3>上传图片</h3></div>';
html += '<div class="bd clearfix">';
html += '<form id="faceUpload" name="faceUpload" enctype="multipart/form-data" method="post" target="photo-frame" action="/uploadPic/select">';
html += '<div class="photo-row clearfix">';
html += '<input type="button" value="上传图片" class="bbl-btn upload-cover" />';
html += '<input type="file" class="upload-btn" name="filedata" id="J_FilePath" />';
html += '</div>';
html += '<div class="photo-row pt10 pb15">';
html += '<span class="gc6">支持JPG、GIF、PNG格式，且文件小于2M</span>';
html += '</div>';
html += '<div class="photo-row">';
html += '<div class="photo-box">';
html += '<span><img src="/assets/img/ui/blank.gif" id="photo" alt="" /> </span>';
html += '</div>';
html += '</div>';
html += '</form>';
html += '<form class="mt20" id="faceUpload2" name="faceUpload2" enctype="multipart/form-data" method="post" action="/site/doUploadPic">';
html += '<input type="hidden" value="" name="thumb-path" id="thumb-path" />';
html += '<input type="hidden" value="" name="area-x1" id="area-x1" />';
html += '<input type="hidden" value="" name="area-y1" id="area-y1" />';
html += '<input type="hidden" value="" name="area-x2" id="area-x2" />';
html += '<input type="hidden" value="" name="area-y2" id="area-y2" />';
html += '<div class="photo-row face-submit dn">';
html += '<input type="submit" class="bbl-btn submit" value="保存图片"/>';
html += '<span id="J_Waiting" class="ml10 gc6 dn"><img src="/assets/img/ui/loading16.gif">请耐心等待…</span>';
html += '</div>';
html += '</form>';
html += '<iframe style="width:0px;height:0px;padding:0px;" src="" frameborder="0" name="photo-frame"></iframe>';
html += '</div>';
html += '<a class="close" href="javascript:;"></a>';
html += '</div>';
html += '</div>';
// $("body").append(html);
uploadOverlay = new Overlay({
template:html,
width:450,
zIndex: 9999,
align: {
selfXY: [ "50%", "50%" ],
baseXY: [ "50%", "50%" ]
}
});
uploadOverlay.show();
Mask.set({ backgroundColor:'#000', opacity:0.3 }).show();
}else{
uploadOverlay = new Overlay({
template:'#photoDialog',
width: 450,
zIndex: 9999,
align: {
selfXY: [ "50%", "50%" ],
baseXY: [ "50%", "50%" ]
}
});
uploadOverlay.show();
Mask.show()
}
$("#J_FilePath").change(function(){
$("#faceUpload").submit();
$('#photo').attr("src","/assets/img/ui/loading1.gif");
});
$("#faceUpload2").submit(function(){
$this = $(this);
$("#faceUpload2 input[type=submit]")[0].disabled = "disabled";
$("#faceUpload2 input[type=submit]").removeClass("bbl-btn").addClass("disabled");
$("#J_Waiting").show();
$.post($this.attr("action"),$this.serializeArray(),function(data){
$("#J_Waiting").hide();
$("#faceUpload2 input[type=submit]")[0].disabled = "";
$("#faceUpload2 input[type=submit]").removeClass("disabled").addClass("bbl-btn");
if(data.code=="100"){
uploadOverlay.hide()
Mask.hide()
$("#J_uploadImgShow").attr("src",data.src)
$(".site-logo").show()
$("#faceUpload")[0].reset();
$("#faceUpload2")[0].reset();
$("#J_uploadImg").val(data.src)
$("#faceUpload2 .face-submit").hide();
$.smeite.photoarea.cancelSelection();
}
});
return false;
});
$("#photoDialog .close").unbind("click").click(function(){
$("#faceUpload")[0].reset();
$("#faceUpload2")[0].reset();
$('#photo').attr("src","");
$("#faceUpload2 .face-submit").hide();
if($.smeite.photoarea!=null){
$.smeite.photoarea.cancelSelection();
}
uploadOverlay.hide()
Mask.hide()
});
});
_onRenderZIndex: function(val) {
this.get('hasMask')&&mask.set("zIndex", parseInt(val, 10) - 1);
return DialogCore.superclass._onRenderZIndex.call(this, val);
},