bug修复

value

2023-09-01 a48d89e9821e7bfeed78fa5185433facf13ca003

 src/components/experiment/template_testReport/index.vue

@@ -4,8 +4,8 @@
      <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 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">
@@ -18,47 +18,54 @@
            <div>试样名称</div>
            <span style="font-size: 14px;">Name of Product</span>
            </div>
            <div class="line"> 测试名称</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"> 测试名称</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"> 测试名称</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"> 测试名称</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>江苏中天科技股份有限公司检测中心</span><br>
          <span style="font-size: 14px;">TEST CENTER OF JIANGSU ZHONGTIAN TECHNOLOGY CO.,LTD</span>
               <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>
                  <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>
                  <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>
                  <span>This test report shall become effective only with the signatures of compiler checker and
                     approver.</span>
          </div>
          <div>
            <span>3.   本检验报告涂改无效。</span><br>
@@ -78,38 +85,41 @@
          </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>
                  <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>
                  <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>
                  <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>
                  <span>{{enterprise.name}}</span><br>
                  <span>{{enterprise.nameEn}}</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>
                  <span>地 址：{{enterprise.address}}</span><br>
                  <span>Address: {{enterprise.addressEn}}</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 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;">江苏中天科技股份有限公司检测中心</h2>
                  <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;">TEST CENTER OF JIANGSU ZHONGTIAN TECHNOLOGY CO.,LTD</h2>
                  <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>
@@ -121,8 +131,8 @@
        <div class="table">
          <div class="table-header">
            <div>
              <span>报告编号：</span><br>
              <span>Reference No：</span>
                     <span>报告编号：{{reportData.rcode}}</span><br>
                     <span>Reference No：{{reportData.rcode}}</span>
            </div>
            <div>
              <span>第1页共2页</span><br>
@@ -133,25 +143,26 @@
            <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>
                           <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"></td>
                        <td colspan="2">{{reportData.specifications}}</td>
              </tr>
              <tr>
                <td>
                  <span>样品数量</span><br>
                  <span>Test item</span>
                </td>
                <td colspan="2"></td>
                        <td colspan="2">{{reportData.num}}</td>
                <td>
                  <span>检验项目</span><br>
                  <span>Test item</span>
                </td>
                <td colspan="2"></td>
                        <td colspan="2">{{reData.productNames}}</td>
              </tr>
              <tr>
                <td>
@@ -310,7 +321,8 @@
              <tr>
                <td colspan="4">
                  <span>样品编号</span><br>
                  <span>Sample No</span></td>
                           <span>Sample No</span>
                        </td>
                <td colspan="3"></td>
                <td colspan="4">
                  <span>规格型号</span><br>
@@ -370,7 +382,7 @@
                    <span></span>
                  </td>
                </tr>
                <tr v-for="item in resultTable" :key="index">
                     <tr v-for="(item, index) in resultTable" :key="index">
                  <td>
                    <span>{{ item.id }}</span><br>
                  </td>
@@ -393,7 +405,6 @@
                    <span>{{ item.conclusion }}</span>
                  </td>
                </tr>
                
            </table>
          </div>
        </div>
@@ -412,8 +423,12 @@
        <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 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;">
@@ -441,7 +456,7 @@
                    </td>
                  </tr>
              </thead>
              <tr v-for="item in table" :key="index">
                     <tr v-for="(item, index) in table" :key="index">
                <td>
                  <span>{{ item.id }}</span>
                </td>
@@ -458,7 +473,6 @@
                  <span>{{ item.validity }}</span>
                </td>
              </tr>
                
            </table>
          </div>
        </div>
@@ -468,13 +482,17 @@
</template>

<script>
   import {
      get,
      post,
      wpost
   } from "@/api/util/requestUtil.js"
export default {
  name:'TestReport',
  props:["reportData"],
  data(){
    return {
      resultTable:[
        {
            resultTable: [{
          id: '1',
          testitem: '原始拉伸',
          testitem_engName: 'Primitive strength',
@@ -483,15 +501,35 @@
          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'
      }]
            }],
            enterprise: {},
            reData: {
               productNames: null
            }
         }
      },
      mounted() {
         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: {
         getEnterprise() {
            get("/report/getEnterprise").then(res => {
               this.enterprise = res.data
            })
    }
  }
}
@@ -499,19 +537,17 @@

<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;
@@ -520,20 +556,24 @@
        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;
@@ -543,9 +583,11 @@
          }
        }
      }

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

        span{
          font-size: 23px;
          height: 40px;
@@ -553,44 +595,53 @@
        }
      }
    }

    .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;
@@ -598,22 +649,27 @@
        }
      }
    }

    .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;
@@ -621,20 +677,25 @@
        }
      }
    }

    .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;