Skip to content

孙龙 / note-library

Go to a project
Commit 0aa203fe by 肖康
Options

啊

parent 2d39b246
Expand all
Inline Side-by-side
Showing with 100 additions and 24 deletions
public/js/web/design.js
...@@ -7,13 +7,14 @@ var tag={ ...@@ -7,13 +7,14 @@ var tag={
tag.handle(); tag.handle();
}, },
editUi:function(){ editUi:function(){
$("body").attr("onselectstart","return false"); $("body").attr("onselectstart","return false");
// 基本实例化:
$('#colorpicker').colorpicker();
//编辑画布渲染样式 //编辑画布渲染样式
var gezilist=$(".tag-size").val().split("*"); var gezilist=$(".tag-size").val().split("*");
var gnum=(Number(gezilist[0])/20)*(Number(gezilist[1])/20); var gnum=(Number(gezilist[0])/20)*(Number(gezilist[1])/20);
var html=""; var html="";
$(".edit-box").width(Number(gezilist[0]));
$(".edit-con").width(Number(gezilist[0])); $(".edit-con").width(Number(gezilist[0]));
$(".edit-con").height(Number(gezilist[1])); $(".edit-con").height(Number(gezilist[1]));
for(var i=0;i<gnum;i++){ for(var i=0;i<gnum;i++){
...@@ -42,6 +43,7 @@ var tag={ ...@@ -42,6 +43,7 @@ var tag={
}else{ }else{
$(".edit-con").addClass("init-border"); $(".edit-con").addClass("init-border");
} }
...@@ -70,19 +72,51 @@ var tag={ ...@@ -70,19 +72,51 @@ var tag={
$(".tools.act .ztys").val(ele.attr("ztys"));//字体颜色 $(".tools.act .ztys").val(ele.attr("ztys"));//字体颜色
$(".tools.act .zhg").val(ele.attr("zhg"));//字行高 $(".tools.act .zhg").val(ele.attr("zhg"));//字行高
$(".tools.act .imagesurl").val(ele.attr("imagesurl"));//图片路径 $(".tools.act .imagesurl").val(ele.attr("imagesurl"));//图片路径
$(".tools.act .sjgl1").val(ele.attr("sjgl1")); for(var i=0;i<$(".tools.act .sjglgroup").length;i++){
$(".tools.act .sjgl2").val(ele.attr("sjgl2")); var current_=(i+1);
$(".tools.act .sjgl3").val(ele.attr("sjgl3")); if(typeof(ele.attr("sjgl"+current_))=="undefined"){
$(".tools.act .sjgl").val("");
$(".tools.act .sjgl").next().val("").show();
$(".tools.act .sjgl").parents(".sjglgroup").find("span").find("select").val("/");
break;
}
if(ele.attr("sjgl"+current_)){
if(ele.attr("sjgl"+current_).indexOf("||zdyxkpoiop")!=-1){
//非自定义
if(current_==1){
$(".tools.act .sjgl"+current_).val(ele.attr("sjgl"+current_).split("||zdyxkpoiop")[0]);
}else{
$(".tools.act .sjgl"+current_).val(ele.attr("sjgl"+current_).slice(1).split("||zdyxkpoiop")[0]);
$(".tools.act .sjgl"+current_).parents(".sjglgroup").find("span").find("select").val(ele.attr("sjgl"+current_)[0])
}
$(".tools.act .sjgl"+current_).next().val("").hide();
}else{
//自定义
$(".tools.act .sjgl"+current_).val("");
if(current_==1){
$(".tools.act .sjgl"+current_).next().val(ele.attr("sjgl"+current_));
}else{
$(".tools.act .sjgl"+current_).next().val(ele.attr("sjgl"+current_).slice(1));
$(".tools.act .sjgl"+current_).parents(".sjglgroup").find("span").find("select").val(ele.attr("sjgl"+current_)[0])
}
$(".tools.act .sjgl"+current_).next().show();
}
}else{
$(".tools.act .sjgl"+current_).val("");
$(".tools.act .sjgl"+current_).next().val("").show();
$(".tools.act .sjgl"+current_).parents(".sjglgroup").find("span").find("select").val("/")
}
}
}, },
handle:function(){ handle:function(){
//画布设置监听渲染UI //画布设置监听渲染UI
$(".edit-seclect select").change(function(){ $(".edit-seclect select,.tag-bgm").change(function(){
tag.editUi();
}) })
$(".edit-seclect select,.edit-seclect input").bind('input propertychange', function() {
tag.editUi();
})
//工具栏拖拽 //工具栏拖拽
$(".tag-tools .items").on({ $(".tag-tools .items").on({
mousedown: function(e){ mousedown: function(e){
...@@ -107,6 +141,10 @@ var tag={ ...@@ -107,6 +141,10 @@ var tag={
$("body").on("mouseover",".edit-con",function(e){ $("body").on("mouseover",".edit-con",function(e){
tag.hbisAct=1; tag.hbisAct=1;
}) })
//双击删除工具
$("body").on("dblclick",".huabuitem",function(e){
$(this).remove();
})
$("body").on("mouseout",".edit-con",function(e){ $("body").on("mouseout",".edit-con",function(e){
tag.hbisAct=0; tag.hbisAct=0;
}) })
...@@ -263,14 +301,30 @@ var tag={ ...@@ -263,14 +301,30 @@ var tag={
ele.css({"background":"url("+val_+") 0% 0% / 100% 100% no-repeat"}) ele.css({"background":"url("+val_+") 0% 0% / 100% 100% no-repeat"})
ele.css({"backgroundColor":"#ccc"}) ele.css({"backgroundColor":"#ccc"})
break; break;
case "sjgl1": case "sjgl":
ele.attr("sjgl1",val_); //ele.attr("sjgl1",val_);
break; var parent_=self.parents(".group-value");
case "sjgl2": var datatypes="";
ele.attr("sjgl2",val_); for(var i=0;i<parent_.find(".sjglgroup").length;i++){
break; var elp=parent_.find(".sjgl"+(i+1));
case "sjgl3": var qz_="";
ele.attr("sjgl3",val_); if(i>0){
qz_=elp.parents(".sjglgroup").find("span select").val();
}
if(elp.val()){
ele.attr("sjgl"+(i+1),qz_+elp.val()+"||zdyxkpoiop");
datatypes+=qz_+"<<<"+elp.val()+">>>";
}else{
var nextval_=elp.next().val();
if(nextval_){
ele.attr("sjgl"+(i+1),qz_+nextval_);
datatypes+=qz_+nextval_;
}else{
ele.attr("sjgl"+(i+1),elp.next().val());
}
}
ele.attr("datatypes",datatypes)
}
break; break;
default: default:
break; break;
...@@ -281,6 +335,15 @@ var tag={ ...@@ -281,6 +335,15 @@ var tag={
$(".wenben").val($(this).val()); $(".wenben").val($(this).val());
$(this).attr("wenben",$(this).val()) $(this).attr("wenben",$(this).val())
}); });
//数据关联联动
$(".sjglbox select").bind('input propertychange', function() {
var val_=$(this).val();
if(!val_){
$(this).next().show()
}else{
$(this).next().hide()
}
})
//页面提交 //页面提交
$(".submitx").click(function(){ $(".submitx").click(function(){
var obj={ var obj={
...@@ -288,16 +351,29 @@ var tag={ ...@@ -288,16 +351,29 @@ var tag={
lableBg:$(".tag-bgm").val(), lableBg:$(".tag-bgm").val(),
lableBorder:$(".tag-border").val() lableBorder:$(".tag-border").val()
} }
if(!$(".designName").val()){
layer.msg("请输入模板名称",{time:2000})
return;
}
$(".edit-con .gezi").remove(); $(".edit-con .gezi").remove();
$(".edit-con .huabuitem").removeClass("act"); $(".edit-con .huabuitem").removeClass("act");
$(".edit-con").removeClass("init-border"); $(".edit-con").removeClass("init-border");
obj.html=$(".edit-box").html(); obj.html=$(".edit-box").html();
obj.designName=$(".designName").val() obj.designName=$(".designName").val()
if(!$(".designName").val()){ $.ajax({
layer.alert('请输入模板名称') url : '/ajax/add_template',
return; type: 'post',
} data: obj,
console.log(obj) success: function(resp) {
if (resp.err_code == 0) {
layer.msg("提交成功",{time:2000});
}
},
error: function(err) {
console.log(err)
}
})
}) })
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment