Skip to content

Q
qr-consistency-vue3
Commit 909795dd authored by yanzhengyang's avatar yanzhengyang
Browse files
Options

refactor(CCAP编制任务处理):关键零部件清单页面

parent 64623efd
Show whitespace changes
Inline Side-by-side
Showing with 248 additions and 72 deletions
src/views/controlPlan/CCAPControlPlan/CCAPCompileTaskProcessing/view.vue
View file @ 909795dd
......@@ -210,29 +210,93 @@
</span>
</template>
<div v-if="activeTab === 'MAIN_DATA'" style="display: flex;justify-content: right">
<el-button class="btn-S" @click="getFileCheckData">拉去检验文件编号数据</el-button>
<el-button class="btn-S" >拉去检验文件编号数据</el-button>
<el-button class="btn-S" @click="p8Product = true">设置P8后批量生产单位</el-button>
<el-button class="btn-S" @click="selectDatasEntry('主数据')">批量完成填写</el-button>
</div>
<el-table v-loading="loading" :data="keyPartsListDetail" @selection-change="handleSelectIds" style="width: 100%;margin-top: 10px" border >
<el-table-column type="selection" width="55"/>
<el-table-column prop="date" label="序号" align="center" width="55"/>
<el-table-column prop="partOrMaterialLevel1" label="零部件一级名称" align="center" width="120"/>
<el-table-column prop="partOrMaterialLevel2" label="零部件二级名称" align="center" width="120"/>
<el-table-column prop="modelSpecification" label="型号规格" align="center" width="120"/>
<el-table-column prop="manufacturer" label="生产厂" align="center" width="200"/>
<el-table-column prop="cccVoluntaryCertification" label="CCC/自愿型产品认证证书编号" align="center" width="160"/>
<el-table-column prop="applicableModel" label="适用车型" align="center" width="120"/>
<el-table-column prop="inspectionDocumentNumber" label="检验文件编号" align="center" width="140"/>
<el-table-column prop="remark" label="备注" align="center"/>
<el-table-column prop="partNumber" label="零件号" align="center" width="90"/>
<el-table-column prop="p8PostMassProductionUnit" label="P8后批量生产单位" align="center" width="90"/>
<el-table-column prop="partAssemblyNo" label="零件总成号" align="center" width="90"/>
<el-table-column prop="professionalDepartment" label="专业部门" align="center" width="90"/>
<el-table-column prop="ccCertificationMark" label="3C认证标志" align="center"/>
<el-table-column prop="mainDataEntryBy" label="主数据填写人" align="center" width="120" fixed="right"/>
<el-table-column prop="mainDataEntryTime" label="主数据填写时间" align="center" width="160" fixed="right"/>
<el-table-column prop="mainDataEntryStatus" label="主数据填写状态" align="center" width="120" fixed="right"/>
<el-table-column prop="partOrMaterialLevel1" label="零部件一级名称" align="center" width="120">
<template #default="scope">
<span>{{ scope.row.partOrMaterialLevel1 || '--' }}</span>
</template>
</el-table-column>
<el-table-column prop="partOrMaterialLevel2" label="零部件二级名称" align="center" width="120">
<template #default="scope">
<span>{{ scope.row.partOrMaterialLevel2 || '--' }}</span>
</template>
</el-table-column>
<el-table-column prop="modelSpecification" label="型号规格" align="center" width="120">
<template #default="scope">
<span>{{ scope.row.modelSpecification || '--' }}</span>
</template>
</el-table-column>
<el-table-column prop="manufacturer" label="生产厂" align="center" width="200">
<template #default="scope">
<span>{{ scope.row.manufacturer || '--' }}</span>
</template>
</el-table-column>
<el-table-column prop="cccVoluntaryCertification" label="CCC/自愿型产品认证证书编号" align="center" width="160">
<template #default="scope">
<span>{{ scope.row.cccVoluntaryCertification || '--' }}</span>
</template>
</el-table-column>
<el-table-column prop="applicableModel" label="适用车型" align="center" width="120">
<template #default="scope">
<span>{{ scope.row.applicableModel || '--' }}</span>
</template>
</el-table-column>
<el-table-column prop="inspectionDocumentNumber" label="检验文件编号" align="center" width="140">
<template #default="scope">
<span>{{ scope.row.inspectionDocumentNumber || '--' }}</span>
</template>
</el-table-column>
<el-table-column prop="remark" label="备注" align="center">
<template #default="scope">
<span>{{ scope.row.remark || '--' }}</span>
</template>
</el-table-column>
<el-table-column prop="partNumber" label="零件号" align="center" width="90">
<template #default="scope">
<span>{{ scope.row.partNumber || '--' }}</span>
</template>
</el-table-column>
<el-table-column prop="p8PostMassProductionUnit" label="P8后批量生产单位" align="center" width="90">
<template #default="scope">
<span>{{ scope.row.p8PostMassProductionUnit || '--' }}</span>
</template>
</el-table-column>
<el-table-column prop="partAssemblyNo" label="零件总成号" align="center" width="90">
<template #default="scope">
<span>{{ scope.row.partAssemblyNo || '--' }}</span>
</template>
</el-table-column>
<el-table-column prop="professionalDepartment" label="专业部门" align="center" width="90">
<template #default="scope">
<span>{{ scope.row.professionalDepartment || '--' }}</span>
</template>
</el-table-column>
<el-table-column prop="ccCertificationMark" label="3C认证标志" align="center">
<template #default="scope">
<span>{{ scope.row.ccCertificationMark || '--' }}</span>
</template>
</el-table-column>
<el-table-column prop="mainDataEntryBy" label="主数据填写人" align="center" width="120" fixed="right">
<template #default="scope">
<span>{{ scope.row.mainDataEntryBy || '--' }}</span>
</template>
</el-table-column>
<el-table-column prop="mainDataEntryTime" label="主数据填写时间" align="center" width="160" fixed="right">
<template #default="scope">
<span>{{ scope.row.mainDataEntryTime || '--' }}</span>
</template>
</el-table-column>
<el-table-column prop="mainDataEntryStatus" label="主数据填写状态" align="center" width="120" fixed="right">
<template #default="scope">
<span>{{ scope.row.mainDataEntryStatus || '--' }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" width="140" fixed="right">
<template #default="scope">
<el-button v-if="!scope.row.mainButton" link style="color: rgb(0,0,255)" @click="editMainData(scope.row)">编辑</el-button>
......@@ -255,23 +319,91 @@
<el-table v-loading="loading" :data="keyPartsListDetail" @selection-change="handleSelectIds" style="width: 100%;margin-top: 10px" border >
<el-table-column type="selection" width="55"/>
<el-table-column prop="date" label="序号" align="center" width="55"/>
<el-table-column prop="partOrMaterialLevel1" label="零部件一级名称" align="center" width="120"/>
<el-table-column prop="partOrMaterialLevel2" label="零部件二级名称" align="center" width="120"/>
<el-table-column prop="modelSpecification" label="型号规格" align="center" width="120"/>
<el-table-column prop="manufacturer" label="生产厂" align="center" width="200"/>
<el-table-column prop="cccVoluntaryCertification" label="CCC/自愿型产品认证证书编号" align="center" width="160"/>
<el-table-column prop="applicableModel" label="适用车型" align="center" width="120"/>
<el-table-column prop="inspectionDocumentNumber" label="检验文件编号" align="center" width="140"/>
<el-table-column prop="remark" label="备注" align="center"/>
<el-table-column prop="partNumber" label="零件号" align="center" width="90"/>
<el-table-column prop="p8PostMassProductionUnit" label="P8后批量生产单位" align="center" width="90"/>
<el-table-column prop="partAssemblyNo" label="零件总成号" align="center" width="90"/>
<el-table-column prop="professionalDepartment" label="专业部门" align="center" width="90"/>
<el-table-column prop="ccCertificationMark" label="3C认证标志" align="center"/>
<el-table-column prop="partNumberEntryBy" label="零件号填写人" align="center" width="90" fixed="right"/>
<el-table-column prop="partNumberEntryTime" label="零件号填写时间" align="center" width="160" fixed="right"/>
<el-table-column prop="partNumberEntryStatus" label="零件号填写状态" align="center" width="120" fixed="right"/>
<el-table-column prop="partNumberConfirmationBy" label="零件号确认人" align="center" width="90" fixed="right"/>
<el-table-column prop="partOrMaterialLevel1" label="零部件一级名称" align="center" width="120">
<template #default="scope">
<span>{{ scope.row.partOrMaterialLevel1 || '--' }}</span>
</template>
</el-table-column>
<el-table-column prop="partOrMaterialLevel2" label="零部件二级名称" align="center" width="120">
<template #default="scope">
<span>{{ scope.row.partOrMaterialLevel2 || '--' }}</span>
</template>
</el-table-column>
<el-table-column prop="modelSpecification" label="型号规格" align="center" width="120">
<template #default="scope">
<span>{{ scope.row.modelSpecification || '--' }}</span>
</template>
</el-table-column>
<el-table-column prop="manufacturer" label="生产厂" align="center" width="200">
<template #default="scope">
<span>{{ scope.row.manufacturer || '--' }}</span>
</template>
</el-table-column>
<el-table-column prop="cccVoluntaryCertification" label="CCC/自愿型产品认证证书编号" align="center" width="160">
<template #default="scope">
<span>{{ scope.row.cccVoluntaryCertification || '--' }}</span>
</template>
</el-table-column>
<el-table-column prop="applicableModel" label="适用车型" align="center" width="120">
<template #default="scope">
<span>{{ scope.row.applicableModel || '--' }}</span>
</template>
</el-table-column>
<el-table-column prop="inspectionDocumentNumber" label="检验文件编号" align="center" width="140">
<template #default="scope">
<span>{{ scope.row.inspectionDocumentNumber || '--' }}</span>
</template>
</el-table-column>
<el-table-column prop="remark" label="备注" align="center">
<template #default="scope">
<span>{{ scope.row.remark || '--' }}</span>
</template>
</el-table-column>
<el-table-column prop="partNumber" label="零件号" align="center" width="90">
<template #default="scope">
<span>{{ scope.row.partNumber || '--' }}</span>
</template>
</el-table-column>
<el-table-column prop="p8PostMassProductionUnit" label="P8后批量生产单位" align="center" width="90">
<template #default="scope">
<span>{{ scope.row.p8PostMassProductionUnit || '--' }}</span>
</template>
</el-table-column>
<el-table-column prop="partAssemblyNo" label="零件总成号" align="center" width="90">
<template #default="scope">
<span>{{ scope.row.partAssemblyNo || '--' }}</span>
</template>
</el-table-column>
<el-table-column prop="professionalDepartment" label="专业部门" align="center" width="90">
<template #default="scope">
<span>{{ scope.row.professionalDepartment || '--' }}</span>
</template>
</el-table-column>
<el-table-column prop="ccCertificationMark" label="3C认证标志" align="center">
<template #default="scope">
<span>{{ scope.row.ccCertificationMark || '--' }}</span>
</template>
</el-table-column>
<el-table-column prop="partNumberEntryBy" label="零件号填写人" align="center" width="90" fixed="right">
<template #default="scope">
<span>{{ scope.row.partNumberEntryBy || '--' }}</span>
</template>
</el-table-column>
<el-table-column prop="partNumberEntryTime" label="零件号填写时间" align="center" width="160" fixed="right">
<template #default="scope">
<span>{{ scope.row.partNumberEntryTime || '--' }}</span>
</template>
</el-table-column>
<el-table-column prop="partNumberEntryStatus" label="零件号填写状态" align="center" width="120" fixed="right">
<template #default="scope">
<span>{{ scope.row.partNumberEntryStatus || '--' }}</span>
</template>
</el-table-column>
<el-table-column prop="partNumberConfirmationBy" label="零件号确认人" align="center" width="90" fixed="right">
<template #default="scope">
<span>{{ scope.row.partNumberConfirmationBy || '--' }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" width="140" fixed="right">
<template #default="scope">
<el-button v-if="!scope.row.partButton" link style="color: rgb(0,0,255)" @click="editPartData(scope.row)">编辑</el-button>
......@@ -1183,12 +1315,12 @@
</template>
<template #default>
<div v-if="editType === '处理' || editType === '填写'">
<el-form ref="drawerKeyPartsRef" :model="keyPartsListDetail" label-width="120">
<el-form :model="drawerForm" label-width="120">
<el-form-item label="零部件一级名称:">
动力总成
{{ drawerForm.partOrMaterialLevel1 }}
</el-form-item>
<el-form-item label="零部件二级名称:">
变速器
{{ drawerForm.partOrMaterialLevel2 }}
</el-form-item>
<el-form-item label="型号规格:">
<template #label>
......@@ -1198,7 +1330,7 @@
</div>
</template>
<el-input
v-model="keyPartsListDetail.partOrMaterialLevel2"
v-model="drawerForm.modelSpecification"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
:disabled="activeTab ==='PART_NUMBER' || activeTab === 'INSPECTION_DOCUMENT'"
......@@ -1213,6 +1345,7 @@
</div>
</template>
<el-input
v-model="drawerForm.manufacturer"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
:disabled="activeTab === 'PART_NUMBER' || activeTab === 'INSPECTION_DOCUMENT'"
......@@ -1227,6 +1360,7 @@
</div>
</template>
<el-input
v-model="drawerForm.cccVoluntaryCertification"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
type="textarea"
......@@ -1240,6 +1374,7 @@
</div>
</template>
<el-input
v-model="drawerForm.applicableModel"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
disabled
......@@ -1254,6 +1389,7 @@
</div>
</template>
<el-input
v-model="drawerForm.partNumber"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
:disabled="activeTab !=='PART_NUMBER'"
......@@ -1268,6 +1404,7 @@
</div>
</template>
<el-select
v-model="drawerForm.p8PostMassProductionUnit"
:placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
clearable
style="height: 100px"
......@@ -1284,6 +1421,7 @@
</div>
</template>
<el-input
v-model="drawerForm.partAssemblyNo"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
type="textarea"
......@@ -1297,6 +1435,7 @@
</div>
</template>
<el-input
v-model="drawerForm.inspectionDocumentNumber"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
type="textarea"
......@@ -1307,10 +1446,10 @@
<div v-if="editType === '审核'">
<el-form label-width="120">
<el-form-item label="零部件一级名称:">
动力总成
{{ drawerForm.partOrMaterialLevel1 }}
</el-form-item>
<el-form-item label="零部件二级名称:">
动力总成
{{ drawerForm.partOrMaterialLevel2 }}
</el-form-item>
<el-form-item label="型号规格:">
<template #label>
......@@ -1320,6 +1459,7 @@
</div>
</template>
<el-input
v-model="drawerForm.modelSpecification"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
type="textarea"
......@@ -1333,6 +1473,7 @@
</div>
</template>
<el-input
v-model="drawerForm.manufacturer"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
type="textarea"
......@@ -1346,6 +1487,7 @@
</div>
</template>
<el-input
v-model="drawerForm.cccVoluntaryCertification"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
type="textarea"
......@@ -1359,6 +1501,7 @@
</div>
</template>
<el-input
v-model="drawerForm.applicableModel"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
disabled
......@@ -1373,6 +1516,7 @@
</div>
</template>
<el-input
v-model="drawerForm.inspectionDocumentNumber"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
type="textarea"
......@@ -1386,6 +1530,7 @@
</div>
</template>
<el-input
v-model="drawerForm.partNumber"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
type="textarea"
......@@ -1399,6 +1544,7 @@
</div>
</template>
<el-select
v-model="drawerForm.p8PostMassProductionUnit"
:placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
clearable
style="height: 100px"
......@@ -1415,6 +1561,7 @@
</div>
</template>
<el-input
v-model="drawerForm.partAssemblyNo"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
type="textarea"
......@@ -1424,12 +1571,11 @@
</div>
</template>
<template #footer>
<div style="flex: auto">
<div>
<el-button class="btn-B" @click="editDataCancel">取消</el-button>
<el-button v-if="(editType === '处理' || editType === '填写') && activeTab === 'MAIN_DATA'" class="btn-A" @click="mainDataConfirm">保存</el-button>
<el-button v-if="(editType === '处理' || editType === '填写') && activeTab === 'PART_NUMBER'" class="btn-A" @click="partDataConfirm">保存</el-button>
<el-button v-if="(editType === '处理' || editType === '填写') && activeTab === 'INSPECTION_DOCUMENT'" class="btn-A" @click="inspectDataConfirm">保存</el-button>
<el-button class="btn-A" @click="editDataConfirm">保存</el-button>
<el-button v-if="editType === '审核'" class="btn-A" @click="flagDataConfirm">保存</el-button>
<el-button class="btn-A">保存并完成</el-button>
</div>
</template>
</el-drawer>
......@@ -1592,7 +1738,7 @@ const planId = '1914553761208987648'
console.log("planId",planId)
const taskId = '1914495012767264768'
console.log("taskId",taskId)
const editType = '审核'
const editType = '处理'
console.log("操作类型",editType)
// 页面切换
const changeView = ref(false)
......@@ -1606,7 +1752,6 @@ const descriptionsList = ref([])
const stepList = ref([])
//关键零部件列表
const keyPartsList = ref([])
const drawerKeyPartsRef = ref()
const keyPartsListDetail = ref([])
const activeTab = ref('MAIN_DATA') // 默认激活第一个标签页
......@@ -1942,35 +2087,70 @@ function cancelFlagIssue(row) {
// 编辑主数据
const editData = ref(false)
function editDataCancel() {
editData.value = false
}
const drawerForm = ref({})
const miniEditData = ref({
keyPartsIds: [],
editType: null,
modelSpecification: null,
manufacturer: null,
cccVoluntaryCertification: null,
p8PostMassProductionUnit: null,
partNumber: null,
partAssemblyNo: null,
inspectionDocumentNumber: null
})
function editMainData(row) {
editData.value = true
drawerForm.value = row
console.log("编辑主数据",row.id)
console.log("编辑行的数据",row)
}
function mainDataConfirm() {
console.log("编辑主数据")
editDataCancel()
}
// 编辑零件号
function editPartData(row) {
editData.value = true
console.log("编辑零件号",row.id)
}
function partDataConfirm() {
console.log("编辑零件号")
editDataCancel()
}
// 编辑检验文件编号
function editInspectData(row) {
editData.value = true
console.log("编辑检验文件编号",row.id)
function editDataCancel() {
editData.value = false
miniEditData.value = {
keyPartsIds: [],
editType: null,
modelSpecification: null,
manufacturer: null,
cccVoluntaryCertification: null,
p8PostMassProductionUnit: null,
partNumber: null,
partAssemblyNo: null,
inspectionDocumentNumber: null
}
drawerForm.value = {}
}
function inspectDataConfirm() {
console.log("编辑检验文件编号")
function editDataConfirm() {
if(editType === '处理' || editType === '填写'){
if(activeTab.value === 'MAIN_DATA'){
miniEditData.value.entryType = "ENTRY_MAIN_DATA"
miniEditData.value.modelSpecification = drawerForm.value.modelSpecification
miniEditData.value.manufacturer = drawerForm.value.manufacturer
miniEditData.value.cccVoluntaryCertification = drawerForm.value.cccVoluntaryCertification
miniEditData.value.p8PostMassProductionUnit = drawerForm.value.p8PostMassProductionUnit
}else if(activeTab.value === 'PART_NUMBER'){
miniEditData.value.entryType = "ENTRY_PART_NUMBER"
miniEditData.value.p8PostMassProductionUnit = drawerForm.value.p8PostMassProductionUnit
miniEditData.value.partNumber = drawerForm.value.partNumber
miniEditData.value.partAssemblyNo = drawerForm.value.partAssemblyNo
}else if(activeTab.value === 'INSPECTION_DOCUMENT'){
miniEditData.value.entryType = "ENTRY_INSPECTION_DOCUMENT"
miniEditData.value.inspectionDocumentNumber = drawerForm.value.inspectionDocumentNumber
}
}else if(editType === '审核'){
miniEditData.value.modelSpecification = drawerForm.value.modelSpecification
miniEditData.value.manufacturer = drawerForm.value.manufacturer
miniEditData.value.cccVoluntaryCertification = drawerForm.value.cccVoluntaryCertification
miniEditData.value.inspectionDocumentNumber = drawerForm.value.inspectionDocumentNumber
miniEditData.value.partNumber = drawerForm.value.partNumber
miniEditData.value.p8PostMassProductionUnit = drawerForm.value.p8PostMassProductionUnit
miniEditData.value.partAssemblyNo = drawerForm.value.partAssemblyNo
}
console.log("保存的数据",miniEditData.value)
// miniUpdateCCAPParts()
editDataCancel()
}
// 审核编辑
function editFlagData(row) {
editData.value = true
......@@ -1981,10 +2161,6 @@ function flagDataConfirm() {
editDataCancel()
}
const drawerForm = ref([])
function drawerFormList(){
}
// 查询参数
const queryParams = ref({
pageNum: 1,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment