import src from "../../public/ewm.png";

export function str(data) {
  // return `<table
  // border="1"
  // width="100%"
  // height="100%"
  // style="border-collapse: collapse; border: solid 1px;z-index:99999999"
  // bordercolor="#000000"
  // cellpadding="0"

  // >
  // <tr>
  //   <td colSpan="7">卷料名称：${data?.materieName ?? "--"}</td>
  //  <td colSpan="1">3</td>
  // </td>
  // </tr>
  // <tr>
  //   <td colspan="8">卷料编码：${data?.materieCode ?? "--"}</td>
  // </tr>
  // <tr>
  //   <td colspan="8">牌号：${data?.shopSign ?? "--"}片</td>

  // </tr>
  // <tr>
  // <td colspan="8">单边卷料厚度：${data?.unilateralThickness ?? "--"}</td>
  // </tr>
  // <tr>

  //   <td colspan="4">铁损：${data?.ironLoss ?? "--"}w/kg</td>
  //   <td colspan="4">批次：${data?.materieControlNo ?? "--"}</td>
  // </tr>
  // <tr>
  //   <td colspan="4">宽度：${data?.width ?? "--"}mm</td>
  //   <td colspan="4">片厚：${data?.sheetThickness ?? "--"}mm</td>
  // </tr>
  // <tr>
  //   <td colspan="4">重量：${data?.weight ?? "--"}KG</td>
  //   <td colspan="4">米数：${data?.length ?? "--"}M</td>
  // </tr>
  // <tr>
  //   <td colspan="8">条码：${data?.materieControlNo ?? "--"}</td>
  // </tr>
  // </table>`;

  return ` <div style="display:flex; width:100% ;height:95%; flex-direction: column;justify-self: space-between; font-family:'宋体'">
  
  <div style="display:flex; flex-direction: row;flex:2;">
   <div style="flex:3;display:flex;flex-direction: column;">
     <div style="flex:1">批次：${data?.materieControlNo ?? "--"}</div>  
     <div style="flex:1">重量：${data?.weight ?? "--"}KG</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?.length ?? "--"}M</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?.unilateralThickness ?? "--"}mm</div>
    <div style="flex:3">牌号：${data?.shopSign ?? "--"}片</div>
  </div>
  <div style="display:flex; flex-direction: row;flex:2;">
    <div style="display:flex;flex-direction: row;flex:1">
      <div style="flex:1">名称：${data?.materieName ?? "--"}</div>
      <div style="flex:1">编码：${data?.materieCode ?? "--"}</div>
    </div>
  </div>
</div>`;
}
