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" style=""
                           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="height: 5vh; line-height: 5vh;margin-left: 2vw;">基本情况</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>心脑血管疾病（服用ARB）</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>心脑血管疾病（未服ARB）</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>
                        <label class="weui-cell weui-cell_active weui-check__label" for="s17">
                            <div class="weui-cell__hd">
                                <input type="checkbox" name="checkbox7" class="weui-check" id="s17">
                                <i class="weui-icon-checked"></i>
                            </div>
                            <div class="weui-cell__bd">
                                <p>妊娠期</p>
                            </div>
                        </label>
                    </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: 55%;">确诊新冠肺炎</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: 55%;">单间隔离</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: 55%;">体温</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: 55%;">咳嗽现象</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: 55%;">肌肉酸痛</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: 55%;">呼吸困难</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: 55%;">乏力现象</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: 55%;">腹泻现象</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;width: 55%;">其他描述</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; flex-direction: row; justify-content: space-between; margin-top: 1vh;">
                        <div style="color: gray;height: 5vh; line-height: 5vh;width: 55%;">
                            <button id="ribao_score" style="height:5vh;"
                                    class="weui-btn weui-btn_mini weui-btn_primary">健康评估
                            </button>
                        </div>
                        <input id="js_input_score_rezult" class="weui-input" autofocus="" readonly="readonly"
                               style="border: 1px solid rgba(0,0,0,.2);box-sizing:border-box; border-radius: 5px; height: 5vh;"/>
                        <input id="js_input_score_rezult_value" type="text" hidden="hidden"/>
                        <input id="js_input_temperature_score" type="text" hidden="hidden"/>
                        <input id="js_input_score_histroy" type="text" hidden="hidden"/>
                        <input id="js_input_score" type="text" hidden="hidden"/>
                    </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>