更新

src/layout/index/dynamic.vue

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