|
@@ -25,7 +25,7 @@
|
|
|
</el-dropdown>
|
|
</el-dropdown>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
- <el-row>
|
|
|
|
|
|
|
+ <el-row :gutter="15">
|
|
|
<el-col :span="12" v-for="row in records" :key="row.name">
|
|
<el-col :span="12" v-for="row in records" :key="row.name">
|
|
|
<div
|
|
<div
|
|
|
class="filter-container"
|
|
class="filter-container"
|
|
@@ -59,12 +59,16 @@
|
|
|
</div>
|
|
</div>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
- <pagination
|
|
|
|
|
- v-show="total > 0"
|
|
|
|
|
|
|
+ <el-pagination
|
|
|
|
|
+ :current-page="listQuery.current"
|
|
|
|
|
+ :page-size="listQuery.size"
|
|
|
:total="total"
|
|
:total="total"
|
|
|
- :current.sync="listQuery.current"
|
|
|
|
|
- :size.sync="listQuery.size"
|
|
|
|
|
- @pagination="list"
|
|
|
|
|
|
|
+ :background="true"
|
|
|
|
|
+ @size-change="(d) => (page.limit = d) && query()"
|
|
|
|
|
+ @current-change="(d) => (page.page = d) && query()"
|
|
|
|
|
+ layout="total, prev, pager, next, jumper"
|
|
|
|
|
+ :pager-count="5"
|
|
|
|
|
+ class="ele-pagination-circle"
|
|
|
/>
|
|
/>
|
|
|
</el-card>
|
|
</el-card>
|
|
|
|
|
|
|
@@ -201,3 +205,14 @@
|
|
|
}
|
|
}
|
|
|
};
|
|
};
|
|
|
</script>
|
|
</script>
|
|
|
|
|
+<style scoped>
|
|
|
|
|
+ .filter-container .filter-item {
|
|
|
|
|
+ display: inline-block;
|
|
|
|
|
+ vertical-align: middle;
|
|
|
|
|
+ margin-bottom: 5px;
|
|
|
|
|
+ margin-right: 4px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .filter-container {
|
|
|
|
|
+ padding-bottom: 5px;
|
|
|
|
|
+ }
|
|
|
|
|
+</style>
|