|
@@ -14,6 +14,7 @@
|
|
<div v-if="TabIndex == 0" v-loading="tableDataLoading">
|
|
<div v-if="TabIndex == 0" v-loading="tableDataLoading">
|
|
<el-table
|
|
<el-table
|
|
:data="JobtableData"
|
|
:data="JobtableData"
|
|
|
|
+ :key="tableKey"
|
|
style="width: 100%;height: 80vh;"
|
|
style="width: 100%;height: 80vh;"
|
|
v-loading="tableDataLoading">
|
|
v-loading="tableDataLoading">
|
|
<el-table-column prop="name" label="工序名称"></el-table-column>
|
|
<el-table-column prop="name" label="工序名称"></el-table-column>
|
|
@@ -21,13 +22,16 @@
|
|
<el-table-column prop="productName" label="总工时" width="180"></el-table-column>
|
|
<el-table-column prop="productName" label="总工时" width="180"></el-table-column>
|
|
<el-table-column prop="unitPrice" label="单件工价" width="180"></el-table-column>
|
|
<el-table-column prop="unitPrice" label="单件工价" width="180"></el-table-column>
|
|
<el-table-column prop="productName" label="总工价" width="180"></el-table-column>
|
|
<el-table-column prop="productName" label="总工价" width="180"></el-table-column>
|
|
- <el-table-column prop="checkType" label="质检类型" width="180"></el-table-column>
|
|
|
|
|
|
+ <el-table-column label="质检类型" width="180">
|
|
|
|
+ <template slot-scope="scope">{{ scope.row.checkType==0?"自检": scope.row.checkType==1?"互检":"专检"}}</template>
|
|
|
|
+ </el-table-column>
|
|
<el-table-column prop="productName" label="组员" width="180"></el-table-column>
|
|
<el-table-column prop="productName" label="组员" width="180"></el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
</div>
|
|
</div>
|
|
<div v-if="TabIndex == 1" v-loading="tableDataLoading">
|
|
<div v-if="TabIndex == 1" v-loading="tableDataLoading">
|
|
<el-table
|
|
<el-table
|
|
:data="MaterialtableData"
|
|
:data="MaterialtableData"
|
|
|
|
+ :key="tableKey"
|
|
style="width: 100%;height: 32vh;"
|
|
style="width: 100%;height: 32vh;"
|
|
v-loading="tableDataLoading">
|
|
v-loading="tableDataLoading">
|
|
<el-table-column prop="name" label="零件名称" width="180"></el-table-column>
|
|
<el-table-column prop="name" label="零件名称" width="180"></el-table-column>
|
|
@@ -42,16 +46,33 @@
|
|
<div class="quesa-text">缺料报告</div>
|
|
<div class="quesa-text">缺料报告</div>
|
|
<el-table
|
|
<el-table
|
|
:data="LackMaterialtableData"
|
|
:data="LackMaterialtableData"
|
|
|
|
+ :key="tableKey"
|
|
style="width: 100%;height: 40vh;"
|
|
style="width: 100%;height: 40vh;"
|
|
v-loading="tableDataLoading">
|
|
v-loading="tableDataLoading">
|
|
- <el-table-column prop="productName" label="零件名称" width="180"></el-table-column>
|
|
|
|
- <el-table-column prop="productName" label="公司编码" ></el-table-column>
|
|
|
|
- <el-table-column prop="productName" label="公司图号"></el-table-column>
|
|
|
|
- <el-table-column prop="productName" label="材质" width="180"></el-table-column>
|
|
|
|
- <el-table-column prop="productName" label="厚度" width="180"></el-table-column>
|
|
|
|
- <el-table-column prop="productName" label="数量 (个/产品)" width="180"></el-table-column>
|
|
|
|
- <el-table-column prop="productName" label="量(个/辆)" width="180"></el-table-column>
|
|
|
|
- <el-table-column prop="productName" label="缺少数量" width="180"></el-table-column>
|
|
|
|
|
|
+ <el-table-column label="零件名称" width="180">
|
|
|
|
+ <template slot-scope="scope">{{ scope.row.prodMaterial.name }}</template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="公司编码" >
|
|
|
|
+ <template slot-scope="scope">{{ scope.row.prodMaterial.companyCode }}</template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="公司图号">
|
|
|
|
+ <template slot-scope="scope">{{ scope.row.prodMaterial.companyDrawingNo }}</template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="材质" width="180">
|
|
|
|
+ <template slot-scope="scope">{{ scope.row.prodMaterial.materialQuality }}</template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="厚度" width="180">
|
|
|
|
+ <template slot-scope="scope">{{ scope.row.prodMaterial.thickness }}</template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="数量 (个/产品)" width="180">
|
|
|
|
+ <template slot-scope="scope">{{ scope.row.prodMaterial.numberProduct }}</template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="数量(个/辆)" width="180">
|
|
|
|
+ <template slot-scope="scope">{{ scope.row.prodMaterial.numberVehicle }}</template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column prop="lackNumber" label="缺少数量" width="180">
|
|
|
|
+ <template slot-scope="scope">{{ scope.row.lackNumber }}</template>
|
|
|
|
+ </el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -75,6 +96,7 @@ export default {
|
|
JobtableData: [],
|
|
JobtableData: [],
|
|
MaterialtableData:[],
|
|
MaterialtableData:[],
|
|
LackMaterialtableData:[],
|
|
LackMaterialtableData:[],
|
|
|
|
+ tableKey: 1
|
|
}
|
|
}
|
|
},
|
|
},
|
|
computed: {},
|
|
computed: {},
|
|
@@ -94,15 +116,18 @@ export default {
|
|
this.getPlanDetail()
|
|
this.getPlanDetail()
|
|
},
|
|
},
|
|
getPlanDetail(){
|
|
getPlanDetail(){
|
|
|
|
+ this.tableDataLoading = true
|
|
this.http.post( '/plan/planDetail', {
|
|
this.http.post( '/plan/planDetail', {
|
|
id:this.id,
|
|
id:this.id,
|
|
type:this.textArr[this.TabIndex].value
|
|
type:this.textArr[this.TabIndex].value
|
|
},
|
|
},
|
|
res => {
|
|
res => {
|
|
|
|
+ this.tableDataLoading = false
|
|
if (res.code == "ok") {
|
|
if (res.code == "ok") {
|
|
|
|
+ this.tableKey++
|
|
this.JobtableData=res.data
|
|
this.JobtableData=res.data
|
|
- this.MaterialtableData=res.data
|
|
|
|
- this.LackMaterialtableData=res.data
|
|
|
|
|
|
+ this.MaterialtableData=res.data.material
|
|
|
|
+ this.LackMaterialtableData=res.data.lackMaterial
|
|
} else {
|
|
} else {
|
|
this.$message({
|
|
this.$message({
|
|
message: res.msg,
|
|
message: res.msg,
|
|
@@ -110,6 +135,7 @@ export default {
|
|
});
|
|
});
|
|
}
|
|
}
|
|
},error => {
|
|
},error => {
|
|
|
|
+ this.tableDataLoading = false
|
|
this.$message({
|
|
this.$message({
|
|
message: error,
|
|
message: error,
|
|
type: "error"
|
|
type: "error"
|