evaluate.html 16.3 KB
<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <title>订单评价 -{$tpshop_config['shop_info_store_title']}</title>
    <link rel="stylesheet" href="__STATIC__/css/evaluate.css"/>
    <link rel="stylesheet" href="__STATIC__/css/kwj-m-lib.min.css"/>
    <link rel="stylesheet" href="__STATIC__/css/script.css"/>
    <link rel="stylesheet" type="text/css" href="__STATIC__/css/layer.css"/>
    <script type="text/javascript" src="__STATIC__/js/jquery.js"></script>
    <script type="text/javascript" src="__STATIC__/js/rem_JScript.js"></script>
    <script type="text/javascript" src="__STATIC__/js/layer.js"></script>
    <script src="__STATIC__/js/jquery.raty.min.js"></script>
    <style type="text/css">
        .layermbtn span:first-child {
            background-color: #C4182E;
            width: 100%;
        }
    </style>
</head>

<body>
<!--主页面-->
<!--<input type="hidden" id="POSNo" name="POSNo" value="">-->
<input type="hidden" id="POSNo" name="POSNo" value="{$POSNo}"><!--存儲订单编号-->
<input type="hidden" id="state" name="state" value="{$state}"><!--从列表页面进入判断当前状态(评价1或查看2)-->
<input type="hidden" id="Starname" name="StarLabrlname" value="">
<input type="hidden" id="store_logo" name="store_logo" value="{:getimg($store_logo)}">
<div class="ware">
    <div class="shop_info">
        <if condition="$state eq edit">
            <div class="shopimg rad_50">
                <img src="{:getimg($store_logo)}"/>
            </div>
            <div class="goods_info">
                <ul>
                    <li class="cut"><img class="idcard" src="__STATIC__/images/evaluate/idcard.png" alt=""> {$order_info.StaffName}<img class="starlit" src="__STATIC__/images/evaluate/starlit.png" alt=""><span class="f20 c9"> 4.9</span> </li>
                    <li class="rel" onclick="goodsinfo(this)">
                        <span class="cut disb">{$order_info.WareName}</span>
                        <img class="rightimg" src="__STATIC__/images/flow/shop_arrow.png"/>
                    </li>
                    <!--<li>导购编码:{$order_info.StaffName}</li>-->
                    <li>消费时间:{:date("Y-m-d H:i:s",strtotime($order_info['BillDate']))}</li>
                </ul>
            </div>
            <else/>
            <div class="shopimg rad_50">
                <img src=""/>
            </div>
            <div class="goods_info">
                <ul>
                    <li class="cut">导购员名称</li>
                    <li class="rel" onclick="goodsinfo(this)">
                        <span class="cut disb">商品名称</span>
                        <img class="rightimg" src="__STATIC__/images/flow/shop_arrow.png"/>
                    </li>
                    <!--<li>导购编码:</li>-->
                    <li>消费时间:</li>
                </ul>
            </div>
        </if>
    </div>
</div>
<div class="eva_info">
    <div class="eva_lv rel">
        <div class="not_star" id="not_star"></div>
        <div id="star" data-score="1">
        </div>
    </div>
    <div class="ratings f0">
        <div id="star_tit" class="dn f26 tac m20 p20" style="color: #f5a072;">满意度一般</div>
        <div class="tac f20 c6 m20">夸夸导购员吧</div>
        <ul id="ratings_num">
            <if condition="$state eq edit">
                <foreach name="fixpro" item="v" key="k">
                    <li>{$v.LabelName}</li>
                </foreach>
            </if>
        </ul>
        <input class="text_box moz_b4 moz_t4" type="text" id="Remark_box" placeholder="其他想说的...">
        <!--<textarea class="text_box moz_b4 moz_t4" id="Remark_box" placeholder="其他想说的..."></textarea>-->
        <if condition="$state eq edit">
            <if condition="$onlyorder eq 1">
                <a href="{:U('Evaluate/evaluate_list',array('IsEvaluate'=>1,'stoid'=>$Think.request.stoid))}"
                   class="editbtn editbtn1 btn_big moz_b4 moz_t4">
                    查看已评价订单</a>
                <else/>
                <div onclick="backlist()" class="editbtn btn_big moz_b4 moz_t4">评价其他订单</div>
                <!--href="{:U('Evaluate/evaluate_list',array('IsEvaluate'=>0,'stoid'=>$Think.request.stoid))}"-->
                <a href="{:U('Evaluate/evaluate_list',array('IsEvaluate'=>1,'stoid'=>$Think.request.stoid))}"
                   class="editbtn editbtn1 btn_big moz_b4 moz_t4">查看已评价订单</a>
            </if>
            <else/>
            <button type="button" class="btn_big btnno moz_b4 moz_t4">提交评价</button>
        </if>
        <div class="tac f26" style="margin: 1rem 0;">
            <a class="bot_yuan rad_50" href="{:U('Index/index',array('stoid'=>$Think.request.stoid))}">
                <img class="fxyl" src="__STATIC__/images/evaluate/fxyl.png" alt="">
               <div>溜街</div>
            </a>
            <if condition="empty($is_closecoupon)">
            <a class="bot_yuan rad_50"  href="{:U('integral/coupon',array('stoid'=>$Think.request.stoid))}">
                 <img class="lq" src="__STATIC__/images/evaluate/lq.png" alt="">
               <div>领券</div>
            </a>
            </if>
        </div>
    </div>
</div>
</div>
<!--未开启-->
<Div class="no_open dn">
    <img class="eva_no_open" src="__STATIC__/images/evaluate/noeva.jpg"/>
</Div>
<!--弹出框-->
<!--商品详情-->
<div class="goods_tips dn">
    <div class="trans80"></div>
    <div class="goods_list moz_b4 moz_t4">
        <div class="tit">
            商品详情
        </div>
        <ul class="mt20" id="goodsinfo">
            <foreach name="goods_info" item="v" key="k">
                <li>
                    <span class="goods_name cut">{$v.warename}</span><i class="goods_num">{:settype($vo.Qty,"int")}</i>
                </li>
            </foreach>
        </ul>
    </div>
</div>
<!--评论提示-->
<Div class="eva_ok dn">
    <div class="eva_ok_info moz_b4 moz_t4">
        <img class="eva_ok_img" src="__STATIC__/images/evaluate/evaok.png"/>
        <div>评价成功</div>
    </div>
</Div>
</body>

</html>

<script type="text/javascript">
    //    window.onload = function () {
    //        layer.closeAll();
    //    };


    $("#not_star").removeClass("not_star");
    var state = $("#state").val();//判断当前页面状态
    //    星星
    var num = "{$order_info.Star|default=0}";
    $('#star').raty({path: '__STATIC__/images/evaluate/', score: num});
    $('#star').removeAttr("style");
    var getstoid = {$Think.request.stoid};
    // 商品詳情
    function goodsinfo(obj) {
        $(".goods_tips").fadeIn(500);
    }
    //    评价其他订单
    function backlist(obj) {
        layer.open({type: 2, shadeClose: false});
        $.ajax({
            type: "post",
            url: '/index.php?m=Mobile&c=Evaluate&a=backlist&stoid=' + getstoid + '',
            data: {},
            dataType: 'json',
            success: function (data) {

                if (data['code'] == 1) {
                    //只有一条未评价订单的状态
//                    var POSNo = $("#POSNo").val();
                    location.href = '/mobile/Evaluate/evaluate/state/add/order_null/1/POSNo/' + data['data'] + '/stoid/' + getstoid + '';
                    layer.closeAll();
                } else if (data['code'] == 2) {
                    location.href = '/mobile/Evaluate/evaluate_list/IsEvaluate/0/stoid/' + getstoid + '';
                    layer.closeAll();
                } else {
                    //没有一条订单的状态
                    var POSNo = $("#POSNo").val();
                    location.href = '/mobile/Evaluate/evaluate/state/edit/order_null/1/stoid/' + getstoid + '/POSNo/' + POSNo + '';
                    layer.closeAll();
                }
            },
            error: function () {
                layer.closeAll();
                layer.open({content: "加载失败,请重试", time: 1});
            }
        });
    }


    var data_state;
    var data_state1;
    $(function () {
        layer.open({type: 2, shadeClose: false});
        //页面一开始使用ajax加载
        if ($("#state").val() == '' || $("#state").val() == 'add' || $("#state").val() == 'STATE') {
            var store_logo = $("#store_logo").val();
            var POSNo = $("#POSNo").val();
            var state = $("#state").val();
            var htm1 = "";
            var htm2 = "";
            $.ajax({
                type: "post",
                url: '/index.php?m=Mobile&c=Evaluate&a=first&stoid=' + getstoid + '',
                data: {
                    POSNo: POSNo,
                    state: state
                },
                dataType: 'json',
                success: function (data) {
                    if (data['code'] == 1 && data['data']) {
                        //订单详情
                        htm1 = " <div class=\"shopimg rad_50\"> <img src=\"" + store_logo + "\"/> </div> <div class=\"goods_info\"> <ul> <li class=\"cut\"> <img class=\"idcard\" src=\"__STATIC__/images/evaluate/idcard.png\" >" + data['data']['StaffName'] + "<img class=\"starlit\" src=\"__STATIC__/images/evaluate/starlit.png\" ><span class=\"f20 c9 \">4.9</span> </li> <li class=\"rel\" onclick=\"goodsinfo(this)\"> <span class=\"cut disb\"> " + data['data']['WareName'] + "</span> <img class=\"rightimg\" src=\"__STATIC__/images/flow/shop_arrow.png\"/> </li><li>消费时间:" + data['data']["BillDate"].toString().substring(0, 19) + "</li> </ul> </div>"
                        $(".shop_info").html(htm1);
                        //评价内容
                        data_state = data['data']['StarLabelname']['data'];
                        //评价标识
                        data_state1 = data['data']['StarLabelname']['data2'];
                        //商品详情
                        for (var i = 0; i < data['data']['StarLabelname']['goodinfo'].length; i++) {
                            htm2 += "<li> <span class=\"goods_name cut\">" + data['data']['StarLabelname']['goodinfo'][i]['warename'] + "</span><i class=\"goods_num\">" + parseInt(data['data']['StarLabelname']['goodinfo'][i]['Qty']) + "</i> </li>"
                        }
                        $("#goodsinfo").html(htm2);
                        //订单编号
                        $("#POSNo").val(data['data']['POSNo']);
                        layer.closeAll();
                    } else {
                        layer.closeAll();
                        html='';
                        html = " <div class=\"ware\" style=\'height: 100vh;\' onclick=\"javascript:location.href ='/mobile/Evaluate/evaluate_list/stoid/' + getstoid + ''\"><div class=\"order_null tac\"> <img class=\"eva_no_open disib\" src=\"__STATIC__/images/distribut/no_merchant.png\" style=\"width: 2.86rem; height: 2.92rem; margin:2rem auto 0;\"/> <div class=\"f24 tac mt20 pt20\">暂无订单点击跳转订单页</div></div></div>"
                        $("body").html(html);
                    }
                },
                error: function () {
                    layer.closeAll();
                    html='';
                    html = "<div class=\"ware\" style=\'height: 100vh;\' onclick=\'javascript:location.href =location.href\'><div class=\"order_null tac\"> <img class=\"eva_no_open disib\" src=\"__STATIC__/images/distribut/no_merchant.png\" style=\"width: 2.86rem; height: 2.92rem; margin:2rem auto 0;\"/> <div class=\"f24 tac mt20 pt20\">加载失败,点击屏幕重新加载 </div></div></div>"
                    $("body").html(html);
                }
            });
        } else {
            data_state = JSON.parse('{$star_edit}');
        }
        //获取当前页面状态(查看/评价)
        if ($("#state").val() == 'edit') {
            layer.closeAll();
            $("#not_star").addClass("not_star");//禁止点击星星
            var LabelName = '{$fixpro[0]['LabelName']}';//加载固定评价内容,禁止点击
            if (LabelName == '') {
                $("#ratings_num").css("display", "none")
                $("#Remark_box").css("margin-top", ".25rem")
            }
            //添加自定义评价内容并禁止输入
            var Remark = '{$order_info.Remark}'
            $("#Remark_box").val(Remark);
            $("#Remark_box").attr("readonly", "readonly");
            $("#star_tit").removeClass("dn")
            //编辑情况按钮控制
            //添加固定标识
            var evatit;
            var num = '{$order_info['Star']}';
            var data2 = '{$star_bs}';
            data2 = JSON.parse(data2);
            evatit =data2[num - 1]['star' + num];
            $("#star_tit").text(evatit);
        }
        if ($("#state").val() != 'edit') {
            //固定评价6个选项,//选择固定评价后按钮可点击,重选星级之后按钮不可点击
            $("#ratings_num").on("click", "li", function () {
                $(this).toggleClass("on");

//                if ($(".ratings ul li").hasClass("on")) {
//                    $(".btn_big").removeAttr("disabled");
//                }
            });
        }


        $(".goods_tips .trans80").click(function () {
            $(".goods_tips").fadeOut(500)
        })
        //获取对应等级的固定评价内容
        $("#star img").click(function () {
            $("#star_tit").removeClass("dn");
            $(".btn_big").addClass("btnok");
            layer.open({type: 2, shadeClose: false});
            var num = $('input[name=score]').val();
            var eva;
            var eve11=data_state[num - 1];
            var htm = "";
            if (eve11 != null && eve11 != undefined) {
                eva = data_state[num - 1]['star' + num].split('#');

                for (i = 0; i < eva.length; i++) {
                    htm += "<li>" + eva[i] + "</li>"
                }
                var evatit;
                evatit = data_state1[num - 1]['star' + num];
                $("#star_tit").text(evatit);
            }
            $("#ratings_num").html(htm);
            layer.closeAll();
        });


        //提交评价
        $(".btnno").click(function () {
            layer.open({type: 2, shadeClose: false});
            //获取固定评价内容,组成字符串传到后台
            var LabelName = "";
            $("#ratings_num").find("li.on").each(function () {
                LabelName += $(this).text() + ","
            });
            LabelName = LabelName.substr(0, LabelName.length - 1);
            //获取自定义评价内容
            var Remark = $("#Remark_box").val();
            //获取星级
            var Star = $('input[name=score]').val();
            if (Star==''){
                layer.closeAll();
                layer.open({content: "请选择评价星级", time: 1});
                return false;
            }
            //获取订单号
            var POSNo = $("#POSNo").val();
            //AJAX提交
            $.ajax({
                type: "post",
                url: '/index.php?m=Mobile&c=Evaluate&a=refer_eva&stoid=' + getstoid + '',
                data: {
                    LabelName: LabelName,
                    Remark: Remark,
                    Star: Star,
                    POSNo: POSNo,
                },
                dataType: 'json',
                success: function (data) {
                    if (data['code'] == 1) {
                        layer.closeAll();
                        $(".eva_ok").fadeIn(500);
                        setTimeout($(".eva_ok").fadeOut(), 800);
                        if (data['count'] == 1) {
                            //只有一条订单的状态
                            var POSNo = $("#POSNo").val();
                            location.href = '/mobile/Evaluate/evaluate/state/edit/onlyorder/1/stoid/' + getstoid + '/POSNo/' + POSNo + '';
                        } else {
                            //存在多条订单
                            var POSNo = $("#POSNo").val();
                            location.href = '/mobile/Evaluate/evaluate/state/edit/onlyorder/2/stoid/' + getstoid + '/POSNo/' + POSNo + '';
                        }
                    }
                },
                error: function () {
                    layer.closeAll();
                    layer.open({content: "加载失败,请重试", time: 1});
                }
            });
        });
    });
</script>