<template>
  <div class="routerWapper">
    <!-- {{$cookie.get('token')}} -->
    <!-- {{systemList}} -->
    <a-card title="选择登录系统" headStyle='background-color: #fff' style="display: flex; flex-direction: column; justify-content: flex-start; background-color: #F0F2F5; margin: 40px 30px 30px 30px; height: 100%; border: 2px dashed lightgrey">
      <a-card-grid v-for="(item, index) in systemList" :key="index" style="height: 120px; width:calc(25% - 42px);text-align:center; cursor: pointer; margin: 20px; background-color: #fff;padding:20px" @click="loadPage(item)">
        <a-row type='flex' justify='center' align='middle'>
          <a-col :span='24'>
            <img :src="item.img" alt="" srcset="" style="width:40px;height:40px">
          </a-col>
          <a-col :span='24'>
            {{item.name}}
          </a-col>

          <!-- <a-col :span='8'>
            <img :src="item.img" alt="" srcset="">
          </a-col> -->
        </a-row>
      </a-card-grid>
    </a-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      systemList: [
        {
          name: '业务联动平台',
          url: 'http://kw-linkage.omniview.pro',
          img: require('@/assets/icon/wd-applet-applicants.png'),
          token: ''
        },
        { 
          name: '数据可视化系统',
          url: 'http://962121.fgj.sh.gov.cn/wyweb/shanghaiwuye/web/dataV/smartproperty_ww/#/main?orgId=99&callBackUrl=&accessToken=eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJtc2ciOiJzdWNjZXNzIiwiY29kZSI6IjIwMCIsInVzZXJfbmFtZSI6IjMwODg5NSMjIyPmnY7lnaTpuY8jIyMjMTU2MTg4OTY1MDYiLCJzY29wZSI6WyJyZWFkIl0sImV4cCI6MTY2MDE2ODE4MywiYXV0aG9yaXRpZXMiOlsiVVNFUl9ST0xFIl0sImp0aSI6ImQ5ZThjYTEwLTI2M2ItNGEyZi1hYWUzLTc2MTI5MjlmOWFlNiIsImNsaWVudF9pZCI6ImMxIn0.Km_b60H7eUIBH2h_UlrJ8m253pEThEullf113T9cD12MLLisFG4NptRDX76wJ7Enu5RmaPrdPXuXr3SRvYQxnGeGREBTAmbxoMHwjzJd-xENpsiNR6QzWG8CFVNPpMuAnqqVdtIBcD0FSKtqUm4VTIeqTNurk7w1ZkLbdQTvjnkNroiMvSjHs_piLPnJYkPmr0hozgWvdDzPpAreG04Cb48qJuZHR2zLAWX5m6aB2htZiYqCNdtnuPXv2zrnrTuK997_vRZaH9Hvvk9i0qJ_ZGhftZSu0h4yJ1pUt9usauIDj9siNNY6Bf8LYnlNZ1C_yRqcor1bsEReeUhn83GZBg',
          img: require('@/assets/icon/wd-applet-big-data-analytics.png'),
          token: ''
        },
        { 
          name: '物联网传输协议智能转换及智能终端管理平台',
          url: 'https://kewei.omniview.pro/web/#/loginWithoutPwd',
          img: require('@/assets/icon/wd-applet-deployment.png'),
          token: ''
        },
        { 
          name: '知识图谱规则引擎软件',
          url: 'http://kw-atlas.omniview.pro/demo?token='+this.$cookie.get('token'),
          img: require('@/assets/icon/wd-applet-rocket.png'),
          token: ''
        }
      ]
    }
  },
  methods: {
    loadPage(webInfo) {
      window.open(webInfo.url)
    }
  },
}
</script>