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