Skip to content

孙龙 / note-library

Go to a project
Commit 9fd7b338 by 孙龙
Options

标签

parent a0e617e7
Inline Side-by-side
Showing with 485 additions and 464 deletions
app/Services/LabelService.php
......@@ -107,6 +107,7 @@ class LabelService {
$info["ichunt2020"]["delivery_date"] = isset($item["delivery_date"]) ? $item["delivery_date"] : "";
$info["ichunt2020"]["coo"] = isset($item["coo"]) ? $item["coo"] : "";
$info["ichunt2020"]["customer_material_number"] = isset($item["customer_material_number"]) ? $item["customer_material_number"] : "";
$info["ichunt2020"]["sku_name"] = isset($item["sku_name"]) ? $item["sku_name"] : "";
return $this->getHtml($_html,$info);
}
......
app/Services/OfflineLabelService.php
......@@ -18,6 +18,7 @@ class OfflineLabelService{
"delivery_date",
"coo",
"customer_material_number",
"sku_name",
];
public function getOfflineUploadData($data){
......
public/excel/标签离线导入.xlsx
No preview for this file type
public/js/web/offline.js
......@@ -79,6 +79,7 @@ layui.use(['form', 'table', 'laydate','upload'], function() {
,{field: 'delivery_date', title: '发货日期'}
,{field: 'coo', title: '产地'}
,{field: 'customer_material_number', title: '客户物料编码'}
,{field: 'sku_name', title: 'sku名称'}
]]
,data:data_123456
})
......
resources/views/web/design.blade.php
......@@ -190,6 +190,7 @@
<option value="delivery_date">送货日期</option>
<option value="coo">产地</option>
<option value="customer_material_number">客户物料编码</option>
<option value="sku_name">sku名称</option>
</select>
<input type="text" class="sjgl zdynr" placeholder="输入自定义内容" />
</div>
......@@ -264,6 +265,7 @@
<option value="delivery_date">送货日期</option>
<option value="coo">产地</option>
<option value="customer_material_number">客户物料编码</option>
<option value="sku_name">sku名称</option>
</select>
<input type="text" class="sjgl zdynr" placeholder="输入自定义内容" />
</div>
......@@ -301,6 +303,7 @@
<option value="delivery_date">送货日期</option>
<option value="coo">产地</option>
<option value="customer_material_number">客户物料编码</option>
<option value="sku_name">sku名称</option>
</select>
<input type="text" class="sjgl zdynr" placeholder="输入自定义内容" />
......@@ -338,7 +341,8 @@
<option value="customer_order_sn">客户订单号</option>
<option value="delivery_date">送货日期</option>
<option value="coo">产地</option>
<option value="customer_material_number">客户物料编码</opt
<option value="customer_material_number">客户物料编码</option>
<option value="sku_name">sku名称</option>
</select>
<input type="text" class="sjgl zdynr" placeholder="输入自定义内容" />
</div>
......@@ -376,6 +380,7 @@
<option value="delivery_date">送货日期</option>
<option value="coo">产地</option>
<option value="customer_material_number">客户物料编码</option>
<option value="sku_name">sku名称</option>
</select>
<input type="text" class="sjgl zdynr" placeholder="输入自定义内容" />
</div>
......@@ -413,6 +418,7 @@
<option value="delivery_date">送货日期</option>
<option value="coo">产地</option>
<option value="customer_material_number">客户物料编码</option>
<option value="sku_name">sku名称</option>
</select>
<input type="text" class="sjgl zdynr" placeholder="输入自定义内容" />
</div>
......@@ -450,6 +456,7 @@
<option value="delivery_date">送货日期</option>
<option value="coo">产地</option>
<option value="customer_material_number">客户物料编码</option>
<option value="sku_name">sku名称</option>
</select>
<input type="text" class="sjgl zdynr" placeholder="输入自定义内容" />
</div>
......@@ -487,6 +494,7 @@
<option value="delivery_date">送货日期</option>
<option value="coo">产地</option>
<option value="customer_material_number">客户物料编码</option>
<option value="sku_name">sku名称</option>
</select>
<input type="text" class="sjgl zdynr" placeholder="输入自定义内容" />
</div>
......@@ -525,6 +533,7 @@
<option value="delivery_date">送货日期</option>
<option value="coo">产地</option>
<option value="customer_material_number">客户物料编码</option>
<option value="sku_name">sku名称</option>
</select>
<input type="text" class="sjgl zdynr" placeholder="输入自定义内容" />
</div>
......
resources/views/web/offline_design.blade.php
<input type="hidden" id="templateid" value='{{Request::input("t_id")}}'/>
<div class="tag-content">
<div class="tag-edit clr">
<div class="fztip" style="color:red;">点击下面的一维码、二维码、文案等可以选择或者修改关联数据!!</div></br>
<div class="editgo fl">
</div>
<div class="edit-value fr" style="position: initial;margin-top:0px;">
<div class="tools tool3" >
<div class="group-value clr">
<div class="sjglgroup clr">
<span class="fl">数据关联</span>
<div class="sjglbox fl">
<select class="sjgl sjgl1 fl">
<option value="">自定义</option>
<option value="data_code">批次号(D/C)</option>
<option value="sku_code">SKU编码</option>
<option value="goods_type">型号名称</option>
<option value="goods_brand">型号品牌</option>
<option value="goods_number">型号数量</option>
<option value="sale_order_sn">销售单号</option>
<option value="customer_code">客户编码</option>
<option value="customer_type">客户型号</option>
<option value="customer_com">客户公司</option>
<option value="customer_order_sn">客户订单号</option>
<option value="delivery_date">送货日期</option>
<option value="coo">产地</option>
<option value="customer_material_number">客户物料编码</option>
</select>
<input type="text" class="sjgl zdynr" placeholder="输入自定义内容" />
</div>
</div>
</div>
</div>
<div class="tools tool5" >
<div class="group-value clr">
<div class="sjglgroup clr">
<span class="fl">数据关联</span>
<div class="sjglbox fl">
<select class="sjgl sjgl1 fl">
<option value="">自定义</option>
<option value="data_code">批次号(D/C)</option>
<option value="sku_code">SKU编码</option>
<option value="goods_type">型号名称</option>
<option value="goods_brand">型号品牌</option>
<option value="goods_number">型号数量</option>
<option value="sale_order_sn">销售单号</option>
<option value="customer_code">客户编码</option>
<option value="customer_type">客户型号</option>
<option value="customer_com">客户公司</option>
<option value="customer_order_sn">客户订单号</option>
<option value="delivery_date">送货日期</option>
<option value="coo">产地</option>
<option value="customer_material_number">客户物料编码</option>
</select>
<input type="text" class="sjgl zdynr" placeholder="输入自定义内容" />
</div>
</div>
<div class="sjglgroup clr">
<span class="fl">
<select style="width:60px;" class="sjgl">
<option value="/">/</option>
<option value="\">\</option>
<option value="-">-</option>
<option value="+">+</option>
<option value="%">%</option>
<option value="&amp;">&amp;</option>
<option value="*">*</option>
<option value="#">#</option>
<option value="；">；</option>
<option value="：">：</option>
<option value="箜">空格</option>
<option value="蒯">换行</option>
</select>
</span>
<div class="sjglbox fl">
<select class="sjgl sjgl2 fl">
<option value="">自定义</option>
<option value="data_code">批次号</option>
<option value="sku_code">SKU编码</option>
<option value="goods_type">型号名称</option>
<option value="goods_brand">型号品牌</option>
<option value="goods_number">型号数量</option>
<option value="sale_order_sn">销售单号</option>
<option value="customer_code">客户编码</option>
<option value="customer_type">客户型号</option>
<option value="customer_com">客户公司</option>
<option value="customer_order_sn">客户订单号</option>
<option value="delivery_date">送货日期</option>
<option value="coo">产地</option>
<option value="customer_material_number">客户物料编码</option>
</select>
<input type="text" class="sjgl zdynr" placeholder="输入自定义内容" />
</div>
</div>
<div class="sjglgroup clr">
<span class="fl">
<select style="width:60px;" class="sjgl">
<option value="/">/</option>
<option value="\">\</option>
<option value="-">-</option>
<option value="+">+</option>
<option value="%">%</option>
<option value="&amp;">&amp;</option>
<option value="*">*</option>
<option value="#">#</option>
<option value="；">；</option>
<option value="：">：</option>
<option value="箜">空格</option>
<option value="蒯">换行</option>
</select>
</span>
<div class="sjglbox fl">
<select class="sjgl sjgl3 fl">
<option value="">自定义</option>
<option value="data_code">批次号(D/C)</option>
<option value="sku_code">SKU编码</option>
<option value="goods_type">型号名称</option>
<option value="goods_brand">型号品牌</option>
<option value="goods_number">型号数量</option>
<option value="sale_order_sn">销售单号</option>
<option value="customer_code">客户编码</option>
<option value="customer_type">客户型号</option>
<option value="customer_com">客户公司</option>
<option value="customer_order_sn">客户订单号</option>
<option value="delivery_date">送货日期</option>
<option value="coo">产地</option>
<option value="customer_material_number">客户物料编码</opt
</select>
<input type="text" class="sjgl zdynr" placeholder="输入自定义内容" />
</div>
</div>
<div class="sjglgroup clr">
<span class="fl">
<select style="width:60px;" class="sjgl">
<option value="/">/</option>
<option value="\">\</option>
<option value="-">-</option>
<option value="+">+</option>
<option value="%">%</option>
<option value="&amp;">&amp;</option>
<option value="*">*</option>
<option value="#">#</option>
<option value="；">；</option>
<option value="：">：</option>
<option value="箜">空格</option>
<option value="蒯">换行</option>
</select>
</span>
<div class="sjglbox fl">
<select class="sjgl sjgl4 fl">
<option value="">自定义</option>
<option value="data_code">批次号(D/C)</option>
<option value="sku_code">SKU编码</option>
<option value="goods_type">型号名称</option>
<option value="goods_brand">型号品牌</option>
<option value="goods_number">型号数量</option>
<option value="sale_order_sn">销售单号</option>
<option value="customer_code">客户编码</option>
<option value="customer_type">客户型号</option>
<option value="customer_com">客户公司</option>
<option value="customer_order_sn">客户订单号</option>
<option value="delivery_date">送货日期</option>
<option value="coo">产地</option>
<option value="customer_material_number">客户物料编码</option>
</select>
<input type="text" class="sjgl zdynr" placeholder="输入自定义内容" />
</div>
</div>
<div class="sjglgroup clr">
<span class="fl">
<select style="width:60px;" class="sjgl">
<option value="/">/</option>
<option value="\">\</option>
<option value="-">-</option>
<option value="+">+</option>
<option value="%">%</option>
<option value="&amp;">&amp;</option>
<option value="*">*</option>
<option value="#">#</option>
<option value="；">；</option>
<option value="：">：</option>
<option value="箜">空格</option>
<option value="蒯">换行</option>
</select>
</span>
<div class="sjglbox fl">
<select class="sjgl sjgl5 fl">
<option value="">自定义</option>
<option value="data_code">批次号(D/C)</option>
<option value="sku_code">SKU编码</option>
<option value="goods_type">型号名称</option>
<option value="goods_brand">型号品牌</option>
<option value="goods_number">型号数量</option>
<option value="sale_order_sn">销售单号</option>
<option value="customer_code">客户编码</option>
<option value="customer_type">客户型号</option>
<option value="customer_com">客户公司</option>
<option value="customer_order_sn">客户订单号</option>
<option value="delivery_date">送货日期</option>
<option value="coo">产地</option>
<option value="customer_material_number">客户物料编码</option>
</select>
<input type="text" class="sjgl zdynr" placeholder="输入自定义内容" />
</div>
</div>
<div class="sjglgroup clr">
<span class="fl">
<select style="width:60px;" class="sjgl">
<option value="/">/</option>
<option value="\">\</option>
<option value="-">-</option>
<option value="+">+</option>
<option value="%">%</option>
<option value="&amp;">&amp;</option>
<option value="*">*</option>
<option value="#">#</option>
<option value="；">；</option>
<option value="：">：</option>
<option value="箜">空格</option>
<option value="蒯">换行</option>
</select>
</span>
<div class="sjglbox fl">
<select class="sjgl sjgl6 fl">
<option value="">自定义</option>
<option value="data_code">批次号(D/C)</option>
<option value="sku_code">SKU编码</option>
<option value="goods_type">型号名称</option>
<option value="goods_brand">型号品牌</option>
<option value="goods_number">型号数量</option>
<option value="sale_order_sn">销售单号</option>
<option value="customer_code">客户编码</option>
<option value="customer_type">客户型号</option>
<option value="customer_com">客户公司</option>
<option value="customer_order_sn">客户订单号</option>
<option value="delivery_date">送货日期</option>
<option value="coo">产地</option>
<option value="customer_material_number">客户物料编码</option>
</select>
<input type="text" class="sjgl zdynr" placeholder="输入自定义内容" />
</div>
</div>
<div class="sjglgroup clr">
<span class="fl">
<select style="width:60px;" class="sjgl">
<option value="/">/</option>
<option value="\">\</option>
<option value="-">-</option>
<option value="+">+</option>
<option value="%">%</option>
<option value="&amp;">&amp;</option>
<option value="*">*</option>
<option value="#">#</option>
<option value="；">；</option>
<option value="：">：</option>
<option value="箜">空格</option>
<option value="蒯">换行</option>
</select>
</span>
<div class="sjglbox fl">
<select class="sjgl sjgl7 fl">
<option value="">自定义</option>
<option value="data_code">批次号(D/C)</option>
<option value="sku_code">SKU编码</option>
<option value="goods_type">型号名称</option>
<option value="goods_brand">型号品牌</option>
<option value="goods_number">型号数量</option>
<option value="sale_order_sn">销售单号</option>
<option value="customer_code">客户编码</option>
<option value="customer_type">客户型号</option>
<option value="customer_com">客户公司</option>
<option value="customer_order_sn">客户订单号</option>
<option value="delivery_date">送货日期</option>
<option value="coo">产地</option>
<option value="customer_material_number">客户物料编码</option>
</select>
<input type="text" class="sjgl zdynr" placeholder="输入自定义内容" />
</div>
</div>
<div class="sjglgroup clr">
<span class="fl">
<select style="width:60px;" class="sjgl">
<option value="/">/</option>
<option value="\">\</option>
<option value="-">-</option>
<option value="+">+</option>
<option value="%">%</option>
<option value="&amp;">&amp;</option>
<option value="*">*</option>
<option value="#">#</option>
<option value="；">；</option>
<option value="：">：</option>
<option value="箜">空格</option>
<option value="蒯">换行</option>
</select>
</span>
<div class="sjglbox fl">
<select class="sjgl sjgl8 fl">
<option value="">自定义</option>
<option value="data_code">批次号(D/C)</option>
<option value="sku_code">SKU编码</option>
<option value="goods_type">型号名称</option>
<option value="goods_brand">型号品牌</option>
<option value="goods_number">型号数量</option>
<option value="sale_order_sn">销售单号</option>
<option value="customer_code">客户编码</option>
<option value="customer_type">客户型号</option>
<option value="customer_com">客户公司</option>
<option value="customer_order_sn">客户订单号</option>
<option value="delivery_date">送货日期</option>
<option value="coo">产地</option>
<option value="customer_material_number">客户物料编码</option>
</select>
<input type="text" class="sjgl zdynr" placeholder="输入自定义内容" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var offine={
init:function(){
offine.getInfo();
offine.handle();
},
itemedit:function(){
var ele=$(".huabuitem.act");
$(".tools.act").removeClass("act");
$(".tool"+ele.attr("type")).addClass("act");
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("/")
}
}
},
getInfo:function(){
$.ajax({
url : '/ajax/getTemplateDetail?t_id='+$("#templateid").val(),
type: 'get',
success: function(resp) {
if (resp.err_code == 0) {
$(".editgo").html(resp.data.template_extend.html);
$("textarea").attr("readonly",true);
}else{
layer.msg(resp.err_msg,{time:2000});
}
},
error: function(err) {
console.log(err)
}
})
},
handle:function(){
//监听画布已有工具
$(document).on("click",".huabuitem[type='5'],.huabuitem[type='3']",function(e){
var self=$(this);
if(!$(this).hasClass("act")){
$(".huabuitem").removeClass("act");
self.addClass("act");
}
offine.itemedit();
})
//监听属性赋值
$(document).on("input propertychange",".tools.act select,.tools.act input",function(){
var ele=$(".huabuitem.act");
var name_=$(this).attr("class").split(" ")[0];
var self=$(this);
var val_=self.val();
switch(name_) {
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;
}
});
//数据关联联动
$(".sjglbox select").bind('input propertychange', function() {
var val_=$(this).val();
if(!val_){
$(this).next().show()
}else{
$(this).next().hide()
}
})
}
}
$(function(){
offine.init()
})
</script>
<input type="hidden" id="templateid" value='{{Request::input("t_id")}}'/>
<div class="tag-content">
<div class="tag-edit clr">
<div class="fztip" style="color:red;">点击下面的一维码、二维码、文案等可以选择或者修改关联数据!!</div></br>
<div class="editgo fl">
</div>
<div class="edit-value fr" style="position: initial;margin-top:0px;">
<div class="tools tool3" >
<div class="group-value clr">
<div class="sjglgroup clr">
<span class="fl">数据关联</span>
<div class="sjglbox fl">
<select class="sjgl sjgl1 fl">
<option value="">自定义</option>
<option value="data_code">批次号(D/C)</option>
<option value="sku_code">SKU编码</option>
<option value="goods_type">型号名称</option>
<option value="goods_brand">型号品牌</option>
<option value="goods_number">型号数量</option>
<option value="sale_order_sn">销售单号</option>
<option value="customer_code">客户编码</option>
<option value="customer_type">客户型号</option>
<option value="customer_com">客户公司</option>
<option value="customer_order_sn">客户订单号</option>
<option value="delivery_date">送货日期</option>
<option value="coo">产地</option>
<option value="customer_material_number">客户物料编码</option>
<option value="sku_name">sku名称</option>
</select>
<input type="text" class="sjgl zdynr" placeholder="输入自定义内容" />
</div>
</div>
</div>
</div>
<div class="tools tool5" >
<div class="group-value clr">
<div class="sjglgroup clr">
<span class="fl">数据关联</span>
<div class="sjglbox fl">
<select class="sjgl sjgl1 fl">
<option value="">自定义</option>
<option value="data_code">批次号(D/C)</option>
<option value="sku_code">SKU编码</option>
<option value="goods_type">型号名称</option>
<option value="goods_brand">型号品牌</option>
<option value="goods_number">型号数量</option>
<option value="sale_order_sn">销售单号</option>
<option value="customer_code">客户编码</option>
<option value="customer_type">客户型号</option>
<option value="customer_com">客户公司</option>
<option value="customer_order_sn">客户订单号</option>
<option value="delivery_date">送货日期</option>
<option value="coo">产地</option>
<option value="customer_material_number">客户物料编码</option>
<option value="sku_name">sku名称</option>
</select>
<input type="text" class="sjgl zdynr" placeholder="输入自定义内容" />
</div>
</div>
<div class="sjglgroup clr">
<span class="fl">
<select style="width:60px;" class="sjgl">
<option value="/">/</option>
<option value="\">\</option>
<option value="-">-</option>
<option value="+">+</option>
<option value="%">%</option>
<option value="&amp;">&amp;</option>
<option value="*">*</option>
<option value="#">#</option>
<option value="；">；</option>
<option value="：">：</option>
<option value="箜">空格</option>
<option value="蒯">换行</option>
</select>
</span>
<div class="sjglbox fl">
<select class="sjgl sjgl2 fl">
<option value="">自定义</option>
<option value="data_code">批次号</option>
<option value="sku_code">SKU编码</option>
<option value="goods_type">型号名称</option>
<option value="goods_brand">型号品牌</option>
<option value="goods_number">型号数量</option>
<option value="sale_order_sn">销售单号</option>
<option value="customer_code">客户编码</option>
<option value="customer_type">客户型号</option>
<option value="customer_com">客户公司</option>
<option value="customer_order_sn">客户订单号</option>
<option value="delivery_date">送货日期</option>
<option value="coo">产地</option>
<option value="customer_material_number">客户物料编码</option>
<option value="sku_name">sku名称</option>
</select>
<input type="text" class="sjgl zdynr" placeholder="输入自定义内容" />
</div>
</div>
<div class="sjglgroup clr">
<span class="fl">
<select style="width:60px;" class="sjgl">
<option value="/">/</option>
<option value="\">\</option>
<option value="-">-</option>
<option value="+">+</option>
<option value="%">%</option>
<option value="&amp;">&amp;</option>
<option value="*">*</option>
<option value="#">#</option>
<option value="；">；</option>
<option value="：">：</option>
<option value="箜">空格</option>
<option value="蒯">换行</option>
</select>
</span>
<div class="sjglbox fl">
<select class="sjgl sjgl3 fl">
<option value="">自定义</option>
<option value="data_code">批次号(D/C)</option>
<option value="sku_code">SKU编码</option>
<option value="goods_type">型号名称</option>
<option value="goods_brand">型号品牌</option>
<option value="goods_number">型号数量</option>
<option value="sale_order_sn">销售单号</option>
<option value="customer_code">客户编码</option>
<option value="customer_type">客户型号</option>
<option value="customer_com">客户公司</option>
<option value="customer_order_sn">客户订单号</option>
<option value="delivery_date">送货日期</option>
<option value="coo">产地</option>
<option value="customer_material_number">客户物料编码</option>
<option value="sku_name">sku名称</option>
</select>
<input type="text" class="sjgl zdynr" placeholder="输入自定义内容" />
</div>
</div>
<div class="sjglgroup clr">
<span class="fl">
<select style="width:60px;" class="sjgl">
<option value="/">/</option>
<option value="\">\</option>
<option value="-">-</option>
<option value="+">+</option>
<option value="%">%</option>
<option value="&amp;">&amp;</option>
<option value="*">*</option>
<option value="#">#</option>
<option value="；">；</option>
<option value="：">：</option>
<option value="箜">空格</option>
<option value="蒯">换行</option>
</select>
</span>
<div class="sjglbox fl">
<select class="sjgl sjgl4 fl">
<option value="">自定义</option>
<option value="data_code">批次号(D/C)</option>
<option value="sku_code">SKU编码</option>
<option value="goods_type">型号名称</option>
<option value="goods_brand">型号品牌</option>
<option value="goods_number">型号数量</option>
<option value="sale_order_sn">销售单号</option>
<option value="customer_code">客户编码</option>
<option value="customer_type">客户型号</option>
<option value="customer_com">客户公司</option>
<option value="customer_order_sn">客户订单号</option>
<option value="delivery_date">送货日期</option>
<option value="coo">产地</option>
<option value="customer_material_number">客户物料编码</option>
<option value="sku_name">sku名称</option>
</select>
<input type="text" class="sjgl zdynr" placeholder="输入自定义内容" />
</div>
</div>
<div class="sjglgroup clr">
<span class="fl">
<select style="width:60px;" class="sjgl">
<option value="/">/</option>
<option value="\">\</option>
<option value="-">-</option>
<option value="+">+</option>
<option value="%">%</option>
<option value="&amp;">&amp;</option>
<option value="*">*</option>
<option value="#">#</option>
<option value="；">；</option>
<option value="：">：</option>
<option value="箜">空格</option>
<option value="蒯">换行</option>
</select>
</span>
<div class="sjglbox fl">
<select class="sjgl sjgl5 fl">
<option value="">自定义</option>
<option value="data_code">批次号(D/C)</option>
<option value="sku_code">SKU编码</option>
<option value="goods_type">型号名称</option>
<option value="goods_brand">型号品牌</option>
<option value="goods_number">型号数量</option>
<option value="sale_order_sn">销售单号</option>
<option value="customer_code">客户编码</option>
<option value="customer_type">客户型号</option>
<option value="customer_com">客户公司</option>
<option value="customer_order_sn">客户订单号</option>
<option value="delivery_date">送货日期</option>
<option value="coo">产地</option>
<option value="customer_material_number">客户物料编码</option>
<option value="sku_name">sku名称</option>
</select>
<input type="text" class="sjgl zdynr" placeholder="输入自定义内容" />
</div>
</div>
<div class="sjglgroup clr">
<span class="fl">
<select style="width:60px;" class="sjgl">
<option value="/">/</option>
<option value="\">\</option>
<option value="-">-</option>
<option value="+">+</option>
<option value="%">%</option>
<option value="&amp;">&amp;</option>
<option value="*">*</option>
<option value="#">#</option>
<option value="；">；</option>
<option value="：">：</option>
<option value="箜">空格</option>
<option value="蒯">换行</option>
</select>
</span>
<div class="sjglbox fl">
<select class="sjgl sjgl6 fl">
<option value="">自定义</option>
<option value="data_code">批次号(D/C)</option>
<option value="sku_code">SKU编码</option>
<option value="goods_type">型号名称</option>
<option value="goods_brand">型号品牌</option>
<option value="goods_number">型号数量</option>
<option value="sale_order_sn">销售单号</option>
<option value="customer_code">客户编码</option>
<option value="customer_type">客户型号</option>
<option value="customer_com">客户公司</option>
<option value="customer_order_sn">客户订单号</option>
<option value="delivery_date">送货日期</option>
<option value="coo">产地</option>
<option value="customer_material_number">客户物料编码</option>
<option value="sku_name">sku名称</option>
</select>
<input type="text" class="sjgl zdynr" placeholder="输入自定义内容" />
</div>
</div>
<div class="sjglgroup clr">
<span class="fl">
<select style="width:60px;" class="sjgl">
<option value="/">/</option>
<option value="\">\</option>
<option value="-">-</option>
<option value="+">+</option>
<option value="%">%</option>
<option value="&amp;">&amp;</option>
<option value="*">*</option>
<option value="#">#</option>
<option value="；">；</option>
<option value="：">：</option>
<option value="箜">空格</option>
<option value="蒯">换行</option>
</select>
</span>
<div class="sjglbox fl">
<select class="sjgl sjgl7 fl">
<option value="">自定义</option>
<option value="data_code">批次号(D/C)</option>
<option value="sku_code">SKU编码</option>
<option value="goods_type">型号名称</option>
<option value="goods_brand">型号品牌</option>
<option value="goods_number">型号数量</option>
<option value="sale_order_sn">销售单号</option>
<option value="customer_code">客户编码</option>
<option value="customer_type">客户型号</option>
<option value="customer_com">客户公司</option>
<option value="customer_order_sn">客户订单号</option>
<option value="delivery_date">送货日期</option>
<option value="coo">产地</option>
<option value="customer_material_number">客户物料编码</option>
<option value="sku_name">sku名称</option>
</select>
<input type="text" class="sjgl zdynr" placeholder="输入自定义内容" />
</div>
</div>
<div class="sjglgroup clr">
<span class="fl">
<select style="width:60px;" class="sjgl">
<option value="/">/</option>
<option value="\">\</option>
<option value="-">-</option>
<option value="+">+</option>
<option value="%">%</option>
<option value="&amp;">&amp;</option>
<option value="*">*</option>
<option value="#">#</option>
<option value="；">；</option>
<option value="：">：</option>
<option value="箜">空格</option>
<option value="蒯">换行</option>
</select>
</span>
<div class="sjglbox fl">
<select class="sjgl sjgl8 fl">
<option value="">自定义</option>
<option value="data_code">批次号(D/C)</option>
<option value="sku_code">SKU编码</option>
<option value="goods_type">型号名称</option>
<option value="goods_brand">型号品牌</option>
<option value="goods_number">型号数量</option>
<option value="sale_order_sn">销售单号</option>
<option value="customer_code">客户编码</option>
<option value="customer_type">客户型号</option>
<option value="customer_com">客户公司</option>
<option value="customer_order_sn">客户订单号</option>
<option value="delivery_date">送货日期</option>
<option value="coo">产地</option>
<option value="customer_material_number">客户物料编码</option>
<option value="sku_name">sku名称</option>
</select>
<input type="text" class="sjgl zdynr" placeholder="输入自定义内容" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var offine={
init:function(){
offine.getInfo();
offine.handle();
},
itemedit:function(){
var ele=$(".huabuitem.act");
$(".tools.act").removeClass("act");
$(".tool"+ele.attr("type")).addClass("act");
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("/")
}
}
},
getInfo:function(){
$.ajax({
url : '/ajax/getTemplateDetail?t_id='+$("#templateid").val(),
type: 'get',
success: function(resp) {
if (resp.err_code == 0) {
$(".editgo").html(resp.data.template_extend.html);
$("textarea").attr("readonly",true);
}else{
layer.msg(resp.err_msg,{time:2000});
}
},
error: function(err) {
console.log(err)
}
})
},
handle:function(){
//监听画布已有工具
$(document).on("click",".huabuitem[type='5'],.huabuitem[type='3']",function(e){
var self=$(this);
if(!$(this).hasClass("act")){
$(".huabuitem").removeClass("act");
self.addClass("act");
}
offine.itemedit();
})
//监听属性赋值
$(document).on("input propertychange",".tools.act select,.tools.act input",function(){
var ele=$(".huabuitem.act");
var name_=$(this).attr("class").split(" ")[0];
var self=$(this);
var val_=self.val();
switch(name_) {
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;
}
});
//数据关联联动
$(".sjglbox select").bind('input propertychange', function() {
var val_=$(this).val();
if(!val_){
$(this).next().show()
}else{
$(this).next().hide()
}
})
}
}
$(function(){
offine.init()
})
</script>
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