update: 样式

index.html

@@ -13,7 +13,7 @@
   <meta charset="utf-8">
   <link rel="shortcut icon" href="./favicon.ico" />
   <title>好办管理平台</title>
-  <link rel="stylesheet" type="text/css" href="//web-1251519181.file.myqcloud.com/custom-element/custom-element.1.0.74.css" />
+  <link rel="stylesheet" type="text/css" href="//web-1251519181.file.myqcloud.com/custom-element/custom-element.1.0.75.css" />
   <!--好办后台3.0--> 
   <!-- <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1628375_vcg1gtmx7lb.css" />  -->
   <script src="//at.alicdn.com/t/font_1628375_vcg1gtmx7lb.js"></script>

src/views/salesleads/actCodeManage/attractFlowLink/info.vue

@@ -195,7 +195,7 @@ export default {
       };
       statisticsChart(para).then(res => {
         const { result } = res.data;
-        this.charData = result;
+        this.charData = result || [];
         // this.charData = [
         //   { addNum: 1, bizDate: '2021-07', clickNum: 3, clickTimes: 0 },
         //   { addNum: 2, bizDate: '2021-08', clickNum: 30, clickTimes: 10 },

src/views/salesleads/actCodeManage/attractFlowLink/newAddChart.vue

 <template>
-  <div :id="id"></div>
+  <div>
+    <div :id="id"></div>
+    <div v-if="!charData.length" class="chart--nodata">
+      <div>
+        <img class="image-120" src="@/assets/no-data.svg" />
+        <p class="font-14 color-606266 no-data-text">暂无数据</p>
+      </div>
+    </div>
+  </div>
+
   <!-- <div v-if="charData.length" :id="id"></div> -->
   <!-- <div v-else class="chart--nodata"></div> -->
 </template>
@@ -42,6 +51,7 @@ export default {
   methods: {
     async drawChart() {
       this.chart && this.chart.destroy();
+      if (!this.charData.length) return;
       this.chart = new G2.Chart({
         container: this.id,
         height: 359,
@@ -127,3 +137,20 @@ export default {
   }
 };
 </script>
+<style lang="scss" scoped>
+.chart--nodata {
+  height: 256px;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  .image-120 {
+    width: 120px;
+    height: 120px;
+    padding-top: 60px;
+  }
+  .no-data-text {
+    text-align: center;
+    padding-top: 18px;
+  }
+}
+</style>