zjrs
/
yctb-SpringBoot


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610
							<!DOCTYPE HTML>
<%@ page language="java" pageEncoding="UTF-8" import="java.util.*"
	contentType="text/html; charset=UTF-8"%>
<%@ page import="cn.sinobest.framework.util.Util"%>
<%@ page import="cn.sinobest.framework.util.ConfUtil" %>
<%@ taglib uri="/WEB-INF/hnisi.tld" prefix="hnisi"%>

<%
String path = request.getContextPath();
String basePath = path+"/";
%>


<script src="/web/js/comm/lib/jquery-min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
   <link rel="stylesheet" href="<%=basePath %>player/js/bootstrap-3.3.7-dist/css/bootstrap.min.css">
   <script src="/web/js/comm/lib/jquery-2.1.1.min.js"></script>
    <script src="<%=basePath %>player/js/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
  
  
<html>
<head lang="zh-cn">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>湛江智慧人社</title>
</head>

<% 
 	String sllsh = request.getParameter("sllsh")==null?"":request.getParameter("sllsh"); 
	final String getSlxxUrl = ConfUtil.getParam("ZWNW_HCP_GETSLXX_URL");  
	final String getdictsUrl = ConfUtil.getParam("ZWNW_HCP_GETDICTS_URL");
	final String saveHcpUrl = ConfUtil.getParam("ZWNW_HCP_SAVEHCP_URL"); 
%>

    <script>
    var evalprocess = '';
	var sfjbsx = '';
	var pjqd = 'yctb';
	var sfjbsx = '';
	var slbh = '';
	var sllsh = "<%=sllsh%>";
	var sxmc = '';
	var yhpj = '';
	var yhpjnw = '';
	

	function hcpsave(onlyone){
		if(onlyone == '1'){
			evalprocess = evalprocess
			var mycd = document.getElementById("blpj").getElementsByTagName("button");
            for(let i=0;i<mycd.length;i++){
                if(mycd[i].getAttribute("choose")=="true"){
                	yhpj = mycd[i].getAttribute("value")
                }
            }
                yhpjnw =  $("#sqpjnr").val();
		}
        var submitdata = {
        			evalprocess: evalprocess,
                	pjqd: "yctb",
                	rsWbBjLsh: "",
                	sfjbsx: sfjbsx,
                	slbh: slbh,
                	sllsh: sllsh,
                	sxmc: sxmc,
                	yhpj: yhpj,
                	yhpjnw: yhpjnw
        }
        $.ajax({ 
				  type: 'post', 
				  url: "<%=saveHcpUrl%>", 
				  data: JSON.stringify(submitdata), 
				  cache: false, 
				  processData: false, 
				  dataType: "json",
				  contentType: "application/json;charset=utf-8",
				  async:false,
				  }).success(function (data) {
					  if(onlyone.indexOf("2") !== -1 || onlyone.indexOf("1") !== -1){
						  $('#myModal').modal('show');
					  }
					  console.log("保存成功"); 
				  }).error(function () { 
   					  console.log("保存失败"); 
		   			 }); 
	}
	
    function formsubmit(){
    	//调用两次
    	//办理
    	if((evalprocess === '1,2' && sfjbsx !== '1') || (sfjbsx !== '1' && evalprocess === '1,2')){
    		var mycd = document.getElementById("blpj").getElementsByTagName("button");
            for(let i=0;i<mycd.length;i++){
                if(mycd[i].getAttribute("choose")=="true"){
                	yhpj = mycd[i].getAttribute("value")
                }
            }
                yhpjnw =  $("#sqpjnr").val();
                evalprocess = '1'
                hcpsave("第一次保存");
                var mycd2 = document.getElementById("bjpj").getElementsByTagName("button");
                for(let i=0;i<mycd.length;i++){
                    if(mycd2[i].getAttribute("choose")=="true"){
                    	yhpj = mycd2[i].getAttribute("value")
                    }
            }
                
                evalprocess = '2'
                yhpjnw =  $("#bjpjnr").val();
            hcpsave("2");
           
            setTimeout(function() {
            	location.reload();
            },3000);
          
    }else{//调用一次
    	hcpsave("1");
    	setTimeout(function() {
    		 location.reload();
    	},3000);
    	 
	}
    }
    
    function getbjpj(){
   	 var verygood = document.getElementById("bjpj").getElementsByTagName("button");
		    for(let i=0;i<verygood.length;i++){
		        verygood[i].style.color = 'rgba(0, 0, 0, 0.65)'
		        if( verygood[i].getAttribute("value") == "5"){
		            verygood[i].setAttribute("class","pjcss btn blpj");  
		            verygood[i].style.color = '#fff'
		               verygood[i].setAttribute("choose",true)
		        }
		           verygood[i].onclick = function(){
		               for(var j=0;j<verygood.length;j++){
		                    verygood[j].setAttribute("class","btn blpj");
		                   verygood[j].style.backgroundColor = ''
		                   verygood[j].style.color = 'rgba(0, 0, 0, 0.65)' 
		                   verygood[j].removeAttribute("choose")
		               }
		               this.style.backgroundColor = '#1e6ddd'
		               this.style.color = '#fff'
		               verygood[i].setAttribute("choose",true)
		               var pjbtn =  document.getElementById("bjpj").getElementsByTagName("button");
		             
		              var selectbtnvalue = '';
		              for(var k = 0;k<pjbtn.length;k++){
		                 if(pjbtn[k].getAttribute("choose")){
		                        selectbtnvalue = parseInt(pjbtn[k].getAttribute("value"));
		                        var img =  document.getElementById("imgbox2").getElementsByTagName("img");

		                        for(var n = 0; n<selectbtnvalue;n++){
		                        		for(var m=0;m<img.length;m++){
		                        			if(m+1 <= selectbtnvalue){
		                        				img[m].setAttribute("src","/web/images/selected.jpg")
		                        			}else{
		                        				 img[m].setAttribute("src","/web/images/unselected.jpg")
		                        			}
		                        		}
		                                
		                        }
		                        break;
		               } 
		              }
		           }
		       }
   }
    	
        window.onload = function() {
        	 // dom加载完毕
       
      
   			 $.ajax({ 
   				  type: 'post', 
				  url: "<%=getSlxxUrl%>",
   				  data: JSON.stringify({sllsh:sllsh}), 
   				  cache: false, 
   				  processData: false, 
   				  dataType: "json",
   				  contentType: "application/json;charset=utf-8",
   				  async:false,
   				  }).success(function (data) { 			  
   					  console.log("获取成功");
   					sxmc  =  data.map.data.sxmc;
   					slbh = data.map.data.slbh;
   					evalprocess = data.map.data.evalprocess;
   					sfjbsx = data.map.data.sfjbsx;
   					var zy = '申请';
   					if (sfjbsx === '1') {
   				        zy = '办结'
   				      } else {
   				        if (evalprocess === '1') {
   				          zy = '申请'
   				        } else if (evalprocess === '2') {
   				          zy = '办结'
   				        }
   				      }
   					var ywsq =  document.getElementById("ywsq");
   					var sxlx =  document.getElementById("sxlx");
   					var slbhdata =  document.getElementById("slbh");
   					 sxlx.innerText = sxmc
   					slbhdata.innerText = slbh
   					 ywsq.innerText = "请您对本次业务"+zy+"的整体服务进行评价："
   					 //已办结,只显示图片
   					 if (!evalprocess) {
   						 var child=document.getElementById("allcontent");
   			                child.parentNode.removeChild(child);
   			             var successbox = document.getElementById("success");
			            	successbox.style.display ='';
   			              }else {
   			            	 var allcontent = document.getElementById("allcontent");
   			            	 allcontent.style.display = ''
   			                  if (evalprocess === '1,2') {
   			                    if (sfjbsx === '1') {
   			                      //即办即结事项  显示办结
   			                    	var child=document.getElementById("ywsqpj");
   	    			                child.parentNode.removeChild(child);
   			                    } else {
   			                     ywsq.innerText = "请您对本次业务申请的整体服务进行评价："
   			                    }
   			                  }
   			                  //即办即结事项，始终只有一条显示页面
   			                  //非即办即结事项，仅评价受理或者办结阶段，只有一条显示，办结阶段两条
   			                  if (sfjbsx === '1') {
   			                    //即办即结事项
   			                	var child=document.getElementById("ztfwpj");
 	    			                child.parentNode.removeChild(child);
   			                  } else {
   			                    //非即办即结事项
   			                    if (evalprocess === '1,2') {
   			                    	var child=document.getElementById("success");
     	    			                child.parentNode.removeChild(child);
   			                    } else {
   			                    	var child=document.getElementById("success");
     	    			                child.parentNode.removeChild(child);
     	    			              var child1=document.getElementById("ztfwpj");
   	    			                child1.parentNode.removeChild(child1);
   			                    }
   			                  }
   			                }
   				  }).error(function () { 
   					  console.log("获取失败"); 
   			 });
   
        	if(evalprocess){
        		$.ajax({ 
      			  type: 'post', 
       			  url: "<%=getdictsUrl%>",
      			  data: JSON.stringify({
      				    "dictArr":["RS_JK_HCP_PJDJ"]
      			  }), 
      			  cache: false, 
      			  processData: false, 
      			  dataType: "json",
      			  contentType: "application/json;charset=utf-8",
      			  async:false,
      			  }).success(function (data) { 			  
      				  console.log("初始化字典成功");
      				 var dicts = data.map.data.code_detail.RS_JK_HCP_PJDJ;
      					dicts.sort((a, b) => {
      	                return Number(b.code) - Number(a.code)
      	              })
      	              
      				 dicts.forEach( function(item){
      				    var node=document.createElement("button");
      				    var textnode=document.createTextNode(item.detail);
      				    node.setAttribute("class","btn blpj")
      				    node.setAttribute("value",item.code);
      				    node.appendChild(textnode);
      				    document.getElementById("blpj").appendChild(node);
      				    
      				    if((evalprocess === '1,2' && sfjbsx !== '1') || (sfjbsx === '1' && evalprocess === '1,2')){
      				    	var node=document.createElement("button");
      					    var textnode=document.createTextNode(item.detail);
      					    node.setAttribute("class","btn blpj")
      					     node.setAttribute("itemvalue",parseInt(item.code)+5)
      					    node.setAttribute("value",item.code);
      					    node.appendChild(textnode);
      					    document.getElementById("bjpj").appendChild(node);
      				    }
      				 })
      				    var verygood =  document.getElementById("blpj").getElementsByTagName("button");
      				
      				       for(let i=0;i<verygood.length;i++){
      				        verygood[i].style.color = 'rgba(0, 0, 0, 0.65)'
      				        if( verygood[i].getAttribute("value") == "5"){
      				            verygood[i].setAttribute("class","pjcss btn blpj");  
      				            verygood[i].style.color = '#fff'
      				               verygood[i].setAttribute("choose",true)
      				        }
      				           verygood[i].onclick = function(){
      				               for(var j=0;j<verygood.length;j++){
      				                    verygood[j].setAttribute("class","btn blpj");
      				                   verygood[j].style.backgroundColor = ''
      				                   verygood[j].style.color = 'rgba(0, 0, 0, 0.65)' 
      				                   verygood[j].removeAttribute("choose")
      				               }
      				               this.style.backgroundColor = '#1e6ddd'
      				               this.style.color = '#fff'
      				               verygood[i].setAttribute("choose",true)
      				               var pjbtn =  document.getElementById("blpj").getElementsByTagName("button");
      				             
      				              let selectbtnvalue = '';
      				              for(var k = 0;k<pjbtn.length;k++){
      				                 if(pjbtn[k].getAttribute("choose")){
      				                	selectbtnvalue = parseInt(pjbtn[k].getAttribute("value"));
      				                        var img =  document.getElementById("imgbox1").getElementsByTagName("img");
      				                      for(var n = 0; n<selectbtnvalue;n++){
      		                        		for(var m=0;m<img.length;m++){
      		                        			if(m+1 <= selectbtnvalue){
      		                        				img[m].setAttribute("src","/web/images/selected.jpg")
      		                        			}else{
      		                        				 img[m].setAttribute("src","/web/images/unselected.jpg")
      		                        			}
      		                        		}
      		                                
      		                        }
      				                        break;
      				               } 
      				              }
      				           }
      				       }
      			  }).error(function () { 
      				  console.log("初始化字典失败"); 
      		 });
              
               if(evalprocess === '1,2' && sfjbsx !== '1'){
            	   getbjpj();
               }
              
        	}
        
         
         }
     
  
    </script>
<body>
<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header" style="height:100px">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×
				</button>
				
				<h2 style="line-height: 70px;" class="modal-title" id="myModalLabel">
					提交成功！感谢您的评价！
				</h2>
				
				
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->


     <div id="success" style="margin:0 0 0 0; text-align: center;display:none">
    <img  border='0' width='100%'  height='800px' style='position: absolute;left:0px; top:0px;' src="/web/images/hcp-success.jpg"
         style="height: 800px;width:100%;margin:0 0 0 0;overflow: hidden; display:block" />
  </div>
    <div class="ui-form-wrap" id="allcontent" style="display:none">
        <div class="ui-form-edit">
            <div class="card" style="height: 991px; ">
                <div style="
                 text-align: center;
                font-size: 35px;
                font-weight: bold;
                color: rgba(0, 0, 0);
                margin: 0 24px 16px;
                padding: 20px 0px 12px;
                ">
            <span>您的评价让服务变得更好</span>
          </div>
          <div class="allcontent" style="padding-left: 100px;">
            <div id="ywsqpj">
                <div class="tittlecommon">
            <span>您办理的业务：</span>
            <span id="sxlx" class="sxlxcommon"></span>
        </div>
        <div class="tittlecommon">
            <span>业务受理编号：</span>
            <span id="slbh" class="sxlxcommon"></span>
        </div>
        <div class="tittlecommon">
           <span id="ywsq" >请您对本次业务申请的整体服务进行评价:</span>
        </div>
        <div style="padding:4px 0px;overflow:hidden;">
            <div class="blpj" id="blpj" >
            
            </div>
         </div>
       
         <div class="tittlecommon">
            <span>评价星数：</span>
            <div id="imgbox1" style="display:inline-block;">
            <img id="sqpjimg1" src="/web/images/selected.jpg" style="vertical-align:top;" />
            <img id="sqpjimg2" src="/web/images/selected.jpg" style="vertical-align:top;" />
            <img id="sqpjimg3" src="/web/images/selected.jpg" style="vertical-align:top;" />
            <img id="sqpjimg4" src="/web/images/selected.jpg" style="vertical-align:top;" />
            <img id="sqpjimg5" src="/web/images/selected.jpg" style="vertical-align:top;" />
        </div>
         </div>
         <div style="padding:4px 0px;padding-left:8px;height: 41px;line-height: 41px;">
         <span style="padding-left:8px; font-size: 25px;color: rgba(0, 0, 0, 0.65);">感谢您的评价！请录入您的评价理由，以帮助我们更好地提升政务服务水平。</span>
        </div>
        
        
        <div class="pjcontent" style="width:1106px;height:216px;margin-left:8px; margin-bottom: 16px; border:1px solid #e8e8e8">
        <div style="height: 184px;width: 1073px;padding: 16px;">
        <p style="line-height: 21px;margin-bottom: 20px; display: inline-block; font-weight: 500;color: rgba(0, 0, 0, 0.65);font-size: 20px;">我的评价</p>
       <textarea id="sqpjnr" class="yhpjnr" rows="4" maxlength="150"  placeholder="请输入150个字以内"></textarea>
        </div>
        </div>
		</div>
		
               
            <div id="ztfwpj">
                  <div class="tittlecommon">
            <span>请您对本次业务办结的整体服务进行评价：</span>
         </div>
         <div style="padding-left:8px;overflow:hidden;">
         <div class="blpj" id="bjpj" >
            
            </div>

          </div>
          <div class="tittlecommon">
            <span>评价星数：</span>
            <div id="imgbox2" style="display:inline-block;">
            <img id="sqpjimg6" src="/web/images/selected.jpg" style="vertical-align:top;" />
            <img id="sqpjimg7" src="/web/images/selected.jpg" style="vertical-align:top;" />
            <img id="sqpjimg8" src="/web/images/selected.jpg" style="vertical-align:top;" />
            <img id="sqpjimg9" src="/web/images/selected.jpg" style="vertical-align:top;" />
            <img id="sqpjimg10" src="/web/images/selected.jpg" style="vertical-align:top;" />
        </div>
         </div>
          <div style="padding:4px 0px;padding-left:8px;height: 41px;line-height: 41px;">
          <span style="padding-left:8px; font-size: 25px;color: rgba(0, 0, 0, 0.65);">感谢您的评价！请录入您的评价理由，以帮助我们更好地提升政务服务水平。</span>
         </div>
 <div class="pjcontent" style="width:1106px;height:216px;margin-left:8px; margin-bottom: 16px; border:1px solid #e8e8e8">
        <div style="height: 184px;width: 1073px;padding: 16px;">
        <p style="line-height: 21px;margin-bottom: 20px; display: inline-block; font-weight: 500;color: rgba(0, 0, 0, 0.65);font-size: 20px;">我的评价</p>
       <textarea id="bjpjnr" class="yhpjnr" rows="4" maxlength="150"  placeholder="请输入150个字以内"></textarea>
        </div>
        </div>
		</div>
  
  
            </div>
            
            
                         <div id="tipj" style="width: 100%; text-align: center;">
<button class="submitpj" onclick="formsubmit()">
<span>提交评价</span>
</button>
         </div>
          </div>
      </div>
      
     
</div>
</body>
</html>
<style>
* {
     margin : 0 ;    
     padding : 0 ;

}

 .mycd li {
  list-style: none;
 height: 21px;
  padding: 5px 10px;
  margin-right: 20px;
  float: left;
  color: rgb(94, 88, 91);
  font-size: 14px;
  margin-top: 10px;
}
#myModal{
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    min-width:80%;/*这个比例可以自己按需调节*/
    overflow: visible;
    bottom: inherit;
    right: inherit;
 }

.blpj{
    text-align: center;
  list-style: none;
 height: 65px;
  padding: 5px 10px;
  margin-right: 20px;
  float: left;
  font-size: 14px;
}
.btn{
    font-size: 25px;
    text-align: center;
    width: 160px;
    border-radius: 4px 0 0 4px;
    background-color: #fff;
        height: 58px;
        border: 1px solid #d9d9d9
}

.pjcss {
    background-color:#1e6ddd; 
    color: #fff;
}
textarea:focus {
outline: none !important;
border:1px solid #1e6ddd;
box-shadow: 0 0 3px #719ECE;
}

.tittlecommon{
padding:4px 0px 4px 8px;height: 41px;line-height: 41px;font-weight: bold;color: rgba(0, 0, 0);font-size: 25px;
}
.sxlxcommon{
font-weight:400px;font-size:25px;color:rgba(0, 0, 0,0.65);
}


.submitpj {
		
    display: inline-block;
    border-radius: 4px;
    height: 58px;
    padding: 0px 15px;
    margin: 0px 8px;
    margin-bottom: 15px;
    font-size: 25px;
     border: 1px solid #1e6ddd;
      background-color:#1e6ddd; 
      color:#fff;
}
.submitpj:hover{
    -webkit-box-shadow: #ccc 0px 5px 5px;
-moz-box-shadow: #ccc 0px 5px 5px;
box-shadow: #ccc 0px 10px 10px;
            }
  .yhpjnr{
         resize:none;
        width: 1038px;
        height:120px;
        padding: 4px 22px 4px 11px;
        border:1px solid #e8e8e8;
        font-size: 25px;
        color: rgba(0, 0, 0, 0.65);
    }
    .yhpjnrclick{
        resize:none;
        width: 723px;
        height:84px;
        padding: 4px 22px 4px 11px;
        border: 1px solid #1e6ddd;
    }
    .yhpjnr:hover{
        border: 1px solid #1e6ddd;
    }
    
textarea::-webkit-input-placeholder {
    rgba(0, 0, 0, 0.65);
    font-size: 25px;  
}
textarea::-moz-placeholder {  /* Mozilla Firefox 19+ */
    rgba(0, 0, 0, 0.65);
    font-size: 25px;  
}
textarea:-moz-placeholder {  /* Mozilla Firefox 4 to 18 */
    rgba(0, 0, 0, 0.65);
    font-size: 25px;  
} 
textarea:-ms-input-placeholder {  /* Internet Explorer 10-11 */
    rgba(0, 0, 0, 0.65);
    font-size: 25px;  
}
</style>


<script type="text/javascript">


</script>