Home Explore Help
Register Sign In
zdm
/
sr-publicServicePlatform
Watch 1
Star 0
Fork 0
Files
Browse Source

确认预约页面的静态内容

raolu 7 years ago
parent
b23ae6b636
commit
c74a380caa
3 changed files with 118 additions and 1 deletions
Split View Show Diff Stats
  1. 14 1
      page/appointment/css/appointment.css
  2. 98 0
      page/appointment/html/confirm-info.html
  3. 6 0
      page/appointment/js/confirm-info.js

+ 14 - 1
page/appointment/css/appointment.css
View File 

@ -1,6 +1,9 @@
 
.bgc-ebf4f3{
 
    background-color: #EBF4F3;
 
}
 
.bgc-f6f6f6{
 
    background-color: #f6f6f6;
 
}
 
.c-fea7a8{
 
    color: #FEA7A8;
 
}
 
@ -87,4 +90,14 @@
 
    height: 27px;
 
    background: url(../../../images/icon_xuanzhong.png) no-repeat;
 
    background-size: 100% 100%;
 
}
 
}
 
.c-border-t-dashed{
 
    border-bottom: 1px dashed #e1e1e1;
 
}
 
.btn-white{
 
    border-color: #d1d7d4;
 
    color: #d1d7d4;
 
}
 
.c-border-dashed{
 
    border: 1px dashed #e1e1e1;
 
}

+ 98 - 0
page/appointment/html/confirm-info.html
View File 

@ -0,0 +1,98 @@
 
<!DOCTYPE html>
 
<html>
 
    <head>
 
        <meta charset="UTF-8">
 
        <title>确认预约信息</title>
 
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
        <meta name="renderer" content="webkit">
 
        <meta http-equiv="Cache-Control" content="no-siteapp" />
 
        <meta name="keywords" content="公众健康服务平台">
 
        <meta name="description" content="公众健康服务平台">
 
        <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"/>
 
        <link rel="stylesheet" type="text/css" href="../css/appointment.css"/>
 
    </head>
 
    <body class="bgc-f5f9f9">
 
        <div id="main">
 
            <page-header></page-header>
 
            <div class="container mt10">
 
                <div class="ui-grid">
 
                    <div class="ui-col-0">
 
                        
                    </div>
 
                    <div class="ui-col-1">
 
                        <div class="bgc-fff c-border plr20">
 
                            <div class="c-border-t-dotted ptb10">
 
                                <span class="c-f18">预约信息</span>
 
                            </div>
 
                            <div class="ui-grid" style="padding: 20px 40px 20px;">
 
                                <div class="ui-col-1">
 
                                    <div class="c-f14 c-909090">就诊时间</div>
 
                                    <div class="c-f16 mt20">2017/01/03<span class="ml10">上午</span></div>
 
                                </div>
 
                                <div class="ui-col-1">
 
                                    <div class="c-f14 c-909090">预约医生</div>
 
                                    <div class="c-f16 mt20">刘的还<span class="ml10 c-909090 c-f14">主任医师</span></div>
 
                                </div>
 
                                <div class="ui-col-1">
 
                                    <div class="c-f14 c-909090">预约医院</div>
 
                                    <div class="c-f16 mt20">上饶第一医院</div>
 
                                </div>
 
                                <div class="ui-col-1">
 
                                    <div class="c-f14 c-909090">预约科室</div>
 
                                    <div class="c-f16 mt20">骨科</div>
 
                                </div>
 
                            </div>
 
                        </div>
 
                        <div class="bgc-fff c-border plr20 mt20">
 
                            <div class="c-border-t-dashed ptb10">
 
                                <span class="c-f18">就诊人信息</span>
 
                            </div>
 
                            <div class="ui-grid" style="padding: 20px 40px 20px;">
 
                                <div class="ui-col-1">
 
                                    <div class="c-f14 c-909090">姓名</div>
 
                                    <div class="c-f16 mt20">李云龙</div>
 
                                </div>
 
                                <div class="ui-col-1">
 
                                    <div class="c-f14 c-909090">证件号码</div>
 
                                    <div class="c-f16 mt20">350266198802153655</div>
 
                                </div>
 
                                <div class="ui-col-1">
 
                                    <div class="c-f14 c-909090">手机号</div>
 
                                    <div class="c-f16 mt20">12700000002</div>
 
                                </div>
 
                            </div>
 
                        </div>
 
                        <div class="mt50 text-center">
 
                            <button type="button" class="btn btn-primary mr50">确认预约</button>
 
                            <button type="button" class="btn btn-white">取消预约</button>
 
                        </div>
 
                        <div class="mt30 c-border-dashed bgc-f6f6f6 ptb15 plr20">
 
                            <div class="c-f16 c-909090">预约须知</div>
 
                            <div class="c-666 mt5">频繁刷新导致IP被限制2小时不能预约挂号，若耽误您预约，后果自负。</div>
 
                            <div class="c-f16 c-909090 mt10">温馨提示</div>
 
                            <div class="c-666 mt5">1、3个月内无故爽约2次，将列入黑名单限制3个月内不予预约</div>
 
                        </div>
 
                    </div>
 
                </div>
 
            </div>
 
            <page-footer></page-footer>
 
        </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 src="../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>-->
 
        <script src="../../../plugins/artDialog/6.0.5/api/js/dialog-plus.js" type="text/javascript" charset="utf-8"></script>
 
        <script src="../../../component/common/header.js" type="text/javascript" charset="utf-8"></script>
 
        <script src="../../../component/common/footer.js" type="text/javascript" charset="utf-8"></script>
 
        <script src="../../../component/common/event-bus.js" type="text/javascript" charset="utf-8"></script>
 
        <script src="../js/confirm-info.js" type="text/javascript" charset="utf-8"></script>
 
    </body>
 
</html>

+ 6 - 0
page/appointment/js/confirm-info.js
View File 

@ -0,0 +1,6 @@
 
new Vue({
 
    el: "#main",
 
    data: {
 
        
    }
 
})