在线打印吊牌

之前公司做女装的,吊牌都是自己打印的不干胶,贴在空白吊牌上的。因为衣服款式很多,每款也卖不了几件,没办法去印刷厂每个款吊牌都印一堆;打包配货的同事每次都是用专业打印吊牌的软件去打印,要先打开软件,还要打开文件,还要改里面内容,还要对照每个产品的页面去找产品信息,找到产品的货号,材质什么的,对照着改,相当的耽误时间就算文件全部建立好,也不是很方便。

于是,我想到这种方法:
通过一个页面就能打印所有的吊牌,点哪个,打印机就打印哪个,
而且找文件贼方便,浏览器自带的搜索Ctrl+F

*点了打印后,出来一个弹窗,要在里面调好打印的大小,符合打印纸的尺寸,下次就可以直接用了

代码如下:

<script type="text/javascript" src="https://cjj.zone/xxx/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="https://cjj.zone/xxx/print.js"></script>
<script>
    $(document).ready(function(){
        $('button').click(function(){
            var domid='dom'+Math.floor(Math.random() * 10000000000);
            var box=$(this).parent('div').find('div').first().attr('id',domid);;
            $.print("#"+domid);
        });
    });
</script>
<style>
body{background-color:#426666;}
*{margin: 0;padding: 0;}
.big-box{width:1200px;margin-left:100px;}
.preview{width:210px;margin:20px 5px;float:left;}	
.box{width:210px;background-color:#fff;border-radius:5px 5px 0 0;}
h3{text-align:center;line-height:40px;color:#000000;}
ul{width:200px;padding:0 2px 0 8px;}
li{font-size:14px;line-height:20px;list-style:none;color:#000000;}
p{text-align:center;line-height:50px;font-size:14px;}
button{background-color:#049C82;border:1px solid #049C82;width:210px;height:40px;line-height:40px;text-align:center;text-decoration:none;color:#fff;
	    margin:0;padding:0;border:none;outline:none;}
button:hover{background-color:#f00056;border:1px solid #f00056;cursor:pointer;}
</style>

下面是吊牌的内容,可以在表格里操作,会比较清晰方便;
表格弄好后,在表格里复制代码粘贴到代码文件里

	
<div class="big-box"><div class="preview"  id='preview'><div class="box"><h3>合格证</h3><ul><li>品名:真丝连衣裙</li><li>商标:壹型壹觅</li><li>货号:XK995-1</li><li>尺码:M</li><li>颜色:绿色乱花</li><li>面料:100%桑蚕丝</li><li>等级:一等品</li><li>检验员:08(合格)</li><li>安全技术类别:B类</li><li>执行标准:FZ/T 81004-2012</li><li>企业:杭州佐畔服饰有限公司</li><li>地址:浙江省杭州市拱墅区康贤路43号1幢526室</li><li>电话:15221422225</li><li>洗涤说明:见耐久度标签</li><p>建议零售价:¥1676</p></ul></div><button onclick='preview()'>打印</button></div>
<div class="preview"  id='preview'><div class="box"><h3>合格证</h3><ul><li>品名:真丝连衣裙</li><li>商标:壹型壹觅</li><li>货号:XK995-1</li><li>尺码:L</li><li>颜色:绿色乱花</li><li>面料:100%桑蚕丝</li><li>等级:一等品</li><li>检验员:08(合格)</li><li>安全技术类别:B类</li><li>执行标准:FZ/T 81004-2012</li><li>企业:杭州佐畔服饰有限公司</li><li>地址:浙江省杭州市拱墅区康贤路43号1幢526室</li><li>电话:15221422225</li><li>洗涤说明:见耐久度标签</li><p>建议零售价:¥1676</p></ul></div><button onclick='preview()'>打印</button></div>
<div class="preview"  id='preview'><div class="box"><h3>合格证</h3><ul><li>品名:真丝连衣裙</li><li>商标:壹型壹觅</li><li>货号:XK995-1</li><li>尺码:XL</li><li>颜色:绿色乱花</li><li>面料:100%桑蚕丝</li><li>等级:一等品</li><li>检验员:08(合格)</li><li>安全技术类别:B类</li><li>执行标准:FZ/T 81004-2012</li><li>企业:杭州佐畔服饰有限公司</li><li>地址:浙江省杭州市拱墅区康贤路43号1幢526室</li><li>电话:15221422225</li><li>洗涤说明:见耐久度标签</li><p>建议零售价:¥1676</p></ul></div><button onclick='preview()'>打印</button></div>
<div class="preview"  id='preview'><div class="box"><h3>合格证</h3><ul><li>品名:真丝连衣裙</li><li>商标:壹型壹觅</li><li>货号:XK995-1</li><li>尺码:XXL</li><li>颜色:绿色乱花</li><li>面料:100%桑蚕丝</li><li>等级:一等品</li><li>检验员:08(合格)</li><li>安全技术类别:B类</li><li>执行标准:FZ/T 81004-2012</li><li>企业:杭州佐畔服饰有限公司</li><li>地址:浙江省杭州市拱墅区康贤路43号1幢526室</li><li>电话:15221422225</li><li>洗涤说明:见耐久度标签</li><p>建议零售价:¥1676</p></ul></div><button onclick='preview()'>打印</button></div>
<div class="preview"  id='preview'><div class="box"><h3>合格证</h3><ul><li>品名:真丝连衣裙</li><li>商标:壹型壹觅</li><li>货号:XK995-1</li><li>尺码:XXXL</li><li>颜色:绿色乱花</li><li>面料:100%桑蚕丝</li><li>等级:一等品</li><li>检验员:08(合格)</li><li>安全技术类别:B类</li><li>执行标准:FZ/T 81004-2012</li><li>企业:杭州佐畔服饰有限公司</li><li>地址:浙江省杭州市拱墅区康贤路43号1幢526室</li><li>电话:15221422225</li><li>洗涤说明:见耐久度标签</li><p>建议零售价:¥1676</p></ul></div><button onclick='preview()'>打印</button></div>

这里的内容可以用表格来梳理,更方便,更清晰(用Excel或者wps)
个人推荐用语雀 

表格还没整理,过两天放假再弄吧……

THE END
觉得有用就给点个赞呗
点赞5 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容