48 lines
1.3 KiB
Vue
48 lines
1.3 KiB
Vue
|
|
||
|
|
<!-- 最新工作 -->
|
||
|
|
<script setup lang='ts'>
|
||
|
|
import { ref } from "vue";
|
||
|
|
const total = ref(10);
|
||
|
|
const pageSize = ref(5);
|
||
|
|
const tableData = ref([
|
||
|
|
{ name: "张三", content: "已完成10家企业安全检查任务" },
|
||
|
|
{ name: "张三", content: "已完成10家企业安全检查任务" },
|
||
|
|
{ name: "张三", content: "已完成10家企业安全检查任务" },
|
||
|
|
{ name: "张三", content: "已完成10家企业安全检查任务" },
|
||
|
|
{ name: "张三", content: "已完成10家企业安全检查任务" },
|
||
|
|
]);
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div class="side-bg">
|
||
|
|
<div>
|
||
|
|
<TitleC title="最新工作展示" :swshow="false"></TitleC>
|
||
|
|
</div>
|
||
|
|
<div class="jobType_body">
|
||
|
|
<el-table
|
||
|
|
max-height="32vh"
|
||
|
|
:data="tableData"
|
||
|
|
style="width: 100%"
|
||
|
|
show-overflow-tooltip
|
||
|
|
>
|
||
|
|
<el-table-column prop="name" label="姓名" align="center" />
|
||
|
|
<el-table-column prop="content" label="工作内容" />
|
||
|
|
</el-table>
|
||
|
|
<el-pagination
|
||
|
|
background
|
||
|
|
small
|
||
|
|
v-model:currentPage="currentPage"
|
||
|
|
v-model:page-size="pageSize"
|
||
|
|
layout="total, prev, pager, next"
|
||
|
|
:total="total"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.img {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
</style>
|