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