Skip to content

Q
qr-consistency-vue3
Commit 5e56632f authored by yanzhengyang's avatar yanzhengyang
Browse files
Options

CCAP控制计划管理路由BUG修改

parent c213c9f9
Hide whitespace changes
Inline Side-by-side
Showing with 1167 additions and 1165 deletions
src/views/controlPlan/CCAPControlPlan/CCAPControlPlanManagement/index.vue
View file @ 5e56632f
<template>
<div class="app-container">
<el-form v-model="queryParams" ref="queryRef" :inline="true">
<el-row :gutter="20">
<!-- 控制计划编号 -->
<el-col :span="8">
<el-form-item :label="`${cn.controlPlanNumber}/${en.controlPlanNumber}`" prop="controlPlanNumber">
<el-input
v-model="queryParams.controlPlanNumber"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"
/>
</el-form-item>
</el-col>
<!-- 事业部 -->
<el-col :span="8">
<el-form-item :label="`${cn.businessDivision}/${en.businessDivision}`" prop="businessUnitId">
<el-select
v-model="queryParams.businessUnitId"
:placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
clearable
style="width: 200px"
>
<el-option
v-for="item in businessList"
:label="item.businessUnitName"
:value="item.businessUnitName"
<div>
<div class="app-container">
<el-form v-model="queryParams" ref="queryRef" :inline="true">
<el-row :gutter="20">
<!-- 控制计划编号 -->
<el-col :span="8">
<el-form-item :label="`${cn.controlPlanNumber}/${en.controlPlanNumber}`" prop="controlPlanNumber">
<el-input
v-model="queryParams.controlPlanNumber"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"
/>
</el-select>
</el-form-item>
</el-col>
<!-- 车型代码 -->
<el-col :span="8">
<el-form-item :label="`${cn.vehicleTypeCode}/${en.vehicleTypeCode}`" prop="vehicleModelCode">
<el-select
v-model="queryParams.vehicleModelCode"
:placeholder="`${cn.pleaseChooseOrEnter}/${en.pleaseChooseOrEnter}`"
clearable
filterable
style="width: 200px"
>
<el-option
v-for="item in vehicleModelCodeList"
:label="item.vehicleModelCode"
:value="item.vehicleModelCode"
</el-form-item>
</el-col>
<!-- 事业部 -->
<el-col :span="8">
<el-form-item :label="`${cn.businessDivision}/${en.businessDivision}`" prop="businessUnitId">
<el-select
v-model="queryParams.businessUnitId"
:placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
clearable
style="width: 200px"
>
<el-option
v-for="item in businessList"
:label="item.businessUnitName"
:value="item.businessUnitName"
/>
</el-select>
</el-form-item>
</el-col>
<!-- 车型代码 -->
<el-col :span="8">
<el-form-item :label="`${cn.vehicleTypeCode}/${en.vehicleTypeCode}`" prop="vehicleModelCode">
<el-select
v-model="queryParams.vehicleModelCode"
:placeholder="`${cn.pleaseChooseOrEnter}/${en.pleaseChooseOrEnter}`"
clearable
filterable
style="width: 200px"
>
<el-option
v-for="item in vehicleModelCodeList"
:label="item.vehicleModelCode"
:value="item.vehicleModelCode"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<!-- 车型系列 -->
<el-col :span="8">
<el-form-item :label="`${cn.vehicleTypeSeries}/${en.vehicleTypeSeries}`" prop="vehicleSeries">
<el-select
v-model="queryParams.vehicleSeries"
:placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
clearable
style="width: 200px"
>
<el-option
v-for="dict in vehicle_model_series"
:key="dict.key"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<!-- 版本号 -->
<el-col :span="8">
<el-form-item :label="`${cn.versionNumber}/${en.versionNumber}`" prop="versionNumber">
<el-input
v-model="queryParams.versionNumber"
placeholder="A0-Z9"
clearable
disabled
style="width: 200px"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<!-- 车型系列 -->
<el-col :span="8">
<el-form-item :label="`${cn.vehicleTypeSeries}/${en.vehicleTypeSeries}`" prop="vehicleSeries">
<el-select
v-model="queryParams.vehicleSeries"
:placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
clearable
style="width: 200px"
>
<el-option
v-for="dict in vehicle_model_series"
:key="dict.key"
:label="dict.label"
:value="dict.value"
</el-form-item>
</el-col>
<!-- 生产地址 -->
<el-col :span="8">
<el-form-item :label="`${cn.productionAddress}/${en.productionAddress}`" prop="productionAddress">
<el-input
v-model="queryParams.productionAddress"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"
/>
</el-select>
</el-form-item>
</el-col>
<!-- 版本号 -->
<el-col :span="8">
<el-form-item :label="`${cn.versionNumber}/${en.versionNumber}`" prop="versionNumber">
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<!-- 创建人 -->
<el-col :span="8">
<el-form-item :label="`${cn.creator}/${en.creator}`" prop="createBy">
<el-input
v-model="queryParams.createBy"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"
/>
</el-form-item>
</el-col>
<!-- 生产厂 -->
<el-col :span="8">
<el-form-item :label="`${cn.productionPlant}/${en.productionPlant}`" prop="productionFactory">
<el-input
v-model="queryParams.productionFactory"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"
/>
</el-form-item>
</el-col>
<!-- 控制计划状态 -->
<el-col :span="8">
<el-form-item :label="`${cn.controlPlanStatus}/${en.controlPlanStatus}`" prop="controlPlanStatus">
<el-select
v-model="queryParams.controlPlanStatus"
:placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
clearable
style="width: 200px"
>
<el-option
v-for="dict in control_plan_status"
:key="dict.key"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="button-container">
<el-button style="width: 110px" class="btn-A" @click="handleQuery">{{ cn.search }}/{{ en.search }}</el-button>
<el-button style="width: 110px" class="btn-B" @click="resetQuery">{{ cn.reset }}/{{ en.reset }}</el-button>
</div>
</el-col>
</el-row>
</el-form>
<div class="button-container">
<el-button class="btn-C" @click="toHistory">{{cn.viewHistoricalControlPlan}}/{{en.viewHistoricalControlPlan}}</el-button>
</div>
<el-table :data="tableList">
<el-table-column fixed type="index" width="75" align="center" label="序号">
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.serialNumber}}</div>
<div>{{en.serialNumber}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="控制计划编号" width="170" align="center" prop="controlPlanNumber" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.controlPlanNumber}}</div>
<div>{{en.controlPlanNumber}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="事业部" width="150" align="center" prop="businessUnitName" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.businessDivision}}</div>
<div>{{en.businessDivision}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="车型代码" width="150" align="center" prop="vehicleTypeCode" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.vehicleTypeCode}}</div>
<div>{{en.vehicleTypeCode}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="车型系列" width="150" align="center" prop="vehicleTypeSeries" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.vehicleTypeSeries}}</div>
<div>{{en.vehicleTypeSeries}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="版本号" width="150" align="center" prop="versionNumber" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.versionNumber}}</div>
<div>{{en.versionNumber}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="生产地址" width="150" align="center" prop="productionAddress" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.productionAddress}}</div>
<div>{{en.productionAddress}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="编制截止日期" width="170" align="center" prop="compilationDeadline" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.compilationDeadline}}</div>
<div>{{en.compilationDeadline}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="创建人" width="170" align="center" prop="createBy" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.creator}}</div>
<div>{{en.creator}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="修订日期" width="170" align="center" prop="updateTime" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.revisionDate}}</div>
<div>{{en.revisionDate}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="创建日期" width="170" align="center" prop="createTime" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.creationDate}}</div>
<div>{{en.creationDate}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="生产厂" width="170" align="center" prop="productionFactory" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.productionPlant}}</div>
<div>{{en.productionPlant}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="生产情况" width="170" align="center" prop="productionStatus" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.productionSituation}}</div>
<div>{{en.productionSituation}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="关键件清单表单状态" fixed="right" width="190" align="center" prop="keyPartsListTaskStatus" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.keyPartsListFormStatus}}</div>
<div>{{en.keyPartsListFormStatus}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="关键工序……表单状态" fixed="right" width="190" align="center" prop="keyProcessTaskStatus" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.keyProcessFormStatus}}</div>
<div>{{en.keyProcessFormStatus}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="COP试验和检查表表单状态" fixed="right" width="250" align="center" prop="copTestAndInspectionTaskStatus" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.COPTestAndChecklistFormStatus}}</div>
<div>{{en.COPTestAndChecklistFormStatus}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="控制计划状态" fixed="right" width="150" align="center" prop="controlPlanStatus" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.controlPlanStatus}}</div>
<div>{{en.controlPlanStatus}}</div>
</div>
</template>
<template #default="scope">
<!-- <span :class="getStatusClass(changeControlPlanStatus(scope.row.controlPlanStatus))">{{ changeControlPlanStatus(scope.row.controlPlanStatus) }}</span>-->
<dict-tag :options="control_plan_status" :value="scope.row.controlPlanStatus"/>
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" align="center" class-name="small-padding fixed-width" width="330">
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.operation}}</div>
<div>{{en.operation}}</div>
</div>
</template>
<template #default="scope">
<!-- 查看 -->
<el-button link type="primary" @click="handleView(scope.row)">
<div>
<div>{{cn.view}}</div>
<div>{{en.view}}</div>
</div>
</el-button>
<!-- 撤销 -->
<el-button v-show="scope.row.controlPlanStatus === 'plan_drafting' || scope.row.controlPlanStatus === 'plan_draft_completed'" link type="danger" @click="handleUndo(scope.row)">
<div>
<div>{{cn.revoke}}</div>
<div>{{en.revoke}}</div>
</div>
</el-button>
<!-- 删除 -->
<el-button v-show="scope.row.controlPlanStatus === 'plan_draft_revoked' || scope.row.controlPlanStatus === 'plan_draft_deleted'" link type="danger" @click="handleDelete(scope.row.id)">
<div>
<div>{{cn.delete}}</div>
<div>{{en.delete}}</div>
</div>
</el-button>
<!-- 调整编制负责人 -->
<el-button v-show="scope.row.controlPlanStatus === 'plan_drafting' || scope.row.controlPlanStatus === 'plan_draft_completed'" link type="primary" @click="adjustCompilationResponsiblePerson(scope.row)">
<div>
<div>{{cn.adjustCompilationResponsiblePerson}}</div>
<div>{{en.adjustCompilationResponsiblePerson}}</div>
</div>
</el-button>
<!-- 生成文件 -->
<el-button v-show="scope.row.controlPlanStatus === 'plan_draft_final_confirmed'" link type="warning">
<div>
<div>{{cn.generateFile}}</div>
<div>{{en.generateFile}}</div>
</div>
</el-button>
<!-- 提醒下载 -->
<el-button v-show="scope.row.controlPlanStatus === 'plan_draft_final_confirmed'" link type="primary" @click="handleRemindDownload(scope.row)">
<div>
<div>{{cn.remindDownload}}</div>
<div>{{en.remindDownload}}</div>
</div>
</el-button>
<!-- 变更 -->
<el-button v-show="scope.row.controlPlanStatus === 'plan_draft_final_confirmed'" link type="warning" @click="handleChange(scope.row)">
<div>
<div>{{cn.change}}</div>
<div>{{en.change}}</div>
</div>
</el-button>
<!-- 微调 -->
<el-button v-show="scope.row.controlPlanStatus === 'plan_draft_final_confirmed'" link type="primary" @click="fineTune(scope.row)">
<div>
<div>{{cn.fineTune}}</div>
<div>{{en.fineTune}}</div>
</div>
</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
</div>
<!-- 撤销提示框-->
<el-dialog
v-model="undoDialogVisible"
title="提示"
width="500"
align-center
style="width: 400px;height: 200px;margin-top: 300px" :fullscreen="true"
>
<template #header>
<div>{{cn.prompt}}</div>
<div>{{en.prompt}}</div>
</template>
<div style="display: flex;align-items: center;">
<el-icon style="color: orange;font-size: 18px;margin:5px"><WarningFilled /></el-icon>
<div>
<div style="font-size: 14px">{{cn.confirmUndoControlPlan}}</div>
<div style="font-size: 14px">{{en.confirmUndoControlPlan}}</div>
</div>
</div>
<template #footer>
<div>
<el-button class="btn-B" @click="undoDialogVisible = false">{{cn.cancel}}/{{en.cancel}}</el-button>
<el-button class="btn-A" @click="confirmUndo()">{{cn.confirm}}/{{en.confirm}}</el-button>
</div>
</template>
</el-dialog>
<!-- 删除提示框-->
<el-dialog
v-model="deleteDialogVisible"
title="提示"
width="500"
align-center
style="width: 400px;height: 200px;margin-top: 300px" :fullscreen="true"
>
<template #header>
<div>{{cn.prompt}}</div>
<div>{{en.prompt}}</div>
</template>
<div style="display: flex;align-items: center;">
<el-icon style="color: orange;font-size: 18px;margin:5px"><WarningFilled /></el-icon>
<div>
<div style="font-size: 14px">{{cn.confirmDeleteControlPlan}}</div>
<div style="font-size: 14px">{{en.confirmDeleteControlPlan}}</div>
</div>
</div>
<template #footer>
<div>
<el-button class="btn-B" @click="deleteDialogVisible = false">{{cn.cancel}}/{{en.cancel}}</el-button>
<el-button class="btn-A" @click="confirmDelete()">{{cn.confirm}}/{{en.confirm}}</el-button>
</div>
</template>
</el-dialog>
<!-- 提醒下载抽屉-->
<el-drawer @close="closeDrawer" v-model="drawer" :size="!isDrawer?'40%':'32%'">
<template #header>
{{cn.remindDownload}}/{{en.remindDownload}}
</template>
<template #default>
<el-form v-model="remindDownloadForm" ref="queryRef" :inline="true" >
<!-- 选择消息接收人 -->
<div class="tab-components" style="margin-bottom: 10px">
<span class="components-span">{{cn.selectMessageReceiver}}/{{en.selectMessageReceiver}}</span>
</div>
<!-- 接收人 -->
<el-form-item :label="`${cn.receiver}/${en.receiver}`" prop="">
<el-input
v-model="queryParams.versionNumber"
placeholder="A0-Z9"
v-model="remindDownloadForm.jieshouren"
:placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
clearable
disabled
style="width: 200px"
style="width: 320px"
/>
</el-form-item>
</el-col>
<!-- 生产地址 -->
<el-col :span="8">
<el-form-item :label="`${cn.productionAddress}/${en.productionAddress}`" prop="productionAddress">
<el-input
v-model="queryParams.productionAddress"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"
/>
<el-form-item>
<el-button type="primary" plain @click="" icon="user">{{cn.selectPersonnel}}/{{en.selectPersonnel}}</el-button>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<!-- 创建人 -->
<el-col :span="8">
<el-form-item :label="`${cn.creator}/${en.creator}`" prop="createBy">
<!-- 编辑消息内容 -->
<div class="tab-components" style="margin-bottom: 10px">
<span class="components-span">{{cn.editMessageContent}}/{{en.editMessageContent}}</span>
</div>
<!-- 消息标题 -->
<el-form-item :label="`${cn.messageTitle}/${en.messageTitle}`" prop="">
<el-input
v-model="queryParams.createBy"
v-model="remindDownloadForm.xiaxibiaoti"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"
style="width: 520px"
/>
</el-form-item>
</el-col>
<!-- 生产厂 -->
<el-col :span="8">
<el-form-item :label="`${cn.productionPlant}/${en.productionPlant}`" prop="productionFactory">
<!-- 消息内容 -->
<el-form-item :label="`${cn.messageContent}/${en.messageContent}`" prop="">
<el-input
v-model="queryParams.productionFactory"
v-model="remindDownloadForm.xiaoxineirong"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"
style="width: 500px"
:autosize="{ minRows: 2, maxRows: 24 }"
type="textarea"
/>
</el-form-item>
</el-col>
<!-- 控制计划状态 -->
<el-col :span="8">
<el-form-item :label="`${cn.controlPlanStatus}/${en.controlPlanStatus}`" prop="controlPlanStatus">
<el-select
v-model="queryParams.controlPlanStatus"
:placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
clearable
style="width: 200px"
>
<el-option
v-for="dict in control_plan_status"
:key="dict.key"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="button-container">
<el-button style="width: 110px" class="btn-A" @click="handleQuery">{{ cn.search }}/{{ en.search }}</el-button>
<el-button style="width: 110px" class="btn-B" @click="resetQuery">{{ cn.reset }}/{{ en.reset }}</el-button>
</div>
</el-col>
</el-row>
</el-form>
<div class="button-container">
<el-button class="btn-C" @click="toHistory">{{cn.viewHistoricalControlPlan}}/{{en.viewHistoricalControlPlan}}</el-button>
</div>
<el-table :data="tableList">
<el-table-column fixed type="index" width="75" align="center" label="序号">
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.serialNumber}}</div>
<div>{{en.serialNumber}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="控制计划编号" width="170" align="center" prop="controlPlanNumber" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.controlPlanNumber}}</div>
<div>{{en.controlPlanNumber}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="事业部" width="150" align="center" prop="businessUnitName" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.businessDivision}}</div>
<div>{{en.businessDivision}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="车型代码" width="150" align="center" prop="vehicleTypeCode" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.vehicleTypeCode}}</div>
<div>{{en.vehicleTypeCode}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="车型系列" width="150" align="center" prop="vehicleTypeSeries" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.vehicleTypeSeries}}</div>
<div>{{en.vehicleTypeSeries}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="版本号" width="150" align="center" prop="versionNumber" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.versionNumber}}</div>
<div>{{en.versionNumber}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="生产地址" width="150" align="center" prop="productionAddress" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.productionAddress}}</div>
<div>{{en.productionAddress}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="编制截止日期" width="170" align="center" prop="compilationDeadline" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.compilationDeadline}}</div>
<div>{{en.compilationDeadline}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="创建人" width="170" align="center" prop="createBy" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.creator}}</div>
<div>{{en.creator}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="修订日期" width="170" align="center" prop="updateTime" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.revisionDate}}</div>
<div>{{en.revisionDate}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="创建日期" width="170" align="center" prop="createTime" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.creationDate}}</div>
<div>{{en.creationDate}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="生产厂" width="170" align="center" prop="productionFactory" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.productionPlant}}</div>
<div>{{en.productionPlant}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="生产情况" width="170" align="center" prop="productionStatus" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.productionSituation}}</div>
<div>{{en.productionSituation}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="关键件清单表单状态" fixed="right" width="190" align="center" prop="keyPartsListTaskStatus" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.keyPartsListFormStatus}}</div>
<div>{{en.keyPartsListFormStatus}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="关键工序……表单状态" fixed="right" width="190" align="center" prop="keyProcessTaskStatus" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.keyProcessFormStatus}}</div>
<div>{{en.keyProcessFormStatus}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="COP试验和检查表表单状态" fixed="right" width="250" align="center" prop="copTestAndInspectionTaskStatus" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.COPTestAndChecklistFormStatus}}</div>
<div>{{en.COPTestAndChecklistFormStatus}}</div>
</el-form>
</template>
<template #footer>
<div style="flex: auto">
<el-button class="btn-B" @click="handleCloseDrawer">{{cn.cancel}}/{{en.cancel}}</el-button>
<el-button class="btn-A" type="primary" @click="confirmClick">{{cn.confirm}}/{{en.confirm}}</el-button>
</div>
</template>
</el-drawer>
<!-- 调整编制负责人弹出框-->
<el-dialog
v-model="adjustCompilationResponsiblePersonDialogVisible"
title="调整编制负责人"
custom-class="my-dialog-style"
style="width: 950px;height: 500px;margin-top: 200px" :fullscreen="true"
>
<template #header>
<div style="color: #666666;font-size: 16px;font-weight: bold"><span>{{ cn.adjustCompilationResponsiblePerson }} </span><span>{{ cn.controlPlanNumberPrefix }} {{ currentRow.controlPlanNumber }} {{ cn.controlPlanNumberSuffix }}</span></div>
<div style="color: #666666;font-size: 16px;font-weight: bold"><span>{{ en.adjustCompilationResponsiblePerson }} </span><span>{{ en.controlPlanNumberPrefix }} {{ currentRow.controlPlanNumber }} {{ en.controlPlanNumberSuffix }}</span></div>
</template>
<template #default>
<!-- 01.关键零部件清单-->
<div>
<div class="tab-components" style="margin-bottom: 10px">
<span class="components-span">01.{{cn.keyPartsList}}/{{en.keyPartsList}}</span>
</div>
</template>
</el-table-column>
<el-table-column label="控制计划状态" fixed="right" width="150" align="center" prop="controlPlanStatus" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.controlPlanStatus}}</div>
<div>{{en.controlPlanStatus}}</div>
<el-checkbox v-model="isChecked1">
{{cn.keyPartsList}}/{{en.keyPartsList}}：
<el-input v-model="personInCharge1" :disabled="!isChecked1" style="width: 200px;margin-right: 10px" />
<el-button type="primary" plain icon="user" :disabled="!isChecked1">{{cn.selectPersonnel}}/{{en.selectPersonnel}}</el-button>
</el-checkbox>
</div>
<!-- 02.关键工序、装配、检验清单-->
<div>
<div class="tab-components" style="margin-bottom: 10px">
<span class="components-span">02.{{cn.keyProcessAssemblyInspectionList}}/{{en.keyProcessAssemblyInspectionList}}</span>
</div>
</template>
<template #default="scope">
<!-- <span :class="getStatusClass(changeControlPlanStatus(scope.row.controlPlanStatus))">{{ changeControlPlanStatus(scope.row.controlPlanStatus) }}</span>-->
<dict-tag :options="control_plan_status" :value="scope.row.controlPlanStatus"/>
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" align="center" class-name="small-padding fixed-width" width="330">
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.operation}}</div>
<div>{{en.operation}}</div>
<el-checkbox v-model="isChecked2">
{{cn.keyPartsList}}/{{en.keyPartsList}}：
<el-input v-model="personInCharge2" :disabled="!isChecked2" style="width: 200px;margin-right: 10px" />
<el-button type="primary" plain icon="user" :disabled="!isChecked2">{{cn.selectPersonnel}}/{{en.selectPersonnel}}</el-button>
</el-checkbox>
</div>
<!-- 03.COP试验和检查表-->
<div>
<div class="tab-components" style="margin-bottom: 10px">
<span class="components-span">03.{{cn.copTestAndChecklist}}/{{en.copTestAndChecklist}}</span>
</div>
</template>
<template #default="scope">
<!-- 查看 -->
<el-button link type="primary" @click="handleView(scope.row)">
<div>
<div>{{cn.view}}</div>
<div>{{en.view}}</div>
</div>
</el-button>
<!-- 撤销 -->
<el-button v-show="scope.row.controlPlanStatus === 'plan_drafting' || scope.row.controlPlanStatus === 'plan_draft_completed'" link type="danger" @click="handleUndo(scope.row)">
<div>
<div>{{cn.revoke}}</div>
<div>{{en.revoke}}</div>
</div>
</el-button>
<!-- 删除 -->
<el-button v-show="scope.row.controlPlanStatus === 'plan_draft_revoked' || scope.row.controlPlanStatus === 'plan_draft_deleted'" link type="danger" @click="handleDelete(scope.row.id)">
<div>
<div>{{cn.delete}}</div>
<div>{{en.delete}}</div>
</div>
</el-button>
<!-- 调整编制负责人 -->
<el-button v-show="scope.row.controlPlanStatus === 'plan_drafting' || scope.row.controlPlanStatus === 'plan_draft_completed'" link type="primary" @click="adjustCompilationResponsiblePerson(scope.row)">
<div>
<div>{{cn.adjustCompilationResponsiblePerson}}</div>
<div>{{en.adjustCompilationResponsiblePerson}}</div>
</div>
</el-button>
<!-- 生成文件 -->
<el-button v-show="scope.row.controlPlanStatus === 'plan_draft_final_confirmed'" link type="warning">
<div>
<div>{{cn.generateFile}}</div>
<div>{{en.generateFile}}</div>
</div>
</el-button>
<!-- 提醒下载 -->
<el-button v-show="scope.row.controlPlanStatus === 'plan_draft_final_confirmed'" link type="primary" @click="handleRemindDownload(scope.row)">
<div>
<div>{{cn.remindDownload}}</div>
<div>{{en.remindDownload}}</div>
</div>
</el-button>
<!-- 变更 -->
<el-button v-show="scope.row.controlPlanStatus === 'plan_draft_final_confirmed'" link type="warning" @click="handleChange(scope.row)">
<div>
<div>{{cn.change}}</div>
<div>{{en.change}}</div>
</div>
</el-button>
<!-- 微调 -->
<el-button v-show="scope.row.controlPlanStatus === 'plan_draft_final_confirmed'" link type="primary" @click="fineTune(scope.row)">
<div>
<div>{{cn.fineTune}}</div>
<div>{{en.fineTune}}</div>
</div>
</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
</div>
<!-- 撤销提示框-->
<el-dialog
v-model="undoDialogVisible"
title="提示"
width="500"
align-center
style="width: 400px;height: 200px;margin-top: 300px" :fullscreen="true"
>
<template #header>
<div>{{cn.prompt}}</div>
<div>{{en.prompt}}</div>
</template>
<div style="display: flex;align-items: center;">
<el-icon style="color: orange;font-size: 18px;margin:5px"><WarningFilled /></el-icon>
<div>
<div style="font-size: 14px">{{cn.confirmUndoControlPlan}}</div>
<div style="font-size: 14px">{{en.confirmUndoControlPlan}}</div>
</div>
</div>
<template #footer>
<div>
<el-button class="btn-B" @click="undoDialogVisible = false">{{cn.cancel}}/{{en.cancel}}</el-button>
<el-button class="btn-A" @click="confirmUndo()">{{cn.confirm}}/{{en.confirm}}</el-button>
</div>
</template>
</el-dialog>
<!-- 删除提示框-->
<el-dialog
v-model="deleteDialogVisible"
title="提示"
width="500"
align-center
style="width: 400px;height: 200px;margin-top: 300px" :fullscreen="true"
>
<template #header>
<div>{{cn.prompt}}</div>
<div>{{en.prompt}}</div>
</template>
<div style="display: flex;align-items: center;">
<el-icon style="color: orange;font-size: 18px;margin:5px"><WarningFilled /></el-icon>
<div>
<div style="font-size: 14px">{{cn.confirmDeleteControlPlan}}</div>
<div style="font-size: 14px">{{en.confirmDeleteControlPlan}}</div>
</div>
</div>
<template #footer>
<div>
<el-button class="btn-B" @click="deleteDialogVisible = false">{{cn.cancel}}/{{en.cancel}}</el-button>
<el-button class="btn-A" @click="confirmDelete()">{{cn.confirm}}/{{en.confirm}}</el-button>
</div>
</template>
</el-dialog>
<!-- 提醒下载抽屉-->
<el-drawer @close="closeDrawer" v-model="drawer" :size="!isDrawer?'40%':'32%'">
<template #header>
{{cn.remindDownload}}/{{en.remindDownload}}
</template>
<template #default>
<el-form v-model="remindDownloadForm" ref="queryRef" :inline="true" >
<!-- 选择消息接收人 -->
<div class="tab-components" style="margin-bottom: 10px">
<span class="components-span">{{cn.selectMessageReceiver}}/{{en.selectMessageReceiver}}</span>
</div>
<!-- 接收人 -->
<el-form-item :label="`${cn.receiver}/${en.receiver}`" prop="">
<el-input
v-model="remindDownloadForm.jieshouren"
:placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
clearable
style="width: 320px"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" plain @click="" icon="user">{{cn.selectPersonnel}}/{{en.selectPersonnel}}</el-button>
</el-form-item>
<!-- 编辑消息内容 -->
<div class="tab-components" style="margin-bottom: 10px">
<span class="components-span">{{cn.editMessageContent}}/{{en.editMessageContent}}</span>
</div>
<!-- 消息标题 -->
<el-form-item :label="`${cn.messageTitle}/${en.messageTitle}`" prop="">
<el-input
v-model="remindDownloadForm.xiaxibiaoti"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 520px"
/>
</el-form-item>
<!-- 消息内容 -->
<el-form-item :label="`${cn.messageContent}/${en.messageContent}`" prop="">
<el-input
v-model="remindDownloadForm.xiaoxineirong"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 500px"
:autosize="{ minRows: 2, maxRows: 24 }"
type="textarea"
/>
</el-form-item>
</el-form>
</template>
<template #footer>
<div style="flex: auto">
<el-button class="btn-B" @click="handleCloseDrawer">{{cn.cancel}}/{{en.cancel}}</el-button>
<el-button class="btn-A" type="primary" @click="confirmClick">{{cn.confirm}}/{{en.confirm}}</el-button>
</div>
</template>
</el-drawer>
<!-- 调整编制负责人弹出框-->
<el-dialog
v-model="adjustCompilationResponsiblePersonDialogVisible"
title="调整编制负责人"
custom-class="my-dialog-style"
style="width: 950px;height: 500px;margin-top: 200px" :fullscreen="true"
>
<template #header>
<div style="color: #666666;font-size: 16px;font-weight: bold"><span>{{ cn.adjustCompilationResponsiblePerson }} </span><span>{{ cn.controlPlanNumberPrefix }} {{ currentRow.controlPlanNumber }} {{ cn.controlPlanNumberSuffix }}</span></div>
<div style="color: #666666;font-size: 16px;font-weight: bold"><span>{{ en.adjustCompilationResponsiblePerson }} </span><span>{{ en.controlPlanNumberPrefix }} {{ currentRow.controlPlanNumber }} {{ en.controlPlanNumberSuffix }}</span></div>
</template>
<template #default>
<!-- 01.关键零部件清单-->
<div>
<div class="tab-components" style="margin-bottom: 10px">
<span class="components-span">01.{{cn.keyPartsList}}/{{en.keyPartsList}}</span>
<el-checkbox v-model="isChecked3">
{{cn.manufacturingCompilationResponsiblePerson}}/{{en.manufacturingCompilationResponsiblePerson}}：
<el-input v-model="manufacturingPersonInCharge" :disabled="!isChecked3" style="width: 200px;margin-right: 10px" />
<el-button type="primary" plain icon="user" :disabled="!isChecked3">{{cn.selectPersonnel}}/{{en.selectPersonnel}}</el-button>
</el-checkbox>
<el-checkbox v-model="isChecked4" style="margin-top: 15px">
{{cn.qualityControlCompilationResponsiblePerson}}/{{en.qualityControlCompilationResponsiblePerson}}：
<el-input v-model="qualityControlPersonInCharge" :disabled="!isChecked4" style="width: 200px;margin-right: 10px;" />
<el-button type="primary" plain icon="user" :disabled="!isChecked4">{{cn.selectPersonnel}}/{{en.selectPersonnel}}</el-button>
</el-checkbox>
</div>
<el-checkbox v-model="isChecked1">
{{cn.keyPartsList}}/{{en.keyPartsList}}：
<el-input v-model="personInCharge1" :disabled="!isChecked1" style="width: 200px;margin-right: 10px" />
<el-button type="primary" plain icon="user" :disabled="!isChecked1">{{cn.selectPersonnel}}/{{en.selectPersonnel}}</el-button>
</el-checkbox>
</div>
<!-- 02.关键工序、装配、检验清单-->
<div>
<div class="tab-components" style="margin-bottom: 10px">
<span class="components-span">02.{{cn.keyProcessAssemblyInspectionList}}/{{en.keyProcessAssemblyInspectionList}}</span>
</template>
<template #footer>
<div style="margin-top: 30px;margin-right: 10px">
<el-button class="btn-B" @click="adjustCompilationResponsiblePersonDialogVisible = false">{{cn.cancel}}/{{en.cancel}}</el-button>
<el-button class="btn-A" type="primary" @click="adjustCompilationResponsiblePersonSubmitForm(row)">{{cn.confirm}}/{{en.confirm}}</el-button>
</div>
<el-checkbox v-model="isChecked2">
{{cn.keyPartsList}}/{{en.keyPartsList}}：
<el-input v-model="personInCharge2" :disabled="!isChecked2" style="width: 200px;margin-right: 10px" />
<el-button type="primary" plain icon="user" :disabled="!isChecked2">{{cn.selectPersonnel}}/{{en.selectPersonnel}}</el-button>
</el-checkbox>
</div>
<!-- 03.COP试验和检查表-->
<div>
<div class="tab-components" style="margin-bottom: 10px">
<span class="components-span">03.{{cn.copTestAndChecklist}}/{{en.copTestAndChecklist}}</span>
</template>
</el-dialog>
<!-- 变更弹出框-->
<el-dialog
v-model="changeDialogVisible"
title="变更"
custom-class="my-dialog-style"
style="width: 950px;height: 500px;margin-top: 200px" :fullscreen="true"
>
<template #header>
<div style="color: #666666;font-size: 16px;font-weight: bold"><span>{{ cn.change }} </span><span>{{ cn.controlPlanNumberPrefix }} {{ currentRow.controlPlanNumber }} {{ cn.controlPlanNumberSuffix }}</span></div>
<div style="color: #666666;font-size: 16px;font-weight: bold"><span>{{ en.change }} </span><span>{{ en.controlPlanNumberPrefix }} {{ currentRow.controlPlanNumber }} {{ en.controlPlanNumberSuffix }}</span></div>
</template>
<template #default>
<el-alert type="info" show-icon :closable="false">
<template #default>
<span>请选择要做变更的表单，并确认对应的编制负责人</span>
</template>
</el-alert>
<!-- 01.关键零部件清单-->
<div>
<div class="tab-components" style="margin-bottom: 10px">
<span class="components-span">01.{{cn.keyPartsList}}/{{en.keyPartsList}}</span>
</div>
<el-checkbox v-model="isChecked1">
{{cn.keyPartsList}}/{{en.keyPartsList}}：
<el-input v-model="personInCharge1" :disabled="!isChecked1" style="width: 200px;margin-right: 10px" />
<el-button type="primary" plain icon="user" :disabled="!isChecked1">{{cn.selectPersonnel}}/{{en.selectPersonnel}}</el-button>
</el-checkbox>
</div>
<el-checkbox v-model="isChecked3">
{{cn.manufacturingCompilationResponsiblePerson}}/{{en.manufacturingCompilationResponsiblePerson}}：
<el-input v-model="manufacturingPersonInCharge" :disabled="!isChecked3" style="width: 200px;margin-right: 10px" />
<el-button type="primary" plain icon="user" :disabled="!isChecked3">{{cn.selectPersonnel}}/{{en.selectPersonnel}}</el-button>
</el-checkbox>
<el-checkbox v-model="isChecked4" style="margin-top: 15px">
{{cn.qualityControlCompilationResponsiblePerson}}/{{en.qualityControlCompilationResponsiblePerson}}：
<el-input v-model="qualityControlPersonInCharge" :disabled="!isChecked4" style="width: 200px;margin-right: 10px;" />
<el-button type="primary" plain icon="user" :disabled="!isChecked4">{{cn.selectPersonnel}}/{{en.selectPersonnel}}</el-button>
</el-checkbox>
</div>
</template>
<template #footer>
<div style="margin-top: 30px;margin-right: 10px">
<el-button class="btn-B" @click="adjustCompilationResponsiblePersonDialogVisible = false">{{cn.cancel}}/{{en.cancel}}</el-button>
<el-button class="btn-A" type="primary" @click="adjustCompilationResponsiblePersonSubmitForm(row)">{{cn.confirm}}/{{en.confirm}}</el-button>
</div>
</template>
</el-dialog>
<!-- 变更弹出框-->
<el-dialog
v-model="changeDialogVisible"
title="变更"
custom-class="my-dialog-style"
style="width: 950px;height: 500px;margin-top: 200px" :fullscreen="true"
>
<template #header>
<div style="color: #666666;font-size: 16px;font-weight: bold"><span>{{ cn.change }} </span><span>{{ cn.controlPlanNumberPrefix }} {{ currentRow.controlPlanNumber }} {{ cn.controlPlanNumberSuffix }}</span></div>
<div style="color: #666666;font-size: 16px;font-weight: bold"><span>{{ en.change }} </span><span>{{ en.controlPlanNumberPrefix }} {{ currentRow.controlPlanNumber }} {{ en.controlPlanNumberSuffix }}</span></div>
</template>
<template #default>
<el-alert type="info" show-icon :closable="false">
<template #default>
<span>请选择要做变更的表单，并确认对应的编制负责人</span>
</template>
</el-alert>
<!-- 01.关键零部件清单-->
<div>
<div class="tab-components" style="margin-bottom: 10px">
<span class="components-span">01.{{cn.keyPartsList}}/{{en.keyPartsList}}</span>
<!-- 02.关键工序、装配、检验清单-->
<div>
<div class="tab-components" style="margin-bottom: 10px">
<span class="components-span">02.{{cn.keyProcessAssemblyInspectionList}}/{{en.keyProcessAssemblyInspectionList}}</span>
</div>
<el-checkbox v-model="isChecked2">
{{cn.keyPartsList}}/{{en.keyPartsList}}：
<el-input v-model="personInCharge2" :disabled="!isChecked2" style="width: 200px;margin-right: 10px" />
<el-button type="primary" plain icon="user" :disabled="!isChecked2">{{cn.selectPersonnel}}/{{en.selectPersonnel}}</el-button>
</el-checkbox>
</div>
<el-checkbox v-model="isChecked1">
{{cn.keyPartsList}}/{{en.keyPartsList}}：
<el-input v-model="personInCharge1" :disabled="!isChecked1" style="width: 200px;margin-right: 10px" />
<el-button type="primary" plain icon="user" :disabled="!isChecked1">{{cn.selectPersonnel}}/{{en.selectPersonnel}}</el-button>
</el-checkbox>
</div>
<!-- 02.关键工序、装配、检验清单-->
<div>
<div class="tab-components" style="margin-bottom: 10px">
<span class="components-span">02.{{cn.keyProcessAssemblyInspectionList}}/{{en.keyProcessAssemblyInspectionList}}</span>
<!-- 03.COP试验和检查表-->
<div>
<div class="tab-components" style="margin-bottom: 10px">
<span class="components-span">03.{{cn.copTestAndChecklist}}/{{en.copTestAndChecklist}}</span>
</div>
<el-checkbox v-model="isChecked3">
{{cn.manufacturingCompilationResponsiblePerson}}/{{en.manufacturingCompilationResponsiblePerson}}：
<el-input v-model="manufacturingPersonInCharge" :disabled="!isChecked3" style="width: 200px;margin-right: 10px" />
<el-button type="primary" plain icon="user" :disabled="!isChecked3">{{cn.selectPersonnel}}/{{en.selectPersonnel}}</el-button>
</el-checkbox>
<el-checkbox v-model="isChecked4" style="margin-top: 15px">
{{cn.qualityControlCompilationResponsiblePerson}}/{{en.qualityControlCompilationResponsiblePerson}}：
<el-input v-model="qualityControlPersonInCharge" :disabled="!isChecked4" style="width: 200px;margin-right: 10px;" />
<el-button type="primary" plain icon="user" :disabled="!isChecked4">{{cn.selectPersonnel}}/{{en.selectPersonnel}}</el-button>
</el-checkbox>
</div>
<el-checkbox v-model="isChecked2">
{{cn.keyPartsList}}/{{en.keyPartsList}}：
<el-input v-model="personInCharge2" :disabled="!isChecked2" style="width: 200px;margin-right: 10px" />
<el-button type="primary" plain icon="user" :disabled="!isChecked2">{{cn.selectPersonnel}}/{{en.selectPersonnel}}</el-button>
</el-checkbox>
</div>
<!-- 03.COP试验和检查表-->
<div>
<div class="tab-components" style="margin-bottom: 10px">
<span class="components-span">03.{{cn.copTestAndChecklist}}/{{en.copTestAndChecklist}}</span>
</template>
<template #footer>
<div style="margin-right: 10px">
<el-button class="btn-B" @click="changeDialogVisible = false">{{cn.cancel}}/{{en.cancel}}</el-button>
<el-button class="btn-A" type="primary" @click="changeDialogVisible(row)">{{cn.confirm}}/{{en.confirm}}</el-button>
</div>
<el-checkbox v-model="isChecked3">
{{cn.manufacturingCompilationResponsiblePerson}}/{{en.manufacturingCompilationResponsiblePerson}}：
<el-input v-model="manufacturingPersonInCharge" :disabled="!isChecked3" style="width: 200px;margin-right: 10px" />
<el-button type="primary" plain icon="user" :disabled="!isChecked3">{{cn.selectPersonnel}}/{{en.selectPersonnel}}</el-button>
</el-checkbox>
<el-checkbox v-model="isChecked4" style="margin-top: 15px">
{{cn.qualityControlCompilationResponsiblePerson}}/{{en.qualityControlCompilationResponsiblePerson}}：
<el-input v-model="qualityControlPersonInCharge" :disabled="!isChecked4" style="width: 200px;margin-right: 10px;" />
<el-button type="primary" plain icon="user" :disabled="!isChecked4">{{cn.selectPersonnel}}/{{en.selectPersonnel}}</el-button>
</el-checkbox>
</div>
</template>
<template #footer>
<div style="margin-right: 10px">
<el-button class="btn-B" @click="changeDialogVisible = false">{{cn.cancel}}/{{en.cancel}}</el-button>
<el-button class="btn-A" type="primary" @click="changeDialogVisible(row)">{{cn.confirm}}/{{en.confirm}}</el-button>
</div>
</template>
</el-dialog>
</template>
</el-dialog>
</div>
</template>
<script setup>
......
src/views/controlPlan/CCAPControlPlan/CCAPControlPlanManagement/view.vue
View file @ 5e56632f
<template>
<div class="app-container">
<div class="top-header">
<div>
<el-button class="back-button" @click="handleBack">返回</el-button>
<el-text style="margin-left: 20px;color: black">
事业部:<span style="font-weight: 800;margin-left: 10px">奇瑞</span>
</el-text>
<el-text style="margin-left: 20px;color: black">
车型代码:<span style="font-weight: 800;margin-left: 10px">{{ descriptionsList.vehicleModelCode }}</span>
</el-text>
<el-text style="margin-left: 20px;color: black">
车型系列:<span style="font-weight: 800;margin-left: 10px">CJ1A</span>
</el-text>
<el-text style="margin-left: 20px;color: black">
版本号:<span style="font-weight: 800;margin-left: 10px">A1</span>
</el-text>
<el-text style="margin-left: 20px;color: black">
生产地址:<span style="font-weight: 800;margin-left: 10px">123456789</span>
</el-text>
<div>
<div class="app-container">
<div class="top-header">
<div>
<el-button class="back-button" @click="handleBack">返回</el-button>
<el-text style="margin-left: 20px;color: black">
事业部:<span style="font-weight: 800;margin-left: 10px">奇瑞</span>
</el-text>
<el-text style="margin-left: 20px;color: black">
车型代码:<span style="font-weight: 800;margin-left: 10px">{{ descriptionsList.vehicleModelCode }}</span>
</el-text>
<el-text style="margin-left: 20px;color: black">
车型系列:<span style="font-weight: 800;margin-left: 10px">CJ1A</span>
</el-text>
<el-text style="margin-left: 20px;color: black">
版本号:<span style="font-weight: 800;margin-left: 10px">A1</span>
</el-text>
<el-text style="margin-left: 20px;color: black">
生产地址:<span style="font-weight: 800;margin-left: 10px">123456789</span>
</el-text>
</div>
<div>
<span v-if="activeTab === 'first'">666</span>
<span v-if="activeTab === 'second'">777</span>
<span v-if="activeTab === 'third'">888</span>
<span v-if="activeTab === 'four'">999</span>
</div>
</div>
<div>
<span v-if="activeTab === 'first'">666</span>
<span v-if="activeTab === 'second'">777</span>
<span v-if="activeTab === 'third'">888</span>
<span v-if="activeTab === 'four'">999</span>
</div>
</div>
<div class="component-selector">
<el-tabs v-model="activeTab" class="demo-tabs">
<el-tab-pane label="关键零部件清单" name="first">
<el-steps :active="2" align-center style="margin-top: 20px">
<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-button class="btn-A" @click="backLog = true">查看退回记录</el-button>
<el-button class="btn-A" @click="changeView">查看变更履历</el-button>
<div class="component-selector">
<el-tabs v-model="activeTab" class="demo-tabs">
<el-tab-pane label="关键零部件清单" name="first">
<el-steps :active="2" align-center style="margin-top: 20px">
<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-button class="btn-A" @click="backLog = true">查看退回记录</el-button>
<el-button class="btn-A" @click="changeView">查看变更履历</el-button>
</div>
</div>
</div>
<el-descriptions border :column="4" style="margin-top: 20px">
<el-descriptions-item label="文件编号:" label-align="right" min-width="120">{{ descriptionsList.fileNo }}</el-descriptions-item>
<el-descriptions-item label="清单版本号:" label-align="right" min-width="120">{{ descriptionsList.versionNo }}</el-descriptions-item>
<el-descriptions-item label="修订日期:" label-align="right" min-width="120">{{ descriptionsList.revisionDate }}</el-descriptions-item>
<el-descriptions-item label="编制/日期:" label-align="right" min-width="120">{{ descriptionsList.compilationDeadline }}</el-descriptions-item>
<el-descriptions-item label="车型代码:" label-align="right">{{ descriptionsList.vehicleModelCode }}</el-descriptions-item>
<el-descriptions-item label="车型系列名称:" label-align="right">{{ descriptionsList.vehicleSeries }}</el-descriptions-item>
<el-descriptions-item label=""></el-descriptions-item>
<el-descriptions-item label="审核/日期:" label-align="right">{{ descriptionsList.auditDate }}</el-descriptions-item>
<el-descriptions-item label="联系人:" label-align="right">{{descriptionsList.chargeUserName}}</el-descriptions-item>
<el-descriptions-item label="联系部门:" label-align="right">{{descriptionsList.chargeDeptName}}</el-descriptions-item>
<el-descriptions-item label="联系电话:" label-align="right">{{ descriptionsList.chargeUserPhone }}</el-descriptions-item>
<el-descriptions-item label="批准/日期:" label-align="right">{{ descriptionsList.approvalDate }}</el-descriptions-item>
<el-descriptions-item label="生产厂:" label-align="right">{{ descriptionsList.productionFactory }}</el-descriptions-item>
<el-descriptions-item label="生产地址:" label-align="right">{{ descriptionsList.productionAddress }}</el-descriptions-item>
<el-descriptions-item label="生产情况:" label-align="right">
{{ descriptionsList.productionStatus }}
</el-descriptions-item>
<el-descriptions-item label="清单编号:" label-align="right">{{ descriptionsList.noTimestamp }}</el-descriptions-item>
<el-descriptions-item label="系列车型型号:" label-align="right" >
{{ descriptionsList.seriesCarModels }}
</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
<el-descriptions border :column="4" style="margin-top: 20px">
<el-descriptions-item label="文件编号:" label-align="right" min-width="120">{{ descriptionsList.fileNo }}</el-descriptions-item>
<el-descriptions-item label="清单版本号:" label-align="right" min-width="120">{{ descriptionsList.versionNo }}</el-descriptions-item>
<el-descriptions-item label="修订日期:" label-align="right" min-width="120">{{ descriptionsList.revisionDate }}</el-descriptions-item>
<el-descriptions-item label="编制/日期:" label-align="right" min-width="120">{{ descriptionsList.compilationDeadline }}</el-descriptions-item>
<el-descriptions-item label="车型代码:" label-align="right">{{ descriptionsList.vehicleModelCode }}</el-descriptions-item>
<el-descriptions-item label="车型系列名称:" label-align="right">{{ descriptionsList.vehicleSeries }}</el-descriptions-item>
<el-descriptions-item label=""></el-descriptions-item>
<el-descriptions-item label="审核/日期:" label-align="right">{{ descriptionsList.auditDate }}</el-descriptions-item>
<el-descriptions-item label="联系人:" label-align="right">{{descriptionsList.chargeUserName}}</el-descriptions-item>
<el-descriptions-item label="联系部门:" label-align="right">{{descriptionsList.chargeDeptName}}</el-descriptions-item>
<el-descriptions-item label="联系电话:" label-align="right">{{ descriptionsList.chargeUserPhone }}</el-descriptions-item>
<el-descriptions-item label="批准/日期:" label-align="right">{{ descriptionsList.approvalDate }}</el-descriptions-item>
<el-descriptions-item label="生产厂:" label-align="right">{{ descriptionsList.productionFactory }}</el-descriptions-item>
<el-descriptions-item label="生产地址:" label-align="right">{{ descriptionsList.productionAddress }}</el-descriptions-item>
<el-descriptions-item label="生产情况:" label-align="right">
{{ descriptionsList.productionStatus }}
</el-descriptions-item>
<el-descriptions-item label="清单编号:" label-align="right">{{ descriptionsList.noTimestamp }}</el-descriptions-item>
<el-descriptions-item label="系列车型型号:" label-align="right" >
{{ descriptionsList.seriesCarModels }}
</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="3C证书编号:">
<el-input
v-model="queryParams.user"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item label="适用车型:">
<el-select
>
<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="3C证书编号:">
<el-input
v-model="queryParams.user"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<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="3C认证标志:">
<el-input
v-model="queryParams.user"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<el-form-item label="填写状态:">
<el-select
>
<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="3C认证标志:">
<el-input
v-model="queryParams.user"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"/>
</el-form-item>
<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>
<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-A" @click="singleOpenDialog">选择用户(单选)</el-button>
<el-button class="btn-A" @click="openDialog">选择用户(多选)</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="partOrMaterialLevel1" label="零部件一级名称" align="center" width="120"/>
<el-table-column prop="partOrMaterialLevel2" label="零部件二级名称" align="center" width="120"/>
<el-table-column prop="modelSpecification" label="型号规格" align="center" width="120"/>
<el-table-column prop="manufacturer" label="生产厂" align="center" width="160"/>
<el-table-column prop="cccVoluntaryCertification" label="CCC/自愿型产品认证证书编号" align="center" width="130"/>
<el-table-column prop="applicableModel" label="适用车型" align="center" width="120"/>
<el-table-column prop="inspectionDocumentNumber" label="检验文件编号" align="center" width="140"/>
<el-table-column prop="remark" label="备注" align="center"/>
<el-table-column prop="partNumber" label="零件号" align="center"/>
<el-table-column prop="createBy" label="填写人" align="center"/>
<el-table-column prop="createTime" label="填写时间" align="center" width="160"/>
<el-table-column prop="address" label="填写状态" align="center"/>
</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>
>
<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">{{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-A" @click="singleOpenDialog">选择用户(单选)</el-button>
<el-button class="btn-A" @click="openDialog">选择用户(多选)</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="partOrMaterialLevel1" label="零部件一级名称" align="center" width="120"/>
<el-table-column prop="partOrMaterialLevel2" label="零部件二级名称" align="center" width="120"/>
<el-table-column prop="modelSpecification" label="型号规格" align="center" width="120"/>
<el-table-column prop="manufacturer" label="生产厂" align="center" width="160"/>
<el-table-column prop="cccVoluntaryCertification" label="CCC/自愿型产品认证证书编号" align="center" width="130"/>
<el-table-column prop="applicableModel" label="适用车型" align="center" width="120"/>
<el-table-column prop="inspectionDocumentNumber" label="检验文件编号" align="center" width="140"/>
<el-table-column prop="remark" label="备注" align="center"/>
<el-table-column prop="partNumber" label="零件号" align="center"/>
<el-table-column prop="createBy" label="填写人" align="center"/>
<el-table-column prop="createTime" label="填写时间" align="center" width="160"/>
<el-table-column prop="address" label="填写状态" align="center"/>
</el-table>
</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>
</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-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
</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>
>
<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-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
</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-tabs>
>
<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>
</div>
<!-- 测试 -->
<select-role
<!-- 测试 -->
<select-role
v-if="deptList.length > 0"
v-model="selectRole"
:dept-list="deptList"
......@@ -616,18 +617,18 @@
:selection-mode="selectType"
@submit="handleSelectionSubmit"
@close="() => selectRole = false"
/>
<!-- 查看退回记录 -->
<el-dialog v-model="backLog" title="退回记录">
<el-table :data="gridData" border>
<el-table-column property="date" label="序号" width="60" />
<el-table-column property="name" label="处理人" width="200" />
<el-table-column property="address" label="处理时间" width="200"/>
<el-table-column label="退回意见" />
</el-table>
</el-dialog>
/>
<!-- 查看退回记录 -->
<el-dialog v-model="backLog" title="退回记录">
<el-table :data="gridData" border>
<el-table-column property="date" label="序号" width="60" />
<el-table-column property="name" label="处理人" width="200" />
<el-table-column property="address" label="处理时间" width="200"/>
<el-table-column label="退回意见" />
</el-table>
</el-dialog>
</div>
</template>
<script setup>
import {useRoute} from "vue-router";
......
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