|
@@ -0,0 +1,341 @@
|
|
|
+<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" onclick="familyClick()">
|
|
|
+ 未响应
|
|
|
+ </a>
|
|
|
+ <a class="weui-navbar__item" target="#qz_nav2" module="qiu_zhu" id="qzMy_help" onclick="qzMy_help('')">
|
|
|
+ 已响应
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="weui-tab__panel">
|
|
|
+ <div id="qz_nav1" class="weui-tab__bd-item qiu_zhu_weui_tab_bd_item_active">
|
|
|
+ <div id="notitle">
|
|
|
+ <#--<a class="weui-cell weui-cell_active weui-cell_access js_item" data-id="form" href="javascript:;">
|
|
|
+ <div class="weui-cell__bd">
|
|
|
+ <div class="weui-media-box weui-media-box_text" id="title">
|
|
|
+ <p class="weui-media-box__desc">由各种物质组成的巨型球状天体,叫做星球。星球有一定的形状,有自己的运行轨道。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="weui-cell__ft"></div>
|
|
|
+ </a>
|
|
|
+ <a class="weui-cell weui-cell_active weui-cell_access js_item" data-id="list" href="javascript:;">
|
|
|
+ <div class="weui-cell__bd">
|
|
|
+ <div class="weui-media-box weui-media-box_text" id="title">
|
|
|
+ <p class="weui-media-box__desc">由各种物质组成的巨型球状天体,叫做星球。星球有一定的形状,有自己的运行轨道。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="weui-cell__ft"></div>
|
|
|
+ </a>
|
|
|
+ <a class="weui-cell weui-cell_active weui-cell_access js_item" data-id="name" href="javascript:;">
|
|
|
+ <div class="weui-cell__bd">
|
|
|
+ <div class="weui-media-box weui-media-box_text" id="title2">
|
|
|
+ <p class="weui-media-box__desc">由各种物质组成的巨型球状天体,叫做星球。星球有一定的形状,有自己的运行轨道。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="weui-cell__ft"></div>
|
|
|
+ </a>
|
|
|
+ <a class="weui-cell weui-cell_active weui-cell_access js_item" data-id="age" href="javascript:;">
|
|
|
+ <div class="weui-cell__bd">
|
|
|
+ <div class="weui-media-box weui-media-box_text" id="title3">
|
|
|
+ <p class="weui-media-box__desc">由各种物质组成的巨型球状天体,叫做星球。星球有一定的形状,有自己的运行轨道。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="weui-cell__ft"></div>
|
|
|
+ </a>-->
|
|
|
+ </div>
|
|
|
+ <div id="titlteZs" style="display: none">
|
|
|
+ <div class="page__bd">
|
|
|
+ <div class="weui-panel weui-panel_access" id="qzHS">
|
|
|
+ </div>
|
|
|
+ <div class="button-sp-area">
|
|
|
+ <div class="weui-btn-area">
|
|
|
+ <a class="weui-btn weui-btn_primary" onclick="qzBackXiaoQu();">返回</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <#--我的求助2-->
|
|
|
+ <div id="qz_nav2" class="weui-tab__bd-item">
|
|
|
+ <div id="notPlay">
|
|
|
+ <div class="weui-btn-area">
|
|
|
+ <a id="btnQZ" class="weui-btn weui-btn_primary" onclick="qzDetail();">发起求助</a>
|
|
|
+ </div>
|
|
|
+ <div class="weui-cell weui-cell_active weui-cell_switch">
|
|
|
+ <div class="weui-cell">
|
|
|
+ <div class="weui-cell__bd">
|
|
|
+ <input type="text" class="weui-input" placeholder="搜素关键字"/>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <input hidden="hidden" name="Gj11" id="Gj" value="on" type="radio" checked="checked"/>
|
|
|
+ <div class="weui-cell__ft">
|
|
|
+ <input class="weui-switch" type="checkbox" id="ground" name="ground">
|
|
|
+ </div>
|
|
|
+ <div class="weui-cell__bd">只显示未解决</div>
|
|
|
+ </div>
|
|
|
+ <div id="family">
|
|
|
+ <div class="weui-panel__bd" id="valueQz">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div id="play" style="display: none" class="weui-panel__bd"><#--发起求助的展示界面-->
|
|
|
+ <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="Qzinput" class="weui-input" type="text"
|
|
|
+ placeholder="输入求助标题" maxlength="20" bindinput='formName' name="name"
|
|
|
+ >
|
|
|
+ <#--<button id="js_input_clear" onclick="inputClick()"
|
|
|
+ class="weui-btn_reset weui-btn_icon weui-btn_input-clear">
|
|
|
+ <i class="weui-icon-clear"></i>
|
|
|
+ </button>-->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="weui-form__control-area">
|
|
|
+ <div class="weui-cells__group weui-cells__group_form">
|
|
|
+ <div class="weui-cells weui-cells_checkbox">
|
|
|
+ <label class="weui-cell weui-cell_active weui-check__label" for="qzf1">
|
|
|
+ <div class="weui-cell__hd">
|
|
|
+ <input type="checkbox" class="weui-check" name="checkbox1" id="qzf1"
|
|
|
+ value="居委会">
|
|
|
+ <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="qzf2">
|
|
|
+ <div class="weui-cell__hd">
|
|
|
+ <input type="checkbox" name="checkbox2" class="weui-check" id="qzf2"
|
|
|
+ value="业委会">
|
|
|
+ <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="qzf3">
|
|
|
+ <div class="weui-cell__hd">
|
|
|
+ <input type="checkbox" name="checkbox3" class="weui-check" id="qzf3" value="物业">
|
|
|
+ <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="qzf4">
|
|
|
+ <div class="weui-cell__hd">
|
|
|
+ <input type="checkbox" name="checkbox4" class="weui-check" id="qzf4"
|
|
|
+ value="志愿者">
|
|
|
+ <i class="weui-icon-checked"></i>
|
|
|
+ </div>
|
|
|
+ <div class="weui-cell__bd">
|
|
|
+ <p>志愿者</p>
|
|
|
+ </div>
|
|
|
+ </label>
|
|
|
+ <#--<a href="javascript:void(0);" class="weui-cell weui-cell_active weui-cell_link">
|
|
|
+ <div class="weui-cell__bd">添加更多</div>
|
|
|
+ </a>-->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="weui-cells weui-cells_form">
|
|
|
+ <div class="weui-cell ">
|
|
|
+ <div class="weui-cell__bd">
|
|
|
+ <textarea class="weui-textarea" placeholder="请输入求助内容" rows="3"
|
|
|
+ id="remarks"></textarea>
|
|
|
+ <div class="weui-textarea-counter"><span>0</span>/200</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="weui-cell">
|
|
|
+ <a class="weui-btn weui-btn_primary" href="javascript:" id="back"
|
|
|
+ onclick="qzCommit()">发起求助</a>
|
|
|
+ </div>
|
|
|
+ <div class="weui-cell ">
|
|
|
+ <br>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div id="familyDisplay" style="display: none">
|
|
|
+ <div class="page__bd">
|
|
|
+ <div class="weui-panel weui-panel_access" id="qzHS2">
|
|
|
+ </div>
|
|
|
+ <div class="button-sp-area">
|
|
|
+ <div class="weui-btn-area">
|
|
|
+ <a class="weui-btn weui-btn_primary" onclick="qzBackHome();">返回</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+
|
|
|
+<script>
|
|
|
+
|
|
|
+ function qzCommit() {
|
|
|
+ /* $("#qzf1").val()
|
|
|
+ $("#qzf2").val()
|
|
|
+ $("#qzf3").val()
|
|
|
+ $("#qzf4").val()*/
|
|
|
+ var taskTitle = $("#Qzinput").val();
|
|
|
+ if (!taskTitle) {
|
|
|
+ alert("请输入求助标题!")
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ var taskTarget = $("#qzf2").val();
|
|
|
+ if (!taskTarget) {
|
|
|
+ alert("请输入求助目标!")
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ var remark = $("#remarks").val();
|
|
|
+ if (!remark) {
|
|
|
+ alert("请输入求助内容!")
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+
|
|
|
+ var data = {}
|
|
|
+ var tep = JSON.stringify(data);
|
|
|
+ console.log(tep)
|
|
|
+ $.ajax({
|
|
|
+ url: '/home/home/addFimaly',
|
|
|
+ data: {
|
|
|
+ taskTitle: $("#Qzinput").val(),
|
|
|
+ taskTarget: $("#qzf2").val(),
|
|
|
+ remark: $("#remarks").val()
|
|
|
+ },
|
|
|
+ type: 'GET',
|
|
|
+ success: function (data) {
|
|
|
+ /*if ($('#notPlay')[0].style.display == 'none') {
|
|
|
+ $('#play').toggle();
|
|
|
+ $('#notPlay')[0].style.display = '';
|
|
|
+ } else {
|
|
|
+ $('#play')[0].style.display = '';
|
|
|
+ $('#notPlay')[0].style.display = 'none';
|
|
|
+ }*/
|
|
|
+ },
|
|
|
+ error: function () {
|
|
|
+
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ //我的求助的页面展示
|
|
|
+ function qzMy_help(status) {
|
|
|
+ $('#valueQz').empty();//清除节点
|
|
|
+ $.ajax({
|
|
|
+ url: '/home/home/queryQzTask',
|
|
|
+ data: {taskStatus: status},
|
|
|
+ type: 'GET',
|
|
|
+ success: function (data) {
|
|
|
+ console.log(data);
|
|
|
+ if (data.data.length > 0) {
|
|
|
+ hasData = true;
|
|
|
+ data.data.forEach(function (v) {
|
|
|
+ helpValue(v);
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error: function () {
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ function helpValue(v) {
|
|
|
+ $('#valueQz').append($(' <a class="weui-cell weui-cell_active weui-cell_access js_item" data-id="form"\n' +
|
|
|
+ ' onclick=\'myItemClick(' + JSON.stringify(v) + ')\'>\n' +
|
|
|
+ ' <div class="weui-cell__bd">\n' +
|
|
|
+ ' <div class="weui-media-box weui-media-box_text" id="title">\n' +
|
|
|
+ ' <p class="weui-media-box__desc">' + v.taskTitle + '</p>\n' +
|
|
|
+ ' </div>\n' +
|
|
|
+ ' </div>\n' +
|
|
|
+ ' <div class="weui-cell__ft"></div>\n' +
|
|
|
+ ' </a><br />'));
|
|
|
+ }
|
|
|
+
|
|
|
+ function myItemClick(v) {
|
|
|
+ if ($('#familyDisplay')[0].style.display == 'none') {
|
|
|
+ $('#familyDisplay')[0].style.display = '';
|
|
|
+ $("#notPlay").toggle();
|
|
|
+ $('#qzHS2').empty();
|
|
|
+ $.ajax({
|
|
|
+ url: '/home/home/taskQuery',
|
|
|
+ data: {taskId: v.taskId},
|
|
|
+ type: 'GET',
|
|
|
+ success: function (data) {
|
|
|
+ console.log(data);
|
|
|
+ if (data.data.length > 0) {
|
|
|
+ hasData = true;
|
|
|
+ $('#qzHS2').append($('<div>' + data.data[0].taskTitle + '</div>'))
|
|
|
+ data.data.forEach(function (v) {
|
|
|
+ shValuenat2(v);
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error: function () {
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function shValuenat2(v) {
|
|
|
+ $('#qzHS2').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">业主1号</p>\n' +
|
|
|
+ ' <p class="weui-media-box__desc">' + timestampToTime(v.timeUpdate) + '</p>\n' +
|
|
|
+ ' </div>\n' +
|
|
|
+ ' <div class="weui-cell ">\n' +
|
|
|
+ ' <div class="weui-cell__bd">\n' +
|
|
|
+ ' <textarea class="weui-textarea" rows="1" readonly >' + v.replyContent + '</textarea>\n' +
|
|
|
+ ' <div class="weui-textarea-counter"></div>\n' +
|
|
|
+ ' </div>\n' +
|
|
|
+ ' </div>\n' +
|
|
|
+ ' </div>\n' +
|
|
|
+ ' </a>\n<br />'));
|
|
|
+ }
|
|
|
+
|
|
|
+ function qzBackXiaoQu() {
|
|
|
+ if ($('#titlteZs')[0].style.display == 'none') {
|
|
|
+ $('#notitle').toggle();
|
|
|
+ $('#titlteZs')[0].style.display = '';
|
|
|
+ } else {
|
|
|
+ $('#notitle')[0].style.display = '';
|
|
|
+ $('#titlteZs')[0].style.display = 'none';
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ function qzBackHome() {
|
|
|
+ if ($('#notPlay')[0].style.display == 'none') {
|
|
|
+ $('#familyDisplay').toggle();
|
|
|
+ $('#notPlay')[0].style.display = '';
|
|
|
+ } else {
|
|
|
+ $('#familyDisplay')[0].style.display = '';
|
|
|
+ $('#notPlay')[0].style.display = 'none';
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ function qzDetail() {
|
|
|
+ $("#notPlay").toggle();
|
|
|
+ /*点击隐藏*/
|
|
|
+ /*展示*/
|
|
|
+ $('#play')[0].style.display = '';
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|