业委会求助列表展示

whepi-ui/templates/yeweihui/home.ftl

@@ -39,7 +39,10 @@
 <script>
     <#include "/yeweihui/ribao.js" />
     <#include "/yeweihui/qiuzhu.js" />
-(function ($) {
+
+    var taskList = ${taskList!'[]'};
+
+    (function ($) {
     $(function(){
         $(function(){
             $('.weui-navbar__item').on('click', function () {
@@ -55,11 +58,6 @@
 
     });
 
-    <#--console.log('ssssss');-->
-    <#--var tasks = ${taskList!'[]'};-->
-    // console.log('ssssss', tasks);
-    console.log('asdsfdgfhjghfgdf');
-
     ribao_init();
     qiuzhu_init();
 })(jQuery);

whepi-ui/templates/yeweihui/houseSelect.ftl

@@ -0,0 +1,8 @@
+<div class="weui-btn-area"  style="display: flex; flex-direction: row; justify-content: space-between;">
+    <div style="display: flex; flex-direction: row; justify-content: space-between;width: 60vw;">
+        <input id="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="danyuan" class="weui-btn" style="background-color: #d1d1d1; margin-top: 0; color: #0d1215; width: 17vw;" href="javascript:" value="单元" onfocus="if (value =='单元'){value =''}" onblur="if (value ==''){value='单元'}" />
+        <input id="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='门牌号'}" />
+    </div>
+    <a id="btnQZ" class="weui-btn weui-btn_primary" style="width: 20vw;" href="javascript:">查询</a>
+</div>

whepi-ui/templates/yeweihui/qiuzhu.ftl

@@ -13,11 +13,11 @@
         </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">
-                    <a id="btnQZ" class="weui-btn weui-btn_primary" href="javascript:">查询</a>
-                </div>
+
+                <#include "/yeweihui/houseSelect.ftl" />
+
                 <div class="weui-panel weui-panel_access">
-                    <div class="weui-panel__bd">
+                    <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;">
@@ -36,13 +36,56 @@
                         </a>
                     </div>
                 </div>
-
             </div>
             <div id="qz_nav2" class="weui-tab__bd-item">
-                内容二
+
+                <#include "/yeweihui/houseSelect.ftl" />
+
+                <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>
             </div>
             <div id="qz_nav3" class="weui-tab__bd-item">
-                内容三
+
+                <#include "/yeweihui/houseSelect.ftl" />
+
+                <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>
             </div>
         </div>
     </div>

whepi-ui/templates/yeweihui/qiuzhu.js

@@ -1,7 +1,72 @@
 function qiuzhu_init() {
+
+  makeUI(taskList);
+
   $('#btnQZ').on('click', function () {
     alert("查询");
   });
 
+  $("#dong").select({
+    title: "选择楼栋",
+    items: ["法官", "医生", "猎人", "学生", "记者", "其他"]
+  });
+
+  $("#danyuan").select({
+    title: "选择单元",
+    items: ["法官", "医生", "猎人", "学生", "记者", "其他"]
+  });
+
+  $("#menpaihao").select({
+    title: "选择门牌号",
+    items: ["法官", "医生", "猎人", "学生", "记者", "其他"]
+  });
+}
+
+function makeUI(tasks) {
+
+  $('#qz_list1').empty();
+  $('#qz_list2').empty();
+  $('#qz_list3').empty();
+
+  for (let i = 0; i < tasks.length; i++) {
+
+    let task = tasks[i];
+    if (task.taskStatus == 1) {
 
+      $('#qz_list1').append($('<a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">\n' +
+          '                            <div class="weui-media-box__bd">\n' +
+          '                                <div style="display: flex; flex-direction: row; justify-content: space-between;">\n' +
+          '                                    <p class="weui-media-box__desc">' + task.houseNumber + '</p>\n' +
+          '                                    <p class="weui-media-box__desc">' + '2020-02-02 14:30' + '</p>\n' +
+          '                                </div>\n' +
+          '                                <h4 class="weui-media-box__title">' + task.taskTitle + '</h4>\n' +
+          '                                <p class="weui-media-box__desc">' + task.remark + '</p>\n' +
+          '                            </div>\n' +
+          '                        </a>'));
+    }
+    else if (task.taskStatus == 2) {
+      $('#qz_list2').append($('<a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">\n' +
+          '                            <div class="weui-media-box__bd">\n' +
+          '                                <div style="display: flex; flex-direction: row; justify-content: space-between;">\n' +
+          '                                    <p class="weui-media-box__desc">' + task.houseNumber + '</p>\n' +
+          '                                    <p class="weui-media-box__desc">' + '2020-02-02 14:30' + '</p>\n' +
+          '                                </div>\n' +
+          '                                <h4 class="weui-media-box__title">' + task.taskTitle + '</h4>\n' +
+          '                                <p class="weui-media-box__desc">' + task.remark + '</p>\n' +
+          '                            </div>\n' +
+          '                        </a>'));
+    }
+    else if (task.taskStatus == 3) {
+      $('#qz_list3').append($('<a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">\n' +
+          '                            <div class="weui-media-box__bd">\n' +
+          '                                <div style="display: flex; flex-direction: row; justify-content: space-between;">\n' +
+          '                                    <p class="weui-media-box__desc">' + task.houseNumber + '</p>\n' +
+          '                                    <p class="weui-media-box__desc">' + '2020-02-02 14:30' + '</p>\n' +
+          '                                </div>\n' +
+          '                                <h4 class="weui-media-box__title">' + task.taskTitle + '</h4>\n' +
+          '                                <p class="weui-media-box__desc">' + task.remark + '</p>\n' +
+          '                            </div>\n' +
+          '                        </a>'));
+    }
+  }
 }

whepi-web/src/main/java/com/bofeng/wx/controller/YeWeiHuiController.java

@@ -3,6 +3,7 @@ package com.bofeng.wx.controller;
 import com.bofeng.entity.QzTask;
 import com.bofeng.service.QzTaskService;
 import com.google.common.collect.Maps;
+import com.yvan.platform.YvanUtil;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.ui.ModelMap;
 import org.springframework.web.bind.annotation.GetMapping;
@@ -27,7 +28,8 @@ public class YeWeiHuiController {
 
         List<QzTask> taskList = qzTaskService.selectAll();
 
-        model.put("taskList", taskList);
+        model.put("taskList", YvanUtil.toJsonPretty(taskList));
+
         return new ModelAndView("/yeweihui/home.ftl", model);
     }
 }

whepi-web/src/main/resources/application.yml

@@ -43,7 +43,7 @@ endpoints:
 #  whitelabel.enabled: false
 
 spring:
-  profiles.active: guojing
+  profiles.active: lll
 
   application:
     name: bofeng-web