zhengbingbing
/
ZXZB_CallCenterUI5.0


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321
							<!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 rel="stylesheet" type="text/css" href="../js/bootstrap3-editable/css/bootstrap-editable.css"/>
    <link href="../css/bootstrap-table-fixed-columns.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;
        }

        .Pf {
            float: right;
            margin-right: 10px;
        }

        .DFhide {
            display: none;
        }
        div.popover-content{
        	display: none;
        }
    </style>
</head>
	<body>
		<div class="content_1">
							<div class="shark_content_title">
								<span>电话信息</span>
                                <input type="hidden" id="TelID" value="" />
                                <input type="hidden" id="TelCode" value="" />
							</div>
							<table cellspacing="" cellpadding="" class="form_table">
								<tbody>
									<tr>
										<th><span>电话号码：</span></th>
										<td><a class="CallOut" id="CallOut"><span class="CusTelphone"></span><img style="vertical-align: text-bottom;margin-left: 5px;" src="../img/Phones.png" /></a></td>
										<th><span>固定号码：</span></th>
										<td><a class="CallOut1" id="CallOut1"><span class="CusPhone"></span><img style="vertical-align: text-bottom;margin-left: 5px;" src="../img/Phones.png" /></a></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">
								<ul class="clearfix " id="Tgetruset">
									
								</ul>
							</div>
						</div>
						<div class="content_3">
							<div class="shark_content_title">
								<span>回访内容</span> <span ><a class="Pf">点击评分</a></span>
							</div>
							<div>
								<table cellspacing="" cellpadding="" class="form_table CC" >
								<tbody>
									<tr class="DFhide">
										<th><span>班组得分：</span></th>
										<td><input class="bz input_" value="0"></td>
										<th><span>接班员得分：</span></th>
										<td><input class="jb input_" value="0"></td>
									</tr>
									<tr class="DFhide">
										<th><span>环检：</span></th>
										<td><input class="hjs input_" value="0"></td>
										<th><span>整体：</span></th>
										<td><input class="zjs input_" value="0"></td>
									</tr>
									<tr class="DFhide">
										<th><span>合计：</span></th>
										<td colspan="4"><input class="zj" value="0" readonly="readonly"></td>
										
									</tr>
									
                                    <tr>
                                        <th><span>是否成功：</span></th>
                                        <td><!--<textarea class="sfcg" style="width: 100%;"></textarea>-->
                                            <select id="sfcg" class="m-kuang sfcg">
                                                <option value=""></option>
                                                <option value="是">是</option>
                                                <option value="否">否</option>
                                            </select>
                                        </td>
                                        <th><span>回访结果：</span></th>
                                        <td><!--<textarea class="hfjgs" style="width: 100%;"></textarea>-->
                                            <select id="hfjgs" class="m-kuang hfjgs"></select>
                                        </td>
                                    </tr>
									<tr>
                                        <th><span>处理方式：</span></th>
                                        <td>
                                            <select id="hfclfs" class="m-kuang hfclfs">
                                                <option value=""></option>
                                                <option value="1">继续回访</option>
                                                <option value="2">结束回访</option>
                                            </select>
                                        </td>
                                        <th><span>到店途径</span></th>
                                        <td><input type="text" class="m-kuang inputs" style="width: 95%;" id="expan1"></td>
									</tr>
                                    <tr>
                                        <th><span>问题客户分类：</span></th>
                                        <td colspan="3"><select id="QfenLei" class="m-kuang select"></select></td>
                                    </tr>
                                    <tr>
                                        <!--<th><span>回访结果：</span></th>
        <td ><textarea class="hfjgs" style="width: 100%;"></textarea></td>-->
                                        <th><span>回访内容：</span></th>
                                        <td colspan="3"><textarea class="hfnrs" style="width: 95%;"></textarea></td>
                                    </tr>
									<tr>
										<th><span>备注内容：</span></th>
										<td colspan="3"><textarea class="bznr"  style="width: 95%;"></textarea></td>
									</tr>
								</tbody>
								</table>
							</div>
							<input type="hidden" value="" class="phoneid" />
							<div class="wh_btn">
								<input type="button"  value="提交" class="btns" id="Submit"/>
							</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>
        </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: telphone
			            },
			            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();
			                }

			            }
			        });
			    }
			}
			$(".Pf").click(function(){
				$(".DFhide").toggle();
			})
        </script>
	</body>
</html>