puti
/
snd-escloud


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
							<!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>
</head>

<body layout:fragment="content">

<article class="page-container">
    <form id="activity_feedback" th:action="@{/street/activity/feedbacks}" th:method="post">
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2" style="text-align: right">活动名称：</label>
            <div class="formControls col-xs-8 col-sm-9" style="font-size: 16px;" th:text="${title}">xxxxxx活动标题</div>
        </div>
        <input id="activity_id" name="activity_id" type="hidden" th:value="${activity_id}"/>
        <div class="row cl">
            <!--<input id="feedback_type" name="feedback_type" type="hidden"/>-->
            <label class="form-label col-xs-4 col-sm-2" style="text-align: right">活动评分：</label>
            <div id="star-1" class="star-bar size-M f-l mr-10 va-m" style="padding-left: 12px"></div>
            <strong id="result-1" class="f-l va-m"></strong>
        </div>
        <div class="row cl" style="padding: 20px 0;">
            <label class="form-label col-xs-4 col-sm-2" style="text-align: right">反馈内容：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <textarea style="width: 100%; height: 200px; padding: 10px;" name="content" id="content"></textarea>
            </div>
        </div>
        <div class="row cl" style="text-align: center">
            <a onclick="removeIframe();" class="btn btn-default radius">返回</a>
            <a class="btn btn-primary radius" onclick="submit()">提交</a>
        </div>
    </form>
</article>

<script th:inline="javascript">

    //星级评价
    $("#star-1").raty({
        hints: ['1','2', '3', '4', '5'],//自定义分数
        starOff: 'iconpic-star-S-default.png',//默认灰色星星
        starOn: 'iconpic-star-S.png',//黄色星星
        path: pagePath + '/static/h-ui/image/star',//可以是相对路径
        number: 5,//星星数量，要和hints数组对应
        showHalf: true,
        targetKeep : true,
        click: function (score, evt) {//点击事件
            //第一种方式：直接取值
            $("#result-1").html('你的评分是'+score+'分');
        }
    });

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

    function submit() {
        var data = $("#activity_feedback").toJSON();

        $.ajax({
            url: pagePath + "/street/activity/feedbacks",
            type: "post",
            data: {
                'activity_id': $("#activity_id").val().trim(),
                'content': $("#content").val().trim(),
                'feedback_type': data.score
            },
            dataType: "json",
            success: function (result) {
                if (result.success) {
                    smileMessage(result.message);

                    window.parent.location.reload();
                    var index = parent.layer.getFrameIndex(window.name);
                    parent.layer.close(index);
                } else {
                    errorMessage(result.message);
                }
            },
            error: function () {
                errorMessage('系统错误!');
            }
        });
    }
</script>
</body>
</html>