Skip to content

Q
qr-consistency-vue3
Commit 80461e33 authored by yanzhengyang's avatar yanzhengyang
Browse files
Options

refactor(CCAP控制计划管理):查看编制页面接口、查看变更履历页面接口

parent d8ce7c37
Show whitespace changes
Inline Side-by-side
Showing with 839 additions and 798 deletions
src/api/CCAPControlPlanManagement/view.js
View file @ 80461e33
import request from '@/utils/request.js'
// 查询CCAP控制计划审批和描述列表
export function getCCAPPlanDescriptions(controlPlanId) {
export function getCCAPPlanDescriptions(id,taskType) {
return request({
url: '/control/compilationTask/' + controlPlanId,
url: '/control/compilationTask/getCompilationTaskInfo',
method: 'get',
params: {
controlPlanId: id,
taskType
}
})
}
......@@ -18,10 +22,13 @@ export function getCCAPPlanKeyList(query) {
}
// 查询CCAP控制计划变更履历列表
export function getCCAPPlanChangeList(query) {
export function getCCAPPlanChangeList(controlPlanId,taskId) {
return request({
url: '/control/ccapPlan/changeLog/list',
method: 'get',
params: query
params: {
controlPlanId,
taskId
}
})
}
src/views/controlPlan/CCAPControlPlan/CCAPControlPlanManagement/change.vue
View file @ 80461e33
......@@ -25,41 +25,41 @@
</div>
<div class="component-selector">
<el-tabs v-model="activeTab" class="demo-tabs">
<el-tab-pane label="关键零部件清单" name="first">
<el-tab-pane label="关键零部件清单" name="CCAP_KEY_PARTS_TASK">
<el-steps :active="2" align-center style="margin-top: 20px">
<el-step title="发起编制任务" description="（发起人： 杨帆）2025-02-06 12:00:00" />
<el-step title="填写" description="Some description" />
<el-step title="审核" description="Some description" />
<el-step title="批准" description="Some description" />
<el-step title="最终确认" description="Some description" />
<el-step
v-for="(item,index) in stepList"
:key="index" :title="item.nodeName"
:description="item.handleName+ ' ' + (item.handleTime ? item.handleTime : '处理中')"/>
</el-steps>
<div>
<div class="tab-components">
<span class="components-span">变更履历表</span>
</div>
<el-form :inline="true" :model="queryParams" class="demo-form-inline" style="margin-top: 20px" >
<el-form :inline="true" :model="queryLogParams" class="demo-form-inline" style="margin-top: 20px" >
<el-form-item label="编制/变更时间:">
<el-date-picker
v-model="queryLogParams.compileChangeTime"
type="date"
placeholder="选择日期"/>
</el-form-item>
<el-form-item label="编制/变更说明:">
<el-input
v-model="queryParams.user"
v-model="queryLogParams.compileChangeDesc"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item label="变更人:">
<el-input
v-model="queryParams.user"
v-model="queryLogParams.changeBy"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item label="变更详细内容序号:">
<el-input
v-model="queryParams.user"
v-model="queryLogParams.changeDetailSeq"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
......@@ -69,31 +69,31 @@
<el-button class="btn-B" icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-table v-loading="loading" :data="tableData" style="width: 100%" border >
<el-table-column prop="date" label="序号" align="center" width="60"/>
<el-table-column prop="name" label="编制/变更时间" align="center" width="180"/>
<el-table-column prop="address" label="编制/变更说明" align="center" />
<el-table-column prop="address" label="变更前版本" align="center" width="180"/>
<el-table-column prop="address" label="变更后版本" align="center" width="180"/>
<el-table-column prop="address" label="变更人" align="center" width="180"/>
<el-table-column prop="address" label="变更详细内容序号" align="center" width="220"/>
<el-table v-loading="loading" :data="changeLogList" style="width: 100%" border >
<el-table-column type="index" label="序号" align="center" width="60"/>
<el-table-column prop="compileChangeTime" label="编制/变更时间" align="center" width="180"/>
<el-table-column prop="compileChangeDesc" label="编制/变更说明" align="center" show-overflow-tooltip/>
<el-table-column prop="versionBefore" label="变更前版本" align="center" width="180"/>
<el-table-column prop="versionAfter" label="变更后版本" align="center" width="180"/>
<el-table-column prop="changeBy" label="变更人" align="center" width="180"/>
<el-table-column prop="changeDetailSeq" label="变更详细内容序号" align="center" width="220"/>
</el-table>
</div>
<div>
<div class="tab-components">
<span class="components-span">变更详细内容</span>
</div>
<el-form :inline="true" :model="queryParams" class="demo-form-inline" style="margin-top: 20px" >
<el-form :inline="true" :model="queryDetailParams" class="demo-form-inline" style="margin-top: 20px" >
<el-form-item label="零部件二级名称:">
<el-input
v-model="queryParams.user"
v-model="queryDetailParams.partLevelTwoName"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item label="适用车型:">
<el-select
v-model="queryParams.region"
v-model="queryDetailParams.applicableModel"
:placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
clearable
style="width: 200px;"
......@@ -104,28 +104,28 @@
</el-form-item>
<el-form-item label="型号规格:">
<el-input
v-model="queryParams.user"
v-model="queryDetailParams.modelSpecificationPre"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item label="生产厂:">
<el-input
v-model="queryParams.user"
v-model="queryDetailParams.manufacturerPre"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item label="3C证书编号:">
<el-input
v-model="queryParams.user"
v-model="queryDetailParams.cccVoluntaryCertificationPre"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item label="检验文件编号:">
<el-input
v-model="queryParams.user"
v-model="queryDetailParams.inspectionDocumentNumberPre"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
......@@ -135,342 +135,342 @@
<el-button class="btn-B" icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-table v-loading="loading" :data="tableData" style="width: 100%" border >
<el-table-column prop="date" label="序号" align="center" width="60"/>
<el-table-column prop="name" label="零部件二级名称" align="center" width="140"/>
<el-table-column prop="address" label="适用车型" align="center" width="160"/>
<el-table v-loading="loading" :data="changeDetailList" style="width: 100%" border >
<el-table-column type="index" label="序号" align="center" width="60"/>
<el-table-column prop="partLevelTwoName" label="零部件二级名称" align="center" width="140"/>
<el-table-column prop="applicableModel" label="适用车型" align="center" width="160"/>
<el-table-column label="变更前" align="center" >
<el-table-column prop="address" label="型号规格" align="center" width="140"/>
<el-table-column prop="address" label="生产厂" align="center" width="140"/>
<el-table-column prop="address" label="CCC/自愿型产品认证证书编号" align="center" />
<el-table-column prop="address" label="检验文件编号" align="center" width="180"/>
<el-table-column prop="modelSpecificationPre" label="型号规格" align="center" width="140"/>
<el-table-column prop="manufacturerPre" label="生产厂" align="center" width="140"/>
<el-table-column prop="cccVoluntaryCertificationPre" label="CCC/自愿型产品认证证书编号" align="center" />
<el-table-column prop="inspectionDocumentNumberPre" label="检验文件编号" align="center" width="180"/>
</el-table-column>
<el-table-column label="变更后" align="center" >
<el-table-column prop="address" label="型号规格" align="center" width="140"/>
<el-table-column prop="address" label="生产厂" align="center" width="140"/>
<el-table-column prop="address" label="CCC/自愿型产品认证证书编号" align="center" />
<el-table-column prop="address" label="检验文件编号" align="center" width="180"/>
</el-table-column>
</el-table>
</div>
</el-tab-pane>
<el-tab-pane label="关键工序、装配、检验过程清单" name="second">
<el-steps :active="2" align-center style="margin-top: 20px">
<el-step title="发起编制任务" description="（发起人： 杨帆）2025-02-06 12:00:00" />
<el-step title="填写" description="Some description" />
<el-step title="审核" description="Some description" />
<el-step title="批准" description="Some description" />
<el-step title="最终确认" description="Some description" />
</el-steps>
<div>
<div class="tab-components">
<span class="components-span">变更履历表</span>
</div>
<el-form :inline="true" :model="queryParams" class="demo-form-inline" style="margin-top: 20px" >
<el-form-item label="编制/变更时间:">
<el-date-picker
type="date"
placeholder="选择日期"/>
</el-form-item>
<el-form-item label="编制/变更说明:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="变更人:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="变更详细内容序号:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item>
<el-button class="btn-A" icon="Search" @click="handleQuery">搜索</el-button>
<el-button class="btn-B" icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-table :data="tableData" style="width: 100%" border >
<el-table-column prop="date" label="序号" align="center" width="60"/>
<el-table-column prop="name" label="编制/变更时间" align="center" width="180"/>
<el-table-column prop="address" label="编制/变更说明" align="center" />
<el-table-column prop="address" label="变更前版本" align="center" width="180"/>
<el-table-column prop="address" label="变更后版本" align="center" width="180"/>
<el-table-column prop="address" label="变更人" align="center" width="180"/>
<el-table-column prop="address" label="变更详细内容序号" align="center" width="220"/>
</el-table>
</div>
<div>
<div class="tab-components">
<span class="components-span">变更详细内容</span>
</div>
<el-form :inline="true" :model="queryParams" class="demo-form-inline" style="margin-top: 20px" >
<el-form-item label="名称:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="场所:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="作业指导书:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="检验作业指导书:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="责任部门:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="适用车型:">
<el-select
v-model="queryParams.region"
placeholder="请选择"
clearable
style="width: 180px;"
>
<el-option label="Zone one" value="shanghai" />
<el-option label="Zone two" value="beijing" />
</el-select>
</el-form-item>
<el-form-item>
<el-button class="btn-A" icon="Search" @click="handleQuery">搜索</el-button>
<el-button class="btn-B" icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-table :data="tableData" style="width: 100%" border >
<el-table-column prop="date" label="序号" align="center" width="60"/>
<el-table-column label="变更前" align="center" >
<el-table-column prop="name" label="名称" align="center" width="140"/>
<el-table-column prop="address" label="场所" align="center" width="100"/>
<el-table-column prop="address" label="作业指导书" align="center" />
<el-table-column prop="address" label="检验作业指导书" align="center" />
<el-table-column prop="address" label="责任部门" align="center" width="100"/>
<el-table-column prop="address" label="适用车型" align="center" width="80"/>
</el-table-column>
<el-table-column label="变更后" align="center" >
<el-table-column prop="name" label="名称" align="center" width="140"/>
<el-table-column prop="address" label="场所" align="center" width="100"/>
<el-table-column prop="address" label="作业指导书" align="center" />
<el-table-column prop="address" label="检验作业指导书" align="center" />
<el-table-column prop="address" label="责任部门" align="center" width="100"/>
<el-table-column prop="address" label="适用车型" align="center" width="80"/>
</el-table-column>
</el-table>
</div>
</el-tab-pane>
<el-tab-pane label="COP试验喝检查表-制造" name="third">
<el-steps :active="2" align-center style="margin-top: 20px">
<el-step title="发起编制任务" description="（发起人： 杨帆）2025-02-06 12:00:00" />
<el-step title="填写" description="Some description" />
<el-step title="审核" description="Some description" />
<el-step title="批准" description="Some description" />
<el-step title="最终确认" description="Some description" />
</el-steps>
<div>
<div class="tab-components">
<span class="components-span">变更履历表</span>
</div>
<el-form :inline="true" :model="queryParams" class="demo-form-inline" style="margin-top: 20px" >
<el-form-item label="编制/变更时间:">
<el-date-picker
type="date"
placeholder="选择日期"/>
</el-form-item>
<el-form-item label="编制/变更说明:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="变更人:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="变更详细内容序号:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item>
<el-button class="btn-A" icon="Search" @click="handleQuery">搜索</el-button>
<el-button class="btn-B" icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-table :data="tableData" style="width: 100%" border >
<el-table-column prop="date" label="序号" align="center" width="60"/>
<el-table-column prop="name" label="编制/变更时间" align="center" width="180"/>
<el-table-column prop="address" label="编制/变更说明" align="center" />
<el-table-column prop="address" label="变更前版本" align="center" width="180"/>
<el-table-column prop="address" label="变更后版本" align="center" width="180"/>
<el-table-column prop="address" label="变更人" align="center" width="180"/>
<el-table-column prop="address" label="变更详细内容序号" align="center" width="220"/>
</el-table>
</div>
<div>
<div class="tab-components">
<span class="components-span">变更详细内容</span>
</div>
<el-form :inline="true" :model="queryParams" class="demo-form-inline" style="margin-top: 20px" >
<el-form-item label="项目:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="测量仪器设备:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="容量:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="频次:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="场所:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="文件编号:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="责任部门:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="适用车型:">
<el-select
v-model="queryParams.region"
placeholder="请选择"
clearable
style="width: 180px;"
>
<el-option label="Zone one" value="shanghai" />
<el-option label="Zone two" value="beijing" />
</el-select>
</el-form-item>
<el-form-item>
<el-button class="btn-A" icon="Search" @click="handleQuery">搜索</el-button>
<el-button class="btn-B" icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-table :data="tableData" style="width: 100%" border >
<el-table-column prop="date" label="序号" align="center" width="60"/>
<el-table-column label="变更前" align="center" >
<el-table-column prop="name" label="项目" align="center" width="140"/>
<el-table-column prop="address" label="测量仪器和设备" align="center" width="100"/>
<el-table-column prop="address" label="容量" align="center" width="60"/>
<el-table-column prop="address" label="频次" align="center" width="60"/>
<el-table-column prop="address" label="场所" align="center" width="120"/>
<el-table-column prop="address" label="文件编号" align="center" />
<el-table-column prop="address" label="责任部门" align="center" width="100"/>
<el-table-column prop="address" label="适用车型" align="center" width="80"/>
</el-table-column>
<el-table-column label="变更后" align="center" >
<el-table-column prop="name" label="项目" align="center" width="140"/>
<el-table-column prop="address" label="测量仪器和设备" align="center" width="100"/>
<el-table-column prop="address" label="容量" align="center" width="60"/>
<el-table-column prop="address" label="频次" align="center" width="60"/>
<el-table-column prop="address" label="场所" align="center" width="120"/>
<el-table-column prop="address" label="文件编号" align="center" />
<el-table-column prop="address" label="责任部门" align="center" width="100"/>
<el-table-column prop="address" label="适用车型" align="center" width="80"/>
</el-table-column>
</el-table>
</div>
</el-tab-pane>
<el-tab-pane label="COP试验喝检查表-质管" name="four">
<el-steps :active="2" align-center style="margin-top: 20px">
<el-step title="发起编制任务" description="（发起人： 杨帆）2025-02-06 12:00:00" />
<el-step title="填写" description="Some description" />
<el-step title="审核" description="Some description" />
<el-step title="批准" description="Some description" />
<el-step title="最终确认" description="Some description" />
</el-steps>
<div>
<div class="tab-components">
<span class="components-span">变更履历表</span>
</div>
<el-form :inline="true" :model="queryParams" class="demo-form-inline" style="margin-top: 20px" >
<el-form-item label="编制/变更时间:">
<el-date-picker
type="date"
placeholder="选择日期"/>
</el-form-item>
<el-form-item label="编制/变更说明:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="变更人:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="变更详细内容序号:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item>
<el-button class="btn-A" icon="Search" @click="handleQuery">搜索</el-button>
<el-button class="btn-B" icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-table :data="tableData" style="width: 100%" border >
<el-table-column prop="date" label="序号" align="center" width="60"/>
<el-table-column prop="name" label="编制/变更时间" align="center" width="180"/>
<el-table-column prop="address" label="编制/变更说明" align="center" />
<el-table-column prop="address" label="变更前版本" align="center" width="180"/>
<el-table-column prop="address" label="变更后版本" align="center" width="180"/>
<el-table-column prop="address" label="变更人" align="center" width="180"/>
<el-table-column prop="address" label="变更详细内容序号" align="center" width="220"/>
</el-table>
</div>
<div>
<div class="tab-components">
<span class="components-span">变更详细内容</span>
</div>
<el-form :inline="true" :model="queryParams" class="demo-form-inline" style="margin-top: 20px" >
<el-form-item label="项目:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="测量仪器设备:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="容量:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="频次:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="场所:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="文件编号:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="责任部门:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="适用车型:">
<el-select
v-model="queryParams.region"
placeholder="请选择"
clearable
style="width: 180px;"
>
<el-option label="Zone one" value="shanghai" />
<el-option label="Zone two" value="beijing" />
</el-select>
</el-form-item>
<el-form-item>
<el-button class="btn-A" icon="Search" @click="handleQuery">搜索</el-button>
<el-button class="btn-B" icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-table :data="tableData" style="width: 100%" border >
<el-table-column prop="date" label="序号" align="center" width="60"/>
<el-table-column label="变更前" align="center" >
<el-table-column prop="name" label="项目" align="center" width="140"/>
<el-table-column prop="address" label="测量仪器和设备" align="center" width="100"/>
<el-table-column prop="address" label="容量" align="center" width="60"/>
<el-table-column prop="address" label="频次" align="center" width="60"/>
<el-table-column prop="address" label="场所" align="center" width="120"/>
<el-table-column prop="address" label="文件编号" align="center" />
<el-table-column prop="address" label="责任部门" align="center" width="100"/>
<el-table-column prop="address" label="适用车型" align="center" width="80"/>
</el-table-column>
<el-table-column label="变更后" align="center" >
<el-table-column prop="name" label="项目" align="center" width="140"/>
<el-table-column prop="address" label="测量仪器和设备" align="center" width="100"/>
<el-table-column prop="address" label="容量" align="center" width="60"/>
<el-table-column prop="address" label="频次" align="center" width="60"/>
<el-table-column prop="address" label="场所" align="center" width="120"/>
<el-table-column prop="address" label="文件编号" align="center" />
<el-table-column prop="address" label="责任部门" align="center" width="100"/>
<el-table-column prop="address" label="适用车型" align="center" width="80"/>
<el-table-column prop="modelSpecificationCur" label="型号规格" align="center" width="140"/>
<el-table-column prop="manufacturerCur" label="生产厂" align="center" width="140"/>
<el-table-column prop="cccVoluntaryCertificationCur" label="CCC/自愿型产品认证证书编号" align="center" />
<el-table-column prop="inspectionDocumentNumberCur" label="检验文件编号" align="center" width="180"/>
</el-table-column>
</el-table>
</div>
</el-tab-pane>
<!-- <el-tab-pane label="关键工序、装配、检验过程清单" name="second">-->
<!-- <el-steps :active="2" align-center style="margin-top: 20px">-->
<!-- <el-step title="发起编制任务" description="（发起人： 杨帆）2025-02-06 12:00:00" />-->
<!-- <el-step title="填写" description="Some description" />-->
<!-- <el-step title="审核" description="Some description" />-->
<!-- <el-step title="批准" description="Some description" />-->
<!-- <el-step title="最终确认" description="Some description" />-->
<!-- </el-steps>-->
<!-- <div>-->
<!-- <div class="tab-components">-->
<!-- <span class="components-span">变更履历表</span>-->
<!-- </div>-->
<!-- <el-form :inline="true" :model="queryParams" class="demo-form-inline" style="margin-top: 20px" >-->
<!-- <el-form-item label="编制/变更时间:">-->
<!-- <el-date-picker-->
<!-- type="date"-->
<!-- placeholder="选择日期"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="编制/变更说明:">-->
<!-- <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="变更人:">-->
<!-- <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="变更详细内容序号:">-->
<!-- <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item>-->
<!-- <el-button class="btn-A" icon="Search" @click="handleQuery">搜索</el-button>-->
<!-- <el-button class="btn-B" icon="Refresh" @click="resetQuery">重置</el-button>-->
<!-- </el-form-item>-->
<!-- </el-form>-->
<!-- <el-table :data="tableData" style="width: 100%" border >-->
<!-- <el-table-column prop="date" label="序号" align="center" width="60"/>-->
<!-- <el-table-column prop="name" label="编制/变更时间" align="center" width="180"/>-->
<!-- <el-table-column prop="address" label="编制/变更说明" align="center" />-->
<!-- <el-table-column prop="address" label="变更前版本" align="center" width="180"/>-->
<!-- <el-table-column prop="address" label="变更后版本" align="center" width="180"/>-->
<!-- <el-table-column prop="address" label="变更人" align="center" width="180"/>-->
<!-- <el-table-column prop="address" label="变更详细内容序号" align="center" width="220"/>-->
<!-- </el-table>-->
<!-- </div>-->
<!-- <div>-->
<!-- <div class="tab-components">-->
<!-- <span class="components-span">变更详细内容</span>-->
<!-- </div>-->
<!-- <el-form :inline="true" :model="queryParams" class="demo-form-inline" style="margin-top: 20px" >-->
<!-- <el-form-item label="名称:">-->
<!-- <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="场所:">-->
<!-- <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="作业指导书:">-->
<!-- <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="检验作业指导书:">-->
<!-- <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="责任部门:">-->
<!-- <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="适用车型:">-->
<!-- <el-select-->
<!-- v-model="queryParams.region"-->
<!-- placeholder="请选择"-->
<!-- clearable-->
<!-- style="width: 180px;"-->
<!-- >-->
<!-- <el-option label="Zone one" value="shanghai" />-->
<!-- <el-option label="Zone two" value="beijing" />-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!-- <el-form-item>-->
<!-- <el-button class="btn-A" icon="Search" @click="handleQuery">搜索</el-button>-->
<!-- <el-button class="btn-B" icon="Refresh" @click="resetQuery">重置</el-button>-->
<!-- </el-form-item>-->
<!-- </el-form>-->
<!-- <el-table :data="tableData" style="width: 100%" border >-->
<!-- <el-table-column prop="date" label="序号" align="center" width="60"/>-->
<!-- <el-table-column label="变更前" align="center" >-->
<!-- <el-table-column prop="name" label="名称" align="center" width="140"/>-->
<!-- <el-table-column prop="address" label="场所" align="center" width="100"/>-->
<!-- <el-table-column prop="address" label="作业指导书" align="center" />-->
<!-- <el-table-column prop="address" label="检验作业指导书" align="center" />-->
<!-- <el-table-column prop="address" label="责任部门" align="center" width="100"/>-->
<!-- <el-table-column prop="address" label="适用车型" align="center" width="80"/>-->
<!-- </el-table-column>-->
<!-- <el-table-column label="变更后" align="center" >-->
<!-- <el-table-column prop="name" label="名称" align="center" width="140"/>-->
<!-- <el-table-column prop="address" label="场所" align="center" width="100"/>-->
<!-- <el-table-column prop="address" label="作业指导书" align="center" />-->
<!-- <el-table-column prop="address" label="检验作业指导书" align="center" />-->
<!-- <el-table-column prop="address" label="责任部门" align="center" width="100"/>-->
<!-- <el-table-column prop="address" label="适用车型" align="center" width="80"/>-->
<!-- </el-table-column>-->
<!-- </el-table>-->
<!-- </div>-->
<!-- </el-tab-pane>-->
<!-- <el-tab-pane label="COP试验喝检查表-制造" name="third">-->
<!-- <el-steps :active="2" align-center style="margin-top: 20px">-->
<!-- <el-step title="发起编制任务" description="（发起人： 杨帆）2025-02-06 12:00:00" />-->
<!-- <el-step title="填写" description="Some description" />-->
<!-- <el-step title="审核" description="Some description" />-->
<!-- <el-step title="批准" description="Some description" />-->
<!-- <el-step title="最终确认" description="Some description" />-->
<!-- </el-steps>-->
<!-- <div>-->
<!-- <div class="tab-components">-->
<!-- <span class="components-span">变更履历表</span>-->
<!-- </div>-->
<!-- <el-form :inline="true" :model="queryParams" class="demo-form-inline" style="margin-top: 20px" >-->
<!-- <el-form-item label="编制/变更时间:">-->
<!-- <el-date-picker-->
<!-- type="date"-->
<!-- placeholder="选择日期"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="编制/变更说明:">-->
<!-- <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="变更人:">-->
<!-- <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="变更详细内容序号:">-->
<!-- <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item>-->
<!-- <el-button class="btn-A" icon="Search" @click="handleQuery">搜索</el-button>-->
<!-- <el-button class="btn-B" icon="Refresh" @click="resetQuery">重置</el-button>-->
<!-- </el-form-item>-->
<!-- </el-form>-->
<!-- <el-table :data="tableData" style="width: 100%" border >-->
<!-- <el-table-column prop="date" label="序号" align="center" width="60"/>-->
<!-- <el-table-column prop="name" label="编制/变更时间" align="center" width="180"/>-->
<!-- <el-table-column prop="address" label="编制/变更说明" align="center" />-->
<!-- <el-table-column prop="address" label="变更前版本" align="center" width="180"/>-->
<!-- <el-table-column prop="address" label="变更后版本" align="center" width="180"/>-->
<!-- <el-table-column prop="address" label="变更人" align="center" width="180"/>-->
<!-- <el-table-column prop="address" label="变更详细内容序号" align="center" width="220"/>-->
<!-- </el-table>-->
<!-- </div>-->
<!-- <div>-->
<!-- <div class="tab-components">-->
<!-- <span class="components-span">变更详细内容</span>-->
<!-- </div>-->
<!-- <el-form :inline="true" :model="queryParams" class="demo-form-inline" style="margin-top: 20px" >-->
<!-- <el-form-item label="项目:">-->
<!-- <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="测量仪器设备:">-->
<!-- <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="容量:">-->
<!-- <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="频次:">-->
<!-- <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="场所:">-->
<!-- <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="文件编号:">-->
<!-- <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="责任部门:">-->
<!-- <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="适用车型:">-->
<!-- <el-select-->
<!-- v-model="queryParams.region"-->
<!-- placeholder="请选择"-->
<!-- clearable-->
<!-- style="width: 180px;"-->
<!-- >-->
<!-- <el-option label="Zone one" value="shanghai" />-->
<!-- <el-option label="Zone two" value="beijing" />-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!-- <el-form-item>-->
<!-- <el-button class="btn-A" icon="Search" @click="handleQuery">搜索</el-button>-->
<!-- <el-button class="btn-B" icon="Refresh" @click="resetQuery">重置</el-button>-->
<!-- </el-form-item>-->
<!-- </el-form>-->
<!-- <el-table :data="tableData" style="width: 100%" border >-->
<!-- <el-table-column prop="date" label="序号" align="center" width="60"/>-->
<!-- <el-table-column label="变更前" align="center" >-->
<!-- <el-table-column prop="name" label="项目" align="center" width="140"/>-->
<!-- <el-table-column prop="address" label="测量仪器和设备" align="center" width="100"/>-->
<!-- <el-table-column prop="address" label="容量" align="center" width="60"/>-->
<!-- <el-table-column prop="address" label="频次" align="center" width="60"/>-->
<!-- <el-table-column prop="address" label="场所" align="center" width="120"/>-->
<!-- <el-table-column prop="address" label="文件编号" align="center" />-->
<!-- <el-table-column prop="address" label="责任部门" align="center" width="100"/>-->
<!-- <el-table-column prop="address" label="适用车型" align="center" width="80"/>-->
<!-- </el-table-column>-->
<!-- <el-table-column label="变更后" align="center" >-->
<!-- <el-table-column prop="name" label="项目" align="center" width="140"/>-->
<!-- <el-table-column prop="address" label="测量仪器和设备" align="center" width="100"/>-->
<!-- <el-table-column prop="address" label="容量" align="center" width="60"/>-->
<!-- <el-table-column prop="address" label="频次" align="center" width="60"/>-->
<!-- <el-table-column prop="address" label="场所" align="center" width="120"/>-->
<!-- <el-table-column prop="address" label="文件编号" align="center" />-->
<!-- <el-table-column prop="address" label="责任部门" align="center" width="100"/>-->
<!-- <el-table-column prop="address" label="适用车型" align="center" width="80"/>-->
<!-- </el-table-column>-->
<!-- </el-table>-->
<!-- </div>-->
<!-- </el-tab-pane>-->
<!-- <el-tab-pane label="COP试验喝检查表-质管" name="four">-->
<!-- <el-steps :active="2" align-center style="margin-top: 20px">-->
<!-- <el-step title="发起编制任务" description="（发起人： 杨帆）2025-02-06 12:00:00" />-->
<!-- <el-step title="填写" description="Some description" />-->
<!-- <el-step title="审核" description="Some description" />-->
<!-- <el-step title="批准" description="Some description" />-->
<!-- <el-step title="最终确认" description="Some description" />-->
<!-- </el-steps>-->
<!-- <div>-->
<!-- <div class="tab-components">-->
<!-- <span class="components-span">变更履历表</span>-->
<!-- </div>-->
<!-- <el-form :inline="true" :model="queryParams" class="demo-form-inline" style="margin-top: 20px" >-->
<!-- <el-form-item label="编制/变更时间:">-->
<!-- <el-date-picker-->
<!-- type="date"-->
<!-- placeholder="选择日期"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="编制/变更说明:">-->
<!-- <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="变更人:">-->
<!-- <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="变更详细内容序号:">-->
<!-- <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item>-->
<!-- <el-button class="btn-A" icon="Search" @click="handleQuery">搜索</el-button>-->
<!-- <el-button class="btn-B" icon="Refresh" @click="resetQuery">重置</el-button>-->
<!-- </el-form-item>-->
<!-- </el-form>-->
<!-- <el-table :data="tableData" style="width: 100%" border >-->
<!-- <el-table-column prop="date" label="序号" align="center" width="60"/>-->
<!-- <el-table-column prop="name" label="编制/变更时间" align="center" width="180"/>-->
<!-- <el-table-column prop="address" label="编制/变更说明" align="center" />-->
<!-- <el-table-column prop="address" label="变更前版本" align="center" width="180"/>-->
<!-- <el-table-column prop="address" label="变更后版本" align="center" width="180"/>-->
<!-- <el-table-column prop="address" label="变更人" align="center" width="180"/>-->
<!-- <el-table-column prop="address" label="变更详细内容序号" align="center" width="220"/>-->
<!-- </el-table>-->
<!-- </div>-->
<!-- <div>-->
<!-- <div class="tab-components">-->
<!-- <span class="components-span">变更详细内容</span>-->
<!-- </div>-->
<!-- <el-form :inline="true" :model="queryParams" class="demo-form-inline" style="margin-top: 20px" >-->
<!-- <el-form-item label="项目:">-->
<!-- <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="测量仪器设备:">-->
<!-- <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="容量:">-->
<!-- <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="频次:">-->
<!-- <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="场所:">-->
<!-- <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="文件编号:">-->
<!-- <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="责任部门:">-->
<!-- <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="适用车型:">-->
<!-- <el-select-->
<!-- v-model="queryParams.region"-->
<!-- placeholder="请选择"-->
<!-- clearable-->
<!-- style="width: 180px;"-->
<!-- >-->
<!-- <el-option label="Zone one" value="shanghai" />-->
<!-- <el-option label="Zone two" value="beijing" />-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!-- <el-form-item>-->
<!-- <el-button class="btn-A" icon="Search" @click="handleQuery">搜索</el-button>-->
<!-- <el-button class="btn-B" icon="Refresh" @click="resetQuery">重置</el-button>-->
<!-- </el-form-item>-->
<!-- </el-form>-->
<!-- <el-table :data="tableData" style="width: 100%" border >-->
<!-- <el-table-column prop="date" label="序号" align="center" width="60"/>-->
<!-- <el-table-column label="变更前" align="center" >-->
<!-- <el-table-column prop="name" label="项目" align="center" width="140"/>-->
<!-- <el-table-column prop="address" label="测量仪器和设备" align="center" width="100"/>-->
<!-- <el-table-column prop="address" label="容量" align="center" width="60"/>-->
<!-- <el-table-column prop="address" label="频次" align="center" width="60"/>-->
<!-- <el-table-column prop="address" label="场所" align="center" width="120"/>-->
<!-- <el-table-column prop="address" label="文件编号" align="center" />-->
<!-- <el-table-column prop="address" label="责任部门" align="center" width="100"/>-->
<!-- <el-table-column prop="address" label="适用车型" align="center" width="80"/>-->
<!-- </el-table-column>-->
<!-- <el-table-column label="变更后" align="center" >-->
<!-- <el-table-column prop="name" label="项目" align="center" width="140"/>-->
<!-- <el-table-column prop="address" label="测量仪器和设备" align="center" width="100"/>-->
<!-- <el-table-column prop="address" label="容量" align="center" width="60"/>-->
<!-- <el-table-column prop="address" label="频次" align="center" width="60"/>-->
<!-- <el-table-column prop="address" label="场所" align="center" width="120"/>-->
<!-- <el-table-column prop="address" label="文件编号" align="center" />-->
<!-- <el-table-column prop="address" label="责任部门" align="center" width="100"/>-->
<!-- <el-table-column prop="address" label="适用车型" align="center" width="80"/>-->
<!-- </el-table-column>-->
<!-- </el-table>-->
<!-- </div>-->
<!-- </el-tab-pane>-->
</el-tabs>
</div>
</div>
......@@ -487,15 +487,43 @@ import { ref, getCurrentInstance } from 'vue'
const route = useRoute()
const total = ref(0)
const loading = ref()
// 整体数据列表
const changeList = ref([])
const activeTab = ref('first') // 默认激活第一个标签页
// 变更详细内容列表
const changeDetailList = ref([])
// 变更履历列表
const changeLogList = ref([])
// 流程节点列表
const stepList = ref([])
const activeTab = ref('CCAP_KEY_PARTS_TASK') // 默认激活第一个标签页
if(route.query.tab){
activeTab.value = route.query.tab
}
// 修改data定义方式
const queryParams = ref({
const queryLogParams = ref({
pageNum: 1,
pageSize: 10
pageSize: 10,
compileChangeTime:null,
compileChangeDesc:null,
versionBefore:null,
versionAfter:null,
changeBy:null,
changeDetailSeq:null,
})
const queryDetailParams = ref({
pageNum: 1,
pageSize: 10,
partLevelTwoName:null,
applicableModel:null,
modelSpecificationPre:null,
modelSpecificationCur:null,
manufacturerPre:null,
manufacturerCur:null,
cccVoluntaryCertificationPre:null,
cccVoluntaryCertificationCur:null,
inspectionDocumentNumberPre:null,
inspectionDocumentNumberCur:null,
})
watch(activeTab, (newVal) => {
......@@ -507,25 +535,32 @@ const handlePagination = ({ page, limit }) => {
queryParams.value.pageSize = limit
// getList(activeTab.value)
}
// function getList() {
// loading.value = true
// // const id = proxy.$route.query.id
// getCCAPPlanChangeList().then(res => {
// console.log("变更",res)
// changeList.value = res.data
// // if (formList.value.length > 0) {
// // activeTab.value = formList.value[0].id // 默认第一个标签的id
// // getList(formList.value[0].id) // 初始化加载第一个标签的数据
// // }
// })
// loading.value = false
// }
function getList() {
loading.value = true
const controlPlanId = proxy.$route.query.id
const taskId = proxy.$route.query.taskId
getCCAPPlanChangeList('1914553761208987648','1914553761699721216').then(res => {
changeList.value = res.data
changeDetailList.value = changeList.value.changeDetailList
changeLogList.value = changeList.value.changeLogList
stepList.value = changeList.value.nodeRecords
console.log("555",changeList.value)
console.log("666",changeDetailList.value)
console.log("777",changeLogList.value)
console.log("888",stepList.value)
// if (formList.value.length > 0) {
// activeTab.value = formList.value[0].id // 默认第一个标签的id
// getList(formList.value[0].id) // 初始化加载第一个标签的数据
// }
})
loading.value = false
}
const handleBack = () => {
proxy.$router.go(-1)
}
onMounted(() => {
// getList();
getList();
})
</script>
......
src/views/controlPlan/CCAPControlPlan/CCAPControlPlanManagement/view.vue
View file @ 80461e33
......@@ -29,7 +29,7 @@
</div>
<div class="component-selector">
<el-tabs v-model="activeTab" class="demo-tabs">
<el-tab-pane label="关键零部件清单" name="first">
<el-tab-pane label="关键零部件清单" name="CCAP_KEY_PARTS_TASK">
<el-steps :active="2" align-center style="margin-top: 20px">
<el-step
v-for="(item,index) in stepList"
......@@ -197,7 +197,7 @@
<el-button class="btn-A" @click="openDialog">选择用户(多选)</el-button>
</el-form-item>
</el-form>
<el-table v-loading="loading" :data="tableData" style="width: 100%" border >
<el-table v-loading="loading" :data="keyPartsList.value" style="width: 100%" border >
<el-table-column prop="date" label="序号" align="center" width="75"/>
<el-table-column prop="partOrMaterialLevel1" label="零部件一级名称" align="center" width="120"/>
<el-table-column prop="partOrMaterialLevel2" label="零部件二级名称" align="center" width="120"/>
......@@ -218,418 +218,418 @@
</el-table>
</div>
</el-tab-pane>
<el-tab-pane label="关键工序、装配、检验过程清单" name="second">
<el-steps :active="2" align-center style="margin-top: 20px">
<el-step title="发起编制任务" description="（发起人： 杨帆）2025-02-06 12:00:00" />
<el-step title="填写" description="Some description" />
<el-step title="审核" description="Some description" />
<el-step title="批准" description="Some description" />
<el-step title="最终确认" description="Some description" />
</el-steps>
<div>
<div class="tab-components">
<span class="components-span">编制详情</span>
<el-button class="btn-A" @click="changeView">查看变更履历</el-button>
</div>
<el-descriptions border :column="4" style="margin-top: 20px">
<el-descriptions-item label="文件编号:" label-align="right">kooriookami</el-descriptions-item>
<el-descriptions-item label="版本号:" label-align="right">18100000000</el-descriptions-item>
<el-descriptions-item label="修订日期:" label-align="right">Suzhou</el-descriptions-item>
<el-descriptions-item label="编制/日期:" label-align="right">132132/666</el-descriptions-item>
<el-descriptions-item label="车型代码:" label-align="right">Province</el-descriptions-item>
<el-descriptions-item label="车型系列名称:" label-align="right">CJ1A</el-descriptions-item>
<el-descriptions-item label=""></el-descriptions-item>
<el-descriptions-item label="审核/日期:" label-align="right">CJ1A</el-descriptions-item>
<el-descriptions-item label="联系人:" label-align="right">于昌淼</el-descriptions-item>
<el-descriptions-item label="联系部门:" label-align="right">123456789</el-descriptions-item>
<el-descriptions-item label="联系电话:" label-align="right">999666333</el-descriptions-item>
<el-descriptions-item label="批准/日期:" label-align="right">CJ1A</el-descriptions-item>
<el-descriptions-item label="生产厂:" label-align="right">奇瑞汽车股份有限公司</el-descriptions-item>
<el-descriptions-item label="生产地址:" label-align="right">中国安徽省芜湖市经济开发区长春路8号</el-descriptions-item>
<el-descriptions-item label="生产情况:" label-align="right">
<el-radio-group v-model="radio1" class="ml-4">
<el-radio label="1" >试生产</el-radio>
<el-radio label="2" >生产</el-radio>
</el-radio-group>
</el-descriptions-item>
<el-descriptions-item label="" label-align="right">--</el-descriptions-item>
<el-descriptions-item label="系列车型型号:" label-align="right" width="120px">
999666333、888555222、777444111、
999666333、888555222、777444111、
999666333、888555222、777444111、
999666333、888555222、777444111、
999666333、888555222、777444111、
999666333、888555222、777444111、
</el-descriptions-item>
</el-descriptions>
<el-form :inline="true" :model="queryParams" class="demo-form-inline" style="margin-top: 20px">
<el-form-item label="名称:">
<el-input
v-model="queryParams.user"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item label="制造/装配/检验的场所:">
<el-input
v-model="queryParams.user"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item label="责任部门:">
<el-input
v-model="queryParams.user"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item label="适用车型:">
<el-input
v-model="queryParams.user"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item label="作业指导书:">
<el-input
v-model="queryParams.user"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item label="检验作业指导书:">
<el-input
v-model="queryParams.user"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item label="填写人:">
<el-input
v-model="queryParams.user"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item label="确认人:">
<el-input
v-model="queryParams.user"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item label="校对人:">
<el-input
v-model="queryParams.user"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item>
<el-button class="btn-A" icon="Search" @click="handleQuery">{{cn.search}}/{{en.search}}</el-button>
<el-button class="btn-B" icon="Refresh" @click="resetQuery">{{cn.reset}}/{{en.reset}}</el-button>
</el-form-item>
</el-form>
<el-table :data="tableData" style="width: 100%" border >
<el-table-column type="selection" width="60"></el-table-column>
<el-table-column prop="date" label="序号" align="center" width="60"/>
<el-table-column prop="name" label="名称" align="center" />
<el-table-column prop="address" label="制造/装配/检验的场所" align="center" width="160"/>
<el-table-column prop="address" label="责任部门" align="center" width="120"/>
<el-table-column prop="address" label="适用车型" align="center" width="160" />
<el-table-column prop="address" label="填写人" align="center" width="120" fixed="right"/>
<el-table-column prop="address" label="填写时间" align="center" width="160" fixed="right"/>
<el-table-column prop="address" label="填写状态" align="center" width="120" fixed="right"/>
<el-table-column prop="address" label="确认人" align="center" width="160" fixed="right"/>
<el-table-column prop="address" label="校对人" align="center" width="160" fixed="right"/>
</el-table>
</div>
</el-tab-pane>
<el-tab-pane label="COP试验和检查表-制造" name="third">
<el-steps :active="2" align-center style="margin-top: 20px">
<el-step title="发起编制任务" description="（发起人： 杨帆）2025-02-06 12:00:00" />
<el-step title="填写" description="Some description" />
<el-step title="审核" description="Some description" />
<el-step title="批准" description="Some description" />
<el-step title="最终确认" description="Some description" />
</el-steps>
<div>
<div class="tab-components">
<span class="components-span">编制详情</span>
<el-button class="btn-A" @click="changeView">查看变更履历</el-button>
</div>
<el-descriptions border :column="4" style="margin-top: 20px">
<el-descriptions-item label="文件编号:" label-align="right">kooriookami</el-descriptions-item>
<el-descriptions-item label="版本号:" label-align="right">18100000000</el-descriptions-item>
<el-descriptions-item label="修订日期:" label-align="right">Suzhou</el-descriptions-item>
<el-descriptions-item label="编制/日期:" label-align="right">132132/666</el-descriptions-item>
<el-descriptions-item label="车型代码:" label-align="right">Province</el-descriptions-item>
<el-descriptions-item label="车型系列名称:" label-align="right">CJ1A</el-descriptions-item>
<el-descriptions-item label=""></el-descriptions-item>
<el-descriptions-item label="审核/日期:" label-align="right">CJ1A</el-descriptions-item>
<el-descriptions-item label="联系人:" label-align="right">于昌淼</el-descriptions-item>
<el-descriptions-item label="联系部门:" label-align="right">123456789</el-descriptions-item>
<el-descriptions-item label="联系电话:" label-align="right">999666333</el-descriptions-item>
<el-descriptions-item label="批准/日期:" label-align="right">CJ1A</el-descriptions-item>
<el-descriptions-item label="生产厂:" label-align="right">奇瑞汽车股份有限公司</el-descriptions-item>
<el-descriptions-item label="生产地址:" label-align="right">中国安徽省芜湖市经济开发区长春路8号</el-descriptions-item>
<el-descriptions-item label="生产情况:" label-align="right">
<el-radio-group v-model="radio1" class="ml-4">
<el-radio label="1" >试生产</el-radio>
<el-radio label="2" >生产</el-radio>
</el-radio-group>
</el-descriptions-item>
<el-descriptions-item label="" label-align="right">--</el-descriptions-item>
<el-descriptions-item label="系列车型型号:" label-align="right" width="120px">
999666333、888555222、777444111、
999666333、888555222、777444111、
999666333、888555222、777444111、
999666333、888555222、777444111、
999666333、888555222、777444111、
999666333、888555222、777444111、
</el-descriptions-item>
</el-descriptions>
<el-form :inline="true" :model="queryParams" class="demo-form-inline" style="margin-top: 20px">
<el-form-item label="项目:">
<el-select
v-model="queryParams.region"
:placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
clearable
style="width: 200px;"
>
<el-option label="Zone one" value="shanghai" />
<el-option label="Zone two" value="beijing" />
</el-select>
</el-form-item>
<el-form-item label="测量仪器和设备:">
<el-input
v-model="queryParams.user"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item label="容量:">
<el-input
v-model="queryParams.user"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item label="频次:">
<el-input
v-model="queryParams.user"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item label="试验和检查场所:">
<el-input
v-model="queryParams.user"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item label="所执行的文件名称及编号:">
<el-input
v-model="queryParams.user"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item label="责任部门:">
<el-input
v-model="queryParams.user"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item label="适用车型:">
<el-input
v-model="queryParams.user"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item label="填写人:">
<el-input
v-model="queryParams.user"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item label="确认人:">
<el-input
v-model="queryParams.user"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item label="校对人:">
<el-input
v-model="queryParams.user"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item>
<el-button class="btn-A" icon="Search" @click="handleQuery">{{cn.search}}/{{en.search}}</el-button>
<el-button class="btn-B" icon="Refresh" @click="resetQuery">{{cn.reset}}/{{en.reset}}</el-button>
</el-form-item>
</el-form>
<el-table :data="tableData" style="width: 100%" border >
<el-table-column type="selection" width="60"></el-table-column>
<el-table-column prop="date" label="序号" align="center" width="60"/>
<el-table-column prop="name" label="项目" align="center" />
<el-table-column prop="address" label="测量仪器和设备" align="center" width="160"/>
<el-table-column prop="address" label="容量" align="center" width="80"/>
<el-table-column prop="address" label="频次" align="center" width="100" />
<el-table-column prop="address" label="试验和检查的场所" align="center" width="160"/>
<el-table-column prop="address" label="所执行的文件名称及编号" align="center" width="220"/>
<el-table-column prop="address" label="责任部门" align="center" width="120"/>
<el-table-column prop="address" label="适用车型" align="center" width="120"/>
<el-table-column prop="address" label="填写人" align="center" width="120" fixed="right"/>
<el-table-column prop="address" label="填写时间" align="center" width="160" fixed="right"/>
<el-table-column prop="address" label="填写状态" align="center" width="120" fixed="right"/>
<el-table-column prop="address" label="确认人" align="center" width="160" fixed="right"/>
<el-table-column prop="address" label="校对人" align="center" width="160" fixed="right"/>
</el-table>
</div>
</el-tab-pane>
<el-tab-pane label="COP试验喝检查表-质管" name="four">
<el-steps :active="2" align-center style="margin-top: 20px">
<el-step title="发起编制任务" description="（发起人： 杨帆）2025-02-06 12:00:00" />
<el-step title="填写" description="Some description" />
<el-step title="审核" description="Some description" />
<el-step title="批准" description="Some description" />
<el-step title="最终确认" description="Some description" />
</el-steps>
<div>
<div class="tab-components">
<span class="components-span">编制详情</span>
<el-button class="btn-A" @click="changeView">查看变更履历</el-button>
</div>
<el-descriptions border :column="4" style="margin-top: 20px">
<el-descriptions-item label="文件编号:" label-align="right">kooriookami</el-descriptions-item>
<el-descriptions-item label="版本号:" label-align="right">18100000000</el-descriptions-item>
<el-descriptions-item label="修订日期:" label-align="right">Suzhou</el-descriptions-item>
<el-descriptions-item label="编制/日期:" label-align="right">132132/666</el-descriptions-item>
<el-descriptions-item label="车型代码:" label-align="right">Province</el-descriptions-item>
<el-descriptions-item label="车型系列名称:" label-align="right">CJ1A</el-descriptions-item>
<el-descriptions-item label=""></el-descriptions-item>
<el-descriptions-item label="审核/日期:" label-align="right">CJ1A</el-descriptions-item>
<el-descriptions-item label="联系人:" label-align="right">于昌淼</el-descriptions-item>
<el-descriptions-item label="联系部门:" label-align="right">123456789</el-descriptions-item>
<el-descriptions-item label="联系电话:" label-align="right">999666333</el-descriptions-item>
<el-descriptions-item label="批准/日期:" label-align="right">CJ1A</el-descriptions-item>
<el-descriptions-item label="生产厂:" label-align="right">奇瑞汽车股份有限公司</el-descriptions-item>
<el-descriptions-item label="生产地址:" label-align="right">中国安徽省芜湖市经济开发区长春路8号</el-descriptions-item>
<el-descriptions-item label="生产情况:" label-align="right">
<el-radio-group v-model="radio1" class="ml-4">
<el-radio label="1" >试生产</el-radio>
<el-radio label="2" >生产</el-radio>
</el-radio-group>
</el-descriptions-item>
<el-descriptions-item label="" label-align="right">--</el-descriptions-item>
<el-descriptions-item label="系列车型型号:" label-align="right" width="120px">
999666333、888555222、777444111、
999666333、888555222、777444111、
999666333、888555222、777444111、
999666333、888555222、777444111、
999666333、888555222、777444111、
999666333、888555222、777444111、
</el-descriptions-item>
</el-descriptions>
<el-form :inline="true" :model="queryParams" class="demo-form-inline" style="margin-top: 20px">
<el-form-item label="项目:">
<el-select
v-model="queryParams.region"
:placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
clearable
style="width: 200px;"
>
<el-option label="Zone one" value="shanghai" />
<el-option label="Zone two" value="beijing" />
</el-select>
</el-form-item>
<el-form-item label="测量仪器和设备:">
<el-input
v-model="queryParams.user"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item label="容量:">
<el-input
v-model="queryParams.user"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item label="频次:">
<el-input
v-model="queryParams.user"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item label="试验和检查的场所:">
<el-input
v-model="queryParams.user"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item label="所执行的文件名称及编号:">
<el-input
v-model="queryParams.user"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item label="责任部门:">
<el-input
v-model="queryParams.user"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item label="适用车型:">
<el-input
v-model="queryParams.user"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item label="填写人:">
<el-input
v-model="queryParams.user"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item>
<el-button class="btn-A" icon="Search" @click="handleQuery">{{cn.search}}/{{en.search}}</el-button>
<el-button class="btn-B" icon="Refresh" @click="resetQuery">{{cn.reset}}/{{en.reset}}</el-button>
</el-form-item>
</el-form>
<el-table :data="tableData" style="width: 100%" border >
<el-table-column type="selection" width="60"></el-table-column>
<el-table-column prop="date" label="序号" align="center" width="60"/>
<el-table-column prop="name" label="项目" align="center" />
<el-table-column prop="address" label="测量仪器和设备" align="center" width="160"/>
<el-table-column prop="address" label="容量" align="center" width="80"/>
<el-table-column prop="address" label="频次" align="center" width="160" />
<el-table-column prop="address" label="试验和检查的场所" align="center" width="160"/>
<el-table-column prop="address" label="所执行的文件名称及编号" align="center" width="220"/>
<el-table-column prop="address" label="责任部门" align="center" width="120"/>
<el-table-column prop="address" label="适用车型" align="center" width="120"/>
<el-table-column prop="address" label="填写人" align="center" width="120" fixed="right"/>
<el-table-column prop="address" label="填写时间" align="center" width="160" fixed="right"/>
<el-table-column prop="address" label="填写状态" align="center" width="120" fixed="right"/>
</el-table>
</div>
</el-tab-pane>
<!-- <el-tab-pane label="关键工序、装配、检验过程清单" name="CCAP_PORCESS_TASK">-->
<!-- <el-steps :active="2" align-center style="margin-top: 20px">-->
<!-- <el-step title="发起编制任务" description="（发起人： 杨帆）2025-02-06 12:00:00" />-->
<!-- <el-step title="填写" description="Some description" />-->
<!-- <el-step title="审核" description="Some description" />-->
<!-- <el-step title="批准" description="Some description" />-->
<!-- <el-step title="最终确认" description="Some description" />-->
<!-- </el-steps>-->
<!-- <div>-->
<!-- <div class="tab-components">-->
<!-- <span class="components-span">编制详情</span>-->
<!-- <el-button class="btn-A" @click="changeView">查看变更履历</el-button>-->
<!-- </div>-->
<!-- <el-descriptions border :column="4" style="margin-top: 20px">-->
<!-- <el-descriptions-item label="文件编号:" label-align="right">kooriookami</el-descriptions-item>-->
<!-- <el-descriptions-item label="版本号:" label-align="right">18100000000</el-descriptions-item>-->
<!-- <el-descriptions-item label="修订日期:" label-align="right">Suzhou</el-descriptions-item>-->
<!-- <el-descriptions-item label="编制/日期:" label-align="right">132132/666</el-descriptions-item>-->
<!-- <el-descriptions-item label="车型代码:" label-align="right">Province</el-descriptions-item>-->
<!-- <el-descriptions-item label="车型系列名称:" label-align="right">CJ1A</el-descriptions-item>-->
<!-- <el-descriptions-item label=""></el-descriptions-item>-->
<!-- <el-descriptions-item label="审核/日期:" label-align="right">CJ1A</el-descriptions-item>-->
<!-- <el-descriptions-item label="联系人:" label-align="right">于昌淼</el-descriptions-item>-->
<!-- <el-descriptions-item label="联系部门:" label-align="right">123456789</el-descriptions-item>-->
<!-- <el-descriptions-item label="联系电话:" label-align="right">999666333</el-descriptions-item>-->
<!-- <el-descriptions-item label="批准/日期:" label-align="right">CJ1A</el-descriptions-item>-->
<!-- <el-descriptions-item label="生产厂:" label-align="right">奇瑞汽车股份有限公司</el-descriptions-item>-->
<!-- <el-descriptions-item label="生产地址:" label-align="right">中国安徽省芜湖市经济开发区长春路8号</el-descriptions-item>-->
<!-- <el-descriptions-item label="生产情况:" label-align="right">-->
<!-- <el-radio-group v-model="radio1" class="ml-4">-->
<!-- <el-radio label="1" >试生产</el-radio>-->
<!-- <el-radio label="2" >生产</el-radio>-->
<!-- </el-radio-group>-->
<!-- </el-descriptions-item>-->
<!-- <el-descriptions-item label="" label-align="right">&#45;&#45;</el-descriptions-item>-->
<!-- <el-descriptions-item label="系列车型型号:" label-align="right" width="120px">-->
<!-- 999666333、888555222、777444111、-->
<!-- 999666333、888555222、777444111、-->
<!-- 999666333、888555222、777444111、-->
<!-- 999666333、888555222、777444111、-->
<!-- 999666333、888555222、777444111、-->
<!-- 999666333、888555222、777444111、-->
<!-- </el-descriptions-item>-->
<!-- </el-descriptions>-->
<!-- <el-form :inline="true" :model="queryParams" class="demo-form-inline" style="margin-top: 20px">-->
<!-- <el-form-item label="名称:">-->
<!-- <el-input-->
<!-- v-model="queryParams.user"-->
<!-- :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"-->
<!-- clearable-->
<!-- style="width: 200px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="制造/装配/检验的场所:">-->
<!-- <el-input-->
<!-- v-model="queryParams.user"-->
<!-- :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"-->
<!-- clearable-->
<!-- style="width: 200px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="责任部门:">-->
<!-- <el-input-->
<!-- v-model="queryParams.user"-->
<!-- :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"-->
<!-- clearable-->
<!-- style="width: 200px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="适用车型:">-->
<!-- <el-input-->
<!-- v-model="queryParams.user"-->
<!-- :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"-->
<!-- clearable-->
<!-- style="width: 200px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="作业指导书:">-->
<!-- <el-input-->
<!-- v-model="queryParams.user"-->
<!-- :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"-->
<!-- clearable-->
<!-- style="width: 200px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="检验作业指导书:">-->
<!-- <el-input-->
<!-- v-model="queryParams.user"-->
<!-- :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"-->
<!-- clearable-->
<!-- style="width: 200px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="填写人:">-->
<!-- <el-input-->
<!-- v-model="queryParams.user"-->
<!-- :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"-->
<!-- clearable-->
<!-- style="width: 200px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="确认人:">-->
<!-- <el-input-->
<!-- v-model="queryParams.user"-->
<!-- :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"-->
<!-- clearable-->
<!-- style="width: 200px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="校对人:">-->
<!-- <el-input-->
<!-- v-model="queryParams.user"-->
<!-- :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"-->
<!-- clearable-->
<!-- style="width: 200px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item>-->
<!-- <el-button class="btn-A" icon="Search" @click="handleQuery">{{cn.search}}/{{en.search}}</el-button>-->
<!-- <el-button class="btn-B" icon="Refresh" @click="resetQuery">{{cn.reset}}/{{en.reset}}</el-button>-->
<!-- </el-form-item>-->
<!-- </el-form>-->
<!-- <el-table :data="tableData" style="width: 100%" border >-->
<!-- <el-table-column type="selection" width="60"></el-table-column>-->
<!-- <el-table-column prop="date" label="序号" align="center" width="60"/>-->
<!-- <el-table-column prop="name" label="名称" align="center" />-->
<!-- <el-table-column prop="address" label="制造/装配/检验的场所" align="center" width="160"/>-->
<!-- <el-table-column prop="address" label="责任部门" align="center" width="120"/>-->
<!-- <el-table-column prop="address" label="适用车型" align="center" width="160" />-->
<!-- <el-table-column prop="address" label="填写人" align="center" width="120" fixed="right"/>-->
<!-- <el-table-column prop="address" label="填写时间" align="center" width="160" fixed="right"/>-->
<!-- <el-table-column prop="address" label="填写状态" align="center" width="120" fixed="right"/>-->
<!-- <el-table-column prop="address" label="确认人" align="center" width="160" fixed="right"/>-->
<!-- <el-table-column prop="address" label="校对人" align="center" width="160" fixed="right"/>-->
<!-- </el-table>-->
<!-- </div>-->
<!-- </el-tab-pane>-->
<!-- <el-tab-pane label="COP试验和检查表-制造" name="CCAP_COP_MAKE_TASK">-->
<!-- <el-steps :active="2" align-center style="margin-top: 20px">-->
<!-- <el-step title="发起编制任务" description="（发起人： 杨帆）2025-02-06 12:00:00" />-->
<!-- <el-step title="填写" description="Some description" />-->
<!-- <el-step title="审核" description="Some description" />-->
<!-- <el-step title="批准" description="Some description" />-->
<!-- <el-step title="最终确认" description="Some description" />-->
<!-- </el-steps>-->
<!-- <div>-->
<!-- <div class="tab-components">-->
<!-- <span class="components-span">编制详情</span>-->
<!-- <el-button class="btn-A" @click="changeView">查看变更履历</el-button>-->
<!-- </div>-->
<!-- <el-descriptions border :column="4" style="margin-top: 20px">-->
<!-- <el-descriptions-item label="文件编号:" label-align="right">kooriookami</el-descriptions-item>-->
<!-- <el-descriptions-item label="版本号:" label-align="right">18100000000</el-descriptions-item>-->
<!-- <el-descriptions-item label="修订日期:" label-align="right">Suzhou</el-descriptions-item>-->
<!-- <el-descriptions-item label="编制/日期:" label-align="right">132132/666</el-descriptions-item>-->
<!-- <el-descriptions-item label="车型代码:" label-align="right">Province</el-descriptions-item>-->
<!-- <el-descriptions-item label="车型系列名称:" label-align="right">CJ1A</el-descriptions-item>-->
<!-- <el-descriptions-item label=""></el-descriptions-item>-->
<!-- <el-descriptions-item label="审核/日期:" label-align="right">CJ1A</el-descriptions-item>-->
<!-- <el-descriptions-item label="联系人:" label-align="right">于昌淼</el-descriptions-item>-->
<!-- <el-descriptions-item label="联系部门:" label-align="right">123456789</el-descriptions-item>-->
<!-- <el-descriptions-item label="联系电话:" label-align="right">999666333</el-descriptions-item>-->
<!-- <el-descriptions-item label="批准/日期:" label-align="right">CJ1A</el-descriptions-item>-->
<!-- <el-descriptions-item label="生产厂:" label-align="right">奇瑞汽车股份有限公司</el-descriptions-item>-->
<!-- <el-descriptions-item label="生产地址:" label-align="right">中国安徽省芜湖市经济开发区长春路8号</el-descriptions-item>-->
<!-- <el-descriptions-item label="生产情况:" label-align="right">-->
<!-- <el-radio-group v-model="radio1" class="ml-4">-->
<!-- <el-radio label="1" >试生产</el-radio>-->
<!-- <el-radio label="2" >生产</el-radio>-->
<!-- </el-radio-group>-->
<!-- </el-descriptions-item>-->
<!-- <el-descriptions-item label="" label-align="right">&#45;&#45;</el-descriptions-item>-->
<!-- <el-descriptions-item label="系列车型型号:" label-align="right" width="120px">-->
<!-- 999666333、888555222、777444111、-->
<!-- 999666333、888555222、777444111、-->
<!-- 999666333、888555222、777444111、-->
<!-- 999666333、888555222、777444111、-->
<!-- 999666333、888555222、777444111、-->
<!-- 999666333、888555222、777444111、-->
<!-- </el-descriptions-item>-->
<!-- </el-descriptions>-->
<!-- <el-form :inline="true" :model="queryParams" class="demo-form-inline" style="margin-top: 20px">-->
<!-- <el-form-item label="项目:">-->
<!-- <el-select-->
<!-- v-model="queryParams.region"-->
<!-- :placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"-->
<!-- clearable-->
<!-- style="width: 200px;"-->
<!-- >-->
<!-- <el-option label="Zone one" value="shanghai" />-->
<!-- <el-option label="Zone two" value="beijing" />-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="测量仪器和设备:">-->
<!-- <el-input-->
<!-- v-model="queryParams.user"-->
<!-- :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"-->
<!-- clearable-->
<!-- style="width: 200px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="容量:">-->
<!-- <el-input-->
<!-- v-model="queryParams.user"-->
<!-- :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"-->
<!-- clearable-->
<!-- style="width: 200px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="频次:">-->
<!-- <el-input-->
<!-- v-model="queryParams.user"-->
<!-- :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"-->
<!-- clearable-->
<!-- style="width: 200px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="试验和检查场所:">-->
<!-- <el-input-->
<!-- v-model="queryParams.user"-->
<!-- :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"-->
<!-- clearable-->
<!-- style="width: 200px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="所执行的文件名称及编号:">-->
<!-- <el-input-->
<!-- v-model="queryParams.user"-->
<!-- :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"-->
<!-- clearable-->
<!-- style="width: 200px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="责任部门:">-->
<!-- <el-input-->
<!-- v-model="queryParams.user"-->
<!-- :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"-->
<!-- clearable-->
<!-- style="width: 200px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="适用车型:">-->
<!-- <el-input-->
<!-- v-model="queryParams.user"-->
<!-- :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"-->
<!-- clearable-->
<!-- style="width: 200px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="填写人:">-->
<!-- <el-input-->
<!-- v-model="queryParams.user"-->
<!-- :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"-->
<!-- clearable-->
<!-- style="width: 200px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="确认人:">-->
<!-- <el-input-->
<!-- v-model="queryParams.user"-->
<!-- :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"-->
<!-- clearable-->
<!-- style="width: 200px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="校对人:">-->
<!-- <el-input-->
<!-- v-model="queryParams.user"-->
<!-- :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"-->
<!-- clearable-->
<!-- style="width: 200px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item>-->
<!-- <el-button class="btn-A" icon="Search" @click="handleQuery">{{cn.search}}/{{en.search}}</el-button>-->
<!-- <el-button class="btn-B" icon="Refresh" @click="resetQuery">{{cn.reset}}/{{en.reset}}</el-button>-->
<!-- </el-form-item>-->
<!-- </el-form>-->
<!-- <el-table :data="tableData" style="width: 100%" border >-->
<!-- <el-table-column type="selection" width="60"></el-table-column>-->
<!-- <el-table-column prop="date" label="序号" align="center" width="60"/>-->
<!-- <el-table-column prop="name" label="项目" align="center" />-->
<!-- <el-table-column prop="address" label="测量仪器和设备" align="center" width="160"/>-->
<!-- <el-table-column prop="address" label="容量" align="center" width="80"/>-->
<!-- <el-table-column prop="address" label="频次" align="center" width="100" />-->
<!-- <el-table-column prop="address" label="试验和检查的场所" align="center" width="160"/>-->
<!-- <el-table-column prop="address" label="所执行的文件名称及编号" align="center" width="220"/>-->
<!-- <el-table-column prop="address" label="责任部门" align="center" width="120"/>-->
<!-- <el-table-column prop="address" label="适用车型" align="center" width="120"/>-->
<!-- <el-table-column prop="address" label="填写人" align="center" width="120" fixed="right"/>-->
<!-- <el-table-column prop="address" label="填写时间" align="center" width="160" fixed="right"/>-->
<!-- <el-table-column prop="address" label="填写状态" align="center" width="120" fixed="right"/>-->
<!-- <el-table-column prop="address" label="确认人" align="center" width="160" fixed="right"/>-->
<!-- <el-table-column prop="address" label="校对人" align="center" width="160" fixed="right"/>-->
<!-- </el-table>-->
<!-- </div>-->
<!-- </el-tab-pane>-->
<!-- <el-tab-pane label="COP试验喝检查表-质管" name="CCAP_COP_QULITY_TASK">-->
<!-- <el-steps :active="2" align-center style="margin-top: 20px">-->
<!-- <el-step title="发起编制任务" description="（发起人： 杨帆）2025-02-06 12:00:00" />-->
<!-- <el-step title="填写" description="Some description" />-->
<!-- <el-step title="审核" description="Some description" />-->
<!-- <el-step title="批准" description="Some description" />-->
<!-- <el-step title="最终确认" description="Some description" />-->
<!-- </el-steps>-->
<!-- <div>-->
<!-- <div class="tab-components">-->
<!-- <span class="components-span">编制详情</span>-->
<!-- <el-button class="btn-A" @click="changeView">查看变更履历</el-button>-->
<!-- </div>-->
<!-- <el-descriptions border :column="4" style="margin-top: 20px">-->
<!-- <el-descriptions-item label="文件编号:" label-align="right">kooriookami</el-descriptions-item>-->
<!-- <el-descriptions-item label="版本号:" label-align="right">18100000000</el-descriptions-item>-->
<!-- <el-descriptions-item label="修订日期:" label-align="right">Suzhou</el-descriptions-item>-->
<!-- <el-descriptions-item label="编制/日期:" label-align="right">132132/666</el-descriptions-item>-->
<!-- <el-descriptions-item label="车型代码:" label-align="right">Province</el-descriptions-item>-->
<!-- <el-descriptions-item label="车型系列名称:" label-align="right">CJ1A</el-descriptions-item>-->
<!-- <el-descriptions-item label=""></el-descriptions-item>-->
<!-- <el-descriptions-item label="审核/日期:" label-align="right">CJ1A</el-descriptions-item>-->
<!-- <el-descriptions-item label="联系人:" label-align="right">于昌淼</el-descriptions-item>-->
<!-- <el-descriptions-item label="联系部门:" label-align="right">123456789</el-descriptions-item>-->
<!-- <el-descriptions-item label="联系电话:" label-align="right">999666333</el-descriptions-item>-->
<!-- <el-descriptions-item label="批准/日期:" label-align="right">CJ1A</el-descriptions-item>-->
<!-- <el-descriptions-item label="生产厂:" label-align="right">奇瑞汽车股份有限公司</el-descriptions-item>-->
<!-- <el-descriptions-item label="生产地址:" label-align="right">中国安徽省芜湖市经济开发区长春路8号</el-descriptions-item>-->
<!-- <el-descriptions-item label="生产情况:" label-align="right">-->
<!-- <el-radio-group v-model="radio1" class="ml-4">-->
<!-- <el-radio label="1" >试生产</el-radio>-->
<!-- <el-radio label="2" >生产</el-radio>-->
<!-- </el-radio-group>-->
<!-- </el-descriptions-item>-->
<!-- <el-descriptions-item label="" label-align="right">&#45;&#45;</el-descriptions-item>-->
<!-- <el-descriptions-item label="系列车型型号:" label-align="right" width="120px">-->
<!-- 999666333、888555222、777444111、-->
<!-- 999666333、888555222、777444111、-->
<!-- 999666333、888555222、777444111、-->
<!-- 999666333、888555222、777444111、-->
<!-- 999666333、888555222、777444111、-->
<!-- 999666333、888555222、777444111、-->
<!-- </el-descriptions-item>-->
<!-- </el-descriptions>-->
<!-- <el-form :inline="true" :model="queryParams" class="demo-form-inline" style="margin-top: 20px">-->
<!-- <el-form-item label="项目:">-->
<!-- <el-select-->
<!-- v-model="queryParams.region"-->
<!-- :placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"-->
<!-- clearable-->
<!-- style="width: 200px;"-->
<!-- >-->
<!-- <el-option label="Zone one" value="shanghai" />-->
<!-- <el-option label="Zone two" value="beijing" />-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="测量仪器和设备:">-->
<!-- <el-input-->
<!-- v-model="queryParams.user"-->
<!-- :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"-->
<!-- clearable-->
<!-- style="width: 200px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="容量:">-->
<!-- <el-input-->
<!-- v-model="queryParams.user"-->
<!-- :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"-->
<!-- clearable-->
<!-- style="width: 200px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="频次:">-->
<!-- <el-input-->
<!-- v-model="queryParams.user"-->
<!-- :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"-->
<!-- clearable-->
<!-- style="width: 200px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="试验和检查的场所:">-->
<!-- <el-input-->
<!-- v-model="queryParams.user"-->
<!-- :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"-->
<!-- clearable-->
<!-- style="width: 200px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="所执行的文件名称及编号:">-->
<!-- <el-input-->
<!-- v-model="queryParams.user"-->
<!-- :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"-->
<!-- clearable-->
<!-- style="width: 200px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="责任部门:">-->
<!-- <el-input-->
<!-- v-model="queryParams.user"-->
<!-- :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"-->
<!-- clearable-->
<!-- style="width: 200px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="适用车型:">-->
<!-- <el-input-->
<!-- v-model="queryParams.user"-->
<!-- :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"-->
<!-- clearable-->
<!-- style="width: 200px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="填写人:">-->
<!-- <el-input-->
<!-- v-model="queryParams.user"-->
<!-- :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"-->
<!-- clearable-->
<!-- style="width: 200px"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item>-->
<!-- <el-button class="btn-A" icon="Search" @click="handleQuery">{{cn.search}}/{{en.search}}</el-button>-->
<!-- <el-button class="btn-B" icon="Refresh" @click="resetQuery">{{cn.reset}}/{{en.reset}}</el-button>-->
<!-- </el-form-item>-->
<!-- </el-form>-->
<!-- <el-table :data="tableData" style="width: 100%" border >-->
<!-- <el-table-column type="selection" width="60"></el-table-column>-->
<!-- <el-table-column prop="date" label="序号" align="center" width="60"/>-->
<!-- <el-table-column prop="name" label="项目" align="center" />-->
<!-- <el-table-column prop="address" label="测量仪器和设备" align="center" width="160"/>-->
<!-- <el-table-column prop="address" label="容量" align="center" width="80"/>-->
<!-- <el-table-column prop="address" label="频次" align="center" width="160" />-->
<!-- <el-table-column prop="address" label="试验和检查的场所" align="center" width="160"/>-->
<!-- <el-table-column prop="address" label="所执行的文件名称及编号" align="center" width="220"/>-->
<!-- <el-table-column prop="address" label="责任部门" align="center" width="120"/>-->
<!-- <el-table-column prop="address" label="适用车型" align="center" width="120"/>-->
<!-- <el-table-column prop="address" label="填写人" align="center" width="120" fixed="right"/>-->
<!-- <el-table-column prop="address" label="填写时间" align="center" width="160" fixed="right"/>-->
<!-- <el-table-column prop="address" label="填写状态" align="center" width="120" fixed="right"/>-->
<!-- </el-table>-->
<!-- </div>-->
<!-- </el-tab-pane>-->
</el-tabs>
</div>
</div>
......@@ -680,7 +680,7 @@ const descriptionsList = ref([])
const stepList = ref([])
//关键零部件列表
const keyPartsList = ref([])
const activeTab = ref('first') // 默认激活第一个标签页
const activeTab = ref('CCAP_KEY_PARTS_TASK') // 默认激活第一个标签页
if(route.query.tab){
activeTab.value = route.query.tab
}
......@@ -763,17 +763,16 @@ const deptList = [
},
]
const id = proxy.$route.query.id
function getFrom() {
loading.value = true
const id = proxy.$route.query.id
// console.log("ID",id)
getCCAPPlanDescriptions(id).then(res => {
getCCAPPlanDescriptions(id,activeTab.value).then(res => {
formList.value = res.data
descriptionsList.value = formList.value.compilationTaskDetail
stepList.value = formList.value.nodeRecords
// console.log("666",formList.value)
console.log("666",formList.value)
console.log("777",descriptionsList.value)
// console.log("888",stepList.value)
console.log("888",stepList.value)
// if (formList.value.length > 0) {
// activeTab.value = formList.value[0].id // 默认第一个标签的id
// getList(formList.value[0].id) // 初始化加载第一个标签的数据
......@@ -789,7 +788,7 @@ const handleBack = () => {
proxy.$router.push({ path: '/control/CCAPControlPlan/CCAPControlPlanIndex'});
}
const changeView = () => {
proxy.$router.push({ path: '/control/CCAPControlPlan/CCAPControlPlanChange',query: { tab: activeTab.value }})
proxy.$router.push({ path: '/control/CCAPControlPlan/CCAPControlPlanChange',query: { id:id,tab: activeTab.value }})
}
const backLog = ref(false)
onMounted(() => {
......
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