|
|
@@ -1,11 +1,20 @@
|
|
|
<template>
|
|
|
- <section id="dev_check">
|
|
|
- <el-select v-model="selected" @change="changeSelect" placeholder="筛选">
|
|
|
+ <div id="dev_check">
|
|
|
+ <!-- <el-select v-model="selected" @change="changeSelect" placeholder="筛选">
|
|
|
<el-option v-for="(item, index) of statuses" :key="index" :label="item.name" :value="item.id">
|
|
|
<span>{{item.name}}</span>
|
|
|
</el-option>
|
|
|
- </el-select>
|
|
|
- <section class="table">
|
|
|
+ </el-select> -->
|
|
|
+ <div class="filter-box">
|
|
|
+ <el-form :inline="true" :model="filterForm" class="filter-form" :label-position="labelPosition">
|
|
|
+ <el-form-item label="类型">
|
|
|
+ <el-radio-group v-model="filterForm.status" size="mini">
|
|
|
+ <el-radio-button v-for="itm in statuses" :label="itm.name" :key="itm.id">{{itm.name}}</el-radio-button>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ <div class="table">
|
|
|
<el-table
|
|
|
v-if="tableData.length"
|
|
|
border
|
|
|
@@ -46,18 +55,21 @@
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
<span v-else>暂无数据</span>
|
|
|
- </section>
|
|
|
- <el-pagination
|
|
|
- background
|
|
|
- @current-change="changePagination"
|
|
|
- @size-change="changePageSize"
|
|
|
- :current-page.sync="currentPage"
|
|
|
- :page-sizes="[10, 20, 30, 40]"
|
|
|
- :page-size="20"
|
|
|
- layout="total, sizes, prev, pager, next, jumper"
|
|
|
- :total="totalCount"
|
|
|
- ></el-pagination>
|
|
|
- </section>
|
|
|
+ </div>
|
|
|
+ <div class="page">
|
|
|
+ <el-pagination
|
|
|
+ background
|
|
|
+ @current-change="changePagination"
|
|
|
+ @size-change="changePageSize"
|
|
|
+ :current-page.sync="currentPage"
|
|
|
+ :page-sizes="[10, 20, 30, 40]"
|
|
|
+ :page-size="20"
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
+ :total="totalCount"
|
|
|
+ ></el-pagination>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
@@ -102,7 +114,12 @@ export default {
|
|
|
// 列表头字段
|
|
|
tableProps,
|
|
|
// 列表数据
|
|
|
- tableData: []
|
|
|
+ tableData: [],
|
|
|
+ labelPosition: 'left',
|
|
|
+ filterForm: {
|
|
|
+ status: 0,
|
|
|
+ cert_id: 0,
|
|
|
+ },
|
|
|
};
|
|
|
},
|
|
|
watch: {
|
|
|
@@ -216,4 +233,11 @@ export default {
|
|
|
width: 100%;
|
|
|
height: auto;
|
|
|
}
|
|
|
+.page {
|
|
|
+ margin-top: 15px;
|
|
|
+}
|
|
|
+.filter-box{
|
|
|
+ margin-top: 10px;
|
|
|
+ margin-bottom: 15px;
|
|
|
+}
|
|
|
</style>
|
