x

public/js/web/design.js

@@ -3,13 +3,40 @@ var tag={
     hbisAct:0,//是否画布区域
     hbisAct:0,//是否画布区域
     isClick:0,
     isClick:0,
     init:function(){
     init:function(){
-        tag.editUi();
+       
+        if($("#templateid").val()){
+            //编辑
+            tag.getInfo();
+        }else{
+            //新增
+            tag.editUi();
+        }
         tag.handle();
         tag.handle();
     },
     },
+    getInfo:function(){
+        $.ajax({
+            url : '/ajax/getTemplateDetail?t_id='+$("#templateid").val(),
+            type: 'get',
+            success: function(resp) {
+                if (resp.err_code == 0) {
+                    $(".designName").val(resp.data.template_name)
+                    var abobj=eval('('+resp.data.template_extend.attribute+')');
+                    $(".tag-border").val(abobj.lableBorder);
+                    $(".tag-bgm").val(abobj.lableBg);
+                    $(".tag-size").val(abobj.lableSize);
+                    $(".edit-box").html(resp.data.template_extend.html);
+                    tag.editUi();
+                }
+            },
+            error: function(err) {
+                console.log(err)
+            }
+        })
+    },
     editUi:function(){
     editUi:function(){
           $("body").attr("onselectstart","return false");
           $("body").attr("onselectstart","return false");
-            // 基本实例化:
-            $('#colorpicker').colorpicker();
+           // 基本实例化:
+          $('#colorpicker').colorpicker();
       
       
           //编辑画布渲染样式 
           //编辑画布渲染样式 
            var gezilist=$(".tag-size").val().split("*");
            var gezilist=$(".tag-size").val().split("*");
@@ -359,27 +386,30 @@ var tag={
            $(".edit-con .huabuitem").removeClass("act");
            $(".edit-con .huabuitem").removeClass("act");
            $(".edit-con").removeClass("init-border");
            $(".edit-con").removeClass("init-border");
            obj.htmlp=String($(".edit-box").html());
            obj.htmlp=String($(".edit-box").html());
-           obj.designName=$(".designName").val()
-           $.ajax({
-            url : '/ajax/add_template',
-            type: 'post',
-            data: obj,
-            success: function(resp) {
-                if (resp.err_code == 0) {
-                    layer.msg("提交成功",{time:2000});
-                    setTimeout(function(){
-                        window.location.href="/web/labelList"
-                    },2000)
-                    
-                }else{
-                    layer.msg(resp.err_msg,{time:2000});
-                    tag.editUi();
+           obj.designName=$(".designName").val();
+           if($("#templateid").val()){
+            obj.t_id =$("#templateid").val()
+           }
+            $.ajax({
+                url : '/ajax/add_template',
+                type: 'post',
+                data: obj,
+                success: function(resp) {
+                    if (resp.err_code == 0) {
+                        layer.msg("提交成功",{time:2000});
+                        setTimeout(function(){
+                            window.location.href="/web/labelList"
+                        },2000)
+                        
+                    }else{
+                        layer.msg(resp.err_msg,{time:2000});
+                        tag.editUi();
+                    }
+                },
+                error: function(err) {
+                    console.log(err)
                 }
                 }
-            },
-            error: function(err) {
-                console.log(err)
-            }
-        })
+            })
           
           
            
            
        })
        })

resources/views/web/design.blade.php

 
 
 
 
+<input type="hidden" id="templateid"  value='{{Request::input("t_id")}}'/>
 <div class="tag-content">
 <div class="tag-content">
         <div class="tag-tools">
         <div class="tag-tools">
             <div class="tips">请拖动此处标签制作工具到下方编辑区域编辑！</div>
             <div class="tips">请拖动此处标签制作工具到下方编辑区域编辑！</div>