<template>
  <div id="door">
    <div class="main-container">
    <dv-full-screen-container>
      <!-- <topHeader :title="titHeader" :index="index"></topHeader> -->
      <div id="top-header">

        <dv-decoration-8 class="header-left-decoration" />
        <dv-decoration-5 class="header-center-decoration" />
        <dv-decoration-8 class="header-right-decoration" :reverse="true" />
        <div class="center-title">{{title}}</div>
        <div class="btnGroup">
         <div style="display: flex;align-items: center;">
            <!-- <div class="btnRound" v-for="(item,index) in menuData" :key="index" @click="jump(item)">
              {{item.name}}
              <span class="top-left border-span"></span>
              <span class="bottom-right border-span"></span>
            </div> -->
          </div>
          <div style="display: flex;align-items: center;">
            <div style="margin-right: .2rem;display: flex;">
              <div style="font-size: mini;font-weight: bold;">所属机构：</div>
              <div style="font-size: mini;margin-right: 10px;">{{deptName}}</div>
              <div style="font-size: mini;font-weight: bold;">角色：</div>
              <div style="font-size: mini;margin-right: 10px;">{{roleName}}</div>
              <div style="font-size: mini;font-weight: bold;">账号名称：</div>
              <div style="font-size: mini;margin-right: 10px;">{{userInfo.user_name}}</div>
            </div>
            <div class="btnRound" @click="prev">
              <span class="top-left border-span"></span>
              <!-- <span class="top-right border-span"></span> -->
              <!-- <span class="bottom-left border-span"></span> -->
              <span class="bottom-right border-span"></span>
              返回
            </div>
            <div class="btnRound" @click="handleScreen">
              <span class="top-left border-span"></span>
              <span class="bottom-right border-span"></span>
              全屏
            </div>
            <div class="btnRound" @click="turnOff">
              <span class="top-left border-span"></span>
              <span class="bottom-right border-span"></span>
              退出
            </div>
          </div>
        </div>
        <times></times>
        <weather2></weather2>
      </div>

   <dv-border-box-1 style="margin-top: 10px;">


      <div class="leftCmp">
        <dv-border-box-12 class="leftCmp-1" @click.native="jump({path: '/estate/parknotice'})">
          <div style="padding-top:10px;font-size:medium;" align="center">园区公告</div>
          <el-divider></el-divider>
           <div v-for="parknotice in parknotices" :key="parknotice.id" style="padding-top: 10px;padding-left: 10px;">
              <el-row style="font-size: small;">{{parknotice.title }}</el-row>
              <span style="font-size: small;">{{parknotice.createTime }}</span>
               <el-divider></el-divider>
            </div>

        </dv-border-box-12>
      </div>
      <div class="centerCmp">
       <dv-border-box-8 v-if="!isEnterprise">
         <div style="padding-top: 10%;">
           <div>
           <el-row style="padding-left: 2%;padding-right: 2%;">
             <el-col span="8" height='100%' @click.native="jump({path: '/wel/index21'})">
                <div align="center" style="border: 1px solid #ffffff ;background-color: #1D60A7;border-radius: 10px;height: 100px;margin-right: 20px;">
                  <img src="../../../public/img/door/png1.png"  align="left" width="40%" height="100%">
                  <div align="center"  style="padding-top: 40px;">园区概况</div>
                </div>
             </el-col>
            <el-col span="8" height='100%' @click.native="jump({path: '/community/accessrecord'})">
               <div align="center" style="border: 1px solid #ffffff ;background-color: #1D60A7;border-radius: 10px;height: 100px;margin-right: 20px;">
                 <img src="../../../public/img/door/png2.png"  align="left" width="40%" height="100%">
                 <div align="center"  style="padding-top: 40px;">智慧门禁</div>
               </div>
            </el-col>
            <el-col span="8" height='100%' @click.native="jump({path: '/community/enterprise'})">
               <div align="center" style="border: 1px solid #ffffff ;background-color: #1D60A7;border-radius: 10px;height: 100px;margin-right: 20px;">
                 <img src="../../../public/img/door/png3.png"  align="left" width="40%" height="90%">
                 <div align="center"  style="padding-top: 40px;">企业管理</div>
               </div>
            </el-col>
           </el-row>
           </div>

         </div>

         <div style="padding-top: 2%;">
           <div>
           <el-row style="padding-left: 2%;padding-right: 2%;">
             <el-col span="8" height='100%' @click.native="jump({path: '/smartapplication/videoSurveillance'})">
                <div align="center" style="border: 1px solid #ffffff ;background-color: #1D60A7;border-radius: 10px;height: 100px;margin-right: 20px;">
                  <img src="../../../public/img/door/png4.png"  align="left" width="40%" height="100%">
                  <div align="center"  style="padding-top: 40px;">视频监控</div>
                </div>
             </el-col>
            <el-col span="8" height='100%'  @click.native="jump({path: '/smartapplication/smartfirefighting'})">
               <div align="center" style="border: 1px solid #ffffff ;background-color: #1D60A7;border-radius: 10px;height: 100px;margin-right: 20px;">
                 <img src="../../../public/img/door/png5.png"  align="left" width="40%" height="100%">
                 <div align="center"  style="padding-top: 40px;">消防管理</div>
               </div>
            </el-col>
            <el-col span="8" height='100%' @click.native="jump({path: '/community/car'})">
               <div align="center" style="border: 1px solid #ffffff ;background-color: #1D60A7;border-radius: 10px;height: 100px;margin-right: 20px;">
                 <img src="../../../public/img/door/png6.png"  align="left" width="40%" height="100%">
                 <div align="center"  style="padding-top: 40px;">车辆管理</div>
               </div>
            </el-col>
           </el-row>
           </div>



           <div style="padding-top: 10%;" align="center" @click.native="jump({path: '/community/enterprise'})">
            <div style="font-size: medium;line-height: 50px;">明星企业</div>
          <div class="test-scroller" style="height: 200px;">
              <el-row >
                <el-col span="6" v-for="enterprise in enterprises" :key="enterprise.id" >
                  <img :src="enterprise.logo"  style="height:80px;width:160px"/>
                </el-col>
              </el-row>
          </div>
             </div>

         </div>
       </dv-border-box-8>

       <!-- 企业门户 -->
       <dv-border-box-8 v-if="isEnterprise">
         <div style="padding-top: 10%;">
           <div>
           <el-row style="padding-left: 2%;padding-right: 2%;">


            <el-col span="8" height='100%' @click.native="jump({path: '/community/enterprise'})">
               <div align="center" style="border: 1px solid #ffffff ;background-color: #1D60A7;border-radius: 10px;height: 100px;margin-right: 20px;">
                 <img src="../../../public/img/door/png3.png"  align="left" width="40%" height="90%">
                 <div align="center"  style="padding-top: 40px;">企业管理</div>
               </div>
            </el-col>
            <el-col span="8" height='100%' @click.native="jump({path: '/community/enterprisestaff'})">
               <div align="center" style="border: 1px solid #ffffff ;background-color: #1D60A7;border-radius: 10px;height: 100px;margin-right: 20px;">
                 <img src="../../../public/img/door/png7.png"  align="left" width="40%" height="100%">
                 <div align="center"  style="padding-top: 40px;">员工管理</div>
               </div>
            </el-col>
            <el-col span="8" height='100%' @click.native="jump({path: 'smartapplication/devicelist'})">
               <div align="center" style="border: 1px solid #ffffff ;background-color: #1D60A7;border-radius: 10px;height: 100px;margin-right: 20px;">
                 <img src="../../../public/img/door/png8.png"  align="left" width="40%" height="100%">
                 <div align="center"  style="padding-top: 40px;">智能设备</div>
               </div>
            </el-col>
           </el-row>
           </div>

         </div>

         <div style="padding-top: 2%;">
           <div>
           <el-row style="padding-left: 2%;padding-right: 2%;">
             <el-col span="8" height='100%' @click.native="jump({path: '/smartapplication/videoSurveillance'})">
                <div align="center" style="border: 1px solid #ffffff ;background-color: #1D60A7;border-radius: 10px;height: 100px;margin-right: 20px;">
                  <img src="../../../public/img/door/png4.png"  align="left" width="40%" height="100%">
                  <div align="center"  style="padding-top: 40px;">视频监控</div>
                </div>
             </el-col>
            <el-col span="8" height='100%'  @click.native="jump({path: '/smartapplication/smartfirefighting'})">
               <div align="center" style="border: 1px solid #ffffff ;background-color: #1D60A7;border-radius: 10px;height: 100px;margin-right: 20px;">
                 <img src="../../../public/img/door/png5.png"  align="left" width="40%" height="100%">
                 <div align="center"  style="padding-top: 40px;">消防管理</div>
               </div>
            </el-col>

           </el-row>
           </div>



           <div style="padding-top: 10%;" align="center" @click.native="jump({path: '/community/enterprise'})" v-if="!isEnterprise">
            <div style="font-size: medium;line-height: 50px;">明星企业</div>
          <div class="test-scroller" style="height: 200px;">
              <el-row >
                <el-col span="6" v-for="enterprise in enterprises" :key="enterprise.id" >
                  <img :src="enterprise.logo"  style="height:80px;width:160px"/>
                </el-col>
              </el-row>
          </div>
             </div>

             <div style="padding-top: 10%;" align="center"  v-if="isEnterprise">
               <div style="font-size: large;line-height: 50px;">企业介绍</div>
             <div class="test-scroller" style="height: 200px;" align="left">
                 <div style="font-size: medium;color: #FFFFFF;">&nbsp;&nbsp;&nbsp;&nbsp;{{enterprise.enterpriseIntroduce}}</div>
             </div>
                </div>

         </div>
       </dv-border-box-8>
      </div>
 <div class="rightCmp">
     <dv-border-box-12 class="rightCmp-1" @click.native="jump({path: '/estate/article'})">
         <div style="padding-top:10px;font-size:medium;" align="center">园区动态</div>
         <el-divider></el-divider>
          <div v-for="article in articles" :key="article.id" style="padding-top: 10px;padding-left: 10px;">
             <el-row style="font-size: small;">{{article.title }}</el-row>
             <span style="font-size: small;margin-top:100px">{{article.createTime }}</span>
              <el-divider></el-divider>
           </div>
     </dv-border-box-12>

   </div>
   </dv-border-box-1>


    </dv-full-screen-container>
    </div>
  </div>
</template>

<script>
  import topHeader from "../grid/components/topHeader.vue"
  import times from "../grid/components/time.vue"
  import weather2 from "../grid/components/weather2.vue"
  import {fullscreenToggel} from "../../util/util.js";
  import {
    mapGetters,
    mapState
  } from "vuex";
import {
    getUserByTenantIdAndAccount
  } from "@/api/system/user"
  import {getList} from "@/api/community/agency.js"
  // import {getList as getArticleList} from "@/api/estate/article";
  // import {getList as getParknoticeList} from "@/api/estate/parknotice";
   import {getList as getEnterpriseList} from "@/api/enterprise/enterprise.js";
export default {
  name: 'door',
  components: {
    topHeader,
    times,
    weather2

  },
  data(){
    return{
      isEnterprise:false,
      title: " ",
      topBtnGroup:false,
      menuData:[],
      title:'',
      deptName: "  ",
      roleName: "  ",
      agency: {},
      articles:[],
      parknotices: [],
      enterprises: [],
      enterprise:{}
    }
  },
  computed: {
    ...mapState({
      showDebug: state => state.common.showDebug,
      showTheme: state => state.common.showTheme,
      showLock: state => state.common.showLock,
      showFullScren: state => state.common.showFullScren,
      showCollapse: state => state.common.showCollapse,
      showSearch: state => state.common.showSearch,
      showMenu: state => state.common.showMenu,
      showColor: state => state.common.showColor
    }),
    ...mapGetters([
      "userInfo",
      // "deptName",
      // "roleName",
      "isFullScren",
      "tagWel",
      "tagList",
      "isCollapse",
      "tag",
      "logsLen",
      "logsFlag"
    ])
  },
  mounted() {

    getUserByTenantIdAndAccount(this.userInfo.tenant_id, this.userInfo.account).then((res) => {
      this.deptName = res.data.data.deptName;
      this.roleName = res.data.data.roleName;
      if(this.roleName == "企业"){
        getEnterpriseList(1,1).then(res => {
          const data = res.data.data;
          this.enterprises = data.records;
          this.title = this.enterprises[0].enterpriseName;
          this.isEnterprise = true;
          this.enterprise = this.enterprises[0];
        });
      }else{
        getList().then((res)=>{
          // _this.communityData = res.data.data;
          if(res.data.data.records.length>0){
            this.agency = res.data.data.records[0];
            localStorage.setItem('agencies1',JSON.stringify(this.agency))
            this.title = this.agency.agencyName;
            this.isEnterprise = false;
          }
        });

        getEnterpriseList(1,20).then(res => {
          const data = res.data.data;
          this.enterprises = data.records;

          this.isEnterprise = false;

        });
      }
      console.log("getUserByTenantIdAndAccount:"+ "this.deptName" + this.deptName + "this.roleName" + this.roleName)
    });

    getArticleList(1,20).then(res => {
      const data = res.data.data;
      this.articles = data.records;

    });
    getParknoticeList().then(res => {
      const data = res.data.data;
      this.parknotices = data.records;

    });


  },
  methods:{
    turnOff(){

      this.$router.push({
        path:'index',
        params:{refresh:1}
      })
      // this.$addStorageEvent(2, "index-options",JSON.stringify(localStorage.getItem("tenantData")));
    },
    prev(){
      this.$router.back(-1)
    },
    handleScreen() {
      fullscreenToggel();
    },
    jump(item){
      console.log("item:"+item.path)
      this.$router.push({path:item.path})
    }
  }

  }
</script>

<style lang="less" scoped>
#door {
  #dv-full-screen-container {
    display: flex;
    flex-direction: column;
    background-color: rgba(0, 11, 44, 1);
  }
  .test-scroller {
    // -webkit-overflow-scrolling: touch;
    // overflow-scrolling: touch;
    background: rgba(0, 11, 44, 1);
    color: #00aaff;
    // height: 30rem;
    overflow: scroll;
  }

  .main-container {
    height: calc(~"100% - 40px");
    margin: .3rem;
    box-sizing: border-box;
    position: relative;
    .border-box-content {
      padding: 20px;
      box-sizing: border-box;
      display: flex;
    }
    .leftCmp {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      height: 100%;
      width: 25%;
      z-index: 9;
      box-sizing: border-box;
      background-color: rgba(0, 11, 44, .2);
      .border-box-content {
        flex-direction: column;
      }
    }
    .centerCmp{
      position: absolute;
      left: 26%;
      right: 26%;
      top: 0;
      bottom: 0;
    }
    .centerTop{
      position: absolute;
      top: 0;
      left: 25%;
      right: 25%;
      height: 20%;
      z-index: 9;
    }
    .centerBottom{
      position: absolute;
      bottom: 0;
      left: 25%;
      right: 25%;
      height: 20%;
      z-index: 9;
    }
    .rightCmp {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 25%;
      z-index: 9;
      background-color: rgba(0, 11, 44, .2);
    }
  }

}
@import url("../grid/css/default.css");
  @import url("../grid/css/mobile.css");
#top-header {
  position: relative;
  width: 100%;
  height: 70px;
  display: flex;
  justify-content: space-between;
  flex-shrink: 0;
  .header-center-decoration {
    width: 40%;
    height: 60px;
    margin-top: 30px;
  }
  .header-left-decoration, .header-right-decoration {
    width: 25%;
    height: 60px;
  }
  .center-title {
    position: absolute;
    font-size: 22px;
    font-weight: bold;
    left: 50%;
    top: 15px;
    transform: translateX(-50%);
  }
  .btnGroup{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 50px;
    display: flex;
    width: 100%;
    height:30px;
    align-items: center;
    justify-content: space-between;
    transition: all 0.5 linear;
    box-sizing: border-box;
  }
  .menuItem{
    cursor: pointer;
    border-radius: 5px;
    margin: 5px;
    color: #fff;
    font-size: 14px;
  }
  .menuItem:hover{
    color: #fff;
  }
  .icon{
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  .btnRound{
    box-sizing: border-box;
    font-size: 12px;
    padding: 1px 10px;
    margin-right: 10px;
    color: #fff;
    cursor: pointer;
    position: relative;
    transition: all 0.5s linear;
    box-shadow: inset 0 0 50px rgba(255,255,255,.1), 0 0 5px rgba(0,0,0,.3);
  }
  .btnRound:hover{
    transition: all 0.5s linear;
    .top-left{
      top: -2px;
          left: -2px;
          border-top: 2px solid #fff;
          border-left: 2px solid #fff;
    }
    .bottom-right{
      bottom: -2px;
          right: -2px;
          border-bottom: 2px solid #fff;
          border-right: 2px solid #fff;
    }
  }
  .border-span{
        display: block;
        position: absolute;
        width: 8px;
        height: 8px;
        opacity: .5;
  }
  .top-left{
    top: -2px;
        left: -2px;
        border-top: 2px solid #54dcf2;
        border-left: 2px solid #54dcf2;
  }
  .top-right{
    top: -2px;
        right: -2px;
        border-top: 2px solid #54dcf2;
        border-right: 2px solid #54dcf2;
  }
  .bottom-left{
    bottom: -2px;
        left: -2px;
        border-bottom: 2px solid #54dcf2;
        border-left: 2px solid #54dcf2;
  }
  .bottom-right{
    bottom: -2px;
        right: -2px;
        border-bottom: 2px solid #54dcf2;
        border-right: 2px solid #54dcf2;
  }
}


</style>



<!-- <template>
  <div id="door">
    <containerCmp v-if="agencies" :titHeader="agencies.agencyName" :index="2" :visitBoMenu="false">

     <div class="centerTop">
        <headerData :agencyStatistic="agencyStatistic"></headerData>
      </div> -->
      <!-- <div  v-if="userInfo" class="centerBottom" style="height: 30%;">
        <ammeterStat></ammeterStat>
      </div> -->
     <!-- <div  v-if="!userInfo" class="centerBottom" style="height: 20%;">
        <dv-border-box-4>
          <bottomCharts :agencyStatistic="agencyStatistic"></bottomCharts>
        </dv-border-box-4>
      </div> -->
      <!-- <div class="leftCmp">
        <dv-border-box-12 class="leftCmp-1">
          <people-scroll-board v-if="!userInfo" showType="1" @onEmit="handleClick"></people-scroll-board>

          <carCapture v-if="userInfo" showType="3" @onEmit="handleClick"></carCapture>
        </dv-border-box-12>
          <dv-border-box-12 class="leftCmp-1">
            <alarmScrollBoard v-if="!userInfo" showType="1" listRowNum="5" @onEmit="handleClick"></alarmScrollBoard>
            <peopleThermometry v-if="userInfo" @onEmit="handleClick"></peopleThermometry>
          </dv-border-box-12>
          <dv-border-box-12 class="leftCmp-1">
            <room-scroll-board v-if="!userInfo" showType="1"  @onEmit="handleClick"></room-scroll-board>
            <matter-scroll-board v-if="userInfo" showType="1"  @onEmit="handleClick"></matter-scroll-board>
          </dv-border-box-12>
      </div> -->
     <!-- <div class="rightCmp">
        <dv-border-box-6 class="rightCmp-1">
          <topBar></topBar>
        </dv-border-box-6>
        <dv-border-box-6 class="rightCmp-1">
          <moreCmp showType="1"></moreCmp>

        </dv-border-box-6>
        <dv-border-box-6 class="rightCmp-1" :reverse="true">
          <moreCmp2 showType="1"></moreCmp2>

        </dv-border-box-6>
      </div> -->
   <!-- </containerCmp>
  </div>
</template> -->

<!-- // <script>

//  import moreCmp from "../grid/components/moreCmp.vue"
//   import moreCmp2 from "../grid/components/moreCmp2.vue"
//   import containerCmp from "../grid/common/containerCmp.vue"
// import alarmScrollBoard from '../grid/components/alarmScrollBoard'
// import TopMiddleCmp from '../grid/components/TopMiddleCmp'
// import TopRightCmp from '../grid/components/TopRightCmp'
// import headerData from '../grid/components/headerData'
// import topBar from '../grid/components/topBar.vue'
// import bottomCharts from '../grid/components/bottomCharts.vue'
// import mapCmp from '../grid/components/map.vue'
// import {getCommunityDetail} from "../../api/grid/index"

// import  carCapture from "../grid/components/carCapture.vue"
// import peopleScrollBoard from "../grid/components/peopleScrollBoard.vue"
// import roomScrollBoard  from "../grid/components/roomScrollBoard.vue"
// import matterScrollBoard from "../grid/components/matterScrollBoard.vue"
// import flowScrollBoard from "../grid/components/flowScrollBoard.vue"
// import ammeterStat from "../grid/components/ammeterStat.vue"
// import peopleThermometry from '../grid/components/peopleThermometry.vue'
// import {getUserInfo} from "../../util/util.js"


// export default {
//   name: 'door',
//   components: {
//     containerCmp,
//     alarmScrollBoard,
//     peopleScrollBoard,
//     roomScrollBoard,
//     matterScrollBoard,
//     flowScrollBoard,
//     TopMiddleCmp,
//     TopRightCmp,
//     topBar,
//     bottomCharts,
//     mapCmp,
//     carCapture,
//     headerData,
//     ammeterStat,
//     peopleThermometry,
//     moreCmp,
//     moreCmp2
//   },
//   data () {
//     return {
//       option1: {
//         legend: {
//           data: [
//             {
//               name: '车辆通行量趋势',
//               color: '#00baff'
//             },

//           ],
//           textStyle: {
//             fill: '#fff'
//           }
//         },
//         xAxis: {
//           data: [
//             '2021/02/21', '2021/02/22', '2021/02/23', '2021/02/24', '2021/02/25',
//           ],
//           axisLine: {
//             style: {
//               stroke: '#999'
//             }
//           },
//           axisLabel: {
//             style: {
//               fill: '#999',
//               interval:0,
//               rotate:20
//             },

//           },
//           axisTick: {
//             show: false
//           }
//         },
//         yAxis: {
//           data: 'value',
//           splitLine: {
//             show: false
//           },
//           axisLine: {
//             style: {
//               stroke: '#999'
//             }
//           },
//           axisLabel: {
//             style: {
//               fill: '#999'
//             }
//           },
//           axisTick: {
//             show: false
//           },
//         },
//         series: [
//           {
//             name: '车辆通行量趋势',
//             data: [
//               150, 100, 160,200,150
//             ],
//             type: 'bar',
//             barStyle: {
//               fill: 'rgba(0, 186, 255, 0.4)'
//             },
//             barWidth:20
//           },

//         ]
//       },
//        option2: {
//               legend: {
//                 data: [
//                   {
//                     name: '车辆通行量趋势',
//                     color: '#00baff'
//                   },

//                 ],
//                 textStyle: {
//                   fill: '#fff'
//                 }
//               },
//               xAxis: {
//                 data: [
//                   '2021/02/21', '2021/02/22', '2021/02/23', '2021/02/24', '2021/02/25',
//                 ],
//                 axisLine: {
//                   style: {
//                     stroke: '#999'
//                   }
//                 },
//                 axisLabel: {
//                   style: {
//                     fill: '#999',
//                     interval:0,
//                     rotate:20
//                   },

//                 },
//                 axisTick: {
//                   show: false
//                 }
//               },
//               yAxis: {
//                 data: 'value',
//                 splitLine: {
//                   show: false
//                 },
//                 axisLine: {
//                   style: {
//                     stroke: '#999'
//                   }
//                 },
//                 axisLabel: {
//                   style: {
//                     fill: '#999'
//                   }
//                 },
//                 axisTick: {
//                   show: false
//                 },
//               },
//               series: [
//                 {
//                   name: '车辆通行量趋势',
//                   data: [
//                     140, 130, 100,120,110
//                   ],
//                   type: 'bar',
//                   barStyle: {
//                     fill: 'rgba(0, 186, 255, 0.4)'
//                   },
//                   barWidth:20
//                 },

//               ]
//             },
//        option: {
//               legend: {
//                 data: ['人员趋势'],
//                 textStyle: {
//                   fill: '#fff'
//                 }
//               },
//               xAxis: {
//                 data: [
//                   '2021/02/21', '2021/02/22', '2021/02/23', '2021/02/24', '2021/02/25',
//                 ],
//                 boundaryGap: false,
//                 axisLine: {
//                   style: {
//                     stroke: '#999'
//                   }
//                 },
//                 axisLabel: {
//                   style: {
//                     fill: '#999'
//                   }
//                 },
//                 axisTick: {
//                   show: false
//                 }
//               },
//               yAxis: {
//                 data: 'value',
//                 splitLine: {
//                   show: false
//                 },
//                 axisLine: {
//                   style: {
//                     stroke: '#999'
//                   }
//                 },
//                 axisLabel: {
//                   style: {
//                     fill: '#999'
//                   },
//                 },
//                 axisTick: {
//                   show: false
//                 },
//               },
//               series: [
//                 {
//                   data: [
//                     90, 180, 100,90,195
//                   ],
//                   type: 'line',
//                   name: '人员趋势',
//                   smooth: true,
//                   lineArea: {
//                     show: true,
//                     gradient: ['rgba(55, 162, 218, 0.6)', 'rgba(55, 162, 218, 0)']
//                   },
//                   linePoint: {
//                     radius: 4,
//                     style: {
//                       fill: '#00db95'
//                     }
//                   }
//                 }
//               ]
//             },
//             agencies:null,
//             residentials:[],
//             userInfo:false,
//             agencyStatistic:null
//     }
//   },
//   mounted() {
//     this.agencies = JSON.parse(localStorage.getItem('agencies1'))
//     this.userInfo = getUserInfo()
//     if(getUserInfo()){
//       this.config2 = this.config6
//     } -->
<!-- // </script> -->
