raolu
/
PC-application


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
							<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>应用菜单</title>
    <link rel="shortcut icon" href="../../../favicon.ico" />
    <link rel="stylesheet" type="text/css" href="../../../css/font-awesome.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../plugins/artDialog/6.0.5/api/css/ui-dialog.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
    <style>
      body {
        border-right: 1px solid #e1e1e1;
      }
      .row {
        /*border-bottom: 1px solid #e1e1e1;
                border-right: 1px solid #e1e1e1;*/
      }
      .col-xs-6 {
        border-right: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
        padding: 15px 0;
        text-align: center;
      }
      .col-xs-6.disabled {
        background-color: #f2f4f6;
      }
      .col-xs-6.active {
        background-color: #12b7f5;
      }
      .col-xs-6.active > a {
        color: #fff;
      }
    </style>
  </head>
  <body>
    <div id="main" class="container">
      <div class="row">
        <div class="col-xs-6" :class="{'active': selectedTab == 1, 'disabled': disableTabs.indexOf(1)>-1}">
          <a href="" target="view_frame" @click="chooseTab(1)">
            <img :src="selectedTab==1?'../../../images/xufangguanli_icon.png':'../../../images/xufangguanli02_icon.png'" />
            <div class="mt10 c-f16">续方管理</div>
          </a>
        </div>
        <div class="col-xs-6" :class="{'active': selectedTab==2, 'disabled': disableTabs.indexOf(2)>-1}">
          <a href="../../../../health-education/index.html" target="view_frame" @click="chooseTab(2)">
            <img :src="selectedTab==2?'../../../images/jiankangjiaoyu_icon.png':'../../../images/jiankangjiaoyu02_icon.png'" />
            <div class="mt10 c-f16">健康教育</div>
          </a>
        </div>
        <div class="col-xs-6" :class="{'active': selectedTab == 3, 'disabled': disableTabs.indexOf(3)>-1}">
          <a href="../../followup/html/followup_tabs.html" target="view_frame" @click="chooseTab(3)">
            <img :src="selectedTab==3?'../../../images/suifangjihua_icon.png':'../../../images/suifangjihua02_icon.png'" />
            <div class="mt10 c-f16">随访计划</div>
          </a>
        </div>
        <div class="col-xs-6" :class="{'active': selectedTab == 4, 'disabled': disableTabs.indexOf(4)>-1}">
          <a href="../../statistics/html/comprehensive-query.html" target="view_frame" @click="chooseTab(4)">
            <img :src="selectedTab == 4?'../../../images/tongjifenxi_icon.png' : '../../../images/tongjifenxi02_icon.png'" />
            <div class="mt10 c-f16">统计分析</div>
          </a>
        </div>
        <div class="col-xs-6" :class="{'active': selectedTab == 5, 'disabled': disableTabs.indexOf(5)>-1}">
          <a href="../../jbsc/html/statistics.html" target="view_frame" @click="chooseTab(5)">
            <img :src="selectedTab == 5?'../../../images/jibingshaicha_icon.png' : '../../../images/jibingshaicha02_icon.png'" />
            <div class="mt10 c-f16">疾病筛查</div>
          </a>
        </div>
        <div class="col-xs-6" :class="{'active': selectedTab == 6, 'disabled': disableTabs.indexOf(6)>-1}">
          <a href="../../sign/html/sign_manage.html" target="view_frame" @click="chooseTab(6)">
            <img :src="selectedTab == 6?'../../../images/qianyuguanli_icon.png' : '../../../images/qianyuguanli02_icon.png'" />
            <div class="mt10 c-f16">签约管理</div>
          </a>
        </div>
        <div class="col-xs-6" :class="{'active': selectedTab == 7, 'disabled': disableTabs.indexOf(7)>-1}">
          <a href="../../rehabilitation/html/health_control.html" target="view_frame" @click="chooseTab(7)">
            <img :src="selectedTab == 7?'../../../images/kuangfuguanli_icon.png' : '../../../images/kuangfuguanli02_icon.png'" />
            <div class="mt10 c-f16">康复管理</div>
          </a>
        </div>
      </div>
    </div>
    <script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/jquery-2.2.4.js"></script>
    <script src="../../../js/bootstrap.min.js"></script>
    <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
      new Vue({
        el: '#main',
        data: {
          selectedTab: 0,
          disableTabs: [2]
        },
        methods: {
          chooseTab: function (val) {
            this.selectedTab = val
          }
        }
      })
    </script>
  </body>
</html>