☰

Default Template Tokopedia Print

Default Template Label Print Tokopedia

此脚本不应直接安装。它是供其他脚本使用的外部库，要使用该库请加入元指令 // @require https://update.gf.qytechs.cn/scripts/40090/262929/Default%20Template%20Tokopedia%20Print.js 

  1. // ==UserScript==
  2. // @name         Default Template Tokopedia Print
  3. // @author       Tokopedia
  4. // @version      0.0.2
  5. // @description  Default Template Label Print Tokopedia
  6. // @license      MIT License.
  7. // ==/UserScript==
  8. //
  9. // ********************************************************************
  10.  
  11. let label = `
  12. <div class="label_alamat">
  13.   <div class="label">
  14.     <div class="logo">
  15.       <img src="{{logotoko}}" width="115" height="25">
  16.     </div>
  17.     <div class="barcode"></div>
  18.     <div class="job" style="display: none;">{{kode_booking}}</div>
  19.     <div class="ekspedisi">
  20.       <div class="logokurir">
  21.         <img src="{{logokurir}}" width="80%">
  22.       </div>
  23.       <div class="kurir">{{ekspedisi}}</div>
  24.       <div class="invoice">Nomor Invoice<br>{{invoice}}</div>
  25.     </div>
  26.     <div class="adminongkir">
  27.       <div class="admin">Administrasi<br><span class="harga_admin">{{administrasi}}</span></div>
  28.       <div class="asuransi">Asuransi<br><span class="harga_asuransi">{{asuransi}}</span></div>
  29.       <div class="ongkir">Ongkir<br><span class="harga_ongkir">{{ongkir}}</span></div>
  30.       <div class="berat">Berat<br><span class="total_berat">{{berat}}</span><br></div>
  31.     </div>
  32.     <div class="penerima">
  33.       <div class="kepada">Kepada</div>
  34.       <div class="penerima2">
  35.         <div class="nama_penerima"><b>{{nama_penerima}}</b> - {{telepon_penerima}}</div>
  36.         <div class="alamat_penerima">{{alamat_penerima}}</div>
  37.       </div>
  38.     </div>
  39.     <div class="pengirim">
  40.       <div class="dari">Dari</div>
  41.       <div class="pengirim2">
  42.         <div class="nama_pengirim"><b>{{nama_pengirim}}</b> - {{telepon_pengirim}}</div>
  43.         <div class="alamat_pengirim">{{alamat_pengirim}}</div>
  44.       </div>
  45.     </div>
  46.     <div class="gunting">
  47.       <div class="icon_gunting">
  48.         <img src="https://ecs7.tokopedia.net/img/kurir/icon-cut.png" width="14">
  49.       </div>
  50.     </div>
  51.     {{foreach_item}}
  52.     <div class="clear"></div>
  53.   </div>
  54. </div>
  55. `;
  56.  
  57. // foreach_item menggunakan template ini
  58. let item = `
  59. <div class="item">
  60.   <div class="jumlah">{{jumlah_produk}}</div>
  61.   <div class="produk">
  62.     <div class="nama_produk">{{nama_produk}}</div>
  63.     <div class="keterangan">Keterangan: {{keterangan_produk}}</div>
  64.   </div>
  65. </div>
  66. `;
  67.  
  68. let css = `
  69. <style type="text/css">
  70.   body
  71.   {
  72.     width: 935px;
  73.     font-size: 12px;
  74.     font-family: sans-serif;
  75.   }
  76.   .print_area
  77.   {
  78.     width: 100%;
  79.   }
  80.   .kiri
  81.   {
  82.     float: left;
  83.     width: 50%;
  84.   }
  85.   .kanan
  86.   {
  87.     float: left;
  88.     margin-left: 5px;
  89.     width: 49%;
  90.   }
  91.   .label_alamat
  92.   {
  93.     border: 1px solid black;
  94.     margin-top: 5px;
  95.     width: 100%;
  96.   }
  97.   .label
  98.   {
  99.     padding: 10px;  
  100.   }
  101.   .logo
  102.   {
  103.     width: 100%;
  104.     border-bottom: 1px dashed #bdbcbc;
  105.     padding-bottom: 5px;
  106.   }
  107.   .print
  108.   {
  109.     margin-bottom: 3px;
  110.     font-weight: bold;
  111.     font-family: sans-serif;
  112.     font-size: 15px;
  113.   }
  114.   .print a
  115.   {
  116.     color: green;
  117.     text-decoration: none;
  118.   }
  119.   @media print
  120.   {
  121.     .print
  122.     {
  123.       display: none;
  124.     }
  125.     .label_alamat
  126.     {
  127.       page-break-inside: avoid;
  128.     }
  129.   }
  130.   div.barcode, div.job, div.ekspedisi, div.barcode, div.adminongkir, div.penerima, div.pengirim, div.item
  131.   {
  132.     padding-bottom: 5px;
  133.     padding-top: 5px;
  134.     padding-left: 5px;
  135.     padding-right: 5px;
  136.   }
  137.   div.logokurir, div.kurir, div.kepada, div.dari, div.jumlah
  138.   {
  139.     width: 25%;
  140.     float: left;
  141.   }
  142.   div.invoice
  143.   {
  144.     width: 50%;
  145.     float: left;
  146.   }
  147.   div.produk
  148.   {
  149.     width: 75%;
  150.     float: left;
  151.   }
  152.   div.penerima2, div.pengirim2
  153.   {
  154.     width: 75%;
  155.     float: left;
  156.     line-height: 1.5;
  157.   }
  158.   div.kiri, div.adminongkir, div.penerima, div.pengirim, div.clear, div.item
  159.   {
  160.     clear: both;
  161.   }
  162.   div.admin, div.asuransi, div.ongkir, div.berat
  163.   {
  164.     width: 25%;
  165.     float: left;
  166.     line-height: 1.5;
  167.   }
  168.   span.harga_ongkir, span.total_berat
  169.   {
  170.     font-weight: bold;
  171.     font-size: 16px;
  172.   }
  173.   div.gunting
  174.   {
  175.     border-bottom: 1px dashed #bdbcbc;
  176.     padding-top: 5px;
  177.     padding-bottom: 5px;
  178.     margin-top: 40px;
  179.   }
  180.   div.icon_gunting
  181.   {
  182.     position: relative;
  183.     float: right;
  184.     top: 0px;
  185.   }
  186.   div.item
  187.   {
  188.     padding-top: 0px;
  189.   }
  190.   div.keterangan
  191.   {
  192.     font-size: 10px;
  193.     padding-bottom: 10px;
  194.   }
  195.  
  196. </style>
  197. `;
  198.  

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址