xielianghe

whepi-ui/templates/home/home.ftl

@@ -60,5 +60,8 @@
         qiuzhu_init();
         help();
         family_init();
+        ribao_add();
+        ribao_cancel();
+        ribao_commit();
     })(jQuery);
 </script>

whepi-ui/templates/home/ribao.ftl

@@ -1,5 +1,3 @@
-
-
 <div class="page__bd">
     <div class="weui-tab">
         <div class="weui-navbar">
@@ -12,15 +10,167 @@
         </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" 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 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:;" 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">
+                        <div class="weui-grid__icon">
+                            <img src="./images/icon_nav_button.png" alt="">
+                        </div>
+                        <p class="weui-grid__label">
+                            Button
+                        </p>
+                    </a>
+                    <a href="javascript:;" class="weui-grid">
+                        <div class="weui-grid__icon">
+                            <img src="./images/icon_nav_cell.png" alt="">
+                        </div>
+                        <p class="weui-grid__label">
+                            Cell
+                        </p>
+                    </a>
+                    <a href="javascript:;" class="weui-grid">
+                        <div class="weui-grid__icon">
+                            <img src="./images/icon_nav_cell.png" alt="">
+                        </div>
+                        <p class="weui-grid__label">
+                            Cell
+                        </p>
+                    </a>
+                    <a href="javascript:;" class="weui-grid">
+                        <div class="weui-grid__icon">
+                            <img src="./images/icon_nav_cell.png" alt="">
+                        </div>
+                        <p class="weui-grid__label">
+                            Cell
+                        </p>
+                    </a>
+                </div>
             </div>
         </div>
     </div>
-    <div class="weui-btn-area">
-        <a id="btnRB" class="weui-btn weui-btn_primary" href="javascript:">日报</a>
-    </div>
 </div>
 

whepi-ui/templates/home/ribao.js

@@ -1,7 +1,43 @@
 function ribao_init() {
   $('#btnRB').on('click', function () {
-    window.location.href="/yeweihui/home.html";
+    window.location.href = "/yeweihui/home.html";
   });
 
+}
+
+
+function ribao_add() {
+  $('#btnAdd').on('click', function () {
+    if ($('#ribao')[0].style.display == 'none') {
+      $('#notOpenRibao').toggle();
+      $('#ribao')[0].style.display = '';
+    } else {
+      $('#notOpenRibao')[0].style.display = '';
+      $('#ribao')[0].style.display = 'none';
+    }
+  });
+}
 
+function ribao_cancel() {
+  $('#cancel').on('click', function () {
+    if ($('#ribao')[0].style.display == 'none') {
+      $('#notOpenRibao').toggle();
+      $('#ribao')[0].style.display = '';
+    } else {
+      $('#notOpenRibao')[0].style.display = '';
+      $('#ribao')[0].style.display = 'none';
+    }
+  });
+}
+
+function ribao_commit() {
+  $('#commit').on('click', function () {
+    if ($('#ribao')[0].style.display == 'none') {
+      $('#notOpenRibao').toggle();
+      $('#ribao')[0].style.display = '';
+    } else {
+      $('#notOpenRibao')[0].style.display = '';
+      $('#ribao')[0].style.display = 'none';
+    }
+  });
 }