788 lines
19 KiB
JavaScript
788 lines
19 KiB
JavaScript
|
||
$(function(){
|
||
|
||
//
|
||
//
|
||
$(document).on("pageInit", "#page-upimages", function(e, pageId, $page) {
|
||
|
||
var Options = {
|
||
width : 300,
|
||
height : 300,
|
||
cutWidth : 300,
|
||
cutHeight : 300,
|
||
cutMinSize : 50,//裁剪框最小尺寸，即最小可以缩放到这个size，width及height任意一个都无法小于这个值。
|
||
|
||
//--系统自带，运行时自动运算，请不要修改。
|
||
cropViewWidth : 0,//在画布里面显示的最大宽度
|
||
cropViewHeight : 0,//在画布里面显示的最大高度
|
||
cropLeft : 0,
|
||
cropTop : 0,
|
||
//--裁剪框
|
||
cutViewWidth : 0, //当前宽度，
|
||
cutViewHeight : 0,//当前高度
|
||
cutMaxWidth : 0, //裁剪框最大宽度。
|
||
cutMaxHeight : 0,//裁剪框最大高度。
|
||
//--四象限。用于判断距离。
|
||
cutBoxLimitX1 : 0,
|
||
cutBoxLimitX2 : 0,
|
||
cutBoxLimitY1 : 0,
|
||
cutBoxLimitY2 : 0,
|
||
cutLeft : 0,//裁剪框绝对定位，左侧距离。
|
||
cutTop : 0,//裁剪框绝对定位，离顶部距离。
|
||
initStatus : false
|
||
//当前组件是否已经初始化了。
|
||
};
|
||
var Options_image = {
|
||
width : 0,
|
||
height : 0,
|
||
imgData : ""
|
||
}
|
||
|
||
var input_browseFile = document.getElementById("browseFile");
|
||
var img_preview = document.getElementById("imgPreview");
|
||
var cutBox = document.getElementById("cutBox");
|
||
var tipBox = document.getElementById("tipBox");
|
||
var _cropper = document.getElementById("cropper");
|
||
var mainCutter = document.getElementById("mainCutter");
|
||
var tips2 = $("#tips2");
|
||
var wrapper = document.getElementById("wrapper");
|
||
var component_box = document.getElementById("component_box");
|
||
|
||
var ctx = _cropper.getContext('2d');//ctx.drawImage(myImage, 50, 50);
|
||
|
||
function previewInImage(file) {
|
||
//通过file.size可以取得图片大小
|
||
var reader = new FileReader();
|
||
LoadingImage();
|
||
|
||
reader.onload = function(evt) {
|
||
img_preview.src = evt.target.result;
|
||
}
|
||
Options_image.imgData = reader.readAsDataURL(file);
|
||
}
|
||
img_preview.onload = function() {
|
||
Options_image.width = img_preview.width;
|
||
Options_image.height = img_preview.height;
|
||
_initCropAndCut();
|
||
}
|
||
function LoadingImage() {
|
||
$(img_preview).css({
|
||
"width" : "",
|
||
"height" : ""
|
||
});
|
||
}
|
||
function _initCropAndCut() {
|
||
//--计算比例，将其放到canvas里面。
|
||
|
||
var scale = Math.max(Options_image.width / Options.width,
|
||
Options_image.height / Options.height);
|
||
if (scale > 1) {
|
||
Options.cropViewWidth = parseInt(Math.floor(Options_image.width
|
||
/ scale));
|
||
Options.cropViewHeight = parseInt(Math.floor(Options_image.height
|
||
/ scale));
|
||
} else {
|
||
Options.cropViewWidth = Options_image.width;
|
||
Options.cropViewHeight = Options_image.height;
|
||
}
|
||
//--计算画布里面的图像的位置。
|
||
Options.cropLeft = parseInt((Options.width - Options.cropViewWidth) / 2);
|
||
Options.cropTop = parseInt((Options.height - Options.cropViewHeight) / 2);
|
||
//--计算裁剪框实际大小及实际位置。
|
||
//计算裁剪框的位置。
|
||
|
||
var scale_2 = Math.max(Options.cutWidth / Options.cropViewWidth,
|
||
Options.cutHeight / Options.cropViewHeight);
|
||
if (scale_2 > 1) {
|
||
Options.cutViewWidth = parseInt(Math.floor(Options.cutWidth
|
||
/ scale_2));
|
||
Options.cutViewHeight = parseInt(Math.floor(Options.cutHeight
|
||
/ scale_2));
|
||
} else {
|
||
Options.cutViewHeight = Options.cutHeight;
|
||
Options.cutViewWidth = Options.cutWidth;
|
||
}
|
||
Options.cutMaxWidth = Options.cutViewWidth;
|
||
Options.cutMaxHeight = Options.cutViewHeight;
|
||
|
||
Options.cutLeft = parseInt(Math
|
||
.floor((Options.cropViewWidth - Options.cutViewWidth)) / 2);
|
||
Options.cutTop = parseInt(Math
|
||
.floor((Options.cropViewHeight - Options.cutViewHeight)) / 2);
|
||
//-四象限。
|
||
Options.cutBoxLimitX1 = 0;
|
||
Options.cutBoxLimitX2 = Options.cropViewWidth;
|
||
Options.cutBoxLimitY1 = 0;
|
||
Options.cutBoxLimitY2 = Options.cropViewHeight;
|
||
|
||
//获取x、y坐标！！！
|
||
$("#x").val(Options.cutLeft);
|
||
$("#y").val(Options.cutTop);
|
||
//获取图片长宽！！！
|
||
$("#h").val(Options.cropViewHeight);
|
||
$("#w").val(Options.cropViewWidth);
|
||
//获取剪切框长宽！！！
|
||
$("#hh").val(Options.cutViewHeight);
|
||
$("#ww").val(Options.cutViewWidth);
|
||
//获取图片实际长宽！！！
|
||
$("#imgh").val(Options.cutViewHeight);
|
||
$("#imgw").val(Options.cutViewWidth);
|
||
$("#scale").val(scale);
|
||
|
||
$(cutBox).css({
|
||
"display" : "block",
|
||
"width" : Options.cutViewWidth + "px",
|
||
"height" : Options.cutViewHeight + "px",
|
||
"left" : Options.cutLeft + "px",
|
||
"top" : Options.cutTop + "px"
|
||
});
|
||
//$(cutBox).css({"display":"block","left":Options.cutLeft+"px","top":Options.cutTop+"px"});
|
||
$(img_preview).css({
|
||
"width" : Options.cropViewWidth + "px",
|
||
"height" : Options.cropViewHeight + "px"
|
||
});
|
||
$(mainCutter).css({
|
||
"display" : "block",
|
||
"width" : Options.cropViewWidth + "px",
|
||
"height" : Options.cropViewHeight + "px",
|
||
"left" : Options.cropLeft + "px",
|
||
"top" : Options.cropTop + "px"
|
||
});
|
||
//ctx.drawImage(img_preview,Options.cropLeft,Options.cropTop,Options.cropViewWidth,Options.cropViewHeight);
|
||
//ctx.drawImage(img_preview, 0, 0, Options_image.width,Options_image.height, Options.cropLeft, Options.cropTop, Options.cropViewWidth, Options.cropViewHeight );
|
||
|
||
Options.initStatus = true;
|
||
Options_process.initStatus = true;
|
||
Options_process.percent = 100;
|
||
Options_process.pointX = Options_process.barWidth;
|
||
_resizeProcessBar();
|
||
}
|
||
|
||
input_browseFile.addEventListener("change", function() {
|
||
//通过 this.files 取到 FileList ，这里只有一个
|
||
previewInImage(this.files[0]);
|
||
|
||
$.popup('.popup-caiface');
|
||
|
||
}, false);
|
||
//--添加缩放功能。
|
||
Options_zoom = {
|
||
beginX1 : 0,
|
||
beginY1 : 0,
|
||
beginX2 : 0,
|
||
beginY2 : 0,
|
||
endX1 : 0,
|
||
endY1 : 0,
|
||
endX2 : 0,
|
||
endY2 : 0
|
||
};
|
||
//--添加裁剪框移动功能
|
||
Options_move = {
|
||
beginX1 : 0,
|
||
beginY1 : 0,
|
||
endX1 : 0,
|
||
endY1 : 0
|
||
};
|
||
|
||
/**
|
||
* 拖动裁剪框的逻辑处理。
|
||
* */
|
||
cutBox.addEventListener("touchstart", function(event) {
|
||
event.preventDefault();
|
||
event.stopPropagation();
|
||
Options_move = {
|
||
beginX1 : 0,
|
||
beginY1 : 0,
|
||
endX1 : 0,
|
||
endY1 : 0
|
||
};
|
||
var beginX = event.changedTouches[0].pageX;
|
||
var beginY = event.changedTouches[0].pageY;
|
||
Options_move.beginX1 = beginX;
|
||
Options_move.beginY1 = beginY;
|
||
|
||
}, false);
|
||
cutBox.addEventListener("touchmove", function(event) {
|
||
event.preventDefault();
|
||
event.stopPropagation();
|
||
//--
|
||
var beginX = event.changedTouches[0].pageX;
|
||
var beginY = event.changedTouches[0].pageY;
|
||
Options_move.endX1 = beginX;
|
||
Options_move.endY1 = beginY;
|
||
//--计算是否发生位移，根据位移来定位裁剪框位置。
|
||
//位移量。
|
||
var _d_x = Options_move.endX1 - Options_move.beginX1;
|
||
var _d_y = Options_move.endY1 - Options_move.beginY1;
|
||
//--当前裁剪框原始位置。
|
||
var _new_x = Options.cutLeft;
|
||
var _new_y = Options.cutTop;
|
||
_new_x += _d_x;
|
||
_new_y += _d_y;
|
||
//--判断是否在矩形边框，假如超出去，那么就取最终点。
|
||
//--注意，判断相关点的范围。
|
||
|
||
if (_new_x < Options.cutBoxLimitX1) {
|
||
_new_x = Options.cutBoxLimitX1;
|
||
} else if (_new_x > Options.cutBoxLimitX2) {
|
||
_new_x = Options.cutBoxLimitX2;
|
||
}
|
||
//--顺便判断，加上宽度后，是否超过了范围。
|
||
if ((_new_x + Options.cutViewWidth) > Options.cutBoxLimitX2) {
|
||
_new_x = Options.cutBoxLimitX2 - Options.cutViewWidth;
|
||
}
|
||
if (_new_y < Options.cutBoxLimitY1) {
|
||
_new_y = Options.cutBoxLimitY1;
|
||
} else if (_new_y > Options.cutBoxLimitY2) {
|
||
_new_y = Options.cutBoxLimitY2;
|
||
}
|
||
//--顺便判断，加上裁剪框高度后，是否超过下限。
|
||
if ((_new_y + Options.cutViewHeight) > Options.cutBoxLimitY2) {
|
||
_new_y = Options.cutBoxLimitY2 - Options.cutViewHeight;
|
||
}
|
||
|
||
//获取x、y坐标！！！
|
||
$("#x").val(_new_x);
|
||
$("#y").val(_new_y);
|
||
|
||
Options.cutLeft = _new_x;
|
||
Options.cutTop = _new_y;
|
||
_resizeCutBox();
|
||
//---将这一点的放回前一点。
|
||
Options_move.beginX1 = Options_move.endX1;
|
||
Options_move.beginY1 = Options_move.endY1;
|
||
|
||
}, false);
|
||
cutBox.addEventListener("touchend", function(event) {
|
||
event.preventDefault();
|
||
event.stopPropagation();
|
||
return;
|
||
|
||
}, false);
|
||
/**
|
||
* 根据相关参数重新resize裁剪框
|
||
* */
|
||
function _resizeCutBox() {
|
||
|
||
//$(cutBox).css({"left":Options.cutLeft+"px","top":Options.cutTop+"px"});
|
||
$(cutBox).css({
|
||
"width" : Options.cutViewWidth + "px",
|
||
"height" : Options.cutViewHeight + "px",
|
||
"left" : Options.cutLeft + "px",
|
||
"top" : Options.cutTop + "px"
|
||
});
|
||
}
|
||
function _getCutImageData() {
|
||
var output = document.createElement("canvas");
|
||
//--坐标换算。
|
||
var scale_x = Options_image.width / Options.cropViewWidth;
|
||
var scale_y = Options_image.height / Options.cropViewHeight;
|
||
var _o_x = parseInt((scale_x) * Options.cutLeft);
|
||
var _o_y = parseInt((scale_y) * Options.cutTop);
|
||
//--长度换算
|
||
var _o_width = parseInt(scale_x * Options.cutViewWidth);
|
||
var _o_height = parseInt(scale_y * Options.cutViewHeight);
|
||
|
||
output.width = Options.cutWidth;
|
||
output.height = Options.cutHeight;
|
||
output.getContext("2d").drawImage(img_preview, _o_x, _o_y, _o_width,
|
||
_o_height, 0, 0, output.width, output.height);
|
||
return output.toDataURL("image/jpeg");
|
||
}
|
||
|
||
|
||
|
||
/**
|
||
* 图片剪切提交方法
|
||
*/
|
||
function saveImage() {
|
||
var imgData = _getCutImageData();
|
||
var img=imgData.substr(23, imgData.length);
|
||
$.post(url+'Img/index',{img:img},function(r){
|
||
if(r){
|
||
$.hidePreloader();
|
||
xface=r;
|
||
$.closeModal();
|
||
history.go(-1);
|
||
}
|
||
})
|
||
|
||
}
|
||
/**
|
||
* processBar 进度条相关操作。
|
||
* */
|
||
|
||
Options_process = {
|
||
beginX : 0,//触摸时候起始点
|
||
beginY : 0,//触摸时候起始点
|
||
endX : 0,//触摸时候终点
|
||
endY : 0,//触摸时候终点
|
||
barWidth : 280,//进度条长度
|
||
pointX : 0,//当前指示点位置
|
||
pointY : 0,
|
||
percent : 0,//百分比值。
|
||
initStatus : false
|
||
};
|
||
var processBar = document.getElementById("processBar");
|
||
var processPoint = document.getElementById("processPoint");
|
||
|
||
//--添加触屏事件，监控相关动作。
|
||
//开始触摸
|
||
processBar.addEventListener("touchstart", function(event) {
|
||
event.preventDefault();
|
||
event.stopPropagation();
|
||
|
||
if (!Options_process.initStatus) {
|
||
return;
|
||
}
|
||
var beginX = event.changedTouches[0].pageX;
|
||
var beginY = event.changedTouches[0].pageY;
|
||
Options_process.beginX = beginX;
|
||
Options_process.beginY = beginY;
|
||
}, false);
|
||
//--移动中
|
||
processBar.addEventListener("touchmove", function(event) {
|
||
event.preventDefault();
|
||
event.stopPropagation();
|
||
|
||
if (!Options_process.initStatus) {
|
||
return;
|
||
}
|
||
var beginX = event.changedTouches[0].pageX;
|
||
var beginY = event.changedTouches[0].pageY;
|
||
Options_process.endX = beginX;
|
||
Options_process.endY = beginY;
|
||
//--计算比分比。
|
||
var _d_x = Options_process.endX - Options_process.beginX;
|
||
Options_process.percent += parseInt(_d_x * 100/Options_process.barWidth);
|
||
if (Options_process.percent < 0) {
|
||
Options_process.percent = 0;
|
||
} else if (Options_process.percent > 100) {
|
||
Options_process.percent = 100;
|
||
}
|
||
//--计算那个指示点位置。
|
||
Options_process.pointX = parseInt(Options_process.barWidth
|
||
* (Options_process.percent / 100));
|
||
_resizeProcessBar();
|
||
//--根据百分比，设置裁剪框大小。
|
||
var _o_cut_x = Options.cutLeft;
|
||
var _o_cut_y = Options.cutTop;
|
||
var _o_cut_width = Options.cutViewWidth;
|
||
var _new_cut_width = parseInt(Options.cutMaxWidth
|
||
* (Options_process.percent / 100));
|
||
var _new_cut_height = parseInt(Options.cutMaxHeight
|
||
* (Options_process.percent / 100));
|
||
|
||
//最小裁剪框尺寸
|
||
var cutMinSize = Options.cutMinSize;
|
||
if (_new_cut_width < cutMinSize) {
|
||
_new_cut_width = _new_cut_height = cutMinSize;
|
||
}
|
||
|
||
if (_new_cut_width > _o_cut_width) {
|
||
//--扩大了。
|
||
//--计算当前坐标
|
||
var _d_x_2 = _new_cut_width - Options.cutViewWidth;
|
||
var _d_y_2 = _new_cut_height - Options.cutViewHeight;
|
||
|
||
Options.cutLeft = Options.cutLeft - parseInt(_d_x_2 / 2);
|
||
Options.cutTop = Options.cutTop - parseInt(_d_y_2 / 2);
|
||
Options.cutViewWidth = _new_cut_width;
|
||
Options.cutViewHeight = _new_cut_height;
|
||
_resizeCutBox();
|
||
|
||
} else if (_new_cut_width < _o_cut_width) {
|
||
//--缩小了。
|
||
var _d_x_2 = Options.cutViewWidth - _new_cut_width;
|
||
var _d_y_2 = Options.cutViewHeight - _new_cut_height;
|
||
Options.cutLeft = Options.cutLeft + parseInt(_d_x_2 / 2);
|
||
Options.cutTop = Options.cutTop + parseInt(_d_y_2 / 2);
|
||
Options.cutViewWidth = _new_cut_width;
|
||
Options.cutViewHeight = _new_cut_height;
|
||
_resizeCutBox();
|
||
|
||
}
|
||
|
||
//获取剪切框长宽！！！
|
||
$("#hh").val(_new_cut_height);
|
||
$("#ww").val(_new_cut_width);
|
||
|
||
//--后续处理。
|
||
Options_process.beginX = Options_process.endX;
|
||
Options_process.endY = Options_process.endY;
|
||
|
||
}, false);
|
||
//--结束
|
||
processBar.addEventListener("touchend", function(event) {
|
||
event.preventDefault();
|
||
event.stopPropagation();
|
||
|
||
if (!Options_process.initStatus) {
|
||
return;
|
||
}
|
||
}, false);
|
||
|
||
function _resizeProcessBar() {
|
||
var lefe_x = Options_process.pointX;
|
||
var left_w = parseInt(lefe_x + 5)
|
||
$(processPoint).css("left", lefe_x + "px");
|
||
$("#leftBar").css("width", left_w + "px");
|
||
}
|
||
|
||
$("#saveimg").click(function() {
|
||
if (Options.initStatus == false) {
|
||
alert("请先选择图片！");
|
||
return;
|
||
}
|
||
$.showPreloader('上传中...');
|
||
saveImage();
|
||
});
|
||
|
||
|
||
//
|
||
})
|
||
|
||
|
||
|
||
//设置
|
||
|
||
$(document).on("pageInit", "#page-set", function(e, pageId, $page) {
|
||
if(xface){
|
||
$('.uface_img').attr('src',imgUrl+'face/'+xface);
|
||
}
|
||
//
|
||
//
|
||
var liclick;
|
||
$('.list-block .item-link').click(function(){
|
||
|
||
liclick=$(this);
|
||
var t=liclick.attr('pid');
|
||
if(t!=''){
|
||
|
||
$.popup('.popup-'+t);
|
||
}
|
||
|
||
|
||
})
|
||
|
||
//
|
||
$('.pull-right').click(function(){
|
||
|
||
var n=$(this).attr('pid');
|
||
var v=$('input[name='+n+']').val();
|
||
if(v==''){
|
||
|
||
$.toast('该项不能为空');
|
||
return false;
|
||
}
|
||
|
||
$.post(url+'UserSet/info',{name:n,val:v},function(r){
|
||
|
||
if(r){
|
||
|
||
$.toast('修改成功');
|
||
liclick.children().children('.item-after').html(v);
|
||
|
||
if(n=='name'){
|
||
xname=v;
|
||
}
|
||
$('input[name='+n+']').val(v);
|
||
$.closeModal();
|
||
}
|
||
})
|
||
|
||
})
|
||
|
||
//
|
||
//
|
||
//
|
||
|
||
|
||
$('.ewm').click(function(){
|
||
document.querySelector('#file').addEventListener('change', function () {
|
||
lrz(this.files[0])
|
||
.then(function (rst) {
|
||
|
||
$.post(url+'Img/ewm',{img:rst.base64},function(r){
|
||
|
||
$('.ewm').html('<img src=\"'+imgUrl+'wxewm/'+r+'\">');
|
||
})
|
||
})
|
||
|
||
});
|
||
|
||
|
||
})
|
||
//
|
||
$("#city-picker").cityPicker({
|
||
toolbarTemplate: '<header class="bar bar-nav">\
|
||
<button class="button button-link pull-right close-picker">确定</button>\
|
||
<h1 class="title">选择城市</h1>\
|
||
</header>'
|
||
});
|
||
//
|
||
$('#savepwd').click(function(){
|
||
|
||
var opwd=$('input[name=opwd]').val();
|
||
var npwd=$('input[name=npwd]').val();
|
||
var npwd2=$('input[name=npwd2]').val();
|
||
if(opwd==''){
|
||
$.toast('旧密码不能为空');
|
||
return false;
|
||
|
||
}
|
||
|
||
if(npwd==''){
|
||
|
||
$.toast('新密码不能为空');
|
||
return false;
|
||
|
||
}
|
||
if(npwd.length<6){
|
||
$.toast('新密码不能小于6位');
|
||
return false;
|
||
|
||
}
|
||
if(npwd2==''){
|
||
|
||
$.toast('确认密码不能为空');
|
||
return false;
|
||
}
|
||
if(npwd2!=npwd){
|
||
$.toast('两次密码输入不一致');
|
||
return false;
|
||
|
||
}
|
||
|
||
$.post(url+'UserSet/pwd',{opwd:opwd,npwd:npwd},function(r){
|
||
if(r.s){
|
||
$.toast('密码修改成功，请牢记！');
|
||
$('input[name=opwd]').val('');
|
||
$('input[name=npwd]').val('');
|
||
$('input[name=npwd2]').val('');
|
||
setTimeout(function() {
|
||
$.closeModal();
|
||
}, 2000);
|
||
}else{
|
||
|
||
$.toast(r.info);
|
||
}
|
||
|
||
})
|
||
|
||
|
||
})
|
||
|
||
//
|
||
$('.close').click(function(){
|
||
|
||
$.get(url+'/Login/close',function(r){
|
||
|
||
location.href= url+'Index/login';
|
||
})
|
||
})
|
||
|
||
})
|
||
|
||
|
||
// 发布文章
|
||
$(document).on("pageInit", "#page-wzadd", function(e, pageId, $page) {
|
||
colseimg();
|
||
var on=Get('on');
|
||
item=false;
|
||
var winwidth=$(document).width();
|
||
$('.fixedDiv').css({width:winwidth+"px",marginLeft:-winwidth/2+"px"});
|
||
file();
|
||
/* 文章设置 */
|
||
$('#wzadd').click(function(){
|
||
$.popup('.popup-set');
|
||
})
|
||
/* 直接插入文字 */
|
||
$('#addword').click(function(){
|
||
|
||
word(1);
|
||
})
|
||
/* 插入文字面板 */
|
||
$('.tinsert_hl ul li').click(function(){
|
||
|
||
var pid=$(this).attr('pid');
|
||
textsub(parseInt(pid));
|
||
})
|
||
/* 插入文字面板清空 */
|
||
$('.text_reset').click(function(){
|
||
textsub(0);
|
||
})
|
||
// 取消插入或者修改文字
|
||
$('.boxNo').click(function(){
|
||
var pid=$(this).attr('pid');
|
||
hidebox(pid);
|
||
})
|
||
//提交插入或者修改文字
|
||
$('.boxYes').click(function(){
|
||
instrd(parseInt($(this).attr('pid')))
|
||
})
|
||
// 颜色 背景颜色 字体大小
|
||
$('.bgcolor ul li,.color ul li,.check_size ul li').click(function(){
|
||
textstyle(parseInt($(this).parent('ul').attr('pid')),$(this));
|
||
})
|
||
|
||
|
||
//清空
|
||
$('.text_tit_r').click(function(){
|
||
|
||
var i=$(this).attr('pid');
|
||
|
||
if(i==1){
|
||
$('.text_word').css('color','');
|
||
$('.text_color').hide();
|
||
}else{
|
||
|
||
$('.text_word').css('background','');
|
||
$('.text_bgcolor').hide();
|
||
}
|
||
|
||
})
|
||
|
||
$('#addimg').click(function(){
|
||
$('.text_img').show();
|
||
$('.mask').show();
|
||
|
||
})
|
||
|
||
|
||
|
||
$('#wzcon').on("click",'a,span,div,em,p,img,section,fieldset,table,td,tr',function(){
|
||
if(item){
|
||
return false;
|
||
}
|
||
item=$(this);
|
||
//调操作面板
|
||
showpanel();
|
||
var a1=item.height()+item.position().top+$('.tedit_tool').height()+$('nav').height()+10;
|
||
var a2=$(window).height()-$('header').height();
|
||
var a3=$('#wzcon').position().top;
|
||
if(a1>a2){
|
||
$('.content').scrollTop(-(a3-(a1-a2)));
|
||
}
|
||
|
||
return false;
|
||
})//*****点击处理 end!
|
||
$('#wzcon').on('click','.t_link',function(){
|
||
var pid=$(this).attr('pid');
|
||
panelclick(pid);
|
||
|
||
})
|
||
//
|
||
$('#wxstyle').click(function(){
|
||
if(($('#wxcon').html()=='')){
|
||
$.get("/ajax/modelstyle",function(data){
|
||
var str='';
|
||
if(data.code==1){
|
||
$('#wxcon').html(data.msg);
|
||
}
|
||
});
|
||
};
|
||
$.popup('.popup-style');
|
||
});
|
||
//
|
||
//
|
||
$('#wxcon').on("click",'.card',function(){
|
||
var str=$(this).children().children('.card-content-inner').html();
|
||
$('#wzcon').append(str);
|
||
$.closeModal();
|
||
})
|
||
//
|
||
|
||
$('#addvideo').click(function(){
|
||
$('.text_video').show();
|
||
$('.mask').show();
|
||
})
|
||
//
|
||
var addbtn=false;
|
||
$('#fbtext').click(function(){
|
||
var content=$('#wzcon').html();
|
||
var title=$('input[name=title]').val();
|
||
var jianjie=$('.jianjie').val();
|
||
var imgsrc=$('.lstimg img').attr('pid');
|
||
var imgthumb=$('.lstimg img').attr('src');
|
||
if(content.length<255){
|
||
$.toast('您未填写内容，或者内容不足一篇文章');
|
||
return false;
|
||
}
|
||
// if(title==''||jianjie==''){
|
||
if(1){
|
||
addbtn=true;
|
||
$.toast('请先设置文章信息');
|
||
setTimeout(function(){
|
||
$.popup('.popup-set');
|
||
},1600)
|
||
}else{
|
||
addwz(title,jianjie,imgsrc,imgthumb,content);
|
||
}
|
||
})
|
||
//
|
||
//
|
||
//
|
||
|
||
|
||
//上传略缩图
|
||
//
|
||
$('.lstbox').click(function(){
|
||
$('.text_img').show();
|
||
$('.mask').show();
|
||
thumb=true;
|
||
})
|
||
//
|
||
//
|
||
//
|
||
$('#addbtn').click(function(){
|
||
var title=$('input[name=title]').val();
|
||
var jianjie=$('.jianjie').val();
|
||
var imgsrc=$('.lstimg img').attr('pid');
|
||
var imgthumb=$('.lstimg img').attr('src');
|
||
if(title==''){
|
||
$.toast('文章标题不能为空');
|
||
return false;
|
||
}
|
||
if(jianjie==''){
|
||
$.toast('文章简介不能为空');
|
||
return false;
|
||
}
|
||
// if(imgsrc==undefined){
|
||
// $.toast('文章略缩图不能为空');
|
||
// return false;
|
||
// }
|
||
if(addbtn){
|
||
addwz(title,jianjie,imgsrc,imgthumb,$('#wzcon').html());
|
||
$.showPreloader('正在发布,请稍后...')
|
||
}else{
|
||
$.closeModal();
|
||
}
|
||
|
||
})
|
||
//
|
||
function addwz(a,b,c,d,e){
|
||
var editid=$("#editid").val();
|
||
var url='/Article/edit';
|
||
if(editid=="0"){
|
||
url='/Article/add';
|
||
}
|
||
$.post(url,{title:a,description:b,storage_id:c,thumb:d,content:e,id:editid},function(r){
|
||
$.hidePreloader();
|
||
if(r['code']==1){
|
||
$.closeModal();
|
||
$.alert('发布成功',function(){
|
||
location.href=r['url'];
|
||
})
|
||
}else{
|
||
$.toast(r['msg']);
|
||
}
|
||
})
|
||
}
|
||
});
|
||
|
||
$.init();
|
||
})
|
||
|
||
|