当违章记录为空时新增提示

src/views/threeViolations/homePage/index.vue

 <template>
-<div class="min_full homePage" style="margin: 0;border: 0;">
+<div class="min_full homePage " style="margin: 0;border: 0; ">
   <!-- 数据展示-->
-  <div class="lbt">
+  <div class="lbt" v-if="showList.length>0" >
   <el-carousel   height='calc(100vh - 84px)' >
-    <el-carousel-item v-for="(item,index) in showList" :key="item.id+index">
+    <el-carousel-item  v-for="(item,index) in showList" :key="item.id+index">
       <!-- 轮播图all-->
       <div class="lbtAll">
           <!-- 说明-->
@@ -23,12 +23,18 @@
     </el-carousel-item>
   </el-carousel>
   </div>
+  <div style="height: calc(100vh - 84px);display: flex;align-items: center;justify-content: center" class="lbt" v-else >
+    <span style="position: absolute;bottom: 50px;line-height: 40px;font-size: 18px;font-weight: 800;color:#787878" >本月暂无违规记录。</span>
+    <img style="height: 350px;width: 350px;" :src="aqpng" alt="" srcset="">
+  </div>
   <!-- 轮播图-->
 </div>
 </template>
 
 <script>
   const baseurl=process.env.VUE_APP_BASE_API
+  import aqpng from '@/assets/images/aq.png'
+  console.log(aqpng,'png')
   import {
   	queryBglxFile
   } from  '@/api/threeViolations/enterTV.js';
@@ -39,10 +45,12 @@
       // })
       queryBglxFile({}).then(res=>{
        this.showList=res.data.records||[]
+        // this.showList=[]
       })
     },
     data(){
       return{
+        aqpng:aqpng,
         baseurl:baseurl,
         showList:[]
       }
@@ -56,6 +64,9 @@
 <style lang="scss" scope>
 .homePage{
 
+}
+.nodata{
+  background-image: url('/src/assets/image/aq.svg');
 }
 .lbt{
   position: relative;