<template>
  <div class="vote">
    <!-- 投票完成 -->
    <template v-if="status === 2">
      <div class="vote-banner"><img src="../../assets/img/vote_banner2.png" /></div>
      <div class="vote-box vote-result" style="margin-top: 0.2rem">
        <p class="t3">紫荆江苏、浙江、广东三地校友理事<br />选举结果公示</p>
        <p>亲爱的校友：</p>
        <p class="t4">
          紫荆江苏、浙江、广东三地校友理事选举圆满结束！感谢您投下审慎的一票，共同参与、见证三地校友理事的产生。
        </p>
        <p class="t4">三地当选校友理事名单如下，排名按姓氏笔画排序：</p>
        <p class="t6">江苏校友理事（14名）</p>
        <table class="vote-table">
          <tr>
            <td>姓名</td>
            <td>项目</td>
            <td>工作单位</td>
            <td>职位</td>
          </tr>
          <tr>
            <td>陈宏</td>
            <td>紫荆-索菲亚</td>
            <td>嘉仕软件江苏有限公司</td>
            <td>总裁</td>
          </tr>
          <tr>
            <td>陈志兴</td>
            <td>紫荆-索菲亚</td>
            <td>合肥湘豪电子科技有限公司</td>
            <td>执行董事</td>
          </tr>
          <tr>
            <td>黄葳</td>
            <td>紫荆-索菲亚</td>
            <td>江苏吉贝可教育科技有限公司，江苏彩虹教育集团</td>
            <td>董事长，党支部书记</td>
          </tr>
          <tr>
            <td>彭红卫</td>
            <td>紫荆-索菲亚</td>
            <td>苏州伟创电气科技股份有限公司</td>
            <td>质量总监/监事会主席</td>
          </tr>
          <tr>
            <td>邱群益</td>
            <td>紫荆-索菲亚</td>
            <td>无锡健鼎电子</td>
            <td>智能制造总负责人</td>
          </tr>
          <tr>
            <td>沈鹏靖</td>
            <td>紫荆-索菲亚</td>
            <td>江苏金刚文化科技集团股份有限公司</td>
            <td>党支部书记、董事会秘书、财务总监</td>
          </tr>
          <tr>
            <td>孙春梅</td>
            <td>紫荆-索菲亚</td>
            <td>博世汽车部件苏州有限公司常州分公司</td>
            <td>项目经理</td>
          </tr>
          <tr>
            <td>田志永</td>
            <td>紫荆-索菲亚</td>
            <td>上海若琪信息科技有限公司</td>
            <td>董事长</td>
          </tr>
          <tr>
            <td>徐亨华</td>
            <td>紫荆-索菲亚</td>
            <td>江苏省句容市人民检察院</td>
            <td>法警大队三级警长、副大队长</td>
          </tr>
          <tr>
            <td>尹丽娜</td>
            <td>紫荆-索菲亚</td>
            <td>中信环境技术有限公司</td>
            <td>技术总监</td>
          </tr>
          <tr>
            <td>尤涛</td>
            <td>紫荆-索菲亚</td>
            <td>江苏银领金融信息科技有限公司</td>
            <td>副总</td>
          </tr>
          <tr>
            <td>周晶</td>
            <td>紫荆-索菲亚</td>
            <td>常州双豪企业管理咨询公司</td>
            <td>总监</td>
          </tr>
          <tr>
            <td>苏韵</td>
            <td>紫荆-Kelley</td>
            <td>南京博胜智达企业管理咨询有限公司</td>
            <td>董事长</td>
          </tr>
          <tr>
            <td>虞东</td>
            <td>紫荆-Kelley</td>
            <td>纸贵科技</td>
            <td>董事合伙人、首席风控官</td>
          </tr>
        </table>

        <p class="t6">浙江校友理事（14名）</p>
        <table class="vote-table">
          <tr>
            <td>姓名</td>
            <td>项目</td>
            <td>工作单位</td>
            <td>职位</td>
          </tr>
          <tr>
            <td>胡庆梅</td>
            <td>紫荆-索菲亚</td>
            <td>浙江智禾睿鼎企业咨询有限公司</td>
            <td>CEO</td>
          </tr>
          <tr>
            <td>纪元明</td>
            <td>紫荆-索菲亚</td>
            <td>华景川集团有限公司</td>
            <td>联合创始人、总裁</td>
          </tr>
          <tr>
            <td>毛文华</td>
            <td>紫荆-索菲亚</td>
            <td>浙江仙居人民医院</td>
            <td>医生</td>
          </tr>
          <tr>
            <td>欧姜勇</td>
            <td>紫荆-索菲亚</td>
            <td>启元家族办公室</td>
            <td>执行董事</td>
          </tr>
          <tr>
            <td>沈福松</td>
            <td>紫荆-索菲亚</td>
            <td>祥生地产集团有限公司</td>
            <td>投资总监</td>
          </tr>
          <tr>
            <td>沈静</td>
            <td>紫荆-索菲亚</td>
            <td>杭州国际交流服务中心有限公司</td>
            <td>副总经理</td>
          </tr>
          <tr>
            <td>孙开田</td>
            <td>紫荆-索菲亚</td>
            <td>浙江天德股份有限公司</td>
            <td>总经理</td>
          </tr>
          <tr>
            <td>汪宝琳</td>
            <td>紫荆-索菲亚</td>
            <td>浙江泽大律师事务所</td>
            <td>高级合伙人</td>
          </tr>
          <tr>
            <td>王沁</td>
            <td>紫荆-索菲亚</td>
            <td>杭州保盒科技有限公司</td>
            <td>董事长</td>
          </tr>
          <tr>
            <td>吴洋洋</td>
            <td>紫荆-索菲亚</td>
            <td>杭州里德通信有限公司</td>
            <td>杭州分公司部门经理</td>
          </tr>
          <tr>
            <td>严峰</td>
            <td>紫荆-索菲亚</td>
            <td>创业慧康科技股份有限公司</td>
            <td>大项目总监</td>
          </tr>
          <tr>
            <td>杨新梅</td>
            <td>紫荆-索菲亚</td>
            <td>杭州城研中心</td>
            <td>办公室副主任</td>
          </tr>
          <tr>
            <td>俞佳敏</td>
            <td>紫荆-索菲亚</td>
            <td>平安集团智慧城市发展办公室</td>
            <td>浙江总经理</td>
          </tr>
          <tr>
            <td>周炬锋</td>
            <td>紫荆-索菲亚</td>
            <td>中国航天科工集团</td>
            <td>江苏公司总经理</td>
          </tr>
        </table>
        <p class="t6">广东校友理事（17名）</p>
        <table class="vote-table">
          <tr>
            <td>姓名</td>
            <td>项目</td>
            <td>工作单位</td>
            <td>职位</td>
          </tr>

          <tr>
            <td>郝明晔</td>
            <td>紫荆-索菲亚</td>
            <td>中食安泓健康产业集团</td>
            <td>人事行政总监</td>
          </tr>
          <tr>
            <td>罗凯文</td>
            <td>紫荆-索菲亚</td>
            <td>广州市凯闻食品发展有限公司</td>
            <td>总经理</td>
          </tr>
          <tr>
            <td>孙敏</td>
            <td>紫荆-索菲亚</td>
            <td>广州市仕馨职业培训学院</td>
            <td>院长</td>
          </tr>
          <tr>
            <td>吴伯恩</td>
            <td>紫荆-索菲亚</td>
            <td>壹加细胞治疗集团</td>
            <td>首席战略官（CSO）</td>
          </tr>
          <tr>
            <td>向官权</td>
            <td>紫荆-索菲亚</td>
            <td>广东省善舍慈善基金会</td>
            <td>理事长兼秘书长</td>
          </tr>
          <tr>
            <td>谢奇峰</td>
            <td>紫荆-索菲亚</td>
            <td>广东东道信息科技有限公司</td>
            <td>董事</td>
          </tr>
          <tr>
            <td>熊庆</td>
            <td>紫荆-索菲亚</td>
            <td>广东方直集团</td>
            <td>投资总监</td>
          </tr>
          <tr>
            <td>薛唯</td>
            <td>紫荆-索菲亚</td>
            <td>广州长隆集团有限公司</td>
            <td>财务总监</td>
          </tr>
          <tr>
            <td>杨瑜</td>
            <td>紫荆-索菲亚</td>
            <td>北京航天长峰科技工业集团有限公司</td>
            <td>总监</td>
          </tr>
          <tr>
            <td>余蕙</td>
            <td>紫荆-索菲亚</td>
            <td>广州承思文化传播有限公司</td>
            <td>合伙人/营销总监</td>
          </tr>
          <tr>
            <td>张昕娟</td>
            <td>紫荆-索菲亚</td>
            <td>中国人民人寿保险股份有限公司广东电商中心</td>
            <td>副总经理</td>
          </tr>
          <tr>
            <td>郑邦全</td>
            <td>紫荆-索菲亚</td>
            <td>汕头市雅能装饰设计有限公司</td>
            <td>总经理</td>
          </tr>
          <tr>
            <td>郑辉</td>
            <td>紫荆-索菲亚</td>
            <td>北京市盈科（广州）律师事务所</td>
            <td>律师</td>
          </tr>
          <tr>
            <td>周双</td>
            <td>紫荆-索菲亚</td>
            <td>ALPLUS INC.</td>
            <td>中国办事处经理</td>
          </tr>
          <tr>
            <td>张圣培</td>
            <td>紫荆-Kelley</td>
            <td>招商证券广州华穗路营业部</td>
            <td>总经理</td>
          </tr>
          <tr>
            <td>郑晓君</td>
            <td>紫荆-Kelley</td>
            <td>佛山市家范儿网络科技有限公司 创始人&</td>
            <td>总经理</td>
          </tr>
          <tr>
            <td>陈锦文</td>
            <td>紫荆-SHMS</td>
            <td>广东奇境文化投资有限公司</td>
            <td>总经理</td>
          </tr>
        </table>
        <p class="t4">
          本次投票结果将通过i紫荆微信公众号、i紫荆小程序进行公示，公示截止日为4月14日24:00。如您对本次选举的过程或信息有任何问题，欢迎联系紫荆校友办：zjxyb@ezijing.com。
        </p>
        <p class="t5">紫荆校友办</p>
        <p class="t5">2021年4月9日</p>
      </div>
      <div class="vote-button" @click="goHome">回到首页</div>
    </template>

    <!-- 已投票 -->
    <template v-else-if="hasVote">
      <div class="vote-banner"><img src="../../assets/img/vote_banner.png" /></div>
      <h1 class="vote-tips">您已投票成功</h1>
      <div class="vote-button" @click="goHome">回到首页</div>
    </template>

    <!-- 投票结束 -->
    <template v-else-if="status === 0">
      <div class="vote-banner"><img src="../../assets/img/vote_banner.png" /></div>
      <h1 class="vote-tips">投票已截止，请等待公示</h1>
      <div class="vote-button" @click="goHome">回到首页</div>
    </template>

    <!-- 投票中 -->
    <template v-else>
      <div class="vote-banner"><img src="../../assets/img/vote_banner.png" /></div>
      <h1 class="vote-title">投票活动说明</h1>
      <div class="vote-box">
        <p class="t1">1. 投票时间：2021年3月30日-4月6日24点</p>
        <p class="t1">2. 投票规则：</p>
        <ul class="t2">
          <li>常住江苏、浙江、广东三地校友有投票资格；</li>
          <li>投票实行差额选举。各地区、各项目可选择人数详见投票页面，点击候选人头像可了解详情；</li>
          <li>
            每人仅有一次投票机会，只可选择一个区域进行投票，如非上述地区校友投票，将被视为废票，同时失去所在地校友会成立时的投票权利，请珍惜您手中宝贵的投票机会；
          </li>
          <li>为尊重投票人意愿，不鼓励串联拉票的行为，如果发现有类似行为，紫荆校友办保留取消相关候选人资格的权力。</li>
        </ul>
      </div>
      <div class="vote-button" @click="$router.push({ name: 'voteCity' })">我已知晓</div>
    </template>
  </div>
</template>

<script>
import * as api from '@/api/vote'
export default {
  metaInfo: { title: '投票' },
  data() {
    return {
      hasVote: false,
      status: 1,
      announce: ''
    }
  },
  methods: {
    getVoteStatus() {
      api.getVoteStatus().then(response => {
        this.status = parseInt(response.status)
        this.announce = response.announce || ''
      })
    },
    // 检测是否投票
    checkVote() {
      api.checkVote().then(response => {
        this.hasVote = response.flag
      })
    },
    goHome() {
      this.$router.replace('/')
    }
  },
  beforeMount() {
    this.getVoteStatus()
    this.checkVote()
  }
}
</script>

<style scoped src="../../assets/css/vote.css"></style>

<style lang="scss" scoped>
.t1 {
  margin-bottom: 10px;
}
.t2 {
  margin-left: 15px;
  list-style: outside;
  li {
    font-size: 0.14rem;
    line-height: 0.22rem;
    margin-bottom: 10px;
    list-style: outside;
  }
}
.t3 {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}
.t4 {
  text-indent: 2em;
}
.t5 {
  text-align: right;
}
.t6 {
  font-weight: bold;
}
.vote-table {
  width: 100%;
  margin: 10px 0;
  td {
    padding: 10px;
    border: 1px solid #dfdfdf;
    // white-space: nowrap;
  }
}
.vote-result p {
  margin-top: 10px;
}
</style>
