首页添加在厂人员

src/config/index.js

@@ -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'],
 
 		]
 	}

src/views/home/widgets/components/about.vue

@@ -1,24 +1,112 @@
 <template>
-	<el-card shadow="hover" header="关于项目" class="item-background">
+	<el-row :gutter="6">
-		<p>高性能 / 精致 / 优雅。基于Vue3 + Element-Plus 的中后台前端解决方案，如果喜欢就点个星星支持一下。</p>
+		<el-col :md="12" :sm="24">
-		<p>
+			<el-card shadow="hover" header="在厂人员" class="item-background" >
-			<a href='https://gitee.com/lolicode/scui' target="_blank">
+				<el-table :data="tableData" ref="table"  row-key="id" fit hideDo height="332">
-				<img src='https://gitee.com/lolicode/scui/badge/star.svg?theme=dark' alt='star' style="vertical-align: middle">
+					<el-table-column label="姓名">
-			</a>
+						<template #default="scope">
-		</p>
+							<span v-if="scope.row.employee_">{{scope.row.employee_.name }}</span>
-	</el-card>
+						</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>
 

src/views/home/widgets/components/eventlist.vue

@@ -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>