<template>
|
<div class="preview-main">
|
<div class="logo">
|
<img :src="logoSrc" />
|
</div>
|
<div class="center">
|
<h1>原材料检测报告</h1>
|
<table>
|
<tr>
|
<td>材料名称</td>
|
<td colspan="5"></td>
|
</tr>
|
<tr>
|
<td>规格型号</td>
|
<td colspan="2"></td>
|
<td>材料厂家</td>
|
<td colspan="2"></td>
|
</tr>
|
<tr>
|
<td>材料批号</td>
|
<td colspan="2"></td>
|
<td>检测编号</td>
|
<td colspan="2"></td>
|
</tr>
|
<tr>
|
<td>检测依据</td>
|
<td colspan="2"></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 in 15" :key="item">
|
<td>{{item}}</td>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
</tr>
|
<tr>
|
<td colspan="6">检验结论：</td>
|
</tr>
|
<tr>
|
<td colspan="6">
|
注：“√”表示该项目合格，“×”表示该项目不合格“—”表示该项目不要求检测。
|
</td>
|
</tr>
|
</table>
|
<el-row class="date-group" :gutter="20">
|
<el-col :span="8">检测、日期：<span>2023-08-25</span></el-col>
|
<el-col :span="8">审核、日期：<span>2023-08-25</span></el-col>
|
<el-col :span="8">批准、日期：<span>2023-08-25</span></el-col>
|
</el-row>
|
<p class="footer">
|
<span>编号:</span><span>ZTT/ICSRCP18-003</span>
|
<span> 发行日期:</span><span>2023-08-25</span>
|
<span> 发行部门:</span><span>质量部</span>
|
<span> 保存期限:</span><span>长期</span>
|
</p>
|
</div>
|
</div>
|
</template>
|
<script>
|
export default({
|
data() {
|
return {
|
logoSrc : require("@/assets/404_images/logo.png"),
|
}
|
}
|
})
|
</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: 15px 20px;
|
}
|
.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>
|
