72 lines
1.9 KiB
Vue
72 lines
1.9 KiB
Vue
|
<!-- 工作统计 -->
|
||
|
|
<template>
|
||
|
|
<div>
|
||
|
|
<div class="h-layout space-between h-center">
|
||
|
|
<div>
|
||
|
|
<div class="h-layout">
|
||
|
|
<div class="tool-item" @click="getList">
|
||
|
|
<svg-icon name="refurbish" class="icon" />
|
||
|
|
<span>刷新</span>
|
||
|
|
</div>
|
||
|
|
<div class="tool-item">
|
||
|
|
<svg-icon name="export" class="icon" />
|
||
|
|
<span>导出</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<el-table
|
||
|
|
ref="loading"
|
||
|
|
class="table"
|
||
|
|
v-loading="tableDataloading"
|
||
|
|
:data="tableData"
|
||
|
|
header-row-class-name="el-one-header"
|
||
|
|
border
|
||
|
|
>
|
||
|
|
<el-table-column
|
||
|
|
prop="cName"
|
||
|
|
align="center"
|
||
|
|
:resizable="true"
|
||
|
|
label="村名"
|
||
|
|
>
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column prop="dj" :resizable="true" align="center" label="地震">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column prop="cz" align="center" :resizable="true" label="火灾">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column prop="db" :resizable="true" align="center" label="防汛">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column prop="yj" :resizable="true" align="center" label="治安">
|
||
|
|
</el-table-column>
|
||
|
|
</el-table>
|
||
|
|
<!-- 分页 -->
|
||
|
|
<el-pagination
|
||
|
|
class="pagination"
|
||
|
|
v-model:current-page.sync="currentPage"
|
||
|
|
:page-sizes="[10, 15, 20, 30]"
|
||
|
|
v-model:page-size.sync="pageSize"
|
||
|
|
layout="total, sizes, prev, pager, next, jumper"
|
||
|
|
:total="total"
|
||
|
|
background
|
||
|
|
>
|
||
|
|
</el-pagination>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script lang='ts' setup>
|
||
|
|
import { onMounted, reactive, ref } from "vue";
|
||
|
|
import { ElMessageBox } from "element-plus";
|
||
|
|
|
||
|
|
const search = ref([]);
|
||
|
|
const currentPage = ref(1);
|
||
|
|
const pageSize = ref(10);
|
||
|
|
const total = ref(0);
|
||
|
|
const tableData = ref([{ cName: "xxx村名" }, { cName: "xxx村名" }]);
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.table {
|
||
|
|
margin-top: 16px;
|
||
|
|
}
|
||
|
|
</style>
|