京東html面單

<head>

<style>

@media print {

@page {

size: auto;

margin: 1cm;

}

#printBtnWrapper {

display: none;

}

.printTitleHide {

display: none;

}

.clearfix:after {

visibility: hidden;

display: block;

font-size: 0;

content: " ";

clear: both;

height: 0;

}

.clearfix {

display: inline-table;

}

* {

box-sizing: border-box;

}

body {

font-family: '思源宋體';

font-size: 18px;

}

/*css reset*/

body,

h2,

p {

margin: 0;

padding: 0;

}

h2,

b {

font-weight: normal;

}

ul,

ol,

li {

margin: 0;

padding: 0;

list-style: none;

}

.printBtn {

width: 150px;

height: 30px;

background-color: #35aa47;

color: #ffffff;

font-size: 14px;

border: none;

}

.wrapper {

position: relative;

width: 9cm;

height: 8.5cm;

margin: 0 auto;

}

.logo {

text-align: center;

margin-bottom: 30px;

}

.user-info {

width: 500px;

}

.user-info .title {

padding-bottom: 10px;

border-bottom: 1px solid #000;

}

.user-info .name {

margin-top: 10px;

}

.inof-rig-ma {

position: absolute;

top: 95px;

right: 50px;

text-align: center;

}

.drug {

padding: 10px 0;

}

.drug h2 {

font-size: 18px;

}

.drug-list{

color:#616262;

margin-left:-20px;

}

.drug-list li{

float:left;

margin-bottom:10px;

margin-left:20px;

padding: 2px;

border:1px solid #000;

color: #000;

}

.drug-product-list {

width: 100%;

color: #616262;

margin-left: -20px;

}

.drug-product-list li {

width: 100%;

margin-bottom: 10px;

margin-left: 20px;

padding: 2px;

color: #000;

}

.drug-product-list li .drug-product-ingredients {

/*font-weight: bold;*/

}

.drug-product-list li .drug-product-name {

margin-top: 6px;

color: #777878;

font-size: 14px;

}

.drug-product-list li .drug-product-other {

width: 100%;

text-align: right;

margin-top: 6px;

margin-right: 20px;

font-size: 16px;

}

.herb-list {

width: 100%;

border-collapse: collapse;

font-size: 22px;

}

.herb-list tr {

display: flex;

flex-flow: row wrap;

flex-direction: row;

}

.herb-list td {

display: flex;

align-items: center;

justify-content: center;

flex: none;

width: 33.33%;

padding: 10px;

border: 1px solid #000;

}

.delay-drug label {

color: #777878;

margin-left: 30px;

}

.delay-drug label:first-of-type {

margin-left: 0;

}

.delay-drug label input {

display: none;

}

.delay-drug label a {

display: inline-block;

width: 10px;

height: 10px;

border: solid 1px #0b0306;

position: relative;

margin-right: 5px;

}

.delay-drug label input:checked+a:after {

/*display: block;

content: '';

width:30px;

height:30px;

position:absolute;

left:0;

top:-10px;

background:url("./images/checked.png") no-repeat;

background-size:30px 30px;*/

}

.total {

margin-top: 20px;

padding-top: 20px;

border-top: 1px solid #000;

}

.seal {

position: absolute;

bottom: 40px;

right: 60px;

}

td>div {

text-align: right;

}

.special_manufacture {

font-size: 18px;

}

.watermark {

position: absolute;

width: 240px;

height: 240px;

z-index: 999;

}

*{margin:0;padding:0}

table{margin-top:-1px;font:11px "黑體",Verdana,arial,sans-serif;border-collapse:collapse}

table.container{width: 9cm;}

table td{border:1px solid #000}

table.nob{width:100%}

table.nob td{border:0}

table td.center{text-align:center}

table td.right{text-align:right}

table td.pl{padding-left:5px}

table td{padding-left:5px}

.font_s{font-size:10px;-webkit-transform:scale(0.84,0.84);*font-size:10px}

.font_m{font-size:14px;font-weight:bold}

.font_l{font-size:16px;font-weight:bold}

.font_xl{font-size:18px;font-weight:bold}

.font_xxl{font-size:32px;font-weight:bold}

table td img{margin-left: 5px; margin-right: 5px;}

</style>

</head>

</div>

<tr>

<tr>

</td>

</tr>

<tr>

JDVC04055990269-1-1-

</td>

</tr>

</table>

</td>

</tr>

</table>

<tr>

始發地

</td>

<tr>

廣州太和分揀中心

</strong>

</td>

</tr>

<tr>

<td>

302-A09博-5

</strong>

</td>

</tr>

<tr>

</td>

</tr>

</table>

</td>

目的地

</td>

<tr>

廣州博展分揀中心

</strong>

</td>

</tr>

<tr>

<td>

10-26-5

</strong>

</td>

</tr>

<tr>

</td>

</tr>

</table>

</td>

</tr>

</table>

<tr>

<td>G廣州獵德營業部</td>

</tr>

</table>

<tr>

廣東省廣州市天河區珠江新城天河路

</td>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</td>

</tr>

</table>

<tr>

運單号：JDVC04055990269

</td>

</tr>

</table>

<tr>

<tr>

收件人資訊：未知 13692714849

</td>

</tr>

<tr>

</td>

</tr>

<tr>

JDVC04055990269

</td>

</tr>

</table>

</td>

<td>

<tr>

<td>

備注：

</td>

</tr>

<tr>

<td>

<p>商家訂單号：833373</p>

</td>

</tr>

</table>

</td>

</tr>

</table>

<tr>

</tr>

</table>

<tr>

<td>

寄方資訊:

廣東省廣州市番禺區番禺區

</td>

</td>

</tr>

</table>

</div>

$(function() {

var printSingleFunc = function(target) {

var $this = $(target);

$this.attr('disabled', 'disabled');

$this.css('background-color', '#cccccc');

$this.text('進行中');

window.print();

$.ajax({

type: "GET",

url: 'http://www.kwmzy.com:8005/tdadmin/pharmacy/single/print/number?ids=833373',

success: function(res) {

if (res.success) {

window.print();

} else {

alert(res.msg);

}

$this.removeAttr('disabled');

$this.css('background-color', '#35aa47');

$('#title').text('');

dataType: 'json'

});

};

$('.printBtn-single').on('click', function() {

printSingleFunc(this);

});

function afterPrintFunc() {

$('.herb-weight').show();

$('.herb-dose').show();

$(".herb-list .herb-weight .total-weight").hide();

$(".herb-list .herb-weight .weight").show();

}

</script>

</body>

</html>

posted on

2020-06-11 16:33

裘小涼

閱讀(...)

評論(...)

編輯

京東html面單

京東html面單

繼續閱讀

你還在為句子，看圖說話，作文發愁嗎？那麼重點來了。下面的拓展知識一定給孩子列印背誦并了解這些國小知識拓展詞，關于描寫春天

git日常使用小結

計算機視覺和圖像處理之間有什麼差別？

退掉昂貴一對一補習課，每晚準時準點睡覺，成績卻依舊能穩居前三！！[撒花]班主任和同班其他家長覺得好奇，怎麼做到的？[煙花

高中數學——函數與導數中的高數知識拓展隻供學霸參考：泰勒展開、函數凹凸性、洛必達法則

提升國中各門功課的方法政史地生：1、沒有考過70分是因為沒有好好背，平時寫完作業就沒事了就去玩了2、沒有考過80分是因為

Xcode9.0 新功能無線調試

資料傳輸速率Data Rate與LCD顯示的關系

備戰中考—英語形容詞知識拓展和難點複習

知識拓展❗️70個中國文化常識，收藏❗️🔥·中國傳統文化源遠流長，博大精深。傳統文化知識，你知道多少？五行、八卦指什麼？

ALinux3 與CentOS系統

url中一些常見的符号的作用

Java 實作二分查找\折半查找

java 漢字轉化為拼音工具類

Java中的面向對象特性