hust-epi/whepi-ui/templates/yeweihui/qiuzhu.ftl

<div class="page__bd">
    <div class="weui-tab">
        <div class="weui-navbar">
            <a class="weui-navbar__item weui-bar__item_on" target="#qz_nav1" module="qiu_zhu">
                未处理
            </a>
            <a class="weui-navbar__item" target="#qz_nav2" module="qiu_zhu">
                处理中
            </a>
            <a class="weui-navbar__item" target="#qz_nav3" module="qiu_zhu">
                已处理
            </a>
        </div>
        <div class="weui-tab__panel">
            <div id="qz_nav1" class="weui-tab__bd-item qiu_zhu_weui_tab_bd_item_active">

                <div class="weui-btn-area"  style="display: flex; flex-direction: row; justify-content: space-between;">
                    <div style="display: flex; flex-direction: row; align-items: center; justify-content: space-between;width: 70vw;">
                        <#--        <input id="qz_dong" class="weui-btn" style="background-color: #d1d1d1; margin-top: 0; color: #0d1215; width: 15vw;" href="javascript:" value="栋" onfocus="if (value =='栋'){value =''}" onblur="if (value ==''){value='栋'}" />-->
                        <#--        <input id="qz_danyuan" class="weui-btn" style="background-color: #d1d1d1; margin-top: 0; color: #0d1215; width: 20vw;" href="javascript:" value="单元" onfocus="if (value =='单元'){value =''}" onblur="if (value ==''){value='单元'}" />-->
                        <#--        <input id="qz_menpaihao" class="weui-btn" style="background-color: #d1d1d1; margin-top: 0; color: #0d1215; width: 20vw;" href="javascript:" value="门牌号" onfocus="if (value =='门牌号'){value =''}" onblur="if (value ==''){value='门牌号'}" />-->
                        <input id="qz_searchNum1" class="weui-input" placeholder="请输入门牌号，如：1-1-101" style="background-color: #d1d1d1; height: 5vh;" />
                    </div>
                    <a id="qz_btnQZ1" class="weui-btn_primary" style="border: 1px solid rgba(0,0,0,.2);box-sizing:border-box; border-radius: 10px;" href="javascript:">
                        <div style="width: 20vw; height: 5vh;line-height:5vh; text-align: center; color: white">查询</div>
                    </a>
                </div>

                <div class="weui-panel weui-panel_access">
                    <div id="qz_list1" class="weui-panel__bd">
                        <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
                            <div class="weui-media-box__bd">
                                <div style="display: flex; flex-direction: row; justify-content: space-between;">
                                    <p class="weui-media-box__desc">1. &nbsp;&nbsp; 7-2-202</p>
                                    <p class="weui-media-box__desc">2020-02-02 14:30</p>
                                </div>
                                <h4 class="weui-media-box__title">家庭求助</h4>
                                <p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
                            </div>
                        </a>
                        <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
                            <div class="weui-media-box__bd">
                                <h4 class="weui-media-box__title">医药求助</h4>
                                <p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
                            </div>
                        </a>
                    </div>
                    <div class="weui-cell ">
                        <br>
                    </div>
                </div>
            </div>
            <div id="qz_nav2" class="weui-tab__bd-item">

                <div class="weui-btn-area"  style="display: flex; flex-direction: row; justify-content: space-between;">
                    <div style="display: flex; flex-direction: row; align-items: center; justify-content: space-between;width: 70vw;">
                        <#--        <input id="qz_dong" class="weui-btn" style="background-color: #d1d1d1; margin-top: 0; color: #0d1215; width: 15vw;" href="javascript:" value="栋" onfocus="if (value =='栋'){value =''}" onblur="if (value ==''){value='栋'}" />-->
                        <#--        <input id="qz_danyuan" class="weui-btn" style="background-color: #d1d1d1; margin-top: 0; color: #0d1215; width: 20vw;" href="javascript:" value="单元" onfocus="if (value =='单元'){value =''}" onblur="if (value ==''){value='单元'}" />-->
                        <#--        <input id="qz_menpaihao" class="weui-btn" style="background-color: #d1d1d1; margin-top: 0; color: #0d1215; width: 20vw;" href="javascript:" value="门牌号" onfocus="if (value =='门牌号'){value =''}" onblur="if (value ==''){value='门牌号'}" />-->
                        <input id="qz_searchNum2" class="weui-input" placeholder="请输入门牌号，如：1-1-101" style="background-color: #d1d1d1; height: 5vh;" />
                    </div>
                    <a id="qz_btnQZ2" class="weui-btn_primary" style="border: 1px solid rgba(0,0,0,.2);box-sizing:border-box; border-radius: 10px;" href="javascript:">
                        <div style="width: 20vw; height: 5vh;line-height:5vh; text-align: center; color: white">查询</div>
                    </a>
                </div>

                <div class="weui-panel weui-panel_access">
                    <div id="qz_list2" class="weui-panel__bd">
                        <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
                            <div class="weui-media-box__bd">
                                <div style="display: flex; flex-direction: row; justify-content: space-between;">
                                    <p class="weui-media-box__desc">1. &nbsp;&nbsp; 7-2-202</p>
                                    <p class="weui-media-box__desc">2020-02-02 14:30</p>
                                </div>
                                <h4 class="weui-media-box__title">家庭求助</h4>
                                <p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
                            </div>
                        </a>
                        <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
                            <div class="weui-media-box__bd">
                                <h4 class="weui-media-box__title">医药求助</h4>
                                <p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
                            </div>
                        </a>
                    </div>
                    <div class="weui-cell ">
                        <br>
                    </div>
                </div>
            </div>
            <div id="qz_nav3" class="weui-tab__bd-item">

                <div class="weui-btn-area"  style="display: flex; flex-direction: row; justify-content: space-between;">
                    <div style="display: flex; flex-direction: row; align-items: center; justify-content: space-between;width: 70vw;">
                        <#--        <input id="qz_dong" class="weui-btn" style="background-color: #d1d1d1; margin-top: 0; color: #0d1215; width: 15vw;" href="javascript:" value="栋" onfocus="if (value =='栋'){value =''}" onblur="if (value ==''){value='栋'}" />-->
                        <#--        <input id="qz_danyuan" class="weui-btn" style="background-color: #d1d1d1; margin-top: 0; color: #0d1215; width: 20vw;" href="javascript:" value="单元" onfocus="if (value =='单元'){value =''}" onblur="if (value ==''){value='单元'}" />-->
                        <#--        <input id="qz_menpaihao" class="weui-btn" style="background-color: #d1d1d1; margin-top: 0; color: #0d1215; width: 20vw;" href="javascript:" value="门牌号" onfocus="if (value =='门牌号'){value =''}" onblur="if (value ==''){value='门牌号'}" />-->
                        <input id="qz_searchNum3" class="weui-input" placeholder="请输入门牌号，如：1-1-101" style="background-color: #d1d1d1; height: 5vh;" />
                    </div>
                    <a id="qz_btnQZ3" class="weui-btn_primary" style="border: 1px solid rgba(0,0,0,.2);box-sizing:border-box; border-radius: 10px;" href="javascript:">
                        <div style="width: 20vw; height: 5vh;line-height:5vh; text-align: center; color: white">查询</div>
                    </a>
                </div>

                <div class="weui-panel weui-panel_access">
                    <div id="qz_list3" class="weui-panel__bd">
                        <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
                            <div class="weui-media-box__bd">
                                <div style="display: flex; flex-direction: row; justify-content: space-between;">
                                    <p class="weui-media-box__desc">1. &nbsp;&nbsp; 7-2-202</p>
                                    <p class="weui-media-box__desc">2020-02-02 14:30</p>
                                </div>
                                <h4 class="weui-media-box__title">家庭求助</h4>
                                <p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
                            </div>
                        </a>
                        <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
                            <div class="weui-media-box__bd">
                                <h4 class="weui-media-box__title">医药求助</h4>
                                <p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
                            </div>
                        </a>
                    </div>
                    <div class="weui-cell ">
                        <br>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>