puti
/
snd-escloud


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635
							<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorate="~{admin/common/common}">
<head>
    <title>活动详情</title>
    <style>
        .ke-container-default {
            width: 100% !important
        }

        .error {
            color: red;
        }

        .upload-box {
            width: 400px;
            height: 200px;
            background: #f5f5f5;
            border: solid 1px #ccc;
            text-align: center;
        }

        .shc-box {
            margin-top: 60px;
        }

        .icon-add {
            display: inline-block;
            width: 60px;
            height: 60px;
            border: solid 1px #0c80fe;
            color: #0c80fe;
            border-radius: 50%;
            font-size: 40px;
            line-height: 60px;
        }

        .formControls_ul {
            width: 95%;
            margin: 0 auto;
            padding-top: 20px;
        }

        .formControls_ul li {

        }

        .formControls_p {
            border-bottom: 1px solid #ddd;
            padding-bottom: 15px;
        }

        .formControls_p span:last-child {
            padding-left: 15px;
        }

        .r {
            padding: 10px 20px;
        }

        .l {
            padding: 10px 20px;
        }

        .activity-top {
            border: solid 1px #dadada;
            padding: 15px;
        }

        .activity-box {
            margin-bottom: 10px;
        }

        .activity-box:last-child {
            margin-bottom: 0;
        }

        .activity-box-label {
            display: block;
            float: left;
            width: 80px;
            padding: 5px 0;
        }

        .activity-box-list {
            float: left;
        }

        .activity-box-list ul {
            border: solid 1px #dadada;
        }

        .activity-box-list ul li {
            float: left;
            border-right: solid 1px #dadada;
            padding: 5px 20px;
            cursor: pointer;
        }

        .activity-box-list ul li.active {
            background: #7DB4D8;
            color: #fff;
        }

        .activity-box-list ul li:last-child {
            border-right: 0;
        }
    </style>
</head>

<body layout:fragment="content">
<article class="page-container">
    <div class="tabBar cl">
        <span>活动详情</span>
        <span>报名信息</span>
        <span>签到信息</span>
        <span onclick="setTabFlag(3)">反馈信息</span>
    </div>
    <!--活动热度-->
    <div>
        <div class="tabCon">
            <div class="form form-horizontal" id="form-activity-add">
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-2">活动类别：</label>
                    <div class="formControls col-xs-8 col-sm-9">

                        <p th:text="${activity?.activity_type}"></p>

                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-2">活动标题：</label>
                    <div class="formControls col-xs-8 col-sm-9">
                        <p th:text="${activity?.activity_title}"></p>
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-2">活动地址：</label>
                    <div class="formControls col-xs-8 col-sm-9">
                        <p th:text="${activity?.activity_location}"></p>
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-2"><span>活动时间：</span></label>
                    <div class="formControls col-xs-8 col-sm-9 clearfix" style="margin-bottom: 10px;">
                        <label class="form-label col-xs-2 col-sm-2"><span>开始时间：</span></label>
                        <div class="formControls col-xs-4 col-sm-4">
                            <p th:text="(${activity.activity_starttime!=null && activity.activity_starttime!=''})?${#strings.substring(activity?.activity_starttime,0,16)}:''"></p>
                        </div>
                    </div>
                    <div class="clearfix">
                        <label class="form-label col-xs-4 col-sm-2"></label>
                        <div class="formControls col-xs-8 col-sm-9 clearfix">
                            <label class="form-label col-xs-2 col-sm-2"><span>结束时间：</span></label>
                            <div class="formControls col-xs-4 col-sm-4">
                                <p th:text="(${activity.activity_endtime!=null && activity.activity_endtime!=''})?${#strings.substring(activity?.activity_endtime,0,16)}:''"></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-2"><span>活动海报：</span></label>
                    <div class="formControls col-xs-8 col-sm-9">
                        <!-- <img th:src="${activity.fileDown.download_uri} +${activity.fileDown.file_url}" style="max-width: 500px;"> -->
                        <img th:if="${activity.fileDown.file_url!=null && activity.fileDown.file_url!=''}"
                             th:src=" ${fileUrl} +${activity.fileDown.file_url}" style="max-width: 500px;">
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-2"><span>活动限额：</span></label>
                    <div class="formControls col-xs-2 col-sm-2">
                        <p th:if="${activity.activity_quota==''||activity.activity_quota==null}">否</p>
                        <p th:if="${activity.activity_quota!=''&&activity.activity_quota!=null}">是</p>
                    </div>
                </div>
                <div class="row cl" th:if="${activity.activity_quota!=null}">
                    <label class="form-label col-xs-4 col-sm-2">活动名额：</label>
                    <div class="formControls col-xs-8 col-sm-9">
                        <p th:text="${activity?.activity_quota}"></p>
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-2"><span>报名截止日期：</span></label>
                    <div class="formControls col-xs-3 col-sm-3">
                        <p th:text="(${activity.activity_deadline!=null && activity.activity_deadline!=''})?${#strings.substring(activity?.activity_deadline,0,16)}:''"></p>
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-2">审核报名者：</label>
                    <div class="formControls col-xs-8 col-sm-9">
                        <p th:if="${activity.is_review=='0'}">是</p>
                        <p th:if="${activity.is_review=='1'}">否</p>
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-2">是否公开：</label>
                    <div class="formControls col-xs-8 col-sm-9">
                        <p th:if="${activity.is_public=='0'}">是</p>
                        <p th:if="${activity.is_public=='1'}">否</p>
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-2">推送对象：</label>
                    <div class="formControls col-xs-8 col-sm-9">
                        <!--<p >难道是老了吗？为什么开始抛弃小白鞋爱上小粉鞋了？</p>-->
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-2"></label>
                    <span id="pushNames" th:text="${activity.push_names}"></span>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-2"><span>推送级别：</span></label>
                    <div class="formControls col-xs-2 col-sm-2">
                        <p th:if="${activity.push_level=='0'}">普通</p>
                        <p th:if="${activity.push_level=='1'}">重要</p>
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-2">内容：</label>
                    <div class="formControls col-xs-8 col-sm-9">
                        <!--<p>[[${activity?.content}]]</p>-->
                        <span th:utext="*{activity.content}"></span>

                    </div>
                </div>
                <div class="row cl" style="text-align: center">
                    <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
                        <a onclick="removeIframe();" class="btn btn-default radius" type="button">返回</a>
                    </div>
                </div>
            </div>
        </div>
        <!--报名信息-->
        <div class="tabCon">
            <span class="l" th:if="${quota != null && quota != ''}" th:text="${'审核通过/名额人数：'+num+'/'+quota}"></span>
            <span class="r" th:text="${'共报名'+#lists.size(registrationSuccessList)+'人'}"></span>
            <table class="table table-border table-bordered table-bg table-hover"
                   style="table-layout: fixed;width:100%;">
                <thead>
                <tr class="text-c">
                    <th>单位名称</th>
                    <th width="90">姓名</th>
                    <th>手机号码</th>
                    <th>邮箱</th>
                    <th>职位</th>
                    <th>报名途径</th>
                    <th width="90">审核结果</th>
                </tr>
                </thead>
                <tbody>
                <tr class="text-c" th:each="m,iterStat:${registrationList}">
                    <td th:text="${m.user_name}"></td>
                    <td th:text="${m.name}"></td>
                    <td th:text="${m.phone}"></td>
                    <td th:text="${m.mail}"></td>
                    <td th:text="${m.position}"></td>
                    <!--报名途径-->
                    <td th:if="${m.registration_way=='0'}">门户</td>
                    <td th:if="${m.registration_way=='1'}">微信</td>
                    <!--报名途径-->
                    <td th:if="${m.review_state=='0'}">待审核</td>
                    <td th:if="${m.review_state=='1'}">通过</td>
                    <td th:if="${m.review_state=='2'}">驳回</td>
                    <td th:if="${m.review_state=='3'}">取消报名</td>
                </tr>
                </tbody>
            </table>
            <div class="row cl" style="padding-top: 10px">
                <div style="text-align: center">
                    <!--<a th:onclick="'javascript:print(\'打印\',\'/government/activity/printReg/'+${activity.id}+'\');'"
                       class="btn btn-secondary radius" type="button">打印全部</a>-->
                    <a th:onclick="'javascript:exportExcelRegistration(\''+${activity.id}+'\');'"
                       class="btn btn-secondary radius" type="button">下载</a>
                    <a onclick="removeIframe();" class="btn btn-default radius" type="button">返回</a>
                </div>
            </div>
        </div>
        <!--签到信息-->
        <div class="tabCon">
            <span class="r" th:text="${'共报名'+#lists.size(signList)+'人'}"></span>
            <table class="table table-border table-bordered table-bg table-hover"
                   style="table-layout: fixed;width:100%;">
                <thead>
                <tr class="text-c">
                    <th>单位名称</th>
                    <th width="90">姓名</th>
                    <th>职位</th>
                    <th>手机号码</th>
                    <th>报名时间</th>
                    <th>签到信息</th>
                    <th>签到时间</th>
                </tr>
                </thead>
                <tbody>
                <tr class="text-c" th:each="m,iterStat:${signList}">
                    <!--单位名称-->
                    <td th:text="${m.user_name}"></td>
                    <!--姓名-->
                    <td th:text="${m.name}"></td>
                    <!--职位-->
                    <td th:text="${m.position}"></td>
                    <!--手机号码-->
                    <td th:text="${m.phone}"></td>
                    <!--报名时间-->
                    <td th:text="${#dates.format(m.registration_time, 'yyyy-MM-dd HH:mm:ss')}"></td>
                    <!--签到信息-->
                    <td th:if="${m.sign_state=='' || m.sign_state==null}">待确认</td>
                    <td th:if="${m.sign_state=='0'}">已签到</td>
                    <td th:if="${m.sign_state=='1'}">未参加</td>
                    <!--签到时间-->
                    <td th:text="${#dates.format(m.sign_time, 'yyyy-MM-dd HH:mm:ss')}"></td>
                </tr>
                </tbody>
            </table>
            <div class="row cl" style="padding-top: 10px">
                <div style="text-align: center">
                    <a th:onclick="'javascript:exportExcelSign(\''+${activity.id}+'\');'"
                       class="btn btn-secondary radius" type="button">下载</a>
                    <a onclick="removeIframe();" class="btn btn-default radius" type="button">返回</a>
                </div>
            </div>
        </div>
        <!--反馈信息-->
        <div class="tabCon">

            <form id="myForm" th:action="@{/government/activity/get/{activity_id}(activity_id=${activity_id})}"
                  th:method="get">

                <div class="activity-top">
                    <div class="clearfix activity-box">
                        <span class="activity-box-label">综合评分:</span>
                        <div class="activity-box-list">
                            <ul class="clearfix" id="feedback_type">
                                <li th:class="${maxScore=='101'&&minScore=='-1'}? 'active' : ''">
                                    <input hidden name="maxScore" type="radio" th:checked="${maxScore=='101'}"
                                           value="101">
                                    <input hidden name="minScore" type="radio" th:checked="${minScore=='-1'}"
                                           value="-1">
                                    <span>全部</span>
                                    <span th:text="${'('+scoreCount.score_all+')'}">(0)</span>
                                </li>
                                <li th:class="${maxScore=='100'&&minScore=='80'}? 'active' : ''">
                                    <input hidden name="maxScore" type="radio" th:checked="${maxScore=='100'}"
                                           value="100">
                                    <input hidden name="minScore" type="radio" th:checked="${minScore=='80'}"
                                           value="80">
                                    <span>100-80</span>
                                    <span th:text="${'('+scoreCount.score100_80+')'}">(0)</span>
                                </li>
                                <li th:class="${maxScore=='80'&&minScore=='60'}? 'active' : ''">
                                    <input hidden name="maxScore" type="radio" th:checked="${maxScore=='80'}"
                                           value="80">
                                    <input hidden name="minScore" type="radio" th:checked="${minScore=='60'}"
                                           value="60">
                                    <span>80-60</span>
                                    <span th:text="${'('+scoreCount.score80_60+')'}">(0)</span>
                                </li>
                                <li th:class="${maxScore=='60'&&minScore=='40'}? 'active' : ''">
                                    <input hidden name="maxScore" type="radio" th:checked="${maxScore=='60'}"
                                           value="60">
                                    <input hidden name="minScore" type="radio" th:checked="${minScore=='40'}"
                                           value="40">
                                    <span>60-40</span>
                                    <span th:text="${'('+scoreCount.score60_40+')'}">(0)</span>
                                </li>
                                <li th:class="${maxScore=='40'&&minScore=='20'}? 'active' : ''">
                                    <input hidden name="maxScore" type="radio" th:checked="${maxScore=='40'}"
                                           value="40">
                                    <input hidden name="minScore" type="radio" th:checked="${minScore=='20'}"
                                           value="20">
                                    <span>40-20</span>
                                    <span th:text="${'('+scoreCount.score40_20+')'}">(0)</span>
                                </li>
                                <li th:class="${maxScore=='20'&&minScore=='-2'}? 'active' : ''">
                                    <input hidden name="maxScore" type="radio" th:checked="${maxScore=='20'}"
                                           value="20">
                                    <input hidden name="minScore" type="radio" th:checked="${minScore=='-2'}"
                                           value="-2">
                                    <span>20-0</span>
                                    <span th:text="${'('+scoreCount.score20_0+')'}">(0)</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="page-container">
                    <div class="cl pd-5 bg-1 bk-gray mt-20">
                        <span class="l">
                        </span>
                        <span class="r">共有数据：<strong th:text="${pageInfo?.total}" id="total">0</strong> 条</span>
                    </div>
                    <table class="table table-border table-bordered table-bg table-hover"
                           style="table-layout: fixed;width:100%;">
                        <thead>
                        <tr class="text-c">
                            <th width="60">用户姓名</th>
                            <th width="100">反馈时间</th>
                            <th>活动评价</th>
                            <th width="60">综合评分</th>
                            <th>反馈及建议</th>
                            <th>回复内容</th>
                            <th width="60">反馈类型</th>
                            <th width="60">是否显示</th>
                            <th width="120">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr class="text-c" th:each="m,iterStat:${pageInfo.list}">
                            <!-- 用户姓名 -->
                            <td th:text="${m.feedback_name}"></td>
                            <!-- 反馈时间 -->
                            <td>
                                <p th:text="${#dates.format(m.feedback_time,'yyyy年MM月dd日')}"></p>
                                <p th:text="${#dates.format(m.feedback_time,'HH:mm:ss')}"></p>
                            </td>
                            <!-- 活动评价 -->
                            <td>
                                <p>内容设计(20分)
                                    <i th:if="${m.score_1 > 0}">
                                        <i th:each="i:${#numbers.sequence(1,m.score_1)}" class="ifont-xing"
                                           style="color:#FFD700"></i>
                                    </i>
                                    <i th:if="${m.score_1 < 5}">
                                        <i th:each="i:${#numbers.sequence(m.score_1,4)}" class="ifont-star"
                                           style="color:#DCDCDC"></i>
                                    </i>
                                </p>
                                <p>讲师水平(20分)
                                    <i th:if="${m.score_2 > 0}">
                                        <i th:each="i:${#numbers.sequence(1,m.score_2)}" class="ifont-xing"
                                           style="color:#FFD700"></i>
                                    </i>
                                    <i th:if="${m.score_2 < 5}">
                                        <i th:each="i:${#numbers.sequence(m.score_2,4)}" class="ifont-star"
                                           style="color:#DCDCDC"></i>
                                    </i>
                                </p>
                                <p>活动效果(60分)
                                    <i th:if="${m.score_3 > 0}">
                                        <i th:each="i:${#numbers.sequence(1,m.score_3)}" class="ifont-xing"
                                           style="color:#FFD700"></i>
                                    </i>
                                    <i th:if="${m.score_3 < 5}">
                                        <i th:each="i:${#numbers.sequence(m.score_3,4)}" class="ifont-star"
                                           style="color:#DCDCDC"></i>
                                    </i>
                                </p>
                            </td>
                            <!-- 综合评分 -->
                            <td th:text="${m.score}"></td>
                            <!-- 反馈及建议 -->
                            <td th:text="${m.content}"></td>
                            <!-- 回复内容 -->
                            <td th:id="'reply_'+${m.id}" th:text="${m.reply}"></td>
                            <!-- 反馈类型 -->
                            <td th:if="${m.is_public==true}">公开</td>
                            <td th:if="${m.is_public==false}">不公开</td>
                            <!-- 是否显示 -->
                            <!-- <td th:text="${m.is_view}"></td> -->
                            <td th:if="${m.is_view==true}">显示</td>
                            <td th:if="${m.is_view==false}">不显示</td>
                            <!-- 操作 -->
                            <td>
                                <a class="ml-5" style="color: rgb(14, 144, 210);"
                                   th:if="${m.is_top==false &&  m.is_public==true}"
                                   th:onclick="'javascript:top_feedback('+${m.id}+')'">
                                    置顶
                                </a>
                                <i class="ml-5" style="font-style:normal"
                                   th:if="${m.is_top==false && m.is_public==false}">
                                    置顶
                                </i>
                                <i class="ml-5" style="font-style:normal"
                                   th:if="${m.is_top==true}">
                                    已置顶
                                </i>
                                <a class="ml-5" style="color: rgb(14, 144, 210);"
                                   th:if="${m.is_view==false}" th:onclick="'javascript:show_feedback('+${m.id}+')'">
                                    显示
                                </a>
                                <a class="ml-5" style="color: rgb(14, 144, 210);"
                                   th:if="${m.is_view==true}" th:onclick="'javascript:display_feedback('+${m.id}+')'">
                                    不显示
                                </a>
                                <a class="ml-5" style="color: rgb(14, 144, 210);"
                                   th:onclick="'javascript:reply_dialog(\'回复\',\'/government/activity/reply/'+${m.id}+'\',\'800\',\'500\');'">回复</a>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                    <div th:replace="admin/common/page :: page"></div>
                </div>
            </form>
        </div>
    </div>
</article>
<script type="text/javascript" th:src="@{/js/common/page.js}"></script>
<script th:inline="javascript">

    $(function () {
        $(".activity-box-list ul li").on("click", function () {
            if ($(this).hasClass("active")) {
                $(this).removeClass("active")
            } else {
                $(this).addClass("active").siblings().removeClass("active")
            }
        });
    });

    $("ul#feedback_type").on("click", "li", function () {
        maxScore = $(this).children("input").eq(0).val();
        minScore = $(this).children("input").eq(1).val();

        $('input:radio[name="maxScore"]').removeAttr('checked');
        $('input:radio[name="minScore"]').removeAttr('checked');

        $(this).children("input").eq(0).attr('checked', true);
        $(this).children("input").eq(1).attr('checked', true);

        url = pagePath + "/government/activity/get/" + [[${activity_id}]] + "?minScore=" + minScore + "&maxScore=" + maxScore;
        location.replace(url);
    });

    // tab切换
    tabChange_custom(".tabBar", ".tabCon");

    function tabChange_custom(tabMenu, tabContent) {

        var tabIndex = 0;
        if (sessionStorage.getItem("tabIndex") != undefined && sessionStorage.getItem("tabIndex") != null) {
            tabIndex = sessionStorage.getItem("tabIndex")
        }
        var $tab = $(tabMenu);
        $tab.find("span").eq(tabIndex).addClass("current");
        $(tabContent).eq(tabIndex).show();
        $tab.find("span").on("click", function () {
            var index = $(this).index();
            $(this).addClass("current").siblings().removeClass("current");
            $(tabContent).eq(index).show().siblings().hide();
        })
    }

    function setTabFlag(index) {
        sessionStorage.setItem("tabIndex", index);
    }

    function print(title, url, w, h) {
        var index = layer_show(title, pagePath + url, w, h);
        layer.full(index);
    }

    function exportExcelRegistration(id) {
        window.open(pagePath + "/government/activity/exportExcelRegistration?id=" + id);
    }

    function exportExcelSign(id) {
        window.open(pagePath + "/government/activity/exportExcelSign?id=" + id);
    }

    function reply_dialog(title, url, w, h) {
        var index = layer_show(title, pagePath + url, w, h);
    }

    function show_feedback(feedback_id) {
        $.ajax({
            type: 'put',
            url: pagePath + "/activity/comment/feedback",
            dataType: "json",
            data: {
                id: feedback_id,
                is_view: true
            },
            success: function (data) {
                smileMessage('操作成功!')
                setTime();
            },
            error: function () {
                errorMessage('系统错误!');
            }
        });
    }

    function display_feedback(feedback_id) {
        $.ajax({
            type: 'put',
            url: pagePath + "/activity/comment/feedback",
            dataType: "json",
            data: {
                id: feedback_id,
                is_view: false
            },
            success: function (data) {
                smileMessage('操作成功!')
                setTime();
            },
            error: function () {
                errorMessage('系统错误!');
            }
        });
    }

    function top_feedback(feedback_id) {
        layer.confirm('确定置顶此条反馈内容吗？', function () {
            //此处请求后台程序，下方是成功后的前台处理……
            $.ajax({
                type: 'put',
                url: pagePath + "/activity/comment/feedback",
                dataType: "json",
                data: {
                    id: feedback_id,
                    is_top: true
                },
                success: function (data) {
                    smileMessage('操作成功!')
                    setTime();
                },
                error: function () {
                    errorMessage('系统错误!');
                }
            });
        });
    }

    /**
     * 取消
     */
    function removeIframe() {
        var index = parent.layer.getFrameIndex(window.name);
        parent.layer.close(index);
    }
</script>
</body>
</html>