<template>
  <div class="about-us ibps-fixed-top">
    <van-nav-bar
      :title="generateTitle()"
      :left-text="$t('common.button.back')"
      left-arrow
      fixed
      @click-left="onBack"
    />
    <div class="logo">
      <van-icon
        class-prefix="ibps-icon"
        name="logo"
        color="#3598dc"
        round
        size="80"
      />
      <div class="title">
        金源信通{{ version }}
      </div>
    </div>
    <div class="content">
      &nbsp;&nbsp;&nbsp;&nbsp;深圳金源信通科技有限公司、针对实验室质量管理、日常办公、人员管理、检验管理等，提供一站式解决方案。
    </div>
    <div class="content">
      &nbsp;&nbsp;&nbsp;&nbsp;应对客户需求、各工作内容的变动与调整，规范的限制，提供最优的解决方案。
    </div>
    <div class="qr">
      <vue-qr :logo-src="logoSrc" :size="200" :text="qrText" />
    </div>
    <div class="copyright">
      <a href="#" @click="goHome()">
        {{ $t('common.company') }}
      </a>©{{ $t('common.copyright') }}
    </div>
  </div>
</template>
<script>
import logoSrc from '@/assets/images/logo/lc.png'
import VueQr from 'vue-qr'

import navbar from '@/mixins/navbar'
import setting from '@/setting'

export default {
  components: {
    VueQr
  },
  mixins: [navbar],
  data() {
    return {
      showPopup: false,
      version: `V${setting.releases.version}`,
      logoSrc: logoSrc,
      qrText: 'http://weixin.qq.com/r/EDifh1bEkQvurRLk920C'
    }
  },
  methods: {
    goHome() {
      window.location.href = 'http://www.bpmhome.cn'
    },
    onChangeClick() {
      this.showPopup = true
    },
    onCancel() {
      this.showPopup = false
    }
  }

}
</script>
<style lang="scss" scoped>
  .logo{
    text-align: center;
    border-radius: 20px;
    padding: 15px 15px 0;
  }
  .title{
    padding: 5px;
    color: #666;
  }
  .changelog{
    padding: 5px;
    color: #38f;
  }
  .content{
    padding:10px;
    line-height: 2;
  }
  .qr{
    margin: 0 auto;
    vertical-align: middle;
    text-align: center;
  }
  .copyright{
    left: 15px;
    right: 15px;
    // display: table-cell;
    vertical-align: middle;
    text-align: center;
    bottom: 5px;
    font-weight: 400;
    font-size: 14px;
    color: #999;
  }
</style>
