referralModule.html 4.0 KB
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <title>转诊模块</title>
    <script src="../js/fontsize.js"></script>
    <link rel="stylesheet" href="../css/init.css">
    <link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_793738_tlxymah92x.css">
    <link rel="stylesheet" href="../css/referralModule.css">
</head>
<body STYLE="background: #F5F6FA">
<div class="container">
    <div class="tab_box">
        <div class="tab_item tab_on">
            <text>待处理</text>
            <text class="point">1</text>
        </div>
        <div class="tab_item">
            <text>已处理</text>
            <text class="point">1</text>
        </div>
    </div>
    <div>
        <!--待回答-->
        <div class="state_box">
            <div class="tab_content_box">
                <div class="tab_info">
                    <text>提交时间:2018.08.30</text>
                    <text class="tab_state">已通过</text>
                    <!--<text class="tab_state state">待审核</text>-->
                    <!--<text class="tab_state state">已驳回</text>-->
                </div>
                <div class="tab_content">
                    <div class="content_item">
                        <div class="tab_title">临床表现</div>
                        <div>临床表现内容临床表现内容临床表现内容</div>
                    </div>
                    <div class="content_item">
                        <div class="tab_title">临床表现</div>
                        <div>临床表现内容临床表现内容临床表现内容</div>
                    </div>
                </div>
            </div>
            <div class="tab_content_box">
                <div class="tab_info">
                    <text>提交时间:2018.08.30</text>
                    <!--<text class="tab_state">已通过</text>-->
                    <text class="tab_state state">待审核</text>
                    <!--<text class="tab_state state">已驳回</text>-->
                </div>
                <div class="tab_content">
                    <div class="content_item">
                        <div class="tab_title">临床表现</div>
                        <div>临床表现内容临床表现内容临床表现内容</div>
                    </div>
                    <div class="content_item">
                        <div class="tab_title">临床表现</div>
                        <div>临床表现内容临床表现内容临床表现内容</div>
                    </div>
                </div>
            </div>
        </div>
        <!--已回复-->
        <div class="state_box">
            <div class="tab_content_box">
                <div class="tab_info">
                    <text>提交时间:2018.08.30</text>
                    <!--<text class="tab_state">已通过</text>-->
                    <!--&lt;!&ndash;<text class="tab_state state">待审核</text>&ndash;&gt;-->
                    <!--&lt;!&ndash;<text class="tab_state state">已驳回</text>&ndash;&gt;-->
                </div>
                <div class="tab_content">
                    <div class="content_item">
                        <div class="tab_title">临床表现</div>
                        <div>临床表现内容临床表现内容临床表现内容</div>
                    </div>
                    <div class="content_item">
                        <div class="tab_title">临床表现</div>
                        <div>临床表现内容临床表现内容临床表现内容</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="../js/jquery-2.1.0.js"></script>
<script>
    $('.tab_item').click(function () {
        var index = $(this).index()
        $(this).addClass('tab_on').siblings().removeClass('tab_on')
        $('.state_box').eq(index).show().siblings().hide()
    })
</script>
</body>
</html>