<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta content="yes" name="apple-mobile-web-app-capable"> <meta content="yes" name="apple-touch-fullscreen"> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,maximum-scale=1, minimum-scale=1, user-scalable=no"> <title>去点评</title> <link rel="stylesheet" href="/static/css/common.css"> <link rel="stylesheet" href="/static/css/style.css"> <style> .choose_ping li{ box-sizing: border-box; } </style> </head> <body style="background-color: #f6f6f6"> <div class="box"> <div class="choose_ping_box"> <div class="choose_ping" data-type="1"> <ul> <li> <img src="/static/image/hao_on.png" /> <b>好评</b> </li> <li> <img src="/static/image/cha_off.png" /> <b>差评</b> </li> </ul> </div> </div> <div class="ping_content"> <div class="ping_title" data-id="{$teach_id}"> <img src="/static/image/ping_icon.png"/> <b>教练评价</b> </div> <div class="pingList hao_cur"> <volist name="ctag1" id="vo"> <span data-id="{$vo.id}">{$vo.name}</span> </volist> </div> <div class="pingList cha_cur"> <volist name="ctag2" id="vo"> <span data-id="{$vo.id}">{$vo.name}</span> </volist> </div> <div class="ping_area"> <textarea id="wordtext" placeholder="没有找到合适的标签?点这里发表意见吧~"></textarea> <em id="wordage">0/500字</em> </div> </div> <div class="btn_tijiao"> <img src="/static/image/btn_tijiao.png"/> </div> </div> <!--弹跳框--> <div class="full_bg"></div> <div class="yu_tan"> <div class="yu_tan_box"> <img src="/static/image/tan_car1.png" class="tan_car"/> <h1 class="tan_text">评价成功</h1> <h2 class="btn_qr">查看评价</h2> </div> <div class="cancel"></div> </div> <script type="text/javascript" src="/static/js/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="/static/js/common.js"></script> <script type="text/javascript" src="/static/js/study_car.js"></script> <script type="text/javascript" src="/static/js/layer/layer.js"></script> <script> $(function(){ var $div_li=$('.choose_ping li'); $div_li.click(function(){ var index= $div_li.index(this); if(index==0){ $(this).children('img').attr("src","/static/image/hao_on.png").parent().siblings() .children('img').attr("src","/static/image/cha_off.png"); $('.hao_cur').show(); $('.cha_cur').hide(); $(this).parent().parent().attr("data-type","1"); }else{ $(this).children('img').attr("src","/static/image/cha_on.png").parent().siblings() .children('img').attr("src","/static/image/hao_off.png"); $('.hao_cur').hide(); $('.cha_cur').show(); $(this).parent().parent().attr("data-type","2"); } }); $('.hao_cur span').click(function(){ if(!$(this).hasClass('ping_active')){ $(this).addClass('ping_active'); }else{ $(this).removeClass('ping_active'); } }); $('.cha_cur span').click(function(){ if(!$(this).hasClass('ping_active')){ $(this).addClass('ping_active'); }else{ $(this).removeClass('ping_active'); } }); var click_num = 0; $('.btn_tijiao').click(function(){ if(click_num == 0){ click_num++; var pingTxt=$('#wordtext').val(); var data_type=$('.choose_ping').attr("data-type"); var pingTab=$('.pingList .ping_active'); var data_id = ''; for(var i=0;i<pingTab.length;i++){ data_id+=pingTab[i].getAttribute("data-id")+','; } if(data_id==""&&pingTxt==""){ layer.msg("评价不能为空") }else{ $.ajax({ url:"{:url('/user/comment/comment_do_by_stu')}", type:"post", data:{ teach_id:{$teach_id}, comment:pingTxt, comment_tag:data_id, yuyue_id:{$yuyue_id}, type:data_type },success:function(res){ tankuang(); },error:function(err){ console.log(err); click_num = 0; } }) } } }); $('.btn_qr').click(function(){ window.location.href="{:url('user/comment/show_stu',array('yuyue_id'=>$yuyue_id))}"; }); }); var limitNum = 0; var pattern = limitNum + '/500字'; $('#wordage').html(pattern); $('#wordtext').keyup( function(){ var remain = $(this).val().length; if(remain > 500){ pattern = "字数超过500个限制!"; }else{ pattern = remain + '/300字'; } $('#wordage').html(pattern); } ); </script> </body> </html>