61 lines
1.6 KiB
Vue
61 lines
1.6 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="year" align="center" label="年份" width="120"/>
|
||
|
|
<el-table-column prop="year" align="center" label="工作内容" />
|
||
|
|
<el-table-column prop="year" align="center" label="状态" width="120"/>
|
||
|
|
<el-table-column prop="year" align="center" label="处理人" width="200"/>
|
||
|
|
</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([{ year: "2023" }, { year: "2024" }]);
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.table {
|
||
|
|
margin-top: 16px;
|
||
|
|
}
|
||
|
|
</style>
|