Нет описания

home.html 57KB

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