提交

src/views/AdvertisingEye/components/trancheB2.vue

@@ -15,10 +15,18 @@
         {{ item.text }}
       </el-button>
     </el-button-group>
-    <br />
-    <div ref="share1"></div>
-    <br />
-    <div ref="share"></div>
+    <br v-if="showShart1" />
+    <div v-if="showShart1" ref="share"></div>
+    <el-empty
+      v-if="!showShart1 && showShart2"
+      description="此时段内无该行业硬广投放"
+    ></el-empty>
+    <br v-if="showShart2" />
+    <div ref="share1" v-if="showShart2"></div>
+    <el-empty
+      description="此时段内无该行业软广投放"
+      v-if="!showShart2 && showShart1"
+    ></el-empty>
   </el-card>
 </template>
 
@@ -34,6 +42,8 @@ export default {
   name: "AdvertisingEye_tranche",
   data() {
     return {
+      showShart1: false,
+      showShart2: false,
       share_act: 0,
       share_list: [
         {
@@ -86,8 +96,12 @@ export default {
       }).then(all => {
         let hard = all.harddata || [],
           soft = all.softdata || [];
-        this.shareChart(hard);
-        this.share1Chart(soft);
+        this.showShart1 = hard.length ? true : false;
+        this.showShart2 = soft.length ? true : false;
+        this.$nextTick(() => {
+          this.shareChart(hard);
+          this.share1Chart(soft);
+        });
       });
     },
     share_change(i) {
@@ -136,6 +150,9 @@ export default {
         xAxis: {
           type: "category",
           data: k,
+          axisLabel: {
+            interval: 0,
+          },
         },
         yAxis: {
           type: "value",
@@ -202,6 +219,9 @@ export default {
         xAxis: {
           type: "category",
           data: k,
+          axisLabel: {
+            interval: 0,
+          },
         },
         yAxis: {
           type: "value",