modified: src/components/experiment/template_testReport/index.vue modif...

Fixiaobai

2023-09-05 437b40045ce48b28e2817b0f9f9998d3a881ebe1

 src/components/experiment/template_testReport/index.vue

@@ -1,648 +1,727 @@
<template>
  <div class="content-wrapper">
    <div class="content-main">
      <div class="cover">
        <div class="cover-top">
          <div>
            <div style="height: 30px; line-height: 30px;">报告编号:</div>
            <div style="height: 30px; line-height: 30px;">Reference No:</div>
          </div>
        </div>
        <div class="title">
          <h1 style="text-align-last:justify ;">检验报告</h1>
          <h1>Test   Report</h1>
        </div>
        <div class="cover-body">
          <div class="name">
            <div style="width:140px; text-align-last: justify;">
            <div>试样名称</div>
            <span style="font-size: 14px;">Name of Product</span>
            </div>
            <div class="line"> 测试名称</div>
          </div>
          <div class="name">
            <div style="width:140px; text-align-last: justify;">
            <div style="text-align-last: justify;">型号</div>
            <span style="font-size: 14px;">Type and Size</span>
            </div>
            <div class="line"> 测试名称</div>
          </div>
          <div class="name">
            <div style="width:140px; text-align-last: justify;">
            <div>委托单位</div>
            <span style="font-size: 14px;display: block;margin: 10px 45px 0px;">Client</span>
          </div>
            <div class="line"> 测试名称</div>
          </div>
          <div class="name">
            <div style="width:140px; text-align-last: justify;">
            <div>检验类别</div>
            <span style="font-size: 14px;">Kind of Test</span></div>
            <div class="line"> 测试名称</div>
          </div>
        </div>
        <div class="cover-footer">
          <span>江苏中天科技股份有限公司检测中心</span><br>
          <span style="font-size: 14px;">TEST CENTER OF JIANGSU ZHONGTIAN TECHNOLOGY CO.,LTD</span>
        </div>
      </div>
      <div class="pageOne">
        <div class="statement">
          <div><h2>声明</h2></div>
          <div style="text-align-last: center;"><h2 style="font-size: 14px;">Statement</h2></div>
        </div>
        <div class="statement-body">
          <div>
            <span>1.   本检验报告（包括复印件）未加检测专用章一律无效。</span><br>
            <span>This test report (including any duplicates) shall become effective only with pecial chapter for testing on.</span>
          </div>
          <div>
            <span>2.   本检验报告无编写、审核、批准人签章无效。</span><br>
            <span>This test report shall become effective only with the signatures of compiler checker and approver.</span>
          </div>
          <div>
            <span>3.   本检验报告涂改无效。</span><br>
            <span>This test report will be invalid if altered.</span>
          </div>
          <div>
            <span>4.   本检验报告不得部分复印。</span><br>
            <span>This test report mustn’t copy partly.</span>
          </div>
          <div>
            <span>5.   送样委托检验，仅对来样负责。</span><br>
            <span>For the sample submitted by clients, the test result is valid only for these samples.</span>
          </div>
          <div>
            <span>6.   样品及委托单位为委托方自命名。</span><br>
            <span>Samples and consignor name for the principal.</span>
          </div>
          <div>
            <span>7.   本检验报告中英文描述有冲突时，以中文解释为准。</span><br>
            <span>If the Chinese and English version of the test report have any conflict, the Chinese version should be the standard for arbitrament.</span>
          </div>
          <div>
            <span>8.   委托方对本检验报告若有异议，应于样品保存期内向本中心提出，联系电话：0513-84885657</span><br>
            <span>Clients who have any different ideas about this test report, may contract with Test Central within the sample reservation time. Tel: 0513-84885657</span>
          </div>
          <div>
            <span>9.   本中心样品自报告发送日起，一般保存一个月，以备复验。</span><br>
            <span>The sample shall be reserved for one month beginning from the data when this test report is submitted for examine or review.</span>
          </div>
        </div>
        <div class="statement-footer">
          <div class="depart">
            <span>江苏中天科技股份有限公司检测中心</span><br>
            <span>Test Center of Jiangsu Zhongtian Technology Co., LTD</span>
          </div>
          <div class="address">
            <span>地    址：江苏省南通市经济技术开发区新开南路19号</span><br>
            <span>Address: No.19 Xinkai South Road, Nantong Economic and Technological Development Zone, Jiangsu Province</span>
          </div>
          <div class="zipcode">邮政编码Zip Code：226010</div>
          <div class="tel">电    话Tel：0513-89059043</div>
          <div class="email">邮    箱E-mail:：ztttc@chinaztt.com </div>
        </div>
      </div>
      <div class="pageTwo">
        <div class="header" style="line-height: 10px;">
          <div style="width: 350px;margin: 0 auto; text-align-last: justify;">
            <h2 style="font-size: 18px;">江苏中天科技股份有限公司检测中心</h2>
          </div>
          <div style="width: 500px; margin: 0 auto;text-align-last: justify;">
            <h2 style="font-size: 14px;">TEST CENTER OF JIANGSU ZHONGTIAN TECHNOLOGY CO.,LTD</h2>
          </div>
          <div style="width: 120px;margin: 0 auto;text-align-last: justify;">
            <h2 style="font-size: 18px;">检测报告</h2>
          </div>
          <div style="width: 100px; margin: 0 auto;text-align-last: justify;">
            <h2 style="font-size: 14px;">Test Report</h2>
          </div>
        </div>
        <div class="table">
          <div class="table-header">
            <div>
              <span>报告编号：</span><br>
              <span>Reference No：</span>
            </div>
            <div>
              <span>第1页共2页</span><br>
              <span>Page 1 of 2</span>
            </div>
          </div>
          <div class="table-body">
            <table width="100%" border="1" cellspacing="0" style="text-align: center;">
              <tr>
                <td><span>试样名称</span><br>
                <span>Name of product</span></td>
                <td colspan="2"></td>
                <td>
                  <span>规格型号</span><br>
                  <span>Type and size</span>
                </td>
                <td colspan="2"></td>
              </tr>
              <tr>
                <td>
                  <span>样品数量</span><br>
                  <span>Test item</span>
                </td>
                <td colspan="2"></td>
                <td>
                  <span>检验项目</span><br>
                  <span>Test item</span>
                </td>
                <td colspan="2"></td>
              </tr>
              <tr>
                <td>
                  <span>来样方式</span><br>
                  <span>Delivering method</span>
                </td>
                <td colspan="2"></td>
                <td>
                  <span>检验类型</span><br>
                  <span>Type of test</span>
                </td>
                <td colspan="2"></td>
              </tr>
              <tr>
                <td>
                  <span>样品状态</span><br>
                  <span>Sample discription</span>
                </td>
                <td colspan="2"></td>
                <td>
                  <span>生产单位</span><br>
                  <span>Producer</span>
                </td>
                <td colspan="2"></td>
              </tr>
              <tr>
                <td>
                  <span>收样时间</span><br>
                  <span>Received date</span>
                </td>
                <td colspan="2"></td>
                <td>
                  <span>检验日期</span><br>
                  <span>Test date</span>
                </td>
                <td colspan="2"></td>
              </tr>
              <tr>
                <td>
                  <span>委托人</span><br>
                  <span>Consignor</span>
                </td>
                <td colspan="2"></td>
                <td>
                  <span>电话</span><br>
                  <span>Tel</span>
                </td>
                <td colspan="2"></td>
              </tr>
              <tr>
                <td>
                  <span>委托单位</span><br>
                  <span>Client</span>
                </td>
                <td colspan="5"></td>
              </tr>
              <tr>
                <td>
                  <span>委托单位地址</span><br>
                  <span>Address</span>
                </td>
                <td colspan="5"></td>
              </tr>
              <tr>
                <td>
                  <span>检验环境</span><br>
                  <span>Test environment</span>
                </td>
                <td colspan="5"></td>
              </tr>
              <tr>
                <td>
                  <span>检验依据</span><br>
                  <span>Test standard</span>
                </td>
                <td colspan="5"></td>
              </tr>
              <tr>
                <td style="height: 180px;">
                  <span>结论</span><br>
                  <span>Conclusion </span>
                </td>
                <td colspan="5">
                  <div style="height: 120px;"></div>
                  <div style="height: 60px;margin-left: 250px;">
                    <span>（检测报告专用章）</span><br>
                     <span>( SPECIFIC STAMP FOR TEST RTORT) </span><br>                                        
                      <span>签发日期：  年   月   日</span><br>
                      <span>Date of issue: August 23, 2023</span>
                  </div>
                </td>
              </tr>
              <tr>
                <td>
                  <span>备注</span><br>
                  <span>Remark </span>
                </td>
                <td colspan="5"></td>
              </tr>
              <tr>
                <td>
                  <span>编制</span><br>
                  <span>Preparer</span>
                </td>
                <td colspan="2"></td>
                <td>
                  <span>检验</span><br>
                  <span>Tester</span>
                </td>
                <td colspan="2"></td>
              </tr>
              <tr>
                <td>
                  <span>审核</span><br>
                  <span>Checker </span>
                </td>
                <td colspan="2"></td>
                <td>
                  <span>批准</span><br>
                  <span>Approver</span>
                </td>
                <td colspan="2"></td>
              </tr>
            </table>
          </div>
        </div>
      </div>
      <div class="pageThree">
        <div class="header" style="line-height: 10px;">
          <div style="width: 350px;margin: 0 auto; text-align-last: justify;">
            <h2 style="font-size: 18px;">江苏中天科技股份有限公司检测中心</h2>
          </div>
          <div style="width: 500px; margin: 0 auto;text-align-last: justify;">
            <h2 style="font-size: 14px;">TEST CENTER OF JIANGSU ZHONGTIAN TECHNOLOGY CO.,LTD</h2>
          </div>
          <div style="width: 120px;margin: 0 auto;text-align-last: justify;">
            <h2 style="font-size: 18px;">检测报告</h2>
          </div>
          <div style="width: 100px; margin: 0 auto;text-align-last: justify;">
            <h2 style="font-size: 14px;">Test Report</h2>
          </div>
        </div>
        <div class="table">
          <div class="table-header">
            <div>
              <span>报告编号：</span><br>
              <span>Reference No：</span>
            </div>
            <div>
              <span>第2页共2页</span><br>
              <span>Page 2 of 2</span>
            </div>
          </div>
          <div class="table-body">
            <table width="100%" border="1" cellspacing="0" style="text-align: center;">
              <tr>
                <td colspan="4">
                  <span>样品编号</span><br>
                  <span>Sample No</span></td>
                <td colspan="3"></td>
                <td colspan="4">
                  <span>规格型号</span><br>
                  <span>Type</span>
                </td>
                <td colspan="3"></td>
              </tr>
              <tr>
                <td>
                  <span>序号</span><br>
                  <span>No</span>
                </td>
                <td colspan="3">
                  <span>检验项目</span><br>
                  <span>Test item</span>
                </td>
                <td>
                  <span>单位</span><br>
                  <span>Unit</span>
                </td>
                <td colspan="3">
                  <span>标准要求</span><br>
                  <span>Requirement</span>
                </td>
                <td colspan="3">
                  <span>检验结果</span><br>
                  <span>Test result</span>
                </td>
                <td>
                  <span>结论</span><br>
                  <span>Conclusion</span>
                </td>
                </tr>
                <tr>
                  <td>
                    <span></span><br>
                    <span></span>
                  </td>
                  <td colspan="3">
                    <span>样品标识</span><br>
                    <span>Sample labeling</span>
                  </td>
                  <td>
                    <span></span><br>
                    <span>I</span>
                  </td>
                  <td colspan="3">
                    <span></span><br>
                    <span></span>
                  </td>
                  <td colspan="3">
                    <span></span><br>
                    <span></span>
                  </td>
                  <td>
                    <span></span><br>
                    <span></span>
                  </td>
                </tr>
                <tr v-for="item in resultTable" :key="index">
                  <td>
                    <span>{{ item.id }}</span><br>
                  </td>
                  <td colspan="3">
                    <span>{{ item.testitem }}</span><br>
                    <span>{{ item.testitem_engName }}</span>
                  </td>
                  <td>
                    <span>{{ item.unit }}</span>
                  </td>
                  <td colspan="3">
                    <span>{{ item.requirement }}</span><br>
                    <span>{{ item.requirement_eng }}</span>
                  </td>
                  <td colspan="3">
                    <span>{{ item.testresult }}</span><br>
                    <span>{{ item.testresult_engName }}</span>
                  </td>
                  <td>
                    <span>{{ item.conclusion }}</span>
                  </td>
                </tr>
                
            </table>
          </div>
        </div>
      </div>
      <div class="pageFour">
        <div class="page-header" style="display: flex;justify-content: space-between;font-size: 12px;">
          <div>
            <span>报告编号：</span><br>
            <span>Reference No：</span>
          </div>
          <div>
            <span>附页</span><br>
            <span>Appenfix</span>
          </div>
        </div>
        <hr>
        <div class="table">
          <div class="table-header">
            <div style="width: 200px; margin: 0 auto;text-align-last: justify;"><h2>检验设备一览表</h2></div>
            <div style="text-align-last: center;"><h2 style="font-size: 14px;">Equipment List</h2></div>
          </div>
          <div class="table-body">
            <table width="100%" border="1" cellspacing="0" style="text-align: center;">
              <thead>
                  <tr>
                    <td>
                      <span>序号</span><br>
                      <span>No</span>
                    </td>
                    <td colspan="2">
                      <span>设备名称</span><br>
                      <span>Equipment name</span>
                    </td>
                    <td>
                      <span>设备型号</span><br>
                      <span>type</span>
                    </td>
                    <td colspan="2">
                      <span>编号</span><br>
                      <span>Factory number</span>
                    </td>
                    <td colspan="2">
                      <span>校准有效期</span><br>
                      <span>Date of validity</span>
                    </td>
                  </tr>
              </thead>
              <tr v-for="item in table" :key="index">
                <td>
                  <span>{{ item.id }}</span>
                </td>
                <td colspan="2">
                  <span>{{ item.equipment_name }}</span>
                </td>
                <td>
                  <span>{{ item.type }}</span><br>
                </td>
                <td colspan="2">
                  <span>{{ item.factory_number }}</span>
                </td>
                <td colspan="2">
                  <span>{{ item.validity }}</span>
                </td>
              </tr>
                
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
   <div class="content-wrapper">
      <div class="content-main">
         <div class="cover">
            <div class="cover-top">
               <div>
                  <div style="height: 30px; line-height: 30px;">报告编号：{{reportData.rcode}}</div>
                  <div style="height: 30px; line-height: 30px;">Reference No：{{reportData.rcode}}</div>
               </div>
            </div>
            <div class="title">
               <h1 style="text-align-last:justify ;">检验报告</h1>
               <h1>Test Report</h1>
            </div>
            <div class="cover-body">
               <div class="name">
                  <div style="width:140px; text-align-last: justify;">
                     <div>试样名称</div>
                     <span style="font-size: 14px;">Name of Product</span>
                  </div>
                  <div class="line"> {{reportData.name}}</div>
               </div>
               <div class="name">
                  <div style="width:140px; text-align-last: justify;">
                     <div style="text-align-last: justify;">型号</div>
                     <span style="font-size: 14px;">Type and Size</span>
                  </div>
                  <div class="line"> {{reportData.specifications}}</div>
               </div>
               <div class="name">
                  <div style="width:140px; text-align-last: justify;">
                     <div>委托单位</div>
                     <span style="font-size: 14px;display: block;margin: 10px 45px 0px;">Client</span>
                  </div>
                  <div class="line"> {{reportData.supplier}}</div>
               </div>
               <div class="name">
                  <div style="width:140px; text-align-last: justify;">
                     <div>检验类别</div>
                     <span style="font-size: 14px;">Kind of Test</span>
                  </div>
                  <div class="line"> {{reportData.type==1?'成品检验':'委托检验'}}</div>
               </div>
            </div>
            <div class="cover-footer">
               <span>{{enterprise.name}}</span><br>
               <span style="font-size: 14px;">{{enterprise.nameEn}}</span>
            </div>
         </div>
         <div class="pageOne">
            <div class="statement">
               <div>
                  <h2>声明</h2>
               </div>
               <div style="text-align-last: center;">
                  <h2 style="font-size: 14px;">Statement</h2>
               </div>
            </div>
            <div class="statement-body">
               <div>
                  <span>1. 本检验报告（包括复印件）未加检测专用章一律无效。</span><br>
                  <span>This test report (including any duplicates) shall become effective only with pecial chapter for
                     testing on.</span>
               </div>
               <div>
                  <span>2. 本检验报告无编写、审核、批准人签章无效。</span><br>
                  <span>This test report shall become effective only with the signatures of compiler checker and
                     approver.</span>
               </div>
               <div>
                  <span>3. 本检验报告涂改无效。</span><br>
                  <span>This test report will be invalid if altered.</span>
               </div>
               <div>
                  <span>4. 本检验报告不得部分复印。</span><br>
                  <span>This test report mustn’t copy partly.</span>
               </div>
               <div>
                  <span>5. 送样委托检验，仅对来样负责。</span><br>
                  <span>For the sample submitted by clients, the test result is valid only for these samples.</span>
               </div>
               <div>
                  <span>6. 样品及委托单位为委托方自命名。</span><br>
                  <span>Samples and consignor name for the principal.</span>
               </div>
               <div>
                  <span>7. 本检验报告中英文描述有冲突时，以中文解释为准。</span><br>
                  <span>If the Chinese and English version of the test report have any conflict, the Chinese version should be
                     the standard for arbitrament.</span>
               </div>
               <div>
                  <span>8. 委托方对本检验报告若有异议，应于样品保存期内向本中心提出，联系电话：{{enterprise.linkPhone}}</span><br>
                  <span>Clients who have any different ideas about this test report, may contract with Test Central within the
                     sample reservation time. Tel: {{enterprise.linkPhone}}</span>
               </div>
               <div>
                  <span>9. 本中心样品自报告发送日起，一般保存一个月，以备复验。</span><br>
                  <span>The sample shall be reserved for one month beginning from the data when this test report is submitted
                     for examine or review.</span>
               </div>
            </div>
            <div class="statement-footer">
               <div class="depart">
                  <span>{{enterprise.name}}</span><br>
                  <span>{{enterprise.nameEn}}</span>
               </div>
               <div class="address">
                  <span>地 址：{{enterprise.address}}</span><br>
                  <span>Address: {{enterprise.addressEn}}</span>
               </div>
               <div class="zipcode">邮政编码Zip Code：{{enterprise.code}}</div>
               <div class="tel">电 话Tel：{{enterprise.linkPhone}}</div>
               <div class="email">邮 箱E-mail：{{enterprise.email}}</div>
            </div>
         </div>
         <div class="pageTwo">
            <div class="header" style="line-height: 10px;">
               <div style="width: 350px;margin: 0 auto; text-align-last: justify;">
                  <h2 style="font-size: 18px;">{{enterprise.name}}</h2>
               </div>
               <div style="width: 500px; margin: 0 auto;text-align-last: justify;">
                  <h2 style="font-size: 14px;">{{enterprise.nameEn}}</h2>
               </div>
               <div style="width: 120px;margin: 0 auto;text-align-last: justify;">
                  <h2 style="font-size: 18px;">检测报告</h2>
               </div>
               <div style="width: 100px; margin: 0 auto;text-align-last: justify;">
                  <h2 style="font-size: 14px;">Test Report</h2>
               </div>
            </div>
            <div class="table">
               <div class="table-header">
                  <div>
                     <span>报告编号：{{reportData.rcode}}</span><br>
                     <span>Reference No：{{reportData.rcode}}</span>
                  </div>
                  <div>
                     <span>第1页共2页</span><br>
                     <span>Page 1 of 2</span>
                  </div>
               </div>
               <div class="table-body">
                  <table width="100%" border="1" cellspacing="0" style="text-align: center;">
                     <tr>
                        <td><span>试样名称</span><br>
                           <span>Name of product</span>
                        </td>
                        <td colspan="2">{{reportData.name}}</td>
                        <td>
                           <span>规格型号</span><br>
                           <span>Type and size</span>
                        </td>
                        <td colspan="2">{{reportData.specifications}}</td>
                     </tr>
                     <tr>
                        <td>
                           <span>样品数量</span><br>
                           <span>Test item</span>
                        </td>
                        <td colspan="2">{{reportData.num}}</td>
                        <td>
                           <span>检验项目</span><br>
                           <span>Test item</span>
                        </td>
                        <td colspan="2">{{reData.productNames}}</td>
                     </tr>
                     <tr>
                        <td>
                           <span>来样方式</span><br>
                           <span>Delivering method</span>
                        </td>
                        <td colspan="2"></td>
                        <td>
                           <span>检验类型</span><br>
                           <span>Type of test</span>
                        </td>
                        <td colspan="2">
                           {{reportData.type === 0 ? "原材料检验" : (reportData.type === 1 ? "委托检验" : "成品检验")}}
                        </td>
                     </tr>
                     <tr>
                        <td>
                           <span>样品状态</span><br>
                           <span>Sample discription</span>
                        </td>
                        <td colspan="2">/</td>
                        <td>
                           <span>生产单位</span><br>
                           <span>Producer</span>
                        </td>
                        <td colspan="2">
                           {{reportData.supplier}}
                        </td>
                     </tr>
                     <tr>
                        <td>
                           <span>送样时间</span><br>
                           <span>Received date</span>
                        </td>
                        <td colspan="2">
									
                        </td>
                        <td>
                           <span>检验日期</span><br>
                           <span>Test date</span>
                        </td>
                        <td colspan="2">
                           {{reportData.createTime}}
                        </td>
                     </tr>
                     <tr>
                        <td>
                           <span>委托人</span><br>
                           <span>Consignor</span>
                        </td>
                        <td colspan="2">
                           {{enterprise.linkName}}
                        </td>
                        <td>
                           <span>电话</span><br>
                           <span>Tel</span>
                        </td>
                        <td colspan="2">
                           {{enterprise.linkPhone}}
                        </td>
                     </tr>
                     <tr>
                        <td>
                           <span>委托单位</span><br>
                           <span>Client</span>
                        </td>
                        <td colspan="5">
                           {{enterprise.name}}
                        </td>
                     </tr>
                     <tr>
                        <td>
                           <span>委托单位地址</span><br>
                           <span>Address</span>
                        </td>
                        <td colspan="5">
                           {{enterprise.address}}
                        </td>
                     </tr>
                     <tr>
                        <td>
                           <span>检验环境</span><br>
                           <span>Test environment</span>
                        </td>
                        <td colspan="5"></td>
                     </tr>
                     <tr>
                        <td>
                           <span>检验依据</span><br>
                           <span>Test standard</span>
                        </td>
                        <td colspan="5"></td>
                     </tr>
                     <tr>
                        <td style="height: 180px;">
                           <span>结论</span><br>
                           <span>Conclusion </span>
                        </td>
                        <td colspan="5">
                           <div style="padding-left: 20px;width:100%;text-align:left; font-size:18px;height: 120px;line-height: 120px;">{{reportData.inspectionStatus === 1 ? "合格" : "不合格"}}</div>
                           <div style="height: 60px;margin-left: 250px;">
                              <span>（检测报告专用章）</span><br>
                              <span>( SPECIFIC STAMP FOR TEST RTORT) </span><br>
                              <span>签发日期： {{formattedDate('yyyy年MM月DD日','zh-cn') }}</span><br>
                              <span>Date of issue: {{formattedDate('LL','en-ca') }}</span>
                           </div>
                        </td>
                     </tr>
                     <tr>
                        <td>
                           <span>备注</span><br>
                           <span>Remark </span>
                        </td>
                        <td colspan="5">{{reportData.notes  }}</td>
                     </tr>
                     <tr>
                        <td>
                           <span>编制</span><br>
                           <span>Preparer</span>
                        </td>
                        <td colspan="2">{{reportData.preparerName}}</td>
                        <td>
                           <span>检验</span><br>
                           <span>Tester</span>
                        </td>
                        <td colspan="2">{{ reportData.iUserName }}</td>
                     </tr>
                     <tr>
                        <td>
                           <span>审核</span><br>
                           <span>Checker </span>
                        </td>
                        <td colspan="2"></td>
                        <td>
                           <span>批准</span><br>
                           <span>Approver</span>
                        </td>
                        <td colspan="2"></td>
                     </tr>
                  </table>
               </div>
            </div>
         </div>
         <div class="pageThree">
            <div class="header" style="line-height: 10px;">
               <div style="width: 350px;margin: 0 auto; text-align-last: justify;">
                  <h2 style="font-size: 18px;">江苏中天科技股份有限公司检测中心</h2>
               </div>
               <div style="width: 500px; margin: 0 auto;text-align-last: justify;">
                  <h2 style="font-size: 14px;">TEST CENTER OF JIANGSU ZHONGTIAN TECHNOLOGY CO.,LTD</h2>
               </div>
               <div style="width: 120px;margin: 0 auto;text-align-last: justify;">
                  <h2 style="font-size: 18px;">检测报告</h2>
               </div>
               <div style="width: 100px; margin: 0 auto;text-align-last: justify;">
                  <h2 style="font-size: 14px;">Test Report</h2>
               </div>
            </div>
            <div class="table">
               <div class="table-header">
                  <div>
                     <span>报告编号：{{reportData.rcode}}</span><br>
                     <span>Reference No：{{reportData.rcode}}</span>
                  </div>
                  <div>
                     <span>第2页共2页</span><br>
                     <span>Page 2 of 2</span>
                  </div>
               </div>
               <div class="table-body">
                  <table width="100%" border="1" cellspacing="0" style="text-align: center;">
                     <tr>
                        <td colspan="4">
                           <span>样品编号</span><br>
                           <span>Sample No</span>
                        </td>
                        <td colspan="3">{{reportData.imCode}}</td>
                        <td colspan="4">
                           <span>规格型号</span><br>
                           <span>Type</span>
                        </td>
                        <td colspan="3">{{reportData.specifications}}</td>
                     </tr>
                     <tr>
                        <td>
                           <span>序号</span><br>
                           <span>No</span>
                        </td>
                        <td colspan="3">
                           <span>检验项目</span><br>
                           <span>Test item</span>
                        </td>
                        <td>
                           <span>单位</span><br>
                           <span>Unit</span>
                        </td>
                        <td colspan="3">
                           <span>标准要求</span><br>
                           <span>Requirement</span>
                        </td>
                        <td colspan="3">
                           <span>检验结果</span><br>
                           <span>Test result</span>
                        </td>
                        <td>
                           <span>结论</span><br>
                           <span>Conclusion</span>
                        </td>
                     </tr>
                     <tr v-for="(item, index) in resultTable" :key="index">
                        <td>
                           <span>{{ index + 1 }}</span><br>
                        </td>
                        <td colspan="3">
                           <span>{{ item.ipName }}</span>
                        </td>
                        <td>
                           <span>{{ item.unit }}</span>
                        </td>
                        <td colspan="3">
                           <span>{{ item.required }}</span><br>
                        </td>
                        <td colspan="3">
                           <span>{{ item.testValue }}</span><br>
                        </td>
                        <td>
                           <span>{{ isIfState(item.testState) }}</span>
                        </td>
                     </tr>
                     <tr>
                        <td>
                           <span>备注:</span><br/>
                           <span>remarks:</span>
                        </td>
                        <td colspan="13">
                           “√”表示项目合格，“×”表示项目不合格,“－”表示不要判定，“／”表示没有标准要求。
                           “√” indicates test Item is qualified，“×” indicates test Item is unqualified,
                           “－” indicates test Item  judgment is not required,“／” indicates test Item is no test requirement .
                        </td>
                     </tr>
                  </table>
               </div>
            </div>
         </div>
         <div class="pageFour">
            <div class="page-header" style="display: flex;justify-content: space-between;font-size: 12px;">
               <div>
                  <span>报告编号：{{reportData.rcode}}</span><br>
                  <span>Reference No：{{reportData.rcode}}</span>
               </div>
               <div>
                  <span>附页</span><br>
                  <span>Appenfix</span>
               </div>
            </div>
            <hr>
            <div class="table">
               <div class="table-header">
                  <div style="width: 200px; margin: 0 auto;text-align-last: justify;">
                     <h2>检验设备一览表</h2>
                  </div>
                  <div style="text-align-last: center;">
                     <h2 style="font-size: 14px;">Equipment List</h2>
                  </div>
               </div>
               <div class="table-body">
                  <table width="100%" border="1" cellspacing="0" style="text-align: center;">
                     <thead>
                        <tr>
                           <td>
                              <span>序号</span><br>
                              <span>No</span>
                           </td>
                           <td colspan="2">
                              <span>设备名称</span><br>
                              <span>Equipment name</span>
                           </td>
                           <td>
                              <span>设备型号</span><br>
                              <span>type</span>
                           </td>
                           <td colspan="2">
                              <span>编号</span><br>
                              <span>Factory number</span>
                           </td>
                           <td colspan="2">
                              <span>校准有效期</span><br>
                              <span>Date of validity</span>
                           </td>
                        </tr>
                     </thead>
                     <tr v-for="(item, index) in reportData.equipment" :key="index">
                        <td>
                           <span>{{ item.eId }}</span>
                        </td>
                        <td colspan="2">
                           <span>{{ item.eName }}</span>
                        </td>
                        <td>
                           <span>{{ item.eType }}</span><br>
                        </td>
                        <td colspan="2">
                           <span>{{ item.eCode }}</span>
                        </td>
                        <td colspan="2">
                           <span>{{ item.validty }}</span>
                        </td>
                     </tr>
                  </table>
                  <p style="width:100%;text-align: center;font-size: 15px;">------以下空白（Following Blank）------</p>
               </div>
            </div>
         </div>
      </div>
   </div>
</template>

<script>
export default {
  name:'TestReport',
  props:["reportData"],
  data(){
    return {
      resultTable:[
        {
          id: '1',
          testitem: '原始拉伸',
          testitem_engName: 'Primitive strength',
          unit: 'MPa',
          requirement: '最小10.0',
          requirement_eng: 'Minimun 10.0',
          testresult: '',
          testitem_engName: ''
        }
      ],
      table:[{
        id: 1,
        equipment_name: '拖拉机',
        type: 1,
        factory_number: 'Akjgfewof',
        validity:'2023.8.25~2023.8.27'
      }]
    }
  }
}
   import moment from 'moment';
   import {
      get,
      post,
      wpost
   } from "@/api/util/requestUtil.js"
   export default {
      name: 'TestReport',
      data() {
         return {
            resultTable: [],
            table: [{
               id: 1,
               equipment_name: '拖拉机',
               type: 1,
               factory_number: 'Akjgfewof',
               validity: '2023.8.25~2023.8.27'
            }],
            enterprise: {},
            reData: {
               productNames: null
            }
         }
      },
      mounted() {
         this.initResultData();
         this.getEnterprise();
         if (Object.keys(this.reportData).length > 0) {
            this.reData.productNames = ''
            this.reportData.products.forEach(a=>{
               this.reData.productNames += ("," + a.ipName)
            })
            this.reData.productNames = this.reData.productNames.replace(',','')
         }
      },
      methods: {
         initResultData(){
            this.resultTable = this.reportData.products;
            if (this.resultTable.length < 15) {
               let size = this.resultTable.length;
               let num = 15 - size;
               for (let i = 0; i < num; i++) {
                  this.resultTable.push({
                     code: null,
                     ipName: "",
                     required: "",
                     testState: null,
                     testValue: "",
                     unit: ""
                  })
               }
            }
         },
         isIfState(val) {
            if (val === 1) return "√"
            else if (val === null || val === undefined) return null
            else return "X"
         },
         formattedDate(fmt,local) {
            moment.locale(local);
            return moment().format(fmt);
         },
         getEnterprise() {
            get("/report/getEnterprise").then(res => {
               this.enterprise = res.data
            })
         }
      },
      props: ["reportData"],
   }
</script>

<style lang="scss" scoped>
.content-wrapper{
  // background-color: #f0f2f5;
  // width: 100%;
  // height: 100vh;
  // overflow-y: auto;
  .content-main{
    margin: -100px auto;
    width: 90%;
    .cover{
      margin: 80px 0px;
      padding:0px 50px;
      height: 1200px;
      background-color: #fff;
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
      .cover-top{
        display: flex;
        justify-content: end;
        font-size: 20px;
        margin-right: 50px;
        padding-top: 50px;
        // font-weight: bold;
      }
      .title{
        margin-top: 100px;
        padding: 0px 220px;
        text-align: center;
        font-size: 25px;
      }
      .cover-body{
        font-size: 25px;
        margin: 100px 80px;
        .name{
          // background-color: #bfa;
          display: flex;
          justify-content: space-between;
          margin-bottom: 20px;
          .line{
            width: 500px;
            border-bottom: solid 1px black;
            text-align: center;
            // height: 60px;
            line-height: 60px;
          }
        }
      }
      .cover-footer{
        text-align: center;
        margin-top: 200px;
        span{
          font-size: 23px;
          height: 40px;
          line-height: 40px;
        }
      }
    }
    .pageOne{
      margin-top: -50px;
      background-color: #fff;
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
      padding:50px 100px;
      height: 1200px;
      .statement{
        margin: 0 auto;
        width: 100px;
        text-align-last: justify;
      }
      .statement-body{
        line-height: 32px;
        text-align: justify;
        margin: 30px 0px;
        font-size: 12px;
      }
      .statement-footer{
        line-height: 30px;
        font-size: 12px;
      }
    }
    .pageTwo{
      margin-top: 30px;
      background-color: #fff;
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
      padding:50px 60px;
      height: 1200px;
      .table{
        margin-top: 20px;
        .table-header{
          display: flex;
          justify-content: space-between;
          font-size: 14px;
          line-height: 20px;
        }
        .table-body{
          font-size: 12px;
          table td{
            width: 150px;
            height: 52px;
          }
        }
      }
    }
    .pageThree{
      margin-top: 30px;
      background-color: #fff;
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
      padding:50px 60px;
      height: 1200px;
      .table{
        margin-top: 20px;
        .table-header{
          display: flex;
          justify-content: space-between;
          font-size: 14px;
          line-height: 20px;
        }
        .table-body{
          font-size: 12px;
          table td{
            width: 8%;
            height: 52px;
          }
        }
      }
    }
    .pageFour{
      margin-top: 30px;
      background-color: #fff;
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
      padding:50px 60px;
      height: 1200px;
      .table{
        margin-top: 50px;
        .table-header{
          line-height: 20px;
        }
        .table-body{
          margin-top: 20px;
          font-size: 12px;
          table td{
            width: 80px;
            height: 52px;
          }
        }
      }
    }
    
  }
}
   .content-wrapper {
      .content-main {
         margin: -100px auto;
         width: 90%;

         .cover {
            margin: 80px 0px;
            padding: 0px 50px;
            height: 1200px;
            background-color: #fff;
            box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);

            .cover-top {
               display: flex;
               justify-content: end;
               font-size: 20px;
               margin-right: 50px;
               padding-top: 50px;
               // font-weight: bold;
            }

            .title {
               margin-top: 100px;
               padding: 0px 220px;
               text-align: center;
               font-size: 25px;
            }

            .cover-body {
               font-size: 25px;
               margin: 100px 80px;

               .name {
                  // background-color: #bfa;
                  display: flex;
                  justify-content: space-between;
                  margin-bottom: 20px;

                  .line {
                     width: 500px;
                     border-bottom: solid 1px black;
                     text-align: center;
                     // height: 60px;
                     line-height: 60px;
                  }
               }
            }

            .cover-footer {
               text-align: center;
               margin-top: 200px;

               span {
                  font-size: 23px;
                  height: 40px;
                  line-height: 40px;
               }
            }
         }

         .pageOne {
            margin-top: -50px;
            background-color: #fff;
            box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
            padding: 50px 100px;
            height: 1200px;

            .statement {
               margin: 0 auto;
               width: 100px;
               text-align-last: justify;
            }

            .statement-body {
               line-height: 32px;
               text-align: justify;
               margin: 30px 0px;
               font-size: 12px;
            }

            .statement-footer {
               line-height: 30px;
               font-size: 12px;
            }
         }

         .pageTwo {
            margin-top: 30px;
            background-color: #fff;
            box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
            padding: 50px 60px;
            height: 1200px;

            .table {
               margin-top: 20px;

               .table-header {
                  display: flex;
                  justify-content: space-between;
                  font-size: 14px;
                  line-height: 20px;
               }

               .table-body {
                  font-size: 12px;

                  table td {
                     width: 150px;
                     height: 52px;
                  }
               }
            }
         }

         .pageThree {
            margin-top: 30px;
            background-color: #fff;
            box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
            padding: 50px 60px;
            height: 1200px;

            .table {
               margin-top: 20px;

               .table-header {
                  display: flex;
                  justify-content: space-between;
                  font-size: 14px;
                  line-height: 20px;
               }

               .table-body {
                  font-size: 12px;

                  table td {
                     width: 8%;
                     height: 52px;
                  }
               }
            }
         }

         .pageFour {
            margin-top: 30px;
            background-color: #fff;
            box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
            padding: 50px 60px;
            height: 1200px;

            .table {
               margin-top: 50px;

               .table-header {
                  line-height: 20px;
               }

               .table-body {
                  margin-top: 20px;
                  font-size: 12px;

                  table td {
                     width: 80px;
                     height: 52px;
                  }
               }
            }
         }

      }
   }
</style>