raolu
/
PC-application


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
							<!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-left: 1px solid #e1e1e1;
                border-top: 1px solid #e1e1e1;
                padding: 15px 0;
                text-align: center;
            }
            .col-xs-6.disabled{
                background-color: #f2f4f6;
            }
            .col-xs-6.active>a{
                color: #12b7f5;
            }
        </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==3?'../../images/xufangguanli02_icon.png':'../../images/xufangguanli_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="" target="view_frame">
                        <img :src="selectedTab==3?'../../images/jiankangjiaoyu02_icon.png':'../../images/jiankangjiaoyu_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="" target="view_frame" @click="chooseTab(3)">
                        <img :src="selectedTab==3?'../../images/suifangjihua02_icon.png':'../../images/suifangjihua_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/home.html" target="view_frame" @click="chooseTab(4)">
                        <img :src="selectedTab == 4?'../../images/tongjifenxi02_icon.png' : '../../images/tongjifenxi_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>