|
@@ -1,105 +0,0 @@
|
|
|
-<template>
|
|
|
- <div class="weeklyStatisticDetailBox">
|
|
|
- <h4 class="title">部门日报统计</h4>
|
|
|
- <div class="searchBox">
|
|
|
- <el-form :inline="true" :model="formInline" class="demo-form-inline">
|
|
|
- <el-form-item label="年份:">
|
|
|
- <el-date-picker v-model="formInline.month" type="year" placeholder="请选择年份" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <el-button type="primary" :icon="Search" @click="onSearchHandle">查询</el-button>
|
|
|
- <el-button type="primary" :icon="UploadFilled" @click="onExportHandle">导出</el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- </div>
|
|
|
- <div class="tableBox">
|
|
|
- <el-table :data="tableData" style="width: 100%">
|
|
|
- <el-table-column prop="address" label="部门" />
|
|
|
- <el-table-column prop="address" width="80px" label="姓名" />
|
|
|
- <el-table-column prop="address" width="80px" label="月份" />
|
|
|
- <el-table-column v-for="(item, index) in 5" :key="index" :label="weeklyTitle[index]" />
|
|
|
- <el-table-column prop="address" label="应填(周)" />
|
|
|
- <el-table-column prop="address" label="未填(周)" />
|
|
|
- <el-table-column prop="address" label="已填(周)" />
|
|
|
- <el-table-column prop="address" label="填写率" />
|
|
|
- </el-table>
|
|
|
- </div>
|
|
|
- <div class="pageBox">
|
|
|
- <el-pagination
|
|
|
- v-model:current-page="currentPage1"
|
|
|
- :page-size="100"
|
|
|
- background
|
|
|
- layout="total, prev, pager, next, jumper"
|
|
|
- :total="1000"
|
|
|
- @size-change="handleSizeChange"
|
|
|
- @current-change="handleCurrentChange"
|
|
|
- />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script setup lang="ts">
|
|
|
-import { UploadFilled, Search } from '@element-plus/icons-vue'
|
|
|
-const weeklyTitle = ['第一周', '第二周', '第三周', '第四周', '第五周']
|
|
|
-const currentPage1 = ref(1)
|
|
|
-const formInline = ref<{
|
|
|
- dept: string
|
|
|
- month: string
|
|
|
-}>({
|
|
|
- dept: '',
|
|
|
- month: ''
|
|
|
-})
|
|
|
-const tableData = [
|
|
|
- {
|
|
|
- date: '2016-05-03',
|
|
|
- name: 'Tom',
|
|
|
- address: '166'
|
|
|
- },
|
|
|
- {
|
|
|
- date: '2016-05-02',
|
|
|
- name: 'Tom',
|
|
|
- address: '166'
|
|
|
- },
|
|
|
- {
|
|
|
- date: '2016-05-04',
|
|
|
- name: 'Tom',
|
|
|
- address: '166'
|
|
|
- },
|
|
|
- {
|
|
|
- date: '2016-05-01',
|
|
|
- name: 'Tom',
|
|
|
- address: '166'
|
|
|
- }
|
|
|
-]
|
|
|
-const onSearchHandle = (): void => {}
|
|
|
-const onExportHandle = (): void => {}
|
|
|
-const handleCurrentChange = (): void => {}
|
|
|
-const handleSizeChange = (): void => {}
|
|
|
-</script>
|
|
|
-
|
|
|
-<style lang="scss" scoped>
|
|
|
-.weeklyStatisticDetailBox {
|
|
|
- margin-top: 20px;
|
|
|
- height: calc(100% - 20px);
|
|
|
- background-color: #fff;
|
|
|
- border-radius: 20px;
|
|
|
- padding: 20px;
|
|
|
- > .title {
|
|
|
- padding-bottom: 20px;
|
|
|
- font-size: 20px;
|
|
|
- }
|
|
|
- > .tableBox {
|
|
|
- }
|
|
|
- :deep {
|
|
|
- .el-table th.el-table__cell {
|
|
|
- background-color: #edf2fc;
|
|
|
- color: #4c525b;
|
|
|
- }
|
|
|
- }
|
|
|
- > .pageBox {
|
|
|
- padding: 20px 0px 10px 0px;
|
|
|
- display: flex;
|
|
|
- justify-content: right;
|
|
|
- }
|
|
|
-}
|
|
|
-</style>
|