首页添加在厂人员
This commit is contained in:
parent
ff4f5bcce4
commit
fc908b1803
|
|
@ -61,11 +61,12 @@ const DEFAULT_CONFIG = {
|
|||
//控制台首页默认布局
|
||||
DEFAULT_GRID: {
|
||||
//默认分栏数量和宽度 例如 [24] [18,6] [8,8,8] [6,12,6]
|
||||
layout: [24, 24, 6],
|
||||
layout: [24, 24, 24],
|
||||
//小组件分布，com取值:views/home/components 文件名
|
||||
copmsList: [
|
||||
['ticket'],
|
||||
['eventlist'],
|
||||
['about'],
|
||||
|
||||
]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,24 +1,112 @@
|
|||
<template>
|
||||
<el-card shadow="hover" header="关于项目" class="item-background">
|
||||
<p>高性能 / 精致 / 优雅。基于Vue3 + Element-Plus 的中后台前端解决方案，如果喜欢就点个星星支持一下。</p>
|
||||
<p>
|
||||
<a href='https://gitee.com/lolicode/scui' target="_blank">
|
||||
<img src='https://gitee.com/lolicode/scui/badge/star.svg?theme=dark' alt='star' style="vertical-align: middle">
|
||||
</a>
|
||||
</p>
|
||||
</el-card>
|
||||
<el-row :gutter="6">
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-card shadow="hover" header="在厂人员" class="item-background" >
|
||||
<el-table :data="tableData" ref="table" row-key="id" fit hideDo height="332">
|
||||
<el-table-column label="姓名">
|
||||
<template #default="scope">
|
||||
<span v-if="scope.row.employee_">{{scope.row.employee_.name }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="部门">
|
||||
<template #default="scope">
|
||||
<span v-if="scope.row.employee_">{{ scope.row.employee_.belong_dept_name }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-pagination background
|
||||
:page-size="1000"
|
||||
:small="true"
|
||||
:total="total"></el-pagination>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-card shadow="hover">
|
||||
<template #header>
|
||||
<div class="card-header">
|
||||
<span>今日事件统计</span>
|
||||
</div>
|
||||
</template>
|
||||
<scEcharts height="360px" :option="option3"></scEcharts>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import scEcharts from "@/components/scEcharts";
|
||||
export default {
|
||||
title: "关于项目",
|
||||
icon: "el-icon-setting",
|
||||
description: "点个星星支持一下",
|
||||
components: {
|
||||
scEcharts,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
||||
total:0,
|
||||
dutyAgg: [],
|
||||
tableData:[],
|
||||
postOptions: [],
|
||||
option3: null,
|
||||
operationnumber: null,
|
||||
rpjnumber: null,
|
||||
visitnumber: null,
|
||||
apiObj1 : this.$API.third.blt.all
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
var craeteTime = this.$TOOL.dateFormat(
|
||||
new Date().toLocaleDateString(),
|
||||
"yyyy-MM-dd"
|
||||
);
|
||||
|
||||
this.postOptions = [];
|
||||
this.$API.ecm.event.cateAgg
|
||||
.req({ completed: false, start_create: craeteTime })
|
||||
.then((res) => {
|
||||
res.details.forEach((itemI, indexI) => {
|
||||
this.postOptions.push({ value: itemI.count, name: itemI.cate__name });
|
||||
});
|
||||
});
|
||||
this.option3 = {
|
||||
title: {},
|
||||
tooltip: {
|
||||
trigger: "item",
|
||||
},
|
||||
legend: {
|
||||
// orient: 'vertical',
|
||||
left: 'center'
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: "事件分类",
|
||||
type: "pie",
|
||||
radius: ["40%", "70%"],
|
||||
center: ["50%", "60%"],
|
||||
label: {
|
||||
formatter: '{c}',
|
||||
position: 'inside',
|
||||
color: 'white'
|
||||
},
|
||||
data: this.postOptions,
|
||||
},
|
||||
],
|
||||
};
|
||||
this.$API.third.blt.all
|
||||
.req()
|
||||
.then((res) => {
|
||||
res.forEach((item) => {
|
||||
this.total = res.length;
|
||||
this.tableData.push(item.my_info);
|
||||
});
|
||||
});
|
||||
// this.params.start_create = craeteTime;
|
||||
// this.apiObj1 = this.$API.third.blt.all;
|
||||
},
|
||||
methods: {
|
||||
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<el-row :gutter="6">
|
||||
<el-col :md="3" :sm="24">
|
||||
<el-col :md="10" :sm="24">
|
||||
<el-card shadow="hover">
|
||||
<template #header>
|
||||
<div class="card-header">
|
||||
|
|
@ -17,7 +17,7 @@
|
|||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :md="13" :sm="24">
|
||||
<el-col :md="14" :sm="24">
|
||||
<el-card shadow="hover">
|
||||
<template #header>
|
||||
<div class="card-header">
|
||||
|
|
@ -71,7 +71,7 @@
|
|||
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :md="8" :sm="24">
|
||||
<!-- <el-col :md="8" :sm="24">
|
||||
<el-card shadow="hover">
|
||||
<template #header>
|
||||
<div class="card-header">
|
||||
|
|
@ -80,7 +80,7 @@
|
|||
</template>
|
||||
<scEcharts height="340px" :option="option3"></scEcharts>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-col> -->
|
||||
</el-row>
|
||||
</template>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue