Skip to content

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

修改变更履历样式

parent 8638c301
Hide whitespace changes
Inline Side-by-side
Showing with 225 additions and 128 deletions
src/views/controlPlan/CCAPControlPlan/CCAPControlPlanManagement/change.vue
View file @ 0e6192e2
......@@ -35,7 +35,7 @@
</el-steps>
<div>
<div class="tab-components">
<span class="components-span">编制详情</span>
<span class="components-span">变更履历表</span>
</div>
<el-form :inline="true" :model="queryParams" class="demo-form-inline" style="margin-top: 20px" >
<el-form-item label="编制/变更时间:">
......@@ -43,7 +43,7 @@
type="date"
placeholder="选择日期"/>
</el-form-item>
<el-form-item label="编制/变更时间:">
<el-form-item label="编制/变更说明:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="变更人:">
......@@ -75,15 +75,6 @@
<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="3C证书编号:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="适用车型:">
<el-select
v-model="queryParams.region"
......@@ -95,6 +86,15 @@
<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="3C证书编号:">
<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>
......@@ -103,30 +103,23 @@
<el-button class="btn-B" icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<div style="display: flex;justify-content: space-between;align-items: center">
<el-table :data="tableData" style="width: 100%" border >
<el-table-column label="变更前" align="center" >
<el-table-column prop="date" label="序号" align="center" width="60"/>
<el-table-column prop="name" label="零部件二级名称" align="center" width="130"/>
<el-table-column prop="address" label="型号规格" align="center" width="130"/>
<el-table-column prop="address" label="生产厂" align="center" width="130"/>
<el-table-column prop="address" label="CCC/自愿型产品认证证书编号" align="center" width="220"/>
<el-table-column prop="address" label="适用车型" align="center" width="160"/>
<el-table-column prop="address" label="检验文件编号" align="center" width="180"/>
</el-table-column>
</el-table>
<el-table :data="tableData" style="width: 100%" border >
<el-table-column label="变更前" align="center" >
<el-table-column prop="date" label="序号" align="center" width="60"/>
<el-table-column prop="name" label="零部件二级名称" align="center" width="130"/>
<el-table-column prop="address" label="型号规格" align="center" width="130"/>
<el-table-column prop="address" label="生产厂" align="center" width="130"/>
<el-table-column prop="address" label="CCC/自愿型产品认证证书编号" align="center" width="220"/>
<el-table-column prop="address" label="适用车型" align="center" width="160"/>
<el-table-column prop="address" label="检验文件编号" align="center" width="180"/>
</el-table-column>
</el-table>
</div>
<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="140"/>
<el-table-column prop="address" label="适用车型" align="center" width="160"/>
<el-table-column label="变更前" align="center" >
<el-table-column prop="address" label="型号规格" align="center" width="140"/>
<el-table-column prop="address" label="生产厂" align="center" width="140"/>
<el-table-column prop="address" label="CCC/自愿型产品认证证书编号" align="center" />
<el-table-column prop="address" label="检验文件编号" align="center" width="180"/>
</el-table-column>
<el-table-column label="变更后" align="center" >
<el-table-column prop="address" label="型号规格" align="center" width="140"/>
<el-table-column prop="address" label="生产厂" align="center" width="140"/>
<el-table-column prop="address" label="CCC/自愿型产品认证证书编号" align="center" />
<el-table-column prop="address" label="检验文件编号" align="center" width="180"/>
</el-table-column>
</el-table>
</div>
</el-tab-pane>
<el-tab-pane label="关键工序、装配、检验过程清单" name="second">
......@@ -139,54 +132,92 @@
</el-steps>
<div>
<div class="tab-components">
<span class="components-span">编制详情</span>
<el-button class="btn-A" @click="changeView">查看变更履历</el-button>
<span class="components-span">变更履历表</span>
</div>
<el-form :inline="true" :model="queryParams" class="demo-form-inline" style="margin-top: 20px">
<el-form-item label="名称:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
<el-form :inline="true" :model="queryParams" class="demo-form-inline" style="margin-top: 20px" >
<el-form-item label="编制/变更时间:">
<el-date-picker
type="date"
placeholder="选择日期"/>
</el-form-item>
<el-form-item label="制造/装配/检验的场所:">
<el-form-item label="编制/变更说明:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="责任部门:">
<el-form-item label="变更人:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="适用车型:">
<el-form-item label="变更详细内容序号:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="作业指导书:">
<el-form-item>
<el-button class="btn-A" icon="Search" @click="handleQuery">搜索</el-button>
<el-button class="btn-B" icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-table :data="tableData" style="width: 100%" border >
<el-table-column prop="date" label="序号" align="center" width="60"/>
<el-table-column prop="name" label="编制/变更时间" align="center" width="180"/>
<el-table-column prop="address" label="编制/变更说明" align="center" />
<el-table-column prop="address" label="变更前版本" align="center" width="180"/>
<el-table-column prop="address" label="变更后版本" align="center" width="180"/>
<el-table-column prop="address" label="变更人" align="center" width="180"/>
<el-table-column prop="address" label="变更详细内容序号" align="center" width="220"/>
</el-table>
</div>
<div>
<div class="tab-components">
<span class="components-span">变更详细内容</span>
</div>
<el-form :inline="true" :model="queryParams" class="demo-form-inline" style="margin-top: 20px" >
<el-form-item label="名称:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="检验作业指导书:">
<el-form-item label="场所:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="填写人:">
<el-form-item label="作业指导书:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="确认人:">
<el-form-item label="检验作业指导书:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="校对人:">
<el-form-item label="责任部门:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="适用车型:">
<el-select
v-model="queryParams.region"
placeholder="请选择"
clearable
style="width: 180px;"
>
<el-option label="Zone one" value="shanghai" />
<el-option label="Zone two" value="beijing" />
</el-select>
</el-form-item>
<el-form-item>
<el-button class="btn-A" icon="Search" @click="handleQuery">搜索</el-button>
<el-button class="btn-B" icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-table :data="tableData" style="width: 100%" border >
<el-table-column 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-column label="变更前" align="center" >
<el-table-column prop="name" label="名称" align="center" width="140"/>
<el-table-column prop="address" label="场所" align="center" width="100"/>
<el-table-column prop="address" label="作业指导书" align="center" />
<el-table-column prop="address" label="检验作业指导书" align="center" />
<el-table-column prop="address" label="责任部门" align="center" width="100"/>
<el-table-column prop="address" label="适用车型" align="center" width="80"/>
</el-table-column>
<el-table-column label="变更后" align="center" >
<el-table-column prop="name" label="名称" align="center" width="140"/>
<el-table-column prop="address" label="场所" align="center" width="100"/>
<el-table-column prop="address" label="作业指导书" align="center" />
<el-table-column prop="address" label="检验作业指导书" align="center" />
<el-table-column prop="address" label="责任部门" align="center" width="100"/>
<el-table-column prop="address" label="适用车型" align="center" width="80"/>
</el-table-column>
</el-table>
</div>
</el-tab-pane>
......@@ -200,72 +231,102 @@
</el-steps>
<div>
<div class="tab-components">
<span class="components-span">编制详情</span>
<el-button class="btn-A" @click="changeView">查看变更履历</el-button>
<span class="components-span">变更履历表</span>
</div>
<el-form :inline="true" :model="queryParams" class="demo-form-inline" style="margin-top: 20px">
<el-form-item label="项目:">
<el-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 :inline="true" :model="queryParams" class="demo-form-inline" style="margin-top: 20px" >
<el-form-item label="编制/变更时间:">
<el-date-picker
type="date"
placeholder="选择日期"/>
</el-form-item>
<el-form-item label="测量仪器和设备:">
<el-form-item label="编制/变更说明:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="容量:">
<el-form-item label="变更人:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="频次:">
<el-form-item label="变更详细内容序号:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="试验和检查场所:">
<el-form-item>
<el-button class="btn-A" icon="Search" @click="handleQuery">搜索</el-button>
<el-button class="btn-B" icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-table :data="tableData" style="width: 100%" border >
<el-table-column prop="date" label="序号" align="center" width="60"/>
<el-table-column prop="name" label="编制/变更时间" align="center" width="180"/>
<el-table-column prop="address" label="编制/变更说明" align="center" />
<el-table-column prop="address" label="变更前版本" align="center" width="180"/>
<el-table-column prop="address" label="变更后版本" align="center" width="180"/>
<el-table-column prop="address" label="变更人" align="center" width="180"/>
<el-table-column prop="address" label="变更详细内容序号" align="center" width="220"/>
</el-table>
</div>
<div>
<div class="tab-components">
<span class="components-span">变更详细内容</span>
</div>
<el-form :inline="true" :model="queryParams" class="demo-form-inline" style="margin-top: 20px" >
<el-form-item label="项目:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="所执行的文件名称及编号:">
<el-form-item label="测量仪器设备:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="责任部门:">
<el-form-item label="容量:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="适用车型:">
<el-form-item label="频次:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="填写人:">
<el-form-item label="场所:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="确认人:">
<el-form-item label="文件编号:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="校对人:">
<el-form-item label="责任部门:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="适用车型:">
<el-select
v-model="queryParams.region"
placeholder="请选择"
clearable
style="width: 180px;"
>
<el-option label="Zone one" value="shanghai" />
<el-option label="Zone two" value="beijing" />
</el-select>
</el-form-item>
<el-form-item>
<el-button class="btn-A" icon="Search" @click="handleQuery">搜索</el-button>
<el-button class="btn-B" icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-table :data="tableData" style="width: 100%" border >
<el-table-column 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-column label="变更前" align="center" >
<el-table-column prop="name" label="项目" align="center" width="140"/>
<el-table-column prop="address" label="测量仪器和设备" align="center" width="100"/>
<el-table-column prop="address" label="容量" align="center" width="60"/>
<el-table-column prop="address" label="频次" align="center" width="60"/>
<el-table-column prop="address" label="场所" align="center" width="120"/>
<el-table-column prop="address" label="文件编号" align="center" />
<el-table-column prop="address" label="责任部门" align="center" width="100"/>
<el-table-column prop="address" label="适用车型" align="center" width="80"/>
</el-table-column>
<el-table-column label="变更后" align="center" >
<el-table-column prop="name" label="项目" align="center" width="140"/>
<el-table-column prop="address" label="测量仪器和设备" align="center" width="100"/>
<el-table-column prop="address" label="容量" align="center" width="60"/>
<el-table-column prop="address" label="频次" align="center" width="60"/>
<el-table-column prop="address" label="场所" align="center" width="120"/>
<el-table-column prop="address" label="文件编号" align="center" />
<el-table-column prop="address" label="责任部门" align="center" width="100"/>
<el-table-column prop="address" label="适用车型" align="center" width="80"/>
</el-table-column>
</el-table>
</div>
</el-tab-pane>
......@@ -279,22 +340,47 @@
</el-steps>
<div>
<div class="tab-components">
<span class="components-span">编制详情</span>
<el-button class="btn-A" @click="changeView">查看变更履历</el-button>
<span class="components-span">变更履历表</span>
</div>
<el-form :inline="true" :model="queryParams" class="demo-form-inline" style="margin-top: 20px">
<el-form :inline="true" :model="queryParams" class="demo-form-inline" style="margin-top: 20px" >
<el-form-item label="编制/变更时间:">
<el-date-picker
type="date"
placeholder="选择日期"/>
</el-form-item>
<el-form-item label="编制/变更说明:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="变更人:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="变更详细内容序号:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item>
<el-button class="btn-A" icon="Search" @click="handleQuery">搜索</el-button>
<el-button class="btn-B" icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-table :data="tableData" style="width: 100%" border >
<el-table-column prop="date" label="序号" align="center" width="60"/>
<el-table-column prop="name" label="编制/变更时间" align="center" width="180"/>
<el-table-column prop="address" label="编制/变更说明" align="center" />
<el-table-column prop="address" label="变更前版本" align="center" width="180"/>
<el-table-column prop="address" label="变更后版本" align="center" width="180"/>
<el-table-column prop="address" label="变更人" align="center" width="180"/>
<el-table-column prop="address" label="变更详细内容序号" align="center" width="220"/>
</el-table>
</div>
<div>
<div class="tab-components">
<span class="components-span">变更详细内容</span>
</div>
<el-form :inline="true" :model="queryParams" class="demo-form-inline" style="margin-top: 20px" >
<el-form-item label="项目:">
<el-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-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="测量仪器和设备:">
<el-form-item label="测量仪器设备:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="容量:">
......@@ -303,20 +389,25 @@
<el-form-item label="频次:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="试验和检查场所:">
<el-form-item label="场所:">
<el-input v-model="queryParams.user" placeholder="请输入" clearable style="width: 180px"/>
</el-form-item>
<el-form-item label="所执行的文件名称及编号:">
<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-select
v-model="queryParams.region"
placeholder="请选择"
clearable
style="width: 180px;"
>
<el-option label="Zone one" value="shanghai" />
<el-option label="Zone two" value="beijing" />
</el-select>
</el-form-item>
<el-form-item>
<el-button class="btn-A" icon="Search" @click="handleQuery">搜索</el-button>
......@@ -324,19 +415,27 @@
</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-column label="变更前" align="center" >
<el-table-column prop="name" label="项目" align="center" width="140"/>
<el-table-column prop="address" label="测量仪器和设备" align="center" width="100"/>
<el-table-column prop="address" label="容量" align="center" width="60"/>
<el-table-column prop="address" label="频次" align="center" width="60"/>
<el-table-column prop="address" label="场所" align="center" width="120"/>
<el-table-column prop="address" label="文件编号" align="center" />
<el-table-column prop="address" label="责任部门" align="center" width="100"/>
<el-table-column prop="address" label="适用车型" align="center" width="80"/>
</el-table-column>
<el-table-column label="变更后" align="center" >
<el-table-column prop="name" label="项目" align="center" width="140"/>
<el-table-column prop="address" label="测量仪器和设备" align="center" width="100"/>
<el-table-column prop="address" label="容量" align="center" width="60"/>
<el-table-column prop="address" label="频次" align="center" width="60"/>
<el-table-column prop="address" label="场所" align="center" width="120"/>
<el-table-column prop="address" label="文件编号" align="center" />
<el-table-column prop="address" label="责任部门" align="center" width="100"/>
<el-table-column prop="address" label="适用车型" align="center" width="80"/>
</el-table-column>
</el-table>
</div>
</el-tab-pane>
......@@ -346,7 +445,6 @@
</template>
<script setup>
import {useRoute} from "vue-router";
import SelectRole from "@/components/SelectRole/index.vue"
const { proxy } = getCurrentInstance();
import { ref, getCurrentInstance } from 'vue'
......@@ -358,7 +456,6 @@ const activeTab = ref('first') // 默认激活第一个标签页
if(route.query.tab){
activeTab.value = route.query.tab
}
const radio1 = ref('1')
const templateDetailList = ref([])
// 修改data定义方式
const queryParams = ref({
......
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