郑州颐和随访系统UI

callScreen.html 47KB

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