|
@@ -1,10 +1,12 @@
|
|
<template>
|
|
<template>
|
|
<div id="dynamicdata">
|
|
<div id="dynamicdata">
|
|
|
|
+ <!-- 按钮及提示 -->
|
|
<div class="text-right">
|
|
<div class="text-right">
|
|
<span style="color:red">注意查收→</span>
|
|
<span style="color:red">注意查收→</span>
|
|
<el-button size="medium">执行对应结果</el-button>
|
|
<el-button size="medium">执行对应结果</el-button>
|
|
<el-button size="medium" type="primary" @click="toAddRelation">处理未对应实例标识</el-button>
|
|
<el-button size="medium" type="primary" @click="toAddRelation">处理未对应实例标识</el-button>
|
|
</div>
|
|
</div>
|
|
|
|
+ <!-- tab分页 -->
|
|
<el-tabs v-model="curType">
|
|
<el-tabs v-model="curType">
|
|
<el-tab-pane
|
|
<el-tab-pane
|
|
v-for="(item) in typeList"
|
|
v-for="(item) in typeList"
|
|
@@ -13,6 +15,7 @@
|
|
:name="item.name"
|
|
:name="item.name"
|
|
></el-tab-pane>
|
|
></el-tab-pane>
|
|
</el-tabs>
|
|
</el-tabs>
|
|
|
|
+ <!-- 查询条件 -->
|
|
<div class="query-area">
|
|
<div class="query-area">
|
|
<el-form ref="form" :model="form" label-width="70px" :inline="true">
|
|
<el-form ref="form" :model="form" label-width="70px" :inline="true">
|
|
<el-row>
|
|
<el-row>
|
|
@@ -83,6 +86,7 @@
|
|
</el-row>
|
|
</el-row>
|
|
</el-form>
|
|
</el-form>
|
|
</div>
|
|
</div>
|
|
|
|
+ <!-- 列表区域 -->
|
|
<div class="table-area">
|
|
<div class="table-area">
|
|
<el-table :data="tableData" style="width: 100%" height="100%" v-show="curType==1">
|
|
<el-table :data="tableData" style="width: 100%" height="100%" v-show="curType==1">
|
|
<el-table-column label="设备标识">
|
|
<el-table-column label="设备标识">
|
|
@@ -108,6 +112,7 @@
|
|
</el-table-column>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
</div>
|
|
</div>
|
|
|
|
+ <!-- 分页 -->
|
|
<el-pagination
|
|
<el-pagination
|
|
class="fr"
|
|
class="fr"
|
|
v-show="tableData && tableData.length"
|
|
v-show="tableData && tableData.length"
|