开封利通水务前端

callScreen.html 34KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>来电弹屏</title>
  6. <script src="../Script/Common/huayi.load.js"></script>
  7. <script src="../Script/Common/huayi.config.js"></script>
  8. <link href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
  9. <link rel="stylesheet" type="text/css" href="../js/bootstrap-treeview/bootstrap-treeview.min.css" />
  10. <!-- <link href="../css/init.css" rel="stylesheet" /> -->
  11. <link rel="stylesheet" href="./css/call.css" />
  12. <link rel="stylesheet" href="../js/webuploader/webuploader.css" />
  13. <style type="text/css">
  14. i.tub {
  15. position: absolute;
  16. right: 110px;
  17. top: 8px;
  18. font-size: 18px;
  19. color: #1ab494;
  20. }
  21. .tub+input {
  22. padding-right: 30px;
  23. }
  24. /* 附件开始 */
  25. .file_imgs {
  26. padding: 10px 70px;
  27. list-style: none;
  28. margin-bottom: 60px;
  29. margin-left: -15px;
  30. }
  31. .file_imgs li {
  32. float: left;
  33. position: relative;
  34. width: 109px;
  35. height: 109px;
  36. margin-left: 10px;
  37. margin-right: 10px;
  38. margin-bottom: 40px;
  39. padding-top: 0;
  40. padding-bottom: 0;
  41. }
  42. .file_imgs li:hover .img_mask {
  43. display: block;
  44. }
  45. .file_imgs .img_mask {
  46. display: none;
  47. position: absolute;
  48. left: 0;
  49. top: 0;
  50. background-color: rgba(0, 0, 0, .3);
  51. width: 100%;
  52. height: 22px;
  53. z-index: 1;
  54. }
  55. .file_imgs .img_mask i {
  56. position: absolute;
  57. right: 5px;
  58. top: 5px;
  59. display: inline-block;
  60. width: 13px;
  61. height: 12px;
  62. cursor: pointer;
  63. background: url(../img/file_img_icons.png) no-repeat 0 0;
  64. }
  65. .file_imgs .file_name {
  66. width: 100%;
  67. display: inline-block;
  68. text-align: center;
  69. word-break: break-all;
  70. padding-top: 8px;
  71. }
  72. .file_imgs li img {
  73. width: 100%;
  74. height: 100%;
  75. border: 0;
  76. vertical-align: middle;
  77. }
  78. .file_imgs .upload-state-done .img_state {
  79. display: block;
  80. position: absolute;
  81. right: 7px;
  82. bottom: 29px;
  83. width: 0;
  84. height: 0;
  85. border-bottom: 40px solid #01b2fe;
  86. border-left: 40px solid transparent;
  87. overflow: inherit;
  88. }
  89. .file_imgs .img_state i {
  90. position: absolute;
  91. right: 4px;
  92. bottom: -32px;
  93. display: inline-block;
  94. width: 15px;
  95. height: 11px;
  96. background: url(../../img/file_img_icons.png) no-repeat 0 -16px;
  97. }
  98. .error {
  99. color: red;
  100. text-align: center;
  101. }
  102. .noThumb {
  103. width: 109px;
  104. height: 83px;
  105. text-align: center;
  106. color: #1aaad0;
  107. }
  108. .glyphicon.glyphicon-paperclip {
  109. font-size: 44px;
  110. text-align: center;
  111. }
  112. .img-box {
  113. float: left;
  114. width: 120px;
  115. height: 120px;
  116. background-size: 100% 100%;
  117. display: inline-block;
  118. position: relative;
  119. border-radius: 5px;
  120. margin-right: 10px;
  121. border: solid 1px #e8e8e8;
  122. cursor: pointer;
  123. text-align: center;
  124. line-height: 120px
  125. }
  126. .img-box .img_mask {
  127. display: none;
  128. position: absolute;
  129. left: 0;
  130. top: 0;
  131. background-color: rgba(0, 0, 0, .3);
  132. width: 100%;
  133. height: 22px;
  134. z-index: 5;
  135. }
  136. .image-item {
  137. width: 120px;
  138. height: 120px;
  139. background-size: 100% 100%;
  140. display: inline-block;
  141. position: relative;
  142. border-radius: 5px;
  143. margin-right: 10px;
  144. cursor: pointer;
  145. }
  146. .img-box .img_mask i {
  147. position: absolute;
  148. right: 5px;
  149. top: 5px;
  150. display: inline-block;
  151. width: 13px;
  152. height: 12px;
  153. cursor: pointer;
  154. color: #fff;
  155. }
  156. .img-box:hover .img_mask {
  157. display: block;
  158. }
  159. .img_filename{
  160. font-size: 14px;
  161. /* display: block; */
  162. width: 100%;
  163. height: calc(100% - 22px);
  164. }
  165. /* 附件结束 */
  166. </style>
  167. </head>
  168. <body class="gray-bg">
  169. <div class="wrapper wrapper-content animated fadeInRight callSreen">
  170. <!--来电弹屏开始-->
  171. <div class="ldtp-con clearfix animated fadeInDown ">
  172. <!--黑名单开始-->
  173. <div class="hei-list">
  174. <div class="heiTop clearFix">
  175. <p class="htl">黑名单</p>
  176. <p class="bacha" title="关闭">x</p>
  177. </div>
  178. <div class="heiCon">
  179. <div class="heit">
  180. <span style="font-size: 14px;">输入拉黑时长:</span>
  181. <input type="text" id="time-word" />
  182. </div>
  183. <div class="chooses">
  184. <label class="radio-inline">
  185. <input type="radio" name="time" value="1" checked="checked" style="margin-top: 3px;"> 天
  186. </label>
  187. <label class="radio-inline">
  188. <input type="radio" name="time" value="2" style="margin-top: 3px;" />时
  189. </label>
  190. <label class="radio-inline">
  191. <input type="radio" name="time" value="3" style="margin-top: 3px;" />分
  192. </label>
  193. <label class="radio-inline">
  194. <input type="radio" name="time" value="4" style="margin-top: 3px;" />永久
  195. </label>
  196. </div>
  197. <p style="margin-top: 15px;"><button type="button" id="bc" class="btns">保存</button></p>
  198. </div>
  199. </div>
  200. <!--黑名单结束-->
  201. <!--左侧内容-->
  202. <div class="ldtp-cl col-sm-3">
  203. <div class="head-pic">
  204. <div class="hp-box">
  205. <img src="./../img/txpic.png" alt="头像好像去了外星球!" style="width: 100%;height: 100%;" />
  206. <input type="hidden" class="hidCallID" />
  207. <input type="hidden" class="hidActionID" />
  208. </div>
  209. <div class="head_info clearfix">
  210. <div class="clearfix head_info_item">
  211. <div class="head_tel pull-left">
  212. <i class="head_tel_icon"></i>
  213. <span class="tel"></span>
  214. <i class="head_tel_bg"></i>
  215. </div>
  216. <div class="head_time pull-left">
  217. <i class="head_time_icon"></i>
  218. <span class="thsc">00:00</span>
  219. </div>
  220. </div>
  221. <div class="clearfix head_info_item">
  222. <div class="head_location pull-left">
  223. <i class="head_location_icon"></i>
  224. <span class="khgsd">未知</span>
  225. <i class="head_location_bg"></i>
  226. </div>
  227. <div class="head_black pull-left">
  228. <i class="head_black_icon la-before" id="head_black_btn" title="点击加入黑名单"></i>
  229. <i class="head_black_cancel_icon retur" style="display: none;"></i>
  230. <span class="head_black_btn">黑名单</span>
  231. <i class="head_black_ivr take" id="head_black_ivr"></i>
  232. </div>
  233. </div>
  234. </div>
  235. <div class="head_form form-horizontal">
  236. <!-- <div class="form-group">
  237. <input type="hidden" id="head_form_customer_id" value="" />
  238. <label for="head_form_search" class="col-sm-4 control-label">搜索</label>
  239. <div class="col-sm-8">
  240. <input type="text" class="form-control" id="head_form_search" autocomplete="off" placeholder="请输入公司名称">
  241. <span id="companySearch" class="glyphicon glyphicon-search company_search" aria-hidden="true"></span>
  242. </div>
  243. </div> -->
  244. <div class="form-group">
  245. <label for="head_form_name" class="col-sm-4 control-label">姓名</label>
  246. <div class="col-sm-8">
  247. <input type="text" class="form-control" id="head_form_name" autocomplete="off" placeholder="请输入姓名">
  248. </div>
  249. </div>
  250. <div class="form-group">
  251. <label for="head_form_cmpaddress" class="col-sm-4 control-label">地址</label>
  252. <div class="col-sm-8">
  253. <input type="text" class="form-control" id="head_form_cmpaddress" placeholder="请输入地址">
  254. </div>
  255. </div>
  256. <!-- <div class="form-group">
  257. <label for="head_form_cmpname" class="col-sm-4 control-label">公司名称</label>
  258. <div class="col-sm-8">
  259. <input readonly type="text" class="form-control" id="head_form_cmpname" placeholder="">
  260. </div>
  261. </div>
  262. <div class="form-group">
  263. <label for="head_form_legname" class="col-sm-4 control-label">法人姓名</label>
  264. <div class="col-sm-8">
  265. <input readonly type="text" class="form-control" id="head_form_legname" placeholder="">
  266. </div>
  267. </div>
  268. <div class="form-group">
  269. <label for="head_form_legtel" class="col-sm-4 control-label">法人电话</label>
  270. <div class="col-sm-8">
  271. <input readonly type="text" class="form-control" id="head_form_legtel" placeholder="">
  272. </div>
  273. </div>
  274. <div class="form-group">
  275. <label for="head_form_subtrade" class="col-sm-4 control-label">所属行业</label>
  276. <div class="col-sm-8">
  277. <input readonly type="text" class="form-control" id="head_form_subtrade" placeholder="">
  278. </div>
  279. </div> -->
  280. <!-- <div class="form-group">
  281. <label for="head_form_rengin" class="col-sm-4 control-label">区域</label>
  282. <div class="col-sm-8">
  283. <select class="form-control selectpicker" id="head_form_rengin" data-live-search="true">
  284. <option value="0">请选择区域</option>
  285. </select>
  286. </div>
  287. </div>
  288. <div class="form-group">
  289. <label for="head_form_pro" class="col-sm-4 control-label">项目</label>
  290. <div class="col-sm-8">
  291. <select class="form-control selectpicker" id="head_form_pro" data-live-search="true">
  292. <option value="0">请选择项目</option>
  293. </select>
  294. </div>
  295. </div>
  296. <div class="form-group">
  297. <label for="head_form_floor" class="col-sm-4 control-label">期号</label>
  298. <div class="col-sm-8">
  299. <select class="form-control selectpicker" id="head_form_floor" data-live-search="true">
  300. <option value="0">请选择期号</option>
  301. </select>
  302. </div>
  303. </div>
  304. <div class="form-group">
  305. <label for="head_form_buildingnum" class="col-sm-4 control-label">楼号:</label>
  306. <div class="col-sm-8">
  307. <input type="text" class="form-control input-sm" id="head_form_buildingnum" placeholder="请输入楼号">
  308. </div>
  309. </div>
  310. <div class="form-group">
  311. <label for="head_form_unitnum" class="col-sm-4 control-label">单元号:</label>
  312. <div class="col-sm-8">
  313. <input type="text" class="form-control input-sm" id="head_form_unitnum" placeholder="请输入单元号">
  314. </div>
  315. </div>
  316. <div class="form-group">
  317. <label for="head_form_room" class="col-sm-4 control-label">房间号</label>
  318. <div class="col-sm-8" id="head_form_room">
  319. <input type="text" class="form-control" id="head_form_room_input" placeholder="请输入房间号如(1#666)">
  320. <select class="form-control selectpicker" id="head_form_room_select" data-live-search="true">
  321. </select>
  322. </div>
  323. </div> -->
  324. <div class="form-group">
  325. <label for="" class="col-sm-4 control-label">来电时间</label>
  326. <div class="col-sm-8">
  327. <span class="ldtime"></span>
  328. </div>
  329. </div>
  330. <div class="form-group text-center head_form_btn_save">
  331. <!-- <span id="head_form_btn_reset">清空</span> -->
  332. <span id="head_form_btn_save">保存联系人</span>
  333. </div>
  334. </div>
  335. <div class="head_customer_info clearfix">
  336. <!-- <div class="head_customer_info_title clearfix">
  337. <span class="info_title pull-left">相关联系人信息</span>
  338. <ul class="pagination pull-right" id="pagination"></ul>
  339. </div> -->
  340. <div class="head_customer_info_lists" id="head_customer_info">
  341. <!-- <div class="head_customer_info_item clearfix">
  342. <div class="head_customer_info_item_l pull-left">
  343. <p class="clearfix">
  344. <span>姓名</span>
  345. <span>幻雷</span>
  346. <span class="pull-right">15235457489</span>
  347. </p>
  348. <p>
  349. <span>项目</span>
  350. <span>绿地之窗A座</span>
  351. </p>
  352. <p>
  353. <span>房间</span>
  354. <span>2708</span>
  355. </p>
  356. </div>
  357. <div class="head_customer_info_item_r pull-left">
  358. <span>选择</span>
  359. </div>
  360. </div>
  361. <div class="head_customer_info_item clearfix head_customer_info_item_active">
  362. <div class="head_customer_info_item_l pull-left">
  363. <p class="clearfix">
  364. <span>姓名</span>
  365. <span>幻雷</span>
  366. <span class="pull-right">15235457489</span>
  367. </p>
  368. <p>
  369. <span>项目</span>
  370. <span>绿地之窗A座</span>
  371. </p>
  372. <p>
  373. <span>房间</span>
  374. <span>2708</span>
  375. </p>
  376. </div>
  377. <div class="head_customer_info_item_r pull-left">
  378. <span>添加</span>
  379. </div>
  380. </div> -->
  381. </div>
  382. <div class="pull-right" id="page_number"></div>
  383. </div>
  384. </div>
  385. </div>
  386. <!--右侧内容-->
  387. <div class="ldtp-cr col-sm-9">
  388. <ul class="ld-service clearfix">
  389. <li style="border-bottom:1px solid #1AB394;" class="cr-click">新增工单</li>
  390. <li style="border-bottom:1px solid #243747;">历史记录</li>
  391. <li style="border-bottom:1px solid #67aefe;" class="KF">历史工单</li>
  392. <li style="border-bottom:1px solid #243747;">客户信息</li>
  393. </ul>
  394. <div class="ld-sercon">
  395. <!--新增工单-->
  396. <div class="complain order_form" style="display:block;">
  397. <form class="form-inline clearfix" id="order_form">
  398. <div class="form-group col-md-12 clearfix">
  399. <label class="col-md-2">工单来源:</label>
  400. <div id="" class="col-md-10 r_order_type">
  401. <select name="" id="order_source" data-live-search="true">
  402. <option value="">请选择工单来源</option>
  403. </select>
  404. </div>
  405. </div>
  406. <div class="form-group col-md-12 clearfix">
  407. <label class="col-md-2">工单类型:</label>
  408. <div id="order_type" class="col-md-10 r_order_type">
  409. </div>
  410. </div>
  411. <!-- <div class="form-group col-md-12" id="order_handles">
  412. <label for="order_handle">业务办理:</label>
  413. <select class="form-control input-sm selectpicker" id="order_handle" data-live-search="true">
  414. <option value="0">请选择业务办理</option>
  415. </select>
  416. </div> -->
  417. <div class="col-md-12 row">
  418. <div class="form-group col-md-4" id="order_handles">
  419. <label for="order_handle">工单子类:</label>
  420. <select class="form-control input-sm selectpicker" id="order_godant" data-live-search="true">
  421. <option value="">请选择工单子类</option>
  422. </select>
  423. </div>
  424. <div class="form-group col-md-4">
  425. <label for="order_name">截止日期:</label>
  426. <i class="tub fa fa-calendar"></i>
  427. <input class="form-control search_time" type="text" id="sc_time" placeholder="请选择截止时间">
  428. </div>
  429. </div>
  430. <div class="col-md-12 row" style="position: relative;">
  431. <div class="form-group col-md-4">
  432. <label for="order_name">客户姓名:</label>
  433. <input type="text" class="form-control input-sm" id="order_name" placeholder="请输入客户姓名">
  434. </div>
  435. <div class="form-group col-md-4">
  436. <label for="order_tel">联系电话:</label>
  437. <input type="text" class="form-control input-sm" id="order_tel" placeholder="请输入联系电话" >
  438. </div>
  439. <!-- <div class="form-group col-md-4">
  440. <label for="order_company">公司名称:</label>
  441. <input type="text" class="form-control input-sm" id="order_company" placeholder="请输入公司名称">
  442. </div> -->
  443. </div>
  444. <div class="form-group col-md-12">
  445. <label for="order_reception">反馈内容:</label>
  446. <textarea id="order_reception" rows="3" cols="20" class="form-control" placeholder="请输入反馈内容"></textarea>
  447. </div>
  448. <div class=" form-group col-md-12 " style="margin:20px 0 0 -15px;">
  449. <label class="col-md-2" >附件:</label>
  450. <div id="imgPicker" class="apply_forms_file">+</div>
  451. <p class="help-block text-warning" style="display:inline-block;">
  452. <span id="fileNum">0</span>/6 每个文件大小不超过30M
  453. </p>
  454. <ul id="fileList" class="file_imgs clearfix">
  455. </ul>
  456. </div>
  457. <div class="form-group col-md-8 clearfix">
  458. <label class="col-md-2">工单有效性:</label>
  459. <div id="order_iseffective" class="r_order_type col-md-6">
  460. <label class="radio-inline">
  461. <input type="radio" name="radioOptions" value="0" checked="checked">有效
  462. </label>
  463. <label class="radio-inline">
  464. <input type="radio" name="radioOptions" value="1">无效
  465. </label>
  466. </div>
  467. </div>
  468. <div class="form-group col-md-12 order_note">
  469. <label for="order_note">无效原因:</label>
  470. <textarea id="order_note" rows="3" cols="20" class="form-control" placeholder="请输入无效原因"></textarea>
  471. </div>
  472. <div id="order_isover_box" class="form-group col-md-12 clearfix">
  473. <label class="col-md-2">立即处理:</label>
  474. <div id="order_isover" class="r_order_type col-md-10">
  475. <label class="radio-inline">
  476. <input type="radio" name="isoverOptions" value="1">是
  477. </label>
  478. <label class="radio-inline">
  479. <input type="radio" name="isoverOptions" value="0" checked="checked">否
  480. </label>
  481. </div>
  482. </div>
  483. <div class="col-md-12 clearfix order_transfer" id="order_transfer_depts">
  484. <div class="form-group drop_down col-md-4">
  485. <label for="order_transfer_dept">接收部门:</label>
  486. <input type="text" class="form-control input-sm" id="order_transfer_dept" data-id="0" placeholder="请选择部门" autocomplete="off" />
  487. <span class="caret"></span>
  488. <div id="reginsTreeView" class="hidden"></div>
  489. </div>
  490. <div class="form-group col-md-12">
  491. <label for="order_reception">指派说明:</label>
  492. <textarea id="order_zhipai" rows="3" cols="20" class="form-control" placeholder="请输入反馈内容"></textarea>
  493. </div>
  494. <!-- <div class="form-group col-md-4">
  495. <label for="order_receiveUser">接收人:</label>
  496. <select class="form-control input-sm selectpicker" id="order_receiveUser" data-live-search="true">
  497. <option value="0">请选择接收人</option>
  498. </select>
  499. </div> -->
  500. </div>
  501. <div class="form-group text-center col-sm-12">
  502. <button type="button" class="btn bton btn-sm" id="save_order">创建</button>
  503. <button type="button" class="btn bton btn-sm" onclick="cleanOrderForm()">清空</button>
  504. </div>
  505. </form>
  506. </div>
  507. <!--历史记录-->
  508. <div class="complain">
  509. <div class="ld-sercon-con clearfix">
  510. <div class="Ps-chaxun">
  511. <span>查询: <input type="text" id="old_startTime" class="laydate-icon" />&nbsp;——&nbsp;<input type="text" id="old_endTime" class="laydate-icon" /></span>
  512. <span itemtype="1" class="searchbtn"></span>
  513. </div>
  514. <div class="table-responsive col-sm-12" style="padding-left: 0;">
  515. <table id="oldlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  516. <thead>
  517. <tr>
  518. <th data-field="CallNumber" data-formatter="helper.filter.cutTel">电话号码</th>
  519. <th data-field="CallState" data-formatter="formatterCallState">呼叫状态</th>
  520. <th data-field="DealType" data-formatter="formatterDealType" data-align="center">处理方式</th>
  521. <th data-field="UserCode">坐席工号</th>
  522. <th data-field="UserName">坐席姓名</th>
  523. <th data-field="BeginTime">开始时间</th>
  524. <th data-field="TalkStartTime">通话开始时间</th>
  525. <th data-field="TalkEndTime">通话结束时间</th>
  526. <th data-field="TalkLongTime">通话时长(s)</th>
  527. <th data-field="FilePath" data-formatter="formatterRecord">录音</th>
  528. </tr>
  529. </thead>
  530. </table>
  531. </div>
  532. </div>
  533. </div>
  534. <!--历史工单-->
  535. <div class="complain">
  536. <div class="ld-sercon-con clearfix">
  537. <div class="Ps-chaxun">
  538. <span>查询: <input type="text" id="con_startTime" class="laydate-icon" />&nbsp;——&nbsp;<input type="text" id="con_endTime" class="laydate-icon" /></span>
  539. <span itemtype="2" class="searchbtn"></span>
  540. </div>
  541. <div id="zxlbs" class="table-responsive col-sm-12" style="padding-left: 0;">
  542. <table id="orderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  543. <thead>
  544. <tr>
  545. <th data-field="WorkOrderID" data-formatter="formatterWorkOrderID" data-align="center">工单编号</th>
  546. <th data-field="State" data-formatter="formatterState" data-width="110" data-align="center">工单状态</th>
  547. <th data-field="IsEffective" data-formatter="formatterIsEffective" data-align="center">工单有效性</th>
  548. <th data-field="GDLXName" data-align="center">工单类型</th>
  549. <th data-field="TypeClassName" data-align="center">业务办理</th>
  550. <th data-field="Customer" data-width="100" data-align="center">姓名</th>
  551. <th data-field="CustomerTel" data-formatter="helper.filter.cutTel" data-align="center">客户电话</th>
  552. <th data-field="County" data-formatter="" data-align="center">公司名称</th>
  553. <th data-field="ResponDeptName" data-formatter="" data-align="center">接收部门</th>
  554. <th data-field="AuditUserNameRel" data-formatter="formatterAuditUser" data-align="center">接收人</th>
  555. <th data-field="Detail" data-align="center" data-formatter="formatterDetail">反馈内容</th>
  556. <th data-field="CreateTime" data-align="center" data-width="150">创建时间</th>
  557. </tr>
  558. </thead>
  559. </table>
  560. </div>
  561. </div>
  562. </div>
  563. <!-- 客户信息 -->
  564. <div class="complain cusDetails">
  565. <div class="content_1 clearfix">
  566. <div class="shark_content_title clearfix">
  567. <span>基本信息</span>
  568. </div>
  569. <ul class="clearfix form-inline cus_base">
  570. <li class="col-md-3 col-sm-4">
  571. <label for="customer_code">客户编号:</label>
  572. <span id="customer_code"></span>
  573. </li>
  574. <li class="col-md-3 col-sm-4">
  575. <label for="customer_companyname">公司名称:</label>
  576. <span id="customer_companyname"></span>
  577. </li>
  578. <li class="col-md-3 col-sm-4">
  579. <label for="customer_comaddress">公司地址:</label>
  580. <span id="customer_comaddress"></span>
  581. </li>
  582. <li class="col-md-3 col-sm-4">
  583. <label for="customer_legalName">法人姓名:</label>
  584. <span id="customer_legalName"></span>
  585. </li>
  586. <li class="col-md-3 col-sm-4">
  587. <label for="customer_lehalTel">法人电话:</label>
  588. <span id="customer_lehalTel"></span>
  589. </li>
  590. <li class="col-md-3 col-sm-4">
  591. <label for="customer_subtrade">所属行业:</label>
  592. <span id="customer_subtrade"></span>
  593. </li>
  594. <li class="col-md-3 col-sm-4">
  595. <label for="customer_taxCategory">税务类别:</label>
  596. <span id="customer_taxCategory"></span>
  597. </li>
  598. <li class="col-md-3 col-sm-4">
  599. <label for="customer_invoiceRange">开票范围:</label>
  600. <span id="customer_invoiceRange"></span>
  601. </li>
  602. <li class="col-md-3 col-sm-4">
  603. <label for="customer_taxPointDes">税点描述:</label>
  604. <span id="customer_taxPointDes"></span>
  605. </li>
  606. <li class="col-md-3 col-sm-4">
  607. <label for="customer_layer">客户信誉等:</label>
  608. <span id="customer_layer"></span>
  609. </li>
  610. <li class="col-md-3 col-sm-4">
  611. <label for="customer_bedept">客户归属部门:</label>
  612. <span id="customer_bedept"></span>
  613. </li>
  614. <li class="col-md-3 col-sm-4">
  615. <label for="customer_berelatedAcc">客户归属涉税会计:</label>
  616. <span id="customer_berelatedAcc"></span>
  617. </li>
  618. <li class="col-md-3 col-sm-4">
  619. <label for="customer_beauditAcc">客户归属审核会计:</label>
  620. <span id="customer_beauditAcc"></span>
  621. </li>
  622. <li class="col-md-3 col-sm-4">
  623. <label for="customer_bemakeAcc">客户归属做账会计:</label>
  624. <span id="customer_bemakeAcc"></span>
  625. </li>
  626. <li class="col-md-3 col-sm-4">
  627. <label for="customer_LegalIDCards">法人身份证:</label>
  628. <span id="customer_LegalIDCards"></span>
  629. </li>
  630. <li class="col-md-3 col-sm-4">
  631. <label for="customer_Qualification">企业资质荣誉:</label>
  632. <span id="customer_Qualification"></span>
  633. </li>
  634. <li class="col-md-3 col-sm-4">
  635. <label for="customer_FinancialManager">客户公司财务负责人:</label>
  636. <span id="customer_FinancialManager"></span>
  637. </li>
  638. <li class="col-md-3 col-sm-4">
  639. <label for="customer_BusinessOwner">客户归属业务负责人:</label>
  640. <span id="customer_BusinessOwner"></span>
  641. </li>
  642. <li class="col-md-3 col-sm-4">
  643. <label for="customer_service">客服:</label>
  644. <span id="customer_service"></span>
  645. </li>
  646. <li class="col-md-3 col-sm-4">
  647. <label for="customer_handoverDate">交接日期:</label>
  648. <span id="customer_handoverDate"></span>
  649. </li>
  650. <li class="col-md-3 col-sm-4">
  651. <label for="customer_isbankSlips">是否需要去银行拿回单(一般纳税人):</label>
  652. <span id="customer_isbankSlips"></span>
  653. </li>
  654. <li class="col-md-12 col-sm-12">
  655. <label for="customer_RegisteredAddress">注册地址:</label>
  656. <span id="customer_RegisteredAddress"></span>
  657. </li>
  658. <li class="col-md-12 col-sm-12">
  659. <label for="customer_address">联系地址:</label>
  660. <span id="customer_address"></span>
  661. </li>
  662. <li class="col-md-12 col-sm-12">
  663. <label for="customer_address1">联系地址1:</label>
  664. <span id="customer_address1"></span>
  665. </li>
  666. <li class="col-md-12 col-sm-12">
  667. <label for="customer_address2">联系地址2:</label>
  668. <span id="customer_address2"></span>
  669. </li>
  670. <li class="col-md-12 col-sm-12">
  671. <label for="customer_address3">联系地址3:</label>
  672. <span id="customer_address3"></span>
  673. </li>
  674. <li class="col-md-12 col-sm-12">
  675. <label for="customer_address4">联系地址4:</label>
  676. <span id="customer_address4"></span>
  677. </li>
  678. <li class="col-md-12 col-sm-12">
  679. <label for="customer_Remark1">备注1:</label>
  680. <span id="customer_Remark1"></span>
  681. </li>
  682. <li class="col-md-12 col-sm-12">
  683. <label for="customer_Remark2">备注2:</label>
  684. <span id="customer_Remark2"></span>
  685. </li>
  686. <li class="col-md-12 col-sm-12">
  687. <label for="customer_Remark3">备注3:</label>
  688. <span id="customer_Remark3"></span>
  689. </li>
  690. </ul>
  691. </div>
  692. <div class="content_1 clearfix">
  693. <div class="shark_content_title clearfix">
  694. <span>财税情况</span>
  695. <a id="btn_editTax" style="display: none;" href="javascript:;" class="aBtn pull-right" onclick="btn_editTax()" title="修改财税情况">修改</a>
  696. </div>
  697. <ul class="clearfix form-inline cus_base">
  698. <li class="col-md-3 col-sm-4">
  699. <label for="tax_code">客户编号:</label>
  700. <span id="tax_code"></span>
  701. </li>
  702. <li class="col-md-3 col-sm-4">
  703. <label for="tax_MonthState">本月财税情况:</label>
  704. <span id="tax_MonthState"></span>
  705. </li>
  706. <li class="col-md-3 col-sm-4">
  707. <label for="tax_AnnualIncome">本年收入(元):</label>
  708. <span id="tax_AnnualIncome"></span>
  709. </li>
  710. <li class="col-md-3 col-sm-4">
  711. <label for="tax_AnnualProfit">本年利润:</label>
  712. <span id="tax_AnnualProfit"></span>
  713. </li>
  714. <li class="col-md-3 col-sm-4">
  715. <label for="tax_AnnualCost">本年费用:</label>
  716. <span id="tax_AnnualCost"></span>
  717. </li>
  718. <li class="col-md-3 col-sm-4">
  719. <label for="tax_AnnualPersonCount">本年人数:</label>
  720. <span id="tax_AnnualPersonCount"></span>
  721. </li>
  722. <li class="col-md-3 col-sm-4">
  723. <label for="tax_AnnualWages">本年工资:</label>
  724. <span id="tax_AnnualWages"></span>
  725. </li>
  726. <li class="col-md-3 col-sm-4">
  727. <label for="tax_QuarterlyCost">本季费用:</label>
  728. <span id="tax_QuarterlyCost"></span>
  729. </li>
  730. <li class="col-md-3 col-sm-4">
  731. <label for="tax_QuarterlyPersonCount">本季人数:</label>
  732. <span id="tax_QuarterlyPersonCount"></span>
  733. </li>
  734. <li class="col-md-3 col-sm-4">
  735. <label for="tax_QuarterlyWages">本季工资:</label>
  736. <span id="tax_QuarterlyWages"></span>
  737. </li>
  738. <li class="col-md-3 col-sm-4">
  739. <label for="tax_QuarterlyIncome">本季收入:</label>
  740. <span id="tax_QuarterlyIncome"></span>
  741. </li>
  742. <li class="col-md-3 col-sm-4">
  743. <label for="tax_QPVAT">本季应交税额-增值税:</label>
  744. <span id="tax_QPVAT"></span>
  745. </li>
  746. <li class="col-md-3 col-sm-4">
  747. <label for="tax_QPSurtax">本季应交税额-附加税:</label>
  748. <span id="tax_QPSurtax"></span>
  749. </li>
  750. <li class="col-md-3 col-sm-4">
  751. <label for="tax_QPTaxes">本季应交税额-企业所得税:</label>
  752. <span id="tax_QPTaxes"></span>
  753. </li>
  754. <li class="col-md-3 col-sm-4">
  755. <label for="tax_QPConTax">本季应交税额-文化事业建设税:</label>
  756. <span id="tax_QPConTax"></span>
  757. </li>
  758. <li class="col-md-3 col-sm-4">
  759. <label for="tax_QPPerinTax">本季应交税额-个税:</label>
  760. <span id="tax_QPPerinTax"></span>
  761. </li>
  762. <li class="col-md-3 col-sm-4">
  763. <label for="tax_QPStampTax">本季应交税额-其他税额:</label>
  764. <span id="tax_QPStampTax"></span>
  765. </li>
  766. </ul>
  767. </div>
  768. <div class="content_1 clearfix" id="conectLits" style="display: none;">
  769. <div class="shark_content_title clearfix">
  770. <span>联系人信息</span>
  771. </div>
  772. <ul class="form-inline cus_base" id="cusLists">
  773. <div class="clearfix cusListItem">
  774. <a href="javascript:;" class="aBtn" onclick="btn_edit('1')" title="修改">修改</a>
  775. <a href="javascript:;" class="aBtn aBtn1" onclick="btn_delete('1')" title="删除">删除</a>
  776. <li class="col-md-3 col-sm-4">
  777. <label>姓名:</label>
  778. <span></span>
  779. </li>
  780. <li class="col-md-3 col-sm-4">
  781. <label for="customer_bemakeAcc">电话:</label>
  782. <span id="customer_bemakeAcc"></span>
  783. </li>
  784. <li class="col-md-3 col-sm-4">
  785. <label for="customer_bemakeAcc">邮箱:</label>
  786. <span id="customer_bemakeAcc"></span>
  787. </li>
  788. <li class="col-md-3 col-sm-4">
  789. <label for="customer_bemakeAcc">职务:</label>
  790. <span id="customer_bemakeAcc"></span>
  791. </li>
  792. <li class="col-md-3 col-sm-4">
  793. <label for="customer_bemakeAcc">QQ:</label>
  794. <span id="customer_bemakeAcc"></span>
  795. </li>
  796. <li class="col-md-3 col-sm-4">
  797. <label for="customer_bemakeAcc">MSN:</label>
  798. <span id="customer_bemakeAcc"></span>
  799. </li>
  800. <li class="col-md-12 col-sm-12">
  801. <label for="customer_bemakeAcc">备注:</label>
  802. <span id="customer_bemakeAcc"></span>
  803. </li>
  804. <li class="col-md-12 col-sm-12">
  805. <label for="customer_F_IsMain">是否主要联系人:</label>
  806. <span id="customer_F_IsMain"></span>
  807. </li>
  808. </div>
  809. </ul>
  810. </div>
  811. </div>
  812. </div>
  813. <!--右侧下方内容区-->
  814. <div class="ldcr-bottom" style="margin-top:10px;">
  815. <div class="ldcrb-top clearfix">
  816. <ul class="clearfix">
  817. <li style="border-bottom:1px solid #69cbd0; background: #000;color: #fff;">知识库</li>
  818. </ul>
  819. <div class="ld-search">
  820. <div class="sear-inp">
  821. <input type="text" class="search" placeholder="搜索问题、内容或者标题" />
  822. </div>
  823. <div class="searIcon">
  824. </div>
  825. </div>
  826. </div>
  827. <div class="detail-con">
  828. <ul></ul>
  829. </div>
  830. </div>
  831. </div>
  832. </div>
  833. <!--来电弹屏结束-->
  834. <!--下载框-->
  835. <div class="t-shade">
  836. <div class="shade_k">
  837. <div class="shade_title">
  838. <span>录音播放与下载<srong class="cknum"></srong></span>
  839. <span class="setwin"><a>x</a></span>
  840. </div>
  841. <div class="shade_content">
  842. <div class="Ly_box audiojs">
  843. </div>
  844. </div>
  845. </div>
  846. </div>
  847. </div>
  848. <script src="../js/autosize/autosize.min.js"></script>
  849. <script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
  850. <script src="../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>
  851. <script src="../js/bootstrap-treeview/bootstrap-treeview.min.js"></script>
  852. <script src="../js/jqpaginator/jqpaginator.min.js" type="text/javascript"></script>
  853. <script src="../js/laydate/laydate.js"></script>
  854. <script src="../js/webuploader/webuploader.min.js"></script>
  855. <script src="../Script/Common/regexs.js"></script>
  856. <script src="../js/main.js?v=1.5"></script>
  857. <script src="call.js"></script>
  858. </body>
  859. </html>