Главная Обзор Помощь
Регистрация Войти
zhoufan
/
SQ12345_Web
Следить 1
В избранное 0
Ответвить 0
Код Обсуждения 0 Запросы на слияние 0 Коммиты 515 Релизы 0 Вики

商丘12345 前端

Дерево: 1389a2bf25
Ветки Метки
SQ12345_Web
/
WebUI
/
CallCenterWe...
/
home.html

home.html 45KB
История Исходник

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161 
  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. 										</dl>
    149. 

  149. 									</div>
    150. 

  150. 								</ul>
    151. 

  151. 

  152. 							</div>
    153. 

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

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

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

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

  157. 										<li>
    158. 

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

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

  160. 										</li>
    161. 

  161. 										<li>
    162. 

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

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

  164. 											</div>
    165. 

  165. 										</li>
    166. 

  166. 									</ul>
    167. 

  167. 								</div>
    168. 

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

  169. 

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

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

  172.                                 </span>-->
    173. 

  173. 

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

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

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

  177.                                 </span>-->
    178. 

  178. 

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

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

  181.                                 </span>-->
    182. 

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

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

  184.                                 </span>
    185. 

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

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

  187.                                 </span>
    188. 

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

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

  190. 									</span>
    191. 

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

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

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

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

  195. 									</ul>
    196. 

  196. 									</span>
    197. 

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

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

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

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

  201.                                         </div>
    202. 

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

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

  204.                                             订单号：201709228000006
    205. 

  205.                                             </span>
    206. 

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

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

  208.                                             </span>
    209. 

  209.                                         </div>
    210. 

  210. 

  211.                                     </a></li>
    212. 

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

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

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

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

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

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

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

  219.                                             查看更多
    220. 

  220.                                             </span>
    221. 

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

  222.                                             >>
    223. 

  223.                                             </span>
    224. 

  224.                                         </div>
    225. 

  225. 

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

  227. 									</ul>
    228. 

  228. 								</div>
    229. 

  229. 							</div>
    230. 

  230. 						</div>
    231. 

  231. 

  232. 					</nav>
    233. 

  233. 				</div>
    234. 

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

  235. 					<ul>
    236. 

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

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

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

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

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

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

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

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

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

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

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

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

  248. 					</ul>
    249. 

  249. 

  250. 				</div>
    251. 

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

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

  253. 				</div>
    254. 

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

  255. 					<ul>
    256. 

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

  257. 					</ul>
    258. 

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

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

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

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

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

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

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

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

  266. 					</ul>
    267. 

  267. 				</div>
    268. 

  268. 			</div>
    269. 

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

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

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

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

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

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

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

  276. 								未读
    277. 

  277. 							</a>
    278. 

  278. 						</li>
    279. 

  279. 						<li class="">
    280. 

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

  281. 								已读
    282. 

  282. 							</a>
    283. 

  283. 						</li>
    284. 

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

  285.                           	全部
    286. 

  286.                     </a>
    287. 

  287.                     </li>-->
    288. 

  288. 					</ul>
    289. 

  289. 

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

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

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

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

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

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

  296. 							</div>
    297. 

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

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

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

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

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

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

  303.                                           </div>
    304. 

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

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

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

  307.                                               </div>
    308. 

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

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

  310.                                           </div>
    311. 

  311.                                       </a>
    312. 

  312.                                   </div>-->
    313. 

  313. 							</div>
    314. 

  314. 						</div>
    315. 

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

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

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

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

  319. 

  320. 							</div>
    321. 

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

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

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

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

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

  326.                                     </div>
    327. 

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

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

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

  330.                                         </div>
    331. 

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

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

  333.                                     </div>
    334. 

  334.                                 </a>
    335. 

  335.                             </div>
    336. 

  336.                             -->
    337. 

  337. 							</div>
    338. 

  338. 						</div>
    339. 

  339. 					</div>
    340. 

  340. 

  341. 				</div>
    342. 

  342. 			</div>
    343. 

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

  344. 		</div>
    345. 

  345. 		<!--==========================================================================================-->
    346. 

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

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

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

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

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

  351. 				</div>
    352. 

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

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

  354. 				</div>
    355. 

  355. 			</div>
    356. 

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

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

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

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

  360. 				</div>
    361. 

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

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

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

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

  365. 					</div>
    366. 

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

  367. 

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

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

  370.                     </label>
    371. 

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

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

  373.                     </label>
    374. 

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

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

  376.                     </label>
    377. 

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

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

  379.                     </label>
    380. 

  380. 

  381. 					</div>
    382. 

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

  383. 				</div>
    384. 

  384. 

  385. 			</div>
    386. 

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

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

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

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

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

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

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

  393. 					</div>
    394. 

  394. 					<ul>
    395. 

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

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

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

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

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

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

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

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

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

  404. 							</div>
    405. 

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

  406. 						</li>
    407. 

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

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

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

  410. 						</li>
    411. 

  411. 					</ul>
    412. 

  412. 				</div>
    413. 

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

  414. 					<tr>
    415. 

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

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

  417. 					</tr>
    418. 

  418. 					<tr>
    419. 

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

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

  421. 					</tr>
    422. 

  422. 					<tr>
    423. 

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

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

  425. 					</tr>
    426. 

  426. 					<tr>
    427. 

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

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

  429. 					</tr>
    430. 

  430. 					<tr>
    431. 

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

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

  433. 					</tr>
    434. 

  434. 					<tr>
    435. 

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

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

  437. 					</tr>
    438. 

  438. 					<tr>
    439. 

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

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

  441. 					</tr>
    442. 

  442. 					<tr>
    443. 

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

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

  445. 					</tr>
    446. 

  446. 					<tr>
    447. 

  447. 						<td></td>
    448. 

  448. 						<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>
    449. 

  449. 					</tr>
    450. 

  450. 				</table>
    451. 

  451. 			</div>
    452. 

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

  453. 

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

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

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

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

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

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

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

  461. 				</ul>
    462. 

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

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

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

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

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

  467. 								<form>
    468. 

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

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

  470.                                         来电类型:
    471. 

  471.                                     </span>
    472. 

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

  473.                                         <ul></ul>
    474. 

  474.                                     </span>
    475. 

  475. 									</div>
    476. 

  476. 									
    477. 

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

  478. 										
    479. 

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

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

  481.                                             投诉人:
    482. 

  482.                                         </span>
    483. 

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

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

  485.                                         </span>
    486. 

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

  487.                                             性别:
    488. 

  488.                                         </span>
    489. 

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

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

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

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

  493.                                             </select>
    494. 

  494.                                         </span>
    495. 

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

  496.                                             投诉电话:
    497. 

  497.                                         </span>
    498. 

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

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

  500.                                         </span>
    501. 

  501. 										</div>
    502. 

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

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

  504.                                             邮箱:
    505. 

  505.                                         </span>
    506. 

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

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

  508.                                         </span>
    509. 

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

  510.                                             邮编:
    511. 

  511.                                         </span>
    512. 

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

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

  514.                                         </span>
    515. 

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

  516.                                             联系电话:
    517. 

  517.                                         </span>
    518. 

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

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

  520.                                         </span>
    521. 

  521. 										</div>
    522. 

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

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

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

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

  526.                                         </span>
    527. 

  527. 										</div>
    528. 

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

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

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

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

  532.                                         </span>
    533. 

  533. 										</div>
    534. 

  534. 										
    535. 

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

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

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

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

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

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

  541. 					                                </ul>
    542. 

  542. 					                            </div>
    543. 

  543. 	                                        </span>
    544. 

  544. 										</div>
    545. 

  545. 

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

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

  548.                                             类型:
    549. 

  549.                                         </span>
    550. 

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

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

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

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

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

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

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

  557.                                             </select>
    558. 

  558.                                         </span>
    559. 

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

  560.                                             紧急程度:
    561. 

  561.                                         </span>
    562. 

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

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

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

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

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

  567.                                             </select>
    568. 

  568.                                         </span>
    569. 

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

  570.                                         	主题词:
    571. 

  571.                                         </span>
    572. 

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

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

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

  575.                                         </span>
    576. 

  576. 										</div>
    577. 

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

  578. 

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

  580.                                            	 事发区域:
    581. 

  581.                                         </span>
    582. 

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

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

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

  585. 	                                            </select>
    586. 

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

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

  588. 	                                        </span>
    589. 

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

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

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

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

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

  594. 											</div>
    595. 

  595. 										</div>
    596. 

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

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

  598.                                             处理方式:
    599. 

  599.                                         </span>
    600. 

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

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

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

  603.                                         </span>
    604. 

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

  605.                                             密级:
    606. 

  606.                                         </span>
    607. 

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

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

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

  610.                                         </span>
    611. 

  611. 										</div>
    612. 

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

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

  614.                                             直办内容:
    615. 

  615.                                         </span>
    616. 

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

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

  618.                                         </span>
    619. 

  619. 										</div>
    620. 

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

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

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

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

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

  625. 										</div>
    626. 

  626. 									</div>
    627. 

  627. 								</form>
    628. 

  628. 							</div>
    629. 

  629. 						</div>
    630. 

  630. 					</div>
    631. 

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

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

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

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

  635. 

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

  637. 							</div>
    638. 

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

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

  640. 									<thead>
    641. 

  641. 										<tr>
    642. 

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

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

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

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

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

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

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

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

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

  651. 										</tr>
    652. 

  652. 									</thead>
    653. 

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

  654. 								</table>
    655. 

  655. 							</div>
    656. 

  656. 						</div>
    657. 

  657. 

  658. 					</div>
    659. 

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

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

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

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

  663. 

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

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

  666. 							</div>
    667. 

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

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

  669. 									<thead>
    670. 

  670. 										<tr>
    671. 

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

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

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

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

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

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

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

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

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

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

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

  682. 										</tr>
    683. 

  683. 									</thead>
    684. 

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

  685. 								</table>
    686. 

  686. 							</div>
    687. 

  687. 						</div>
    688. 

  688. 

  689. 					</div>
    690. 

  690. 

  691. 				</div>
    692. 

  692. 

  693. 			</div>
    694. 

  694. 		</div>
    695. 

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

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

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

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

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

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

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

  702. 				</ul>
    703. 

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

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

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

  706. 					</div>
    707. 

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

  708. 				</div>
    709. 

  709. 			</div>
    710. 

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

  711. 				<ul></ul>
    712. 

  712. 			</div>
    713. 

  713. 		</div>
    714. 

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

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

  716. 			<!--top-->
    717. 

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

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

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

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

  721. 				</div>
    722. 

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

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

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

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

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

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

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

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

  730. 							</div>
    731. 

  731. 						</div>
    732. 

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

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

  734. 								<li>
    735. 

  735. 									<div>
    736. 

  736. 										<a>1</a>
    737. 

  737. 									</div>
    738. 

  738. 								</li>
    739. 

  739. 								<li>
    740. 

  740. 									<div>
    741. 

  741. 										<a>2</a>
    742. 

  742. 									</div>
    743. 

  743. 								</li>
    744. 

  744. 								<li>
    745. 

  745. 									<div>
    746. 

  746. 										<a>3</a>
    747. 

  747. 									</div>
    748. 

  748. 								</li>
    749. 

  749. 								<li>
    750. 

  750. 									<div>
    751. 

  751. 										<a>4</a>
    752. 

  752. 									</div>
    753. 

  753. 								</li>
    754. 

  754. 								<li>
    755. 

  755. 									<div>
    756. 

  756. 										<a>5</a>
    757. 

  757. 									</div>
    758. 

  758. 								</li>
    759. 

  759. 								<li>
    760. 

  760. 									<div>
    761. 

  761. 										<a>6</a>
    762. 

  762. 									</div>
    763. 

  763. 								</li>
    764. 

  764. 								<li>
    765. 

  765. 									<div>
    766. 

  766. 										<a>7</a>
    767. 

  767. 									</div>
    768. 

  768. 								</li>
    769. 

  769. 								<li>
    770. 

  770. 									<div>
    771. 

  771. 										<a>8</a>
    772. 

  772. 									</div>
    773. 

  773. 								</li>
    774. 

  774. 								<li>
    775. 

  775. 									<div>
    776. 

  776. 										<a>9</a>
    777. 

  777. 									</div>
    778. 

  778. 								</li>
    779. 

  779. 								<li>
    780. 

  780. 									<div>
    781. 

  781. 										<a>*</a>
    782. 

  782. 									</div>
    783. 

  783. 								</li>
    784. 

  784. 								<li>
    785. 

  785. 									<div>
    786. 

  786. 										<a>0</a>
    787. 

  787. 									</div>
    788. 

  788. 								</li>
    789. 

  789. 								<li>
    790. 

  790. 									<div>
    791. 

  791. 										<a>#</a>
    792. 

  792. 									</div>
    793. 

  793. 								</li>
    794. 

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

  795. 									<div>
    796. 

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

  797. 									</div>
    798. 

  798. 								</li>
    799. 

  799. 

  800. 							</ul>
    801. 

  801. 						</div>
    802. 

  802. 					</div>
    803. 

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

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

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

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

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

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

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

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

  811. 							</ul>
    812. 

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

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

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

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

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

  817. 								</div>
    818. 

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

  819. 

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

  821. 										<thead>
    822. 

  822. 											<tr>
    823. 

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

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

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

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

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

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

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

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

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

  832. 											</tr>
    833. 

  833. 										</thead>
    834. 

  834. 									</table>
    835. 

  835. 								</div>
    836. 

  836. 							</div>
    837. 

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

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

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

  840.                                     电话号码:
    841. 

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

  842.                                 </span>
    843. 

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

  844.                                     名称:
    845. 

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

  846.                                 </span>
    847. 

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

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

  849. 								</div>
    850. 

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

  851. 

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

  853. 										<thead>
    854. 

  854. 											<tr>
    855. 

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

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

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

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

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

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

  861. 											</tr>
    862. 

  862. 										</thead>
    863. 

  863. 									</table>
    864. 

  864. 								</div>
    865. 

  865. 							</div>
    866. 

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

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

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

  869.                                     电话号码:
    870. 

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

  871.                                 </span>
    872. 

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

  873.                                     名称:
    874. 

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

  875.                                 </span>
    876. 

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

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

  878. 								</div>
    879. 

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

  880. 

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

  882. 										<thead>
    883. 

  883. 											<tr>
    884. 

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

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

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

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

  888. 											</tr>
    889. 

  889. 										</thead>
    890. 

  890. 									</table>
    891. 

  891. 								</div>
    892. 

  892. 							</div>
    893. 

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

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

  895. 									<thead>
    896. 

  896. 										<tr>
    897. 

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

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

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

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

  901. 										</tr>
    902. 

  902. 									</thead>
    903. 

  903. 									<tbody>
    904. 

  904. 									</tbody>
    905. 

  905. 								</table>
    906. 

  906. 							</div>
    907. 

  907. 

  908. 						</div>
    909. 

  909. 					</div>
    910. 

  910. 				</div>
    911. 

  911. 			</div>
    912. 

  912. 		</div>
    913. 

  913. 

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

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

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

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

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

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

  920. 				</div>
    921. 

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

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

  923. 					</div>
    924. 

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

  925. 

  926. 					</div>
    927. 

  927. 				</div>
    928. 

  928. 			</div>
    929. 

  929. 		</div>
    930. 

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

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

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

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

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

  935. 			</div>
    936. 

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

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

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

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

  940. 				</ul>
    941. 

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

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

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

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

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

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

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

  948. 							</p>
    949. 

  949. 

  950. 						</div>
    951. 

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

  952. 							<tr>
    953. 

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

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

  955. 							</tr>
    956. 

  956. 							<tr>
    957. 

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

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

  959. 							</tr>
    960. 

  960. 							<tr>
    961. 

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

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

  963. 							</tr>
    964. 

  964. 							<tr>
    965. 

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

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

  967. 							</tr>
    968. 

  968. 							<tr>
    969. 

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

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

  971. 							</tr>
    972. 

  972. 							<tr>
    973. 

  973. 								<th></th>
    974. 

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

  975. 							</tr>
    976. 

  976. 						</table>
    977. 

  977. 					</div>
    978. 

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

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

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

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

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

  983. 								</div>
    984. 

  984. 							</div>
    985. 

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

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

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

  988. 							</div>
    989. 

  989. 						</div>
    990. 

  990. 

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

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

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

  994.                         </label>
    995. 

  995. 

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

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

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

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

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

  1001. 

  1002. 						</div>
    1003. 

  1003. 					</div>
    1004. 

  1004. 				</div>
    1005. 

  1005. 			</div>
    1006. 

  1006. 

  1007. 		</div>
    1008. 

  1008. 

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

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

  1011. 

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

  1013. 

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

  1015. 

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

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

  1018.                 2017.10.26
    1019. 

  1019.             </small> -->
    1020. 

  1020. 				我的任务
    1021. 

  1021. 			</div>
    1022. 

  1022. 

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

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

  1025. 				</ul>
    1026. 

  1026. 			</div>
    1027. 

  1027. 

  1028. 		</div>
    1029. 

  1029. 

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

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

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

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

  1034. 

  1035. 			</a>
    1036. 

  1036. 		</div>
    1037. 

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

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

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

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

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

  1042. 

  1043. 		</div>
    1044. 

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

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

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

  1047. 				<ul>
    1048. 

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

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

  1050.  		  						</li>
    1051. 

  1051. 				</ul>
    1052. 

  1052. 			</div>-->
    1053. 

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

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

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

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

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

  1058. 					</div>
    1059. 

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

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

  1061. 					</div>-->
    1062. 

  1062. 				</div>
    1063. 

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

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

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

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

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

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

  1069. 						</li>
    1070. 

  1070. 						<li>
    1071. 

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

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

  1073. 						</li>-->
    1074. 

  1074. 					</ul>
    1075. 

  1075. 

  1076. 				</div>
    1077. 

  1077. 			</div>
    1078. 

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

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

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

  1081. 				</div>-->
    1082. 

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

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

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

  1085. 

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

  1087. 							<li>
    1088. 

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

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

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

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

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

  1093. 					 				</div>
    1094. 

  1094. 								</div>
    1095. 

  1095. 							</li>
    1096. 

  1096. 							<li>
    1097. 

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

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

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

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

  1101. 					 					
    1102. 

  1102. 								</div>
    1103. 

  1103. 							</li>-->
    1104. 

  1104. 

  1105. 						</ul>
    1106. 

  1106. 					</div>
    1107. 

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

  1108. 

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

  1110. 

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

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

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

  1114. 						</div>
    1115. 

  1115. 

  1116. 					</div>
    1117. 

  1117. 				</div>
    1118. 

  1118. 			</div>
    1119. 

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

  1120. 		</div>
    1121. 

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

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

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

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

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

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

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

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

  1129. 				</li>
    1130. 

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

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

  1132. 					知道了
    1133. 

  1133. 				</button>
    1134. 

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

  1135. 					立即处理
    1136. 

  1136. 				</button>
    1137. 

  1137. 				</li>
    1138. 

  1138. 			</ul>
    1139. 

  1139. 		</div>
    1140. 

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

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

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

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

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

  1145. 		
    1146. 

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

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

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

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

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

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

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

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

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

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

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

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

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

  1159. 	</body>
    1160. 

  1160. 

  1161. </html>
    1162.