Skip to content

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

CCAP控制计划管理-查看编制情况

parent 6d2d5523
Hide whitespace changes
Inline Side-by-side
Showing with 369 additions and 44 deletions
src/views/controlPlan/CCAPControlPlan/CCAPControlPlanManagement/view.vue
View file @ ac05a7a8
<template> <template>
<div class="app-container"> <div class="app-container">
<div class="top-header"> <div class="top-header">
<el-button class="back-button" @click="handleBack"> <div>
<span class="back-icon"></span> <el-button class="back-button" @click="handleBack">返回</el-button>
返回 <el-text style="margin-left: 20px;color: black">
</el-button> 事业部:<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">ZYE03</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> <div>
已编制 已编制
</div> </div>
...@@ -12,40 +26,41 @@ ...@@ -12,40 +26,41 @@
<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="first">
<el-steps :active="2" align-center> <el-steps :active="2" align-center style="margin-top: 20px">
<el-step title="Step 1" description="Some description" /> <el-step title="发起编制任务" description="（发起人： 杨帆）2025-02-06 12:00:00" />
<el-step title="Step 2" description="Some description" /> <el-step title="填写" description="Some description" />
<el-step title="Step 3" description="Some description" /> <el-step title="审核" description="Some description" />
<el-step title="Step 4" 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 type="primary">查看变更履历</el-button> <el-button class="btn-A">查看变更履历</el-button>
</div> </div>
<el-descriptions border :column="4"> <el-descriptions border :column="4" style="margin-top: 20px">
<el-descriptions-item label="文件编号">kooriookami</el-descriptions-item> <el-descriptions-item label="文件编号:" label-align="right">kooriookami</el-descriptions-item>
<el-descriptions-item label="清单版本号">18100000000</el-descriptions-item> <el-descriptions-item label="清单版本号:" label-align="right">18100000000</el-descriptions-item>
<el-descriptions-item label="修订日期">Suzhou</el-descriptions-item> <el-descriptions-item label="修订日期:" label-align="right">Suzhou</el-descriptions-item>
<el-descriptions-item label="编制/日期">132132/666</el-descriptions-item> <el-descriptions-item label="编制/日期:" label-align="right">132132/666</el-descriptions-item>
<el-descriptions-item label="车型代码">Province</el-descriptions-item> <el-descriptions-item label="车型代码:" label-align="right">Province</el-descriptions-item>
<el-descriptions-item label="车型系列部门">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="审核/日期">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="联系人:" label-align="right">于昌淼</el-descriptions-item>
<el-descriptions-item label="联系部门">123456789</el-descriptions-item> <el-descriptions-item label="联系部门:" label-align="right">123456789</el-descriptions-item>
<el-descriptions-item label="联系电话">999666333</el-descriptions-item> <el-descriptions-item label="联系电话:" label-align="right">999666333</el-descriptions-item>
<el-descriptions-item label="批准/日期">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="生产厂:" label-align="right">奇瑞汽车股份有限公司</el-descriptions-item>
<el-descriptions-item label="生产地址">中国安徽省芜湖市经济开发区长春路8号</el-descriptions-item> <el-descriptions-item label="生产地址:" label-align="right">中国安徽省芜湖市经济开发区长春路8号</el-descriptions-item>
<el-descriptions-item label="生产情况"> <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=""></el-descriptions-item> <el-descriptions-item label="清单编号:" label-align="right">2025046135222462</el-descriptions-item>
<el-descriptions-item label="系列车型型号"> <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、
...@@ -54,7 +69,7 @@ ...@@ -54,7 +69,7 @@
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"> <el-form :inline="true" :model="queryParams" class="demo-form-inline" style="margin-top: 20px" label-width="100px">
<el-form-item label="一级名称:"> <el-form-item label="一级名称:">
<el-select <el-select
v-model="queryParams.region" v-model="queryParams.region"
...@@ -67,49 +82,49 @@ ...@@ -67,49 +82,49 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="二级名称:"> <el-form-item label="二级名称:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable /> <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item> </el-form-item>
<el-form-item label="型号规格:"> <el-form-item label="型号规格:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable /> <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item> </el-form-item>
<el-form-item label="生产厂:"> <el-form-item label="生产厂:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable /> <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item> </el-form-item>
<el-form-item label="3C证书编号:"> <el-form-item label="3C证书编号:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable /> <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item> </el-form-item>
<el-form-item label="适用车型:"> <el-form-item label="适用车型:">
<el-select <el-select
v-model="queryParams.region" v-model="queryParams.region"
placeholder="请选择" placeholder="请选择"
clearable clearable
style="width: 180px;" style="width: 180px"
> >
<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 v-model="queryParams.user" placeholder="请输入" clearable /> <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item> </el-form-item>
<el-form-item label="备注:"> <el-form-item label="备注:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable /> <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item> </el-form-item>
<el-form-item label="零件号:"> <el-form-item label="零件号:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable /> <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item> </el-form-item>
<el-form-item label="专业部门:"> <el-form-item label="专业部门:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable /> <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item> </el-form-item>
<el-form-item label="3C认证标志:"> <el-form-item label="3C认证标志:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable /> <el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item> </el-form-item>
<el-form-item label="填写状态:"> <el-form-item label="填写状态:">
<el-select <el-select
v-model="queryParams.region" v-model="queryParams.region"
placeholder="请选择" placeholder="请选择"
clearable clearable
style="width: 180px;" style="width: 180px"
> >
<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" />
...@@ -120,23 +135,332 @@ ...@@ -120,23 +135,332 @@
<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 :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="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="160"/>
<el-table-column prop="address" label="CCC/自愿型产品认证证书编号" align="center" width="130"/>
<el-table-column prop="address" label="适用车型" align="center" width="120"/>
<el-table-column prop="address" label="检验文件编号" align="center" width="140"/>
<el-table-column prop="address" label="备注" align="center"/>
<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="160"/>
<el-table-column prop="address" label="填写状态" align="center"/>
</el-table>
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="关键工序、装配、检验过程清单" name="second"> <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">查看变更履历</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="请输入" 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-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 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>
<el-tab-pane label="COP试验喝检查表-制造" name="third"> <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">查看变更履历</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="请选择"
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 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-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 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>
<el-tab-pane label="COP试验喝检查表-质管" name="four"> <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">查看变更履历</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="请选择"
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 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-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 type="selection" width="60"></el-table-column>
<el-table-column prop="date" label="序号" align="center" width="60"/>
<el-table-column prop="name" label="项目" align="center" />
<el-table-column prop="address" label="测量仪器和设备" align="center" width="160"/>
<el-table-column prop="address" label="容量" align="center" width="80"/>
<el-table-column prop="address" label="频次" align="center" width="160" />
<el-table-column prop="address" label="试验和检查的场所" align="center" width="160"/>
<el-table-column prop="address" label="所执行的文件名称及编号" align="center" width="220"/>
<el-table-column prop="address" label="责任部门" align="center" width="120"/>
<el-table-column prop="address" label="适用车型" align="center" width="120"/>
<el-table-column prop="address" label="填写人" align="center" width="120" fixed="right"/>
<el-table-column prop="address" label="填写时间" align="center" width="160" fixed="right"/>
<el-table-column prop="address" label="填写状态" align="center" width="120" fixed="right"/>
</el-table>
</div>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
</div> </div>
</template> </template>
<script setup> <script setup>
import {listTemplateDetail, listTemplateForm} from '@/api/system/controlPlan.js'
const { proxy } = getCurrentInstance(); const { proxy } = getCurrentInstance();
import { ref, getCurrentInstance } from 'vue' import { ref, getCurrentInstance } from 'vue'
...@@ -182,7 +506,7 @@ const handlePagination = ({ page, limit }) => { ...@@ -182,7 +506,7 @@ const handlePagination = ({ page, limit }) => {
// }) // })
// } // }
const handleBack = () => { const handleBack = () => {
proxy.$router.push({ path: '/control/baseConfig/fill'}); proxy.$router.push({ path: '/control/CCAPControlPlan/CCAPControlPlanManagementIndex'});
} }
onMounted(() => { onMounted(() => {
// getFrom(); // getFrom();
...@@ -201,6 +525,7 @@ onMounted(() => { ...@@ -201,6 +525,7 @@ onMounted(() => {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
margin-top: 20px;
.components-span{ .components-span{
border-left: 5px solid #409eff; border-left: 5px solid #409eff;
padding-left: 5px; padding-left: 5px;
......
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