<template>
	<div>
	   <div class="empty_page_box" v-show="isEmptyTab[isEmptyType].show">
	      <div class="empty_img_box">
	          <img :src="isEmptyTab[isEmptyType].img">
	      </div>
	      <p class="empty_descript">
	      	{{isEmptyTab[isEmptyType].title}}
	      </p>
	   </div>
   </div>
</template>

<script>
import emptyMessageImg from "@/assets/img/bannerImg/common_icon_emptymessage@3x.png";
import emptyPageImg from "@/assets/img/bannerImg/common_icon_emptypage@3x.png";
import emptySearchImg from "@/assets/img/bannerImg/common_icon_emptysearch@3x.png";
import emptyNetWorkImg from "@/assets/img/bannerImg/common_icon_notnetwork@3x.png";
export default {
  name: "emptyPage",
  props:["isEmptyType"],
  components: {
    //addPane
  },
  computed: {
    // ...mapState({
          
    // })
  },
  mounted() {
    
  },
  data: function() {
    return {
      name: "emptyPage",
      hostURL: URL,
      isEmptyTab:{
        "notNet":{title:"请检查你的网络连接",img:emptyNetWorkImg,show:true},
        "coupon":{title:"您暂时还没有优惠券哦",img:emptyPageImg,show:true},
        "fellowRent":{title:"您暂时还没有同住人哦",img:emptyPageImg,show:true},
        "maintenance":{title:"您暂时还没有维保记录哦",img:emptyPageImg,show:true},
        "activity":{title:"您暂时还没有活动记录哦",img:emptyPageImg,show:true},
        "subscripbe":{title:"您暂时还没有预约记录哦",img:emptyPageImg,show:true},
        "collectregion":{title:"您暂时还没有收藏项目哦",img:emptyPageImg,show:true},
        "collectlayout":{title:"您暂时还没有收藏户型哦",img:emptyPageImg,show:true},
        "applyreport":{title:"您暂时还没有申请记录哦",img:emptyPageImg,show:true},
        "message":{title:"您暂时还没有消息哦",img:emptyMessageImg,show:true},
        "search":{title:"您搜索的内容暂时找不到了",img:emptySearchImg,show:true},
        "regionlist":{title:"当前没有项目数据哦",img:emptyPageImg,show:true},
        "sampleroom":{title:"当前没有样板间数据哦",img:emptyPageImg,show:true},
        "payRecord":{title:"当前没有缴费记录哦",img:emptyPageImg,show:true},
        "normal":{title:"无数据",img:emptyPageImg,show:false}
      }
    };
  },
  methods: {

  }
};
</script>
<style scoped lang='less'>
    .empty_page_box {
    	width: 375px;
    	min-height: 100vh;
    	background: #ffffff;
    	position: relative;
    	.empty_img_box {
    		width: 80px;
    		// height: 80px;
    		position: absolute;
    		left: 142px;
    		top: 150px;
    		img{
    			width: 100%;
    			height: 100%;
    		}
    	}
    	.empty_descript {
    		width: 375px;
    		text-align:center;
    		position: absolute;
    		left: 0;
    		top: 252px;
    		font-size:12px;
			font-family:Helvetica Neue;
			font-weight:400;
			line-height:14px;
			color:#525252;
    	}
    }
</style>