Commit 4e6fd9b1 by 肖康

x

parent 6b62e0c1
...@@ -91,12 +91,12 @@ class WebController extends Controller ...@@ -91,12 +91,12 @@ class WebController extends Controller
// exit; // exit;
echo DNS1D::getBarcodeSVG("4445645656", "C39","1","20"); // echo DNS1D::getBarcodeSVG("4445645656", "C39","1","20");
echo DNS2D::getBarcodeHTML("4445645656", "QRCODE","3","3"); // echo DNS2D::getBarcodeHTML("4445645656", "QRCODE","3","3");
// echo DNS2D::getBarcodePNGPath("4445645656", "PDF417"); // echo DNS2D::getBarcodePNGPath("4445645656", "PDF417");
// echo DNS2D::getBarcodeSVG("4445645656", "DATAMATRIX"); // echo DNS2D::getBarcodeSVG("4445645656", "DATAMATRIX");
// echo '<img src="data:image/png;base64,' . DNS2D::getBarcodePNG("4", "PDF417") . '" alt="barcode" />'; // echo '<img src="data:image/png;base64,' . DNS2D::getBarcodePNG("4", "PDF417") . '" alt="barcode" />';
exit; // exit;
$info['title'] = '标签设计'; $info['title'] = '标签设计';
return view('web', $info); return view('web', $info);
......
.clr {
clear: both
}
.clr:after {
content: " ";
display: table;
clear: both
}
.fl {
float: left
}
.fr {
float: right
}
body {
background: #f2f2f2;
padding-left: 220px
}
.tag-content {
width: 1100px
}
.tag-content input,
.tag-content select {
width: 85px;
height: 26px;
line-height: 26px;
padding: 0 5px;
margin-right: 10px;
border: 1px solid #ccc;
border-radius: 2px;
outline: none;
box-sizing: border-box;
font-family: "SimSun"
}
.tag-content .tag-tools {
background: #fff;
border: 1px solid #ccc;
clear: both;
padding: 15px;
height: 100px
}
.tag-content .tag-tools .tips {
color: #ffa200;
font-size: 12px;
margin-bottom: 20px
}
.tag-content .tag-tools .items {
cursor: pointer;
box-sizing: border-box;
float: left;
margin-left: 20px;
position: relative
}
.tag-content .tag-tools .items.yuan {
height: 45px;
width: 45px;
border-radius: 45px;
border: 1px solid #333
}
.tag-content .tag-tools .items.fang {
width: 70px;
height: 45px;
border: 1px solid #333
}
.tag-content .tag-tools .items.text {
font-size: 36px;
color: #666;
width: 70px;
text-align: center
}
.tag-content .tag-tools .items.line {
width: 100px;
height: 25px;
width: 70px;
border-top: 1px solid #333;
margin-top: 25px
}
.tag-content .tag-tools .items.erweima {
width: 45px;
height: 45px;
background-color: #ccc
}
.tag-content .tag-tools .items.yiweima {
width: 87px;
height: 35px;
background-color: #ccc
}
.tag-content .tag-tools .items.tupian {
width: 60px;
height: 45px;
background-color: #ccc
}
.tag-content .tag-tools .items.logo1 {
width: 91px;
height: 45px;
background-color: #ccc
}
.tag-content .tag-tools .items.logo2 {
width: 64px;
height: 25px;
background-color: #ccc
}
.tag-content .tag-tools .items.logo3 {
width: 88px;
height: 34px;
background-color: #ccc
}
.tag-content .tag-tools .items span {
position: absolute;
width: 100%;
color: #333;
text-align: center;
bottom: -20px;
font-size: 14px;
left: 0
}
.tag-content .tag-edit .edit-seclect .seclect-group {
margin-right: 50px
}
.tag-content .tag-edit .fztip {
font-size: 12px;
color: #999
}
.tag-content .tag-edit .edit-box {
background: #fff;
border: 1px solid #000;
padding: 15px 20px;
margin-top: 20px
}
.tag-content .tag-edit .edit-box .edit-con {
clear: both;
position: relative;
border: 1px solid #ccc
}
.tag-content .tag-edit .edit-box .edit-con div.gezi {
width: 20px;
height: 20px;
box-sizing: border-box;
border-bottom: 1px solid #ccc;
float: left;
border-right: 1px solid #ccc
}
.tag-content .tag-edit .edit-box .edit-con div.gezi.right0 {
border-right: 0px
}
.tag-content .tag-edit .edit-box .edit-con div.gezi.bottom0 {
border-bottom: 0px
}
.tag-content .tag-edit .edit-box .edit-con div.gezi.border0 {
border: 0px
}
.tag-content .tag-edit .edit-value {
margin-top: 20px;
position: fixed;
width: 410px;
min-height: 300px;
right: 10px
}
.tag-content .tag-edit .edit-value .tools {
background: #fff;
padding: 20px;
display: none
}
.tag-content .tag-edit .edit-value .tools.act {
display: block
}
.tag-content .tag-edit .edit-value .tools .group-value {
margin-bottom: 10px
}
.tag-content .tag-edit .edit-value .tools .group-value span {
width: 80px
}
.zanshiUi {
position: absolute;
left: 888888888px;
z-index: 1;
box-sizing: border-box
}
.huabuitem {
position: absolute;
box-sizing: border-box;
cursor: pointer
}
.zctem {
display: none
}
.round {
border: 1px solid #333;
border-radius: 100%
}
.rectangle {
border: 1px solid #333
}
textarea {
outline: none;
resize: none;
border: 0px;
overflow: hidden;
line-height: 22px;
background: rgba(225, 225, 225, 0)
}
textarea:focus {
background: #f2f2f2
}
.lineit {
border-top: 1px solid #333
}
.more-data-gl {
margin-bottom: 10px
}
.xuanzhuan {
transform: rotate(90deg);
transform-origin: left top
}
\ No newline at end of file
var tag={
hbisAct:0,//是否画布区域
isClick:0,
init:function(){
tag.editUi();
tag.handle();
},
editUi:function(){
//编辑画布渲染样式
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++){
if($(".tag-fz").val()){
html+='<div class="gezi border0"></div>';
}else{
if((i+1)%(Number(gezilist[0])/20)==0){
if((i+1)==gnum){
html+='<div class="gezi right0 bottom0"></div>';
}else{
html+='<div class="gezi right0"></div>';
}
}else if((i+1)>=(gnum-Number(gezilist[0])/20)){
html+='<div class="gezi bottom0"></div>';
}else{
html+='<div class="gezi"></div>';
}
}
}
$(".edit-con .gezi").remove();
$(".edit-con").append(html);
$(".edit-con").css({"backgroundColor":$(".tag-bgm").val()})
if($(".tag-fz").val()&&$(".tag-border").val()=="1px solid #ccc"){
$(".edit-con").css({"border":0})
}else{
$(".edit-con").css({"border":$(".tag-border").val()})
}
},
itemedit:function(){
var ele=$(".huabuitem.act");
$(".tools.act").removeClass("act");
$(".tool"+ele.attr("type")).addClass("act");
//基础属性高度宽度 X Y坐标等渲染
$(".tools.act .zbx").val(ele.attr("x"));//X坐标
$(".tools.act .zby").val(ele.attr("y"));//Y坐标
$(".tools.act .kdw").val(ele.attr("w"));//宽度w
$(".tools.act .gdh").val(ele.attr("h"));//高度h
$(".tools.act .xsnd").val(ele.attr("xsnd"));//线色浓度
$(".tools.act .xys").val(ele.attr("xys"));//线样式
$(".tools.act .xtys").val(ele.attr("xtys"));//线条颜色
$(".tools.act .tcys").val(ele.attr("tcys"));//填充颜色
$(".tools.act .tccj").val(ele.attr("tccj"));//图层层级
$(".tools.act .fx").val(ele.attr("fx"));//方向
$(".tools.act .zt").val(ele.attr("zt"));//字体
$(".tools.act .zh").val(ele.attr("zh"));//字号
$(".tools.act .wenben").val(ele.attr("wenben"));//文本类容
$(".tools.act .zsnd").val(ele.attr("zsnd"));//字色浓度
$(".tools.act .zjj").val(ele.attr("zjj"));//字间距
$(".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"));
},
handle:function(){
//画布设置监听渲染UI
$(".edit-seclect select").change(function(){
tag.editUi();
})
//工具栏拖拽
$(".tag-tools .items").on({
mousedown: function(e){
var type_=$(this).attr("type");
var html=$(this).find(".zctem").addClass("zanshiUi").clone(true);
$(this).find(".zctem").removeClass("zanshiUi");
var el=$(this);
var os = el.offset(); dx = e.pageX-os.left, dy = e.pageY-os.top;
$("body").append(html);
$(".huabuitem").removeClass("act");
$(document).on('mousemove.drag', function(e){
$(".zanshiUi").css({"width":$(".zanshiUi").attr("w")});
$(".zanshiUi").css({"height":$(".zanshiUi").attr("h")});
$(".zanshiUi").show().offset({top: e.pageY+1, left: e.pageX+1});
tag.isClick=1;
});
}
})
//鼠标移入画布
$(".edit-con").hover(function(event){
tag.hbisAct=1;
},function(){
tag.hbisAct=0;
})
//画布监听鼠标松开
$(".edit-con").mouseup(function(e){
var x,y;
x=e.pageX-$(this).offset().left; //获取当前鼠标相对div的X坐标
y=e.pageY-$(this).offset().top; //获取当前鼠标相对div的Y坐标
if(tag.isClick==0){return}
$(document).off('mousemove.drag');
//工具栏拖动放下
var zanshiUi=$(".zanshiUi");
var html=zanshiUi.removeClass("zanshiUi").removeClass("zctem").addClass("huabuitem act").clone();
zanshiUi.remove();
if(tag.hbisAct){
//在画布区域
$(".edit-con").append(html);
//工具编辑栏
$(".huabuitem.act").css({"left":x,"top":y}).attr("x",x).attr("y",y);
tag.itemedit();
}
tag.isClick=0;
});
//全局监听鼠标松开
$(document).mouseup(function(e){
$(document).off('mousemove.drag');
$(".zanshiUi").remove();
})
//监听画布已有工具
$(document).on("mousedown",".huabuitem",function(e){
var self=$(this);
var x,y;
x=e.pageX-$(".edit-con").offset().left; //获取当前鼠标相对div的X坐标
y=e.pageY-$(".edit-con").offset().top; //获取当前鼠标相对div的Y坐标
var left= self.position().left;
var top=self.position().top;
if(!$(this).hasClass("act")){
$(".huabuitem").removeClass("act");
self.addClass("act");
}
tag.itemedit();
$(document).on('mousemove.drag', function(e){
var x2,y2;
x2=e.pageX-$(".edit-con").offset().left-x+left;
y2=e.pageY-$(".edit-con").offset().top-y+top;
var gezilist=$(".tag-size").val().split("*");
if(x2<0){
x2=0;
}
if(y2<0){
y2=0;
}
if(x2>gezilist[0]-self.width()){
x2=gezilist[0]-self.width();
}
if(y2>gezilist[1]-self.height()){
y2=gezilist[1]-self.height();
}
self.css({top:y2, left:x2});
self.attr("x",x2);
self.attr("y",y2);
tag.itemedit();
})
})
$("body").on("mousemove","textarea",function(){
$(this).focus()
})
//监听属性赋值
$(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 "zbx":
ele.attr("x",val_);
ele.css({left:Number(val_)});
break;
case "zby":
ele.attr("y",val_);
ele.css({top:Number(val_)})
break;
case "kdw":
ele.attr("w",val_);
ele.css({width:val_})
break;
case "gdh":
ele.attr("h",val_);
ele.css({height:val_})
break;
case "xsnd":
ele.attr("xsnd",val_);
ele.css({borderWidth:val_})
break;
case "xys":
ele.attr("xys",val_);
ele.css({borderStyle:val_})
break;
case "xtys":
ele.attr("xtys",val_);
ele.css({borderColor:val_})
break;
case "tcys":
ele.attr("tcys",val_);
ele.css({backgroundColor:val_})
break;
case "tccj":
ele.attr("tccj",val_);
ele.css({zIndex:val_})
break;
case "fx":
ele.attr("fx",val_);
if(val_){
ele.addClass("xuanzhuan");
}else{
ele.removeClass("xuanzhuan");
}
break;
case "zt":
ele.attr("zt",val_);
ele.css({fontFamily:val_})
break;
case "zh":
ele.attr("zh",val_);
ele.css({fontSize:val_+"px"})
break;
case "wenben":
ele.attr("wenben",val_);
ele.val(val_)
break;
case "zsnd":
ele.attr("zsnd",val_);
ele.css({fontWeight:val_})
break;
case "zjj":
ele.attr("zjj",val_);
ele.css({letterSpacing:val_+"px"})
break;
case "ztys":
ele.attr("ztys",val_);
ele.css({color:val_})
break;
case "zhg":
ele.attr("zhg",val_);
ele.css({lineHeight:val_+"px"})
break;
case "imagesurl":
ele.attr("imagesurl",val_);
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_);
break;
default:
break;
}
});
//多文本单向监听
$("textarea").bind('input propertychange', function() {
$(".wenben").val($(this).val());
$(this).attr("wenben",$(this).val())
});
}
}
tag.init();
\ No newline at end of file
<div class="tag-content">
<div class="tag-tools">
<div class="tips">请拖动此处标签制作工具到下方编辑区域编辑!</div>
<div class="items yuan" name="round"><div class="round zctem" type="1" w="45" h="45" name="round" xtys="#333"></div><span>圆形</span></div>
<div class="items fang" name="rectangle"><div class="rectangle zctem" type="2" w="70" h="45" name="rectangle" xtys="#333"></div><span>矩形</span></div>
<div class="items text" name="textarea"><textarea class="textarea zctem" zhg="22" wenben="测试文本" type="3" w="90" h="24" ztys="#333" name="textarea" placeholder="请输入文案">测试文本</textarea>A<span>文本</span></div>
<div class="items line" name="lineit"><div class="lineit zctem" type="4" w="70" h="1" name="lineit" xtys="#333"></div><span>线</span></div>
<div class="items erweima" name="erweimait" style="background: url(http://img.ichunt.com/images/cms/201905/05/0998e54c5120aec61e6868943a67916e.png) no-repeat;background-size: 100% 100%;"><div class="zctem erweimait" type="5" w="45" h="45" name="erweimait" imagesurl="http://img.ichunt.com/images/cms/201905/05/0998e54c5120aec61e6868943a67916e.png" style="background: url(http://img.ichunt.com/images/cms/201905/05/0998e54c5120aec61e6868943a67916e.png) no-repeat;background-size: 100% 100%;"></div><span>二维码</span></div>
<div class="items yiweima" name="yiweimait" style="background: url(http://sz.ichunt.com/v3/dist/res/home/images/about/yiweima.png) no-repeat;background-size: 100% 100%;"><div class="zctem yiweimait" type="5" w="87" h="35" name="yiweimait" imagesurl="http://sz.ichunt.com/v3/dist/res/home/images/about/yiweima.png" style="background: url(http://sz.ichunt.com/v3/dist/res/home/images/about/yiweima.png) no-repeat;background-size: 100% 100%;"></div><span>一维码</span></div>
<div class="items tupian" name="imageit" style="background: url(http://sz.ichunt.com/v3/dist/res/home/images/about/charutupian.png) no-repeat;background-size: 100% 100%;"> <div class="zctem imageit" type="6" w="60" h="45" name="imageit" imagesurl="http://sz.ichunt.com/v3/dist/res/home/images/about/charutupian.png" style="background: url(http://sz.ichunt.com/v3/dist/res/home/images/about/charutupian.png) no-repeat;background-size: 100% 100%;"></div><span>插入图片</span></div>
<div class="items logo1" name="logo1it" style="background: url(http://sz.ichunt.com/v3/dist/res/home/images/about/logo1.png) no-repeat;background-size: 100% 100%;"><div class="zctem logo1it" type="6" w="91" h="45" name="logo1it" imagesurl="http://sz.ichunt.com/v3/dist/res/home/images/about/logo1.png" style="background: url(http://sz.ichunt.com/v3/dist/res/home/images/about/logo1.png) no-repeat;background-size: 100% 100%;"></div><span>logo1</span></div>
<div class="items logo2" name="logo2it" style="background: url(http://sz.ichunt.com/v3/dist/res/home/images/about/logo1.png) no-repeat;background-size: 100% 100%;"><div class="zctem logo2it" type="6" w="64" h="25" name="logo2it" imagesurl="http://sz.ichunt.com/v3/dist/res/home/images/about/logo1.png" style="background: url(http://sz.ichunt.com/v3/dist/res/home/images/about/logo1.png) no-repeat;background-size: 100% 100%;"></div><span>logo1</span></div>
<div class="items logo3" name="logo3it" style="background: url(http://sz.ichunt.com/v3/dist/res/home/images/about/logo1.png) no-repeat;background-size: 100% 100%;"><div class="zctem logo3it" type="6" w="88" h="34" name="logo3it" imagesurl="http://sz.ichunt.com/v3/dist/res/home/images/about/logo1.png" style="background: url(http://sz.ichunt.com/v3/dist/res/home/images/about/logo1.png) no-repeat;background-size: 100% 100%;"></div><span>logo1</span></div>
</div>
<div class="tag-edit">
<h3>标签编辑区域</h3>
<div class="edit-seclect clr">
<div class="seclect-group fl">
<span>标签大小:</span>
<select class="tag-size">
<option value="500*320">500*320</option>
<option value="260*160">260*160</option>
<option value="1000*640">1000*640</option>
</select>
</div>
<div class="seclect-group fl">
<span>标签底色:</span>
<select class="tag-bgm">
<option value=""></option>
<option value="#f2f2f2">灰色</option>
</select>
</div>
<div class="seclect-group fl">
<span>边框:</span>
<select class="tag-border">
<option value="1px solid #ccc"></option>
<option value="1px solid #333">边框一</option>
<option value="2px solid #333">边框二</option>
</select>
</div>
<div class="seclect-group fl">
<span>辅助线:</span>
<select class="tag-fz">
<option value=""></option>
<option value="1"></option>
</select>
</div>
</div>
<div class="fztip">每个辅助格子20px*20px,从左上角开始,横向为X轴,纵向为Y轴</div>
<div class="edit-box fl">
<div class="edit-con" ></div>
</div>
<div class="edit-value fr" >
<div class="tools tool1" >
<div class="group-value clr">
<span class="fl">坐标X</span><input type="number" class="zbx fl" />
<span class="fl">坐标Y</span><input type="number" class="zby fl" />
</div>
<div class="group-value clr">
<span class="fl">宽度W</span><input type="number" class="kdw fl" />
<span class="fl">高度H</span><input type="number" class="gdh fl" />
</div>
<div class="group-value clr">
<span class="fl">线色浓度</span><input type="number" class="xsnd fl" placeholder="输入数值"/>
<span class="fl">线样式</span>
<select class="xys">
<option value="solid">实线</option>
<option value="dashed">虚线</option>
</select>
</div>
<div class="group-value clr">
<span class="fl">填充颜色</span><input type="text" class="tcys fl" />
<span class="fl">线条颜色</span><input type="text" class="xtys fl" />
</div>
<div class="group-value clr">
<span class="fl">图层层级</span><input type="number" class="tccj fl" placeholder="输入数值,越大越高"/>
</div>
</div>
<div class="tools tool2" >
<div class="group-value clr">
<span class="fl">坐标X</span><input type="number" class="zbx fl" />
<span class="fl">坐标Y</span><input type="number" class="zby fl" />
</div>
<div class="group-value clr">
<span class="fl">宽度W</span><input type="number" class="kdw fl" />
<span class="fl">高度H</span><input type="number" class="gdh fl" />
</div>
<div class="group-value clr">
<span class="fl">线色浓度</span><input type="number" class="xsnd fl" placeholder="输入数值"/>
<span class="fl">线样式</span>
<select class="xys">
<option value="solid">实线</option>
<option value="dashed">虚线</option>
</select>
</div>
<div class="group-value clr">
<span class="fl">填充颜色</span><input type="text" class="tcys fl" />
<span class="fl">线条颜色</span><input type="text" class="xtys fl" />
</div>
<div class="group-value clr">
<span class="fl">图层层级</span><input type="number" class="tccj fl" placeholder="输入数值,越大越高"/>
</div>
</div>
<div class="tools tool3" >
<div class="group-value clr">
<span class="fl">坐标X</span><input type="number" class="zbx fl" />
<span class="fl">坐标Y</span><input type="number" class="zby fl" />
</div>
<div class="group-value clr">
<span class="fl">宽度W</span><input type="number" class="kdw fl" />
<span class="fl">高度H</span><input type="number" class="gdh fl" />
</div>
<div class="group-value clr">
<span class="fl">文本类容</span><input type="text" class="wenben fl" style="width:350px;margin-top: 10px;"/>
</div>
<div class="group-value clr">
<span class="fl">字体</span>
<select class="zt fl">
<option value="SimSun">宋体</option>
<option value="Microsoft YaHei">微软雅黑</option>
<option value="KaiTi">楷体</option>
<option value="LiSu">隶书</option>
</select>
<span class="fl">字号</span>
<select class="zh fl">
<option value="12">12</option>
<option value="14">14</option>
<option value="18">18</option>
<option value="20">20</option>
<option value="22">22</option>
<option value="24">24</option>
</select>
</div>
<div class="group-value clr">
<span class="fl">字色浓度</span>
<select class="zsnd fl">
<option value="100">1</option>
<option value="200">2</option>
<option value="300">3</option>
<option value="400">4</option>
<option value="500">5</option>
<option value="600">6</option>
<option value="700">7</option>
<option value="800">8</option>
<option value="900">9</option>
</select>
<span class="fl">字间距</span><input type="number" class="zjj fl" placeholder="输入数值"/>
</div>
<div class="group-value clr">
<span class="fl">字体颜色</span><input type="text" class="ztys fl" placeholder=""/>
<span class="fl">字行高</span><input type="number" class="zhg fl" placeholder="输入数值"/>
</div>
<div class="group-value clr">
<span class="fl">图层层级</span><input type="number" class="tccj fl" placeholder="输入数值,越大越高"/>
<span class="fl">数据关联</span>
<select class="sjgl sjgl1 fl">
<option value="">自定义</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>
</select>
</div>
</div>
<div class="tools tool4" >
<div class="group-value clr">
<span class="fl">方向</span>
<select class="fx fl">
<option value="">横向</option>
<option value="1">纵向</option>
</select>
</div>
<div class="group-value clr">
<span class="fl">坐标X</span><input type="number" class="zbx fl" />
<span class="fl">坐标Y</span><input type="number" class="zby fl" />
</div>
<div class="group-value clr">
<span class="fl">长度W</span><input type="number" class="kdw fl" />
<span class="fl">线色浓度</span><input type="number" class="xsnd fl" placeholder="输入数值"/>
</div>
<div class="group-value clr">
<span class="fl">线样式</span>
<select class="xys fl">
<option value="solid">实线</option>
<option value="dashed">虚线</option>
</select>
<span class="fl">线条颜色</span><input type="text" class="xtys fl" />
</div>
<div class="group-value clr">
<span class="fl">图层层级</span><input type="number" class="tccj fl" placeholder="输入数值,越大越高"/>
</div>
</div>
<div class="tools tool5" >
<div class="group-value clr">
<span class="fl">坐标X</span><input type="number" class="zbx fl" />
<span class="fl">坐标Y</span><input type="number" class="zby fl" />
</div>
<div class="group-value clr">
<span class="fl">宽度W</span><input type="number" class="kdw fl" />
<span class="fl">高度H</span><input type="number" class="gdh fl" />
</div>
<div class="group-value clr">
<span class="fl">图片路径</span><input type="text" class="imagesurl fl" style="width:350px;margin-top: 10px;" />
</div>
<div class="group-value clr">
<span class="fl">图层层级</span><input type="number" class="tccj fl" placeholder="输入数值,越大越高"/>
</div>
<div class="group-value clr">
<div class="more-data-gl clr">
<span class="fl">数据关联</span>
<select class="sjgl1 fl">
<option value="">自定义</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>
</select>
</div>
<div class="more-data-gl clr">
<span class="fl">数据关联</span>
<select class="sjgl2 fl">
<option value="">自定义</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>
</select>
</div>
<div class="more-data-gl clr">
<span class="fl">数据关联</span>
<select class="sjgl3 fl">
<option value="">自定义</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>
</select>
</div>
</div>
</div>
<div class="tools tool6 " >
<div class="group-value clr">
<span class="fl">坐标X</span><input type="number" class="zbx fl" />
<span class="fl">坐标Y</span><input type="number" class="zby fl" />
</div>
<div class="group-value clr">
<span class="fl">宽度W</span><input type="number" class="kdw fl" />
<span class="fl">高度H</span><input type="number" class="gdh fl" />
</div>
<div class="group-value clr">
<span class="fl">图片路径</span><input type="text" class="imagesurl fl" style="width:350px;margin-top: 10px;" />
</div>
<div class="group-value clr">
<span class="fl">图层层级</span><input type="number" class="tccj fl" placeholder="输入数值,越大越高"/>
</div>
</div>
</div>
</div>
</div>
</div>
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