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" onclick="ribao_refrash()">
                今日报告
            </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 id="ribao_safety_num" 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 id="rb_family">
                        <#--<div class="weui-media-box weui-media-box_text">-->
                            <#--<h4 class="weui-media-box__title">家人1：咳嗽、乏力、未确诊 <a href="javascript:" >删除</a></h4>-->
                            <#--<p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>-->
                        <#--</div>-->
                    </div>
                    <div class="weui-cells__tips"> <span style="color: red">
                        注：请如实上报情况，便以相互帮助，小区是我家，团结就是力量！
                    </span></div>
                    <div class="weui-btn-area">
                        <a id="btn_shangbao" class="weui-btn weui-btn_primary" href="javascript:" id="showTooltips" onclick="addReport()">全家报平安</a>
                    </div>
                </div>
                <div id="ribao" class="weui-btn-area" style="display: none">
                    <div style="text-align: center;">基本信息</div>
                    <div style="display:flex; flex-direction: row; justify-content: space-between;">
                        <input id="js_input_user_name" class="weui-input" autofocus="" type="text" placeholder="请输入姓名" maxlength="20" style="border: 1px solid rgba(0,0,0,.2);box-sizing:border-box; border-radius: 5px; height: 5vh; width: 30%; text-align: center;" />
                        <input id="js_input_user_sex" class="weui-input" autofocus="" type="text" placeholder="性别" maxlength="20" style="border: 1px solid rgba(0,0,0,.2);box-sizing:border-box; border-radius: 5px; height: 5vh; width: 25%; text-align: center;" />
                        <input id="js_input_user_age" class="weui-input" autofocus="" type="text" placeholder="年龄" maxlength="20" style="border: 1px solid rgba(0,0,0,.2);box-sizing:border-box; border-radius: 5px; height: 5vh; width: 25%; text-align: center;" />
                    </div>
                    <div style="display:flex; flex-direction: row; justify-content: space-between; margin-top: 1vh;">
                        <div style="height: 5vh; line-height: 5vh;margin-left: 2vw;">基本状况</div>
                        <input id="js_input_user_status" class="weui-input" autofocus="" type="text" placeholder="请选择" maxlength="20" style="border: 1px solid rgba(0,0,0,.2);box-sizing:border-box; border-radius: 5px; height: 5vh; width: 75%;" />
                    </div>
                    <textarea id="jibenmiaoshu" class="weui-textarea" placeholder="身体基本状况描述" rows="5" style="border: 1px solid rgba(0,0,0,.2);box-sizing:border-box; border-radius: 5px; margin-top: 1vh;"></textarea>

                    <div style="height: 5vh; line-height: 5vh;margin-left: 2vw;">病情描述</div>
                    <div style="display:flex; flex-direction: row; justify-content: space-between; margin-top: 1vh;">
                        <div style="color: gray;height: 5vh; line-height: 5vh; width: 40%;">是否确诊</div>
                        <input id="switchQuezhen" class="weui-input" autofocus="" type="text" placeholder="请选择" maxlength="20" style="border: 1px solid rgba(0,0,0,.2);box-sizing:border-box; border-radius: 5px; height: 5vh;" />
                    </div>
                    <div style="display:flex; flex-direction: row; justify-content: space-between; margin-top: 1vh;">
                        <div style="color: gray;height: 5vh; line-height: 5vh; width: 40%;">是否单间隔离</div>
                        <input id="switchDanjiangeli" class="weui-input" autofocus="" type="text" placeholder="请选择" maxlength="20" style="border: 1px solid rgba(0,0,0,.2);box-sizing:border-box; border-radius: 5px; height: 5vh;" />
                    </div>

                    <div style="display:flex; flex-direction: row; justify-content: space-between; margin-top: 1vh;">
                        <div style="color: gray;height: 5vh; line-height: 5vh; width: 40%;">体温</div>
                        <input id="js_input_user_tiwen" class="weui-input" autofocus="" type="number" placeholder="请输入" maxlength="20" style="border: 1px solid rgba(0,0,0,.2);box-sizing:border-box; border-radius: 5px; height: 5vh;" />
                    </div>
                    <div style="display:flex; flex-direction: row; justify-content: space-between; margin-top: 1vh;">
                        <div style="color: gray;height: 5vh; line-height: 5vh; width: 40%;">咳嗽</div>
                        <input id="js_input_user_kesou" class="weui-input" autofocus="" type="text" placeholder="请选择" maxlength="20" style="border: 1px solid rgba(0,0,0,.2);box-sizing:border-box; border-radius: 5px; height: 5vh;" />
                    </div>
                    <div style="display:flex; flex-direction: row; justify-content: space-between; margin-top: 1vh;">
                        <div style="color: gray;height: 5vh;line-height: 5vh; width: 40%;">肌肉酸痛</div>
                        <input id="js_input_user_jirou" class="weui-input" autofocus="" type="text" placeholder="请选择" maxlength="20" style="border: 1px solid rgba(0,0,0,.2);box-sizing:border-box; border-radius: 5px; height: 5vh;" />
                    </div>
                    <div style="display:flex; flex-direction: row; justify-content: space-between; margin-top: 1vh;">
                        <div style="color: gray;height: 5vh;line-height: 5vh; width: 40%;">呼吸困难</div>
                        <input id="js_input_user_huxi" class="weui-input" autofocus="" type="text" placeholder="请选择" maxlength="20" style="border: 1px solid rgba(0,0,0,.2);box-sizing:border-box; border-radius: 5px; height: 5vh;" />
                    </div>
                    <div style="display:flex; flex-direction: row; justify-content: space-between; margin-top: 1vh;">
                        <div style="color: gray;height: 5vh; line-height: 5vh; width: 40%;">乏力</div>
                        <input id="js_input_user_fali" class="weui-input" autofocus="" type="text" placeholder="请选择" maxlength="20" style="border: 1px solid rgba(0,0,0,.2);box-sizing:border-box; border-radius: 5px; height: 5vh;" />
                    </div>
                    <div style="display:flex; flex-direction: row; justify-content: space-between; margin-top: 1vh;">
                        <div style="color: gray;height: 5vh; line-height: 5vh; width: 40%;">腹泻</div>
                        <input id="js_input_user_fuxie" class="weui-input" autofocus="" type="text" placeholder="请选择" maxlength="20" style="border: 1px solid rgba(0,0,0,.2);box-sizing:border-box; border-radius: 5px; height: 5vh;" />
                    </div>
                    <div style="display:flex; flex-direction: row; justify-content: space-between; margin-top: 1vh;">
                        <div style="color: gray;height: 5vh; line-height: 5vh;margin-right: 2vw;width: 13%;">其他</div>
                        <textarea id="shuruqita" class="weui-textarea" placeholder="输入内容（300字内）" rows="5" style="border: 1px solid rgba(0,0,0,.2);box-sizing:border-box; border-radius: 5px; margin-top: 1vh;"></textarea>
                    </div>
                    <div style="display: flex; justify-content: center;">
                        <div style="width: 70%;color: red; text-align: center;">
                            请认真填写健康信息，会根据信息给予相关居家防控医疗建议！
                        </div>
                    </div>
                    <div style="display:flex; flex-direction: row; justify-content: space-between; margin-top: 1vh; margin-bottom: 5vh;">
                        <a id="cancel" href="javascript:;" class="weui-btn weui-btn_default" style="width: 30%;">取消</a>
                        <a id="commit" href="javascript:;" onclick="ribaoCommit();" class="weui-btn weui-btn_primary" style="margin-top: 0;width: 30%;">提交</a>
                    </div>
                    <#--                    <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>-->
<#--                                    <label class="weui-cell weui-cell_active weui-check__label" for="s15">-->
<#--                                        <div class="weui-cell__hd">-->
<#--                                            <input type="checkbox" name="checkbox5" class="weui-check" id="s15">-->
<#--                                            <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="s16">-->
<#--                                        <div class="weui-cell__hd">-->
<#--                                            <input type="checkbox" name="checkbox6" class="weui-check" id="s16">-->
<#--                                            <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>/100</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" name="medical"/>-->
<#--                                    </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 id="my-input-ribao"></div>
                <div class="weui-panel weui-panel_access">
                    <div class="weui-panel__hd" style="color: #0bb20c; font-size: large" >我的家人</div>
                    <div class="weui-panel__bd" id="ribao_famliy">
                        <#--<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><br /><br />
                </div>
            </div>
        </div>
    </div>
</div>