From 77a041c5e9a31ad96fce404f06fe0c03f4031b1d Mon Sep 17 00:00:00 2001 From: Fixiaobai <fixiaobai@163.com> Date: 星期一, 28 八月 2023 09:19:13 +0800 Subject: [PATCH] Merge branch 'master' of http://192.168.110.209:9001/r/lims-before --- src/components/experiment/checkTheReport/index.vue | 136 +++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 136 insertions(+), 0 deletions(-) diff --git a/src/components/experiment/checkTheReport/index.vue b/src/components/experiment/checkTheReport/index.vue new file mode 100644 index 0000000..fe7d0f5 --- /dev/null +++ b/src/components/experiment/checkTheReport/index.vue @@ -0,0 +1,136 @@ +<template> + <div class="preview-main"> + <div class="logo"> + <img :src="logoSrc" /> + </div> + <div class="center"> + <h1>鍘熸潗鏂欐娴嬫姤鍛�</h1> + <table> + <tr> + <td>鏉愭枡鍚嶇О</td> + <td colspan="5">{{reportData.name}}</td> + </tr> + <tr> + <td>瑙勬牸鍨嬪彿</td> + <td colspan="2"> + {{reportData.specifications.split("-")[1]}} + </td> + <td>鏉愭枡鍘傚</td> + <td colspan="2">{{reportData.supplier}}</td> + </tr> + <tr> + <td>鏉愭枡缂栧彿</td> + <td colspan="2">{{reportData.imCode}}</td> + <td>妫�娴嬬紪鍙�</td> + <td colspan="2">{{reportData.insCode}}</td> + </tr> + <tr> + <td>妫�娴嬩緷鎹�</td> + <td colspan="2">{{reportData.specifications.split("-")[0]}}</td> + <td>妫�娴嬬被鍒�</td> + <td colspan="2">鍘熸潗鏂�</td> + </tr> + <tr> + <td>搴忓彿</td> + <td>妫�楠岄」鐩�</td> + <td>鍗曚綅</td> + <td>鏍囧噯瑕佹眰</td> + <td>妫�娴嬬粨鏋�</td> + <td>鍗曢」鍒ゆ柇</td> + </tr> + <tr v-for="(item,index) in reportData.products" :key="item"> + <td>{{index+1}}</td> + <td>{{item.ipName}}</td> + <td>{{item.unit}}</td> + <td>{{item.required}}</td> + <td>{{item.testValue}}</td> + <td>{{item.testState == 1 ? "鈭�" : "X"}}</td> + </tr> + <tr> + <td colspan="6">妫�楠岀粨璁猴細{{reportData.type == 1 ? "鍚堟牸" : "涓嶅悎鏍�"}}</td> + </tr> + <tr> + <td colspan="6"> + 娉細鈥溾垰鈥濊〃绀鸿椤圭洰鍚堟牸锛屸�溍椻�濊〃绀鸿椤圭洰涓嶅悎鏍硷紝鈥溾�斺�濊〃绀鸿椤圭洰涓嶈姹傛娴嬨�� + </td> + </tr> + </table> + <el-row class="date-group" :gutter="20"> + <el-col :span="12">妫�娴嬨�佹棩鏈燂細<span>{{reportData.createTime}}</span></el-col> + <el-col :span="12">瀹℃牳銆佹棩鏈燂細<span>{{reportData.checkTime}}</span></el-col> + </el-row> + <p class="footer"> + <span>缂栧彿:</span><span>{{reportData.reportCode}}</span> + <span> 鍙戣鏃ユ湡:</span><span>{{new Date() | formatDate}}</span> + <span> 淇濆瓨鏈熼檺:</span><span>闀挎湡</span> + </p> + </div> + </div> +</template> +<script> +export default({ + data() { + return { + logoSrc : require("@/assets/404_images/logo.png"), + } + }, + methods:{ + formatDate(val){ + var dt = new Date(val); + let year = dt.getFullYear(); + let month = (dt.getMonth() + 1).toString().padStart(2,'0'); + let date = dt.getDate().toString().padStart(2,'0'); + return `${year}-${month}-${date}`; + } + }, + props:["reportData"] +}) +</script> +<style scoped lang="scss"> + .preview-main{ + margin: 0; + padding: 0; + width:90%; + margin-left: 5%; + .logo{ + img{ + width: 150px; + height: 60px; + } + } + .center{ + width: 100%; + h1{ + width:100%; + font-family: "寰蒋闆呴粦" !important; + text-align: center; + } + table{ + width:100%; + height:100vh; + border-collapse: collapse; + font-size: 18px; + } + table,tr,th,td{ + border: 2px solid black; + } + tr,td,th{ + padding: 5px 5px; + } + .date-group .el-col{ + text-align: center; + padding: 50px 0px; + font-size: 18px; + } + .footer{ + margin: 0; + padding: 0; + width:90%; + margin-left: 5%; + color: gray; + text-align: center; + margin-top: 250px; + } + } + } +</style> -- Gitblit v1.9.3