zhengbingbing
/
ZXZB_CallCenterUI5.0


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237
							<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <link href="../css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="../css/bootstrap.min.css" />
    <link href="../css/init.css" rel="stylesheet" />
    <link rel="stylesheet" href="../css/boot/bootstrap-table.css" />
    <link href="../css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="../css/animate.min.css" rel="stylesheet">
    <link href="../css/style.min862f.css?v=4.1.0" rel="stylesheet">
    <link href="../css/layer/need/layer.css" />
    <!--<link rel="stylesheet" href="../css/animate.css" />-->
    <link rel="stylesheet" href="../css/visit/myvisitlistesult.css" />
    <link href="../css/bootstrap-table-fixed-columns.css" />
    <link rel="stylesheet" type="text/css" href="../js/bootstrap3-editable/css/bootstrap-editable.css"/>
    <script src="../js/jquery.min.js?v=2.1.4"></script>
    <script src="../js/jquery.cookie.js"></script>
    <!--<script src="../js/bootstrap-table-fixed-columns.js"></script>-->
    <script src="../Script/Common/huayi.load.js"></script>
    <script src="../Script/Common/huayi.config.js"></script>
    <title></title>
    <style>
        .shark_content_title {
            margin-left: 10px;
        }
        div.popover-content{
        	display: none;
        }
    </style>
</head>
	<body>
		<div class="shark_content ">
			<div class="content_1">
				<div class="shark_content_title">
					<span>电话信息</span>
				</div>
				<table cellspacing="" cellpadding="" class="form_table">
					<tbody>
						<tr>
							<th><span>电话号码：</span></th>
							<td><span class="CusTelphone"></span><img  style="vertical-align: text-bottom;margin-left: 5px;"src="../img/Phones.png" /></td>
							<th><span>固定号码：</span></th>
							<td><span class="CusPhone"></span><img  style="vertical-align: text-bottom;margin-left: 5px;"src="../img/Phones.png" /></td>
						</tr>
						<tr>
							<th><span>客户名称：</span></th>
							<td><span class="CusName"></span></td>
							<th><span>车牌号码：</span></th>
							<td><span class="License"></span></td>
						</tr>
						<tr>
							<th><span>店面：</span></th>
							<td><span class="Store"></span></td>
							<th><span>出厂日期：</span></th>
							<td><span class="Prodate"></span></td>
						</tr>
						<tr>
							<th><span>品牌：</span></th>
							<td><span class="Brand"></span></td>
							<th><span>车型：</span></th>
							<td><span class="Models"></span></td>
						</tr>
						<tr>
							<th><span>维修类别：</span></th>
							<td><span class="RepType"></span></td>
							<th><span>维修项目：</span></th>
							<td><span class="RepItem"></span></td>
						</tr>
						<tr>
							<th><span>机电：</span></th>
							<td><span class="Elect"></span></td>
							<th><span>钣金：</span></th>
							<td><span class="Sheetmetal"></span></td>
						</tr>
						<tr>
							<th><span>喷漆：</span></th>
							<td><span class="Paint"></span></td>
							<th><span>维修工：</span></th>
							<td><span class="RepUser"></span></td>
						</tr>
						<tr>
							<th><span>客户类型：</span></th>
							<td><span class="NewCus"></span></td>
						</tr>
						<tr>
							<th><span>接车员：</span></th>
							<td><span class="Reciver"></span></td>
							<th><span>接车员得分：</span></th>
							<td><span class="RScore"></span></td>
						</tr>
						<tr>
							<th><span>班组：</span></th>
							<td><span class="TheTeam"></span></td>
							<th><span>班组得分：</span></th>
							<td><span class="TScore"></span></td>
						</tr>
						<tr>
							<th><span>环检：</span></th>
							<td><span class="RingS"></span></td>
							<th><span>整体：</span></th>
							<td><span class="WholeS"></span></td>
						</tr>
						<tr>
							<th><span>工单号：</span></th>
							<td><span class="WoNumber"></span></td>
							<th><span>合计：</span></th>
							<td><span class="TotalS"></span></td>
						</tr>
                        <tr>
                            <th><span>是否成功：</span></th>
                            <td><span class="VisIS"></span></td>
                            <th><span>回访结果：</span></th>
                            <td><span class="VisResult"></span></td>
                        </tr>
                        <tr>
                            <th><span>处理方式：</span></th>
                            <td><span class="Extend10"></span></td>
                            <th><span>到店途径：</span></th>
                            <td><span class="Extend1"></span></td>
                        </tr>
                        <tr>
                            <th><span>问题客户分类：</span></th>
                            <td colspan="3"><span class="QuestionType"></span></td>
                        </tr>
						<tr>
							<th><span>回访内容：</span></th>
							<td colspan="3">
                                <span class="VisInfo"></span>
							</td>
						</tr>
                        <tr>
                            <th><span>备注：</span></th>
                            <td colspan="3"><span class="Remark"></span></td>
                        </tr>
					</tbody>
				</table>
			</div>
			<div class="content_2 clearfix" style="display:none;">
				<div class="shark_content_title">
					<span>呼叫结果</span>
				</div>
				<div class="clearfix">
					<textarea class="hjjg_" style="resize:none;" readonly="readonly"></textarea>
				</div>
			</div>
			<div class="content_3">
				<div class="shark_content_title">
					<span>回访记录</span>
				</div>
				<div>
					<table id="hfjl" ata-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
					<thead>
						 <tr>
							<th  data-formatter="Pai" data-align="center">编号</th>
		                    <!--<th data-field="F_HFTelphone" data-align="center">回访电话</th>
		                    <th data-field="F_ISCall" data-align="center" data-formatter="GethjStateName">呼叫状态</th>
		                    <th data-field="F_ISCallRes" data-align="center" data-formatter="GetjtStateName">接通状态</th>
		                    <th data-field="F_CallRes" data-align="center">呼叫结果</th>
		                    <th data-field="F_CallDate" data-align="center">呼叫时间</th>-->
		                    <th data-field="F_HFState" data-align="center" data-formatter="GethfStateName">回访状态</th>
		                    <th data-field="F_HFInfo" data-formatter="cutContent1" data-align="center">回访内容</th>
		                    <th data-field="F_HFRemark" data-formatter="cutContent2" data-align="center">回访备注</th>
		                    <th data-field="F_HFUserName" data-align="center">回访人</th>
		                    <th data-field="F_HFTime" data-align="center">回访时间</th>
						 </tr>
					</thead>
					<tbody>
						
					</tbody>
					</table>
				</div>
				<input type="hidden" value="" class="phoneid" />
				
			</div>
		</div>
		
		<script src="../css/laydate/laydate.js"></script>
		<script src="../js/bootstrap3-editable/js/bootstrap-editable.js"></script>
		<script src="../js/visit/Commone.js"></script>
        <script src="../js/guid.js"></script>
        <script>
        	$('.input_').keyup(function() {
				Count = 0;
				$('.input_').each(function(i, n) {
					if($(n).val()) {
						var num = $(n).val()*2.5;
						Count = Count * 1 + num * 1;
						console.log(num);
					}
				})

				$(".zj").val(Count);
			});
		 	$(".CallOut").click(function (event) {
		 	    if ($(".CusTelphone").text()) {
		 	        calloutopt($(".CusTelphone").text());
		 	    }
		 	});
		 	$(".CallOut1").click(function (event) {
		 	    if ($(".CusPhone").text()) {
		 	        calloutopt($(".CusPhone").text());
		 	    }
		 	});
			function calloutopt(telphone) {
			    event.stopPropagation();
			    if (telphone) {
			        $.ajax({
			            type: "get",
			            url: huayi.config.callcenter_url + "CallOutOpt/GetCallOutprefix",
			            async: true,
			            dataType: 'json',
			            data: {
			                token: $.cookie("token"),
			                phone: $(".CusTelphone").text()
			            },
			            success: function (result) {
			                if (result.state.toLowerCase() == "success") {
			                    var guid = uuid();
			                    $("#TelCode").val(guid);
			                    top.obj.Type = "MakeCall";
			                    top.obj.DestinationNumber = result.data.phone;
			                    top.obj.Header = result.data.fix;
			                    top.obj.TaskType = "1"; //0:拨号外呼；1:95005回访外呼；2:电销老客户回访外呼；3:电销新客户回访外呼
			                    top.obj.TaskPhoneID = $("#TelID").val(); //回访的电话ID
			                    top.obj.TaskID = guid; //回访记录编号
			                    top.Send();
			                }

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