bug fix

src/components/HeaderCell.vue

@@ -0,0 +1,27 @@
+<template>
+  <div class="header-cell">
+    <slot></slot>
+    <slot name="action"></slot>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'HeaderCell',
+}
+</script>
+
+<style lang="scss" scoped>
+.header-cell {
+  display: flex;
+
+  &:first-child {
+    flex: auto;
+  }
+
+  &>* {
+    flex: none;
+  }
+}
+</style>
+

src/components/RichEditor.vue

@@ -55,7 +55,7 @@ export default {
       // 重新定义图片上传
       editor.customConfig.customUploadImg = this.uploadImg
 
-      editor.customConfig.onblur = (html) => {
+      editor.customConfig.onchange = (html) => {
         this.html = html
         this.$emit('input', html)
       }

src/views/indexEcharts/components/Card.vue

@@ -0,0 +1,32 @@
+<template>
+  <div class="x-card">
+    <p><slot></slot></p>
+    <span>{{label}}</span>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'XCard',
+  props: ['label'],
+}
+</script>
+
+<style lang="scss" scoped>
+.x-card {
+  background-color: #fff;
+  text-align: center;
+  color: #404C58;
+  padding: 26px 0;
+  border-radius: 4px;
+  p {
+    font-size: 24px;
+    margin: 0;
+    line-height: 40px;
+  }
+  span {
+    font-size: 16px;
+  }
+}
+</style>
+

src/views/indexEcharts/components/UsrSRCLineAndPie.vue

@@ -0,0 +1,26 @@
+<template>
+  <header-cell>
+    <div>
+      <x-line ></x-line>
+    </div>
+    <div slot="action">
+
+    </div>
+  </header-cell>
+</template>
+
+<script>
+export default {
+  name: 'UsrSRCLineAndPie',
+  components: {
+    HeaderCell: () => import('@/components/HeaderCell'),
+    XLine: () => import('@/components/XLine'),
+  },
+  data () {
+    return {
+      title: { text: '用户来源', subtext: '最近七天' }
+    }
+  }
+}
+</script>
+

src/views/indexEcharts/index.vue

@@ -1,26 +1,16 @@
 <template>
-<div>
+<div class="chart-index">
   <el-row class="top-info"  :gutter="20">
     <el-col :span="8">
-      <div class="grid-content">
-        <p>{{echartsInfo.selectUserCount}}</p>
-        <span>总用户</span>
-      </div>
+      <card label="总用户">{{echartsInfo.selectUserCount}}</card>
     </el-col>
     <el-col :span="8">
-      <div class="grid-content">
-        <p>{{echartsInfo.selectRegisteredCount}}</p>
-        <span>总注册用户</span>
-      </div>
+      <card label="总注册用户">{{echartsInfo.selectRegisteredCount}}</card>
     </el-col>
     <el-col :span="8">
-      <div @click="toNewUsers()" class="grid-content">
-        <p class="under-line">{{echartsInfo.selectRecentlyCount}}</p>
-        <span class="under-line">最近7天新增</span>
-      </div>
+      <card label="最近7天新增" @click="toNewUsers()" class="under-line" >{{echartsInfo.selectRecentlyCount}}</card>
     </el-col>
   </el-row>
-  <select-building></select-building>
   <p class="title under-line" @click="toUserSource()">用户来源</p>
   <span class="title-desc under-line" @click="toUserSource()">最近7天</span>
   <el-row :gutter="20" :style="{ height: '560px',margin:'20px 0',border:'1px solid #eee',borderRadius:'5px'}">
@@ -82,6 +72,7 @@ const {
 export default {
   components: {
     XLine: () => import('@/components/charts/XLine.vue'),
+    Card: () => import('./components/Card'),
   },
   data() {
     return {
@@ -539,6 +530,10 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.chart-index {
+  background-color: transparent !important;
+}
+
 p {
   margin: 0;
 }