From 234e8f7af3e93f78e5384b64e26c2f23c659bfcc Mon Sep 17 00:00:00 2001 From: zouyu <2723363702@qq.com> Date: 星期五, 01 九月 2023 09:12:44 +0800 Subject: [PATCH] Merge branch 'master' of http://192.168.110.209:9001/r/lims-before --- src/components/experiment/checkTheReport/index.vue | 341 +++++++++++++++++++++++++++++--------------------------- 1 files changed, 179 insertions(+), 162 deletions(-) diff --git a/src/components/experiment/checkTheReport/index.vue b/src/components/experiment/checkTheReport/index.vue index 3f4d022..cbcf0f9 100644 --- a/src/components/experiment/checkTheReport/index.vue +++ b/src/components/experiment/checkTheReport/index.vue @@ -1,167 +1,184 @@ <template> - <div class="preview-main"> - <div class="logo"> - <img :src="logoSrc" /> - </div> - <div class="center"> - <h1>鍘熸潗鏂欐娴嬫姤鍛�</h1> - <table height="30px"> - <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 arr" :key="index"> - <td>{{index+1}}</td> - <td>{{item.ipName}}</td> - <td>{{item.unit}}</td> - <td>{{item.required}}</td> - <td>{{item.testValue}}</td> - <td > - {{isIfState(item.testState) }} - </td> - </tr> - <tr> - <td colspan="6">妫�楠岀粨璁猴細{{reportData.type == 1 ? "鍚堟牸" : "涓嶅悎鏍�"}}</td> - </tr> - <tr> - <td colspan="6"> - 娉細鈥溾垰鈥濊〃绀鸿椤圭洰鍚堟牸锛屸�溍椻�濊〃绀鸿椤圭洰涓嶅悎鏍硷紝鈥溾�斺�濊〃绀鸿椤圭洰涓嶈姹傛娴嬨�� - </td> - </tr> - </table> - <el-row class="date-group"> - <p>妫�娴嬨�佹棩鏈燂細<span>{{reportData.createTime}}</span></p> - <p>瀹℃牳銆佹棩鏈燂細<span>{{reportData.checkTime}}</span></p> - </el-row> - <p class="footer"> - <span>缂栧彿锛�</span><span>{{reportData.rcode}} </span> - <span>鍙戣鏃ユ湡锛�</span><span>{{now}} </span> - <span>淇濆瓨鏈熼檺锛�</span><span>闀挎湡</span> - </p> - </div> - </div> + <div class="preview-main"> + <div class="logo"> + <img :src="logoSrc" /> + </div> + <div class="center"> + <h1>鍘熸潗鏂欐娴嬫姤鍛�</h1> + <table height="30px"> + <tr> + <td>鏉愭枡鍚嶇О</td> + <td colspan="5">{{reportData.name}}</td> + </tr> + <tr> + <td>瑙勬牸鍨嬪彿</td> + <td colspan="2"> + {{reportData.length==0?null: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.length==0?null: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 arr" :key="index"> + <td>{{index+1}}</td> + <td>{{item.ipName}}</td> + <td>{{item.unit}}</td> + <td>{{item.required}}</td> + <td>{{item.testValue}}</td> + <td> + {{isIfState(item.testState) }} + </td> + </tr> + <tr> + <td colspan="6">妫�楠岀粨璁猴細{{reportData.type == 1 ? "鍚堟牸" : "涓嶅悎鏍�"}}</td> + </tr> + <tr> + <td colspan="6"> + 娉細鈥溾垰鈥濊〃绀鸿椤圭洰鍚堟牸锛屸�溍椻�濊〃绀鸿椤圭洰涓嶅悎鏍硷紝鈥溾�斺�濊〃绀鸿椤圭洰涓嶈姹傛娴嬨�� + </td> + </tr> + </table> + <el-row class="date-group"> + <p>妫�娴嬨�佹棩鏈燂細<span>{{reportData.createTime}}</span></p> + <p>瀹℃牳銆佹棩鏈燂細<span>{{reportData.checkTime}}</span></p> + </el-row> + <p class="footer"> + <span>缂栧彿锛�</span><span>{{reportData.rcode}} </span> + <span>鍙戣鏃ユ湡锛�</span><span>{{now}} </span> + <span>淇濆瓨鏈熼檺锛�</span><span>闀挎湡</span> + </p> + </div> + </div> </template> <script> -export default({ - name: 'Preview', - data() { - return { - logoSrc : require("@/assets/404_images/logo.png"), - now: new Date().toLocaleDateString(), - arr: [] - } - }, - mounted(){ - this.arr = this.reportData.products; - if(this.reportData.products.length < 10){ - let size = this.reportData.products.length; - let num=10-size - for(let i=0;i< num;i++){ - this.arr.push({ - code: null, - ipName: "", - required: "", - testState: null, - testValue: "", - unit: ""}) - } - } - }, - 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}`; - }, - isIfState(val){ - if(val===1)return "鈭�" - else if(val===null || val=== undefined) return null - else return "X" - } - }, - props:["reportData"] -}) + export default ({ + name: 'Preview', + data() { + return { + logoSrc: require("@/assets/404_images/logo.png"), + now: new Date().toLocaleDateString(), + arr: [] + } + }, + mounted() { + this.arr = this.reportData.products; + if(this.reportData.length>0){ + if (this.reportData.products.length < 10) { + let size = this.reportData.products.length; + let num = 10 - size + for (let i = 0; i < num; i++) { + this.arr.push({ + code: null, + ipName: "", + required: "", + testState: null, + testValue: "", + unit: "" + }) + } + } + } + }, + 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}`; + }, + isIfState(val) { + if (val === 1) return "鈭�" + else if (val === null || val === undefined) return null + else return "X" + } + }, + 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%; - border-collapse: collapse; - font-size: 18px; - } - table,tr,th,td{ - border: 2px solid black; - } - tr,td,th{ - padding: 15px 10px; - } - .date-group{ - width: 90%; - margin-left: 5%; - p{ - width: 50%; - float: left; - text-align: center; - padding: 50px 0px; - font-size: 18px; - } - } - .footer{ - width:90%; - margin-left: 5%; - color: lightgray; - text-align: center; - margin-top: 300px; - } - } - } -</style> + .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%; + border-collapse: collapse; + font-size: 18px; + } + + table, + tr, + th, + td { + border: 2px solid black; + } + + tr, + td, + th { + padding: 15px 10px; + } + + .date-group { + width: 90%; + margin-left: 5%; + + p { + width: 50%; + float: left; + text-align: center; + padding: 50px 0px; + font-size: 18px; + } + } + + .footer { + width: 90%; + margin-left: 5%; + color: lightgray; + text-align: center; + margin-top: 300px; + } + } + } +</style> \ No newline at end of file -- Gitblit v1.9.3