|
@@ -1,98 +1,34 @@
|
|
|
<template>
|
|
|
<div id="dynamic">
|
|
|
- <el-col :span="24" class="maintoplefttitle"> </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-col :span="12" class="leftcontext">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
统计图
|
|
|
</el-col>
|
|
|
- </el-col>
|
|
|
+ </el-row>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
export default {
|
|
|
name: 'dynamic',
|
|
|
props: {},
|
|
|
components: {},
|
|
|
- data: () => ({}),
|
|
|
+ data: function() {
|
|
|
+ return {};
|
|
|
+ },
|
|
|
created() {},
|
|
|
- computed: {},
|
|
|
methods: {},
|
|
|
+ computed: {
|
|
|
+ ...mapState(['user']),
|
|
|
+ pageTitle() {
|
|
|
+ return `${this.$route.meta.title}`;
|
|
|
+ },
|
|
|
+ },
|
|
|
+ metaInfo() {
|
|
|
+ return { title: this.$route.meta.title };
|
|
|
+ },
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
-<style lang="less" scoped>
|
|
|
-.main .maintopleft .maintoplefttitle {
|
|
|
- padding: 20px;
|
|
|
- // border-bottom: 1px dashed #ccc;
|
|
|
-}
|
|
|
-.main .maintopleft .maintoplefttitle span:first-child {
|
|
|
- font-weight: 1000;
|
|
|
- padding: 10px 5px 0 0px;
|
|
|
- font-size: 20px;
|
|
|
- color: #005293;
|
|
|
-}
|
|
|
-
|
|
|
-.main .maintopleft .maintoplefttitle span:nth-child(2) {
|
|
|
- font-size: 20px;
|
|
|
- color: #005293;
|
|
|
- padding: 0 10px 0 0;
|
|
|
-}
|
|
|
-.main .maintopleft .maintoplefttitle span:nth-child(3) {
|
|
|
- font-size: 20px;
|
|
|
- color: #005293;
|
|
|
- float: right;
|
|
|
-}
|
|
|
-
|
|
|
-.maintopleft .leftcontext {
|
|
|
- padding: 0 20px 0 20px;
|
|
|
- font-size: 16px;
|
|
|
-}
|
|
|
-
|
|
|
-.maintopright {
|
|
|
- height: 300px;
|
|
|
- background-color: #fff;
|
|
|
- width: 595px;
|
|
|
-}
|
|
|
-
|
|
|
-.maintopright .leftcontext {
|
|
|
- padding: 0 20px 0 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.main .maintopright .maintoplefttitle {
|
|
|
- padding: 20px;
|
|
|
- // border-bottom: 1px dashed #ccc;
|
|
|
-}
|
|
|
-.main .maintopright .maintoplefttitle span:first-child {
|
|
|
- font-weight: 1000;
|
|
|
- padding: 10px 5px 0 0px;
|
|
|
- font-size: 20px;
|
|
|
- color: #005293;
|
|
|
-}
|
|
|
-
|
|
|
-.main .maintopright .maintoplefttitle span:nth-child(2) {
|
|
|
- font-size: 20px;
|
|
|
- color: #005293;
|
|
|
- padding: 0 10px 0 0;
|
|
|
-}
|
|
|
-.main .maintopright .maintoplefttitle span:nth-child(3) {
|
|
|
- font-size: 20px;
|
|
|
- color: #005293;
|
|
|
- float: right;
|
|
|
-}
|
|
|
-
|
|
|
-.maintopright .leftcontext {
|
|
|
- padding: 0 20px 0 20px;
|
|
|
- font-size: 16px;
|
|
|
-}
|
|
|
-
|
|
|
-.maintopright .leftcontext p {
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-
|
|
|
-.maintopright .leftcontext p span:first-child {
|
|
|
- font-weight: 1000;
|
|
|
- padding: 5px;
|
|
|
-}
|
|
|
-</style>
|
|
|
+<style lang="less" scoped></style>
|