审查视图

public/themes/simpleboot3/user/comment.html 3.2 KB
.  
lihan authored
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59

<!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">
lihan authored
60
    var rank_synthetical = 0;
.  
lihan authored
61 62 63
    $('#start').raty({
        click: function(s) {
            console.log(s)
lihan authored
64
            rank_synthetical = s;
.  
lihan authored
65 66
        }
    })
lihan authored
67
    var rank_service = 0;
.  
lihan authored
68 69 70
    $('#icon').raty({
        click: function(s) {
            console.log(s)
lihan authored
71
            rank_service = s;
.  
lihan authored
72 73
        }
    })
lihan authored
74
    var rank_journey = 0;
.  
lihan authored
75 76 77
    $('#wuxing').raty({
        click: function(s) {
            console.log(s)
lihan authored
78
            rank_journey = s;
.  
lihan authored
79 80
        }
    })
lihan authored
81 82 83 84 85 86 87 88

    $(".ok").click(function () {
        $.ajax({
            url:"{:url('user/Center/comment')}",
            data:{
                oid:'{$oid}',
                rank_synthetical:rank_synthetical,
                rank_service:rank_service,
lihan authored
89 90
                rank_journey:rank_journey,
                content:$(".idea").val()
lihan authored
91 92 93 94 95
            },
            type:"POST",
            dataType:"JSON",

            success: function (data) {
lihan authored
96 97 98 99 100
                if(data.data === true) {
                    window.location.href=data.url;
                }else {
                    alert(data.msg);
                }
lihan authored
101 102 103
            }
        })
    })
.  
lihan authored
104 105 106
</script>

</html>