Skip to content

孙龙 / note-library

Go to a project
Commit a5f8b414 by 肖康
Options

x

parent 7a56d589
Inline Side-by-side
Showing with 167 additions and 158 deletions
app/Http/Controllers/WebController.php
...@@ -83,20 +83,7 @@ class WebController extends Controller ...@@ -83,20 +83,7 @@ class WebController extends Controller
} }
public function design($request,$info){ public function design($request,$info){
// echo DNS1D::getBarcodeSVG('4445645656', 'PHARMA2T');
// echo DNS1D::getBarcodeHTML('4445645656', 'PHARMA2T',"2","10");
// echo '<img src="data:image/png,' . DNS1D::getBarcodePNG('4', 'C39+') . '" alt="barcode" />';
// echo DNS1D::getBarcodePNGPath('4445645656', 'PHARMA2T');
// echo '<img src="data:image/png;base64,' . DNS1D::getBarcodePNG('4', 'C39+') . '" alt="barcode" />';
// exit;
// echo DNS1D::getBarcodeSVG("4445645656", "C39","1","20");
// echo DNS2D::getBarcodeHTML("4445645656", "QRCODE","3","3");
// echo DNS2D::getBarcodePNGPath("4445645656", "PDF417");
// echo DNS2D::getBarcodeSVG("4445645656", "DATAMATRIX");
// echo '<img src="data:image/png;base64,' . DNS2D::getBarcodePNG("4", "PDF417") . '" alt="barcode" />';
// exit;
$info['title'] = '标签设计'; $info['title'] = '标签设计';
return view('web', $info); return view('web', $info);
......
public/css/design.css
...@@ -16,10 +16,6 @@ ...@@ -16,10 +16,6 @@
float: right float: right
} }
body {
background: #f2f2f2;
padding-left: 220px
}
.tag-content { .tag-content {
width: 1100px width: 1100px
...@@ -44,7 +40,7 @@ body { ...@@ -44,7 +40,7 @@ body {
border: 1px solid #ccc; border: 1px solid #ccc;
clear: both; clear: both;
padding: 15px; padding: 15px;
height: 100px height: 150px
} }
.tag-content .tag-tools .tips { .tag-content .tag-tools .tips {
...@@ -134,30 +130,31 @@ body { ...@@ -134,30 +130,31 @@ body {
font-size: 14px; font-size: 14px;
left: 0 left: 0
} }
.tag-edit h3{padding:20px 0}
.tag-content .tag-edit .edit-seclect .seclect-group { .tag-content .tag-edit .edit-seclect .seclect-group {
margin-right: 50px margin-right: 50px
} }
.tag-content .tag-edit .fztip { .tag-content .tag-edit .fztip {
margin-top: 10px;
font-size: 12px; font-size: 12px;
color: #999 color: #999
} }
.tag-content .tag-edit .edit-box { .edit-box {
background: #fff; background: #fff;
border: 1px solid #000; border: 1px solid #000;
padding: 15px 20px; padding: 15px 20px;
margin-top: 20px margin-top: 20px
} }
.tag-content .tag-edit .edit-box .edit-con { .edit-box .edit-con {
clear: both; clear: both;
position: relative; position: relative;
border: 1px solid #ccc border: 1px solid #ccc
} }
.tag-content .tag-edit .edit-box .edit-con div.gezi { .edit-box .edit-con div.gezi {
width: 20px; width: 20px;
height: 20px; height: 20px;
box-sizing: border-box; box-sizing: border-box;
...@@ -166,15 +163,15 @@ body { ...@@ -166,15 +163,15 @@ body {
border-right: 1px solid #ccc border-right: 1px solid #ccc
} }
.tag-content .tag-edit .edit-box .edit-con div.gezi.right0 { .edit-box .edit-con div.gezi.right0 {
border-right: 0px border-right: 0px
} }
.tag-content .tag-edit .edit-box .edit-con div.gezi.bottom0 { .edit-box .edit-con div.gezi.bottom0 {
border-bottom: 0px border-bottom: 0px
} }
.tag-content .tag-edit .edit-box .edit-con div.gezi.border0 { .edit-box .edit-con div.gezi.border0 {
border: 0px border: 0px
} }
...@@ -187,7 +184,7 @@ body { ...@@ -187,7 +184,7 @@ body {
} }
.tag-content .tag-edit .edit-value .tools { .tag-content .tag-edit .edit-value .tools {
background: #fff; background: #f2f2f2;
padding: 20px; padding: 20px;
display: none display: none
} }
......
public/js/web/design.js
var tag={ var tag={
hbisAct:0,//是否画布区域 hbisAct:0,//是否画布区域
isClick:0, isClick:0,
...@@ -6,6 +7,8 @@ var tag={ ...@@ -6,6 +7,8 @@ var tag={
tag.handle(); tag.handle();
}, },
editUi:function(){ editUi:function(){
$("body").attr("onselectstart","return false");
//编辑画布渲染样式 //编辑画布渲染样式
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);
...@@ -100,13 +103,14 @@ var tag={ ...@@ -100,13 +103,14 @@ var tag={
}) })
//鼠标移入画布 //鼠标移入画布
$(".edit-con").hover(function(event){ $("body").on("mouseover",".edit-con",function(e){
tag.hbisAct=1; tag.hbisAct=1;
},function(){ })
$("body").on("mouseout",".edit-con",function(e){
tag.hbisAct=0; tag.hbisAct=0;
}) })
//画布监听鼠标松开 //画布监听鼠标松开
$(".edit-con").mouseup(function(e){ $("body").on("mouseup",".edit-con",function(e){
var x,y; var x,y;
x=e.pageX-$(this).offset().left; //获取当前鼠标相对div的X坐标 x=e.pageX-$(this).offset().left; //获取当前鼠标相对div的X坐标
y=e.pageY-$(this).offset().top; //获取当前鼠标相对div的Y坐标 y=e.pageY-$(this).offset().top; //获取当前鼠标相对div的Y坐标
...@@ -125,8 +129,8 @@ var tag={ ...@@ -125,8 +129,8 @@ var tag={
} }
tag.isClick=0; tag.isClick=0;
})
});
//全局监听鼠标松开 //全局监听鼠标松开
$(document).mouseup(function(e){ $(document).mouseup(function(e){
$(document).off('mousemove.drag'); $(document).off('mousemove.drag');
...@@ -276,7 +280,21 @@ var tag={ ...@@ -276,7 +280,21 @@ var tag={
$(".wenben").val($(this).val()); $(".wenben").val($(this).val());
$(this).attr("wenben",$(this).val()) $(this).attr("wenben",$(this).val())
}); });
//页面提交
$(".submitx").click(function(){
var obj={
lableSize:$(".tag-size").val(),
lableBg:$(".tag-bgm").val(),
lableBorder:$(".tag-border").val()
}
$(".edit-box .edit-con .gezi").remove();
obj.html=$(".edit-box").html();
console.log(obj)
})
} }
} }
tag.init(); $(function(){
\ No newline at end of file tag.init();
})
\ No newline at end of file
resources/views/web/design.blade.php
<link href="/css/design.css" rel="stylesheet">
<div class="tag-content"> <div class="tag-content">
<div class="tag-tools"> <div class="tag-tools">
<div class="tips">请拖动此处标签制作工具到下方编辑区域编辑！</div> <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 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 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 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 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 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 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 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 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 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 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>
<div class="tag-edit"> <div class="tag-edit clr">
<h3>标签编辑区域</h3> <h3>标签编辑区域</h3>
<div class="edit-seclect clr"> <div class="edit-seclect clr">
<div class="seclect-group fl"> <div class="seclect-group fl">
<span>标签大小：</span> <span>标签大小：</span>
<select class="tag-size"> <select class="tag-size">
<option value="500*320">500*320</option> <option value="500*320">500*320</option>
<option value="260*160">260*160</option> <option value="260*160">260*160</option>
...@@ -24,109 +26,109 @@ ...@@ -24,109 +26,109 @@
</select> </select>
</div> </div>
<div class="seclect-group fl"> <div class="seclect-group fl">
<span>标签底色：</span> <span>标签底色：</span>
<select class="tag-bgm"> <select class="tag-bgm">
<option value="">无</option> <option value="">无</option>
<option value="#f2f2f2">灰色</option> <option value="#f2f2f2">灰色</option>
</select> </select>
</div> </div>
<div class="seclect-group fl"> <div class="seclect-group fl">
<span>边框：</span> <span>边框：</span>
<select class="tag-border"> <select class="tag-border">
<option value="1px solid #ccc">无</option> <option value="1px solid #ccc">无</option>
<option value="1px solid #333">边框一</option> <option value="1px solid #333">边框一</option>
<option value="2px solid #333">边框二</option> <option value="2px solid #333">边框二</option>
</select> </select>
</div> </div>
<div class="seclect-group fl"> <div class="seclect-group fl">
<span>辅助线：</span> <span>辅助线：</span>
<select class="tag-fz"> <select class="tag-fz">
<option value="">开</option> <option value="">开</option>
<option value="1">关</option> <option value="1">关</option>
</select> </select>
</div> </div>
</div> </div>
<div class="fztip">每个辅助格子20px*20px,从左上角开始,横向为X轴,纵向为Y轴</div> <div class="fztip">每个辅助格子20px*20px,从左上角开始,横向为X轴,纵向为Y轴</div>
<div class="edit-box fl"> <div class="edit-box fl">
<div class="edit-con" ></div> <div class="edit-con" ></div>
</div> </div>
<div class="edit-value fr" > <div class="edit-value fr" >
<div class="tools tool1" > <div class="tools tool1" >
<div class="group-value clr"> <div class="group-value clr">
<span class="fl">坐标X</span><input type="number" class="zbx fl" /> <span class="fl">坐标X</span><input type="number" class="zbx fl" />
<span class="fl">坐标Y</span><input type="number" class="zby fl" /> <span class="fl">坐标Y</span><input type="number" class="zby fl" />
</div> </div>
<div class="group-value clr"> <div class="group-value clr">
<span class="fl">宽度W</span><input type="number" class="kdw fl" /> <span class="fl">宽度W</span><input type="number" class="kdw fl" />
<span class="fl">高度H</span><input type="number" class="gdh fl" /> <span class="fl">高度H</span><input type="number" class="gdh fl" />
</div> </div>
<div class="group-value clr"> <div class="group-value clr">
<span class="fl">线色浓度</span><input type="number" class="xsnd fl" placeholder="输入数值"/> <span class="fl">线色浓度</span><input type="number" class="xsnd fl" placeholder="输入数值"/>
<span class="fl">线样式</span> <span class="fl">线样式</span>
<select class="xys"> <select class="xys">
<option value="solid">实线</option> <option value="solid">实线</option>
<option value="dashed">虚线</option> <option value="dashed">虚线</option>
</select> </select>
</div> </div>
<div class="group-value clr"> <div class="group-value clr">
<span class="fl">填充颜色</span><input type="text" class="tcys fl" /> <span class="fl">填充颜色</span><input type="text" class="tcys fl" />
<span class="fl">线条颜色</span><input type="text" class="xtys fl" /> <span class="fl">线条颜色</span><input type="text" class="xtys fl" />
</div> </div>
<div class="group-value clr"> <div class="group-value clr">
<span class="fl">图层层级</span><input type="number" class="tccj fl" placeholder="输入数值,越大越高"/> <span class="fl">图层层级</span><input type="number" class="tccj fl" placeholder="输入数值,越大越高"/>
</div> </div>
</div> </div>
<div class="tools tool2" > <div class="tools tool2" >
<div class="group-value clr"> <div class="group-value clr">
<span class="fl">坐标X</span><input type="number" class="zbx fl" /> <span class="fl">坐标X</span><input type="number" class="zbx fl" />
<span class="fl">坐标Y</span><input type="number" class="zby fl" /> <span class="fl">坐标Y</span><input type="number" class="zby fl" />
</div> </div>
<div class="group-value clr"> <div class="group-value clr">
<span class="fl">宽度W</span><input type="number" class="kdw fl" /> <span class="fl">宽度W</span><input type="number" class="kdw fl" />
<span class="fl">高度H</span><input type="number" class="gdh fl" /> <span class="fl">高度H</span><input type="number" class="gdh fl" />
</div> </div>
<div class="group-value clr"> <div class="group-value clr">
<span class="fl">线色浓度</span><input type="number" class="xsnd fl" placeholder="输入数值"/> <span class="fl">线色浓度</span><input type="number" class="xsnd fl" placeholder="输入数值"/>
<span class="fl">线样式</span> <span class="fl">线样式</span>
<select class="xys"> <select class="xys">
<option value="solid">实线</option> <option value="solid">实线</option>
<option value="dashed">虚线</option> <option value="dashed">虚线</option>
</select> </select>
</div> </div>
<div class="group-value clr"> <div class="group-value clr">
<span class="fl">填充颜色</span><input type="text" class="tcys fl" /> <span class="fl">填充颜色</span><input type="text" class="tcys fl" />
<span class="fl">线条颜色</span><input type="text" class="xtys fl" /> <span class="fl">线条颜色</span><input type="text" class="xtys fl" />
</div> </div>
<div class="group-value clr"> <div class="group-value clr">
<span class="fl">图层层级</span><input type="number" class="tccj fl" placeholder="输入数值,越大越高"/> <span class="fl">图层层级</span><input type="number" class="tccj fl" placeholder="输入数值,越大越高"/>
</div> </div>
</div> </div>
<div class="tools tool3" > <div class="tools tool3" >
<div class="group-value clr"> <div class="group-value clr">
<span class="fl">坐标X</span><input type="number" class="zbx fl" /> <span class="fl">坐标X</span><input type="number" class="zbx fl" />
<span class="fl">坐标Y</span><input type="number" class="zby fl" /> <span class="fl">坐标Y</span><input type="number" class="zby fl" />
</div> </div>
<div class="group-value clr"> <div class="group-value clr">
<span class="fl">宽度W</span><input type="number" class="kdw fl" /> <span class="fl">宽度W</span><input type="number" class="kdw fl" />
<span class="fl">高度H</span><input type="number" class="gdh fl" /> <span class="fl">高度H</span><input type="number" class="gdh fl" />
</div> </div>
<div class="group-value clr"> <div class="group-value clr">
<span class="fl">文本类容</span><input type="text" class="wenben fl" style="width:350px;margin-top: 10px;"/> <span class="fl">文本类容</span><input type="text" class="wenben fl" style="width:350px;margin-top: 10px;"/>
</div> </div>
<div class="group-value clr"> <div class="group-value clr">
<span class="fl">字体</span> <span class="fl">字体</span>
<select class="zt fl"> <select class="zt fl">
<option value="SimSun">宋体</option> <option value="SimSun">宋体</option>
<option value="Microsoft YaHei">微软雅黑</option> <option value="Microsoft YaHei">微软雅黑</option>
<option value="KaiTi">楷体</option> <option value="KaiTi">楷体</option>
<option value="LiSu">隶书</option> <option value="LiSu">隶书</option>
</select> </select>
<span class="fl">字号</span> <span class="fl">字号</span>
<select class="zh fl"> <select class="zh fl">
<option value="12">12</option> <option value="12">12</option>
<option value="14">14</option> <option value="14">14</option>
...@@ -137,7 +139,7 @@ ...@@ -137,7 +139,7 @@
</select> </select>
</div> </div>
<div class="group-value clr"> <div class="group-value clr">
<span class="fl">字色浓度</span> <span class="fl">字色浓度</span>
<select class="zsnd fl"> <select class="zsnd fl">
<option value="100">1</option> <option value="100">1</option>
<option value="200">2</option> <option value="200">2</option>
...@@ -149,119 +151,119 @@ ...@@ -149,119 +151,119 @@
<option value="800">8</option> <option value="800">8</option>
<option value="900">9</option> <option value="900">9</option>
</select> </select>
<span class="fl">字间距</span><input type="number" class="zjj fl" placeholder="输入数值"/> <span class="fl">字间距</span><input type="number" class="zjj fl" placeholder="输入数值"/>
</div> </div>
<div class="group-value clr"> <div class="group-value clr">
<span class="fl">字体颜色</span><input type="text" class="ztys fl" placeholder=""/> <span class="fl">字体颜色</span><input type="text" class="ztys fl" placeholder=""/>
<span class="fl">字行高</span><input type="number" class="zhg fl" placeholder="输入数值"/> <span class="fl">字行高</span><input type="number" class="zhg fl" placeholder="输入数值"/>
</div> </div>
<div class="group-value clr"> <div class="group-value clr">
<span class="fl">图层层级</span><input type="number" class="tccj fl" placeholder="输入数值,越大越高"/> <span class="fl">图层层级</span><input type="number" class="tccj fl" placeholder="输入数值,越大越高"/>
<span class="fl">数据关联</span> <span class="fl">数据关联</span>
<select class="sjgl sjgl1 fl"> <select class="sjgl sjgl1 fl">
<option value="">自定义</option> <option value="">自定义</option>
<option value="sku_code">SKU编码</option> <option value="sku_code">SKU编码</option>
<option value="goods_type">型号名称</option> <option value="goods_type">型号名称</option>
<option value="goods_brand">型号品牌</option> <option value="goods_brand">型号品牌</option>
<option value="goods_number">型号数量</option> <option value="goods_number">型号数量</option>
<option value="sale_order_sn">销售单号</option> <option value="sale_order_sn">销售单号</option>
<option value="customer_code">客户编码</option> <option value="customer_code">客户编码</option>
<option value="customer_type">客户型号</option> <option value="customer_type">客户型号</option>
<option value="customer_com">客户公司</option> <option value="customer_com">客户公司</option>
</select> </select>
</div> </div>
</div> </div>
<div class="tools tool4" > <div class="tools tool4" >
<div class="group-value clr"> <div class="group-value clr">
<span class="fl">方向</span> <span class="fl">方向</span>
<select class="fx fl"> <select class="fx fl">
<option value="">横向</option> <option value="">横向</option>
<option value="1">纵向</option> <option value="1">纵向</option>
</select> </select>
</div> </div>
<div class="group-value clr"> <div class="group-value clr">
<span class="fl">坐标X</span><input type="number" class="zbx fl" /> <span class="fl">坐标X</span><input type="number" class="zbx fl" />
<span class="fl">坐标Y</span><input type="number" class="zby fl" /> <span class="fl">坐标Y</span><input type="number" class="zby fl" />
</div> </div>
<div class="group-value clr"> <div class="group-value clr">
<span class="fl">长度W</span><input type="number" class="kdw fl" /> <span class="fl">长度W</span><input type="number" class="kdw fl" />
<span class="fl">线色浓度</span><input type="number" class="xsnd fl" placeholder="输入数值"/> <span class="fl">线色浓度</span><input type="number" class="xsnd fl" placeholder="输入数值"/>
</div> </div>
<div class="group-value clr"> <div class="group-value clr">
<span class="fl">线样式</span> <span class="fl">线样式</span>
<select class="xys fl"> <select class="xys fl">
<option value="solid">实线</option> <option value="solid">实线</option>
<option value="dashed">虚线</option> <option value="dashed">虚线</option>
</select> </select>
<span class="fl">线条颜色</span><input type="text" class="xtys fl" /> <span class="fl">线条颜色</span><input type="text" class="xtys fl" />
</div> </div>
<div class="group-value clr"> <div class="group-value clr">
<span class="fl">图层层级</span><input type="number" class="tccj fl" placeholder="输入数值,越大越高"/> <span class="fl">图层层级</span><input type="number" class="tccj fl" placeholder="输入数值,越大越高"/>
</div> </div>
</div> </div>
<div class="tools tool5" > <div class="tools tool5" >
<div class="group-value clr"> <div class="group-value clr">
<span class="fl">坐标X</span><input type="number" class="zbx fl" /> <span class="fl">坐标X</span><input type="number" class="zbx fl" />
<span class="fl">坐标Y</span><input type="number" class="zby fl" /> <span class="fl">坐标Y</span><input type="number" class="zby fl" />
</div> </div>
<div class="group-value clr"> <div class="group-value clr">
<span class="fl">宽度W</span><input type="number" class="kdw fl" /> <span class="fl">宽度W</span><input type="number" class="kdw fl" />
<span class="fl">高度H</span><input type="number" class="gdh fl" /> <span class="fl">高度H</span><input type="number" class="gdh fl" />
</div> </div>
<div class="group-value clr"> <div class="group-value clr">
<span class="fl">图片路径</span><input type="text" class="imagesurl fl" style="width:350px;margin-top: 10px;" /> <span class="fl">图片路径</span><input type="text" class="imagesurl fl" style="width:350px;margin-top: 10px;" />
</div> </div>
<div class="group-value clr"> <div class="group-value clr">
<span class="fl">图层层级</span><input type="number" class="tccj fl" placeholder="输入数值,越大越高"/> <span class="fl">图层层级</span><input type="number" class="tccj fl" placeholder="输入数值,越大越高"/>
</div> </div>
<div class="group-value clr"> <div class="group-value clr">
<div class="more-data-gl clr"> <div class="more-data-gl clr">
<span class="fl">数据关联</span> <span class="fl">数据关联</span>
<select class="sjgl1 fl"> <select class="sjgl1 fl">
<option value="">自定义</option> <option value="">自定义</option>
<option value="sku_code">SKU编码</option> <option value="sku_code">SKU编码</option>
<option value="goods_type">型号名称</option> <option value="goods_type">型号名称</option>
<option value="goods_brand">型号品牌</option> <option value="goods_brand">型号品牌</option>
<option value="goods_number">型号数量</option> <option value="goods_number">型号数量</option>
<option value="sale_order_sn">销售单号</option> <option value="sale_order_sn">销售单号</option>
<option value="customer_code">客户编码</option> <option value="customer_code">客户编码</option>
<option value="customer_type">客户型号</option> <option value="customer_type">客户型号</option>
<option value="customer_com">客户公司</option> <option value="customer_com">客户公司</option>
</select> </select>
</div> </div>
<div class="more-data-gl clr"> <div class="more-data-gl clr">
<span class="fl">数据关联</span> <span class="fl">数据关联</span>
<select class="sjgl2 fl"> <select class="sjgl2 fl">
<option value="">自定义</option> <option value="">自定义</option>
<option value="sku_code">SKU编码</option> <option value="sku_code">SKU编码</option>
<option value="goods_type">型号名称</option> <option value="goods_type">型号名称</option>
<option value="goods_brand">型号品牌</option> <option value="goods_brand">型号品牌</option>
<option value="goods_number">型号数量</option> <option value="goods_number">型号数量</option>
<option value="sale_order_sn">销售单号</option> <option value="sale_order_sn">销售单号</option>
<option value="customer_code">客户编码</option> <option value="customer_code">客户编码</option>
<option value="customer_type">客户型号</option> <option value="customer_type">客户型号</option>
<option value="customer_com">客户公司</option> <option value="customer_com">客户公司</option>
</select> </select>
</div> </div>
<div class="more-data-gl clr"> <div class="more-data-gl clr">
<span class="fl">数据关联</span> <span class="fl">数据关联</span>
<select class="sjgl3 fl"> <select class="sjgl3 fl">
<option value="">自定义</option> <option value="">自定义</option>
<option value="sku_code">SKU编码</option> <option value="sku_code">SKU编码</option>
<option value="goods_type">型号名称</option> <option value="goods_type">型号名称</option>
<option value="goods_brand">型号品牌</option> <option value="goods_brand">型号品牌</option>
<option value="goods_number">型号数量</option> <option value="goods_number">型号数量</option>
<option value="sale_order_sn">销售单号</option> <option value="sale_order_sn">销售单号</option>
<option value="customer_code">客户编码</option> <option value="customer_code">客户编码</option>
<option value="customer_type">客户型号</option> <option value="customer_type">客户型号</option>
<option value="customer_com">客户公司</option> <option value="customer_com">客户公司</option>
</select> </select>
</div> </div>
...@@ -270,22 +272,27 @@ ...@@ -270,22 +272,27 @@
</div> </div>
<div class="tools tool6 " > <div class="tools tool6 " >
<div class="group-value clr"> <div class="group-value clr">
<span class="fl">坐标X</span><input type="number" class="zbx fl" /> <span class="fl">坐标X</span><input type="number" class="zbx fl" />
<span class="fl">坐标Y</span><input type="number" class="zby fl" /> <span class="fl">坐标Y</span><input type="number" class="zby fl" />
</div> </div>
<div class="group-value clr"> <div class="group-value clr">
<span class="fl">宽度W</span><input type="number" class="kdw fl" /> <span class="fl">宽度W</span><input type="number" class="kdw fl" />
<span class="fl">高度H</span><input type="number" class="gdh fl" /> <span class="fl">高度H</span><input type="number" class="gdh fl" />
</div> </div>
<div class="group-value clr"> <div class="group-value clr">
<span class="fl">图片路径</span><input type="text" class="imagesurl fl" style="width:350px;margin-top: 10px;" /> <span class="fl">图片路径</span><input type="text" class="imagesurl fl" style="width:350px;margin-top: 10px;" />
</div> </div>
<div class="group-value clr"> <div class="group-value clr">
<span class="fl">图层层级</span><input type="number" class="tccj fl" placeholder="输入数值,越大越高"/> <span class="fl">图层层级</span><input type="number" class="tccj fl" placeholder="输入数值,越大越高"/>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<br/><br/>
<button class="submitx layui-btn">提交</button>
</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