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:100%; flex-direction: column;justify-self: space-between;">
  <div style="display:flex; flex-direction: row;flex:4;">
    <div style="display:flex;flex-direction: column;flex:2">
      <div style="flex:1">卷料名称:${data?.materieName ?? "--"}</div>
      <div style="flex:1">卷料编码:${data?.materieCode ?? "--"}</div>
      <div style="flex:1">牌号:${data?.shopSign ?? "--"}片</div>
      <div style="flex:1">单边卷料厚度:${data?.unilateralThickness ?? "--"}mm</div>
    </div>
    <div style="flex:1">
    <img src=${data?.qrCodeUrl} style="width:90px"/>
    </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?.materieControlNo ?? "--"}</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 style="display:flex; flex-direction: row;flex:1;">
  <div style="flex:1">条码:${data?.materieControlNo ?? "--"}</div>
  </div>
</div>`;
}