Brak opisu

home.html 52KB

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