From 4f5549cd814eeaecd0ff04de62452d8d5fb4cbc5 Mon Sep 17 00:00:00 2001
From: value <z1292839451@163.com>
Date: 星期四, 21 九月 2023 15:13:27 +0800
Subject: [PATCH] 9.21
---
src/components/view/finishedProductInspection.vue | 863 ++++++++++++++++++++++++++++-----------------------------
1 files changed, 427 insertions(+), 436 deletions(-)
diff --git a/src/components/view/finishedProductInspection.vue b/src/components/view/finishedProductInspection.vue
index d0c4a51..428fd11 100644
--- a/src/components/view/finishedProductInspection.vue
+++ b/src/components/view/finishedProductInspection.vue
@@ -1,453 +1,444 @@
<template>
- <div class="content-main">
- <div v-if="!showAdd&&!showLook&&!showUp" class="rawPage">
- <div class="title">
- <el-row>
- <el-col :span="12">鎴愬搧妫�楠�</el-col>
- <el-col :span="12" style="text-align: right;">
- <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>
- <div class="nav">
- <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="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="showAddPage">
- <!-- 鏂板椤甸潰 -->
- <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;showDetail = 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="right" label-width="100px" size="mini" >
- <div class="formwrapper">
- <el-row>
- <el-col :span="7">
- <el-form-item label="璁㈠崟鍙凤細">
- <el-input v-show="showDetail == false" style="width: 180px;" v-model="addInspectionform.number" placeholder="璇疯緭鍏ヨ鍗曞彿" autocomplete="off" />
- <el-input v-show="showDetail !== false" style="width: 180px;" v-model="finishedInsInfo.order_number" placeholder="璇疯緭鍏ヨ鍗曞彿1" autocomplete="off" />
- </el-form-item>
- </el-col>
- <el-col :span="7">
- <el-form-item label="瀹㈡埛鍚嶇О锛�">
- <el-input v-show="showDetail == false" style="width: 180px;" v-model="addInspectionform.username" placeholder="璇疯緭鍏ュ鎴峰悕绉�" autocomplete="off" />
- <el-input v-show="showDetail !== false" style="width: 180px;" v-model="finishedInsInfo.customer_name" placeholder="璇疯緭鍏ュ鎴峰悕绉�" autocomplete="off" />
- </el-form-item>
- </el-col>
- <el-col :span="7">
- <el-form-item label="宸ョ▼鍚嶇О锛�">
- <el-input v-show="showDetail == false" style="width: 180px;" v-model="addInspectionform.projectname" placeholder="璇疯緭鍏ュ伐绋嬪悕绉�" autocomplete="off" />
- <el-input v-show="showDetail !== false" style="width: 180px;" v-model="finishedInsInfo.project_name" placeholder="璇疯緭鍏ュ伐绋嬪悕绉�" autocomplete="off" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row >
- <el-col :span="7">
- <el-form-item label="璐ㄩ噺杩芥函鍙凤細" >
- <el-input v-show="showDetail == false" style="width: 180px;" v-model="addInspectionform.tracenumber" placeholder="璇疯緭鍏ヨ拷婧彿" autocomplete="off" />
- <el-input v-show="showDetail !== false" style="width: 180px;" v-model="finishedInsInfo.quality_traceability" placeholder="璇疯緭鍏ヨ拷婧彿" autocomplete="off" />
- </el-form-item>
- </el-col>
- <el-col :span="7">
- <el-form-item label="浜у搧缂栫爜锛�">
- <el-input v-show="showDetail == false" style="width: 180px;" v-model="addInspectionform.material_code" placeholder="璇疯緭鍏ヤ骇鍝佺紪鐮�" autocomplete="off" />
- <el-input v-show="showDetail !== false" style="width: 180px;" v-model="finishedInsInfo.material_code" placeholder="璇疯緭鍏ヤ骇鍝佺紪鐮�" autocomplete="off" />
- </el-form-item>
- </el-col>
- <el-col :span="7">
- <el-form-item label="浜у搧鍚嶇О锛�">
- <el-select v-show="showDetail == false" style="width: 180px;" v-model="addInspectionform.class" size="small" placeholder="璇烽�夋嫨浜у搧鍚嶇О">
- <el-option value="閫夐」1"></el-option>
- <el-option value="閫夐」2"></el-option>
- </el-select>
- <el-input v-show="showDetail !== false" style="width: 180px;" v-model="finishedInsInfo.material" placeholder="璇疯緭鍏ヤ骇鍝佺紪鐮�" autocomplete="off" />
+ <div class="content-main">
+ <div v-if="!showAdd&&!showLook&&!showUp" class="rawPage">
+ <div class="title">
+ <el-row>
+ <el-col :span="12">浜у搧妫�楠�</el-col>
+ <el-col :span="12" style="text-align: right;">
+ <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>
+ <div class="nav">
+ <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="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="showAddPage">
+ <!-- 鏂板椤甸潰 -->
+ <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;showDetail = 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="right"
+ label-width="100px" size="mini">
+ <div class="formwrapper">
+ <el-row>
+ <el-col :span="7">
+ <el-form-item label="璁㈠崟鍙凤細">
+ <el-input v-show="showDetail == false" style="width: 180px;" v-model="addInspectionform.number"
+ placeholder="璇疯緭鍏ヨ鍗曞彿" autocomplete="off" />
+ <el-input v-show="showDetail !== false" style="width: 180px;" v-model="finishedInsInfo.order_number"
+ placeholder="璇疯緭鍏ヨ鍗曞彿1" autocomplete="off" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="7">
+ <el-form-item label="瀹㈡埛鍚嶇О锛�">
+ <el-input v-show="showDetail == false" style="width: 180px;" v-model="addInspectionform.username"
+ placeholder="璇疯緭鍏ュ鎴峰悕绉�" autocomplete="off" />
+ <el-input v-show="showDetail !== false" style="width: 180px;" v-model="finishedInsInfo.customer_name"
+ placeholder="璇疯緭鍏ュ鎴峰悕绉�" autocomplete="off" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="7">
+ <el-form-item label="宸ョ▼鍚嶇О锛�">
+ <el-input v-show="showDetail == false" style="width: 180px;" v-model="addInspectionform.projectname"
+ placeholder="璇疯緭鍏ュ伐绋嬪悕绉�" autocomplete="off" />
+ <el-input v-show="showDetail !== false" style="width: 180px;" v-model="finishedInsInfo.project_name"
+ placeholder="璇疯緭鍏ュ伐绋嬪悕绉�" autocomplete="off" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="7">
+ <el-form-item label="璐ㄩ噺杩芥函鍙凤細">
+ <el-input v-show="showDetail == false" style="width: 180px;" v-model="addInspectionform.tracenumber"
+ placeholder="璇疯緭鍏ヨ拷婧彿" autocomplete="off" />
+ <el-input v-show="showDetail !== false" style="width: 180px;"
+ v-model="finishedInsInfo.quality_traceability" placeholder="璇疯緭鍏ヨ拷婧彿" autocomplete="off" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="7">
+ <el-form-item label="浜у搧缂栫爜锛�">
+ <el-input v-show="showDetail == false" style="width: 180px;" v-model="addInspectionform.material_code"
+ placeholder="璇疯緭鍏ヤ骇鍝佺紪鐮�" autocomplete="off" />
+ <el-input v-show="showDetail !== false" style="width: 180px;" v-model="finishedInsInfo.material_code"
+ placeholder="璇疯緭鍏ヤ骇鍝佺紪鐮�" autocomplete="off" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="7">
+ <el-form-item label="浜у搧鍚嶇О锛�">
+ <el-select v-show="showDetail == false" style="width: 180px;" v-model="addInspectionform.class"
+ size="small" placeholder="璇烽�夋嫨浜у搧鍚嶇О">
+ <el-option value="閫夐」1"></el-option>
+ <el-option value="閫夐」2"></el-option>
+ </el-select>
+ <el-input v-show="showDetail !== false" style="width: 180px;" v-model="finishedInsInfo.material"
+ placeholder="璇疯緭鍏ヤ骇鍝佺紪鐮�" autocomplete="off" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row >
- <el-col :span="7">
- <el-form-item label="瑙勬牸鍨嬪彿锛�" >
- <el-select v-show="showDetail == false" style="width: 180px;" v-model="addInspectionform.specificationmodel" size="small" placeholder="璇烽�夋嫨瑙勬牸鍨嬪彿">
- <el-option value="閫夐」1"></el-option>
- <el-option value="閫夐」2"></el-option>
- </el-select>
- <el-input v-show="showDetail !== false" style="width: 180px;" v-model="finishedInsInfo.specifications_model" placeholder="璇疯緭鍏ヤ骇鍝佺紪鐮�" autocomplete="off" />
- </el-form-item>
- </el-col>
- <el-col :span="7">
- <el-form-item label="鍗曚綅锛�" >
- <el-select v-show="showDetail == false" style="width: 180px;" v-model="addInspectionform.unit" size="small" placeholder="璇烽�夋嫨鍗曚綅">
- <el-option value="閫夐」1"></el-option>
- <el-option value="閫夐」2"></el-option>
- </el-select>
- <el-input v-show="showDetail !== false" style="width: 180px;" v-model="finishedInsInfo.specifications_model" placeholder="璇疯緭鍏ヤ骇鍝佺紪鐮�" autocomplete="off" />
- </el-form-item>
- </el-col>
- <el-col :span="7">
- <el-form-item label="鏁伴噺锛�">
- <el-input v-show="showDetail == false" style="width: 180px;" v-model="addInspectionform.quantity" placeholder="璇疯緭鍏ユ暟閲�" autocomplete="off" />
- <el-input v-show="showDetail !== false" style="width: 180px;" v-model="finishedInsInfo.quantity" placeholder="璇疯緭鍏ヤ骇鍝佺紪鐮�" autocomplete="off" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="7">
+ <el-form-item label="瑙勬牸鍨嬪彿锛�">
+ <el-select v-show="showDetail == false" style="width: 180px;"
+ v-model="addInspectionform.specificationmodel" size="small" placeholder="璇烽�夋嫨瑙勬牸鍨嬪彿">
+ <el-option value="閫夐」1"></el-option>
+ <el-option value="閫夐」2"></el-option>
+ </el-select>
+ <el-input v-show="showDetail !== false" style="width: 180px;"
+ v-model="finishedInsInfo.specifications_model" placeholder="璇疯緭鍏ヤ骇鍝佺紪鐮�" autocomplete="off" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="7">
+ <el-form-item label="鍗曚綅锛�">
+ <el-select v-show="showDetail == false" style="width: 180px;" v-model="addInspectionform.unit"
+ size="small" placeholder="璇烽�夋嫨鍗曚綅">
+ <el-option value="閫夐」1"></el-option>
+ <el-option value="閫夐」2"></el-option>
+ </el-select>
+ <el-input v-show="showDetail !== false" style="width: 180px;"
+ v-model="finishedInsInfo.specifications_model" placeholder="璇疯緭鍏ヤ骇鍝佺紪鐮�" autocomplete="off" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="7">
+ <el-form-item label="鏁伴噺锛�">
+ <el-input v-show="showDetail == false" style="width: 180px;" v-model="addInspectionform.quantity"
+ placeholder="璇疯緭鍏ユ暟閲�" autocomplete="off" />
+ <el-input v-show="showDetail !== false" style="width: 180px;" v-model="finishedInsInfo.quantity"
+ placeholder="璇疯緭鍏ヤ骇鍝佺紪鐮�" autocomplete="off" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row >
- <el-col v-show="showDetail !== false" :span="7">
- <el-form-item label="涓绘満宸ワ細" >
- <el-input style="width: 180px;" v-model="finishedInsInfo.name" placeholder="璇疯緭鍏ヤ骇鍝佺紪鐮�" autocomplete="off" />
- </el-form-item>
- </el-col>
- </el-row>
- </div>
- </el-form>
- </div>
- <div class="inspectionProject">
- <span>妫�楠岄」鐩�</span>
- <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 label="璇曢獙璁惧">
- <template slot-scope="scope">
- {{ scope.row.device }}
- <el-select v-model="scope.row.device" size="small" slot="append" style="width: 100px;">
- <el-option value="閫夐」1"></el-option>
- <el-option value="閫夐」2"></el-option>
- </el-select>
- </template>
- </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">
- <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>
- <el-table-column prop="conclusion" label="妫�楠岀粨璁�"></el-table-column>
- <el-table-column prop="operation" label="涓婃姤"></el-table-column>
- </el-table>
- </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>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col v-show="showDetail !== false" :span="7">
+ <el-form-item label="涓绘満宸ワ細">
+ <el-input style="width: 180px;" v-model="finishedInsInfo.name" placeholder="璇疯緭鍏ヤ骇鍝佺紪鐮�"
+ autocomplete="off" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </div>
+ </el-form>
+ </div>
+ <div class="inspectionProject">
+ <span>妫�楠岄」鐩�</span>
+ <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 label="璇曢獙璁惧">
+ <template slot-scope="scope">
+ {{ scope.row.device }}
+ <el-select v-model="scope.row.device" size="small" slot="append" style="width: 100px;">
+ <el-option value="閫夐」1"></el-option>
+ <el-option value="閫夐」2"></el-option>
+ </el-select>
+ </template>
+ </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">
+ <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>
+ <el-table-column prop="conclusion" label="妫�楠岀粨璁�"></el-table-column>
+ <el-table-column prop="operation" label="涓婃姤"></el-table-column>
+ </el-table>
+ </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>
<script>
-import finishedProductInspectionAdd from '@/components/view/finishedProductInspectionAdd'
-import finishedProductInspectionUp from '@/components/view/finishedProductInspectionUp'
-import finishedProductInspectionLook from '@/components/view/finishedProductInspectionLook'
-export default {
- components: { finishedProductInspectionAdd,finishedProductInspectionUp, finishedProductInspectionLook},
- data(){
- return {
- searchData:{
- result: '',
- material: '',
- },
- // 涓绘満宸ヤ笅鎷夋
- usernameOptions:[],
- inspectionTable:[
- ],
- rowInfo:{},
- pageParams:{
- countSize: 10, //姣忛〉鏁伴噺
- pageSize: 1, // 褰撳墠椤电爜
- total:0
- },
- showAddPage: false,
- showAdd: false,
- showLook: false,
- showUp: false,
- showDetail:false,
- addInspectionform: [{
- number: '',
- username: '',
- projectname: '',
- tracenumber: '',
- code: '',
- class: '',
- specificationmodel: '',
- unit: '',
- quantity: '',
- group: '',
- worker: '',
- machine: ''
- }],
- inspectionItems:[{
- project:'甯冮殕杩�',
- unit:'鍚�',
- standardVal: '8219384314',
- controlVal:'9823401',
- detectionVal:'11111',
- device:'',
- conclusion:'鍚堟牸'
- }],
- inspectionResultForm:[{
- id:'274024',
- name:'111',
- inspecter:'111',
- conclusion:'',
- operation:''
- }],
- finishedInsInfo:{}
- }
- },
- created() {
- this.init()
- this.getInspectionTableData()
- },
- methods:{
- // 姣忛〉鏉℃暟鏀瑰彉鏃惰Е鍙� 閫夋嫨涓�椤垫樉绀哄灏戣
- handleSizeChange(val) {
- console.log(`姣忛〉 ${val} 鏉)
- this.currentPage = 1
- this.pageSize = val
- },
- // 褰撳墠椤垫敼鍙樻椂瑙﹀彂 璺宠浆鍏朵粬椤�
- handleCurrentChange(val) {
- console.log(`褰撳墠椤�: ${val}`)
- this.currentPage = val
- },
- handleAddNew(){
- this.showAdd=true
- },
- async getInspectionTableData() {
- const {data:{row,total}} = await this.$axios.get(this.$api.url.finishedInsListPage,{params:{...this.pageParams,...this.searchData}})
- this.inspectionTable = row
- this.pageParams.total = total
- },
- goToDetail(row) {
- this.rowInfo = row
- this.showLook=true
- },
- goUp(row){
- this.rowInfo = row
- this.showUp=true
- },
- async init() {
- // const {data} = await this.$axios.get(this.$api.url.finishedInspectUser)
- // this.usernameOptions = data
+ import finishedProductInspectionAdd from '@/components/view/finishedProductInspectionAdd'
+ import finishedProductInspectionUp from '@/components/view/finishedProductInspectionUp'
+ import finishedProductInspectionLook from '@/components/view/finishedProductInspectionLook'
+ export default {
+ components: {
+ finishedProductInspectionAdd,
+ finishedProductInspectionUp,
+ finishedProductInspectionLook
+ },
+ data() {
+ return {
+ searchData: {
+ result: '',
+ material: '',
+ },
+ // 涓绘満宸ヤ笅鎷夋
+ usernameOptions: [],
+ inspectionTable: [],
+ rowInfo: {},
+ pageParams: {
+ countSize: 10, //姣忛〉鏁伴噺
+ pageSize: 1, // 褰撳墠椤电爜
+ total: 0
+ },
+ showAddPage: false,
+ showAdd: false,
+ showLook: false,
+ showUp: false,
+ showDetail: false,
+ addInspectionform: [{
+ number: '',
+ username: '',
+ projectname: '',
+ tracenumber: '',
+ code: '',
+ class: '',
+ specificationmodel: '',
+ unit: '',
+ quantity: '',
+ group: '',
+ worker: '',
+ machine: ''
+ }],
+ inspectionItems: [{
+ project: '甯冮殕杩�',
+ unit: '鍚�',
+ standardVal: '8219384314',
+ controlVal: '9823401',
+ detectionVal: '11111',
+ device: '',
+ conclusion: '鍚堟牸'
+ }],
+ inspectionResultForm: [{
+ id: '274024',
+ name: '111',
+ inspecter: '111',
+ conclusion: '',
+ operation: ''
+ }],
+ finishedInsInfo: {}
+ }
+ },
+ created() {
+ this.init()
+ this.getInspectionTableData()
+ },
+ methods: {
+ // 姣忛〉鏉℃暟鏀瑰彉鏃惰Е鍙� 閫夋嫨涓�椤垫樉绀哄灏戣
+ handleSizeChange(val) {
+ console.log(`姣忛〉 ${val} 鏉)
+ this.currentPage = 1
+ this.pageSize = val
+ },
+ // 褰撳墠椤垫敼鍙樻椂瑙﹀彂 璺宠浆鍏朵粬椤�
+ handleCurrentChange(val) {
+ console.log(`褰撳墠椤�: ${val}`)
+ this.currentPage = val
+ },
+ handleAddNew() {
+ this.showAdd = true
+ },
+ async getInspectionTableData() {
+ const {
+ data: {
+ row,
+ total
+ }
+ } = await this.$axios.get(this.$api.url.finishedInsListPage, {
+ params: {
+ ...this.pageParams,
+ ...this.searchData
+ }
+ })
+ this.inspectionTable = row
+ this.pageParams.total = total
+ },
+ goToDetail(row) {
+ this.rowInfo = row
+ this.showLook = true
+ },
+ goUp(row) {
+ this.rowInfo = row
+ this.showUp = true
+ },
+ async init() {
+ // const {data} = await this.$axios.get(this.$api.url.finishedInspectUser)
+ // this.usernameOptions = data
- },
- comBackMain(val){
- this.showAdd=false
- this.showLook=false
- this.showUp=false
- this.init()
- this.getInspectionTableData()
- if(val){
- this.$parent.removeAllTab()
- }
- }
- }
+ },
+ comBackMain(val) {
+ this.showAdd = false
+ this.showLook = false
+ this.showUp = false
+ this.init()
+ this.getInspectionTableData()
+ if (val) {
+ this.$parent.removeAllTab()
+ }
+ }
+ }
-}
+ }
</script>
<style>
-.title{
- padding: 12px;
+ .title {
+ padding: 12px;
-}
-.nav{
- display: flex;
- padding: 20px 20px;
- align-items: center;
- background-color: #fff;
-}
-.nav *{
- font-size: 14px;
-}
-.content-body {
- background-color: #fff;
- overflow: hidden;
- margin-top: 12px;
-}
-.inspectionTable{
- padding: 20px 20px;
-}
-.pagination{
- float: right;
- margin-right: 20px;
-}
-.newPage{
- overflow: hidden;
-}
-.header{
- padding: 12px;
-}
-.addInspectionform{
- background-color: #fff;
-}
-.addInspectionform .formwrapper{
- padding: 20px 0px;
- margin-left: 100px;
-}
-.inspectionProject span{
- display: block;
- padding: 5px 0px;
-}
-.inspectionProject .el-table{
- background-color: #fff;
- padding: 10px 12px;
-}
-.inspectionResult span{
- display: block;
- padding: 5px 0px;
-}
-.inspectionResult .el-table{
- background-color: #fff;
- padding: 10px 12px;
-}
-.rawPage{
- height: 100%;
- display: flex;
- flex-direction: column;
- overflow-y: scroll;
-}
-.rawPage .content-body{
- flex: 1;
-}
-/* .inspectionTable{
+ }
+
+ .nav {
+ display: flex;
+ padding: 20px 20px;
+ align-items: center;
+ background-color: #fff;
+ }
+
+ .nav * {
+ font-size: 14px;
+ }
+
+ .content-body {
+ background-color: #fff;
+ overflow: hidden;
+ margin-top: 12px;
+ }
+
+ .inspectionTable {
+ padding: 20px 20px;
+ }
+
+ .pagination {
+ float: right;
+ margin-right: 20px;
+ }
+
+ .newPage {
+ overflow: hidden;
+ }
+
+ .header {
+ padding: 12px;
+ }
+
+ .addInspectionform {
+ background-color: #fff;
+ }
+
+ .addInspectionform .formwrapper {
+ padding: 20px 0px;
+ margin-left: 100px;
+ }
+
+ .inspectionProject span {
+ display: block;
+ padding: 5px 0px;
+ }
+
+ .inspectionProject .el-table {
+ background-color: #fff;
+ padding: 10px 12px;
+ }
+
+ .inspectionResult span {
+ display: block;
+ padding: 5px 0px;
+ }
+
+ .inspectionResult .el-table {
+ background-color: #fff;
+ padding: 10px 12px;
+ }
+
+ .rawPage {
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ overflow-y: scroll;
+ }
+
+ .rawPage .content-body {
+ flex: 1;
+ }
+
+ /* .inspectionTable{
flex: 1;
overflow-y: scroll;
} */
-
</style>
\ No newline at end of file
--
Gitblit v1.9.3