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

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 (var i = 0; i < tasks.length; i++) {

    var 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>'));
    }
  }
}