comment.html 3.2 KB

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>评价页面</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <link rel="stylesheet" type="text/css" href="__TMPL__/static/assets/css/weui.min.css" />
    <link rel="stylesheet" type="text/css" href="__TMPL__/static/assets/css/swiper-3.4.2.min.css" />
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_773803_1qg03k1415.css" />
    <script type="text/javascript" src="__TMPL__/static/assets/font/iconfont.js"></script>
    <script type="text/javascript" src="__TMPL__/static/js/base.js"></script>
    <link rel="stylesheet" href="__TMPL__/static/css/jquery.raty.css" />
    <link rel="stylesheet" href="__TMPL__/static/css/evaluate.css" />
</head>

<body>
<div class="travel">这次的旅行,您还满意吗?</div>
<div class="img_box" id='start'>
</div>
<div class="service">
    <div class="fu">服务评价</div>
    <div class="icon"  id="icon">
        <!--<i class="iconfont icon-wuxing "></i>
        <i class="iconfont icon-wuxing "></i>
        <i class="iconfont icon-wuxing "></i>
        <i class="iconfont icon-wuxing "></i>
        <i class="iconfont icon-wuxing "></i>-->
    </div>
</div>
<div class="service">
    <div class="fu">行程安排</div>
    <div class="icon" id="wuxing">
        <!--<i class="iconfont icon-wuxing "></i>
        <i class="iconfont icon-wuxing "></i>
        <i class="iconfont icon-wuxing "></i>
        <i class="iconfont icon-wuxing "></i>
        <i class="iconfont icon-wuxing "></i>-->
    </div>
</div>
<div class="xing">
    给五星好评可获得代金券一张
</div>
<div class="ideaout">
    <textarea class="idea" placeholder="请留下您的宝贵意"></textarea>


</div>
<div class="save">
    <div class="footer ok">
        提交
    </div>
</div>

</body>
<script type="text/javascript" src="__TMPL__/static/assets/js/jquery-2.1.0.js"></script>
<script type="text/javascript" src="__TMPL__/static/assets/js/jquery.raty.js"></script>
<script type="text/javascript">
    var rank_synthetical = 0;
    $('#start').raty({
        click: function(s) {
            console.log(s)
            rank_synthetical = s;
        }
    })
    var rank_service = 0;
    $('#icon').raty({
        click: function(s) {
            console.log(s)
            rank_service = s;
        }
    })
    var rank_journey = 0;
    $('#wuxing').raty({
        click: function(s) {
            console.log(s)
            rank_journey = s;
        }
    })

    $(".ok").click(function () {
        $.ajax({
            url:"{:url('user/Center/comment')}",
            data:{
                oid:'{$oid}',
                rank_synthetical:rank_synthetical,
                rank_service:rank_service,
                rank_journey:rank_journey,
                content:$(".idea").val()
            },
            type:"POST",
            dataType:"JSON",

            success: function (data) {
                if(data.data === true) {
                    window.location.href=data.url;
                }else {
                    alert(data.msg);
                }
            }
        })
    })
</script>

</html>