Skip to content

J
JINRUN-PERPOSITION
Commit 85fddc22 authored by xinzhedeai's avatar xinzhedeai
Browse files
Options

add：echarts

parent 73119f4a
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 708 additions and 57 deletions
src/router/index.js
View file @ 85fddc22
......@@ -76,65 +76,65 @@ export const constantRoutes = [
}
]
},
{
path: '/dw',
// component: Layout,
hidden: true,
// {
// path: '/dw',
// // component: Layout,
// hidden: true,
component: EmptyLayout,
redirect: 'noredirect',
children: [
{
path: 'index',
component: () => import('@/views/index-dw'),
name: 'Index',
meta: { title: '首页2-dw', icon: 'dashboard', }
}
]
},
{
path: '/zz',
component: EmptyLayout,
hidden: true,
redirect: 'noredirect',
// component: EmptyLayout,
// redirect: 'noredirect',
// children: [
// {
// path: 'index',
// component: () => import('@/views/index-dw'),
// name: 'Index',
// meta: { title: '首页2-dw', icon: 'dashboard', }
// }
// ]
// },
// {
// path: '/zz',
// component: EmptyLayout,
// hidden: true,
// redirect: 'noredirect',
children: [
{
path: 'index',
component: () => import('@/views/index-zz'),
name: 'Index',
meta: { title: '首页2-zz', icon: 'dashboard', }
}
]
},
{
path: '/guiji',
component: EmptyLayout,
hidden: true,
redirect: 'noredirect',
children: [
{
path: 'index',
component: () => import('@/views/index-guiji'),
name: 'Index',
meta: { title: '首页2-gj', icon: 'dashboard', }
}
]
},
{
path: '/wl',
component: EmptyLayout,
hidden: true,
redirect: 'noredirect',
children: [
{
path: 'index',
component: () => import('@/views/index-wl'),
name: 'Screen',
meta: { title: '首页-WL', icon: 'dashboard', }
}
]
},
// children: [
// {
// path: 'index',
// component: () => import('@/views/index-zz'),
// name: 'Index',
// meta: { title: '首页2-zz', icon: 'dashboard', }
// }
// ]
// },
// {
// path: '/guiji',
// component: EmptyLayout,
// hidden: true,
// redirect: 'noredirect',
// children: [
// {
// path: 'index',
// component: () => import('@/views/index-guiji'),
// name: 'Index',
// meta: { title: '首页2-gj', icon: 'dashboard', }
// }
// ]
// },
// {
// path: '/wl',
// component: EmptyLayout,
// hidden: true,
// redirect: 'noredirect',
// children: [
// {
// path: 'index',
// component: () => import('@/views/index-wl'),
// name: 'Screen',
// meta: { title: '首页-WL', icon: 'dashboard', }
// }
// ]
// },
// 定位卡管理
{
......@@ -223,6 +223,19 @@ export const constantRoutes = [
}
]
},
{
path: '/tongji',
component: EmptyLayout,
redirect: 'noredirect',
children: [
{
path: 'renyuantongji',
component: () => import('@/views/tongji/renyuantongji'),
name: 'renyuantongji',
meta: { title: '人员统计', icon: 'dashboard', }
}
]
},
{
path: '/user',
component: Layout,
......
src/views/tongji/baojingtongji.vue 0 → 100644
View file @ 85fddc22
<template>
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
label-width="68px"
>
<el-form-item label="月份查询" prop="realName">
<el-input
v-model="queryParams.realName"
placeholder="请输入月份"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="创建时间">
<el-date-picker
v-model="queryParams.dateRange"
style="width: 240px"
value-format="yyyy-MM-dd"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
></el-date-picker>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
>导出</el-button
>
</el-col>
</el-row>
<el-table
v-loading="loading"
:data="infoList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="序号" align="center" type="index" width="50" />
<el-table-column label="日期" align="center" prop="realName" />
<el-table-column label="矿区内人数" align="center" prop="deptName" />
<el-table-column label="矿区外人数" align="center" prop="positionName" />
<el-table-column label="矿区外人员姓名" align="center" prop="cardId" />
</el-table>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</div>
</template>
<script>
import { listInfo } from "@/api/jinrun/renyuan";
import { getDict } from "@/api/jinrun/common";
export default {
name: "Info",
data() {
return {
// 人员类型下拉列表数据
personTypeOptions: [],
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 人员信息表格数据
infoList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
dateRange: null,
realName: null,
pageNum: 1,
pageSize: 10,
},
// 表单参数
form: {
personType: "",
},
};
},
created() {
this.getList();
},
methods: {
/** 查询人员信息列表 */
getList() {
this.loading = true;
listInfo(this.queryParams).then((response) => {
this.infoList = response.records;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map((item) => item.personId);
this.single = selection.length !== 1;
this.multiple = !selection.length;
},
/** 导出按钮操作 */
handleExport() {
this.download(
"system/info/export",
{
...this.queryParams,
},
`info_${new Date().getTime()}.xlsx`
);
},
},
};
</script>
<style scoped lang="scss">
.image-slot {
display: flex;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
background-color: #f5f7fa;
color: #909399;
font-size: 20px;
}
</style>
\ No newline at end of file
src/views/tongji/renyuantongji.vue 0 → 100644
View file @ 85fddc22
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment