绩效图暂无数据换成div

operationSupport/src/views/performanceManagement/performanceStatistics/components/kpiAnalysis.vue

@@ -61,13 +61,27 @@
                 <div class="chartboxw w1240 fl">
                     <div class="chart-title">人员绩效排名</div>
                     <div class="chart-box-height">
-                        <zz-echart :option="kpiSortOption" style="width: 100%; height: 100%"></zz-echart>
+                        <div class="titleCave" v-if="kpiSortOption.title.text == '暂无数据'">
+                            {{ kpiSortOption.title.text }}
+                        </div>
+                        <zz-echart
+                            v-show="kpiSortOption.title.text !== '暂无数据'"
+                            :option="kpiSortOption"
+                            style="width: 100%; height: 100%"
+                        ></zz-echart>
                     </div>
                 </div>
                 <div class="chartboxw w400 chartboxwfr">
                     <div class="chart-title">绩效等级分布</div>
                     <div class="chart-box-height">
-                        <zz-echart :option="kpiLevelOption" style="width: 100%; height: 100%"></zz-echart>
+                        <div class="titleCave" v-if="kpiSortOption.title.text == '暂无数据'">
+                            {{ kpiSortOption.title.text }}
+                        </div>
+                        <zz-echart
+                            v-show="kpiSortOption.title.text !== '暂无数据'"
+                            :option="kpiLevelOption"
+                            style="width: 100%; height: 100%"
+                        ></zz-echart>
                     </div>
                 </div>
             </div>
@@ -75,7 +89,14 @@
                 <div class="chartboxw">
                     <div class="chart-title">绩效人数合格变化趋势</div>
                     <div class="chart-box-height">
-                        <zz-echart :option="qualifiedOption" style="width: 100%; height: 100%"></zz-echart>
+                        <div class="titleCave" v-if="qualifiedOption.title.text == '暂无数据'">
+                            {{ qualifiedOption.title.text }}
+                        </div>
+                        <zz-echart
+                            v-show="qualifiedOption.title.text !== '暂无数据'"
+                            :option="qualifiedOption"
+                            style="width: 100%; height: 100%"
+                        ></zz-echart>
                     </div>
                 </div>
             </div>
@@ -83,7 +104,15 @@
                 <div class="chartboxw">
                     <div class="chart-title">人均绩效得分变化趋势</div>
                     <div class="chart-box-height">
-                        <zz-echart :option="scoreOption" style="width: 100%; height: 100%"></zz-echart>
+                        <div class="titleCave" v-if="scoreOption.title.text == '暂无数据'">
+                            {{ scoreOption.title.text }}
+                        </div>
+
+                        <zz-echart
+                            v-show="scoreOption.title.text !== '暂无数据'"
+                            :option="scoreOption"
+                            style="width: 100%; height: 100%"
+                        ></zz-echart>
                     </div>
                 </div>
             </div>
@@ -310,4 +339,8 @@ export default {
         margin-left: 20px;
     }
 }
+.titleCave {
+    text-align: center;
+    line-height: 280px;
+}
 </style>