暂无描述

home.html 56KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <meta name="renderer" content="webkit" />
  7. <meta http-equiv="Cache-Control" content="no-siteapp" />
  8. <title>安阳政务服务热线后台业务管理系统</title>
  9. <script src="./Script/Common/huayi.load.js"></script>
  10. <script src="./Script/Common/huayi.config.js"></script>
  11. <link rel="shortcut icon" href="img/32.ico" />
  12. <link rel="stylesheet" href="./css/wh.css" />
  13. <link rel="stylesheet" href="./css/plugins/iCheck/custom.css" />
  14. <link rel="stylesheet" href="./css/call.css" />
  15. <link rel="stylesheet" href="./css/personal.css" />
  16. <link rel="stylesheet" href="./css/plugins/cropper/cropper.min.css" />
  17. <link rel="stylesheet" href="./css/plugins/jasny/jasny-bootstrap.min.css" />
  18. <link rel="stylesheet" href="./css/chat.css" />
  19. <link rel="stylesheet" href="./js/zTree/zTreeStyle.css" />
  20. <link rel="stylesheet" href="./css/addappeal.css" />
  21. <link rel="stylesheet" href="./css/bootstrap-select.css" />
  22. <link rel="stylesheet" href="./js/layui/css/layui.css">
  23. <link rel="stylesheet" type="text/css" href="./css/home.css" />
  24. <link rel="stylesheet" type="text/css" href="./js/voiceToText.css"/>
  25. </head>
  26. <body class="fixed-sidebar full-height-layout gray-bg" style="overflow: hidden">
  27. <input type="hidden" id="PID" value="" />
  28. <input type="hidden" class="hidTel" value="" />
  29. <input type="hidden" class="hidCallID" value="" />
  30. <div id="wrapper">
  31. <!--左侧导航开始-->
  32. <nav class="navbar-default navbar-static-side" role="navigation">
  33. <div class="nav-close">
  34. <i class="fa fa-times-circle"></i>
  35. </div>
  36. <div class="sidebar-collapse">
  37. <ul class="nav" id="side-menu">
  38. <li class="nav-header">
  39. <div class="dropdown profile-element text-center">
  40. <span style="position: relative">
  41. <img alt="image" class="img-circle yhtx" src="./img/zxPhone.png" onerror="this.src = './img/zxPhone.png'" />
  42. <input type="file" name="upFile" id="upFile" accept="image/jpeg,image/jpg,image/png" style="display: none" />
  43. <i class="phoneBZ"></i>
  44. </span>
  45. <a data-toggle="dropdown" class="dropdown-toggle" href="#">
  46. <span class="clear">
  47. <span class="block m-t-xs">
  48. <b class="xian"></b>
  49. <strong class="font-bold username">安阳</strong>
  50. <span class="text-muted text-xs size-12 user_code" style="color: #fff"></span>
  51. <b class="xian"></b>
  52. </span>
  53. <span class="text-muted text-xs block size-14">
  54. <span class="text-muted text-xs group" style="color: #fff"></span>
  55. <span class="text-muted text-xs rolename" style="color: #fff"></span>
  56. <span class="text-muted text-xs deptname" style="color: #fff"></span>
  57. </span>
  58. <span class="text-muted text-xs block Gnumbox" style="color: #fff">
  59. <span class="text-muted text-xs" style="color: #fff">分机号:</span>
  60. <span class="text-muted text-xs Gnum" style="color: #fff"></span>
  61. </span>
  62. </span>
  63. </a>
  64. <input id="RoleCode" type="hidden" />
  65. <input id="GroupCode" type="hidden" />
  66. </div>
  67. <div class="logo-element"></div>
  68. </li>
  69. </ul>
  70. </div>
  71. </nav>
  72. <!--左侧导航结束-->
  73. <!--右侧部分开始-->
  74. <div id="page-wrapper" class="gray-bg dashbard-1">
  75. <div class="row border-bottom">
  76. <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
  77. <div class="navbar-header">
  78. <a class="navbar-minimalize minimalize-styl-2 btn btn-primary" href="#" style="float: left">
  79. <i class="fa fa-bars"></i>
  80. </a>
  81. <div class="nav navbar-top-links navbar-left">
  82. <ul class="title-box" id="top-search" style="padding-left: 0;display: none;position: relative;">
  83. <input type="hidden" id="isml" value="0" />
  84. <li datafun="DropCall">
  85. <i class="iconfont fa-5x DropCall"></i>
  86. <p>挂断</p>
  87. </li>
  88. <li datafun="MakeCall">
  89. <i class="iconfont fa-5x MakeCall"></i>
  90. <p>外呼</p>
  91. </li>
  92. <li datafun="SayBusy">
  93. <i class="iconfont fa-5x SayBusy"></i>
  94. <p>置忙</p>
  95. </li>
  96. <li datafun="SayFree">
  97. <i class="iconfont fa-5x SayFree"></i>
  98. <p>置闲</p>
  99. </li>
  100. <li datafun="Meeting">
  101. <i class="iconfont fa-5x Meeting"></i>
  102. <p>多方通话</p>
  103. </li>
  104. <li datafun="MeetingTakeBack">
  105. <i class="iconfont fa-5x MeetingTakeBack"></i>
  106. <p>通话回签</p>
  107. </li>
  108. <li datafun="Transfer">
  109. <i class="iconfont fa-5x Transfer"></i>
  110. <p>转移</p>
  111. </li>
  112. <li datafun="Hold">
  113. <i class="iconfont fa-5x Hold"></i>
  114. <p>保持</p>
  115. </li>
  116. <li datafun="Retrieve">
  117. <i class="iconfont fa-5x Retrieve"></i>
  118. <p>接回</p>
  119. </li>
  120. <li datafun="satisfactionEvaluation">
  121. <i class="iconfont fa-5x satisfactionEvaluation"></i>
  122. <p>满意度</p>
  123. </li>
  124. <li datafun="Login">
  125. <i class="iconfont fa-5x Login"></i>
  126. <p>签入</p>
  127. </li>
  128. <li datafun="callOutLogin">
  129. <i class="iconfont fa-5x callOutLogin"></i>
  130. <p>外呼签入</p>
  131. </li>
  132. <li datafun="Logout">
  133. <i class="iconfont fa-5x Logout"></i>
  134. <p>签出</p>
  135. </li>
  136. <li datafun="Consult" class="db_show">
  137. <i class="iconfont fa-5x Consult active"></i>
  138. <p>协商呼叫</p>
  139. </li>
  140. <li datafun="ConfirmTransfer" class="db_show">
  141. <i class="iconfont fa-5x ConfirmTransfer active"></i>
  142. <p>确认转移</p>
  143. </li>
  144. <li datafun="CancelTransfer" class="db_show">
  145. <i class="iconfont fa-5x CancelTransfer active"></i>
  146. <p>取消转移</p>
  147. </li>
  148. <li datafun="keyTransfer" class="hw_through " index="">
  149. <i class="iconfont fa-5x keyTransfer"></i>
  150. <p>转接</p>
  151. </li>
  152. <div class="keyTransferDiv">
  153. <dl>
  154. <dt>请选择</dt>
  155. </dl>
  156. </div>
  157. </ul>
  158. </div>
  159. <div class="nav closed">
  160. <!--左边-->
  161. <div class="text-center max-box">
  162. <ul class="fl maxOpen animated" style="display: none">
  163. <li>
  164. <h3 class="size-12 tkhmc">未知</h3>
  165. <h3 class="size-12 ttsdh" style="margin-bottom: 0"></h3>
  166. </li>
  167. <li>
  168. <div class="photo">
  169. <img src="" alt="" />
  170. </div>
  171. </li>
  172. </ul>
  173. </div>
  174. <div class="ls">
  175. <span class="size-12 shezhi">
  176. <i class="sz"></i>&nbsp;设置
  177. </span>
  178. <span class="size-12" onclick="logout()">
  179. <i class="tc"></i>退出
  180. </span>
  181. <span class="size-12 fa fa-envelope chat" title="消息通讯">
  182. <span class="label label-warning chat_count"></span>
  183. </span>
  184. <ul class="dropdown-menu dropdown-alerts drm" style="display: none">
  185. </ul>
  186. </div>
  187. </div>
  188. </div>
  189. </nav>
  190. </div>
  191. <div class="row content-tabs1">
  192. <ul>
  193. <li class="top1" style="width: 5%"></li>
  194. <li class="top2" style="width: 8%"></li>
  195. <li class="top3" style="width: 10%"></li>
  196. <li class="top4" style="width: 13%"></li>
  197. <li class="top5" style="width: 10%"></li>
  198. <li class="top6" style="width: 5%"></li>
  199. <li class="top7" style="width: 13%"></li>
  200. <li class="top8" style="width: 10%"></li>
  201. <li class="top9" style="width: 11.2%"></li>
  202. <li class="top10" style="width: 6%"></li>
  203. <li class="top11" style="width: 3%"></li>
  204. <li class="top12" style="width: 5%"></li>
  205. </ul>
  206. </div>
  207. <div class="row J_mainContent" id="content-main">
  208. <iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="widgets.html" frameborder="0" data-id="index_v1.html" seamless></iframe>
  209. </div>
  210. <div class="row content-tabs1 LH">
  211. <ul>
  212. <li class="top13" style="width: 100%"></li>
  213. </ul>
  214. <span class="fr">Copyright © 安阳12345政务服务热线 All Rights
  215. Reserved</span>
  216. <ul class="zts" style="display: none">
  217. <li>话机状态:</li>
  218. <li class="quan fwzt lx"></li>
  219. <li>坐席状态:</li>
  220. <li class="quan zxzt lx"></li>
  221. <li><span class="hwzt" style="color: red"></span></li>
  222. </ul>
  223. </div>
  224. </div>
  225. <!--右侧边栏开始-->
  226. <div id="right-sidebar">
  227. <div class="sidebar-container">
  228. <ul class="nav nav-tabs navs-3 right-tab">
  229. <li class="active">
  230. <a data-toggle="tab" href="#tab-1">未读</a>
  231. </li>
  232. <li class="">
  233. <a data-toggle="tab" href="#tab-2"> 已读 </a>
  234. </li>
  235. </ul>
  236. <div class="tab-content">
  237. <div id="tab-1" class="tab-pane active">
  238. <div class="sidebar-title">
  239. <h3>
  240. <i class="fa fa-comments-o"></i>
  241. <span>未读消息</span>
  242. <small class="sele_send">发送消息</small>
  243. </h3>
  244. <small><i class="fa fa-tim"></i> 您当前有<span class="message_count"></span>条未读信息</small>
  245. <a href="javaScript:;" class="readed">全部已读</a>
  246. </div>
  247. <div class="chat_box"></div>
  248. </div>
  249. <div id="tab-2" class="tab-pane">
  250. <div class="sidebar-title">
  251. <h3>
  252. <i class="fa fa-comments-o"></i>
  253. <span>已读消息</span>
  254. </h3>
  255. <small>注: 显示最近50条已读</small>
  256. </div>
  257. <div class="chat_box"></div>
  258. </div>
  259. </div>
  260. </div>
  261. </div>
  262. <!--右侧边栏结束-->
  263. </div>
  264. <!--==========================================================================================-->
  265. <!-- 弹屏状态 -->
  266. <input id="bounceScreenStatus" type="hidden" />
  267. <!--来电弹屏开始-->
  268. <div class="ldtp-con animated fadeInDown">
  269. <div class="minBacha clearfix">
  270. <div class="minClosed">
  271. <a href="javaScript:;" title="最小化"></a>
  272. </div>
  273. <div class="Bacha">
  274. <a href="javaScript:;" title="关闭"></a>
  275. </div>
  276. </div>
  277. <div class="ldtp-cr col-sm-12">
  278. <div class="ld-sercon">
  279. <div class="complain orderForm">
  280. <div class="ld-sercon-con clearfix" style="position: relative;">
  281. <div class="Pre-second second-con addgd" style="position: relative">
  282. <form>
  283. <div id="dicForms">
  284. <div class="dicLeft">
  285. <div class="form-group dicValueList clearfix" id="dicValueList">
  286. <div class="labelTit listW15 Import">来电类型:</div>
  287. <div class="labelContent listW85">
  288. <ul></ul>
  289. </div>
  290. </div>
  291. <div class="form-group clearfix">
  292. <div class="labelTit listW15 Import">标题:</div>
  293. <div class="labelContent listW85">
  294. <input class="form-control" id="title" type="text" />
  295. </div>
  296. </div>
  297. <div class="form-group clearfix">
  298. <div class="labelTit listW15 Import">内容:</div>
  299. <div class="labelContent listW85">
  300. <textarea class="form-control" id="content" type="text" rows="6" /></textarea>
  301. </div>
  302. </div>
  303. <div class="form-group clearfix">
  304. <div class="labelTit listW15">处理方式:</div>
  305. <div class="labelContent listW45 lineHeight36">
  306. <input class="radioStyle Nows" type="radio" name="banli" value="1" />
  307. <span>当即处理</span>
  308. <input class="radioStyle Nows" type="radio" name="banli" value="0" checked="checked" />
  309. <span>网络转办</span>
  310. <input id="threeWayCall" class="radioStyle Nows_" type="checkbox" value="1" name="" />
  311. <span>三方通话</span>
  312. </div>
  313. <div class="labelTit listW15">来电号码密级:</div>
  314. <div class="labelContent listW20 lineHeight36">
  315. <input class="radioStyle" type="radio" name="mj" value="0" />
  316. <span>普通</span>
  317. <input class="radioStyle" type="radio" name="mj" value="1" checked="checked" />
  318. <span>保密</span>
  319. </div>
  320. </div>
  321. <div class="form-group clearfix">
  322. <div class="labelTit listW15">来电人:</div>
  323. <div class="labelContent listW18">
  324. <input type="text" class="khmc form-control" id="cusname" />
  325. </div>
  326. <div class="labelTit listW15">性别:</div>
  327. <div class="labelContent listW18">
  328. <select name="" id="" class="form-control">
  329. <option value="0">男 </option>
  330. <option value="0">女 </option>
  331. </select>
  332. </div>
  333. <div class="labelTit listW15 Import">来电号码:</div>
  334. <div class="labelContent listW19">
  335. <input type="text" class="tsdh form-control" id="cusphone" />
  336. </div>
  337. </div>
  338. <div class="form-group clearfix">
  339. <div class="labelTit listW15">类型:</div>
  340. <div class="labelContent listW18">
  341. <select name="" id="type" class="form-control">
  342. <option value="咨询">咨询</option>
  343. <option value="投诉">投诉</option>
  344. <option value="求助">求助</option>
  345. <option value="建议">建议</option>
  346. <option value="其他">其他</option>
  347. </select>
  348. </div>
  349. <div class="labelTit listW15 Import">紧急程度:</div>
  350. <div class="labelContent listW18">
  351. <select name="" id="level" class="form-control">
  352. <option value="1" selected="selected">普通</option>
  353. <option value="2">紧急</option>
  354. </select>
  355. </div>
  356. <div class="labelTit listW15">回访方式:</div>
  357. <div class="labelContent listW19">
  358. <select name="" id="visittype" class="form-control">
  359. <option value="0" selected="selected">正常回访</option>
  360. <option value="1">无需回访</option>
  361. </select>
  362. </div>
  363. </div>
  364. <div class="form-group clearfix">
  365. <div class="labelTit listW15">是否营商:</div>
  366. <div class="labelContent listW18">
  367. <select name="" id="isbusiness" class="form-control">
  368. <option value="0" selected="selected">否</option>
  369. <option value="1">是</option>
  370. </select>
  371. </div>
  372. <div class="form-group clearfix">
  373. </div>
  374. <div class="labelTit listW15">来电方式:</div>
  375. <div class="labelContent listW18">
  376. <select name="" id="businessType" disabled="disabled" class="form-control">
  377. <option value="1" selected="selected">营商环境</option>
  378. <option value="0">市民咨询</option>
  379. </select>
  380. </div>
  381. <div class="labelTit listW15">来源:</div>
  382. <div class="labelContent listW18">
  383. <select name="" id="sourceSelect" class="form-control">
  384. <option value="1" selected="selected">市长电话</option>
  385. <option value="4032">网信办</option>
  386. <option value="4033">信访局</option>
  387. <option value="4034">督察局</option>
  388. </select>
  389. </div>
  390. <!--<div class="labelTit listW15">电话类别:</div>
  391. <div class="labelContent listW35">
  392. <select name="" id="phonetype" class="form-control">
  393. <option value="">请选择</option>
  394. </select>
  395. </div>-->
  396. </div>
  397. <div class="form-group clearfix">
  398. <div class="labelTit listW15 Import">反映类别:</div>
  399. <div class="labelContent listW68" style="position: relative;">
  400. <input type="text" id="reflectCategory" class="form-control" utocomplete="off" />
  401. <div class="reflectCategoryList-wrapper">
  402. <ul id="reflectCategoryList">
  403. </ul>
  404. </div>
  405. </div>
  406. </div>
  407. <div class="form-group clearfix">
  408. <div class="labelTit listW15">电话类别:</div>
  409. <div class="labelContent listW35">
  410. <select name="" id="phonetype" class="form-control">
  411. <option value="">请选择</option>
  412. </select>
  413. </div>
  414. <!--<div class="labelTit listW15"></div>-->
  415. <div class="labelContent listW35">
  416. <select name="" id="phonetype1" class="form-control">
  417. <option value="">请选择</option>
  418. </select>
  419. </div>
  420. <!--<div class="labelTit listW15"></div>-->
  421. <div class="labelContent listW35">
  422. <select name="" id="phonetype2" class="form-control">
  423. <option value="">请选择</option>
  424. </select>
  425. </div>
  426. </div>
  427. <!--<div class="form-group clearfix">
  428. <div class="labelTit listW15">来电方式:</div>
  429. <div class="labelContent listW18">
  430. <select name="" id="businessType" disabled="disabled" class="form-control">
  431. <option value="1" selected="selected">营商环境</option>
  432. <option value="0">市民咨询</option>
  433. </select>
  434. </div>
  435. </div>-->
  436. <!--<tr class="Nows_box Hidens">
  437. <th>办理附件:</th>
  438. <td colspan="7">
  439. <div class="fileBoxHandle"></div>
  440. <input class="input" type="file" name="upFile" id="upFileHandle" multiple="multiple"
  441. style="display: none;">
  442. <input class="input" type="button" value="上传" id="scwjHandle" />
  443. <input type="hidden" id="fileHandle" />
  444. <span style="color:#FF0000; border: none;">
  445. (文件格式为png,jpg,mp4,avi,wmv,mp3,pdf,doc,docx,xls,xlsx)
  446. </span>
  447. </td>
  448. </tr>-->
  449. <div class="clearfix Hidens Nows_box">
  450. <div class="labelTit listW15 fl Import">办理附件:</div>
  451. <div class="labelContent listW85 fr">
  452. <div class="fileBox"></div>
  453. <input class="input" type="file" name="upFile" id="upFile" multiple="multiple" style="display: none;">
  454. <input class="input" type="button" value="上传" id="scwj" />
  455. <input type="hidden" id="file" />
  456. <span style="color:#FF0000; border: none;">
  457. (文件格式为png,jpg,mp4,avi,wmv,mp3,pdf,doc,docx,xls,xlsx)
  458. </span>
  459. </div>
  460. </div>
  461. <div class="clearfix Hidens Nows_box">
  462. <div class="labelTit listW15 fl Import">直办内容:</div>
  463. <div class="labelContent listW85 fr">
  464. <textarea id="result" class="form-control" rows="3"></textarea>
  465. </div>
  466. </div>
  467. </div>
  468. <div class="dicLeft" style="width: 49%;">
  469. <div class="form-group clearfix">
  470. <div class="labelTit listW15 Import">事发区域:</div>
  471. <div class="labelContent listW35 source_area">
  472. <select name="sourcearea" id="sourcearea" class="form-control">
  473. <option value="0">请选择</option>
  474. </select>
  475. </div>
  476. <div class="labelTit listW15">乡镇:</div>
  477. <div class="labelContent listW35 source_area">
  478. <select id="township" class="form-control">
  479. <option value="">请选择</option>
  480. </select>
  481. </div>
  482. </div>
  483. <div class="form-group clearfix">
  484. <div class="labelTit listW15 source_area">村:</div>
  485. <div class="labelContent listW35">
  486. <select id="village" class="form-control">
  487. <option value="">请选择</option>
  488. </select>
  489. </div>
  490. </div>
  491. <div class="form-group clearfix">
  492. <div class="labelTit listW15">详细地址:</div>
  493. <div class="labelContent listW85 source_area">
  494. <input id="sourceaddress" type="text" placeholder="输入详细地址" class="form-control" />
  495. </div>
  496. </div>
  497. <div class="form-group clearfix">
  498. <div class="mapBJ" style="width: 100%; height: 100%"></div>
  499. <div class="mapPos" style="width: 605px; height: 400px;">
  500. <div id="myMap" style="width: 605px; height: 400px;"></div>
  501. <input type="hidden" class="store_Lng" value="114.352482" />
  502. <input type="hidden" class="store_Lat" value="36.103442" />
  503. </div>
  504. </div>
  505. </div>
  506. </div>
  507. </form>
  508. <div class="form-group clearfix dicBtn" style="text-align: center">
  509. <div class="reposit">知</div>
  510. <div class="comprehensive">综</div>
  511. <a id="hangUpEvaluation" class="btns" style="background: #FFA000;">挂断评价</a>
  512. <a class="btns addt_">保存</a>
  513. <a class="btns addts">保存并提交</a>
  514. </div>
  515. </div>
  516. <!--知识库内容-->
  517. <div class="ldcr-bottom repoConte">
  518. <div class="ldcrb-top clearfix">
  519. <ul class="clearfix">
  520. <li class="activity" style=" border-bottom: 1px solid #69cbd0;" data-type="1">政策专家</li>
  521. <li style="border-bottom:1px solid #f95a83;" data-type="2">办事指南</li>
  522. <li style="border-bottom:1px solid #69cbd0;" data-type="3">热点问题</li>
  523. <li style="border-bottom:1px solid #f95a83;" data-type="4">政策法规</li>
  524. <li style="border-bottom:1px solid #69cbd0;" data-type="5">名词解释</li>
  525. <li style="border-bottom:1px solid #f95a83;" data-type="6">部门职能</li>
  526. <li style="border-bottom:1px solid #f95a83;" data-type="7">新版知识库</li>
  527. <li style="border-bottom:1px solid #f95a83;" data-type="8">智能知识库</li>
  528. </ul>
  529. </div>
  530. <div class="detail-con">
  531. <div class="tableWarpper1">
  532. <table id="tableList1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  533. <thead>
  534. <tr>
  535. <th data-align="center" data-formatter="serialNumber">编号</th>
  536. <th data-field="F_XingMing" data-align="center">专家姓名</th>
  537. <th data-field="F_ShouJi" data-align="center">手机号码</th>
  538. <th data-field="F_FaBuShiJian" data-align="center">发布时间</th>
  539. <th data-field="F_FaBuDanWei" data-align="center">发布单位</th>
  540. <th data-field="F_DianJiLiang" data-align="center">点击量</th>
  541. <th data-align="center" data-formatter="operation1">操作</th>
  542. </tr>
  543. </thead>
  544. <tbody id="tbody1"></tbody>
  545. </table>
  546. </div>
  547. <div class="tableWarpper2">
  548. <table id="tableList2" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  549. <thead>
  550. <tr>
  551. <th data-align="center" data-formatter="serialNumber">编号</th>
  552. <th data-field="F_FaBuDanWei" data-align="center">发布单位</th>
  553. <th data-field="F_FaBuShiJian" data-align="center">发布时间</th>
  554. <th data-field="F_YeWuMingCheng" data-align="center">业务名称</th>
  555. <th data-field="F_BiaoShiBianMa" data-align="center">标识编码</th>
  556. <th data-field="F_QiTaShuoMing" data-align="center">其他说明</th>
  557. <th data-field="F_BanLiLiuCheng" data-align="center">办理流程</th>
  558. <th data-field="F_BeiZhu" data-align="center">备注</th>
  559. <th data-field="F_DianJiLiang" data-align="center">点击量</th>
  560. <th data-align="center" data-formatter="operation2">操作</th>
  561. </tr>
  562. </thead>
  563. <tbody id="tbody2"></tbody>
  564. </table>
  565. </div>
  566. <div class="tableWarpper3">
  567. <table id="tableList3" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  568. <thead>
  569. <tr>
  570. <th data-align="center" data-formatter="serialNumber">编号</th>
  571. <th data-field="F_FaBuShiJian" data-align="center">发布时间</th>
  572. <th data-field="F_FaWenWenHao" data-align="center">发文文号</th>
  573. <th data-field="F_FaWenDanWei" data-align="center">发文单位</th>
  574. <th data-field="F_BiaoShiBianMa" data-align="center">标识编码</th>
  575. <th data-field="F_ZhengCeMingCi" data-align="center">政策名称</th>
  576. <th data-field="F_ReDianWenTi" data-align="center">热点问题/名词解释</th>
  577. <th data-field="F_WenTiJieDa" data-align="center">内容解答</th>
  578. <th data-field="F_DianJiLiang" data-align="center">点击量</th>
  579. <th data-align="center" data-formatter="operation3">操作</th>
  580. </tr>
  581. </thead>
  582. <tbody id="tbody3"></tbody>
  583. </table>
  584. </div>
  585. <div class="tableWarpper4">
  586. <table id="tableList4" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  587. <thead>
  588. <tr>
  589. <th data-align="center" data-formatter="serialNumber">编号</th>
  590. <th data-field="F_FaBuShiJian" data-align="center">发布时间</th>
  591. <th data-field="F_FaWenWenHao" data-align="center">发文文号</th>
  592. <th data-field="F_FaWenDanWei" data-align="center">发文单位</th>
  593. <th data-field="F_ZhiNengBuMen" data-align="center">职能部门</th>
  594. <th data-field="F_BiaoShiBianMa" data-align="center">标识编码</th>
  595. <th data-field="F_WenJianMingCheng" data-align="center">文件名称</th>
  596. <th data-field="F_WenJianNeiRong" data-align="center">文件内容</th>
  597. <th data-field="F_DianJiLiang" data-align="center">点击量</th>
  598. <th data-align="center" data-formatter="operation4">操作</th>
  599. </tr>
  600. </thead>
  601. <tbody id="tbody4"></tbody>
  602. </table>
  603. </div>
  604. <div class="tableWarpper5">
  605. <table id="tableList5" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  606. <thead>
  607. <tr>
  608. <th data-align="center" data-formatter="serialNumber">编号</th>
  609. <th data-field="F_FaBuShiJian" data-align="center">发布时间</th>
  610. <th data-field="F_FaWenWenHao" data-align="center">发文文号</th>
  611. <th data-field="F_FaWenDanWei" data-align="center">发文单位</th>
  612. <th data-field="F_BiaoShiBianMa" data-align="center">标识编码</th>
  613. <th data-field="F_ZhengCeMingCi" data-align="center">政策名称</th>
  614. <th data-field="F_ReDianWenTi" data-align="center">热点问题/名词解释</th>
  615. <th data-field="F_WenTiJieDa" data-align="center">内容解答</th>
  616. <th data-field="F_DianJiLiang" data-align="center">点击量</th>
  617. <th data-align="center" data-formatter="operation5">操作</th>
  618. </tr>
  619. </thead>
  620. <tbody id="tbody5"></tbody>
  621. </table>
  622. </div>
  623. <div class="tableWarpper6">
  624. <table id="tableList6" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  625. <thead>
  626. <tr>
  627. <th data-align="center" data-formatter="serialNumber">编号</th>
  628. <th data-field="F_FaBuShiJian" data-align="center">发布时间</th>
  629. <th data-field="F_FaWenWenHao" data-align="center">发文文号</th>
  630. <th data-field="F_FaWenDanWei" data-align="center">发文单位</th>
  631. <th data-field="F_ZhiNengBuMen" data-align="center">职能部门</th>
  632. <th data-field="F_BiaoShiBianMa" data-align="center">标识编码</th>
  633. <th data-field="F_WenJianMingCheng" data-align="center">文件名称</th>
  634. <th data-field="F_WenJianNeiRong" data-align="center">文件内容</th>
  635. <th data-field="F_DianJiLiang" data-align="center">点击量</th>
  636. <th data-align="center" data-formatter="operation6">操作</th>
  637. </tr>
  638. </thead>
  639. <tbody id="tbody6"></tbody>
  640. </table>
  641. </div>
  642. <div class="tableWarpper7">
  643. <div style="display: flex; margin-bottom: 15px;">
  644. <input type="text" placeholder="请输入关键字" class="searCon rightSearchKey" />
  645. <button href="javaScript:;" class="stb" id="rightSearch" style="width: 80px; height: 23px;"></button>
  646. </div>
  647. <table id="tableList7" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  648. <thead>
  649. <tr>
  650. <th data-field="F_Title" data-align="center">标题</th>
  651. <th data-field="F_MainDept" data-align="center">单位名称</th>
  652. <th data-field="F_CreateTime" data-align="center">时间</th>
  653. <th data-field="UserName" data-align="center">创建人</th>
  654. <th data-formatter="operation7" data-align="center" data-width="120">操作</th>
  655. </tr>
  656. </thead>
  657. <tbody id="tbody7"></tbody>
  658. </table>
  659. </div>
  660. <div class="tableWarpper8">
  661. <iframe id="J_iframe" name="iframe0" width="100%" height="100%" src="http://222.143.106.45:8000/zsk/index.html?token=00550b5b-95c2-410e-9dc1-f11ee4ac6fc4" frameborder="0" data-id="index_v1.html" seamless></iframe>
  662. </div>
  663. <!--<table id="table1" data-row-style="rowStyle" data-classes="table table-no-bordered" data-query-params="queryParams">
  664. <thead>
  665. <tr>
  666. <th data-field="F_Title" data-align="center">标题</th>
  667. <th data-field="F_MainDept" data-align="center">单位名称</th>
  668. <th data-field="F_CreateTime" data-align="center">时间</th>
  669. <th data-field="UserName" data-align="center">创建人</th>
  670. <th data-formatter="CZ" data-align="center">操作</th>
  671. </tr>
  672. </thead>
  673. </table>-->
  674. </div>
  675. </div>
  676. <!--综合查询内容-->
  677. <div class="ldcr-bottom comprehensiveContent">
  678. <div class="ldcrb-top clearfix">
  679. <ul class="clearfix">
  680. <li class="activity" style=" border-bottom: 1px solid #69cbd0;" data-type="1">综合查询</li>
  681. </ul>
  682. </div>
  683. <div class="comprehensiveContentSerrch">
  684. <div class="form-group clearfix" style="margin-bottom: 8px;">
  685. <span class="col-sm-1">工单标题:</span>
  686. <span class="col-sm-2">
  687. <input type="text" id="workOrderTitle" class="form-control" />
  688. </span>
  689. <span class="col-sm-1">事项编号:</span>
  690. <span class="col-sm-2">
  691. <input type="text" id="wids" class="form-control" />
  692. </span>
  693. <span class="col-sm-1">录入时间:</span>
  694. <span class="col-sm-5">
  695. <input type="text" id="comprehensiveContentStarttime" class="form-control" style="display: inline-block; width: 45%" /> - <input type="text" id="comprehensiveContentEndtime" class="form-control" style="display: inline-block; width: 45%;" />
  696. </span>
  697. </div>
  698. <div class="form-group clearfix" style="margin-bottom: 8px;">
  699. <span class="col-sm-1">来电号码:</span>
  700. <span class="col-sm-2">
  701. <input type="text" id="comprehensiveContentSerrchTel" class="form-control" />
  702. </span>
  703. <span class="col-sm-1">来电内容:</span>
  704. <span class="col-sm-2">
  705. <input type="text" id="workOrderContent" class="form-control" />
  706. </span>
  707. <span class="col-sm-1">办理结果:</span>
  708. <span class="col-sm-2">
  709. <input type="text" id="workOrderProcessingResult" class="form-control" />
  710. </span>
  711. <span class="col-sm-3">
  712. <button class="btns comprehensiveContentSerrchBtn">搜索</button>
  713. </span>
  714. </div>
  715. <div class="form-group clearfix">
  716. <span class="col-sm-1">受话坐席:</span>
  717. <span class="col-sm-3">
  718. <select id="comprehensiveContentSerrchSeat" name="select" class="selectpicker show-tick form-control" multiple
  719. data-live-search="true">
  720. <option value="">请选择坐席</option>
  721. </select>
  722. </span>
  723. </div>
  724. </div>
  725. <div class="detail-con">
  726. <div class="">
  727. <table id="comprehensiveContentList" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  728. <thead>
  729. <tr>
  730. <th data-formatter="serialNumber" data-align="center">序号</th>
  731. <th data-field="F_WorkOrderId" data-formatter="GetLink" data-align="center">工单单号</th>
  732. <th data-field="F_ComTitle" data-align="center">诉求标题</th>
  733. <th data-field="DeptName" data-align="center">承办单位</th>
  734. <th data-field="F_ComContent" data-align="center">来电内容</th>
  735. <th data-field="F_Result" data-align="center">办理结果</th>
  736. <th data-field="FilePath" data-formatter="setCode" data-align="center">录音</th>
  737. </tr>
  738. </thead>
  739. <tbody id="tbody6"></tbody>
  740. </table>
  741. </div>
  742. </div>
  743. </div>
  744. </div>
  745. </div>
  746. <div class="historyCon">
  747. <div class="complainL">
  748. <div class="ld-sercon-con clearfix second-con">
  749. <div><span class="callPopupTitle">历史记录</span></div>
  750. <div class="Ps-chaxun">
  751. <span>
  752. <span>查询:</span>
  753. <input type="text" id="old_startTime" class="laydate-icon" />&nbsp;——&nbsp;
  754. <input type="text" id="old_endTime" class="laydate-icon" />
  755. </span>
  756. <span class="searchbtn"></span>
  757. </div>
  758. <div class="table-responsive col-sm-12 tbold">
  759. <table id="oldlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  760. <thead>
  761. <tr>
  762. <th data-field="" data-align="center" data-formatter="Code">编号</th>
  763. <th data-field="CallNumber">电话号码</th>
  764. <th data-field="CallState" data-formatter="GetCallState">呼叫状态</th>
  765. <th data-field="UserName">坐席姓名</th>
  766. <th data-field="TalkStartTime">通话开始时间</th>
  767. <th data-field="WorkOrderId" data-align="center" data-formatter="formatWorkOrderNum">工单号</th>
  768. </tr>
  769. </thead>
  770. <tbody class="list"></tbody>
  771. </table>
  772. </div>
  773. </div>
  774. </div>
  775. <div class="complainR">
  776. <div class="ld-sercon-con clearfix second-con">
  777. <div><span class="callPopupTitle">历史工单</span></div>
  778. <div class="Ps-chaxun">
  779. <span>
  780. <span>查询:</span>
  781. <input type="text" id="con_startTime" class="laydate-icon" />&nbsp;——&nbsp;
  782. <input type="text" id="con_endTime" class="laydate-icon" />
  783. </span>
  784. <span class="searchbtn"></span>
  785. </div>
  786. <div class="table-responsive col-sm-12 tbold">
  787. <table id="orderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  788. <thead>
  789. <tr>
  790. <th data-field="" data-align="center" data-formatter="Code">编号</th>
  791. <th data-field="F_WorkOrderId" data-formatter="GetLink" data-width="120px">工单编号</th>
  792. <th data-field="F_CreateTime" data-width="100px">创建时间</th>
  793. <th data-field="F_ComContent" data-formatter="formatterResult">工单内容</th>
  794. <th data-field="F_Result" data-formatter="formatterResult">处理内容</th>
  795. <th data-field="F_WorkState" data-formatter="historyOrderStates">工单状态</th>
  796. <th data-field="F_WorkOrderId" data-formatter="historyOrderOperation">操作</th>
  797. </tr>
  798. </thead>
  799. <tbody class="list"></tbody>
  800. </table>
  801. </div>
  802. </div>
  803. </div>
  804. </div>
  805. </div>
  806. </div>
  807. </div>
  808. <!--来电弹屏结束-->
  809. <!--外呼键盘-->
  810. <div class="WH animated fadeInDown hidens">
  811. <!--top-->
  812. <div class="clearflow Color">
  813. <div class="WH-top">
  814. <span>外呼信息</span>
  815. <span class="closes"><a>X</a></span>
  816. </div>
  817. <div class="Cotent_box clearflow">
  818. <!--左边键盘-->
  819. <div class="KeyWord col-sm-4">
  820. <div class="WH_input clearflow">
  821. <div class="clearflow WH_Itop">
  822. <input id="Result" type="text" class="fl" value="" maxlength="18" autofocus="autofocus" />
  823. <input id="hidwhtype" type="hidden" value="" />
  824. <i class="img fl hidens"></i>
  825. </div>
  826. </div>
  827. <div class="Num_box clearflow">
  828. <ul class="Num_ul clearflow">
  829. <li>
  830. <div>
  831. <a>1</a>
  832. </div>
  833. </li>
  834. <li>
  835. <div>
  836. <a>2</a>
  837. </div>
  838. </li>
  839. <li>
  840. <div>
  841. <a>3</a>
  842. </div>
  843. </li>
  844. <li>
  845. <div>
  846. <a>4</a>
  847. </div>
  848. </li>
  849. <li>
  850. <div>
  851. <a>5</a>
  852. </div>
  853. </li>
  854. <li>
  855. <div>
  856. <a>6</a>
  857. </div>
  858. </li>
  859. <li>
  860. <div>
  861. <a>7</a>
  862. </div>
  863. </li>
  864. <li>
  865. <div>
  866. <a>8</a>
  867. </div>
  868. </li>
  869. <li>
  870. <div>
  871. <a>9</a>
  872. </div>
  873. </li>
  874. <li>
  875. <div>
  876. <a>*</a>
  877. </div>
  878. </li>
  879. <li>
  880. <div>
  881. <a>0</a>
  882. </div>
  883. </li>
  884. <li>
  885. <div>
  886. <a>#</a>
  887. </div>
  888. </li>
  889. <li class="Last_phone">
  890. <div>
  891. <a class="CallOut"></a>
  892. </div>
  893. </li>
  894. </ul>
  895. </div>
  896. </div>
  897. <!--右边图表-->
  898. <div class="col-sm-8 Rbg">
  899. <div class="bg bg_cotent">
  900. <ul class="bg_title clearflow">
  901. <li class="lactive" itemid="0">最近电话</li>
  902. <li itemid="1">公司电话</li>
  903. <li itemid="2">来电人电话</li>
  904. <li itemid="3">坐席列表</li>
  905. </ul>
  906. <div class="bg_box phonediv">
  907. <div class="cx">
  908. <span class="blanks">电话号码:<input type="text" id="lastphone" /></span>
  909. <span class="ty">搜索</span>
  910. <!--<span class="ty">重置</span>-->
  911. </div>
  912. <div class="phone_bg" style="width: 100%; padding: 10px">
  913. <table class="phonelist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  914. <thead>
  915. <tr>
  916. <th data-field="CallNumber" data-formatter="view">
  917. 电话号码
  918. </th>
  919. <th data-field="CallState" data-formatter="GetCallState">
  920. 呼叫状态
  921. </th>
  922. <!--<th data-field="IsDeal" data-formatter="GetDealState">是否处理</th>-->
  923. <th data-field="UserCode">
  924. 坐席工号
  925. </th>
  926. <th data-field="UserName">
  927. 坐席姓名
  928. </th>
  929. <th data-field="TalkStartTime">
  930. 通话开始时间
  931. </th>
  932. <th data-field="TalkEndTime">
  933. 通话结束时间
  934. </th>
  935. <th data-field="TalkLongTime">
  936. 通话时长(s)
  937. </th>
  938. <!--<th data-field="FilePath">录音</th>-->
  939. </tr>
  940. </thead>
  941. </table>
  942. </div>
  943. </div>
  944. <div class="bg_box phonediv" style="display: none">
  945. <div class="cx">
  946. <span class="blanks">
  947. 电话号码:
  948. <input type="text" id="gsphone" />
  949. </span>
  950. <span class="blanks">
  951. 名称:
  952. <input type="text" id="gsname" />
  953. </span>
  954. <span class="ty">搜索</span>
  955. <!--<span class="ty">重置</span>-->
  956. </div>
  957. <div class="phone_bg" style="width: 100%; padding: 10px">
  958. <table class="phonelist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  959. <thead>
  960. <tr>
  961. <th data-field="F_UserCode">
  962. 坐席工号
  963. </th>
  964. <th data-field="F_UserName">
  965. 坐席姓名
  966. </th>
  967. <!--<th data-field="F_WorkNumber" data-formatter="view">分机号</th>-->
  968. <th data-field="F_Telephone" data-formatter="view">
  969. 电话号码1
  970. </th>
  971. <th data-field="F_Mobile" data-formatter="view">
  972. 电话号码2
  973. </th>
  974. <th data-field="F_HomePhone" data-formatter="view">
  975. 电话号码3
  976. </th>
  977. </tr>
  978. </thead>
  979. </table>
  980. </div>
  981. </div>
  982. <div class="bg_box phonediv" style="display: none">
  983. <div class="cx">
  984. <span class="blanks">
  985. 电话号码:
  986. <input type="text" id="khphone" />
  987. </span>
  988. <span class="blanks">
  989. 名称:
  990. <input type="text" id="khname" />
  991. </span>
  992. <span class="ty">搜索</span>
  993. <!--<span class="ty">重置</span>-->
  994. </div>
  995. <div class="phone_bg" style="width: 100%; padding: 10px">
  996. <table class="phonelist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  997. <thead>
  998. <tr>
  999. <th data-field="F_CustomerName">
  1000. 名称
  1001. </th>
  1002. <th data-field="F_Telephone" data-formatter="view">
  1003. 电话号码1
  1004. </th>
  1005. <th data-field="F_Mobile" data-formatter="view">
  1006. 电话号码2
  1007. </th>
  1008. <th data-field="F_ChargeTelephone" data-formatter="view">
  1009. 电话号码3
  1010. </th>
  1011. </tr>
  1012. </thead>
  1013. </table>
  1014. </div>
  1015. </div>
  1016. <div class="bg_box phonediv" style="display: none; height: 500px; overflow: auto;">
  1017. <table class="table" id="zxTable">
  1018. <thead>
  1019. <tr>
  1020. <th>姓名</th>
  1021. <th>工号</th>
  1022. <th>分机号</th>
  1023. <th>状态</th>
  1024. </tr>
  1025. </thead>
  1026. <tbody></tbody>
  1027. </table>
  1028. </div>
  1029. </div>
  1030. </div>
  1031. </div>
  1032. </div>
  1033. </div>
  1034. <!--下载框-->
  1035. <div class="t-shade">
  1036. <div class="shade_k">
  1037. <div class="shade_title">
  1038. <span>录音播放<srong class="cknum"></srong></span>
  1039. <span class="setwin"><a>x</a></span>
  1040. </div>
  1041. <div class="shade_content">
  1042. <div class="Ly_box audiojs"></div>
  1043. <div class="boxCon LY_box"></div>
  1044. </div>
  1045. </div>
  1046. </div>
  1047. <!--修改密码开始-->
  1048. <div class="personalMask"></div>
  1049. <div class="personal" id="box">
  1050. <div class="ptop clearFix">
  1051. <p class="ptl">个人中心</p>
  1052. <p class="ptr" title="关闭">x</p>
  1053. </div>
  1054. <div class="perBox">
  1055. <ul class="perTab clearFix">
  1056. <li class="sel">个人资料</li>
  1057. <li>修改头像</li>
  1058. </ul>
  1059. <div class="perTab_con">
  1060. <div class="geRen" style="display: block">
  1061. <div class="grt clearFix">
  1062. <p class="grtl">基本资料</p>
  1063. <p class="grtr">
  1064. <i class="grqx" title="取消编辑"></i>
  1065. <i class="grbj" title="编辑资料"></i>
  1066. </p>
  1067. </div>
  1068. <table class="table grzl">
  1069. <tr>
  1070. <th>我的工号:</th>
  1071. <td>
  1072. <input type="text" class="mgh" readonly="readonly" />
  1073. </td>
  1074. </tr>
  1075. <tr>
  1076. <th>我的姓名:</th>
  1077. <td>
  1078. <input type="text" class="mn zhidu" readonly="readonly" />
  1079. </td>
  1080. <!-- <td>
  1081. <input type="text" class="mn" readonly="readonly" />
  1082. </td> -->
  1083. </tr>
  1084. <tr>
  1085. <th>原密码:</th>
  1086. <td>
  1087. <input type="password" class="spwd zhidu" />
  1088. </td>
  1089. </tr>
  1090. <tr>
  1091. <th>新密码:</th>
  1092. <td>
  1093. <input type="password" class="npwd zhidu" /><span class="pasStrength"></span>
  1094. </td>
  1095. </tr>
  1096. <tr>
  1097. <th>确认密码:</th>
  1098. <td>
  1099. <input type="password" class="epwd zhidu" /><span class="wrong">*密码不一致</span>
  1100. </td>
  1101. </tr>
  1102. <!-- <tr>
  1103. <th>姓名:</th>
  1104. <td>
  1105. <input type="text" class="settingName zhidu" readonly="readonly" />
  1106. </td>
  1107. </tr> -->
  1108. <tr>
  1109. <th>单位:</th>
  1110. <td>
  1111. <input type="text" class="settingCompany zhidu" readonly="readonly" />
  1112. </td>
  1113. </tr>
  1114. <tr>
  1115. <th>科室:</th>
  1116. <td>
  1117. <input type="text" class="settingDepartment zhidu" readonly="readonly" />
  1118. </td>
  1119. </tr>
  1120. <tr>
  1121. <th>职务:</th>
  1122. <td>
  1123. <input type="text" class="settingPost zhidu" readonly="readonly" />
  1124. </td>
  1125. </tr>
  1126. <tr>
  1127. <th>手机号码:</th>
  1128. <td>
  1129. <input type="text" class="settingMobile zhidu" readonly="readonly" />
  1130. <button class="btnn btnVerificationCode">获取验证码</button>
  1131. </td>
  1132. </tr>
  1133. <tr>
  1134. <th></th>
  1135. <td>
  1136. <span class="verificationCodeTips" style="display: none;">请稍后再次获取</span>
  1137. </td>
  1138. </tr>
  1139. <tr>
  1140. <th>办公电话:</th>
  1141. <td>
  1142. <input type="text" class="settingTelephone zhidu" readonly="readonly" />
  1143. </td>
  1144. </tr>
  1145. <tr>
  1146. <th>验证码:</th>
  1147. <td>
  1148. <input type="text" class="settingCode zhidu" readonly="readonly" />
  1149. </td>
  1150. </tr>
  1151. <tr>
  1152. <th></th>
  1153. <td>
  1154. <button class="btnn grbtn">保存修改</button>
  1155. </td>
  1156. </tr>
  1157. </table>
  1158. </div>
  1159. <div class="crop">
  1160. <div class="clearFix" style="margin-top: 45px">
  1161. <div class="crop_left">
  1162. <div class="image-crop">
  1163. <img src="./img/gaga.jpg" />
  1164. </div>
  1165. </div>
  1166. <div class="crop_right">
  1167. <h4>图片预览:</h4>
  1168. <div class="img-preview img-preview-sm"></div>
  1169. </div>
  1170. </div>
  1171. <div class="anniu" style="margin-top: 75px; text-align: center">
  1172. <label title="上传图片" for="inputImage" class="btnn" style="margin-right: 100px">
  1173. <input type="file" accept="image/jpeg,image/jpg,image/png" name="file" id="inputImage"
  1174. class="hide" />
  1175. 本地上传
  1176. </label>
  1177. <button class="btnn" id="zoomIn" type="button">
  1178. 放大
  1179. </button>
  1180. <button class="btnn" id="zoomOut" type="button">
  1181. 缩小
  1182. </button>
  1183. <button class="btnn" id="rotateLeft" type="button">
  1184. 左旋转
  1185. </button>
  1186. <button class="btnn" id="rotateRight" type="button">
  1187. 右旋转
  1188. </button>
  1189. <button class="btnn" id="setDrag" type="button">
  1190. 确定保存
  1191. </button>
  1192. </div>
  1193. </div>
  1194. </div>
  1195. </div>
  1196. </div>
  1197. <!--修改密码结束-->
  1198. <input type="hidden" class="mid" />
  1199. <!--右下角消息弹出开始-->
  1200. <div class="small-chat-box fadeInRight animated" style="height: 450px">
  1201. <div class="heading" draggable="true">我的任务</div>
  1202. <div class="content">
  1203. <ul class="rightDown_list"></ul>
  1204. </div>
  1205. </div>
  1206. <input type="hidden" id="cqorder" />
  1207. <!--弹框提示-->
  1208. <div class="tan_ping">
  1209. <ul class="rightDown_list1">
  1210. <li class="news">
  1211. <ul id="top_notices_lists1"></ul>
  1212. </li>
  1213. <li class="last_li">
  1214. <button id="know">知道了</button>
  1215. <button id="chuli">立即处理</button>
  1216. </li>
  1217. </ul>
  1218. </div>
  1219. <div id="clickElementVoice" style="display: none;">展开</div>
  1220. <div class="voiceToText" style="display: none;">
  1221. <div class="voiceToTextTitle">坐席辅助</div>
  1222. <div class="voiceToTextContext" id="scrollVoice">
  1223. <!--<div class="clientChat">
  1224. <img src="img/youkeTx.png">
  1225. <div class="clientChatText">你好</div>
  1226. </div>
  1227. <div class="serviceChat">
  1228. <img src="img/kefuTx.png">
  1229. <div class="serviceChatText">你好,有什么要咨询的吗你好</div>
  1230. </div>
  1231. <div class="clientChat">
  1232. <img src="img/youkeTx.png">
  1233. <div class="clientChatText">你好,有什么要咨询的吗你好,有什么要咨询的吗你好,有什么要咨询的吗你好,有什么要咨询的吗你好,有什么要咨询的吗</div>
  1234. </div>
  1235. <div class="serviceChat">
  1236. <img src="img/kefuTx.png">
  1237. <div class="serviceChatText">你好,有什么要咨询的吗你好,有什么要咨询的吗你好,有什么要咨询的吗你好,有什么要咨询的吗你好,有什么要咨询的吗</div>
  1238. </div>-->
  1239. </div>
  1240. </div>
  1241. <script src="https://api.map.baidu.com/api?v=2.0&ak=ZG4gLQZUD6Eq1K11cqlYAR4by8CKgLyu&callback=mapinit"></script>
  1242. <script src="./js/layui/layui.js"></script>
  1243. <script src="./js/plugins/cropper/cropper.min.js"></script>
  1244. <script src="./js/bootstrap-select.js"></script>
  1245. <script src="./js/jquery.md5.js"></script>
  1246. <script src="./css/laydate/laydate.js"></script>
  1247. <script src="./js/guid.js"></script>
  1248. <script src="./js/websocket/swfobject.js?v=2.0"></script>
  1249. <script src="./js/websocket/web_socket.js?v=2.0"></script>
  1250. <script src="./js/main.js?v=2.1"></script>
  1251. <!--<script src="./js/vc_agent_api.js"></script>-->
  1252. <script src="./js/chat.js"></script>
  1253. <script src="./js/index.js?v=2.0"></script>
  1254. <script src="./js/appeal/mapIndex.js"></script>
  1255. <script src="./js/plugins/metisMenu/jquery.metisMenu.js"></script>
  1256. <script src="./js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
  1257. <script src="./js/hplus.min.js?v=4.1.0"></script>
  1258. <script src="./js/contabs.min.js"></script>
  1259. <script src="./js/zTree/jquery.ztree.core.js"></script>
  1260. <script src="./js/ztreeSelect.js"></script>
  1261. <script src="js/voiceToText.js"></script>
  1262. <script src="./js/voiceToTextSocket/socket.js"></script>
  1263. <script>
  1264. var logpas = localStorage.getItem('loginPassword')
  1265. var userphone = $.cookie('userMobile')
  1266. console.log(logpas, userphone)
  1267. $(document).ready(function() {
  1268. getBigtype($("#phonetype1"));
  1269. getBigtypeKey($("#phonetype2"), 3060);
  1270. if($("#phonetype").val() == '12348') {
  1271. $("#phonetype1").show()
  1272. $("#phonetype2").show()
  1273. } else {
  1274. $("#phonetype1").hide()
  1275. $("#phonetype2").hide()
  1276. }
  1277. // var numexp = new RegExp(/^\d+$/); //纯数字
  1278. // var letterexp = new RegExp(/^[a-zA-Z]+$/); //纯字母大小写
  1279. var lowExp = new RegExp(/^(?:\d+|[a-zA-Z]+|[!@#$%^&*]+)$/)
  1280. if(lowExp.test(logpas)) {
  1281. goEditpas()
  1282. }
  1283. if(userphone == '') {
  1284. goMobile()
  1285. }
  1286. if(lowExp.test(logpas) && userphone == '') {
  1287. goEditpas()
  1288. }
  1289. })
  1290. //跳转修改密码
  1291. function goEditpas() {
  1292. layer.confirm('您当前密码等级较弱,请及时修改', {
  1293. icon: 7,
  1294. closeBtn :0,
  1295. btn: ['是'] //按钮
  1296. }, function(index) {
  1297. /*执行修改*/
  1298. layer.close(index)
  1299. $(".personal").show();
  1300. $(".grbj").trigger('click')
  1301. });
  1302. }
  1303. //绑定手机号
  1304. function goMobile() {
  1305. layer.confirm('您当前未绑定手机号,请立即绑定', {
  1306. icon: 7,
  1307. closeBtn :0,
  1308. btn: ['是'] //按钮
  1309. }, function(index) {
  1310. /*执行修改*/
  1311. layer.close(index)
  1312. $(".personal").show();
  1313. $(".grbj").trigger('click')
  1314. });
  1315. }
  1316. //电话类别为12348 法律服务热线
  1317. $("#phonetype").change(function() {
  1318. console.log($("#phonetype").val())
  1319. if($("#phonetype").val() == '12348') {
  1320. $("#phonetype1").show()
  1321. $("#phonetype2").show()
  1322. } else {
  1323. $("#phonetype1").hide()
  1324. $("#phonetype2").hide()
  1325. }
  1326. })
  1327. $("#phonetype1").change(function() {
  1328. getBigtypeKey($("#phonetype2"), $("#phonetype1").val());
  1329. console.log($("#phonetype1").val())
  1330. })
  1331. $("#phonetype2").change(function() {
  1332. console.log($("#phonetype2").val())
  1333. })
  1334. function getBigtype(obj) {
  1335. obj.empty();
  1336. $.ajax({
  1337. type: "get",
  1338. url: huayi.config.callcenter_url + "Dictionary/GetDicValueListById",
  1339. dataType: "json",
  1340. async: true,
  1341. data: {
  1342. "token": $.cookie("token"),
  1343. type: 1,
  1344. id: 3059
  1345. },
  1346. success: function(data) {
  1347. if(data.state.toLowerCase() == "success") {
  1348. var content = data.data;
  1349. $(content).each(function(i, n) {
  1350. $("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>")
  1351. .appendTo(obj);
  1352. })
  1353. }
  1354. }
  1355. });
  1356. }
  1357. function getBigtypeKey(obj, id) {
  1358. obj.empty();
  1359. $.ajax({
  1360. type: "get",
  1361. url: huayi.config.callcenter_url + "Dictionary/GetDicValueListById",
  1362. dataType: "json",
  1363. async: true,
  1364. data: {
  1365. "token": $.cookie("token"),
  1366. type: 1,
  1367. id: id
  1368. },
  1369. success: function(data) {
  1370. if(data.state.toLowerCase() == "success") {
  1371. var content = data.data;
  1372. $(content).each(function(i, n) {
  1373. $("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>")
  1374. .appendTo(obj);
  1375. })
  1376. }
  1377. }
  1378. });
  1379. }
  1380. $('.npwd').on('input', function() {
  1381. // console.log($('.npwd').val())
  1382. var numexp = new RegExp(/^\d+$/); //纯数字
  1383. var letterexp = new RegExp(/^[a-zA-Z]+$/); //纯字母大小写
  1384. var lowExp = new RegExp(/^(?:\d+|[a-zA-Z]+|[!@#$%^&*]+)$/);
  1385. if(lowExp.test($('.npwd').val())) {
  1386. $('.pasStrength').text('密码强度:弱')
  1387. } else {
  1388. $('.pasStrength').text('密码强度:强')
  1389. }
  1390. if($('.npwd').val() == '') {
  1391. $('.pasStrength').text('')
  1392. }
  1393. })
  1394. $('.npwd').on('blur',function(){
  1395. if($('.pasStrength').text()=='密码强度:强'){
  1396. $('.pasStrength').text('')
  1397. }
  1398. })
  1399. </script>
  1400. </body>
  1401. </html>