| | |
| | | <template> |
| | | <div class="content-main"> |
| | | <div v-if="!showAdd&&!showLook&&!showUp" class="rawPage"> |
| | | <!-- <div class="nav"> --> |
| | | <!-- <div class="title"> |
| | | <el-row> |
| | | <el-col :span="12">产品检验</el-col> |
| | | <el-col :span="12"> |
| | | <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> --> |
| | | <!-- <span>检测结果:</span> |
| | | <el-select v-model="searchData.result" size="small" placeholder="请选择" style="width: 224px;margin-right: 52px;"> |
| | | <el-option :value="''" label="全部"></el-option> |
| | | <el-option :value="1" label="合格"></el-option> |
| | | <el-option :value="0" label="不合格"></el-option> |
| | | </el-select> |
| | | <span>产品名称:</span> |
| | | <el-input v-model="searchData.material" size="small" placeholder="请输入产品名称" |
| | | style="width: 224px;margin-right: 52px;"></el-input> |
| | | <el-button size="mini" @click="()=>{searchData={};getInspectionTableData()}"><span>重 置</span></el-button> |
| | | <el-button size="mini" type="primary" @click="getInspectionTableData" style="background: #004EA2;"><span>查 |
| | | 询</span></el-button> --> |
| | | <!-- </div> --> |
| | | <div class="rawPage"> |
| | | <basic-container> |
| | | <ttable |
| | | :table="table" |
| | |
| | | <template #toolbar></template> |
| | | </ttable> |
| | | </basic-container> |
| | | <!-- <div class="content-body"> |
| | | <div class="inspectionTable"> |
| | | <el-table ref="inspectionTable" height="620" :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="order_number" label="订单号" min-width="100" /> |
| | | <el-table-column prop="customer_name" label="客户名称" min-width="80" /> |
| | | <el-table-column prop="project_name" label="工程名称" min-width="80" /> |
| | | <el-table-column prop="quality_traceability" label="质量追溯号" min-width="108" /> |
| | | <el-table-column prop="material_code" label="产品编码" min-width="100" /> |
| | | <el-table-column prop="material" label="产品大类" min-width="72" /> |
| | | <el-table-column prop="specifications_model" label="规格型号" min-width="110" /> |
| | | <el-table-column prop="unit" label="单位" min-width="50" /> |
| | | <el-table-column prop="quantity" label="数量" min-width="50" /> |
| | | <el-table-column prop="detectionPeriod" label="检验日期" min-width="80" /> |
| | | <el-table-column prop="result" label="检测结果" min-width="80"> |
| | | <template slot-scope="scope"> |
| | | <span style="color: #34BD66;" v-if="scope.row.result === 1">合格</span> |
| | | <span style="color: #E84738;" v-else-if="scope.row.result === 0">不合格</span> |
| | | <span v-else-if="scope.row.result === null || scope.row.result === undefined">暂未结论</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" min-width="80"> |
| | | <template slot-scope="scope"> |
| | | <el-button type="text" size="small" @click="goToDetail(scope.row)">查看</el-button> |
| | | <el-button type="text" size="small">打印</el-button> |
| | | <el-button v-if="scope.row.result == null" type="text" size="small" |
| | | @click="goUp(scope.row)">编辑</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> --> |
| | | <!-- 分页器 --> |
| | | <!-- <div class="pagination"> |
| | | <el-pagination :current-page="pageParams.pageSize" :page-sizes="[10, 50, 100, 200]" |
| | | :page-size="pageParams.countSize" layout="total, sizes, prev, pager, next, jumper" :total="pageParams.total" |
| | | @size-change="handleSizeChange" @current-change="handleCurrentChange" /> |
| | | </div> --> |
| | | <!-- </div> --> |
| | | </div> |
| | | <div class="newPage" v-if="showAdd"> |
| | | <finishedProductInspectionAdd /> |
| | | </div> |
| | | <div class="newPage" v-if="showLook"> |
| | | <finishedProductInspectionLook :rowInfo="rowInfo" /> |
| | | </div> |
| | | <div class="newPage" v-if="showUp"> |
| | | <finishedProductInspectionUp :rowInfo="rowInfo" /> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | { |
| | | text: '新增', |
| | | type: 'primary', |
| | | fun: ()=>this.showAdd=true |
| | | fun: this.addOrUpdateHandle |
| | | }, |
| | | { |
| | | text: '删除', |
| | |
| | | // this.getInspectionTableData() |
| | | }, |
| | | methods: { |
| | | // 新增 / 修改 |
| | | addOrUpdateHandle(row) { |
| | | this.$router.push({ |
| | | name: 'finishedProductForm', |
| | | query: { id: row == null ? null : row.id } |
| | | }) |
| | | }, |
| | | formatResult(row, column, cellValue){ |
| | | if(cellValue != undefined || cellValue != null){ |
| | | if(cellValue == 0){ |
| | |
| | | }, |
| | | formatDateTime(row, column, cellValue) { |
| | | return cellValue ? fecha.format(new Date(cellValue), 'yyyy-MM-dd') : '' |
| | | }, |
| | | addOrUpdateHandle(row) { |
| | | this.$router.push({ |
| | | name: 'rawMaterialForm', |
| | | query: { id: row == null ? null : row.id } |
| | | }) |
| | | }, |
| | | handleSelectionChange(){ |
| | | |