修改打印模板

src/pages/Printer/index.jsx

@@ -237,43 +237,43 @@ const Station = (props) => {
     });
   };
 
-  const [data, setdata] = useState({});
+  // const [data, setdata] = useState({});
 
-  useEffect(() => {
-    let el = document.getElementById("mydemo");
-    el.innerHTML = ` <div>
-    <div style="display:flex; width:100% ;height:100%; flex-direction: column;justify-self: space-between; font-family:'宋体'">
-<div style="display:flex; flex-direction: row;flex:2;">
-  <div style="display:flex;flex-direction: column;flex:2">
-    <div style="flex:1">卷料名称：${data?.materieName ?? "--"}</div>
-    <div style="flex:1">卷料编码：${data?.materieCode ?? "--"}</div>
-  </div>
-</div>
-<div style="display:flex; flex-direction: row;flex:1;">
- <div style="flex:3;display:flex;flex-direction: row;">
-   <div style="flex:1">批次：${data?.materieControlNo ?? "--"}</div>  
-   <div style="flex:1">厚度：${data?.unilateralThickness ?? "--"}mm</div>
- </div>
- <div style="flex:1">
- <img src=${data?.qrCodeUrl} style="width:100%"/>
- </div>
-</div>
-<div style="display:flex; flex-direction: row;flex:1;">
-  <div style="flex:2">铁损：${data?.ironLoss ?? "--"}w/kg</div>
-  <div style="flex:3">牌号：${data?.shopSign ?? "--"}片</div>
-</div>
-<div style="display:flex; flex-direction: row;flex:1;">
-<div style="flex:2">宽度：${data?.width ?? "--"}mm</div>
-  <div style="flex:3">片厚：${data?.sheetThickness ?? "--"}mm</div>
-</div>
-<div style="display:flex; flex-direction: row;flex:1;">
-<div style="flex:2">重量：${data?.weight ?? "--"}KG</div>
-  <div style="flex:3">米数：${data?.length ?? "--"}M</div>
-</div>
+//   useEffect(() => {
+//     let el = document.getElementById("mydemo");
+//     el.innerHTML = ` <div>
+//     <div style="display:flex; width:100% ;height:100%; flex-direction: column;justify-self: space-between; font-family:'宋体'">
+// <div style="display:flex; flex-direction: row;flex:2;">
+//   <div style="display:flex;flex-direction: column;flex:2">
+//     <div style="flex:1">卷料名称：${data?.materieName ?? "--"}</div>
+//     <div style="flex:1">卷料编码：${data?.materieCode ?? "--"}</div>
+//   </div>
+// </div>
+// <div style="display:flex; flex-direction: row;flex:1;">
+//  <div style="flex:3;display:flex;flex-direction: row;">
+//    <div style="flex:1">批次：${data?.materieControlNo ?? "--"}</div>  
+//    <div style="flex:1">厚度：${data?.unilateralThickness ?? "--"}mm</div>
+//  </div>
+//  <div style="flex:1">
+//  <img src=${data?.qrCodeUrl} style="width:100%"/>
+//  </div>
+// </div>
+// <div style="display:flex; flex-direction: row;flex:1;">
+//   <div style="flex:2">铁损：${data?.ironLoss ?? "--"}w/kg</div>
+//   <div style="flex:3">牌号：${data?.shopSign ?? "--"}片</div>
+// </div>
+// <div style="display:flex; flex-direction: row;flex:1;">
+// <div style="flex:2">宽度：${data?.width ?? "--"}mm</div>
+//   <div style="flex:3">片厚：${data?.sheetThickness ?? "--"}mm</div>
+// </div>
+// <div style="display:flex; flex-direction: row;flex:1;">
+// <div style="flex:2">重量：${data?.weight ?? "--"}KG</div>
+//   <div style="flex:3">米数：${data?.length ?? "--"}M</div>
+// </div>
 
-</div>
-    </div>`;
-  }, []);
+// </div>
+//     </div>`;
+//   }, []);
 
   const OptionsBtn = () => {
     return (
@@ -325,7 +325,7 @@ const Station = (props) => {
           ...rowSelection,
         }}
       ></AutoTable>
-      <div id="mydemo" style={{width:500,height:250,border:'1px solid #000',backgroundColor:'#fff'}}></div>
+      {/* <div id="mydemo" style={{width:500,height:250,border:'1px solid #000',backgroundColor:'#fff'}}></div> */}
       <Drawer
         title={drawer?.title}
         open={drawer?.visible}