From 4fa97f6b365035a1f811833b54ada53a9a1a35da Mon Sep 17 00:00:00 2001
From: 王震 <10952869+daywangzhen@user.noreply.gitee.com>
Date: 星期五, 08 九月 2023 16:45:48 +0800
Subject: [PATCH] 设备维护，标准Bom
---
src/components/view/finishedProductInspection.vue | 299 ++++++++++++++++++++++++++++++-----------------------------
1 files changed, 152 insertions(+), 147 deletions(-)
diff --git a/src/components/view/finishedProductInspection.vue b/src/components/view/finishedProductInspection.vue
index 4b4781f..bc27b7e 100644
--- a/src/components/view/finishedProductInspection.vue
+++ b/src/components/view/finishedProductInspection.vue
@@ -5,61 +5,63 @@
<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>
<div class="nav">
<span>妫�楠岀粨鏋滐細</span>
- <el-select v-model="inspectionResult" size="small" placeholder="璇烽�夋嫨" style="width: 224px;margin-right: 52px;">
- <el-option value="閫夐」1"></el-option>
- <el-option value="閫夐」2"></el-option>
+ <el-select v-model="searchData.inspectResult" size="small" placeholder="璇烽�夋嫨" style="width: 224px;margin-right: 52px;">
+ <el-option value="1" label="鍚堟牸"></el-option>
+ <el-option value="2" label="涓嶅悎鏍�"></el-option>
</el-select>
<span>妫�楠屾棩鏈燂細</span>
<el-date-picker
- v-model="inspectionDate"
+ v-model="searchData.inspectDate"
type="date"
placeholder="閫夋嫨鏃ユ湡"
style="margin-right: 52px">
</el-date-picker>
<span>妫�楠屼汉锛�</span>
- <el-select v-model="inspecter" size="small" placeholder="璇烽�夋嫨" style="width: 224px;margin-right: 52px;">
- <el-option value="閫夐」1"></el-option>
- <el-option value="閫夐」2"></el-option>
+ <el-select v-model="searchData.inspectUsername" size="small" placeholder="璇烽�夋嫨" style="width: 224px;margin-right: 52px;">
+ <el-option :value="item.id" :key="item.id" :label="item.name" v-for="item in usernameOptions"></el-option>
</el-select>
- <el-button size="mini"><span>閲� 缃�</span></el-button>
- <el-button size="mini" type="primary" style="background: #004EA2;"><span>鏌� 璇�</span></el-button>
+ <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="500"
- :max-height="500"
+ 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
- prop="number"
+ type="selection"
+ width="50">
+ </el-table-column>
+ <el-table-column
+ prop="order_number"
label="璁㈠崟鍙�"
min-width="100"
/>
<el-table-column
- prop="username"
+ prop="customer_name"
label="瀹㈡埛鍚嶇О"
- min-width="100"
+ min-width="80"
/>
<el-table-column
- prop="projectname"
+ prop="project_name"
label="宸ョ▼鍚嶇О"
- min-width="100"
+ min-width="80"
/>
<el-table-column
- prop="tracenumber"
+ prop="quality_traceability"
label="璐ㄩ噺杩芥函鍙�"
min-width="108"
/>
@@ -69,56 +71,47 @@
min-width="100"
/>
<el-table-column
- prop="class"
+ prop="material"
label="浜у搧澶х被"
min-width="72"
/>
<el-table-column
- prop="specificationmodel"
+ prop="specifications_model"
label="瑙勬牸鍨嬪彿"
min-width="110"
/>
<el-table-column
prop="unit"
label="鍗曚綅"
- min-width="32"
+ min-width="50"
/>
<el-table-column
prop="quantity"
label="鏁伴噺"
- min-width="32"
- />
- <el-table-column
- prop="machine"
- label="鏈哄彴"
- min-width="44"
- />
- <el-table-column
- prop="group"
- label="鐝粍"
- min-width="38"
- />
- <el-table-column
- prop="worker"
- label="涓绘満宸�"
min-width="50"
/>
<el-table-column
- prop="date"
+ prop="detectionPeriod"
label="妫�楠屾棩鏈�"
min-width="80"
/>
<el-table-column
prop="result"
label="妫�娴嬬粨鏋�"
- min-width="30"
- />
+ min-width="80"
+ >
+ <template slot-scope="scope">
+ <span>{{scope.row.result===1?'鍚堟牸':'涓嶅悎鏍�'}}</span>
+ </template>
+ </el-table-column>
+
+
<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>
+ <el-button type="text" size="small" @click="goToDetail(scope.row)">鏌ョ湅</el-button>
<el-button type="text" size="small">鎵撳嵃</el-button>
</template>
</el-table-column>
@@ -127,112 +120,105 @@
<!-- 鍒嗛〉鍣� -->
<div class="pagination">
<el-pagination
- :current-page="currentPage"
+ :current-page="pageParams.pageNo"
:page-sizes="[100, 200, 300, 400]"
- :page-size="pageSize"
+ :page-size="pageParams.pageSize"
layout="total, sizes, prev, pager, next, jumper"
- :total="this.inspectionTable.length"
+ :total="pageParams.total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
</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;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="left" label-width="100px" size="mini" >
+ <el-form :model="addInspectionform" ref="addInspectionform" class="addInspectionform" label-position="right" label-width="100px" size="mini" >
<div class="formwrapper">
- <el-row :gutter="450">
- <el-col :span="5">
+ <el-row>
+ <el-col :span="7">
<el-form-item label="璁㈠崟鍙凤細">
- <el-input style="width: 180px;" v-model="addInspectionform.number" placeholder="璇疯緭鍏ヨ鍗曞彿" autocomplete="off" />
+ <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="5">
+ <el-col :span="7">
<el-form-item label="瀹㈡埛鍚嶇О锛�">
- <el-input style="width: 180px;" v-model="addInspectionform.username" placeholder="璇疯緭鍏ュ鎴峰悕绉�" autocomplete="off" />
+ <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="5">
+ <el-col :span="7">
<el-form-item label="宸ョ▼鍚嶇О锛�">
- <el-input style="width: 180px;" v-model="addInspectionform.projectname" placeholder="璇疯緭鍏ュ伐绋嬪悕绉�" autocomplete="off" />
+ <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 :gutter="450">
- <el-col :span="5">
+ <el-row >
+ <el-col :span="7">
<el-form-item label="璐ㄩ噺杩芥函鍙凤細" >
- <el-input style="width: 180px;" v-model="addInspectionform.tracenumber" placeholder="璇疯緭鍏ヨ拷婧彿" autocomplete="off" />
+ <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="5">
+ <el-col :span="7">
<el-form-item label="浜у搧缂栫爜锛�">
- <el-input style="width: 180px;" v-model="addInspectionform.code" placeholder="璇疯緭鍏ヤ骇鍝佺紪鐮�" autocomplete="off" /> </el-form-item>
+ <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="5">
+ <el-col :span="7">
<el-form-item label="浜у搧鍚嶇О锛�">
- <el-select style="width: 180px;" v-model="addInspectionform.class" size="small" placeholder="璇烽�夋嫨浜у搧澶х被">
+ <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 :gutter="450">
- <el-col :span="5">
+ <el-row >
+ <el-col :span="7">
<el-form-item label="瑙勬牸鍨嬪彿锛�" >
- <el-select style="width: 180px;" v-model="addInspectionform.specificationmodel" size="small" placeholder="璇烽�夋嫨瑙勬牸鍨嬪彿">
+ <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="5">
+ <el-col :span="7">
<el-form-item label="鍗曚綅锛�" >
- <el-select style="width: 180px;" v-model="addInspectionform.unit" size="small" placeholder="璇烽�夋嫨鍗曚綅">
+ <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="5">
+ <el-col :span="7">
<el-form-item label="鏁伴噺锛�">
- <el-input style="width: 180px;" v-model="addInspectionform.quantity" placeholder="璇疯緭鍏ユ暟閲�" autocomplete="off" />
+ <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 :gutter="450">
- <!-- <el-col :span="5">
- <el-form-item label="鐝粍锛�" >
- <el-select style="width: 180px;" v-model="addInspectionform.group" size="small" placeholder="璇烽�夋嫨鐝粍">
- <el-option value="閫夐」1"></el-option>
- <el-option value="閫夐」2"></el-option>
- </el-select> </el-form-item>
- </el-col> -->
- <el-col :span="5">
- <el-form-item label="涓绘満宸ワ細" >
- <el-select style="width: 180px;" v-model="addInspectionform.worker" size="small" placeholder="璇烽�夋嫨涓绘満宸�">
- <el-option value="閫夐」1"></el-option>
- <el-option value="閫夐」2"></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="5">
- <el-form-item label="鏈哄彴锛�" >
- <el-select style="width: 180px;" v-model="addInspectionform.machine" size="small" placeholder="璇烽�夋嫨浜у搧鏈哄彴">
- <el-option value="閫夐」1"></el-option>
- <el-option value="閫夐」2"></el-option>
- </el-select>
- </el-form-item>
+ <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>
@@ -240,14 +226,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 +242,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>
@@ -269,8 +260,6 @@
<el-table-column prop="operation" label="涓婃姤"></el-table-column>
</el-table>
</div>
- </div>
-
</div>
</div>
</template>
@@ -280,45 +269,22 @@
export default {
data(){
return {
- inspectionResult: '',
- inspectionDate: '',
- inspecter: '',
- inspectionTable:[{
- number: '8540395029753',
- username: 'jack',
- projectname: '甯冮殕杩�',
- tracenumber: '826403164021',
- code: 'C-982164',
- class: '鎴愬搧',
- specificationmodel: '8.8/15kV JLS-3.2',
- unit: '鍚�',
- quantity: '15',
- machine: '鎷夐椄鏈�',
- group: '1缁�',
- worker: '榛勫皬鏄�',
- date: '2023-08-01',
- result: '鍚堟牸',
- operation: ''
- },{
- number: '2497320327652',
- username: 'rose',
- projectname: '甯冮殕杩�',
- tracenumber: '826403164021',
- code: 'C-24114',
- class: '鎴愬搧',
- specificationmodel: '8.6/15kV JAD-3.2',
- unit: '鍚�',
- quantity: '43',
- machine: '鎷夐椄鏈�',
- group: '1缁�',
- worker: '榛勫皬鏄�',
- date: '2023-08-01',
- result: '鍚堟牸',
- operation: ''
- }],
- currentPage: 1, // 褰撳墠椤电爜
- pageSize: 100,
+ searchData:{
+ inspectionResult: '',
+ inspectionDate: '',
+ inspecter: '',
+ },
+ // 涓绘満宸ヤ笅鎷夋
+ usernameOptions:[],
+ inspectionTable:[
+ ],
+ pageParams:{
+ pageNo: 1, // 褰撳墠椤电爜
+ pageSize: 100,
+ total:0
+ },
showAddPage: false,
+ showDetail:false,
addInspectionform: [{
number: '',
username: '',
@@ -343,13 +309,18 @@
conclusion:'鍚堟牸'
}],
inspectionResultForm:[{
- id:'',
- name:'',
- inspecter:'',
+ id:'274024',
+ name:'111',
+ inspecter:'111',
conclusion:'',
operation:''
- }]
+ }],
+ finishedInsInfo:{}
}
+ },
+ created() {
+ this.init()
+ this.getInspectionTableData()
},
methods:{
// 姣忛〉鏉℃暟鏀瑰彉鏃惰Е鍙� 閫夋嫨涓�椤垫樉绀哄灏戣
@@ -365,6 +336,24 @@
},
handleAddNew(){
this.showAddPage=true
+ },
+ async getInspectionTableData() {
+ const {data:{row,total}} = await this.$axios.get(this.$api.url.finishedInsListPage,{params:{...this.pageParams,...this.searchData}})
+ console.log(row)
+ this.inspectionTable = row
+ this.pageParams.total = total
+ },
+ goToDetail(row) {
+ this.showAddPage = true
+ this.showDetail = true
+ this.finishedInsInfo = row
+ console.log(this.showDetail)
+ // this.addInspectionform = []
+ },
+ async init() {
+ const {data} = await this.$axios.get(this.$api.url.finishedInspectUser)
+ this.usernameOptions = data
+
}
}
@@ -378,15 +367,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 +387,7 @@
margin-right: 20px;
}
.newPage{
- height: 100px;
+ overflow: hidden;
}
.header{
padding: 12px;
@@ -414,7 +405,7 @@
}
.inspectionProject .el-table{
background-color: #fff;
- padding: 20px 12px;
+ padding: 10px 12px;
}
.inspectionResult span{
display: block;
@@ -422,6 +413,20 @@
}
.inspectionResult .el-table{
background-color: #fff;
- padding: 20px 12px;
+ 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