开封利通水务前端

callScreen.html 34KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898
  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"></select>
  402. </div>
  403. </div>
  404. <div class="form-group col-md-12 clearfix">
  405. <label class="col-md-2">工单类型:</label>
  406. <div id="order_type" class="col-md-10 r_order_type">
  407. </div>
  408. </div>
  409. <!-- <div class="form-group col-md-12" id="order_handles">
  410. <label for="order_handle">业务办理:</label>
  411. <select class="form-control input-sm selectpicker" id="order_handle" data-live-search="true">
  412. <option value="0">请选择业务办理</option>
  413. </select>
  414. </div> -->
  415. <div class="col-md-12 row">
  416. <div class="form-group col-md-4" id="order_handles">
  417. <label for="order_handle">工单子类:</label>
  418. <select class="form-control input-sm selectpicker" id="order_godant" data-live-search="true">
  419. <option value="">请选择工单子类</option>
  420. </select>
  421. </div>
  422. <div class="form-group col-md-4">
  423. <label for="order_name">截止日期:</label>
  424. <i class="tub fa fa-calendar"></i>
  425. <input class="form-control search_time" type="text" id="sc_time" placeholder="请选择截止时间">
  426. </div>
  427. </div>
  428. <div class="col-md-12 row" style="position: relative;">
  429. <div class="form-group col-md-4">
  430. <label for="order_name">客户姓名:</label>
  431. <input type="text" class="form-control input-sm" id="order_name" placeholder="请输入客户姓名">
  432. </div>
  433. <div class="form-group col-md-4">
  434. <label for="order_tel">联系电话:</label>
  435. <input type="text" class="form-control input-sm" id="order_tel" placeholder="请输入联系电话" >
  436. </div>
  437. <!-- <div class="form-group col-md-4">
  438. <label for="order_company">公司名称:</label>
  439. <input type="text" class="form-control input-sm" id="order_company" placeholder="请输入公司名称">
  440. </div> -->
  441. </div>
  442. <div class="form-group col-md-12">
  443. <label for="order_reception">反馈内容:</label>
  444. <textarea id="order_reception" rows="3" cols="20" class="form-control" placeholder="请输入反馈内容"></textarea>
  445. </div>
  446. <div class=" form-group col-md-12 " style="margin:20px 0 0 -15px;">
  447. <label class="col-md-2" >附件:</label>
  448. <div id="imgPicker" class="apply_forms_file">+</div>
  449. <p class="help-block text-warning" style="display:inline-block;">
  450. <span id="fileNum">0</span>/6 每个文件大小不超过30M
  451. </p>
  452. <ul id="fileList" class="file_imgs clearfix">
  453. </ul>
  454. </div>
  455. <div class="form-group col-md-8 clearfix">
  456. <label class="col-md-2">工单有效性:</label>
  457. <div id="order_iseffective" class="r_order_type col-md-6">
  458. <label class="radio-inline">
  459. <input type="radio" name="radioOptions" value="0" checked="checked">有效
  460. </label>
  461. <label class="radio-inline">
  462. <input type="radio" name="radioOptions" value="1">无效
  463. </label>
  464. </div>
  465. </div>
  466. <div class="form-group col-md-12 order_note">
  467. <label for="order_note">无效原因:</label>
  468. <textarea id="order_note" rows="3" cols="20" class="form-control" placeholder="请输入无效原因"></textarea>
  469. </div>
  470. <div id="order_isover_box" class="form-group col-md-12 clearfix">
  471. <label class="col-md-2">立即处理:</label>
  472. <div id="order_isover" class="r_order_type col-md-10">
  473. <label class="radio-inline">
  474. <input type="radio" name="isoverOptions" value="1">是
  475. </label>
  476. <label class="radio-inline">
  477. <input type="radio" name="isoverOptions" value="0" checked="checked">否
  478. </label>
  479. </div>
  480. </div>
  481. <div class="col-md-12 clearfix order_transfer" id="order_transfer_depts">
  482. <div class="form-group drop_down col-md-4">
  483. <label for="order_transfer_dept">接收部门:</label>
  484. <input type="text" class="form-control input-sm" id="order_transfer_dept" data-id="0" placeholder="请选择部门" autocomplete="off" />
  485. <span class="caret"></span>
  486. <div id="reginsTreeView" class="hidden"></div>
  487. </div>
  488. <!-- <div class="form-group col-md-4">
  489. <label for="order_receiveUser">接收人:</label>
  490. <select class="form-control input-sm selectpicker" id="order_receiveUser" data-live-search="true">
  491. <option value="0">请选择接收人</option>
  492. </select>
  493. </div> -->
  494. </div>
  495. <div class="form-group text-center col-sm-12">
  496. <button type="button" class="btn bton btn-sm" id="save_order">创建</button>
  497. <button type="button" class="btn bton btn-sm" onclick="cleanOrderForm()">清空</button>
  498. </div>
  499. </form>
  500. </div>
  501. <!--历史记录-->
  502. <div class="complain">
  503. <div class="ld-sercon-con clearfix">
  504. <div class="Ps-chaxun">
  505. <span>查询: <input type="text" id="old_startTime" class="laydate-icon" />&nbsp;——&nbsp;<input type="text" id="old_endTime" class="laydate-icon" /></span>
  506. <span itemtype="1" class="searchbtn"></span>
  507. </div>
  508. <div class="table-responsive col-sm-12" style="padding-left: 0;">
  509. <table id="oldlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  510. <thead>
  511. <tr>
  512. <th data-field="CallNumber" data-formatter="helper.filter.cutTel">电话号码</th>
  513. <th data-field="CallState" data-formatter="formatterCallState">呼叫状态</th>
  514. <th data-field="DealType" data-formatter="formatterDealType" data-align="center">处理方式</th>
  515. <th data-field="UserCode">坐席工号</th>
  516. <th data-field="UserName">坐席姓名</th>
  517. <th data-field="BeginTime">开始时间</th>
  518. <th data-field="TalkStartTime">通话开始时间</th>
  519. <th data-field="TalkEndTime">通话结束时间</th>
  520. <th data-field="TalkLongTime">通话时长(s)</th>
  521. <th data-field="FilePath" data-formatter="formatterRecord">录音</th>
  522. </tr>
  523. </thead>
  524. </table>
  525. </div>
  526. </div>
  527. </div>
  528. <!--历史工单-->
  529. <div class="complain">
  530. <div class="ld-sercon-con clearfix">
  531. <div class="Ps-chaxun">
  532. <span>查询: <input type="text" id="con_startTime" class="laydate-icon" />&nbsp;——&nbsp;<input type="text" id="con_endTime" class="laydate-icon" /></span>
  533. <span itemtype="2" class="searchbtn"></span>
  534. </div>
  535. <div id="zxlbs" class="table-responsive col-sm-12" style="padding-left: 0;">
  536. <table id="orderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  537. <thead>
  538. <tr>
  539. <th data-field="WorkOrderID" data-formatter="formatterWorkOrderID" data-align="center">工单编号</th>
  540. <th data-field="State" data-formatter="formatterState" data-width="110" data-align="center">工单状态</th>
  541. <th data-field="IsEffective" data-formatter="formatterIsEffective" data-align="center">工单有效性</th>
  542. <th data-field="GDLXName" data-align="center">工单类型</th>
  543. <th data-field="TypeClassName" data-align="center">业务办理</th>
  544. <th data-field="Customer" data-width="100" data-align="center">姓名</th>
  545. <th data-field="CustomerTel" data-formatter="helper.filter.cutTel" data-align="center">客户电话</th>
  546. <th data-field="County" data-formatter="" data-align="center">公司名称</th>
  547. <th data-field="ResponDeptName" data-formatter="" data-align="center">接收部门</th>
  548. <th data-field="AuditUserNameRel" data-formatter="formatterAuditUser" data-align="center">接收人</th>
  549. <th data-field="Detail" data-align="center" data-formatter="formatterDetail">反馈内容</th>
  550. <th data-field="CreateTime" data-align="center" data-width="150">创建时间</th>
  551. </tr>
  552. </thead>
  553. </table>
  554. </div>
  555. </div>
  556. </div>
  557. <!-- 客户信息 -->
  558. <div class="complain cusDetails">
  559. <div class="content_1 clearfix">
  560. <div class="shark_content_title clearfix">
  561. <span>基本信息</span>
  562. </div>
  563. <ul class="clearfix form-inline cus_base">
  564. <li class="col-md-3 col-sm-4">
  565. <label for="customer_code">客户编号:</label>
  566. <span id="customer_code"></span>
  567. </li>
  568. <li class="col-md-3 col-sm-4">
  569. <label for="customer_companyname">公司名称:</label>
  570. <span id="customer_companyname"></span>
  571. </li>
  572. <li class="col-md-3 col-sm-4">
  573. <label for="customer_comaddress">公司地址:</label>
  574. <span id="customer_comaddress"></span>
  575. </li>
  576. <li class="col-md-3 col-sm-4">
  577. <label for="customer_legalName">法人姓名:</label>
  578. <span id="customer_legalName"></span>
  579. </li>
  580. <li class="col-md-3 col-sm-4">
  581. <label for="customer_lehalTel">法人电话:</label>
  582. <span id="customer_lehalTel"></span>
  583. </li>
  584. <li class="col-md-3 col-sm-4">
  585. <label for="customer_subtrade">所属行业:</label>
  586. <span id="customer_subtrade"></span>
  587. </li>
  588. <li class="col-md-3 col-sm-4">
  589. <label for="customer_taxCategory">税务类别:</label>
  590. <span id="customer_taxCategory"></span>
  591. </li>
  592. <li class="col-md-3 col-sm-4">
  593. <label for="customer_invoiceRange">开票范围:</label>
  594. <span id="customer_invoiceRange"></span>
  595. </li>
  596. <li class="col-md-3 col-sm-4">
  597. <label for="customer_taxPointDes">税点描述:</label>
  598. <span id="customer_taxPointDes"></span>
  599. </li>
  600. <li class="col-md-3 col-sm-4">
  601. <label for="customer_layer">客户信誉等:</label>
  602. <span id="customer_layer"></span>
  603. </li>
  604. <li class="col-md-3 col-sm-4">
  605. <label for="customer_bedept">客户归属部门:</label>
  606. <span id="customer_bedept"></span>
  607. </li>
  608. <li class="col-md-3 col-sm-4">
  609. <label for="customer_berelatedAcc">客户归属涉税会计:</label>
  610. <span id="customer_berelatedAcc"></span>
  611. </li>
  612. <li class="col-md-3 col-sm-4">
  613. <label for="customer_beauditAcc">客户归属审核会计:</label>
  614. <span id="customer_beauditAcc"></span>
  615. </li>
  616. <li class="col-md-3 col-sm-4">
  617. <label for="customer_bemakeAcc">客户归属做账会计:</label>
  618. <span id="customer_bemakeAcc"></span>
  619. </li>
  620. <li class="col-md-3 col-sm-4">
  621. <label for="customer_LegalIDCards">法人身份证:</label>
  622. <span id="customer_LegalIDCards"></span>
  623. </li>
  624. <li class="col-md-3 col-sm-4">
  625. <label for="customer_Qualification">企业资质荣誉:</label>
  626. <span id="customer_Qualification"></span>
  627. </li>
  628. <li class="col-md-3 col-sm-4">
  629. <label for="customer_FinancialManager">客户公司财务负责人:</label>
  630. <span id="customer_FinancialManager"></span>
  631. </li>
  632. <li class="col-md-3 col-sm-4">
  633. <label for="customer_BusinessOwner">客户归属业务负责人:</label>
  634. <span id="customer_BusinessOwner"></span>
  635. </li>
  636. <li class="col-md-3 col-sm-4">
  637. <label for="customer_service">客服:</label>
  638. <span id="customer_service"></span>
  639. </li>
  640. <li class="col-md-3 col-sm-4">
  641. <label for="customer_handoverDate">交接日期:</label>
  642. <span id="customer_handoverDate"></span>
  643. </li>
  644. <li class="col-md-3 col-sm-4">
  645. <label for="customer_isbankSlips">是否需要去银行拿回单(一般纳税人):</label>
  646. <span id="customer_isbankSlips"></span>
  647. </li>
  648. <li class="col-md-12 col-sm-12">
  649. <label for="customer_RegisteredAddress">注册地址:</label>
  650. <span id="customer_RegisteredAddress"></span>
  651. </li>
  652. <li class="col-md-12 col-sm-12">
  653. <label for="customer_address">联系地址:</label>
  654. <span id="customer_address"></span>
  655. </li>
  656. <li class="col-md-12 col-sm-12">
  657. <label for="customer_address1">联系地址1:</label>
  658. <span id="customer_address1"></span>
  659. </li>
  660. <li class="col-md-12 col-sm-12">
  661. <label for="customer_address2">联系地址2:</label>
  662. <span id="customer_address2"></span>
  663. </li>
  664. <li class="col-md-12 col-sm-12">
  665. <label for="customer_address3">联系地址3:</label>
  666. <span id="customer_address3"></span>
  667. </li>
  668. <li class="col-md-12 col-sm-12">
  669. <label for="customer_address4">联系地址4:</label>
  670. <span id="customer_address4"></span>
  671. </li>
  672. <li class="col-md-12 col-sm-12">
  673. <label for="customer_Remark1">备注1:</label>
  674. <span id="customer_Remark1"></span>
  675. </li>
  676. <li class="col-md-12 col-sm-12">
  677. <label for="customer_Remark2">备注2:</label>
  678. <span id="customer_Remark2"></span>
  679. </li>
  680. <li class="col-md-12 col-sm-12">
  681. <label for="customer_Remark3">备注3:</label>
  682. <span id="customer_Remark3"></span>
  683. </li>
  684. </ul>
  685. </div>
  686. <div class="content_1 clearfix">
  687. <div class="shark_content_title clearfix">
  688. <span>财税情况</span>
  689. <a id="btn_editTax" style="display: none;" href="javascript:;" class="aBtn pull-right" onclick="btn_editTax()" title="修改财税情况">修改</a>
  690. </div>
  691. <ul class="clearfix form-inline cus_base">
  692. <li class="col-md-3 col-sm-4">
  693. <label for="tax_code">客户编号:</label>
  694. <span id="tax_code"></span>
  695. </li>
  696. <li class="col-md-3 col-sm-4">
  697. <label for="tax_MonthState">本月财税情况:</label>
  698. <span id="tax_MonthState"></span>
  699. </li>
  700. <li class="col-md-3 col-sm-4">
  701. <label for="tax_AnnualIncome">本年收入(元):</label>
  702. <span id="tax_AnnualIncome"></span>
  703. </li>
  704. <li class="col-md-3 col-sm-4">
  705. <label for="tax_AnnualProfit">本年利润:</label>
  706. <span id="tax_AnnualProfit"></span>
  707. </li>
  708. <li class="col-md-3 col-sm-4">
  709. <label for="tax_AnnualCost">本年费用:</label>
  710. <span id="tax_AnnualCost"></span>
  711. </li>
  712. <li class="col-md-3 col-sm-4">
  713. <label for="tax_AnnualPersonCount">本年人数:</label>
  714. <span id="tax_AnnualPersonCount"></span>
  715. </li>
  716. <li class="col-md-3 col-sm-4">
  717. <label for="tax_AnnualWages">本年工资:</label>
  718. <span id="tax_AnnualWages"></span>
  719. </li>
  720. <li class="col-md-3 col-sm-4">
  721. <label for="tax_QuarterlyCost">本季费用:</label>
  722. <span id="tax_QuarterlyCost"></span>
  723. </li>
  724. <li class="col-md-3 col-sm-4">
  725. <label for="tax_QuarterlyPersonCount">本季人数:</label>
  726. <span id="tax_QuarterlyPersonCount"></span>
  727. </li>
  728. <li class="col-md-3 col-sm-4">
  729. <label for="tax_QuarterlyWages">本季工资:</label>
  730. <span id="tax_QuarterlyWages"></span>
  731. </li>
  732. <li class="col-md-3 col-sm-4">
  733. <label for="tax_QuarterlyIncome">本季收入:</label>
  734. <span id="tax_QuarterlyIncome"></span>
  735. </li>
  736. <li class="col-md-3 col-sm-4">
  737. <label for="tax_QPVAT">本季应交税额-增值税:</label>
  738. <span id="tax_QPVAT"></span>
  739. </li>
  740. <li class="col-md-3 col-sm-4">
  741. <label for="tax_QPSurtax">本季应交税额-附加税:</label>
  742. <span id="tax_QPSurtax"></span>
  743. </li>
  744. <li class="col-md-3 col-sm-4">
  745. <label for="tax_QPTaxes">本季应交税额-企业所得税:</label>
  746. <span id="tax_QPTaxes"></span>
  747. </li>
  748. <li class="col-md-3 col-sm-4">
  749. <label for="tax_QPConTax">本季应交税额-文化事业建设税:</label>
  750. <span id="tax_QPConTax"></span>
  751. </li>
  752. <li class="col-md-3 col-sm-4">
  753. <label for="tax_QPPerinTax">本季应交税额-个税:</label>
  754. <span id="tax_QPPerinTax"></span>
  755. </li>
  756. <li class="col-md-3 col-sm-4">
  757. <label for="tax_QPStampTax">本季应交税额-其他税额:</label>
  758. <span id="tax_QPStampTax"></span>
  759. </li>
  760. </ul>
  761. </div>
  762. <div class="content_1 clearfix" id="conectLits" style="display: none;">
  763. <div class="shark_content_title clearfix">
  764. <span>联系人信息</span>
  765. </div>
  766. <ul class="form-inline cus_base" id="cusLists">
  767. <div class="clearfix cusListItem">
  768. <a href="javascript:;" class="aBtn" onclick="btn_edit('1')" title="修改">修改</a>
  769. <a href="javascript:;" class="aBtn aBtn1" onclick="btn_delete('1')" title="删除">删除</a>
  770. <li class="col-md-3 col-sm-4">
  771. <label>姓名:</label>
  772. <span></span>
  773. </li>
  774. <li class="col-md-3 col-sm-4">
  775. <label for="customer_bemakeAcc">电话:</label>
  776. <span id="customer_bemakeAcc"></span>
  777. </li>
  778. <li class="col-md-3 col-sm-4">
  779. <label for="customer_bemakeAcc">邮箱:</label>
  780. <span id="customer_bemakeAcc"></span>
  781. </li>
  782. <li class="col-md-3 col-sm-4">
  783. <label for="customer_bemakeAcc">职务:</label>
  784. <span id="customer_bemakeAcc"></span>
  785. </li>
  786. <li class="col-md-3 col-sm-4">
  787. <label for="customer_bemakeAcc">QQ:</label>
  788. <span id="customer_bemakeAcc"></span>
  789. </li>
  790. <li class="col-md-3 col-sm-4">
  791. <label for="customer_bemakeAcc">MSN:</label>
  792. <span id="customer_bemakeAcc"></span>
  793. </li>
  794. <li class="col-md-12 col-sm-12">
  795. <label for="customer_bemakeAcc">备注:</label>
  796. <span id="customer_bemakeAcc"></span>
  797. </li>
  798. <li class="col-md-12 col-sm-12">
  799. <label for="customer_F_IsMain">是否主要联系人:</label>
  800. <span id="customer_F_IsMain"></span>
  801. </li>
  802. </div>
  803. </ul>
  804. </div>
  805. </div>
  806. </div>
  807. <!--右侧下方内容区-->
  808. <div class="ldcr-bottom" style="margin-top:10px;">
  809. <div class="ldcrb-top clearfix">
  810. <ul class="clearfix">
  811. <li style="border-bottom:1px solid #69cbd0; background: #000;color: #fff;">知识库</li>
  812. </ul>
  813. <div class="ld-search">
  814. <div class="sear-inp">
  815. <input type="text" class="search" placeholder="搜索问题、内容或者标题" />
  816. </div>
  817. <div class="searIcon">
  818. </div>
  819. </div>
  820. </div>
  821. <div class="detail-con">
  822. <ul></ul>
  823. </div>
  824. </div>
  825. </div>
  826. </div>
  827. <!--来电弹屏结束-->
  828. <!--下载框-->
  829. <div class="t-shade">
  830. <div class="shade_k">
  831. <div class="shade_title">
  832. <span>录音播放与下载<srong class="cknum"></srong></span>
  833. <span class="setwin"><a>x</a></span>
  834. </div>
  835. <div class="shade_content">
  836. <div class="Ly_box audiojs">
  837. </div>
  838. </div>
  839. </div>
  840. </div>
  841. </div>
  842. <script src="../js/autosize/autosize.min.js"></script>
  843. <script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
  844. <script src="../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>
  845. <script src="../js/bootstrap-treeview/bootstrap-treeview.min.js"></script>
  846. <script src="../js/jqpaginator/jqpaginator.min.js" type="text/javascript"></script>
  847. <script src="../js/laydate/laydate.js"></script>
  848. <script src="../js/webuploader/webuploader.min.js"></script>
  849. <script src="../Script/Common/regexs.js"></script>
  850. <script src="../js/main.js?v=1.5"></script>
  851. <script src="call.js"></script>
  852. </body>
  853. </html>