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" style="height: 7vh">
                            <div class="weui-cell__hd">
                                <label class="weui-label">今日居家</label>
                            </div>
                            <div class="weui-cell__bd" id="ribao_jinrijujian">

                            </div>
                            <div class="weui-cell__ft">
                                <button id="btnAdd" href="javascript:" style="height:5vh; margin-right: 3vh;"
                                   class="weui-btn weui-btn_mini weui-btn_primary">添加人员</button>
                            </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="3" 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>
                    <input id="suspectedId" type="text" hidden="hidden" value=""/>
                    <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="4" 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>
                </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>