<template>
  <div class="app-container">
    <el-row class="m-t-0">
      <el-col :span="24">
        <el-container>
          <el-header height="42px" class="l-h-42 p-l-10 p-r-10 border border-b-n">
            <div class="l">
              <i class="iconfont icon-xiazai f-s-20"></i>
              <font class="m-l-10 f-s-18 fb">软件下载</font>
            </div>
          </el-header>
          <el-main class="border p-20">

            <!-- 安卓端下载 -->
            <el-card class="box-card" shadow="hover">
              <div slot="header" class="clearfix">
                <span class="f-s-16 fb">安卓端</span>
              </div>

              <div class="m-b-10">
                <p><b>软件名称：</b>鲲鹏堂 / KPT-SP 运载无机监管平台</p>
                <p><b>版本号：</b>v1.01</p>
                <p><b>系统要求：</b>安卓 14 及以上</p>
                <p><b>建议分辨率：</b>3200 × 2136</p>
                <p><b>建议设备：</b>小米 Pad 7</p>
              </div>

              <el-button type="primary" icon="el-icon-download" @click="downloadApk">
                下载 APK
              </el-button>
            </el-card>

          </el-main>
        </el-container>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'SoftwareDownload',
  methods: {
    downloadApk () {
      const link = document.createElement('a')
      link.href = 'https://szdot.top/app-release.apk'
      link.target = '_blank'
      link.download = 'KPT-SP_v1.01.apk'
      document.body.appendChild(link)
      link.click()
      document.body.removeChild(link)
    }
  }
}
</script>

<style scoped>
.box-card {
  margin-bottom: 20px;
}
</style>
