hust-epi/whepi-ui/templates/home/htlpXq.ftl

<#assign title="求助详情"/>
<#include "/home/frag.head.ftl" />

<div class="weui-tab">
    <div class="weui-btn-area" style="display: flex; flex-direction: row;">
        <a class="weui-btn weui-btn_primary" href="javascript:goback();"
           style="width: 25vw; height: 6vh; line-height: 6vh;">返回</a>
        <div style="width: 65%;"></div>
    </div>

    <div class="weui-btn-area">

        <p class="weui-media-box__desc">求助标题</p>
        <h4 class="weui-media-box__title">${ task.taskTitle }</h4>
        <br>
        <p class="weui-media-box__desc">求助对象</p>
        <h4 class="weui-media-box__title">${ task.taskTarget }</h4>
        <br>
        <p class="weui-media-box__desc">求助内容</p>
        <h4 class="weui-media-box__title">${ task.remark }</h4>
        <br>





        <#if task.taskStatus == 1>
        <#--<div class="weui-btn-area">
            <p style="align-items: center">处理中</p>
        </div>-->
        </#if>
        <#if task.taskStatus == 2 >
        <div class="weui-btn-area" id="hf">
            <a class="weui-btn weui-btn_default" href="javascript:doTask();">回复</a>
            <a class="weui-btn weui-btn_primary" href="javascript:commint();">完成</a>
        </div>
            <p class="weui-media-box__desc" style="margin-top: 3vh;">回复列表：</p>
            <div id="qz_doing_detail" style="margin-top: 3vh;"></div>
        </#if>
        <#if task.taskStatus == 3>
            <div class="weui-btn_primary"
                 style="margin-bottom: 3vh; display: flex; justify-content: center; height: 5vh; line-height: 5vh">
                <h4 class="weui-media-box__title">已完成</h4>
            </div>
            <p class="weui-media-box__desc" style="margin-top: 3vh;">回复列表：</p>
            <div id="qz_done_detail"></div>
        </#if>
    </div>

    <div id="qz_showPop" class="weui-popup__container popup-bottom">
        <div class="weui-popup__overlay"></div>
        <div class="weui-popup__modal">
            <div class="weui-btn-area">
                <div style="display:flex; flex-direction: row; justify-content: space-between;">
                    <div style="width: 75%;"></div>
                    <a class="weui-btn weui-btn_primary" style="margin-bottom: 3vh;" href="javascript:close();">关闭</a>
                </div>
                <textarea id="qz_content" class="weui-textarea" placeholder="请输入文本" rows="5" maxlength="99"></textarea>
                <a class="weui-btn weui-btn_primary" style="margin-top: 3vh;margin-bottom: 5vh;"
                   href="javascript:send();">提交</a>
            </div>
        </div>
    </div>
</div>

<#include "/home/frag.foot.ftl" />

<script>
    var task = ${taskJson};
    var userId = ${userId};
    <#--var YeuserId = ${YeuserId};//业委会id-->
    (function ($) {

        if (task.taskStatus == 2 || task.taskStatus == 3) {
            getdealdetail();
        }
        console.log(task.userId)
        console.log(userId)
        if (task.userId != userId) {
            $('#hf').toggle();
        }
    })(jQuery);

    function doTask() {
        $("#qz_showPop").popup();
    }

    //完成
    function commint() {
        $.ajax({
            url: '/home/qiuzhu/reply.json',
            type: 'GET',
            data: {
                taskId: task.taskId,
            },
            success: function (data) {
                /*$.closePopup();*/
                window.location.href = "/user/homeIndex.html?show=qiuzhu&userId=" + userId + "&userType=" + 1;
            },
            error: function () {
            }
        });
    }

    function close() {
        $.closePopup();
    }

    function send() {

        var qzcontent = $('#qz_content').val();
        if (qzcontent.length <= 0) {
            $.alert("请输入内容");
            return;
        }
        $.ajax({
            url: '/yeweihui/qiuzhu/reply/add.json',
            type: 'post',
            data: {
                userId: userId,
                taskId: task.taskId,
                replyContent: qzcontent,
                userCreate: userId,
                userUpdate: userId,
            },
            success: function (data) {
                $.closePopup();
                window.location.href = "/user/homeIndex.html?show=qiuzhu&userId=" + userId + "&userType=" + 1;
            },
            error: function () {
                $.alert("网络异常");
            }
        });
    }

    function goback() {
        window.location.href = "/user/homeIndex.html?show=qiuzhu&userId=" + userId + "&userType=" + 1;

        //window.history.back();
    }

    function getdealdetail() {
        $.ajax({
            url: '/home/qiuzhu/getData',
            type: 'post',
            data: {
                taskId: task.taskId,
            },
            success: function (data) {
                console.log("---返回数据---", data);

                if (task.taskStatus == 2) {
                    for (var i = 0; i < data.data.length; i++) {
                        var reply = data.data[i];
                        $("#qz_doing_detail").append('<p class="weui-media-box__desc">' + reply.nickName + '&emsp;' + reply.timeUpdate + '</p>\n' +
                                '        <h4 class="weui-media-box__title">' + reply.replyContent + '</h4><br>');
                    }
                }
                else if (task.taskStatus == 3) {
                    for (var i = 0; i < data.data.length; i++) {
                        var reply = data.data[i];
                        $("#qz_done_detail").append('<p class="weui-media-box__desc">' + reply.nickName + '&emsp;' + reply.timeUpdate + '</p>\n' +
                                '        <h4 class="weui-media-box__title">' + reply.replyContent + '</h4><br>');
                    }
                }
            },
            error: function () {
                $.alert("网络异常");
            }
        });
    }

    function timestampToTime(timestamp) {
        var date = new Date(timestamp); //时间戳为10位需*1000，时间戳为13位的话不需乘1000
        var Y = date.getFullYear() + '/';
        var M = ((date.getMonth() + 1) < 10) ? ('0' + (date.getMonth() + 1) + '/') : ((date.getMonth() + 1) + '/');
        var D = (date.getDate() < 10) ? ('0' + date.getDate() + ' ') : (date.getDate() + ' ');
        var h = (date.getHours() < 10) ? ('0' + date.getHours() + ':') : (date.getHours() + ':');
        var m = (date.getMinutes() < 10) ? ('0' + date.getMinutes() + ':') : (date.getMinutes() + ':');
        var s = (date.getSeconds() < 10) ? ('0' + date.getSeconds()) : (date.getSeconds());
        return Y + M + D + h + m + s;
    }
</script>