hust-epi/whepi-ui/templates/home/ribao.ftl

<div class="page__bd">
    <div class="weui-tab">
        <div class="weui-navbar">
            <a class="weui-navbar__item weui-bar__item_on" target="#rb_nav1" module="ri_bao">
                今日报告
            </a>
            <a class="weui-navbar__item" target="#rb_nav2" module="ri_bao">
                健康日历
            </a>
        </div>
        <div class="weui-tab__panel">
            <div id="rb_nav1" class="weui-tab__bd-item ri_bao_weui_tab_bd_item_active">
                <div id="notOpenRibao">
                    <div class="weui-cells weui-cells_form">
                        <div class="weui-cell weui-cell_vcode">
                            <div class="weui-cell__hd">
                                <label class="weui-label">今日居家</label>
                            </div>
                            <div class="weui-cell__bd">
                                <input class="weui-input" type="number" pattern="[0-2]*" placeholder="请输入今日家庭成员数量">
                            </div>
                            <div class="weui-cell__ft">
                                <a id="btnAdd" href="javascript:"
                                   class="weui-btn weui-btn_mini weui-btn_primary">添加家人</a>
                            </div>
                        </div>
                    </div>
                    <div class="weui-cells__title">家人1：咳嗽、发烧、确诊</div>
                    <div class="weui-cells weui-cells_form">
                        <div class="weui-cell">
                            <div class="weui-cell__bd">
                                <textarea class="weui-textarea" placeholder="请输入文本" rows="3"></textarea>
                                <div class="weui-textarea-counter"><span>0</span>/200</div>
                            </div>
                        </div>
                    </div>
                    <div class="weui-cells__title">家人2：咳嗽、发烧、未确诊</div>
                    <div class="weui-cells weui-cells_form">
                        <div class="weui-cell">
                            <div class="weui-cell__bd">
                                <textarea class="weui-textarea" placeholder="请输入文本" rows="3"></textarea>
                                <div class="weui-textarea-counter"><span>0</span>/200</div>
                            </div>
                        </div>
                    </div>
                    <div class="weui-cells__title">家人3：咳嗽、发烧、确诊</div>
                    <div class="weui-cells weui-cells_form">
                        <div class="weui-cell">
                            <div class="weui-cell__bd">
                                <textarea class="weui-textarea" placeholder="请输入文本" rows="3"></textarea>
                                <div class="weui-textarea-counter"><span>0</span>/200</div>
                            </div>
                        </div>
                    </div>
                    <div class="weui-cells__tips"> <span style="color: red">
                        注：请如实上报情况，便以相互帮助，小区是我家，团结就是力量！
                    </span></div>
                    <div class="weui-btn-area">
                        <a class="weui-btn weui-btn_primary" href="javascript:" id="showTooltips">全家报平安</a>
                    </div>
                </div>
                <div id="ribao" style="display: none">
                    <div class="weui-form__control-area">
                        <div class="weui-cells__group weui-cells__group_form">
                            <div class="weui-cells weui-cells_form">
                                <div class="weui-cell weui-cell_active" id="js_cell">
                                    <div class="weui-cell__hd"><label class="weui-label">家人</label></div>
                                    <div class="weui-cell__bd weui-flex">
                                        <input id="js_input_user_name" class="weui-input" autofocus="" type="text"
                                               placeholder="请输入姓名" maxlength="20">
                                    </div>
                                </div>
                                <div class="weui-cells weui-cells_checkbox">
                                    <label class="weui-cell weui-cell_active weui-check__label" for="s11">
                                        <div class="weui-cell__hd">
                                            <input type="checkbox" class="weui-check" name="checkbox1" id="s11">
                                            <i class="weui-icon-checked"></i>
                                        </div>
                                        <div class="weui-cell__bd">
                                            <p>咳嗽</p>
                                        </div>
                                    </label>
                                    <label class="weui-cell weui-cell_active weui-check__label" for="s12">
                                        <div class="weui-cell__hd">
                                            <input type="checkbox" name="checkbox2" class="weui-check" id="s12">
                                            <i class="weui-icon-checked"></i>
                                        </div>
                                        <div class="weui-cell__bd">
                                            <p>发烧</p>
                                        </div>
                                    </label>
                                    <label class="weui-cell weui-cell_active weui-check__label" for="s13">
                                        <div class="weui-cell__hd">
                                            <input type="checkbox" name="checkbox3" class="weui-check" id="s13">
                                            <i class="weui-icon-checked"></i>
                                        </div>
                                        <div class="weui-cell__bd">
                                            <p>乏力</p>
                                        </div>
                                    </label>
                                    <label class="weui-cell weui-cell_active weui-check__label" for="s14">
                                        <div class="weui-cell__hd">
                                            <input type="checkbox" name="checkbox4" class="weui-check" id="s14">
                                            <i class="weui-icon-checked"></i>
                                        </div>
                                        <div class="weui-cell__bd">
                                            <p>其他</p>
                                        </div>
                                    </label>
                                </div>
                                <div class="weui-cell ">
                                    <div class="weui-cell__bd">
                                        <textarea id="rb_remarks" class="weui-textarea" placeholder="请输入病情描述" rows="3"></textarea>
                                        <div class="weui-textarea-counter"><span>0</span>/200</div>
                                    </div>
                                </div>
                                <div class="weui-cell weui-cell_switch">
                                    <div class="weui-cell__bd">是否确诊</div>
                                    <div class="weui-cell__ft">
                                        <input class="weui-switch" type="checkbox"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="weui-cells__tips"> <span style="color: red">
                        注：请如实上报情况，便以相互帮助，小区是我家，团结就是力量！
                    </span></div>
                    <div class="button-sp-area">
                        <a id="cancel" href="javascript:;" class="weui-btn weui-btn_default">取消</a>
                        <a id="commit" href="javascript:;"  onclick="ribaoCommit();" class="weui-btn weui-btn_primary">提交</a>
                    </div>
                </div>
                </br>
                </br>
            </div>
            <div id="rb_nav2" class="weui-tab__bd-item ">
                <div class="weui-grids">
                    <a href="javascript:;" class="weui-grid" style="background-color: #0bb20c">
                        <p class="weui-grid__label">
                            01
                        </p>
                    </a>
                    <a href="javascript:;" class="weui-grid"  style="background-color: red">
                        <p class="weui-grid__label">
                            02
                        </p>
                    </a>
                    <a href="javascript:;" class="weui-grid">
                        <p class="weui-grid__label">
                            03
                        </p>
                    </a>
                    <a href="javascript:;" class="weui-grid">
                        <p class="weui-grid__label">
                            04
                        </p>
                    </a>
                </div>
                <div class="weui-panel weui-panel_access">
                    <div class="weui-panel__hd">2020-02-03</div>
                    <div class="weui-panel__bd">
                        <div class="weui-media-box weui-media-box_text">
                            <h4 class="weui-media-box__title">家人1：咳嗽、乏力、未确诊</h4>
                            <p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
                        </div>
                        <div class="weui-media-box weui-media-box_text">
                            <h4 class="weui-media-box__title">家人1：咳嗽、乏力、确诊</h4>
                            <p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
                        </div>
                    </div>
                </div>
            </div>
            <#--<div id="rb_nav3" class="weui-tab__bd-item ">-->
                <#--<div class="weui-flex">-->
                    <#--<div class="weui-flex__item"><div class="placeholder">01</div></div>-->
                    <#--<div class="weui-flex__item"><div class="placeholder">02</div></div>-->
                    <#--<div class="weui-flex__item"><div class="placeholder">03</div></div>-->
                    <#--<div class="weui-flex__item"><div class="placeholder">04</div></div>-->
                    <#--<div class="weui-flex__item"><div class="placeholder">05</div></div>-->
                    <#--<div class="weui-flex__item"><div class="placeholder">06</div></div>-->
                    <#--<div class="weui-flex__item"><div class="placeholder">07</div></div>-->
                <#--</div>-->
                <#--<div class="weui-flex">-->
                    <#--<div class="weui-flex__item"><div class="placeholder">01</div></div>-->
                    <#--<div class="weui-flex__item"><div class="placeholder">02</div></div>-->
                    <#--<div class="weui-flex__item"><div class="placeholder">03</div></div>-->
                    <#--<div class="weui-flex__item"><div class="placeholder">04</div></div>-->
                    <#--<div class="weui-flex__item"><div class="placeholder">05</div></div>-->
                    <#--<div class="weui-flex__item"><div class="placeholder">06</div></div>-->
                    <#--<div class="weui-flex__item"><div class="placeholder">07</div></div>-->
                <#--</div>-->
                <#--<div class="weui-flex">-->
                    <#--<div class="weui-flex__item"><div class="placeholder">01</div></div>-->
                    <#--<div class="weui-flex__item"><div class="placeholder">02</div></div>-->
                    <#--<div class="weui-flex__item"><div class="placeholder">03</div></div>-->
                    <#--<div class="weui-flex__item"><div class="placeholder">04</div></div>-->
                    <#--<div class="weui-flex__item"><div class="placeholder">05</div></div>-->
                    <#--<div class="weui-flex__item"><div class="placeholder">06</div></div>-->
                    <#--<div class="weui-flex__item"><div class="placeholder">07</div></div>-->
                <#--</div>-->
                <#--<div class="weui-flex">-->
                    <#--<div class="weui-flex__item"><div class="placeholder">01</div></div>-->
                    <#--<div class="weui-flex__item"><div class="placeholder">02</div></div>-->
                    <#--<div class="weui-flex__item"><div class="placeholder">03</div></div>-->
                    <#--<div class="weui-flex__item"><div class="placeholder">04</div></div>-->
                    <#--<div class="weui-flex__item"><div class="placeholder">05</div></div>-->
                    <#--<div class="weui-flex__item"><div class="placeholder">06</div></div>-->
                    <#--<div class="weui-flex__item"><div class="placeholder">07</div></div>-->
                <#--</div>-->
            <#--</div>-->
        </div>
    </div>
</div>