Home Explore Help
Register Sign In
zhoufan
/
SQ12345_Web
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 522 Releases 0 Wiki

商丘12345 前端

Tree: 85b4d0a0fc
Branches Tags
SQ12345_Web
/
WebUI
/
CallCenterWe...
/
home.html

home.html 45KB
History Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. 

  4. 	<head>
    5. 

  5. 		<meta charset="utf-8">
    6. 

  6. 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
    7. 

  7. 		<meta name="renderer" content="webkit">
    8. 

  8. 		<meta http-equiv="Cache-Control" content="no-siteapp" />
    9. 

  9. 		<title>商丘政务服务热线后台业务管理系统</title>
    10. 

  10. 		<script src="./Script/Common/huayi.load.js"></script>
    11. 

  11. 		<script src="./Script/Common/huayi.config.js"></script>
    12. 

  12. 		<link rel="shortcut icon" href="img/32.ico" />
    13. 

  13. 		<link href="./css/wh.css" rel="stylesheet">
    14. 

  14. 		<link href="./css/plugins/iCheck/custom.css" rel="stylesheet">
    15. 

  15. 		<link rel="stylesheet" href="./css/call.css" />
    16. 

  16. 		<link rel="stylesheet" href="./css/personal.css" />
    17. 

  17. 		<link href="./css/plugins/cropper/cropper.min.css" rel="stylesheet">
    18. 

  18. 		<link href="./css/plugins/jasny/jasny-bootstrap.min.css" rel="stylesheet">
    19. 

  19. 		<link rel="stylesheet" href="./js/layui/css/layui.css">
    20. 

  20. 		<link rel="stylesheet" type="text/css" href="css/home.css"/>
    21. 

  21. 

  22. 	</head>
    23. 

  23. 

  24. 	<body class="fixed-sidebar full-height-layout gray-bg" style="overflow:hidden">
    25. 

  25. 		<div id="wrapper">
    26. 

  26. 			<!--左侧导航开始-->
    27. 

  27. 			<nav class="navbar-default navbar-static-side" role="navigation">
    28. 

  28. 				<div class="nav-close">
    29. 

  29. 					<i class="fa fa-times-circle"></i>
    30. 

  30. 				</div>
    31. 

  31. 				<div class="sidebar-collapse">
    32. 

  32. 					<ul class="nav" id="side-menu">
    33. 

  33. 						<li class="nav-header">
    34. 

  34. 							<div class="dropdown profile-element text-center">
    35. 

  35. 								<span style="position: relative;">
    36. 

  36.                                 <img alt="image" class="img-circle yhtx" src="./img/zxPhone.png" onerror="this.src = './img/zxPhone.png'" />
    37. 

  37.                                 <input type="file" name="upFile" id="upFile" accept="image/jpeg,image/jpg,image/png" style="display: none;">
    38. 

  38.                                 <i class="phoneBZ"></i>
    39. 

  39.                             </span>
    40. 

  40. 								<a data-toggle="dropdown" class="dropdown-toggle" href="#">
    41. 

  41. 									<span class="clear">
    42. 

  42.                                     <span class="block m-t-xs">
    43. 

  43.                                         <b class="xian"></b>
    44. 

  44.                                         <strong class="font-bold username">张三</strong>
    45. 

  45.                                         <span class="text-muted text-xs size-12 user_code" style="color: #fff;"></span>
    46. 

  46. 									<b class="xian"></b>
    47. 

  47. 									</span>
    48. 

  48. 									<span class="text-muted text-xs block size-14 ">
    49. 

  49.                                         <span class="text-muted text-xs group" style="color: #fff;"></span>
    50. 

  50. 									<span class="text-muted text-xs rolename" style="color: #fff;"></span>
    51. 

  51. 									<span class="text-muted text-xs deptname" style="color: #fff;"></span>
    52. 

  52. 									</span>
    53. 

  53. 									<span class="text-muted text-xs block Gnumbox" style="color: #fff;">
    54. 

  54.                                         <span class="text-muted text-xs" style="color: #fff;">分机号:</span> <span class="text-muted text-xs Gnum" style="color: #fff;"></span>
    55. 

  55. 									</span>
    56. 

  56. 									</span>
    57. 

  57. 								</a>
    58. 

  58. 								<input id="RoleCode" type="hidden" />
    59. 

  59. 								<input id="GroupCode" type="hidden" />
    60. 

  60. 							</div>
    61. 

  61. 							<div class="logo-element">
    62. 

  62. 							</div>
    63. 

  63. 						</li>
    64. 

  64. 

  65. 					</ul>
    66. 

  66. 				</div>
    67. 

  67. 			</nav>
    68. 

  68. 			<!--左侧导航结束-->
    69. 

  69. 			<!--右侧部分开始-->
    70. 

  70. 			<div id="page-wrapper" class="gray-bg dashbard-1">
    71. 

  71. 				<div class="row border-bottom">
    72. 

  72. 					<nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
    73. 

  73. 						<div class="navbar-header">
    74. 

  74. 							<a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#" style="float: left;"><i class="fa fa-bars"></i> </a>
    75. 

  75. 							<div class="nav navbar-top-links navbar-left">
    76. 

  76. 								<ul class="title-box" id="top-search" style="padding-left: 0; display:none;position: relative;">
    77. 

  77. 									<input type="hidden" id="isml" value="0" />
    78. 

  78. 									<li datafun="DropCall">
    79. 

  79. 										<i class="iconfont  fa-5x DropCall "></i>
    80. 

  80. 										<p>挂断</p>
    81. 

  81. 									</li>
    82. 

  82. 									<li datafun="MakeCall">
    83. 

  83. 										<i class="iconfont  fa-5x MakeCall"></i>
    84. 

  84. 										<p>外呼</p>
    85. 

  85. 									</li>
    86. 

  86. 									<li datafun="SayBusy">
    87. 

  87. 										<i class="iconfont fa-5x SayBusy"></i>
    88. 

  88. 										<p>置忙</p>
    89. 

  89. 									</li>
    90. 

  90. 									<li datafun="SayFree">
    91. 

  91. 										<i class="iconfont fa-5x SayFree"></i>
    92. 

  92. 										<p>置闲</p>
    93. 

  93. 									</li>
    94. 

  94. 									<li datafun="Meeting">
    95. 

  95. 										<i class="iconfont fa-5x Meeting"></i>
    96. 

  96. 										<p>多方通话</p>
    97. 

  97. 									</li>
    98. 

  98. 									<li datafun="Transfer">
    99. 

  99. 										<i class="iconfont fa-5x Transfer"></i>
    100. 

  100. 										<p>转移</p>
    101. 

  101. 									</li>
    102. 

  102. 									<li datafun="Hold">
    103. 

  103. 										<i class="iconfont fa-5x Hold"></i>
    104. 

  104. 										<p>保持</p>
    105. 

  105. 									</li>
    106. 

  106. 									<li datafun="Retrieve">
    107. 

  107. 										<i class="iconfont fa-5x Retrieve"></i>
    108. 

  108. 										<p>接回</p>
    109. 

  109. 									</li>
    110. 

  110. 									<li datafun="Login">
    111. 

  111. 										<i class="iconfont fa-5x Login"></i>
    112. 

  112. 										<p>签入</p>
    113. 

  113. 									</li>
    114. 

  114. 									<li datafun="Logout">
    115. 

  115. 										<i class="iconfont fa-5x Logout"></i>
    116. 

  116. 										<p>签出</p>
    117. 

  117. 									</li>
    118. 

  118. 									<li datafun="Consult" class="db_show ">
    119. 

  119. 										<i class="iconfont fa-5x Consult active"></i>
    120. 

  120. 										<p>协商呼叫 </p>
    121. 

  121. 									</li>
    122. 

  122. 									<li datafun="ConfirmTransfer" class="db_show">
    123. 

  123. 										<i class="iconfont fa-5x ConfirmTransfer active"></i>
    124. 

  124. 										<p> 确认转移 </p>
    125. 

  125. 									</li>
    126. 

  126. 									<li datafun="CancelTransfer" class="db_show ">
    127. 

  127. 										<i class="iconfont fa-5x CancelTransfer active"></i>
    128. 

  128. 										<p> 取消转移 </p>
    129. 

  129. 									</li>
    130. 

  130. 									<li datafun="TurnIvr" class="hw_show ">
    131. 

  131. 										<i class="iconfont fa-5x TurnIvr active"></i>
    132. 

  132. 										<p> 转导播组 </p>
    133. 

  133. 									</li>
    134. 

  134. 									<li datafun="TurnXian" class="hw_through " index="">
    135. 

  135. 										<i class="iconfont fa-5x TurnXian active"></i>
    136. 

  136. 										<p>转接</p>
    137. 

  137. 										<div class="turnSanjiao"></div>
    138. 

  138. 									</li>
    139. 

  139. 									<div class="TurnXianDiv">
    140. 

  140. 										<dl>
    141. 

  141. 											<dt>永城</dt>
    142. 

  142. 											<dt>柘城</dt>
    143. 

  143. 											<dt>睢县</dt>
    144. 

  144. 											<dt>夏邑</dt>
    145. 

  145. 											<dt>宁陵</dt>
    146. 

  146. 											<dt>民权</dt>
    147. 

  147. 											<dt>虞城</dt>
    148. 

  148. 											<dt>省平台</dt>
    149. 

  149. 										</dl>
    150. 

  150. 									</div>
    151. 

  151. 								</ul>
    152. 

  152. 

  153. 							</div>
    154. 

  154. 							<div class="nav closed">
    155. 

  155. 								<!--左边-->
    156. 

  156. 								<div class="text-center max-box">
    157. 

  157. 									<ul class="fl maxOpen animated" style="display: none;">
    158. 

  158. 										<li>
    159. 

  159. 											<h3 class="size-12 tkhmc">未知</h3>
    160. 

  160. 											<h3 class="size-12 ttsdh" style="margin-bottom: 0;"></h3>
    161. 

  161. 										</li>
    162. 

  162. 										<li>
    163. 

  163. 											<div class="photo">
    164. 

  164. 												<img src="" alt="" />
    165. 

  165. 											</div>
    166. 

  166. 										</li>
    167. 

  167. 									</ul>
    168. 

  168. 								</div>
    169. 

  169. 								<div class="ls">
    170. 

  170. 

  171. 									<!--<span class="size-12 tuBiao fa fa-file-text dropdown dclgd" title="工单消息" style="display:none;">
    172. 

  172.                                     <span class="label label-warning xx_count"></span>
    173. 

  173.                                 </span>-->
    174. 

  174. 

  175. 									<!--顶部超期工单图标  暂时去掉
    176. 

  176.                                 	<span class="size-12 fa fa-clock-o surIcon cqgd" title="超期工单" style="display:none;">
    177. 

  177.                                     <span class="label label-warning sur_count"></span>
    178. 

  178.                                 </span>-->
    179. 

  179. 

  180. 									<!--<span class="size-12 min-right" onclick="Jumps()">
    181. 

  181.                                 <i class="ga"></i>&nbsp;管理中心
    182. 

  182.                                 </span>-->
    183. 

  183. 									<span class="size-12 shezhi">
    184. 

  184.                                     <i class="sz"></i>&nbsp;设置
    185. 

  185.                                 </span>
    186. 

  186. 									<span class="size-12" onclick="logout()">
    187. 

  187.                                     <i class="tc"></i>退出
    188. 

  188.                                 </span>
    189. 

  189. 									<span class="size-12 fa fa-envelope chat" title="消息通讯">
    190. 

  190.                                     <span class="label label-warning chat_count"></span>
    191. 

  191. 									</span>
    192. 

  192. 									<span class="size-12 min-right" onclick="showTopMsgs()" style="position: relative;">
    193. 

  193.                                 	<span class="top_notices_num" id="top_notices_num">0</span>
    194. 

  194. 									<i class="top_icon ga"></i>&nbsp;&nbsp;&nbsp;&nbsp;消息
    195. 

  195. 									<ul class="top_notices_lists" id="top_notices_lists">
    196. 

  196. 									</ul>
    197. 

  197. 									</span>
    198. 

  198. 									<ul class="dropdown-menu dropdown-alerts drm" style="display: none;">
    199. 

  199. 										<!--<li><a href="">
    200. 

  200.                                         <div class="tipCon">
    201. 

  201.                                             如果说你是冬日的烟火  华仪科技有限公司 你像遥远的泡沫
    202. 

  202.                                         </div>
    203. 

  203.                                         <div class="order_time clearfix">
    204. 

  204.                                             <span class="work_order">
    205. 

  205.                                             订单号：201709228000006
    206. 

  206.                                             </span>
    207. 

  207.                                             <span class="ort">
    208. 

  208.                                             2017-02-04 14:00
    209. 

  209.                                             </span>
    210. 

  210.                                         </div>
    211. 

  211. 

  212.                                     </a></li>
    213. 

  213.                                     <li class="divider"></li>
    214. 

  214.                                     <li><a href="">消息2</a></li>
    215. 

  215.                                     <li class="divider"></li>
    216. 

  216.                                     <li><a href="">消息3</a></li>
    217. 

  217.                                     <li><a href="">
    218. 

  218.                                         <div class="order_time clearfix">
    219. 

  219.                                             <span class="work_order">
    220. 

  220.                                             查看更多
    221. 

  221.                                             </span>
    222. 

  222.                                             <span class="ort">
    223. 

  223.                                             >>
    224. 

  224.                                             </span>
    225. 

  225.                                         </div>
    226. 

  226. 

  227.                                     </a></li>-->
    228. 

  228. 									</ul>
    229. 

  229. 								</div>
    230. 

  230. 							</div>
    231. 

  231. 						</div>
    232. 

  232. 

  233. 					</nav>
    234. 

  234. 				</div>
    235. 

  235. 				<div class="row content-tabs1">
    236. 

  236. 					<ul>
    237. 

  237. 						<li class="top1" style="width: 5%;"></li>
    238. 

  238. 						<li class="top2" style="width: 8%;"></li>
    239. 

  239. 						<li class="top3" style="width: 10%;"></li>
    240. 

  240. 						<li class="top4" style="width: 13%;"></li>
    241. 

  241. 						<li class="top5" style="width: 10%;"></li>
    242. 

  242. 						<li class="top6" style="width: 5%;"></li>
    243. 

  243. 						<li class="top7" style="width: 13%;"></li>
    244. 

  244. 						<li class="top8" style="width: 10%;"></li>
    245. 

  245. 						<li class="top9" style="width: 11.2%;"></li>
    246. 

  246. 						<li class="top10" style="width: 6%;"></li>
    247. 

  247. 						<li class="top11" style="width: 3%;"></li>
    248. 

  248. 						<li class="top12" style="width: 5%;"></li>
    249. 

  249. 					</ul>
    250. 

  250. 

  251. 				</div>
    252. 

  252. 				<div class="row J_mainContent" id="content-main">
    253. 

  253. 					<iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="widgets.html" frameborder="0" data-id="index_v1.html" seamless></iframe>
    254. 

  254. 				</div>
    255. 

  255. 				<div class="row content-tabs1 LH">
    256. 

  256. 					<ul>
    257. 

  257. 						<li class="top13" style="width: 100%;"></li>
    258. 

  258. 					</ul>
    259. 

  259. 					<span class="fr">Copyright © 商丘市12345政务服务便民热线 All Rights Reserved</span>
    260. 

  260. 					<ul class="zts" style="display:none;">
    261. 

  261. 						<li>话机状态: </li>
    262. 

  262. 						<li class="quan fwzt lx"> </li>
    263. 

  263. 						<li>坐席状态: </li>
    264. 

  264. 						<li class="quan zxzt lx"></li>
    265. 

  265. 						<li><span class="hwzt" style="color:red;"></span></li>
    266. 

  266. 						<!--<li><span class="hxzt" style="color:red;"></span></li>-->
    267. 

  267. 					</ul>
    268. 

  268. 				</div>
    269. 

  269. 			</div>
    270. 

  270. 			<!--右侧边栏开始-->
    271. 

  271. 			<div id="right-sidebar">
    272. 

  272. 				<div class="sidebar-container">
    273. 

  273. 					<ul class="nav nav-tabs navs-3 right-tab">
    274. 

  274. 						<li class="active">
    275. 

  275. 							<a data-toggle="tab" href="#tab-1">
    276. 

  276. 								<!--<i class="fa fa-gear"></i>-->
    277. 

  277. 								未读
    278. 

  278. 							</a>
    279. 

  279. 						</li>
    280. 

  280. 						<li class="">
    281. 

  281. 							<a data-toggle="tab" href="#tab-2">
    282. 

  282. 								已读
    283. 

  283. 							</a>
    284. 

  284. 						</li>
    285. 

  285. 						<!--<li><a data-toggle="tab" href="#tab-3">
    286. 

  286.                           	全部
    287. 

  287.                     </a>
    288. 

  288.                     </li>-->
    289. 

  289. 					</ul>
    290. 

  290. 

  291. 					<div class="tab-content">
    292. 

  292. 						<div id="tab-1" class="tab-pane active">
    293. 

  293. 							<div class="sidebar-title">
    294. 

  294. 								<h3> <i class="fa fa-comments-o"></i> 未读消息 <small class="sele_send">发送消息</small></h3>
    295. 

  295. 								<small><i class="fa fa-tim"></i> 您当前有<span class="message_count"></span>条未读信息</small>
    296. 

  296. 								<a href="javaScript:;" class="readed">全部已读</a>
    297. 

  297. 							</div>
    298. 

  298. 							<div class="chat_box">
    299. 

  299. 								<!--<div class="sidebar-message">
    300. 

  300.                                       <a href="#">
    301. 

  301.                                           <div class="pull-left text-center">
    302. 

  302.                                               <img alt="image" class="img-circle message-avatar" src="img/chat_pic.jpg">
    303. 

  303.                                               <div class="m-t-xs"></div>
    304. 

  304.                                           </div>
    305. 

  305.                                           <div class="media-body">
    306. 

  306.                                               <div class="chat_content">
    307. 

  307.                                               据天津日报报道：瑞海公司董事长于学伟
    308. 

  308.                                               </div>
    309. 

  309.                                               <small class="text-muted">今天 4:21</small>
    310. 

  310.                                              <span class="reply">回复</span>
    311. 

  311.                                           </div>
    312. 

  312.                                       </a>
    313. 

  313.                                   </div>-->
    314. 

  314. 							</div>
    315. 

  315. 						</div>
    316. 

  316. 						<div id="tab-2" class="tab-pane">
    317. 

  317. 							<div class="sidebar-title">
    318. 

  318. 								<h3> <i class="fa fa-comments-o"></i> 已读消息</h3>
    319. 

  319. 								<small>注： 显示最近50条已读</small>
    320. 

  320. 

  321. 							</div>
    322. 

  322. 							<div class="chat_box">
    323. 

  323. 								<!--<div class="sidebar-message">
    324. 

  324.                                 <a href="#">
    325. 

  325.                                     <div class="pull-left text-center">
    326. 

  326.                                         <img alt="image" class="img-circle message-avatar" src="img/chat_pic.jpg">
    327. 

  327.                                     </div>
    328. 

  328.                                     <div class="media-body">
    329. 

  329.                                         <div class="chat_content">
    330. 

  330.                                                    据天津日报报道：瑞海公司董事长于学伟
    331. 

  331.                                         </div>
    332. 

  332.                                         <small class="text-muted">今天 4:21</small>
    333. 

  333.                                        <span class="reply">回复</span>
    334. 

  334.                                     </div>
    335. 

  335.                                 </a>
    336. 

  336.                             </div>
    337. 

  337.                             -->
    338. 

  338. 							</div>
    339. 

  339. 						</div>
    340. 

  340. 					</div>
    341. 

  341. 

  342. 				</div>
    343. 

  343. 			</div>
    344. 

  344. 			<!--右侧边栏结束-->
    345. 

  345. 		</div>
    346. 

  346. 		<!--==========================================================================================-->
    347. 

  347. 		<!--来电弹屏开始-->
    348. 

  348. 		<div class="ldtp-con clearfix animated fadeInDown" style="display: none;">
    349. 

  349. 			<div class="minBacha clearfix">
    350. 

  350. 				<div class="minClosed">
    351. 

  351. 					<a href="javaScript:;" title="最小化"></a>
    352. 

  352. 				</div>
    353. 

  353. 				<div class="Bacha">
    354. 

  354. 					<a href="javaScript:;" title="关闭"></a>
    355. 

  355. 				</div>
    356. 

  356. 			</div>
    357. 

  357. 			<div class="hei-list">
    358. 

  358. 				<div class="heiTop clearFix">
    359. 

  359. 					<p class="htl">黑名单</p>
    360. 

  360. 					<p class="bacha" title="关闭">x</p>
    361. 

  361. 				</div>
    362. 

  362. 				<div class="heiCon">
    363. 

  363. 					<div class="heit">
    364. 

  364. 						<span style="font-size: 14px;">输入拉黑时长：</span>
    365. 

  365. 						<input type="text" id="time-word" />
    366. 

  366. 					</div>
    367. 

  367. 					<div class="chooses">
    368. 

  368. 

  369. 						<label class="radio-inline">
    370. 

  370.                         <input type="radio" name="time" value="1" checked="checked" style="margin-top: 3px;"> 天
    371. 

  371.                     </label>
    372. 

  372. 						<label class="radio-inline">
    373. 

  373.                         <input type="radio" name="time" value="2" style="margin-top: 3px;" />时
    374. 

  374.                     </label>
    375. 

  375. 						<label class="radio-inline">
    376. 

  376.                         <input type="radio" name="time" value="3" style="margin-top: 3px;" />分
    377. 

  377.                     </label>
    378. 

  378. 						<label class="radio-inline">
    379. 

  379.                         <input type="radio" name="time" value="4" style="margin-top: 3px;" />永久
    380. 

  380.                     </label>
    381. 

  381. 

  382. 					</div>
    383. 

  383. 					<p style="margin-top: 15px;"><button id="bc" class="btns">保存</button></p>
    384. 

  384. 				</div>
    385. 

  385. 

  386. 			</div>
    387. 

  387. 			<!--左侧内容-->
    388. 

  388. 			<div class="ldtp-cl col-sm-3">
    389. 

  389. 				<div class="head-pic">
    390. 

  390. 					<div class="hp-box">
    391. 

  391. 						<img src="./img/txpic.png" alt="头像好像去了外星球！" style="width: 100%;height: 100%;" />
    392. 

  392. 						<input type="hidden" class="hidTel" value="" />
    393. 

  393. 						<input type="hidden" class="hidCallID" value="" />
    394. 

  394. 					</div>
    395. 

  395. 					<ul>
    396. 

  396. 						<li><span style="font-size: 25px;" class="tel"></span></li>
    397. 

  397. 						<li><span style="font-size: 20px;" class="khgsd"></span></li>
    398. 

  398. 						<!-- <li class="nikeName"><i></i><span class="ldname">未知</span><i></i></li>-->
    399. 

  399. 						<li style="color: #4cd964;">当前通话时长：<span class="thsc">00:00</span></li>
    400. 

  400. 						<li class="lahei" style="display: none;">
    401. 

  401. 							<div class="la-before"><i class="push"></i> 移至黑名单</div>
    402. 

  402. 							<div class="la-after" style="display: none;">
    403. 

  403. 								<p class="la-time">拉黑时间：<span class="lhtime"></span></p>
    404. 

  404. 								<p class="la-shichang">拉黑截止时间：<span class="blackTime"></span></p>
    405. 

  405. 							</div>
    406. 

  406. 							<div class="retur" style="display: none;"><i class="qxlh"></i> 取消黑名单</div>
    407. 

  407. 						</li>
    408. 

  408. 						<li class="td-call clearfix" style="display:none;">
    409. 

  409. 							<a class="take" style="float:none;" href="javascript:;" title="转满意度"><i></i></a>
    410. 

  410. 							<!--<a class="drop" href="javascript:;"><i></i></a>-->
    411. 

  411. 						</li>
    412. 

  412. 					</ul>
    413. 

  413. 				</div>
    414. 

  414. 				<table class="table khzl">
    415. 

  415. 					<tr>
    416. 

  416. 						<th>投诉人：</th>
    417. 

  417. 						<td><input type="text" value="" class="ldname khmc" /><input type="hidden" value="" id="khid" /></td>
    418. 

  418. 					</tr>
    419. 

  419. 					<tr>
    420. 

  420. 						<th>投诉电话：</th>
    421. 

  421. 						<td><input type="text" value="" class="tsdh" /></td>
    422. 

  422. 					</tr>
    423. 

  423. 					<tr>
    424. 

  424. 						<th>归属地：</th>
    425. 

  425. 						<td><span class="ldlocation" style="padding-left: 5px;">未知</span></td>
    426. 

  426. 					</tr>
    427. 

  427. 					<tr>
    428. 

  428. 						<th>联系人：</th>
    429. 

  429. 						<td><input type="text" value="" class="lxr" /></td>
    430. 

  430. 					</tr>
    431. 

  431. 					<tr>
    432. 

  432. 						<th>联系电话：</th>
    433. 

  433. 						<td><input type="text" value="" class="lxdh" /></td>
    434. 

  434. 					</tr>
    435. 

  435. 					<tr>
    436. 

  436. 						<th>邮编：</th>
    437. 

  437. 						<td><input type="text" value="" class="postcode" /></td>
    438. 

  438. 					</tr>
    439. 

  439. 					<tr>
    440. 

  440. 						<th>Email：</th>
    441. 

  441. 						<td><input type="text" value="" class="email" /></td>
    442. 

  442. 					</tr>
    443. 

  443. 					<tr>
    444. 

  444. 						<th>来电时间：</th>
    445. 

  445. 						<td><span class="ldtime" style="padding-left: 5px;"></span></td>
    446. 

  446. 					</tr>
    447. 

  447. 					<tr>
    448. 

  448. 						<td></td>
    449. 

  449. 						<td><span class="edit"><i class="bianji edi"></i><a class="khbtn">编辑</a></span><span class="save"> <i class="bianji sav"></i><a class="khbtn">保存</a></span><span class="cancel"><i class="bianji canc"></i><a class="khbtn">取消</a></span></td>
    450. 

  450. 					</tr>
    451. 

  451. 				</table>
    452. 

  452. 			</div>
    453. 

  453. 			<!--右侧内容-->
    454. 

  454. 

  455. 			<div class="ldtp-cr col-sm-9">
    456. 

  456. 				<ul class="ld-service clearfix">
    457. 

  457. 					<li style="border-bottom:1px solid #243747;" itemtype="0" class="cr-click">新增工单</li>
    458. 

  458. 					<li style="border-bottom:1px solid #243747;" itemtype="1">历史记录</li>
    459. 

  459. 					<!--<li style="border-bottom:1px solid #69cbd0;" itemtype="1" >售前咨询</li>
    460. 

  460.                 <li style="border-bottom:1px solid #f95a83;" itemtype="2">保修服务</li>-->
    461. 

  461. 					<li style="border-bottom:1px solid #243747;" itemtype="2">历史工单</li>
    462. 

  462. 				</ul>
    463. 

  463. 				<div class="ld-sercon">
    464. 

  464. 					<div class="complain" style="display:block;">
    465. 

  465. 						<div class="ld-sercon-con clearfix">
    466. 

  466. 							<div class="Pre-second second-con addgd" style="position: relative;">
    467. 

  467. 								<div class="reposit">知</div>
    468. 

  468. 								<form>
    469. 

  469. 									<div class="form-group dicValueList clearfix" id="dicValueList">
    470. 

  470. 										<span class="col-sm-1 Import">
    471. 

  471.                                         来电类型:
    472. 

  472.                                     </span>
    473. 

  473. 										<span class="col-sm-11">
    474. 

  474.                                         <ul></ul>
    475. 

  475.                                     </span>
    476. 

  476. 									</div>
    477. 

  477. 									
    478. 

  478. 									<div id="dicForms">
    479. 

  479. 										
    480. 

  480. 										<div class="form-group clearfix">
    481. 

  481. 											<span class="col-sm-1 Import">
    482. 

  482.                                             投诉人:
    483. 

  483.                                         </span>
    484. 

  484. 											<span class="col-sm-3">
    485. 

  485.                                             <input type="text" class="khmc" id="cusname" />
    486. 

  486.                                         </span>
    487. 

  487. 											<span class="col-sm-1">
    488. 

  488.                                             性别:
    489. 

  489.                                         </span>
    490. 

  490. 											<span class="col-sm-3">
    491. 

  491.                                             <select name="" id="">
    492. 

  492.                                                 <option value="0">男</option>
    493. 

  493.                                                 <option value="0">女</option>
    494. 

  494.                                             </select>
    495. 

  495.                                         </span>
    496. 

  496. 											<span class="col-sm-1 Import">
    497. 

  497.                                             投诉电话:
    498. 

  498.                                         </span>
    499. 

  499. 											<span class="col-sm-3">
    500. 

  500.                                             <input type="text" class="tsdh" id="cusphone" />
    501. 

  501.                                         </span>
    502. 

  502. 										</div>
    503. 

  503. 										<div class="form-group clearfix">
    504. 

  504. 											<span class="col-sm-1">
    505. 

  505.                                             邮箱:
    506. 

  506.                                         </span>
    507. 

  507. 											<span class="col-sm-3">
    508. 

  508.                                             <input type="text" class="email" id="email" />
    509. 

  509.                                         </span>
    510. 

  510. 											<span class="col-sm-1">
    511. 

  511.                                             邮编:
    512. 

  512.                                         </span>
    513. 

  513. 											<span class="col-sm-3">
    514. 

  514.                                             <input type="text" class="postcode" id="zipcode" />
    515. 

  515.                                         </span>
    516. 

  516. 											<span class="col-sm-1 Import">
    517. 

  517.                                             联系电话:
    518. 

  518.                                         </span>
    519. 

  519. 											<span class="col-sm-3">
    520. 

  520.                                             <input type="text" class="lxdh" id="conphone" />
    521. 

  521.                                         </span>
    522. 

  522. 										</div>
    523. 

  523. 										<div class="form-group clearfix">
    524. 

  524. 											<span class="col-sm-1 Import">标题:</span>
    525. 

  525. 											<span class="col-sm-11">
    526. 

  526.                                             <input id="title" type="text" style="padding: 5px;width: 100%;" />
    527. 

  527.                                         </span>
    528. 

  528. 										</div>
    529. 

  529. 										<div class="form-group clearfix">
    530. 

  530. 											<span class="col-sm-1 Import">内容:</span>
    531. 

  531. 											<span class="col-sm-11">
    532. 

  532.                                             <textarea rows="5" id="content"></textarea>
    533. 

  533.                                         </span>
    534. 

  534. 										</div>
    535. 

  535. 										
    536. 

  536. 										<div class="form-group clearfix">
    537. 

  537. 											<span class="col-sm-1 Import">反映类别:</span>
    538. 

  538. 											<span class="col-sm-11">
    539. 

  539. 	                                            <input type="text" id="reflectCategory" autocomplete="off" style="width: 100%;" />
    540. 

  540. 					                            <div class="reflectCategoryList-wrapper">
    541. 

  541. 					                                <ul id="reflectCategoryList">
    542. 

  542. 					                                </ul>
    543. 

  543. 					                            </div>
    544. 

  544. 	                                        </span>
    545. 

  545. 										</div>
    546. 

  546. 

  547. 										<div class="form-group clearfix">
    548. 

  548. 											<span class="col-sm-1">
    549. 

  549.                                             类型:
    550. 

  550.                                         </span>
    551. 

  551. 											<span class="col-sm-3">
    552. 

  552.                                             <select name="" id="type">
    553. 

  553.                                                 <option value="咨询">咨询</option>
    554. 

  554.                                                 <option value="投诉">投诉</option>
    555. 

  555.                                                 <option value="求助">求助</option>
    556. 

  556.                                                 <option value="建议">建议</option>
    557. 

  557.                                                 <option value="其他">其他</option>
    558. 

  558.                                             </select>
    559. 

  559.                                         </span>
    560. 

  560. 											<span class="col-sm-1">
    561. 

  561.                                             紧急程度:
    562. 

  562.                                         </span>
    563. 

  563. 											<span class="col-sm-3">
    564. 

  564.                                             <select name="" id="level">
    565. 

  565.                                                 <!--<option value="0">请选择</option>-->
    566. 

  566.                                                 <option value="1" selected="selected">普通</option>
    567. 

  567.                                                 <option value="2">紧急</option>
    568. 

  568.                                             </select>
    569. 

  569.                                         </span>
    570. 

  570. 											<span class="col-sm-1 Import">
    571. 

  571.                                         	主题词:
    572. 

  572.                                         </span>
    573. 

  573. 											<span class="col-sm-3">
    574. 

  574.                                             <!-- <input type="text" style="width:100%;"  id="keys"/>-->
    575. 

  575.                                             <select name="" id="keys"></select>
    576. 

  576.                                         </span>
    577. 

  577. 										</div>
    578. 

  578. 										<div class="form-group clearfix">
    579. 

  579. 

  580. 											<span class="col-sm-1 Import">
    581. 

  581.                                            	 事发区域:
    582. 

  582.                                         </span>
    583. 

  583. 											<span class="col-sm-6 source_area">
    584. 

  584. 	                                            <select name="sourcearea" id="sourcearea">
    585. 

  585. 	                                                <option value="0">请选择</option>
    586. 

  586. 	                                            </select>
    587. 

  587. 	                                            <!--<img src="img/map_nav.png"/>-->
    588. 

  588. 	                                            <input id="sourceaddress" type="text" placeholder="输入详细地址" />
    589. 

  589. 	                                        </span>
    590. 

  590. 											<div class="mapBJ" style="width:100%; height:100%"></div>
    591. 

  591. 											<div class="mapPos" style="width:710px; height:400px;">
    592. 

  592. 												<div id="myMap" style="width:710px; height:400px;"></div>
    593. 

  593. 												<input type="hidden" class="store_Lng" value="115.659773" />
    594. 

  594. 												<input type="hidden" class="store_Lat" value="34.395449" />
    595. 

  595. 											</div>
    596. 

  596. 										</div>
    597. 

  597. 										<div class="form-group clearfix">
    598. 

  598. 											<span class="col-sm-1">
    599. 

  599.                                             处理方式:
    600. 

  600.                                         </span>
    601. 

  601. 											<span class="col-sm-3">
    602. 

  602.                                             <label style="font-weight:normal;"><input type="radio" name="banli" value="1" class="Nows" />当即处理</label>
    603. 

  603.                                             <label style="font-weight:normal;"><input type="radio" name="banli" value="0" checked="checked" class="Nows" />网络转办</label>
    604. 

  604.                                         </span>
    605. 

  605. 											<span class="col-sm-1">
    606. 

  606.                                             密级:
    607. 

  607.                                         </span>
    608. 

  608. 											<span class="col-sm-3">
    609. 

  609.                                             <label style="font-weight:normal;"><input type="radio" name="mj" value="0" checked="checked" />普通</label>
    610. 

  610.                                             <label style="font-weight:normal;"><input type="radio" name="mj" value="1" />保密</label>
    611. 

  611.                                         </span>
    612. 

  612. 										</div>
    613. 

  613. 										<div class="form-group clearfix Hidens Nows_box">
    614. 

  614. 											<span class="col-sm-1">
    615. 

  615.                                             直办内容:
    616. 

  616.                                         </span>
    617. 

  617. 											<span class="col-sm-11 ">
    618. 

  618.                                             <textarea id="result" rows="3"></textarea>
    619. 

  619.                                         </span>
    620. 

  620. 										</div>
    621. 

  621. 										<div class="form-group clearfix " style="text-align: center;">
    622. 

  622. 											<!--<div class="bton addt_"><a>保存</a></div>-->
    623. 

  623. 											<a class="btns addt_">保存</a>
    624. 

  624. 											<a class="btns addts">保存并提交</a>
    625. 

  625. 											<!--<div class="bton addts">保存并提交</div>-->
    626. 

  626. 										</div>
    627. 

  627. 									</div>
    628. 

  628. 								</form>
    629. 

  629. 							</div>
    630. 

  630. 						</div>
    631. 

  631. 					</div>
    632. 

  632. 					<div class="complain" style="display:none;">
    633. 

  633. 						<div class="ld-sercon-con clearfix">
    634. 

  634. 							<div class="Ps-chaxun">
    635. 

  635. 								<span>查询: <input type="text" id="old_startTime" class="laydate-icon" />&nbsp;——&nbsp;<input type="text" id="old_endTime" class="laydate-icon" /></span>
    636. 

  636. 

  637. 								<span class="searchbtn"></span>
    638. 

  638. 							</div>
    639. 

  639. 							<div class="table-responsive col-sm-12 tbold" style="padding-left: 0;">
    640. 

  640. 								<table id="oldlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
    641. 

  641. 									<thead>
    642. 

  642. 										<tr>
    643. 

  643. 											<th data-field="CallNumber">电话号码</th>
    644. 

  644. 											<th data-field="CallState" data-formatter="GetCallState">呼叫状态</th>
    645. 

  645. 											<th data-field="TypeName">通话类型</th>
    646. 

  646. 											<th data-field="UserCode">坐席工号</th>
    647. 

  647. 											<th data-field="UserName">坐席姓名</th>
    648. 

  648. 											<th data-field="TalkStartTime">通话开始时间</th>
    649. 

  649. 											<th data-field="TalkEndTime">通话结束时间</th>
    650. 

  650. 											<th data-field="TalkLongTime" data-formatter="ftime">通话时长</th>
    651. 

  651. 											<th data-field="FilePath" data-formatter="setCode">录音</th>
    652. 

  652. 										</tr>
    653. 

  653. 									</thead>
    654. 

  654. 									<tbody class="list"></tbody>
    655. 

  655. 								</table>
    656. 

  656. 							</div>
    657. 

  657. 						</div>
    658. 

  658. 

  659. 					</div>
    660. 

  660. 					<div class="complain" style="display:none;">
    661. 

  661. 						<div class="ld-sercon-con clearfix">
    662. 

  662. 							<div class="Ps-chaxun">
    663. 

  663. 								<span>查询: <input type="text" id="con_startTime" class="laydate-icon" />&nbsp;——&nbsp;<input type="text" id="con_endTime" class="laydate-icon" /></span>
    664. 

  664. 

  665. 								<span class="searchbtn"></span>
    666. 

  666. 								<!--<span class="addjl g" style="margin-left:5em;">新增工单</span>-->
    667. 

  667. 							</div>
    668. 

  668. 							<div class="table-responsive col-sm-12 tbold" style="padding-left: 0;">
    669. 

  669. 								<table id="orderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
    670. 

  670. 									<thead>
    671. 

  671. 										<tr>
    672. 

  672. 											<th data-field="F_WorkOrderId" data-formatter="GetLink">工单编号</th>
    673. 

  673. 											<th data-field="F_CreateTime">创建时间</th>
    674. 

  674. 											<th data-field="UserName">创建人</th>
    675. 

  675. 											<th data-field="SourceName">信息来源</th>
    676. 

  676. 											<th data-field="TypeName">信息类别</th>
    677. 

  677. 											<th data-field="DeptName">主办单位</th>
    678. 

  678. 											<th data-field="OtherDeptName">协办单位</th>
    679. 

  679. 											<th data-field="WorkStateName">工单状态</th>
    680. 

  680. 											<th data-field="F_ComContent" data-formatter="GetCont">工单内容</th>
    681. 

  681. 											<th data-field="FilePath" data-formatter="setCode">录音文件</th>
    682. 

  682. 											<th data-formatter="setReminder">操作</th>
    683. 

  683. 										</tr>
    684. 

  684. 									</thead>
    685. 

  685. 									<tbody class="list"></tbody>
    686. 

  686. 								</table>
    687. 

  687. 							</div>
    688. 

  688. 						</div>
    689. 

  689. 

  690. 					</div>
    691. 

  691. 

  692. 				</div>
    693. 

  693. 

  694. 			</div>
    695. 

  695. 		</div>
    696. 

  696. 		<!--来电弹屏结束-->
    697. 

  697. 		<!--知识库内容-->
    698. 

  698. 		<div class="ldcr-bottom repoConte">
    699. 

  699. 			<div class="ldcrb-top clearfix">
    700. 

  700. 				<ul class="clearfix">
    701. 

  701. 					<li style="border-bottom:1px solid #69cbd0; background: #000;color: #fff;">知识库</li>
    702. 

  702. 					<!--<li style="border-bottom:1px solid #f95a83;border-top:1px solid #000;border-right:1px solid #000;">更多内容</li>-->
    703. 

  703. 				</ul>
    704. 

  704. 				<div class="ld-search">
    705. 

  705. 					<div class="sear-inp">
    706. 

  706. 						<input type="text" class="search" placeholder="搜索问题、内容或者标题" />
    707. 

  707. 					</div>
    708. 

  708. 					<div class="searIcon"></div>
    709. 

  709. 				</div>
    710. 

  710. 			</div>
    711. 

  711. 			<div class="detail-con">
    712. 

  712. 				<ul></ul>
    713. 

  713. 			</div>
    714. 

  714. 		</div>
    715. 

  715. 		<!--外呼键盘-->
    716. 

  716. 		<div class="WH animated fadeInDown hidens">
    717. 

  717. 			<!--top-->
    718. 

  718. 			<div class="clearflow Color">
    719. 

  719. 				<div class="WH-top">
    720. 

  720. 					<span>外呼信息</span>
    721. 

  721. 					<span class="closes"><a>X</a></span>
    722. 

  722. 				</div>
    723. 

  723. 				<div class="Cotent_box clearflow">
    724. 

  724. 					<!--左边键盘-->
    725. 

  725. 					<div class="KeyWord col-sm-4">
    726. 

  726. 						<div class="WH_input  clearflow">
    727. 

  727. 							<div class="clearflow WH_Itop">
    728. 

  728. 								<input id="Result" type="text" class="fl" value="" maxlength="18" autofocus="autofocus" />
    729. 

  729. 								<input id="hidwhtype" type="hidden" value="" />
    730. 

  730. 								<i class="img fl hidens"></i>
    731. 

  731. 							</div>
    732. 

  732. 						</div>
    733. 

  733. 						<div class="Num_box clearflow">
    734. 

  734. 							<ul class="Num_ul clearflow">
    735. 

  735. 								<li>
    736. 

  736. 									<div>
    737. 

  737. 										<a>1</a>
    738. 

  738. 									</div>
    739. 

  739. 								</li>
    740. 

  740. 								<li>
    741. 

  741. 									<div>
    742. 

  742. 										<a>2</a>
    743. 

  743. 									</div>
    744. 

  744. 								</li>
    745. 

  745. 								<li>
    746. 

  746. 									<div>
    747. 

  747. 										<a>3</a>
    748. 

  748. 									</div>
    749. 

  749. 								</li>
    750. 

  750. 								<li>
    751. 

  751. 									<div>
    752. 

  752. 										<a>4</a>
    753. 

  753. 									</div>
    754. 

  754. 								</li>
    755. 

  755. 								<li>
    756. 

  756. 									<div>
    757. 

  757. 										<a>5</a>
    758. 

  758. 									</div>
    759. 

  759. 								</li>
    760. 

  760. 								<li>
    761. 

  761. 									<div>
    762. 

  762. 										<a>6</a>
    763. 

  763. 									</div>
    764. 

  764. 								</li>
    765. 

  765. 								<li>
    766. 

  766. 									<div>
    767. 

  767. 										<a>7</a>
    768. 

  768. 									</div>
    769. 

  769. 								</li>
    770. 

  770. 								<li>
    771. 

  771. 									<div>
    772. 

  772. 										<a>8</a>
    773. 

  773. 									</div>
    774. 

  774. 								</li>
    775. 

  775. 								<li>
    776. 

  776. 									<div>
    777. 

  777. 										<a>9</a>
    778. 

  778. 									</div>
    779. 

  779. 								</li>
    780. 

  780. 								<li>
    781. 

  781. 									<div>
    782. 

  782. 										<a>*</a>
    783. 

  783. 									</div>
    784. 

  784. 								</li>
    785. 

  785. 								<li>
    786. 

  786. 									<div>
    787. 

  787. 										<a>0</a>
    788. 

  788. 									</div>
    789. 

  789. 								</li>
    790. 

  790. 								<li>
    791. 

  791. 									<div>
    792. 

  792. 										<a>#</a>
    793. 

  793. 									</div>
    794. 

  794. 								</li>
    795. 

  795. 								<li class="Last_phone">
    796. 

  796. 									<div>
    797. 

  797. 										<a class="CallOut"></a>
    798. 

  798. 									</div>
    799. 

  799. 								</li>
    800. 

  800. 

  801. 							</ul>
    802. 

  802. 						</div>
    803. 

  803. 					</div>
    804. 

  804. 					<!--右边图表-->
    805. 

  805. 					<div class="col-sm-8 Rbg">
    806. 

  806. 						<div class="bg bg_cotent">
    807. 

  807. 							<ul class="bg_title clearflow">
    808. 

  808. 								<li class="lactive" itemid="0">最近电话</li>
    809. 

  809. 								<li itemid="1">公司电话</li>
    810. 

  810. 								<li itemid="2">投诉人电话</li>
    811. 

  811. 								<li itemid="3">坐席列表</li>
    812. 

  812. 							</ul>
    813. 

  813. 							<div class="bg_box phonediv">
    814. 

  814. 								<div class="cx">
    815. 

  815. 									<span class="blanks">电话号码:<input type="text" id="lastphone" /></span>
    816. 

  816. 									<span class="ty">搜索</span>
    817. 

  817. 									<!--<span class="ty">重置</span>-->
    818. 

  818. 								</div>
    819. 

  819. 								<div class="phone_bg" style="width: 100%;padding: 10px;">
    820. 

  820. 

  821. 									<table class="phonelist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
    822. 

  822. 										<thead>
    823. 

  823. 											<tr>
    824. 

  824. 												<th data-field="CallNumber" data-formatter="view">电话号码</th>
    825. 

  825. 												<th data-field="CallState" data-formatter="GetCallState">呼叫状态</th>
    826. 

  826. 												<!--<th data-field="IsDeal" data-formatter="GetDealState">是否处理</th>-->
    827. 

  827. 												<th data-field="UserCode">坐席工号</th>
    828. 

  828. 												<th data-field="UserName">坐席姓名</th>
    829. 

  829. 												<th data-field="TalkStartTime">通话开始时间</th>
    830. 

  830. 												<th data-field="TalkEndTime">通话结束时间</th>
    831. 

  831. 												<th data-field="TalkLongTime">通话时长(s)</th>
    832. 

  832. 												<!--<th data-field="FilePath">录音</th>-->
    833. 

  833. 											</tr>
    834. 

  834. 										</thead>
    835. 

  835. 									</table>
    836. 

  836. 								</div>
    837. 

  837. 							</div>
    838. 

  838. 							<div class="bg_box phonediv " style="display:none;">
    839. 

  839. 								<div class="cx">
    840. 

  840. 									<span class="blanks">
    841. 

  841.                                     电话号码:
    842. 

  842.                                     <input type="text" id="gsphone" />
    843. 

  843.                                 </span>
    844. 

  844. 									<span class="blanks">
    845. 

  845.                                     名称:
    846. 

  846.                                     <input type="text" id="gsname" />
    847. 

  847.                                 </span>
    848. 

  848. 									<span class="ty">搜索</span>
    849. 

  849. 									<!--<span class="ty">重置</span>-->
    850. 

  850. 								</div>
    851. 

  851. 								<div class="phone_bg" style="width: 100%;padding: 10px;">
    852. 

  852. 

  853. 									<table class="phonelist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
    854. 

  854. 										<thead>
    855. 

  855. 											<tr>
    856. 

  856. 												<th data-field="F_UserCode">坐席工号</th>
    857. 

  857. 												<th data-field="F_UserName">坐席姓名</th>
    858. 

  858. 												<!--<th data-field="F_WorkNumber" data-formatter="view">分机号</th>-->
    859. 

  859. 												<th data-field="F_Telephone" data-formatter="view">电话号码1</th>
    860. 

  860. 												<th data-field="F_Mobile" data-formatter="view">电话号码2</th>
    861. 

  861. 												<th data-field="F_HomePhone" data-formatter="view">电话号码3</th>
    862. 

  862. 											</tr>
    863. 

  863. 										</thead>
    864. 

  864. 									</table>
    865. 

  865. 								</div>
    866. 

  866. 							</div>
    867. 

  867. 							<div class="bg_box phonediv" style="display:none;">
    868. 

  868. 								<div class="cx">
    869. 

  869. 									<span class="blanks">
    870. 

  870.                                     电话号码:
    871. 

  871.                                     <input type="text" id="khphone" />
    872. 

  872.                                 </span>
    873. 

  873. 									<span class="blanks">
    874. 

  874.                                     名称:
    875. 

  875.                                     <input type="text" id="khname" />
    876. 

  876.                                 </span>
    877. 

  877. 									<span class="ty">搜索</span>
    878. 

  878. 									<!--<span class="ty">重置</span>-->
    879. 

  879. 								</div>
    880. 

  880. 								<div class="phone_bg" style="width: 100%;padding: 10px;">
    881. 

  881. 

  882. 									<table class="phonelist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
    883. 

  883. 										<thead>
    884. 

  884. 											<tr>
    885. 

  885. 												<th data-field="F_CustomerName">名称</th>
    886. 

  886. 												<th data-field="F_Telephone" data-formatter="view">电话号码1</th>
    887. 

  887. 												<th data-field="F_Mobile" data-formatter="view">电话号码2</th>
    888. 

  888. 												<th data-field="F_ChargeTelephone" data-formatter="view">电话号码3</th>
    889. 

  889. 											</tr>
    890. 

  890. 										</thead>
    891. 

  891. 									</table>
    892. 

  892. 								</div>
    893. 

  893. 							</div>
    894. 

  894. 							<div class="bg_box phonediv" style="display:none;">
    895. 

  895. 								<table class="table" id="zxTable">
    896. 

  896. 									<thead>
    897. 

  897. 										<tr>
    898. 

  898. 											<th>姓名</th>
    899. 

  899. 											<th>工号</th>
    900. 

  900. 											<th>分机号</th>
    901. 

  901. 											<th>状态</th>
    902. 

  902. 										</tr>
    903. 

  903. 									</thead>
    904. 

  904. 									<tbody>
    905. 

  905. 									</tbody>
    906. 

  906. 								</table>
    907. 

  907. 							</div>
    908. 

  908. 

  909. 						</div>
    910. 

  910. 					</div>
    911. 

  911. 				</div>
    912. 

  912. 			</div>
    913. 

  913. 		</div>
    914. 

  914. 

  915. 		<!--下载框-->
    916. 

  916. 		<div class="t-shade">
    917. 

  917. 			<div class="shade_k">
    918. 

  918. 				<div class="shade_title">
    919. 

  919. 					<span>录音播放<srong class="cknum"></srong></span>
    920. 

  920. 					<span class="setwin"><a>x</a></span>
    921. 

  921. 				</div>
    922. 

  922. 				<div class="shade_content">
    923. 

  923. 					<div class="Ly_box audiojs">
    924. 

  924. 					</div>
    925. 

  925. 					<div class="boxCon LY_box">
    926. 

  926. 

  927. 					</div>
    928. 

  928. 				</div>
    929. 

  929. 			</div>
    930. 

  930. 		</div>
    931. 

  931. 		<!--修改密码开始-->
    932. 

  932. 		<div class="personal" id="box">
    933. 

  933. 			<div class="ptop clearFix">
    934. 

  934. 				<p class="ptl">个人中心</p>
    935. 

  935. 				<p class="ptr" title="关闭">x</p>
    936. 

  936. 			</div>
    937. 

  937. 			<div class="perBox ">
    938. 

  938. 				<ul class="perTab clearFix">
    939. 

  939. 					<li class="sel">个人资料</li>
    940. 

  940. 					<li>修改头像</li>
    941. 

  941. 				</ul>
    942. 

  942. 				<div class="perTab_con">
    943. 

  943. 					<div class="geRen" style="display: block;">
    944. 

  944. 						<div class="grt clearFix">
    945. 

  945. 							<p class="grtl">基本资料</p>
    946. 

  946. 							<p class="grtr">
    947. 

  947. 								<i class="grqx" title="取消编辑"></i>
    948. 

  948. 								<i class="grbj" title="编辑资料"></i>
    949. 

  949. 							</p>
    950. 

  950. 

  951. 						</div>
    952. 

  952. 						<table class="table grzl">
    953. 

  953. 							<tr>
    954. 

  954. 								<th>我的工号：</th>
    955. 

  955. 								<td><input type="text" class="mgh" readonly="readonly" /></td>
    956. 

  956. 							</tr>
    957. 

  957. 							<tr>
    958. 

  958. 								<th>我的姓名：</th>
    959. 

  959. 								<td><input type="text" class="mn" readonly="readonly" /></td>
    960. 

  960. 							</tr>
    961. 

  961. 							<tr>
    962. 

  962. 								<th>原密码：</th>
    963. 

  963. 								<td><input type="password" class="spwd zhidu" /></td>
    964. 

  964. 							</tr>
    965. 

  965. 							<tr>
    966. 

  966. 								<th>新密码：</th>
    967. 

  967. 								<td><input type="password" class="npwd zhidu" /></td>
    968. 

  968. 							</tr>
    969. 

  969. 							<tr>
    970. 

  970. 								<th>确认密码：</th>
    971. 

  971. 								<td><input type="password" class="epwd zhidu" /><span class="wrong">*密码不一致</span></td>
    972. 

  972. 							</tr>
    973. 

  973. 							<tr>
    974. 

  974. 								<th></th>
    975. 

  975. 								<td><button class="btnn grbtn">保存修改</button></td>
    976. 

  976. 							</tr>
    977. 

  977. 						</table>
    978. 

  978. 					</div>
    979. 

  979. 					<div class="crop ">
    980. 

  980. 						<div class="clearFix" style="margin-top: 45px;">
    981. 

  981. 							<div class="crop_left">
    982. 

  982. 								<div class="image-crop">
    983. 

  983. 									<img src="./img/gaga.jpg">
    984. 

  984. 								</div>
    985. 

  985. 							</div>
    986. 

  986. 							<div class="crop_right">
    987. 

  987. 								<h4>图片预览：</h4>
    988. 

  988. 								<div class="img-preview img-preview-sm"></div>
    989. 

  989. 							</div>
    990. 

  990. 						</div>
    991. 

  991. 

  992. 						<div class="anniu" style="margin-top: 75px;text-align: center;">
    993. 

  993. 							<label title="上传图片" for="inputImage" class="btnn" style="margin-right: 100px;">
    994. 

  994.                             <input type="file" accept="image/jpeg,image/jpg,image/png" name="file" id="inputImage" class="hide"> 本地上传
    995. 

  995.                         </label>
    996. 

  996. 

  997. 							<button class="btnn" id="zoomIn" type="button">放大</button>
    998. 

  998. 							<button class="btnn" id="zoomOut" type="button">缩小</button>
    999. 

  999. 							<button class="btnn" id="rotateLeft" type="button">左旋转</button>
    1000. 

  1000. 							<button class="btnn" id="rotateRight" type="button">右旋转</button>
    1001. 

  1001. 							<button class="btnn" id="setDrag" type="button">确定保存</button>
    1002. 

  1002. 

  1003. 						</div>
    1004. 

  1004. 					</div>
    1005. 

  1005. 				</div>
    1006. 

  1006. 			</div>
    1007. 

  1007. 

  1008. 		</div>
    1009. 

  1009. 

  1010. 		<!--修改密码结束-->
    1011. 

  1011. 		<input type="hidden" class="mid" />
    1012. 

  1012. 

  1013. 		<!--右下角消息弹出开始-->
    1014. 

  1014. 

  1015. 		<div class="small-chat-box fadeInRight animated" style="height: 450px;">
    1016. 

  1016. 

  1017. 			<div class="heading" draggable="true">
    1018. 

  1018. 				<!--<small class="chat-date pull-right">
    1019. 

  1019.                 2017.10.26
    1020. 

  1020.             </small> -->
    1021. 

  1021. 				我的任务
    1022. 

  1022. 			</div>
    1023. 

  1023. 

  1024. 			<div class="content">
    1025. 

  1025. 				<ul class="rightDown_list">
    1026. 

  1026. 				</ul>
    1027. 

  1027. 			</div>
    1028. 

  1028. 

  1029. 		</div>
    1030. 

  1030. 

  1031. 		<div id="small-chat">
    1032. 

  1032. 			<!--<span class="badge badge-warning pull-right messageTotal"></span>-->
    1033. 

  1033. 			<a class="open-small-chat">
    1034. 

  1034. 				<i class="fa fa-comments"></i>
    1035. 

  1035. 

  1036. 			</a>
    1037. 

  1037. 		</div>
    1038. 

  1038. 		<!--右下角消息弹出结束-->
    1039. 

  1039. 		<div class="open_chat">
    1040. 

  1040. 			<div class="before"></div>
    1041. 

  1041. 			<i class="iconfont">&#xe669;</i>
    1042. 

  1042. 			<p style="margin: 0;">客服</p>
    1043. 

  1043. 

  1044. 		</div>
    1045. 

  1045. 		<!--在线客服开始-->
    1046. 

  1046. 		<div id="chat">
    1047. 

  1047. 			<!--<div class="chat_left">
    1048. 

  1048. 				<ul>
    1049. 

  1049. 					<li IsToAll="0" RoleId="" RoleCode="" UserId="0">
    1050. 

  1050.  		  						<p class="chat_name">坐席</p>
    1051. 

  1051.  		  						</li>
    1052. 

  1052. 				</ul>
    1053. 

  1053. 			</div>-->
    1054. 

  1054. 			<div class="chat_sidebar">
    1055. 

  1055. 				<div class="pic_card">
    1056. 

  1056. 					<div class="chat_sidebar_head">
    1057. 

  1057. 						<img class="ver_middle" src="img/kefuTx.png" alt="" width="40" height="40" />
    1058. 

  1058. 						<p class="chat_name chat_username">Coffce</p>
    1059. 

  1059. 					</div>
    1060. 

  1060. 					<!--<div class="chat_sidebar_foot">
    1061. 

  1061. 						<input type="text" class="sidebar_foot_seach" placeholder="search user..." />
    1062. 

  1062. 					</div>-->
    1063. 

  1063. 				</div>
    1064. 

  1064. 				<div class="chat_sidebar_list">
    1065. 

  1065. 					<ul class="sidebar_list">
    1066. 

  1066. 						<!--<li class="actives">
    1067. 

  1067. 							<img class="ver_middle" src="img/chat_list1.png" alt="" width="30" height="30" />
    1068. 

  1068. 							<p class="chat_name">技术-小白</p>
    1069. 

  1069. 							<i class="fa fa-remove closeds"></i>
    1070. 

  1070. 						</li>
    1071. 

  1071. 						<li>
    1072. 

  1072. 							<img class="ver_middle" src="img/chat_list2.jpg" alt="" width="30" height="30" />
    1073. 

  1073. 							<p class="chat_name">WebPack</p>
    1074. 

  1074. 						</li>-->
    1075. 

  1075. 					</ul>
    1076. 

  1076. 

  1077. 				</div>
    1078. 

  1078. 			</div>
    1079. 

  1079. 			<div class="chat_main">
    1080. 

  1080. 				<!--<div class="chat_person disnone">
    1081. 

  1081. 			 		<p class="chat_name"></p>
    1082. 

  1082. 				</div>-->
    1083. 

  1083. 				<div class="tabMain">
    1084. 

  1084. 					<div class="main_message">
    1085. 

  1085. 						<ul class="chatlist_con">
    1086. 

  1086. 

  1087. 							<!--<a href="javascript:void(0)" class="more" onclick="getmore()"><i class="fa fa-clock-o" style="margin-right: 5px;"></i>查看更多信息</a>
    1088. 

  1088. 							<li>
    1089. 

  1089. 								<p class="message_time "><span>10:00</span></p>
    1090. 

  1090. 								<div class="message_mincon ">
    1091. 

  1091. 					 				<img class="ver_middle "  src="img/chat_list1.png " alt=" " width="30 " height="30 "/>
    1092. 

  1092. 					 				<div class="message_text ">
    1093. 

  1093. 					 					Hello，这是一个基于Vue + Webpack构建的简单chat示例，聊天记录保存在localStorge。简单演示了Vue的基础特性和webpack配置。
    1094. 

  1094. 					 				</div>
    1095. 

  1095. 								</div>
    1096. 

  1096. 							</li>
    1097. 

  1097. 							<li>
    1098. 

  1098. 								<p class="message_time "><span>10:00</span></p>
    1099. 

  1099. 								<div class="message_mincon self ">
    1100. 

  1100. 					 				<img class="ver_middle "  src="img/chat_pic.jpg " alt=" " width="30 " height="30 "/>
    1101. 

  1101. 					 				<div class="message_text ">我知道吖</div>
    1102. 

  1102. 					 					
    1103. 

  1103. 								</div>
    1104. 

  1104. 							</li>-->
    1105. 

  1105. 

  1106. 						</ul>
    1107. 

  1107. 					</div>
    1108. 

  1108. 					<div class="main_sendMessage ">
    1109. 

  1109. 

  1110. 						<textarea name=" " rows=" " cols=" " placeholder="按Enter 发送 " class="send_content "></textarea>
    1111. 

  1111. 

  1112. 						<div class="send_btn ">
    1113. 

  1113. 							<button class="sendTo" onclick="sendinfo() ">发送(S)</button>
    1114. 

  1114. 							<span style="color:red; " class="error "></span>
    1115. 

  1115. 						</div>
    1116. 

  1116. 

  1117. 					</div>
    1118. 

  1118. 				</div>
    1119. 

  1119. 			</div>
    1120. 

  1120. 			<input type="hidden " class="hidnum " />
    1121. 

  1121. 		</div>
    1122. 

  1122. 		<!--在线客服结束-->
    1123. 

  1123. 		<input type="hidden" id="cqorder" />
    1124. 

  1124. 		<!--弹框提示-->
    1125. 

  1125. 		<div class="tan_ping">
    1126. 

  1126. 			<ul class="rightDown_list1">
    1127. 

  1127. 				<!--<li style="text-align: center;">消息提醒</li>-->
    1128. 

  1128. 				<li class="news">
    1129. 

  1129. 					<ul id="top_notices_lists1"></ul>
    1130. 

  1130. 				</li>
    1131. 

  1131. 				<li class="last_li">
    1132. 

  1132. 					<button id="know">
    1133. 

  1133. 					知道了
    1134. 

  1134. 				</button>
    1135. 

  1135. 					<button id="chuli">
    1136. 

  1136. 					立即处理
    1137. 

  1137. 				</button>
    1138. 

  1138. 				</li>
    1139. 

  1139. 			</ul>
    1140. 

  1140. 		</div>
    1141. 

  1141. 		<input type="hidden" id="keyvalue" value="" />
    1142. 

  1142. 		<script src="https://api.map.baidu.com/api?v=2.0&ak=ZG4gLQZUD6Eq1K11cqlYAR4by8CKgLyu&callback=mapinit"></script>
    1143. 

  1143. 		<script src="./js/plugins/cropper/cropper.min.js"></script>
    1144. 

  1144. 		<script src="./js/jquery.md5.js"></script>
    1145. 

  1145. 		<script src="./css/laydate/laydate.js"></script>
    1146. 

  1146. 		
    1147. 

  1147. 		<script src="./js/guid.js"></script>
    1148. 

  1148. 		<script src="./js/websocket/swfobject.js?v=2.0"></script>
    1149. 

  1149. 		<script src="./js/websocket/web_socket.js?v=2.0"></script>
    1150. 

  1150. 		<script src="./js/main.js?v=2.0"></script>
    1151. 

  1151. 		<script src="./js/chat.js"></script>
    1152. 

  1152. 		<script src="./js/index.js?v=2.0"></script>
    1153. 

  1153. 		<script src="./js/appeal/mapIndex.js"></script>
    1154. 

  1154. 		<script src="./js/plugins/metisMenu/jquery.metisMenu.js"></script>
    1155. 

  1155. 		<script src="./js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    1156. 

  1156. 		<script src="./js/hplus.min.js?v=4.1.0"></script>
    1157. 

  1157. 		<script src="./js/contabs.min.js"></script>
    1158. 

  1158. 		<script src="./js/layui/layui.js"></script>
    1159. 

  1159. 		<script src="./js/commonJS/index.js"></script>
    1160. 

  1160. 	</body>
    1161. 

  1161. 

  1162. </html>
    1163.