8.25 成品检测模板

yuyu

2023-08-25 8d51c5ca5c50409d3272e5a51b9ba430f68311b2

8.25 成品检测模板

 src/router/index.js

@@ -47,6 +47,11 @@
    hidden:true
  },
  {
    path: '/testReport',
    component: () => import('@/views/template_testReport/index'),
    hidden:true
  },
  {
    path: '/',
    component: Layout,
    redirect: '/home',

 src/views/inspectionManagement/commissionInspection/addCommision.vue

@@ -485,6 +485,10 @@
  background-color: #f0f2f5;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  // align-items: center;

.firstBox{
  .title{

 src/views/template_testReport/index.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,651 @@
<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 50px 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>
</template>

<script>
export default {
  props:{

  },
  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'
      }]
    }
  }
}
</script>

<style lang="scss" scoped>
.content-wrapper{
  background-color: #f0f2f5;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  .content-main{
    margin: -50px auto;
    width: 50%;
    // background-color: #fff;
    // background-color: #bfa;
    .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>