zhaozhiqiang
/
YH_Web_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>评价详情</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<script src="../../../Script/Common/huayi.load.js"></script>
		<script src="../../../Script/Common/huayi.config.js"></script>
		<link href="../../../css/Table/table1.css" rel="stylesheet" />
		<link href="../../../css/init.css" rel="stylesheet" />
		<style>
			.greetings {
				margin-top: 20px;
			}
			
			.greetings p {
				/*text-align: center;*/
				padding: 0;
				margin: 20px 0 30px 0;
			}
			
			.greetings p span {
				padding-right: 15px;
			}
			
			.greetings_content,
			.greetings_audio {
				text-indent: 2em;
				letter-spacing: 1px;
				margin-bottom: 20px;
			}
			
			.greetings_remarks {
				letter-spacing: 1px;
				margin-bottom: 20px;
				padding: 0 15px;
			}
			
			.btn-label {
				display: inline-block;
				border: 1px solid #249fea;
				text-align: center!important;
				padding: 7px 14px;
				border-radius: 2px;
				text-indent: initial;
				margin: 5px 2px;
			}
			
			.rating {
				padding-top: 0;
			}
			
			.ratingTips {
				line-height: 19px;
			}
		</style>
	</head>

	<body>
		<div class="container greetings">
			<h2 id="greetingTitle">
				-
			</h2>
			<div>
				得分：
				<ul id="ratingScores" class="rating clearfix">
					<li class="rating-item" title="差"></li>
					<li class="rating-item" title="不满意"></li>
					<li class="rating-item" title="一般"></li>
					<li class="rating-item" title="满意"></li>
					<li class="rating-item" title="很满意 "></li>
				</ul>
				<span id="ratingTips" class="ratingTips"></span>
			</div>
			<hr />
			<p>
				评价人：<span id="greetingUser">-</span> 
				评价时间： <span id="greetingStime">-</span>
			</p>
			<h4>评价内容</h4>
			<div class="greetings_content" id="greetingContent">
				
			</div>
			<h4>标签信息</h4>
			<div class="greetings_remarks" id="greetingRemark">

			</div>

		</div>
		<script src="../../../js/ratingStars/ratingStars.js"></script>
		<script>
			var ids = helper.request.queryString("ids");
			$(document).ready(function() {
				getEvaluateDetail(ids);
			});

			//获取评价信息
			function getEvaluateDetail(ids) {
				$.getJSON(huayi.config.callcenter_url + "distributionapi/api/DistriWorkOrderEvaluate/getsingle", {
					id: ids //主键ID
				}, function(data) {
					if(data.state == "success") {
						var model = data.data;
						$('#greetingTitle').text(model.wocode); //标题 && 工单编号
						$('#greetingUser').text(model.createusername + '（' + model.createuser +'）'); //评价人
// 						if(model.channel == '4') {
// 							$('#greetingUser').text(model.createusername);
// 						}
						$('#greetingStime').text(model.createtime); //添加时间

						if(model.starnum) {
							//1 差、2 不满意、3 一般、4 满意、5 很满意
							rating.init('#ratingScores', {
								mode: 'LightEntire',
								num: model.starnum,
								readOnly: true,
							});
							$('#ratingTips').text(formatterSatisfied(model.score));
						}
						$('#greetingContent').text(helper.filter.content(model.evaluate)); //内容
						//评价关键词
						if(model.label) {
							$(model.label).each(function(i, n) {
								$('<span class="btn-label">' + n + '</span>').appendTo('#greetingRemark')
							})
						} else {
							$('#greetingRemark').html('暂无信息。。');
						}

					}
				});
			}
			//格式化满意度
			function formatterSatisfied(score){
				var scoreTips = '';
				switch (score){
					case 1:
							scoreTips = '差'
						break;
					case 2:
							scoreTips = '不满意'
						break;
					case 3:
							scoreTips = '一般'
						break;
					case 4:
							scoreTips = '满意'
						break;
					case 5:
							scoreTips = '很满意'
						break;
					default:
						break;
				}
				return scoreTips;
			}
			
		</script>
	</body>

</html>