成品检验，过程检验页面和技术文件模态框

yuyu

2023-08-03 ca9b5d4118f4c29119359503859fa953495496e9

 src/components/view/finishedProductInspection.vue

@@ -5,9 +5,9 @@
      <el-row>
        <el-col :span="12">成品检验</el-col>
        <el-col :span="12" style="text-align: right;">
          <el-button @click="handleAddNew" type="primary" icon="el-icon-plus" style="background: #004EA2; ">新增</el-button>
          <el-button icon="el-icon-delete">删除</el-button>
          <el-button icon="el-icon-download">导出</el-button>
          <el-button @click="handleAddNew" type="primary" size="mini" icon="el-icon-plus" style="background: #004EA2; ">新增</el-button>
          <el-button icon="el-icon-delete" size="mini">删除</el-button>
          <el-button icon="el-icon-download" size="mini">导出</el-button>
        </el-col>
      </el-row>
    </div>
@@ -36,13 +36,17 @@
        <div class="inspectionTable">
            <el-table
                ref="inspectionTable"
                :height="500"
                :max-height="500"
                :height="400"
                :max-height="400"
                :cell-style="{textAlign: 'center'}"
                :header-cell-style="{border:'0px',background:'#f5f7fa',color:'#606266',boxShadow: 'inset 0 1px 0 #ebeef5',textAlign: 'center'}"
                :data="inspectionTable"
                style="width: 100%"
                >
                <el-table-column
                    type="selection"
                    width="50">
                </el-table-column>
                <el-table-column
                    prop="number"
                    label="订单号"
@@ -51,12 +55,12 @@
                <el-table-column
                    prop="username"
                    label="客户名称"
                    min-width="100"
                    min-width="80"
                />
                <el-table-column
                    prop="projectname"
                    label="工程名称"
                    min-width="100"
                    min-width="80"
                />
                <el-table-column
                    prop="tracenumber"
@@ -81,27 +85,27 @@
                <el-table-column
                    prop="unit"
                    label="单位"
                    min-width="32"
                    min-width="50"
                />
                <el-table-column
                    prop="quantity"
                    label="数量"
                    min-width="32"
                    min-width="50"
                />
                <el-table-column
                    prop="machine"
                    label="机台"
                    min-width="44"
                    min-width="60"
                />
                <el-table-column
                    prop="group"
                    label="班组"
                    min-width="38"
                    min-width="50"
                />
                <el-table-column
                    prop="worker"
                    label="主机工"
                    min-width="50"
                    min-width="60"
                />
                <el-table-column
                    prop="date"
@@ -111,11 +115,11 @@
                <el-table-column
                    prop="result"
                    label="检测结果"
                    min-width="30"
                    min-width="80"
                />
                <el-table-column
                    label="操作"
                    min-width="100"
                    min-width="80"
                >
                    <template slot-scope="scope">
                    <el-button type="text" size="small" @click="handleClick(scope.row)">查看</el-button>
@@ -138,15 +142,14 @@
        </div>
    </div>
    </div>
    <div v-if="showAddPage">
    <div class="newPage" v-if="showAddPage">
        <!-- 新增页面 -->
        <div class="newPage">
            <div class="addInspection">
                <el-row class="header">
                    <el-col :span="12">新增成品检验单</el-col>
                    <el-col :span="12" style="text-align: right;">
                        <!-- 点击返回，当前页面值为false -->
                    <el-button @click="showAddPage = false" type="primary" icon="el-icon-back" style="background: #004EA2; ">返回</el-button>
                    <el-button @click="showAddPage = false" type="primary" size="mini" icon="el-icon-back" style="background: #004EA2; ">返回</el-button>
                    </el-col>
                </el-row>
                <el-form :model="addInspectionform" ref="addInspectionform" class="addInspectionform" label-position="left" label-width="100px" size="mini" >
@@ -180,7 +183,7 @@
                        </el-col>
                        <el-col :span="5">
                        <el-form-item label="产品名称：">
                            <el-select style="width: 180px;" v-model="addInspectionform.class" size="small" placeholder="请选择产品大类">
                            <el-select style="width: 180px;" v-model="addInspectionform.class" size="small" placeholder="请选择产品名称">
                                <el-option value="选项1"></el-option>
                                <el-option value="选项2"></el-option>
                            </el-select>
@@ -240,14 +243,14 @@
            </div>
            <div class="inspectionProject">
                <span>检验项目</span>
                <el-table :data="inspectionItems" style="width: 100%">
                <el-table :data="inspectionItems">
                    <el-table-column type="index" label="序号" width="60"></el-table-column>
                    <el-table-column prop="project" label="项目"></el-table-column>
                    <el-table-column prop="unit" label="单位"></el-table-column>
                    <el-table-column prop="standardVal" label="标准值"></el-table-column>
                    <el-table-column prop="controlVal" label="内测值"></el-table-column>
                    <el-table-column prop="detectionVal" label="检验值"></el-table-column>
                    <el-table-column prop="device" label="试验设备">
                    <el-table-column label="试验设备">
                        <template slot-scope="scope">
                        {{ scope.row.device }}
                        <el-select v-model="scope.row.device" size="small" slot="append" style="width: 100px;">
@@ -256,12 +259,17 @@
                        </el-select>
                    </template>
                    </el-table-column>
                    <el-table-column prop="conclusion" label="结论"></el-table-column>
                    <el-table-column prop="conclusion" label="结论">
                        <template slot-scope="scope">
                            <span style="color: #34BD66;" v-if="scope.row.insState==1">合格</span>
                            <span style="color: #E84738;" v-else-if="scope.row.insState==0">不合格</span>
                        </template>
                    </el-table-column>
                </el-table>
            </div>
            <div class="inspectionResult">
                <span>检测结果</span>
                <el-table :data="inspectionResultForm" style="width: 100%">
                <el-table :data="inspectionResultForm">
                    <el-table-column prop="id" label="物料编号"></el-table-column>
                    <el-table-column prop="name" label="物料名称"></el-table-column>
                    <el-table-column prop="inspecter" label="检验员"></el-table-column>
@@ -271,7 +279,6 @@
            </div>
        </div>

    </div>
  </div>
</template>

@@ -343,9 +350,9 @@
                conclusion:'合格'
            }],
            inspectionResultForm:[{
                id:'',
                name:'',
                inspecter:'',
                id:'274024',
                name:'111',
                inspecter:'111',
                conclusion:'',
                operation:''
            }]
@@ -378,15 +385,17 @@
}
.nav{
    display: flex;
    padding: 12px 12px;
    padding: 20px 20px;
    align-items: center;
    background-color: #fff;
}
.nav *{
    font-size: 14px;
}
.content-body{
.content-body {
    background-color: #fff;
    overflow: hidden;
    margin-top: 12px;
}
.inspectionTable{
    padding: 20px 20px;
@@ -396,7 +405,7 @@
    margin-right: 20px;
}
.newPage{
    height: 100px;
    overflow: hidden;
}
.header{
    padding: 12px;
@@ -414,7 +423,7 @@
}
.inspectionProject .el-table{
    background-color: #fff;
    padding: 20px 12px;
    padding: 10px 12px;
}
.inspectionResult span{
    display: block;
@@ -422,6 +431,6 @@
}
.inspectionResult .el-table{
    background-color: #fff;
    padding: 20px 12px;
    padding: 10px 12px;
}
</style>