<template>
  <div class="zhdjxt">
    <div class="title">大数据统计分析系统</div>
    <button class="button-dd" @click="$router.push('/')">调度指挥系统</button>
    <button class="button-zh" @click="$router.push('/zhdjxt')">智慧党建系统</button>
    <!-- <button class="button-xx" @click="$router.push('/jcxxxt')">基础信息系统</button> -->
    <button class="button-xx" @click="$router.openUrl('http://219.147.99.164:8082/population/pages/bigdata/population/index.html')">基础信息系统</button>
    <titles class="title-zzshqk" titles="组织生活情况"></titles>
    <titles class="dyqk_title" titles="党员情况"></titles>
    <titles class="xjdx_title" titles="先进典型"></titles>
    <titles class="dzzfb_title" titles="党组织分布"></titles>
    <titles class="sjgzshdqk_title" titles="书记工作室活动情况"></titles>
    <titles class="hlhdqk_title" titles="互联互动情况"></titles>
    <titles class="tzhdqk_title" titles="通知活动动态"></titles>
    <titles class="dyjfpm_title" titles="党员积分排名"></titles>
    <tianqi class="tianqi"></tianqi>
    <zzshqk class="zzshqk"></zzshqk>
    <dyqk class="dyqk"></dyqk>
    <xjdx class="xjdx"></xjdx>
    <sjhdsgzqk class="sjhdsgzqk"></sjhdsgzqk>
    <hdhlqk class="hdhlqk"></hdhlqk>
    <tzhddt class="tzhddt"></tzhddt>
    <dyjfpm class="dyjfpm"></dyjfpm>
    <dzzfb class="dzzfb"></dzzfb>
  </div>
</template>

<script>
import titles from '@/components/zhdjxt/titles.vue'
import tianqi from '@/components/zhdjxt/tianqi.vue'
import zzshqk from '@/components/zhdjxt/zzshqk.vue'
import dyqk from '@/components/zhdjxt/dyqk.vue'
import xjdx from '@/components/zhdjxt/xjdx.vue'
import sjhdsgzqk from '@/components/zhdjxt/sjhdsgzqk.vue'
import hdhlqk from '@/components/zhdjxt/hdhlqk.vue'
import tzhddt from '@/components/zhdjxt/tzhddt.vue'
import dyjfpm from '@/components/zhdjxt/dyjfpm.vue'
import dzzfb from '@/components/zhdjxt/dzzfb.vue'
export default {
  created(){
    document.title = '党建数据'
  },
components:{
  titles,
  tianqi,
  zzshqk,
  dyqk,
  xjdx,
  sjhdsgzqk,
  hdhlqk,
  tzhddt,
  dyjfpm,
  dzzfb
}
}
</script>

<style lang="scss" scoped>
.zhdjxt{
  width: 100vw;
  height: 100vh;
  background: url('../../assets/党建底图.png') no-repeat center;
  background-size: 100% 100%; 
  position: fixed;  
  overflow: hidden; 
  .dzzfb{
    position: absolute;
    right: 26.4583vw;
    top: 14.0860vh;
  }
  .dyjfpm{
    position: absolute;
    bottom: 2.6881vh;
    right: .9896vw;
  }
  .tzhddt{
    position:absolute ;
    right: 1.25vw;
    top: 14.4086vh;
  }
  .hdhlqk{
    position: absolute;
    bottom: 2.3655vh;
    right: 25.5208vw;
  }
  .sjhdsgzqk{
    position: absolute;
    bottom: 2.5806vh;
    left: 25.8333vw;
  }
  .xjdx{
    position: absolute;
    bottom: 2.7956vh;
    left: .6771vw;

  }
  .dyqk{
    position: absolute;
    left: .5729vw;
    top: 43.7634vh;
  }
  .zzshqk{
    position: absolute;
    left: .8333vw;
    top: 14.6236vh;
  }
  .tianqi{
    position: absolute;
    left: .625vw;
    top: 5.5913vh;
  }
  .title-zzshqk{
    position: absolute;
    left: 9.4792vw;
    top: 10.5376vh;
  }
   .dyqk_title{
    position: absolute;
    left: 10.4167vw;
    top: 39.7849vh;

  }
  .xjdx_title{
    position: absolute;
    left: 10.4167vw;
    top: 68.7096vh;
  }
   .dzzfb_title{
    position: absolute;
    left: 47.2396vw;
    top: 10.5376vh;
  } 
  .sjgzshdqk_title{
    position: absolute;
    left: 32.9167vw;
    top: 68.7096vh;
  } 
  .hlhdqk_title{
    position: absolute;
    left: 59.5833vw;
    top: 68.7096vh;
  } 
  .tzhdqk_title{
    position: absolute;
    right: 9.2708vw;
    top: 10.4301vh;
  }
   .dyjfpm_title{
    position: absolute;
    right: 8.9583vw;
    top: 68.7096vh;
  } 

  .title {
  /* border: 1px solid #00ffff; */
  font-size: 1.875vw;
  color: #fff;
  position: absolute;
  left: 41.9271vw;
  top: 1.6181vh;
  font-weight: 800;
}
.button-xx {
  cursor: pointer;
  position: absolute;
  top: 4.8544vh;
  right: 2.3438vw;
  width: 9.0104vw;
  height: 3.8835vh;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border: 2px solid #fff;
  border-radius: .4167vw;
}
.button-zh {
  cursor: pointer;
  position: absolute;
  top: 4.8544vh;
  right: 12.2917vw;
  width: 9.0104vw;
  height: 3.8835vh;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border: 2px solid #fff;
  border-radius: .4167vw;
}
.button-dd {
  cursor: pointer;
  width: 9.0104vw;
  height: 3.8835vh;
  position: absolute;
  top: 4.8544vh;
  right: 22.2396vw;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border: 2px solid #fff;
  border-radius: .4167vw;
}
}
</style>