|
|
@@ -1,15 +1,44 @@
|
|
|
<template>
|
|
|
<div id="index">
|
|
|
- <p>统计管理</p>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24" class="index">
|
|
|
+ <el-col :span="24" class="top">
|
|
|
+ <topInfo :topTitle="pageTitle"></topInfo>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="main">
|
|
|
+ <el-col :span="8" class="left">
|
|
|
+ 统计
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" class="left">
|
|
|
+ 统计
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" class="left">
|
|
|
+ 统计
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" class="left">
|
|
|
+ 统计
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" class="left">
|
|
|
+ 统计
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" class="left">
|
|
|
+ 统计
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import topInfo from '@/layout/public/top.vue';
|
|
|
import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
export default {
|
|
|
name: 'index',
|
|
|
props: {},
|
|
|
- components: {},
|
|
|
+ components: {
|
|
|
+ topInfo,
|
|
|
+ },
|
|
|
data: function() {
|
|
|
return {};
|
|
|
},
|
|
|
@@ -27,4 +56,13 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
-<style lang="less" scoped></style>
|
|
|
+<style lang="less" scoped>
|
|
|
+.main {
|
|
|
+ .left {
|
|
|
+ width: 32%;
|
|
|
+ height: 410px;
|
|
|
+ border: 1px solid red;
|
|
|
+ margin: 0 20px 20px 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
