<template>
  <div>

    <!--用户-->
    <user-module class="safe-border safe-user" :f_filiale="f_filiale" v-bind:listenheight="listenheight"></user-module>
    <!--&lt;!&ndash;陕西地图&ndash;&gt;-->
    <!--<shanxi-map  class="safe-shanximap" mode="1" idname="shanximap"></shanxi-map>-->
    <!--榆林地图-->
    <yulin-map  class="safe-shanximap" mode="1" idname="yulinmap"></yulin-map>
    <!--供售气量-->
    <gasvalue class="safe-border safe-gasvalue" :f_filiale="f_filiale" v-bind:listenheight="listenheight"></gasvalue>
    <!--客服-->
    <call-center class="safe-border safe-callcenter" v-bind:listenheight="listenheight"></call-center>
    <!--维修-->
    <!--<call-fix class="border callfix" v-bind:listenheight="listenheight"></call-fix>-->
    <!--安检-->
    <safe-check class="safe-border safe-safe" :f_filiale="f_filiale" v-bind:listenheight="listenheight"></safe-check>
    <!--管网-->
    <net-work class="safe-border safe-network" v-bind:listenheight="listenheight"></net-work>
    <!--呼叫-->
    <!--<call-statistics class="border callstatic" v-bind:listenheight="listenheight"></call-statistics>-->
    <!--监控-->
    <monitor class="safe-border safe-monitor" :f_filiale="f_filiale" v-bind:listenheight="listenheight"></monitor>

  </div>
</template>

<script>
  export default {
    name: "home",
    props: {
      listenheight: String,
      f_filiale:String,
    },
    data() {
      return {
        loaddata: 0,
      }
    },
    watch: {
      'loaddata': {
        deep: true,
        handler() {
	console.log(this.loaddata,'加载次数')
          if (this.loaddata > 5) {
            this.$parent.initdatashow = false
          }
        },
        immediate: true
      }
    },
  }
</script>

<style scoped>

</style>
