var manageNav = {
  /*template: `
  <footer class="footer">
    <ul class="footer_ul">
      <li :class="{ blue: pageName == 'invite.html'}">
        <a :href="inviteUrl">
          <i class="glyphicon glyphicon-qrcode"></i>
          <p>邀请码</p>
        </a>
      </li>
      <li :class="{ blue: pageName == 'Charge_card.html'}">
        <a :href="managePlayerUrl">
          <i class="glyphicon glyphicon-plus"></i>
          <p :class="{ blue: pageName == 'Charge_card.html'}">玩家充卡</p>
        </a>
      </li>
      <li :class="{ blue: pageName == 'SalesTransCard.html'}">
        <a :href="manageSalesUrl">
          <i class="glyphicon glyphicon-th-list"></i>
          <p>代理转卡</p>
        </a>
      </li>
      <li :class="{ blue: pageName == 'Your_purchase_new.html'}">
        <a :href="manageAskUrl">
          <i class="glyphicon glyphicon-usd"></i>
          <p>自己购卡</p>
        </a>
      </li>
      <li :class="{ blue: pageName == 'guanlitj.html'}">
        <a :href="manageStatisticsUrl">
          <i class="glyphicon glyphicon-cog"></i>
          <p>管理统计</p>
        </a>
      </li>
    </ul>
  </footer>
  `,*/
  template: '<footer class="footer"><ul class="footer_ul"><li :class="{ blue: pageName == \'invite.html\'}"><a :href="inviteUrl"><i class="glyphicon glyphicon-qrcode"></i><p>邀请码</p></a></li><li :class="{ blue: pageName == \'Charge_card.html\'}"><a :href="managePlayerUrl"><i class="glyphicon glyphicon-plus"></i><p :class="{ blue: pageName == \'Charge_card.html\'}">玩家充卡</p></a></li><li :class="{ blue: pageName == \'SalesTransCard.html\'}"><a :href="manageSalesUrl"><i class="glyphicon glyphicon-th-list"></i><p>代理转卡</p></a></li><li :class="{ blue: pageName == \'Your_purchase_new.html\'}"><a :href="manageAskUrl"><i class="glyphicon glyphicon-usd"></i><p>自己购卡</p></a></li><li :class="{ blue: pageName == \'guanlitj.html\'}"><a :href="manageStatisticsUrl"><i class="glyphicon glyphicon-cog"></i><p>管理统计</p></a></li></ul></footer>',
  data: function () {
    return {
      params: {},
      pageName: 'Charge_card.html',
    }
  },
  computed: {
    inviteUrl: function () { return './invite.html?agentid=' + this.params.agentid + '&channelid=' + this.params.channelid+'&__HTML_VERSION__=3';},
    managePlayerUrl: function () { return './Charge_card.html?agentid=' + this.params.agentid + '&channelid=' + this.params.channelid+'&__HTML_VERSION__=3';},
    manageSalesUrl: function () { return './SalesTransCard.html?agentid=' + this.params.agentid + '&channelid=' + this.params.channelid+'&__HTML_VERSION__=3';},
    manageAskUrl: function () { return './Your_purchase_new.html?agentid=' + this.params.agentid + '&channelid=' + this.params.channelid+'&__HTML_VERSION__=3';},
    manageStatisticsUrl: function () { return './guanlitj.html?agentid=' + this.params.agentid + '&channelid=' + this.params.channelid+'&__HTML_VERSION__=3';}
  },
  created: function () {
    this.params = $.getQueryObj();
    this.pageName = $.getPageName();
  }
}