地铁二期项目正式开始

WorkOrderMyListHF.cshtml 10KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272
  1. @using YTSoft.BaseCallCenter.MVCWeb.Models;
  2. @using YTSoft.BaseCallCenter.Model;
  3. <!DOCTYPE html>
  4. <html>
  5. <head>
  6. <meta charset="UTF-8">
  7. <title>待办工单</title>
  8. <link href="/Content/layui/css/layui.css" rel="stylesheet" />
  9. <link href="/Content/css/public.css" rel="stylesheet" />
  10. <link href="/Content/layui/css/modules/layui-icon-extend/iconfont.css" type="text/css" rel=" stylesheet" />
  11. <link href="/Content/css/font-awesome/css/font-awesome.min.css" type="text/css" rel=" stylesheet" />
  12. <script src="/Content/js/jquery-1.8.3.min.js"></script>
  13. <script src="~/Content/js/ytsoft.http.js"></script>
  14. <script type="text/javascript" src="/Content/layui/layui.js"></script>
  15. <link href="/Content/css/callrecord/iconfont.css" rel="stylesheet" />
  16. <link href="/Content/css/callrecord/callrecord.css" rel="stylesheet" />
  17. <link href="/Content/css/workorder/eidtmyorder.css" rel="stylesheet" />
  18. <script src="/Content/js/Report/moment.js"></script>
  19. <script src="/Content/js/Report/GetDate.js"></script>
  20. <script src="/Content/layui/formatdate.js"></script>
  21. </head>
  22. <body class="childrenBody">
  23. <blockquote class="layui-elem-quote layui-text" style="font-size: larger; display: none;">
  24. 待办工单
  25. </blockquote>
  26. <div class="layui-fluid">
  27. <div class=" layui-col-space15">
  28. <input type="hidden" value="@Model.DType" id="dtype" />
  29. @if (Model.SeatFlag)
  30. {
  31. <input type="hidden" value="1" id="SeatFlag" />
  32. }
  33. else
  34. {
  35. <input type="hidden" value="0" id="SeatFlag" />
  36. }
  37. <div class="layui-card">
  38. <div class="layui-card-body">
  39. <div class="layui-row layui-col-space10 searchfilter">
  40. <div class="layui-col-md8">
  41. <div class="layui-row layui-col-space10">
  42. <div class="layui-col-xs6">
  43. <button class="layui-btn layui-btn-normal layui-btn-radius" data-type="oneWeek">最近一周</button>
  44. <button class="layui-btn layui-btn-normal layui-btn-radius" data-type="oneMonth">最近一月</button>
  45. <button class="layui-btn layui-btn-normal layui-btn-radius" data-type="oneYear">最近一年</button>
  46. </div>
  47. <div class="layui-col-xs6">
  48. <label class="layui-form-label">
  49. 受理日期:
  50. </label>
  51. <div class="layui-input-block">
  52. <input type="text" class="layui-input dayParty" id="test10" placeholder=" - "
  53. value="@Model.NowDate">
  54. </div>
  55. </div>
  56. </div>
  57. </div>
  58. <div class="layui-col-md4">
  59. <button class="layui-btn layui-btn-normal layui-btn-normal" data-type="reload">
  60. <i class="layui-icon">&#xe615; 查 询</i>
  61. </button>
  62. <button class="layui-btn layui-btn-normal layui-btn-normal" id="advanceBtn">
  63. <i class="layui-icon">&#xe614; 高 级</i>
  64. </button>
  65. </div>
  66. </div>
  67. </div>
  68. </div>
  69. <form class="layui-form collapsible_box">
  70. <div class="layui-form-item">
  71. <div class="layui-input-inline">
  72. <label class="layui-form-label">工单编号</label>
  73. <div class="layui-input-block">
  74. <input id="workorderNum" type="text" name="title" autocomplete="off" class="layui-input">
  75. </div>
  76. </div>
  77. <div class="layui-input-inline">
  78. <label class="layui-form-label">客户姓名</label>
  79. <div class="layui-input-block">
  80. <input id="cusName" type="text" name="title" autocomplete="off" class="layui-input">
  81. </div>
  82. </div>
  83. <div class="layui-input-inline">
  84. <label class="layui-form-label">客户电话</label>
  85. <div class="layui-input-block">
  86. <input id="phoneNumber" type="text" name="title" autocomplete="off" class="layui-input">
  87. </div>
  88. </div>
  89. <div class="layui-input-inline">
  90. <label class="layui-form-label">坐席工号</label>
  91. <div class="layui-input-block">
  92. <input id="userInfo" type="text" name="title" autocomplete="off" class="layui-input">
  93. </div>
  94. </div>
  95. </div>
  96. <div class="layui-form-item">
  97. <div class="layui-input-inline">
  98. <label class="layui-form-label">业务类型</label>
  99. <div class="layui-input-block">
  100. <select id="bussType" lay-search="" lay-filter="fcoptype">
  101. <option value=""></option>
  102. @if (Model != null && Model.WorkOrderTypeModelList != null)
  103. {
  104. foreach (T_Wo_WorkOrderType typeModel in Model.WorkOrderTypeModelList)
  105. {
  106. <option value="@typeModel.F_WorkOrderTypeId">@typeModel.F_Name</option>
  107. }
  108. }
  109. </select>
  110. </div>
  111. </div>
  112. <div class="layui-input-inline">
  113. <label class="layui-form-label">业务明细</label>
  114. <div class="layui-input-block">
  115. <select id="bussDetail">
  116. <option value=""></option>
  117. </select>
  118. </div>
  119. </div>
  120. <div class="layui-input-inline">
  121. <label class="layui-form-label">内容</label>
  122. <div class="layui-input-block">
  123. <input id="Content" type="text" name="title" autocomplete="off" class="layui-input">
  124. </div>
  125. </div>
  126. </div>
  127. </form>
  128. <div class="layui-card layui-form">
  129. @*<div class="layui-card-body layui-row layui-col-space10">*@
  130. <div id="content" class="flowContent">
  131. <table class="layui-table"
  132. lay-data="{height: 'full-120' ,page: true,limit:20, url:'/Order/WorkOrderMyDataHF/?NowDateTime=@Model.NowDateTime', id:'recordtable'}"
  133. lay-size="sm" lay-filter="demo">
  134. <thead>
  135. <tr>
  136. <th lay-data="{type:'checkbox', fixed: 'left'}"></th>
  137. <th lay-data="{field:'F_CODE', width:120}">工单编号</th>
  138. @if (Model.SeatFlag)
  139. {
  140. <th lay-data="{field:'FilePath', width:60,align: 'center',templet:'#btnPlay'}">录音</th>
  141. }
  142. <th lay-data="{field:'F_CUSTOMERNAME', width:100}">客户姓名</th>
  143. <th lay-data="{field:'F_CUSTOMERTELEPHONE', width:130, templet: '#btnCallOut'}">客户电话</th>
  144. <th lay-data="{field:'F_LINKMAN', align: 'center',width:85}">坐席工号</th>
  145. <th lay-data="{field:'F_REPAIRMANNAME', width:85}">坐席姓名</th>
  146. <th lay-data="{field:'F_WORKORDERFROM', width:85}">接入渠道</th>
  147. <th lay-data="{field:'F_CREATEDATENew',align: 'center',width:150}">受理时间</th>
  148. <th lay-data="{field:'F_REPAIRREQUEST', width:85}">业务状态</th>
  149. <th lay-data="{field:'F_CONTENT'}">内容</th>
  150. <th lay-data="{field:'F_HOUSING', align: 'center', width:90}">业务类型</th>
  151. <th lay-data="{field:'F_ADSLACCOUNT', align: 'center', width:110}">业务明细</th>
  152. <th lay-data="{field:'F_USERNAME', width:200, align:'center'}">操作</th>
  153. </tr>
  154. </thead>
  155. </table>
  156. </div>
  157. </div>
  158. </div>
  159. </div>
  160. <script type="text/javascript">
  161. function Player(callid, orderTypeName) {
  162. layui.use('layer', function () {
  163. var layer = layui.layer;
  164. if (orderTypeName == "留言工单") {
  165. layer.open({
  166. type: 2,
  167. anim: 4,
  168. scrollbar: false,
  169. content: '/CallRecord/VoicePlay/?type=1&callid=' + callid,
  170. area: ['600px', '380px'],
  171. id: 'playRecordFrame',
  172. title: '听取留言'
  173. , shade: 0
  174. , maxmin: true
  175. });
  176. }
  177. else {
  178. layer.open({
  179. type: 2,
  180. anim: 4,
  181. scrollbar: false,
  182. content: '/CallRecord/VoicePlay/?type=0&callid=' + callid,
  183. area: ['600px', '380px'],
  184. id: 'playRecordFrame',
  185. title: '听取录音'
  186. , shade: 0
  187. , maxmin: true
  188. });
  189. }
  190. });
  191. }
  192. function refreshList () {
  193. //执行重载
  194. var table = layui.table;
  195. table.reload('recordtable', {
  196. page: {
  197. curr: 1 //重新从第 1 页开始
  198. }
  199. , where: {
  200. types: 0,
  201. dateParty: $("#test10").val()
  202. , NowDateTime: new Date()
  203. , workorderNum: $("#workorderNum").val()
  204. , cusName: $("#cusName").val()
  205. , phoneNumber: $("#phoneNumber").val()
  206. , userInfo: $("#userInfo").val()
  207. , bussType: $("#bussType").val()
  208. , detailType: $("#bussDetail").val()
  209. , Content: $("#Content").val()
  210. , F_RETURNVISITRESULT: $("#FromType").val()
  211. }
  212. });
  213. }
  214. </script>
  215. </body>
  216. <script>
  217. var orderStateM = 3;
  218. </script>
  219. <script type="text/javascript" src="/Content/layui/layui.js"></script>
  220. @* <script type="text/javascript">
  221. document.write("<script type='text/javascript' src='js/cours_details.js?random=" + Math.random() + "'></s" + "cript>");
  222. </script> *@
  223. <script type="text/javascript">
  224. document.write("<script type='text/javascript' src='/Content/js/WorkOrder/WorkOrderMyListHF.js?ver="+Math.random()+"'/>");
  225. </script>
  226. <script src="/Content/layui/formatdate.js"></script>
  227. <script type="text/html" id="btnCallOut">
  228. {{# if(d.F_CUSTOMERTELEPHONE === ''||d.F_CUSTOMERTELEPHONE == null){ }}
  229. {{# } else { }}
  230. <i class="fa fa-phone-square" style="color:green; cursor:pointer;" onclick="top.PhoneCallOut(1, '{{d.F_CUSTOMERTELEPHONE}}');" title="拨打{{d.F_CUSTOMERTELEPHONE }}"></i>&nbsp;&nbsp;&nbsp;{{d.F_CUSTOMERTELEPHONE }}
  231. {{# } }}
  232. </script>
  233. <script type="text/html" id="btnPlay">
  234. {{# if(d.FilePath!=null&&d.FilePath!=""){ }}
  235. <i class="fa fa-headphones" style="color:blue; cursor:pointer;" onclick="Player('{{d.FilePath}}', '{{d.F_WORKORDERFROM}}');" title="听录音"></i>
  236. {{# } else { }}
  237. {{# } }}
  238. </script>
  239. </html>