From c581a6c396f1b367fe132bc302d6337b1ff0ad6f Mon Sep 17 00:00:00 2001
From: guoyuji <guoyujie@ng.com>
Date: 星期一, 22 四月 2024 08:36:36 +0800
Subject: [PATCH] Merge branch 'master' of https://gitee.com/a1536384743/erp_-override

---
 north-glass-erp/northglass-erp/src/views/pp/processCard/PrintProcess.vue | 1256 +++++++++++++++--------------------------------------------
 1 files changed, 330 insertions(+), 926 deletions(-)

diff --git a/north-glass-erp/northglass-erp/src/views/pp/processCard/PrintProcess.vue b/north-glass-erp/northglass-erp/src/views/pp/processCard/PrintProcess.vue
index a52f279..a2083d3 100644
--- a/north-glass-erp/northglass-erp/src/views/pp/processCard/PrintProcess.vue
+++ b/north-glass-erp/northglass-erp/src/views/pp/processCard/PrintProcess.vue
@@ -1,954 +1,358 @@
 <script setup>
+import request from "@/utils/request"
+import {ElDatePicker, ElMessage} from "element-plus"
+import {nextTick, onMounted, onUnmounted, reactive, ref, watch} from "vue"
+import {Search} from "@element-plus/icons-vue"
+import {useRouter} from 'vue-router'
+import {changeFilterEvent, filterChanged} from "@/hook"
 
+import {useI18n} from 'vue-i18n'
+import deepClone from "@/utils/deepClone";
+//璇█鑾峰彇
+const {t} = useI18n()
+let router = useRouter()
+let produceList = ref([])
+let details = ref([])
+
+const data = ref({
+  printList:[]
+})
+
+const {currentRoute} = useRouter()
+const route = currentRoute.value
+data.value.printList = JSON.parse(route.query.printList)
+let flowCardCount=data.value.printList.length
+onMounted(() => {
+  // if (id === null || id === undefined || id === '') {
+  //   return
+  // }
+
+      request.post(`/processCard/getSelectPrinting`, data.value).then((res) => {
+        if (res.code == 200) {
+
+          produceList.value = deepClone(res.data.data)
+
+        } else {
+          ElMessage.warning(res.msg)
+          router.push("/login")
+        }
+      })
+    }
+  )
+
+// 鎵撳嵃鏂规硶
+const printFlowCard = () => {
+  // 闇�瑕佹墦鍗扮殑灞�閮ㄥ尯鍩熻祴浜�"print-wrap"鐨刬d
+  let el = document.getElementById("printFlowCard");
+  let doc = document;
+  let body = doc.body || doc.getElementsByTagName("body")[0];
+  let printId = "print-" + Date.now();
+
+  // 鍒涘缓鏃犲壇浣滅敤鐨勬墦鍗板鍣�(鍥犱笉纭畾椤甸潰鐨勬墦鍗板厓绱犳湁鏃犲叾瀹冩牱寮�)
+  let content = doc.createElement("div");
+  content.id = printId;
+
+  // 鏍峰紡鎺у埗涓庢墦鍗版棤鍏崇殑鍏冪礌闅愯棌
+  let style = doc.createElement("style");
+  style.innerHTML =
+      "body>#" +
+      printId +
+      "{display:none}@media print{body>:not(#" +
+      printId +
+      "){display:none !important}body>#" +
+      printId +
+      "{display:block;padding-top:1px}}";
+  //
+   content.innerHTML = el.outerHTML;
+  // // console.log("el.outerHTML", el.outerHTML);
+  body.appendChild(style);
+
+  // 涓巗tyle鍏冪礌璁剧疆鐨勬牱寮忕浉閰嶅悎
+  // 鎶婃墦鍗板唴瀹圭殑鍏冪礌娣诲姞鍒癰ody(浣滀负body鐨勫瓙鍏冪礌锛屽彲鐢╞ody鐨勫瓙閫夋嫨鍣� '>' 鎺у埗鎵撳嵃鏍峰紡)
+  body.appendChild(content);
+  setTimeout(() => {
+    window.print();
+    body.removeChild(content);
+    body.removeChild(style);
+  }, 20);
+}
 </script>
 
 <template>
-  <div class="shu" style="height:0px;"></div>
-  <div id="big" class="big">
-    <div id="content">
-      <table id="tab" border="1">
-        <thead>
-        <tr>
-          <td colspan="22">
-            <div class="bj">1</div>
-            <h1>娲涢槼鍖楁柟鐜荤拑鎶�鏈偂浠芥湁闄愬叕鍙�</h1>
-            <h1>鐢熶骇娴佺▼鍗�</h1>
-            <div id="top">
-              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>鍖呰鏂瑰紡锛氶搧鏋�</span><span
-                style="float: right;position: relative;right: 5px;">娴佺▼鍗″彿锛�<label class="liuchengka"
-                                                                                    for="">NG23120401A01</label>/1鍏�2鏋�</span></div>
-          </td>
-        </tr>
-        <tr style="height:25px;">
-          <td style="min-width:70px;">瀹㈡埛鍚嶇О锛�</td>
-          <td style="min-width:200px;">閽㈠寲璁惧浜嬩笟閮�</td>
-          <td style="min-width:200px;" colspan="2">椤圭洰鍚嶇О锛氶挗鍖栬澶囦簨涓氶儴(23-12-1-01)</td>
-          <td style="min-width:75px;">宸ヨ壓娴佺▼锛�</td>
-          <td style="min-width:550px;" colspan="17">鍒囧壊-&gt;纾ㄨ竟-&gt;鎵撳瓟-&gt;閽㈠寲-&gt;鍖呰</td>
-        </tr>
-        <tr style="height:25px;">
-          <td>纾�&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;杈癸細</td>
-          <td>绮炬姏</td>
-          <td colspan="2" style="word-wrap: break-word;">鍗曠墖鍚嶇О:<span class="dpmc">5mm娆ф床鐏板钩閽�</span></td>
-          <td>鎴愬搧鍚嶇О锛�</td>
-          <td class="chengpinmingcheng" colspan="17" style="word-wrap: break-word;">5mm娆ф床鐏板钩閽�</td>
-        </tr>
-        <tr>
-          <td colspan="22">
-            <table border="1" style="border-collapse: collapse;" frame="below">
-              <tbody>
-              <tr>
-                <td rowspan="2" style="min-width:70px;">搴忓彿</td>
-                <td rowspan="2" style="min-width:200px;">缂栧彿</td>
-                <td rowspan="2" style="min-width:100px;">瀹斤紙寮ч暱锛�*楂�</td>
-                <td rowspan="2" style="min-width:49px;">鏁伴噺</td>
-                <td rowspan="2" style="min-width:49px;">闈㈢Н</td>
-                <td rowspan="2" style="min-width:49px;">鍛ㄩ暱</td>
-                <td rowspan="2" style="min-width:73px;">鍗婂緞</td>
-                <td rowspan="2" style="min-width:73px;">澶囨敞</td>
-                <td style="min-width:59px;" colspan="2">鍒囧壊</td>
-                <td style="min-width:59px;" colspan="2">纾ㄨ竟</td>
-                <td style="min-width:59px;" colspan="2">鎵撳瓟</td>
-                <td style="min-width:59px;" colspan="2">閽㈠寲</td>
-                <td style="min-width:59px;" colspan="2">鍖呰</td>
-                <td style="min-width:59px;" colspan="2"></td>
-                <td style="min-width:59px;" colspan="2"></td>
-                <td style="min-width:59px;" colspan="2"></td>
-              </tr>
-              <tr>
-                <td>姝e搧</td>
-                <td>娆″搧</td>
-                <td>姝e搧</td>
-                <td>娆″搧</td>
-                <td>姝e搧</td>
-                <td>娆″搧</td>
-                <td>姝e搧</td>
-                <td>娆″搧</td>
-                <td>姝e搧</td>
-                <td>娆″搧</td>
-                <td>姝e搧</td>
-                <td>娆″搧</td>
-                <td>姝e搧</td>
-                <td>娆″搧</td>
-                <td>姝e搧</td>
-                <td>娆″搧</td>
-              </tr>
-              </tbody>
-            </table>
-          </td>
-        </tr>
-        </thead>
-        <tbody>
-        <tr>
-          <td colspan="22">
-            <table class="tab" border="1" frame="below">
-              <tbody>
-              <tr class="tr">
-                <td style="min-width:70px;height:35.5px;" class="tab_td1">2</td>
-                <td style="min-width:200px;height:35.5px;" class="tab_td2">01-1瑙嗙獥鐜荤拑ACB50.10.02-003</td>
-                <td style="min-width:100px;height:35.5px;" class="kg"><span class="kuan">1698</span>*339</td>
-                <td style="min-width:49px;height:35.5px;" class="sl">2</td>
-                <td style="min-width:49px;height:35.5px;" class="mj">1.15</td>
-                <td style="min-width:49px;height:35.5px;">8.15</td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3 banjin"></td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3">瑙佸浘A,</td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td class="xh" style="display:none;">1</td>
-              </tr>
-              <tr class="tr">
-                <td style="min-width:70px;height:35.5px;" class="tab_td1">1</td>
-                <td style="min-width:200px;height:35.5px;" class="tab_td2">01-1瑙嗙獥鐜荤拑ACB50.10.01-003</td>
-                <td style="min-width:100px;height:35.5px;" class="kg"><span class="kuan">1428</span>*339</td>
-                <td style="min-width:49px;height:35.5px;" class="sl">3</td>
-                <td style="min-width:49px;height:35.5px;" class="mj">1.45</td>
-                <td style="min-width:49px;height:35.5px;">10.6</td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3 banjin"></td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3">瑙佸浘A,</td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td class="xh" style="display:none;">1</td>
-              </tr>
-              <tr class="tr">
-                <td style="min-width:70px;height:35.5px;" class="tab_td1">3</td>
-                <td style="min-width:200px;height:35.5px;" class="tab_td2">01-2瑙嗙獥鐜荤拑ACB50.10.01-003</td>
-                <td style="min-width:100px;height:35.5px;" class="kg"><span class="kuan">1428</span>*339</td>
-                <td style="min-width:49px;height:35.5px;" class="sl">3</td>
-                <td style="min-width:49px;height:35.5px;" class="mj">1.45</td>
-                <td style="min-width:49px;height:35.5px;">10.6</td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3 banjin"></td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3">瑙佸浘A,</td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td class="xh" style="display:none;">1</td>
-              </tr>
-              <tr class="tr">
-                <td style="min-width:70px;height:35.5px;" class="tab_td1">5</td>
-                <td style="min-width:200px;height:35.5px;" class="tab_td2">01-3瑙嗙獥鐜荤拑ACB50.10.01-003</td>
-                <td style="min-width:100px;height:35.5px;" class="kg"><span class="kuan">1428</span>*339</td>
-                <td style="min-width:49px;height:35.5px;" class="sl">3</td>
-                <td style="min-width:49px;height:35.5px;" class="mj">1.45</td>
-                <td style="min-width:49px;height:35.5px;">10.6</td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3 banjin"></td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3">瑙佸浘A,</td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td class="xh" style="display:none;">1</td>
-              </tr>
-              <tr class="tr">
-                <td style="min-width:70px;height:35.5px;" class="tab_td1">4</td>
-                <td style="min-width:200px;height:35.5px;" class="tab_td2">01-2瑙嗙獥鐜荤拑ACB50.10.03-003</td>
-                <td style="min-width:100px;height:35.5px;" class="kg"><span class="kuan">1338</span>*339</td>
-                <td style="min-width:49px;height:35.5px;" class="sl">2</td>
-                <td style="min-width:49px;height:35.5px;" class="mj">0.91</td>
-                <td style="min-width:49px;height:35.5px;">6.71</td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3 banjin"></td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3">瑙佸浘A,</td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td class="xh" style="display:none;">1</td>
-              </tr>
-              <tr class="tr">
-                <td style="min-width:70px;height:35.5px;" class="tab_td1">6</td>
-                <td style="min-width:200px;height:35.5px;" class="tab_td2">01-3瑙嗙獥鐜荤拑ACB50.10.03-003</td>
-                <td style="min-width:100px;height:35.5px;" class="kg"><span class="kuan">1338</span>*339</td>
-                <td style="min-width:49px;height:35.5px;" class="sl">2</td>
-                <td style="min-width:49px;height:35.5px;" class="mj">0.91</td>
-                <td style="min-width:49px;height:35.5px;">6.71</td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3 banjin"></td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3">瑙佸浘A,</td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td class="xh" style="display:none;">1</td>
-              </tr>
-              </tbody>
-            </table>
-          </td>
-        </tr>
-        </tbody>
-        <tfoot>
-        <tr style="height: 20px;line-height: 20px;">
-          <td colspan="22">鏁伴噺锛�<label class="zsl" for="">15鐗�</label>&nbsp;&nbsp;&nbsp;閲嶉噺锛�<label class="zzl"
-                                                                                                    for="">91.50kg</label>&nbsp;&nbsp;&nbsp;闈㈢Н锛�<label class="zmj" for="">7.32m虏</label></td>
-        </tr>
-        <tr>
-          <td width="50%" style="word-wrap: break-word;;" colspan="5" rowspan="7"><textarea
-              style="width: 100%; height: 90%; overflow: hidden; border: 0px;font-size:12px;">1)鎸変紒鏍囥��
-2)鍚勫伐搴忥細鎴愬搧鐜荤拑璐寸紪鍙峰強灏哄鏍囩銆�
-3)纾ㄨ竟锛氭鍗曞锛岄珮灏哄鍏樊鍧囦负锛�0~-1锛夈��
-4)閽㈠寲锛氬寳鐜诲晢鏍囷紝浣嶇疆濡傚浘銆�
+  <el-button id="printButton" @click="printFlowCard">鎵撳嵃</el-button>
+  <div id="printFlowCard">
+    <table v-for="(item,id) in produceList" id="contentTable" :key="id">
+      <thead>
+      <tr v-for="(itemFlow,index) in item.detail" :key="index">
+        <td colspan="24">
+          <div id="bj" style="float: right;font-size: 28px">{{ id+1 }}</div>
+          <div>甯稿窞甯傚悏鍒╃幓鐠冩湁闄愬叕鍙�</div>
+          <div>鐢熶骇娴佺▼鍗�</div>
+          <div style="text-align: right;font-weight: bolder">娴佺▼鍗″彿锛� {{ itemFlow.process_id }}/{{ itemFlow.technologyNumber }} 鍏� {{flowCardCount}} 鏋�</div>
+        </td>
+      </tr>
+      <tr v-for="(items,index) in item.detail" :key="index">
+        <td>瀹㈡埛鍚嶇О锛�</td>
+        <td colspan="2">{{ items.customer_name }}</td>
+        <td>椤圭洰鍚嶇О锛�</td>
+        <td colspan="2">{{ items.project }}</td>
+        <td style="width:100px">宸ヨ壓娴佺▼锛�</td>
+        <td colspan="16">{{ items.process }}</td>
+      </tr>
+      <tr v-for="(itemTr,index) in item.detail" :key="index">
+        <td>纾ㄨ竟绫诲瀷锛�</td>
+        <td colspan="2">{{ itemTr.edging_type }}</td>
+        <td>鍗曠墖鍚嶇О锛�</td>
+        <td colspan="2">{{ itemTr.glass_child }}</td>
+        <td>浜у搧鍚嶇О锛�</td>
+        <td colspan="16">{{ itemTr.product_name }}</td>
+      </tr>
 
-</textarea></td>
-        </tr>
-        <tr>
-          <td width="70px" height="23px;">瀹屽伐绛惧悕</td>
-          <td width="56px;" height="23px;" colspan="2"></td>
-          <td width="56px;" height="23px;" colspan="2"></td>
-          <td width="56px;" height="23px;" colspan="2"></td>
-          <td width="56px;" height="23px;" colspan="2"></td>
-          <td width="56px;" height="23px;" colspan="2"></td>
-          <td width="56px;" height="23px;" colspan="2"></td>
-          <td width="56px;" height="23px;" colspan="2"></td>
-          <td width="56px;" height="23px;" colspan="2"></td>
-        </tr>
-        <tr>
-          <td>鎺ユ敹绛惧悕</td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-        </tr>
-        <tr>
-          <td>鐢熶骇鏃ユ湡</td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-        </tr>
-        <tr>
-          <td>璐ㄦ绛惧悕</td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-        </tr>
-        <tr>
-          <td>鏋跺瓙缂栧彿</td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-        </tr>
-        <tr height="65px">
-          <td colspan="22"><span id="qrcode1" class="qr" title="NG23120401A01/1"><canvas width="60" height="60"
-                                                                                         style="display: none;"></canvas><img alt="Scan me!"
-                                                                                                                              src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAulJREFUaEPtmuFywyAMg5P3f+jsmjU7cG1/AtLrErqfLSwIW5bsdF2WZVs6/rbtd9u6rtXu6PNj0fF9ttce53gG/W8FxuO0cwIubz67KXvbx9roc/X7MuJq9rSeeX/GEeHWzXb9ZQFbTlrutQKj9V5kVQ4Tp73vXyL8Bfy8bntbrbfrrScaqfVCDZLLYXXztICJby0VX+G7Us2junNKhC8PmNwKRSGiROa0IomzZ4nqiHrmU3XYGozoEJ61/AhguiX1tiPfm1VpdQ8VSgXDaV6aZOvfAN5IDJVrc7omcVu1rNWu9jxjnR6w2ntSR6PIFVX8qBBGSUnObK/SNsK3B2zbwxYdLV2Pp7NllJVotl62zQAl6+RuKQIUjXiUlKY15Ou7AB8prWph5lO9qpm5o955GHE10+s/Dk8HmNKD5JpSu4fDZFeJsx4l5Cp9G8DREI/4pVrJKHPKCk8emZqLlrOEU8vbAlaNB/nc1qL3iPAZ/W35fyKZq/zAdIB7ORzpMfGpvO1RbipDBusGuzn8Bfx8i3iZCFMzTemn7i+rP8lRa0MimRv1dentAKsS0WrcM4dGdjTKmpEWNmwPe6cK6sW19NKKvqrVH2daquMiDlMj4B2YOKmanWoWTkO82wEm43FWsfIiTO1dL4ezbEPjcTvAdsRDsysyFtQ3e7ev0qaHsy/WcjrANKZVU5pckxd5VYdJd2mwWFXp6QCTLJG+Eq+yEQ9VYdXEUKaU36PxuB1gtXmwwMl6Eq+UEU9v9c6s6PALcfK5WTGjlH0rYFU/Rznr9cMRz4mbkT/PLnL4x6Vqu5hZy48CjjSPHFbrjMtrD6M6oeowucT9maTDKhB1XWUCzK/pLwGYtDS69cxTUzapLwW8Zw9HeDrAxPmokpY6TNJGHkCdjLyFw0rhoDSnIkUpLRmPXh0eSWnKDlXyIm8gcTgCEGnlZQET0F4eZfyi1KXUVw1LefbTvLSaftXDQYe/gIM0JA6X234ACjSUFgdqRbsAAAAASUVORK5CYII="
-                                                                                                                              style="display: block;"><span class="ma">NG23120401A01/1</span></span></td>
-        </tr>
-        </tfoot>
-      </table>
-    </div>
+      </thead>
+      <tbody>
+      <tr>
+        <td rowspan='2'>搴忓彿</td>
+        <td rowspan='2'>瀹�*楂�</td>
+        <td rowspan='2'>鏁伴噺</td>
+        <td rowspan='2'>闈㈢Н</td>
+        <td rowspan='2'>鍛ㄩ暱</td>
+        <td rowspan='2'>鍗婂緞</td>
+        <td rowspan='2'>澶囨敞</td>
+        <td colspan='2'>鍒囧壊</td>
+        <td colspan='2'>纾ㄨ竟</td>
+        <td colspan='2'>閽㈠寲</td>
+        <td colspan='2'>涓┖</td>
+        <td colspan='2'>鍖呰</td>
+        <td colspan='2'></td>
+        <td colspan='2'></td>
+        <td colspan='2'></td>
+      </tr>
+      <tr>
+        <td>姝e搧</td>
+        <td>娆″搧</td>
+        <td>姝e搧</td>
+        <td>娆″搧</td>
+        <td>姝e搧</td>
+        <td>娆″搧</td>
+        <td>姝e搧</td>
+        <td>娆″搧</td>
+        <td>姝e搧</td>
+        <td>娆″搧</td>
+        <td>姝e搧</td>
+        <td>娆″搧</td>
+        <td>姝e搧</td>
+        <td>娆″搧</td>
+        <td>姝e搧</td>
+        <td>娆″搧</td>
+      </tr>
+      <tr v-for="(itemDatile,index) in item.detailList" :key="index">
+        <td>{{ itemDatile.order_number }}</td>
+        <td>{{ itemDatile.child_width }}</td>
+        <td>{{ itemDatile.quantity }}</td>
+        <td>{{ itemDatile.total_area }}</td>
+        <td>{{ itemDatile.perimeter }}</td>
+        <td>{{ itemDatile.bend_radius }}</td>
+        <td>{{ itemDatile.order_number }}</td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+      </tr>
+      </tbody>
+      <tfoot>
+      <tr>
+        <td colspan="24" v-for="(itemsum,index) in item.detail" :key="index">
+          鏁伴噺锛�
+          <label>{{ itemsum.quantity }}</label>
+          闈㈢Н锛�
+          <label>{{ itemsum.gross_area }}</label>
+          閲嶉噺锛�
+          <label>{{ itemsum.gross_area }}</label>
+        </td>
+      </tr>
+      <tr v-for="(itemtextarea,index) in item.detail" :key="index">
+        <td colspan="6" rowspan="6" style="width: 450px;height: 150px ">
+          <div style="width: 100%;height: 100%"><textarea style="height: 98%;width: 98%">{{ itemtextarea.processing_note }}</textarea></div>
+        </td>
+        <td>瀹屽伐绛惧悕</td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+      </tr>
+      <tr>
+        <td>鎺ュ彈绛惧悕</td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+      </tr>
+      <tr>
+        <td>鐢熶骇鏃ユ湡</td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+      </tr>
+      <tr>
+        <td>璐ㄦ绛惧悕</td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+      </tr>
+      <tr>
+        <td>鏋跺瓙缂栧彿</td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+      </tr>
+      <tr>
+        <td colspan="17" rowspan="2">
+          <div style="width: 60px;height: 60px;background-color: red"></div>
+        </td>
+      </tr>
+      </tfoot>
+    </table>
   </div>
-  <div class="shu" style="height:0px;"></div>
-  <div id="big" class="big">
-    <div id="content">
-      <table id="tab" border="1">
-        <thead>
-        <tr>
-          <td colspan="22">
-            <div class="bj">1</div>
-            <h1>娲涢槼鍖楁柟鐜荤拑鎶�鏈偂浠芥湁闄愬叕鍙�</h1>
-            <h1>鐢熶骇娴佺▼鍗�</h1>
-            <div id="top">
-              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>鍖呰鏂瑰紡锛氶搧鏋�</span><span
-                style="float: right;position: relative;right: 5px;">娴佺▼鍗″彿锛�<label class="liuchengka"
-                                                                                    for="">NG23120401B02</label>/1鍏�2鏋�</span></div>
-          </td>
-        </tr>
-        <tr style="height:25px;">
-          <td style="min-width:70px;">瀹㈡埛鍚嶇О锛�</td>
-          <td style="min-width:200px;">閽㈠寲璁惧浜嬩笟閮�</td>
-          <td style="min-width:200px;" colspan="2">椤圭洰鍚嶇О锛氶挗鍖栬澶囦簨涓氶儴(23-12-1-01)</td>
-          <td style="min-width:75px;">宸ヨ壓娴佺▼锛�</td>
-          <td style="min-width:550px;" colspan="17">鍒囧壊-&gt;纾ㄨ竟-&gt;閽㈠寲-&gt;鍖呰</td>
-        </tr>
-        <tr style="height:25px;">
-          <td>纾�&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;杈癸細</td>
-          <td>绮炬姏</td>
-          <td colspan="2" style="word-wrap: break-word;">鍗曠墖鍚嶇О:<span class="dpmc">5mm娆ф床鐏板钩閽�</span></td>
-          <td>鎴愬搧鍚嶇О锛�</td>
-          <td class="chengpinmingcheng" colspan="17" style="word-wrap: break-word;">5mm娆ф床鐏板钩閽�</td>
-        </tr>
-        <tr>
-          <td colspan="22">
-            <table border="1" style="border-collapse: collapse;" frame="below">
-              <tbody>
-              <tr>
-                <td rowspan="2" style="min-width:70px;">搴忓彿</td>
-                <td rowspan="2" style="min-width:200px;">缂栧彿</td>
-                <td rowspan="2" style="min-width:100px;">瀹斤紙寮ч暱锛�*楂�</td>
-                <td rowspan="2" style="min-width:49px;">鏁伴噺</td>
-                <td rowspan="2" style="min-width:49px;">闈㈢Н</td>
-                <td rowspan="2" style="min-width:49px;">鍛ㄩ暱</td>
-                <td rowspan="2" style="min-width:73px;">鍗婂緞</td>
-                <td rowspan="2" style="min-width:73px;">澶囨敞</td>
-                <td style="min-width:59px;" colspan="2">鍒囧壊</td>
-                <td style="min-width:59px;" colspan="2">纾ㄨ竟</td>
-                <td style="min-width:59px;" colspan="2">閽㈠寲</td>
-                <td style="min-width:59px;" colspan="2">鍖呰</td>
-                <td style="min-width:59px;" colspan="2"></td>
-                <td style="min-width:59px;" colspan="2"></td>
-                <td style="min-width:59px;" colspan="2"></td>
-                <td style="min-width:59px;" colspan="2"></td>
-              </tr>
-              <tr>
-                <td>姝e搧</td>
-                <td>娆″搧</td>
-                <td>姝e搧</td>
-                <td>娆″搧</td>
-                <td>姝e搧</td>
-                <td>娆″搧</td>
-                <td>姝e搧</td>
-                <td>娆″搧</td>
-                <td>姝e搧</td>
-                <td>娆″搧</td>
-                <td>姝e搧</td>
-                <td>娆″搧</td>
-                <td>姝e搧</td>
-                <td>娆″搧</td>
-                <td>姝e搧</td>
-                <td>娆″搧</td>
-              </tr>
-              </tbody>
-            </table>
-          </td>
-        </tr>
-        </thead>
-        <tbody>
-        <tr>
-          <td colspan="22">
-            <table class="tab" border="1" frame="below">
-              <tbody>
-              <tr class="tr">
-                <td style="min-width:70px;height:35.5px;" class="tab_td1">11</td>
-                <td style="min-width:200px;height:35.5px;" class="tab_td2">01-1閽㈠寲5</td>
-                <td style="min-width:100px;height:35.5px;" class="kg"><span class="kuan">1852</span>*143</td>
-                <td style="min-width:49px;height:35.5px;" class="sl">2</td>
-                <td style="min-width:49px;height:35.5px;" class="mj">0.53</td>
-                <td style="min-width:49px;height:35.5px;">7.98</td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3 banjin"></td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3">涓嶆墦鍟嗘爣,</td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td class="xh" style="display:none;">1</td>
-              </tr>
-              <tr class="tr">
-                <td style="min-width:70px;height:35.5px;" class="tab_td1">9</td>
-                <td style="min-width:200px;height:35.5px;" class="tab_td2">01-1閽㈠寲3</td>
-                <td style="min-width:100px;height:35.5px;" class="kg"><span class="kuan">1835</span>*143</td>
-                <td style="min-width:49px;height:35.5px;" class="sl">6</td>
-                <td style="min-width:49px;height:35.5px;" class="mj">1.57</td>
-                <td style="min-width:49px;height:35.5px;">23.74</td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3 banjin"></td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3">涓嶆墦鍟嗘爣,</td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td class="xh" style="display:none;">1</td>
-              </tr>
-              <tr class="tr">
-                <td style="min-width:70px;height:35.5px;" class="tab_td1">14</td>
-                <td style="min-width:200px;height:35.5px;" class="tab_td2">01-2閽㈠寲3</td>
-                <td style="min-width:100px;height:35.5px;" class="kg"><span class="kuan">1835</span>*143</td>
-                <td style="min-width:49px;height:35.5px;" class="sl">4</td>
-                <td style="min-width:49px;height:35.5px;" class="mj">1.05</td>
-                <td style="min-width:49px;height:35.5px;">15.82</td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3 banjin"></td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3">涓嶆墦鍟嗘爣,</td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td class="xh" style="display:none;">1</td>
-              </tr>
-              <tr class="tr">
-                <td style="min-width:70px;height:35.5px;" class="tab_td1">19</td>
-                <td style="min-width:200px;height:35.5px;" class="tab_td2">01-3閽㈠寲3</td>
-                <td style="min-width:100px;height:35.5px;" class="kg"><span class="kuan">1835</span>*143</td>
-                <td style="min-width:49px;height:35.5px;" class="sl">6</td>
-                <td style="min-width:49px;height:35.5px;" class="mj">1.57</td>
-                <td style="min-width:49px;height:35.5px;">23.74</td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3 banjin"></td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3">涓嶆墦鍟嗘爣,</td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td class="xh" style="display:none;">1</td>
-              </tr>
-              <tr class="tr">
-                <td style="min-width:70px;height:35.5px;" class="tab_td1">13</td>
-                <td style="min-width:200px;height:35.5px;" class="tab_td2">01-2閽㈠寲2</td>
-                <td style="min-width:100px;height:35.5px;" class="kg"><span class="kuan">1732</span>*143</td>
-                <td style="min-width:49px;height:35.5px;" class="sl">2</td>
-                <td style="min-width:49px;height:35.5px;" class="mj">0.5</td>
-                <td style="min-width:49px;height:35.5px;">7.5</td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3 banjin"></td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3">涓嶆墦鍟嗘爣,</td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td class="xh" style="display:none;">1</td>
-              </tr>
-              <tr class="tr">
-                <td style="min-width:70px;height:35.5px;" class="tab_td1">12</td>
-                <td style="min-width:200px;height:35.5px;" class="tab_td2">01-2閽㈠寲1</td>
-                <td style="min-width:100px;height:35.5px;" class="kg"><span class="kuan">1692</span>*143</td>
-                <td style="min-width:49px;height:35.5px;" class="sl">2</td>
-                <td style="min-width:49px;height:35.5px;" class="mj">0.48</td>
-                <td style="min-width:49px;height:35.5px;">7.34</td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3 banjin"></td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3">涓嶆墦鍟嗘爣,</td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td class="xh" style="display:none;">1</td>
-              </tr>
-              <tr class="tr">
-                <td style="min-width:70px;height:35.5px;" class="tab_td1">16</td>
-                <td style="min-width:200px;height:35.5px;" class="tab_td2">01-2閽㈠寲5</td>
-                <td style="min-width:100px;height:35.5px;" class="kg"><span class="kuan">1492</span>*143</td>
-                <td style="min-width:49px;height:35.5px;" class="sl">2</td>
-                <td style="min-width:49px;height:35.5px;" class="mj">0.43</td>
-                <td style="min-width:49px;height:35.5px;">6.54</td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3 banjin"></td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3">涓嶆墦鍟嗘爣,</td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td class="xh" style="display:none;">1</td>
-              </tr>
-              <tr class="tr">
-                <td style="min-width:70px;height:35.5px;" class="tab_td1">21</td>
-                <td style="min-width:200px;height:35.5px;" class="tab_td2">01-3閽㈠寲5</td>
-                <td style="min-width:100px;height:35.5px;" class="kg"><span class="kuan">1492</span>*143</td>
-                <td style="min-width:49px;height:35.5px;" class="sl">2</td>
-                <td style="min-width:49px;height:35.5px;" class="mj">0.43</td>
-                <td style="min-width:49px;height:35.5px;">6.54</td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3 banjin"></td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3">涓嶆墦鍟嗘爣,</td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td class="xh" style="display:none;">1</td>
-              </tr>
-              <tr class="tr">
-                <td style="min-width:70px;height:35.5px;" class="tab_td1">10</td>
-                <td style="min-width:200px;height:35.5px;" class="tab_td2">01-1閽㈠寲4</td>
-                <td style="min-width:100px;height:35.5px;" class="kg"><span class="kuan">1435</span>*143</td>
-                <td style="min-width:49px;height:35.5px;" class="sl">3</td>
-                <td style="min-width:49px;height:35.5px;" class="mj">0.62</td>
-                <td style="min-width:49px;height:35.5px;">9.47</td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3 banjin"></td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3">涓嶆墦鍟嗘爣,</td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td class="xh" style="display:none;">1</td>
-              </tr>
-              <tr class="tr">
-                <td style="min-width:70px;height:35.5px;" class="tab_td1">15</td>
-                <td style="min-width:200px;height:35.5px;" class="tab_td2">01-2閽㈠寲4</td>
-                <td style="min-width:100px;height:35.5px;" class="kg"><span class="kuan">1435</span>*143</td>
-                <td style="min-width:49px;height:35.5px;" class="sl">3</td>
-                <td style="min-width:49px;height:35.5px;" class="mj">0.62</td>
-                <td style="min-width:49px;height:35.5px;">9.47</td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3 banjin"></td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3">涓嶆墦鍟嗘爣,</td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td class="xh" style="display:none;">1</td>
-              </tr>
-              <tr class="tr">
-                <td style="min-width:70px;height:35.5px;" class="tab_td1">20</td>
-                <td style="min-width:200px;height:35.5px;" class="tab_td2">01-3閽㈠寲4</td>
-                <td style="min-width:100px;height:35.5px;" class="kg"><span class="kuan">1435</span>*143</td>
-                <td style="min-width:49px;height:35.5px;" class="sl">3</td>
-                <td style="min-width:49px;height:35.5px;" class="mj">0.62</td>
-                <td style="min-width:49px;height:35.5px;">9.47</td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3 banjin"></td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3">涓嶆墦鍟嗘爣,</td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td class="xh" style="display:none;">1</td>
-              </tr>
-              <tr class="tr">
-                <td style="min-width:70px;height:35.5px;" class="tab_td1">8</td>
-                <td style="min-width:200px;height:35.5px;" class="tab_td2">01-1閽㈠寲2</td>
-                <td style="min-width:100px;height:35.5px;" class="kg"><span class="kuan">1387</span>*143</td>
-                <td style="min-width:49px;height:35.5px;" class="sl">2</td>
-                <td style="min-width:49px;height:35.5px;" class="mj">0.4</td>
-                <td style="min-width:49px;height:35.5px;">6.12</td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3 banjin"></td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3">涓嶆墦鍟嗘爣,</td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td class="xh" style="display:none;">1</td>
-              </tr>
-              <tr class="tr">
-                <td style="min-width:70px;height:35.5px;" class="tab_td1">18</td>
-                <td style="min-width:200px;height:35.5px;" class="tab_td2">01-3閽㈠寲2</td>
-                <td style="min-width:100px;height:35.5px;" class="kg"><span class="kuan">1387</span>*143</td>
-                <td style="min-width:49px;height:35.5px;" class="sl">2</td>
-                <td style="min-width:49px;height:35.5px;" class="mj">0.4</td>
-                <td style="min-width:49px;height:35.5px;">6.12</td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3 banjin"></td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3">涓嶆墦鍟嗘爣,</td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td class="xh" style="display:none;">1</td>
-              </tr>
-              <tr class="tr">
-                <td style="min-width:70px;height:35.5px;" class="tab_td1">7</td>
-                <td style="min-width:200px;height:35.5px;" class="tab_td2">01-1閽㈠寲1</td>
-                <td style="min-width:100px;height:35.5px;" class="kg"><span class="kuan">1347</span>*143</td>
-                <td style="min-width:49px;height:35.5px;" class="sl">2</td>
-                <td style="min-width:49px;height:35.5px;" class="mj">0.39</td>
-                <td style="min-width:49px;height:35.5px;">5.96</td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3 banjin"></td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3">涓嶆墦鍟嗘爣,</td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td class="xh" style="display:none;">1</td>
-              </tr>
-              <tr class="tr">
-                <td style="min-width:70px;height:35.5px;" class="tab_td1">17</td>
-                <td style="min-width:200px;height:35.5px;" class="tab_td2">01-3閽㈠寲1</td>
-                <td style="min-width:100px;height:35.5px;" class="kg"><span class="kuan">1347</span>*143</td>
-                <td style="min-width:49px;height:35.5px;" class="sl">2</td>
-                <td style="min-width:49px;height:35.5px;" class="mj">0.39</td>
-                <td style="min-width:49px;height:35.5px;">5.96</td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3 banjin"></td>
-                <td style="min-width:73px;height:35.5px;" class="tab_td3">涓嶆墦鍟嗘爣,</td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td style="min-width:29px;height:35.5px;"></td>
-                <td class="xh" style="display:none;">1</td>
-              </tr>
-              </tbody>
-            </table>
-          </td>
-        </tr>
-        </tbody>
-        <tfoot>
-        <tr style="height: 20px;line-height: 20px;">
-          <td colspan="22">鏁伴噺锛�<label class="zsl" for="">43鐗�</label>&nbsp;&nbsp;&nbsp;閲嶉噺锛�<label class="zzl"
-                                                                                                    for="">125.00kg</label>&nbsp;&nbsp;&nbsp;闈㈢Н锛�<label class="zmj" for="">10.00m虏</label></td>
-        </tr>
-        <tr>
-          <td width="50%" style="word-wrap: break-word;;" colspan="5" rowspan="7">
-              <textarea style="width: 100%; height: 90%; overflow: hidden; border: 0px;font-size:12px;">1)鎸変紒鏍囥��
-2)鍚勫伐搴忥細鎴愬搧鐜荤拑璐寸紪鍙峰強灏哄鏍囩銆�
-3)纾ㄨ竟锛氭鍗曞锛岄珮灏哄鍏樊鍧囦负锛�0~-1锛夈��
-4)閽㈠寲锛氬寳鐜诲晢鏍囷紝浣嶇疆濡傚浘銆�
-</textarea>
-          </td>
-        </tr>
-        <tr>
-          <td width="70px" height="23px;">瀹屽伐绛惧悕</td>
-          <td width="56px;" height="23px;" colspan="2"></td>
-          <td width="56px;" height="23px;" colspan="2"></td>
-          <td width="56px;" height="23px;" colspan="2"></td>
-          <td width="56px;" height="23px;" colspan="2"></td>
-          <td width="56px;" height="23px;" colspan="2"></td>
-          <td width="56px;" height="23px;" colspan="2"></td>
-          <td width="56px;" height="23px;" colspan="2"></td>
-          <td width="56px;" height="23px;" colspan="2"></td>
-        </tr>
-        <tr>
-          <td>鎺ユ敹绛惧悕</td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-        </tr>
-        <tr>
-          <td>鐢熶骇鏃ユ湡</td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-        </tr>
-        <tr>
-          <td>璐ㄦ绛惧悕</td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-        </tr>
-        <tr>
-          <td>鏋跺瓙缂栧彿</td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-          <td colspan="2"></td>
-        </tr>
-        <tr height="65px">
-          <td colspan="22"><span id="qrcode2" class="qr" title="NG23120401B02/1"><canvas width="60" height="60"
-                                                                                         style="display: none;"></canvas><img alt="Scan me!"
-                                                                                                                              src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAxBJREFUaEPtmuFyhDAIhPX9H9rO2dpJOOBboh2rXn9W47GBXZboPE3TMg38Lcv3snmeB1b7S7Zn2qvbbxzxm69onwk42l3a7Wp6vYqgzG6/YTNcjXmtyC3D1cXq/dGGtf8/FXDESdpdy7MNkMI/CzhaE8WgxuxmWF1MQd4WsLpBloetwlNJ0+ZWYnjjsLqYWkR0vQ0+okFUHZWqed3rxbAbsA3CilSUHU+0aAM+gMH8SBmmvkpZIIVtn2/pU6WJ2hrb3zm8D18GMGU24iYBzPow9VW6Xo2568PVxRQMXfdUlNZQySsY5kUlgvK05h7FYamKfmSIH8BqZqi8qDy9giHH5bk1T/Wz3v+W4dsDjg4AyBqq0xE5MUW8qlyP+nuq0o8FbHe3mtlM3OlZau+veOzwTIsEhEY2pYudAtj2YRItAlpZTyee1U5gVdx7flmlLw/YHuKNTjBUwjRleevVkqee3x06PB5wpMrkclQ1p0pQrmd9Npu3uz5MqnwbwJtKE8focC/qhVQxntOK1JZUO0pKd+LxAfxzMKZkps3O5TJMokMlP7JBZFJIN9TjpU7IohMPehipqcL5UwFXpZ4O2BXVjwzD6GYOiVa1jCx31fWeOqtnV6oH92ILvbTaGkbn5tUEiJ9LULWUrGU0Ld0WsPoFQJXjtGFthqtcVivD0wL5VcttAJPTOmpE88RMHUVVjiqx/ooW3ay2Ieqt3WxqRKsqgKpX6Lw0zcMRFyvtJxsQWp5RJqk/04atuvE4wHtfphEPFQWm0iQfT4LqjodULtH1ywHe+62lOmVVVJrsKlVENrnt/rj0soCrxl3hZuamVOX2VDzLIA0lstOyZXYbwDS4E39UEfOyT5uqCmv6Qny0D6smIasE1d1Vh4U/BVwVrYyT1epSK6L0qkUZ81oQ5KUvD1jNCnlvUnRlo+hkZJeXprcAipEfpQO9spWMx2gfHnVFlT5MAIlGKYdJ+klZifMtBahKIhqMtsaupAmovU4VQUFlnFVNjarSnagePTxQEN6JB/X00c31knj48PDfAX8Bd8KdHJuN7HEAAAAASUVORK5CYII="
-                                                                                                                              style="display: block;"><span class="ma">NG23120401B02/1</span></span></td>
-        </tr>
-        </tfoot>
-      </table>
-    </div>
-  </div>
+
 </template>
 
 <style scoped>
-.JColResizer {
-  table-layout: fixed;
+* {
+  margin: 0;
+  padding: 0;
 }
 
-.JColResizer>tbody>tr>td,
-.JColResizer>tbody>tr>th {
-  overflow: hidden;
-  padding-left: 0 !important;
-  padding-right: 0 !important;
+#printButton{
+  margin-top: -40px;
+  width: 100px;
 }
 
-.JCLRgrips {
-  height: 0px;
-  position: relative;
+#printFlowCard {
+  margin-top: -40px;
+  text-align: center;
+  //font-weight: bolder;
+  height: 600px;
 }
 
-.JCLRgrip {
-  margin-left: -5px;
-  position: absolute;
-  z-index: 5;
+#contentTable {
+  border-collapse: collapse;
+  border: 1px solid black;
+  width: 100%;
+
 }
 
-.JCLRgrip .JColResizer {
-  position: absolute;
-  background-color: red;
-  filter: alpha(opacity=1);
-  opacity: 0;
-  width: 10px;
-  height: 100%;
-  cursor: e-resize;
-  top: 0px
+#contentTable thead {
+  font-size: 13px;
+  font-weight: bolder;
 }
 
-.JCLRLastGrip {
-  position: absolute;
-  width: 1px;
+#contentTable thead div {
+  font-size: 15px;
+  font-weight: bolder;
 }
 
-.JCLRgripDrag {
-  border-left: 1px dotted black;
+#contentTable tr td {
+  border: 1px solid black;
+  height: 22px;
+  font-weight: bolder;
+}
+#contentTable tbody{
+  height: 22px;
 }
 
-.JCLRFlex {
-  width: auto !important;
+#contentTable tbody td {
+  width: 50px;
 }
 
-.JCLRgrip.JCLRdisabledGrip .JColResizer {
-  cursor: default;
-  display: none;
+#contentTable tfoot{
+  font-size: 12px;
+  font-weight: bolder;
 }
+
+
+/* 鍦� .footer 鍏冪礌鍚庡缁堟彃鍏ュ垎椤电 */
+@media print {
+  #contentTable {page-break-after: always;}
+}
+
+
+thead { display:table-header-group;page-break-inside:avoid; }
+tbody { display:table-row-group;}
+tfoot { display:table-footer-group;page-break-inside:avoid; }
+
+
 </style>
\ No newline at end of file

--
Gitblit v1.8.0