放行委托新增

Fixiaobai

2023-08-29 809f8b1279bf84f28bccabc4f95a8eba6c22a24d

 src/components/experiment/checkTheReport/index.vue

@@ -5,28 +5,32 @@
        </div>
        <div class="center">
            <h1>原材料检测报告</h1>
            <table>
            <table height="30px">
                <tr>
                    <td>材料名称</td>
                    <td colspan="5"></td>
                    <td colspan="5">{{reportData.name}}</td>
                </tr>
                <tr>
                    <td>规格型号</td>
                    <td colspan="2"></td>
                    <td colspan="2">
                        {{reportData.specifications.split("-")[1]}}
                    </td>
                    <td>材料厂家</td>
                    <td colspan="2"></td>
                    <td colspan="2">{{reportData.supplier}}</td>
                </tr>
                <tr>
                    <td>材料批号</td>
                    <td colspan="2"></td>
                    <td>材料编号</td>
                    <td colspan="2">{{reportData.imCode}}</td>
                    <td>检测编号</td>
                    <td colspan="2"></td>
                    <td colspan="2">{{reportData.insCode}}</td>
                </tr>
                <tr>
                    <td>检测依据</td>
                    <td colspan="2"></td>
                    <td colspan="2">
                        {{reportData.specifications.split("-")[0]}}
                    </td>
                    <td>检测类别</td>
                    <td colspan="2"></td>
                    <td colspan="2">原材料</td>
                </tr>
                <tr>
                    <td>序号</td>
@@ -36,33 +40,33 @@
                    <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 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">检验结论：</td>
                    <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="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 class="date-group">
                <p>检测、日期：<span>{{reportData.createTime}}</span></p>
                <p>审核、日期：<span>{{reportData.checkTime}}</span></p>
            </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>
                <span>编号：</span><span>{{reportData.rcode}}  </span>
                <span>发行日期：</span><span>{{now}}  </span>
                <span>保存期限：</span><span>长期</span>
            </p>
        </div>
    </div>
@@ -72,8 +76,41 @@
    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"]
})
</script>
<style scoped lang="scss">
@@ -97,7 +134,6 @@
            }
            table{
                width:100%;
                height:100vh;
                border-collapse: collapse;
                font-size: 18px;
            }
@@ -105,21 +141,25 @@
                border: 2px solid black;
            }
            tr,td,th{
                padding: 15px 20px;
                padding: 15px 10px;
            }
            .date-group .el-col{
                text-align: center;
                padding: 50px 0px;
                font-size: 18px;
            .date-group{
                width: 90%;
                margin-left: 5%;
                p{
                    width: 50%;
                    float: left;
                    text-align: center;
                    padding: 50px 0px;
                    font-size: 18px;
                }
            }
            .footer{
                margin: 0;
                padding: 0;
                width:90%;
                margin-left: 5%;
                color: gray; 
                color: lightgray; 
                text-align: center;
                margin-top: 250px;
                margin-top: 300px;
            }
        }
     }