style:证书预览

 <!--
  * @Description: 
  * @Autor: renchao
- * @LastEditTime: 2023-07-05 16:57:08
+ * @LastEditTime: 2023-07-07 13:12:58
 -->
 <template>
   <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;">
@@ -11,7 +11,7 @@
         v-for="(item, index) in headTabBdcqz" :key="index">
       </el-tab-pane>
     </el-tabs>
-    <div class="no-data" v-if="headTabBdcqz.length == 0">暂无数据</div>
+    <el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty>
     <canvas ref="zs" width="1000" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx==1" height="700"></canvas>
     <canvas ref="zm" width="1180" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx!=1" height="780"></canvas>
   </div>
@@ -30,6 +30,7 @@
     },
     data () {
       return {
+        noData: false,
         imgSrc: require('@/image/bdcqz/bdcqzs2.jpg'),
         bdczmSrc: require('@/image/bdcqz/bdczm.jpg'),
         loading: false,
@@ -77,6 +78,7 @@
         this.loading = true
         getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => {
           if (res.code == 200) {
+            this.noData = true
             if (res.result && res.result.length > 0) {
               this.activeName = res.result[0].bsmBdcqz
               this.bdcqz = res.result[0]