数据图表版本

src/main/resources/static/css/supplier-center/encyclopedia/charts.css

@@ -7,11 +7,11 @@
   .chartHeadCenter.account .wrap{}
   .chartHeadCenter .logo{ width: auto;height: 52px; margin-right: 20px;border-right: 1px solid #e1e1e1;box-sizing: border-box;padding-right:16px;float: left;}
   .chartHeadCenter .logo.none{border-right: none;}
-  .header-title{float: left;margin-left: 70px;}
-  .header-title p{line-height: 50px;font-size: 24px;color: #333333;font-weight: bold;}
-  .header-title span{line-height: 50px;font-size: 16px;color: #333333;font-weight: normal;}
+  .header-title{float: left;margin-left: 216px;}
+  .header-title p{line-height: 24px;font-size: 24px;color: #333333;font-weight: bold;}
+  .header-title p.small{line-height: 30px;font-size: 16px;color: #666666;font-weight: normal;text-align: center}
   .header-time{width: auto;height:100%;float: right;box-sizing: border-box; }
-  .chart-content{width: 1200px;margin: 0 auto;padding-top: 100px;}
+  .chart-content{width: 1200px;margin: 0 auto;padding-top: 100px;min-height: 600px;}
   .chart-content .chart-title{ width: 100%;float: left; line-height: 80px;font-size: 24px;color: #333333;font-weight: bold;}
   .chart-content .chart-title span{line-height: 80px;font-size: 16px;color: #333333;font-weight: normal;}
   .chart-content-text{ min-height: 100px;width: 100%;box-sizing: border-box;padding: 24px;background: #FFFFFF;float: left;margin-bottom: 16px; }
@@ -89,7 +89,8 @@
   .chartHeadCenter .logo.none{border-right: none;}
   .header-logo{float: left;width: 100%;}
   .header-title{float: left;width: 100%;height: 10vw;}
-  .header-title p{line-height: 10vw;font-size: 4vw;color: #333333;font-weight: bold;}
+  .header-title p{line-height: 10vw;font-size: 4vw;color: #333333;font-weight: bold;float: left;}
+  .header-title p.small{font-size: 3.4vw;color: #666666;font-weight: normal;}
   .header-time{width: 100%;height:100%;float: left;box-sizing: border-box; }
   .chart-content{width: 100%;margin: 0 auto;padding-top: 33vw;}
   .chart-title{ width: 100%;float: left; line-height: 8vw;font-size: 4.6vw;color: #333333;font-weight: bold;box-sizing: border-box;padding: 0 3vw;background: #FFFFFF;}

src/main/resources/static/js/supplier-center/encyclopedia/charts.js

@@ -30,15 +30,15 @@ const chartContent = new Vue({
                 lock: true,
                 text: 'Loading',
                 spinner: 'el-icon-loading',
-                background: 'rgba(0, 0, 0, 0.4)'
+                background: 'rgba(255, 255, 255, 1)'
             });
             setTimeout(() => {
                 _this.isLoading = true
                 loading.close();
-            }, 100);
+            }, 1000);
             setTimeout(() => {
                 _this.shopChartPreview()
-            }, 200);
+            }, 1100);
         },
         shopChartPreview(){
             const _self = this;

src/main/resources/templates/supplier-center/encyclopedia/charts.html

@@ -27,7 +27,10 @@
                         <img class="h5Only" v-if="shopInfo.logo" :src="shopInfo.logo" alt="采美 生美/医美采购服务平台"/>
                     </a>
                 </div>
-                <div class="header-title"><p v-text="shopInfo.chartTitle"></p></div>
+                <div class="header-title">
+                    <p>营销数据看板</p>
+                    <p class="small">({{shopInfo.chartTitle}})</p>
+                </div>
                 <div class="header-time">
                     <el-date-picker
                             class="time"