<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" @click="loadPage(item)">
        <a-row type='flex' justify='center' align='middle'>
          <a-col :span='16'>
            {{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: 'https://962121.fgj.sh.gov.cn/wyweb/mngplat/jsp/fxftDirectAccess.jsp?username=18679837182&password=111111a',
          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>