地铁二期项目正式开始

CallScreenAgo.cshtml 38KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988
  1. @using YTSoft.BaseCallCenter.MVCWeb.Models;
  2. @using YTSoft.BaseCallCenter.Model;
  3. <!DOCTYPE html>
  4. <html>
  5. <head>
  6. <title>来电弹屏</title>
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8. <link href="/Content/layui/css/layui.css" rel="stylesheet" />
  9. <link href="/Content/css/public.css" rel="stylesheet" />
  10. <link href="/Content/css/callscreen/callscreen.css" rel="stylesheet" />
  11. <link href="/Content/layui/css/modules/layui-icon-extend/iconfont.css" type="text/css" rel=" stylesheet" />
  12. <link href="/Content/css/font-awesome/css/font-awesome.min.css" type="text/css" rel=" stylesheet" />
  13. <script src="/Content/js/jquery-1.8.3.min.js"></script>
  14. <style>
  15. .maskTask {
  16. width: 100%;
  17. position: fixed;
  18. opacity: .5;
  19. left: 0;
  20. top: 0;
  21. height: 100%;
  22. z-index: 1;
  23. background-color: #000;
  24. display: none;
  25. }
  26. .telLine {
  27. display: none;
  28. position: fixed;
  29. text-align: center;
  30. left: 0;
  31. right: 0;
  32. top: 0;
  33. bottom: 0;
  34. margin: auto;
  35. background: #ffffff;
  36. width: 400px;
  37. height: 200px;
  38. font-size: 16px;
  39. z-index: 11;
  40. color: #000000;
  41. border: 1px solid #cccccc;
  42. overflow: hidden;
  43. }
  44. .closeBtn {
  45. font-size: 26px;
  46. font-weight: bold;
  47. color: #000000;
  48. position: absolute;
  49. top: 0px;
  50. right: 15px;
  51. z-index: 12;
  52. }
  53. .telLine li {
  54. width: 40%;
  55. line-height: 30px;
  56. margin: 15px 5%;
  57. line-height: 40px;
  58. float: left;
  59. cursor: pointer;
  60. background: #1E9FFF;
  61. color: #ffffff;
  62. }
  63. .title {
  64. width: 100%;
  65. height: 40px;
  66. line-height: 40px;
  67. text-align: center;
  68. background-color: #F8F8F8;
  69. border-bottom: 1px solid #eee;
  70. font-size: 20px;
  71. font-weight: bold;
  72. position: relative;
  73. }
  74. .telLine li:hover {
  75. display: block;
  76. background: #00FFFF;
  77. }
  78. .fastReply {
  79. position: fixed;
  80. top: 50%;
  81. right: 0px;
  82. background: #01a1cb;
  83. padding: 10px 15px;
  84. color: #ffffff;
  85. cursor: pointer;
  86. }
  87. .quick-head .tag {
  88. cursor: pointer;
  89. padding: 0 20px;
  90. height: 30px;
  91. display: inline-block;
  92. border-bottom: 3px solid transparent;
  93. }
  94. .quick-head .action {
  95. border-color: #2196f3;
  96. }
  97. .quick-item {
  98. padding: 13px 13px 0px 13px;
  99. cursor: pointer;
  100. border-bottom: 1px solid #ccc;
  101. word-break: break-all;
  102. display: -webkit-box;
  103. -webkit-box-orient: vertical;
  104. -webkit-line-clamp: 2;
  105. overflow: hidden;
  106. }
  107. #inputs{
  108. width: 0;
  109. height: 0;
  110. }
  111. </style>
  112. </head>
  113. <body class="childrenBody">
  114. <blockquote class="layui-elem-quote layui-text" style="font-size: larger; display: none;">
  115. 来电弹屏
  116. </blockquote>
  117. <div class="maskTask"></div>
  118. <ul class="telLine">
  119. <div class="title">转接信息<span class="closeBtn">×</span></div>
  120. </ul>
  121. <div class="layui-fluid">
  122. <div class="layui-row layui-col-space15">
  123. <div class="layui-col-md9">
  124. <form class="layui-form layui-card">
  125. <input id="F_CustomerId" value="@Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerId" type="hidden" />
  126. <input id="workOrderNum" value="@Model.WorkOrderBaseModel.F_WORKORDERID" type="hidden" />
  127. @if (Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerId > 0 &&
  128. !string.IsNullOrEmpty(Model.WorkOrderBaseModel.CustomerBaseModel.F_ScaleResume) &&
  129. !string.IsNullOrEmpty(Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerClass))
  130. {
  131. <input id="F_ScaleResume" value="@Model.WorkOrderBaseModel.CustomerBaseModel.F_ScaleResume" type="hidden" />
  132. <input id="F_CustomerClass" value="@Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerClass"
  133. type="hidden" />
  134. }
  135. else
  136. {
  137. <input id="F_ScaleResume" value="1" type="hidden" />
  138. <input id="F_CustomerClass" value="一般客户" type="hidden" />
  139. }
  140. <div class="layui-card-header">
  141. <label class="layui-form-label">
  142. 电话号码:
  143. </label><span id="F_Telephone"
  144. class="layui-form-label">@Model.WorkOrderBaseModel.F_CUSTOMERTELEPHONE</span><span id="F_CustomerLayer"
  145. style="width:300px;text-align:left"
  146. class="layui-form-label">@Model.WorkOrderBaseModel.F_STANDARDADDRESS</span>
  147. <div style="float: right;">
  148. <div class="layui-btn-group">
  149. @if (Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerId > 0)
  150. {
  151. <div id="historyCustom" class="layui-btn layui-btn-normal" onclick="btnOpt(1)" style="width: 50px;">
  152. <i class="fa fa-address-card-o"></i>
  153. </div>
  154. if (!string.IsNullOrEmpty(Model.WorkOrderBaseModel.CustomerBaseModel.F_ScaleResume))
  155. {
  156. if (Model.WorkOrderBaseModel.CustomerBaseModel.F_ScaleResume == "3")
  157. {
  158. <div title="关注度" class="layui-btn layui-btn-primary layui-btn-sm careCustom" onclick="btnOpt(2)"
  159. style="width: 40px;border-left:none">
  160. <i class="fa fa-heart"
  161. style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:#cccccc;"></i>
  162. </div>
  163. <div title="白名单" class="layui-btn layui-btn-primary layui-btn-sm blackCustom" onclick="btnOpt(10)"
  164. style="width: 40px;border-left:none; background:#cccccc;">
  165. <i class="fa fa-user-plus"
  166. style="font-size: 25px !important; margin-left :0px; margin-top:0px; color:#ffffff;"></i>
  167. </div>
  168. <div title="黑名单" class="layui-btn layui-btn-danger blackCustom" onclick="btnOpt(3)"
  169. style="width: 150px; border-left: none">
  170. <i class="fa fa-user-times"
  171. style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:black;">黑名单</i>
  172. </div>
  173. }
  174. else if (Model.WorkOrderBaseModel.CustomerBaseModel.F_ScaleResume == "2")
  175. {
  176. <div title="关注度" class="layui-btn layui-btn-warm careCustom" onclick="btnOpt(2)"
  177. style="width: 150px;border-left:none">
  178. <i class="fa fa-heart"
  179. style="font-size: 25px !important; margin-left :0px;margin-top:0px;color:deeppink;">特别关注</i>
  180. </div>
  181. <div title="白名单" class="layui-btn layui-btn-primary layui-btn-sm blackCustom" onclick="btnOpt(10)"
  182. style="width: 40px;border-left:none; background:#cccccc;">
  183. <i class="fa fa-user-plus"
  184. style="font-size: 25px !important; margin-left :0px; margin-top:0px; color:#ffffff;"></i>
  185. </div>
  186. <div title="黑名单" class="layui-btn layui-btn-primary layui-btn-sm blackCustom" onclick="btnOpt(3)"
  187. style="width: 40px;border-left:none">
  188. <i class="fa fa-user-times"
  189. style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:#000000;"></i>
  190. </div>
  191. }
  192. else if (Model.WorkOrderBaseModel.CustomerBaseModel.F_ScaleResume == "4")
  193. {
  194. <div title="关注度" class="layui-btn layui-btn-primary layui-btn-sm careCustom" onclick="btnOpt(2)"
  195. style="width: 40px;border-left:none">
  196. <i class="fa fa-heart"
  197. style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:#cccccc;"></i>
  198. </div>
  199. <div title="白名单" class="layui-btn layui-btn-danger blackCustom" onclick="btnOpt(10)"
  200. style="width: 150px; border-left: none">
  201. <i class="fa fa-user-plus"
  202. style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:cccccc;">白名单</i>
  203. </div>
  204. <div title="黑名单" class="layui-btn layui-btn-primary layui-btn-sm blackCustom" onclick="btnOpt(3)"
  205. style="width: 40px;border-left:none">
  206. <i class="fa fa-user-times"
  207. style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:#cccccc;"></i>
  208. </div>
  209. }
  210. else
  211. {
  212. <div title="关注度" class="layui-btn layui-btn-primary layui-btn-sm careCustom" onclick="btnOpt(2)"
  213. style="width: 40px;border-left:none">
  214. <i class="fa fa-heart"
  215. style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:#cccccc;"></i>
  216. </div>
  217. <div title="白名单" class="layui-btn layui-btn-primary layui-btn-sm blackCustom" onclick="btnOpt(10)"
  218. style="width: 40px;border-left:none; background:#cccccc;">
  219. <i class="fa fa-user-plus"
  220. style="font-size: 25px !important; margin-left :0px; margin-top:0px; color:#ffffff;"></i>
  221. </div>
  222. <div title="黑名单" class="layui-btn layui-btn-primary layui-btn-sm blackCustom" onclick="btnOpt(3)"
  223. style="width: 40px;border-left:none">
  224. <i class="fa fa-user-times"
  225. style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:#cccccc;"></i>
  226. </div>
  227. }
  228. }
  229. else
  230. {
  231. <div title="关注度" class="layui-btn layui-btn-primary layui-btn-sm careCustom" onclick="btnOpt(2)"
  232. style="width: 40px;border-left:none">
  233. <i class="fa fa-heart"
  234. style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:#cccccc;"></i>
  235. </div>
  236. <div title="白名单" class="layui-btn layui-btn-danger blackCustom" onclick="btnOpt(10)"
  237. style="width: 150px; border-left: none">
  238. <i class="fa fa-user-plus"
  239. style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:cccccc;"></i>
  240. </div>
  241. <div title="黑名单" class="layui-btn layui-btn-primary layui-btn-sm blackCustom" onclick="btnOpt(3)"
  242. style="width: 40px;border-left:none">
  243. <i class="fa fa-user-times"
  244. style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:#cccccc;"></i>
  245. </div>
  246. }
  247. }
  248. else
  249. {
  250. <div id="historyCustom" class="layui-btn layui-btn-disabled layui-btn-sm" onclick="btnOpt(1)"
  251. style="width: 40px;">
  252. <i class="fa fa-address-card-o"></i>
  253. </div>
  254. <div title="关注度" class="layui-btn layui-btn-disabled layui-btn-sm careCustom" onclick="btnOpt(2)"
  255. style="width: 40px;border-left:none">
  256. <i class="fa fa-heart"
  257. style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:#cccccc;"></i>
  258. </div>
  259. <div title="黑名单" class="layui-btn layui-btn-disabled layui-btn-sm blackCustom" onclick="btnOpt(3)"
  260. style="width: 40px;border-left:none">
  261. <i class="fa fa-user-times"
  262. style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:#cccccc;"></i>
  263. </div>
  264. }
  265. </div>
  266. &nbsp;&nbsp;&nbsp;&nbsp;
  267. <div class="layui-btn-group " style="position: relative;">
  268. <div title="挂断" class="layui-btn layui-btn-danger layui-btn-sm" onclick="btnOpt(4)"
  269. style="width: 40px;">
  270. <i class="layui-icon">&#xe64d;</i>
  271. </div>
  272. <div title="转回IVR" class="layui-btn layui-btn-normal layui-btn-sm" onclick="btnOpt(8)"
  273. style="width: 40px;">
  274. <i class="fa fa-volume-control-phone"></i>
  275. </div>
  276. <div title="保持" class="layui-btn layui-btn-warm layui-btn-sm" onclick="btnOpt(5)" style="width: 40px;">
  277. <i class="fa fa-microphone-slash"></i>
  278. </div>
  279. <div title="接回" class="layui-btn layui-btn-warm layui-btn-sm" onclick="btnOpt(6)" style="width: 40px;">
  280. <i class="fa fa-microphone"></i>
  281. </div>
  282. <div title="转移" class="layui-btn layui-btn-normal layui-btn-sm" onclick="btnOpt(7)"
  283. style="width: 40px;">
  284. <i class="layui-icon">&#xe613;</i>
  285. </div>
  286. <div title="一键转接" class="layui-btn layui-btn-normal layui-btn-sm keySwitch" style="width: 40px;">
  287. <i class="fa fa-users"></i>
  288. </div>
  289. </div>
  290. </div>
  291. </div>
  292. <div class="layui-card-body">
  293. <div class="layui-row layui-col-space15">
  294. <div class="layui-col-md4">
  295. <label class="layui-form-label">
  296. 姓名:
  297. </label>
  298. <div class="layui-input-block">
  299. <input type="text" id="F_CustomerName"
  300. value="@Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerName" placeholder="" autocomplete="off"
  301. class="layui-input" />
  302. </div>
  303. </div>
  304. <div class="layui-col-md4">
  305. <label class="layui-form-label">
  306. 性别:
  307. </label>
  308. <div class="layui-input-block sexParam">
  309. @if (Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerPym == "女")
  310. {
  311. <input type="radio" name="F_CustomerPym" value="男" title="男" />
  312. <input type="radio" name="F_CustomerPym" value="女" title="女" checked="" />
  313. }
  314. else if (Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerPym == "男")
  315. {
  316. <input type="radio" name="F_CustomerPym" value="男" title="男" checked="" />
  317. <input type="radio" name="F_CustomerPym" value="女" title="女">
  318. }
  319. else
  320. {
  321. <input type="radio" name="F_CustomerPym" value="男" title="男" />
  322. <input type="radio" name="F_CustomerPym" value="女" title="女" />
  323. }
  324. </div>
  325. </div>
  326. <div class="layui-col-md4">
  327. <label class="layui-form-label">
  328. 年龄段:
  329. </label>
  330. <div class="layui-input-inline">
  331. <select id="F_CustomerCode" lay-search="">
  332. <option value=""></option>
  333. @if (Model.AgeModelList != null && Model.AgeModelList.Count > 0)
  334. {
  335. foreach (T_Sys_DictionaryValue dicModel in Model.AgeModelList)
  336. {
  337. if (!string.IsNullOrEmpty(Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerCode))
  338. {
  339. if (Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerCode == dicModel.F_Name)
  340. {
  341. <option value="@dicModel.F_Name" selected>@dicModel.F_Name</option>
  342. }
  343. else
  344. {
  345. <option value="@dicModel.F_Name">@dicModel.F_Name</option>
  346. }
  347. }
  348. else
  349. {
  350. <option value="@dicModel.F_Name">@dicModel.F_Name</option>
  351. }
  352. }
  353. }
  354. </select>
  355. </div>
  356. </div>
  357. <div class="layui-col-md4">
  358. <label class="layui-form-label">
  359. 微信号:
  360. </label>
  361. <div class="layui-input-block">
  362. <input id="F_CustomerEName" value="@Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerEName"
  363. autocomplete="off" placeholder="" class="layui-input" type="text" />
  364. </div>
  365. </div>
  366. <div class="layui-col-md4">
  367. <label class="layui-form-label">
  368. 微博号:
  369. </label>
  370. <div class="layui-input-block">
  371. <input id="F_PostCode" value="@Model.WorkOrderBaseModel.CustomerBaseModel.F_PostCode"
  372. autocomplete="off" placeholder="" class="layui-input" type="text" />
  373. </div>
  374. </div>
  375. </div>
  376. </div>
  377. </form>
  378. <div class="layui-card layui-form" lay-filter="component-form-element">
  379. <div class="layui-card-header">
  380. <ul class="layui-nav lineState" style="font-size: 14px; text-align: center;"><a href="javascript:;"
  381. style="color: #cccccc;">一号线</a></ul>
  382. <ul class="layui-nav lineState" style="font-size: 14px; text-align: center;"><a href="javascript:;"
  383. style="color: #cccccc;">二号线</a></ul>
  384. </div>
  385. <div class="layui-card-header">
  386. @if (Model != null && Model.WorkOrderTypeModelList != null && Model.WorkOrderTypeModelList.Count > 0)
  387. {
  388. foreach (T_Wo_WorkOrderType workOrderTypeModel in Model.WorkOrderTypeModelList)
  389. {
  390. if (Model.SelectBussType != null && Model.SelectBussType > 0 && Model.SelectBussType.ToString() ==
  391. workOrderTypeModel.F_Number)
  392. {
  393. <ul class="layui-nav selectColor">
  394. @if (workOrderTypeModel.WorkTypeModelList != null && workOrderTypeModel.WorkTypeModelList.Count > 0)
  395. {
  396. <li class="layui-nav-item">
  397. <a href="javascript:;" data-url="@workOrderTypeModel.F_WorkOrderTypeId">@workOrderTypeModel.F_Name</a>
  398. <dl class="layui-nav-child clickpanle">
  399. @foreach (T_Wo_WorkOrderType childModel in workOrderTypeModel.WorkTypeModelList)
  400. {
  401. <dd><a href="javascript:;" data-value="@childModel.F_Name" data-type="@childModel.F_ParentName"
  402. data-url="@childModel.F_WorkOrderTypeId">@childModel.F_Name</a></dd>
  403. }
  404. </dl>
  405. </li>
  406. }
  407. else
  408. {
  409. <li class="layui-nav-item clickpanle">
  410. <a href="javascript:;" data-url="@workOrderTypeModel.F_WorkOrderTypeId">@workOrderTypeModel.F_Name</a>
  411. </li>
  412. }
  413. </ul>
  414. }
  415. else
  416. {
  417. <ul class="layui-nav">
  418. @if (workOrderTypeModel.WorkTypeModelList != null && workOrderTypeModel.WorkTypeModelList.Count > 0)
  419. {
  420. <li class="layui-nav-item">
  421. <a href="javascript:;" data-url="@workOrderTypeModel.F_WorkOrderTypeId">@workOrderTypeModel.F_Name</a>
  422. <dl class="layui-nav-child clickpanle">
  423. @foreach (T_Wo_WorkOrderType childModel in workOrderTypeModel.WorkTypeModelList)
  424. {
  425. <dd><a href="javascript:;" data-value="@childModel.F_Name" data-url="@childModel.F_WorkOrderTypeId"
  426. data-type="@childModel.F_ParentName">@childModel.F_Name</a></dd>
  427. }
  428. </dl>
  429. </li>
  430. }
  431. else
  432. {
  433. <li class="layui-nav-item clickpanle">
  434. <a href="javascript:;" data-url="@workOrderTypeModel.F_WorkOrderTypeId">@workOrderTypeModel.F_Name</a>
  435. </li>
  436. }
  437. </ul>
  438. }
  439. }
  440. }
  441. </div>
  442. </div>
  443. <div class="layui-card layui-form" lay-filter="component-form-element">
  444. <div class="layui-card-header">
  445. 历史工单
  446. </div>
  447. <div id="content" class="flowContent">
  448. <table class="layui-table"
  449. lay-data="{ url:'/WorkOrder/WorkOrderHistoryData/?NowDateTime=@Model.WorkOrderBaseModel.F_CREATEDATE&phoneNumber=@Model.WorkOrderBaseModel.F_CUSTOMERTELEPHONE', id:'recordtable'}"
  450. lay-size="sm" lay-filter="demo">
  451. <thead>
  452. <tr>
  453. <th lay-data="{field:'F_CODE', width:160}">工单编号</th>
  454. <th lay-data="{field:'F_CUSTOMERNAME', width:120}">客户姓名</th>
  455. <th lay-data="{field:'F_LINKMAN', align: 'center',width:120}">坐席工号</th>
  456. <th lay-data="{field:'F_REPAIRMANNAME', width:100}">坐席姓名</th>
  457. <th lay-data="{field:'F_WORKORDERFROM', width:100}">接入渠道</th>
  458. <th lay-data="{field:'F_CREATEDATENew',align: 'center',width:160}">受理时间</th>
  459. <th lay-data="{field:'F_REPAIRREQUEST', width:100}">业务状态</th>
  460. <th lay-data="{field:'F_CONTENT'}">内容</th>
  461. <th lay-data="{field:'F_ADSLACCOUNT', align: 'right', width:140}">业务类型</th>
  462. <th lay-data="{ width:100, align:'center', toolbar: '#barDemo'}">操作</th>
  463. </tr>
  464. </thead>
  465. </table>
  466. <script type="text/html" id="barDemo">
  467. <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="view">查看详情</a>
  468. </script>
  469. </div>
  470. </div>
  471. </div>
  472. <div class="layui-col-md3">
  473. <div class="layui-card">
  474. <div class="layui-card-header">
  475. 快捷入口
  476. </div>
  477. <div class="layui-card-body" style="text-align: center;">
  478. <div class="layui-form" action="" lay-filter="component-form-element">
  479. <button class="layui-btn layui-btn-radius layui-btn-primary"
  480. onclick="OpenOtherForm('周边', 'https://www.amap.com/')" style="width: 150px;">
  481. 周边
  482. </button>
  483. <div style="height: 3px;">
  484. &nbsp;
  485. </div>
  486. <button class="layui-btn layui-btn-radius layui-btn-primary"
  487. onclick="OpenOtherForm('线路查询','http://www.zzmetro.com/lines/query/line')" style="width: 150px;">
  488. 线路查询
  489. </button>
  490. <div style="height: 3px;">
  491. &nbsp;
  492. </div>
  493. <button class="layui-btn layui-btn-radius layui-btn-primary"
  494. onclick="OpenOtherForm('票价查询','http://www.zzmetro.com/lines/query/ticket')" style="width: 150px;">
  495. 票价查询
  496. </button>
  497. <div style="height: 3px;">
  498. &nbsp;
  499. </div>
  500. <button class="layui-btn layui-btn-radius layui-btn-primary"
  501. onclick="OpenOtherForm('运营时间','http://www.zzmetro.com/lines/query/operating_hours')"
  502. style="width: 150px;">
  503. 运营时间
  504. </button>
  505. <div style="height: 3px;">
  506. &nbsp;
  507. </div>
  508. <button class="layui-btn layui-btn-radius layui-btn-primary"
  509. onclick="OpenOtherForm('站点查询','http://www.zzmetro.com/lines/query/station')" style="width: 150px;">
  510. 站点查询
  511. </button>
  512. <div style="height: 3px;">
  513. &nbsp;
  514. </div>
  515. <button class="layui-btn layui-btn-radius layui-btn-primary"
  516. onclick="OpenOtherForm('快速通讯录','http://portal.zzmetro.com/index.php?m=content&c=txl')"
  517. style="width: 150px;">
  518. 快速通讯录
  519. </button>
  520. <div style="height: 3px;">
  521. &nbsp;
  522. </div>
  523. <button class="layui-btn layui-btn-radius layui-btn-primary"
  524. onclick="OpenOtherForm('官网入口','http://www.zzmetro.com/')" style="width: 150px;">
  525. 官网入口
  526. </button>
  527. </div>
  528. </div>
  529. </div>
  530. <div class="layui-card">
  531. <div class="layui-card-header">
  532. 快捷回复
  533. </div>
  534. <div class="layui-card-header" style="display: inline-block;">
  535. <input type="text" style="width: 200px; display: inline;" placeholder="" autocomplete="off"
  536. class="layui-input" id="keyWord">
  537. <button class="layui-btn layui-btn-normal layui-btn-normal serchBtn">
  538. <i class="layui-icon">&#xe615; 查 询</i>
  539. </button>
  540. </div>
  541. <div class="layui-card-body">
  542. <div class="quick-head">
  543. <span class="tag action" data-attr="0">公共回复</span>
  544. <span class="tag" data-attr="1">私有回复</span>
  545. </div>
  546. <div class="quick-list"></div>
  547. </div>
  548. </div>
  549. </div>
  550. @* <div class="fastReply">快捷回复</div> *@
  551. </div>
  552. </div>
  553. <textarea id="inputs" type="hidden"></textarea>
  554. </body>
  555. <!--下拉输入选择框工具栏-->
  556. <script src="/Content/layui/layui.js"></script>
  557. <script src="/Content/js/CallRecord/callscreen.js"></script>
  558. <script src="/Content/js/WorkOrder/workorderalllist.js" charset="utf-8"></script>
  559. <script src="/Content/layui/formatdate.js"></script>
  560. <script src="/Content/js/ytsoft.config.js"></script>
  561. <script src="~/Content/js/ytsoft.http.js"></script>
  562. <script type="text/javascript">
  563. //快捷回复
  564. var quickType;
  565. $(".serchBtn").click(function (event) {
  566. quickData();
  567. });
  568. $(".quick-head .tag").click(function () {
  569. quickType = $(this).attr("data-attr")
  570. $(".quick-head .tag").removeClass("action")
  571. $(this).addClass("action")
  572. quickData();
  573. })
  574. quickData();
  575. function quickData() {
  576. $.ajax({
  577. url: "/QuickMsgs/GetListData",
  578. type: "get",
  579. contentType: "application/json",
  580. dataType: "text",
  581. async: false,
  582. data: {
  583. type: quickType,
  584. key: $("#keyWord").val(),
  585. page: 1,
  586. limit: 5,
  587. },
  588. success: function (thisResult) {
  589. if (eval('(' + thisResult + ')').msg == "成功") {
  590. var list = eval('(' + thisResult + ')').data;
  591. $(".quick-item").remove();
  592. var key_w =$("#keyWord").val();
  593. $(list).each(function (i, n) {
  594. var after_u = n.msg.replace(key_w, '<span style="color:red;">' + key_w + '</span>');
  595. $(".quick-list").append("<div class='quick-item'>" + after_u + "</div>");
  596. })
  597. $(".quick-list .quick-item").click(function (event) {
  598. var texts = $(this).text();
  599. var inputs = document.getElementById("inputs");
  600. inputs.value = texts; // 修改文本框的内容(赋值内容)
  601. inputs.select(); // 选中文本
  602. document.execCommand("copy"); // 执行浏览器复制命令
  603. alert("复制成功");//测试执行是否成
  604. });
  605. }
  606. else {
  607. layui.layer.alert("获取该部门下用户信息失败!", {
  608. icon: 2
  609. });
  610. }
  611. }
  612. });
  613. }
  614. function OpenOtherForm(title, url) {
  615. window.open(url, title);
  616. // top.OCX_OpenOtherForm(title, url);
  617. }
  618. lineState();
  619. function lineState() {
  620. $.ajax({
  621. url: "/CallRecord/CallRecordData",
  622. type: "get",
  623. contentType: "application/json",
  624. dataType: "text",
  625. cache: false,
  626. async: false,
  627. data: {
  628. "page": 1,
  629. "limit": 20,
  630. "callid": helper.cookies.get('CallID'),
  631. },
  632. success: function (data) {
  633. if (eval('(' + data + ')').data.length > 0) {
  634. var LinenumData = eval('(' + data + ')').data[0].F_Linenum;
  635. if (LinenumData == "1") {
  636. $(".lineState").eq(0).addClass("selectColor");
  637. } else if (LinenumData == "2") {
  638. $(".lineState").eq(1).addClass("selectColor");
  639. }
  640. }
  641. }
  642. });
  643. }
  644. $(".maskTask,.closeBtn").click(function (event) {
  645. $(".telLine,.maskTask").hide();
  646. });
  647. $(".keySwitch").click(function (event) {
  648. $(".telLine,.maskTask").show();
  649. keySwitch()
  650. });
  651. function keySwitch() {
  652. $.ajax({
  653. url: "/SystemManage/DictionaryDate",
  654. type: "get",
  655. contentType: "application/json",
  656. dataType: "text",
  657. cache: false,
  658. async: false,
  659. data: {
  660. "NowDateTime": "2020/11/11 10:43:41",
  661. "page": 1,
  662. "limit": 20,
  663. "dictionaryFlag": "ZDFWT"
  664. },
  665. success: function (data) {
  666. $(".telLine").show();
  667. $(".telLine li").remove();
  668. //<ul class="layui-nav" style="font-size: 14px; text-align: center;"><a href="javascript:;" style="color: #cccccc;">一号线</a></ul>
  669. //<ul class="layui-nav lineState" style="font-size: 14px; text-align: center;"><a href="javascript:;" style="color: #cccccc;">二号线</a></ul>
  670. var keySwitchData = eval('(' + data + ')').data;
  671. for (var i = 0; i < keySwitchData.length; i++) {
  672. $('<li data-index="' + keySwitchData[i].F_Describe + '">' + keySwitchData[i].F_Name + '</li>').appendTo('.telLine');
  673. }
  674. $(".telLine li").click(function (event) {
  675. $(".telLine,.maskTask").hide();
  676. });
  677. $(".telLine li").click(function () {
  678. var keyNun = $(this).attr("data-index");
  679. $.ajax({
  680. type: 'get',
  681. url: '/CallRecord/GetCallOutprefix/?phone=' + keyNun,
  682. dataType: 'html',
  683. success: function (res) {
  684. console.log(res)
  685. top.ZYhj(res.toString() + keyNun.toString());
  686. }
  687. });
  688. })
  689. }
  690. });
  691. }
  692. function btnOpt(type) {
  693. var customerid = document.getElementById("F_CustomerId").value;
  694. switch (type) {
  695. case 1:
  696. //保存客户
  697. layer.confirm('确认要[<font color=red>保存客户</font>]吗?', function (index) {
  698. var data = {
  699. F_CustomerId: $("#F_CustomerId").val(),
  700. F_CustomerName: $("#F_CustomerName").val(),
  701. F_CustomerPym: $('.sexParam input[name="F_CustomerPym"]:checked ').val(),
  702. F_CustomerEName: $("#F_CustomerEName").val(),
  703. F_PostCode: $("#F_PostCode").val(),
  704. F_CustomerLayer: $("#F_CustomerLayer").html().trim(),
  705. F_CustomerCode: $("#F_CustomerCode").val(),
  706. F_Telephone: $("#F_Telephone").html().trim(),
  707. F_ScaleResume: $("#F_ScaleResume").val(),
  708. F_CustomerClass: $("#F_CustomerClass").val(),
  709. }
  710. $.ajax({
  711. url: "/CallRecord/SaveCunInfo",
  712. type: "post",
  713. async: false,//同步请求
  714. contentType: "application/json",
  715. dataType: "text",
  716. cache: false,
  717. data: JSON.stringify(data),
  718. success: function (thisResult, result) {
  719. if (thisResult == "True") {
  720. layer.open({
  721. content: '操作成功'
  722. , icon: 1
  723. , btn: ['确定']
  724. , yes: function (index, layero) {
  725. layer.close(index);
  726. }
  727. });
  728. } else {
  729. layui.layer.alert("操作失败!", {
  730. icon: 2
  731. });
  732. }
  733. },
  734. error: function (error) {
  735. return false;
  736. }
  737. });
  738. });
  739. break;
  740. case 2:
  741. //关注客户
  742. layer.confirm('确认要[<font color=red>设置为关注客户</font>]吗?', function (index) {
  743. $.ajax({
  744. url: "/Customer/SaveReceivedData",
  745. type: "get",
  746. async: false,//同步请求
  747. contentType: "application/json",
  748. dataType: "text",
  749. cache: false,
  750. data: "keyList=" + customerid + '&status=2',
  751. success: function (thisResult, result) {
  752. if (thisResult == "True") {
  753. layer.open({
  754. content: '操作成功'
  755. , icon: 1
  756. , btn: ['确定']
  757. , yes: function (index, layero) {
  758. layer.close(index);
  759. }
  760. });
  761. } else {
  762. layui.layer.alert("操作失败!", {
  763. icon: 2
  764. });
  765. }
  766. },
  767. error: function (error) {
  768. return false;
  769. }
  770. });
  771. });
  772. break;
  773. case 3:
  774. //黑名单客户
  775. layer.confirm('确认要[<font color=red>设置为黑名单</font>]吗?', function (index) {
  776. $.ajax({
  777. url: "/Customer/SaveReceivedData",
  778. type: "get",
  779. async: false,//同步请求
  780. contentType: "application/json",
  781. dataType: "text",
  782. cache: false,
  783. data: "keyList=" + customerid + '&status=3',
  784. success: function (thisResult, result) {
  785. if (thisResult == "True") {
  786. layer.open({
  787. content: '操作成功'
  788. , icon: 1
  789. , btn: ['确定']
  790. , yes: function (index, layero) {
  791. layer.close(index);
  792. }
  793. });
  794. } else {
  795. layui.layer.alert("操作失败!", {
  796. icon: 2
  797. });
  798. }
  799. },
  800. error: function (error) {
  801. return false;
  802. }
  803. });
  804. });
  805. break;
  806. case 4:
  807. //挂断
  808. layer.confirm('确认要[<font color=red>挂断电话</font>]吗?', function (index) {
  809. top.button_ReleaseAnswer();
  810. layer.close(index);
  811. });
  812. break;
  813. case 5:
  814. //保持通话
  815. layer.confirm('确认要[<font color=red>保持通话</font>]吗?', function (index) {
  816. top.button_KeepCall();
  817. layer.close(index);
  818. });
  819. break;
  820. case 6:
  821. //接回通话
  822. layer.confirm('确认要[<font color=red>接回通话</font>]吗?', function (index) {
  823. top.button_GetKeepCall();
  824. layer.close(index);
  825. });
  826. break;
  827. case 7:
  828. //转移
  829. layer.open({
  830. content: '转移号码:<input type=\"text\" id=\"txtZYPhone\" value=\"1001\" placeholder=\"\" autocomplete=\"off\" class=\"layui-input\" />'
  831. , btn: ['转移', '取消']
  832. , yes: function (index, layero) {
  833. var tel = document.getElementById("txtZYPhone").value;
  834. top.ZYhj(tel);
  835. layer.close(index);
  836. alert("转移成功")
  837. //top.PhoneCallZY(tel);
  838. }
  839. , btn2: function (index, layero) {
  840. layer.close(index);
  841. }
  842. , cancel: function () {
  843. }
  844. });
  845. break;
  846. case 8:
  847. //转回IVR
  848. layer.confirm('确认要[<font color=red>转回到IVR语音流程</font>]吗?', function (index) {
  849. try {
  850. top.AgentTransToIVR();
  851. layer.close(index);
  852. }
  853. catch (e) { }
  854. });
  855. break;
  856. case 9:
  857. //一键转接
  858. layer.open({
  859. content: '转移号码:<input type=\"text\" id=\"txtZYPhone\" value=\"1001\" placeholder=\"\" autocomplete=\"off\" class=\"layui-input\" />'
  860. , btn: ['转移', '取消']
  861. , yes: function (index, layero) {
  862. }
  863. , btn2: function (index, layero) {
  864. layer.close(index);
  865. }
  866. , cancel: function () {
  867. }
  868. });
  869. break;
  870. case 10:
  871. //黑名单客户
  872. layer.confirm('确认要[<font color=red>设置为白名单</font>]吗?', function (index) {
  873. $.ajax({
  874. url: "/Customer/SaveReceivedData",
  875. type: "get",
  876. async: false,//同步请求
  877. contentType: "application/json",
  878. dataType: "text",
  879. cache: false,
  880. data: "keyList=" + customerid + '&status=4',
  881. success: function (thisResult, result) {
  882. if (thisResult == "True") {
  883. layer.open({
  884. content: '操作成功'
  885. , icon: 1
  886. , btn: ['确定']
  887. , yes: function (index, layero) {
  888. layer.close(index);
  889. }
  890. });
  891. } else {
  892. layui.layer.alert("操作失败!", {
  893. icon: 2
  894. });
  895. }
  896. },
  897. error: function (error) {
  898. return false;
  899. }
  900. });
  901. });
  902. break;
  903. case 11:
  904. //一键转接
  905. layer.confirm('转移号码:<input type=\"text\" id=\"txtZYPhone\" value=\"1001\" placeholder=\"\" autocomplete=\"off\" class=\"layui-input\" />', function (index) {
  906. });
  907. break;
  908. }
  909. }
  910. </script>
  911. </html>