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>
		<script src="../../js/laydate/laydate.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>
				到场时间： <span id="arrivetime">-</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 + "equipmentapi/api/worepairevaluate/getsingle", {
					id: ids //主键ID
				}, function(data) {
					if(data.state == "success") {
						var model = data.data;
						$('#greetingTitle').text(model.wocode); //标题 && 工单编号
						$('#greetingUser').text(model.createuser); //评价人
						if(model.channel == '4') {
							$('#greetingUser').text(model.createusername);
						}
						$('#greetingStime').text(model.createtime); //添加时间
						$('#arrivetime').text(model.arrivetime); //到场时间

						if(model.score) {
							//1 差、2 不满意、3 一般、4 满意、5 很满意
							rating.init('#ratingScores', {
								mode: 'LightEntire',
								num: model.score,
								readOnly: true,
							});
							
							var scoreTips = '';
							switch (model.score){
								case 1:
										scoreTips = '差'
									break;
								case 2:
										scoreTips = '不满意'
									break;
								case 3:
										scoreTips = '一般'
									break;
								case 4:
										scoreTips = '满意'
									break;
								case 5:
										scoreTips = '很满意'
									break;
								default:
									break;
							}
							$('#ratingTips').text(scoreTips);
						}

						$('#greetingContent').text(model.evaluate); //内容
						//评价关键词
						if(model.label) {
							$(model.label).each(function(i, n) {
								$('<span class="btn-label">' + n + '</span>').appendTo('#greetingRemark')
							})
						} else {
							$('#greetingRemark').html('暂无备注信息。。');
						}

					}
				});
			}
		</script>
	</body>

</html>