啊

public/js/web/design.js

@@ -7,13 +7,14 @@ var tag={
         tag.handle();
     },
     editUi:function(){
-        $("body").attr("onselectstart","return false");
-        
+          $("body").attr("onselectstart","return false");
+            // 基本实例化:
+            $('#colorpicker').colorpicker();
+      
           //编辑画布渲染样式 
            var gezilist=$(".tag-size").val().split("*");
            var gnum=(Number(gezilist[0])/20)*(Number(gezilist[1])/20);
            var html="";
-           $(".edit-box").width(Number(gezilist[0]));
            $(".edit-con").width(Number(gezilist[0]));
            $(".edit-con").height(Number(gezilist[1]));
            for(var i=0;i<gnum;i++){
@@ -42,6 +43,7 @@ var tag={
            }else{
             $(".edit-con").addClass("init-border");
            }
+        
            
            
            
@@ -70,19 +72,51 @@ var tag={
        $(".tools.act .ztys").val(ele.attr("ztys"));//字体颜色
        $(".tools.act .zhg").val(ele.attr("zhg"));//字行高
        $(".tools.act .imagesurl").val(ele.attr("imagesurl"));//图片路径
-       $(".tools.act .sjgl1").val(ele.attr("sjgl1"));
-       $(".tools.act .sjgl2").val(ele.attr("sjgl2"));
-       $(".tools.act .sjgl3").val(ele.attr("sjgl3"));
-      
-        
+       for(var i=0;i<$(".tools.act .sjglgroup").length;i++){
+           var current_=(i+1);
+           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(){
         //画布设置监听渲染UI
-        $(".edit-seclect select").change(function(){
-            tag.editUi();
+        $(".edit-seclect select,.tag-bgm").change(function(){
+            
         })
+        $(".edit-seclect select,.edit-seclect input").bind('input propertychange', function() {
+            tag.editUi();
+       })
         //工具栏拖拽
         $(".tag-tools .items").on({
             mousedown: function(e){
@@ -107,6 +141,10 @@ var tag={
         $("body").on("mouseover",".edit-con",function(e){
             tag.hbisAct=1;
         })
+        //双击删除工具
+        $("body").on("dblclick",".huabuitem",function(e){
+           $(this).remove();
+        })
         $("body").on("mouseout",".edit-con",function(e){
             tag.hbisAct=0;
         })
@@ -263,14 +301,30 @@ var tag={
                     ele.css({"background":"url("+val_+") 0% 0% / 100% 100% no-repeat"})
                     ele.css({"backgroundColor":"#ccc"})
                     break;
-                case "sjgl1":
-                    ele.attr("sjgl1",val_);
-                    break;
-                case "sjgl2":
-                    ele.attr("sjgl2",val_);
-                    break;
-                case "sjgl3":
-                    ele.attr("sjgl3",val_);
+                case "sjgl":
+                    //ele.attr("sjgl1",val_);
+                    var parent_=self.parents(".group-value");
+                    var datatypes="";
+                    for(var i=0;i<parent_.find(".sjglgroup").length;i++){
+                        var elp=parent_.find(".sjgl"+(i+1));
+                        var qz_="";
+                        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;
                 default:
                     break;
@@ -281,6 +335,15 @@ var tag={
             $(".wenben").val($(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(){
            var obj={
@@ -288,16 +351,29 @@ var tag={
                   lableBg:$(".tag-bgm").val(),
                   lableBorder:$(".tag-border").val()
            }
+           if(!$(".designName").val()){
+            layer.msg("请输入模板名称",{time:2000})
+            return;
+           }
            $(".edit-con .gezi").remove();
            $(".edit-con .huabuitem").removeClass("act");
            $(".edit-con").removeClass("init-border");
            obj.html=$(".edit-box").html();
            obj.designName=$(".designName").val()
-           if(!$(".designName").val()){
-            layer.alert('请输入模板名称')
-            return;
-           }
-           console.log(obj)
+           $.ajax({
+            url : '/ajax/add_template',
+            type: 'post',
+            data: obj,
+            success: function(resp) {
+                if (resp.err_code == 0) {
+                    layer.msg("提交成功",{time:2000});
+                }
+            },
+            error: function(err) {
+                console.log(err)
+            }
+        })
+          
            
        })
     }