地铁二期项目正式开始

WorkOrderAllList.cshtml 14KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383
  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-other.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/layui/loading.js"></script>
  19. <link href="~/Content/css/workorder/loading.css" rel="stylesheet" />
  20. <script src="/Content/js/Report/moment.js"></script>
  21. <script src="/Content/js/Report/GetDate.js"></script>
  22. <script src="/Content/layui/formatdate.js"></script>
  23. </head>
  24. <body class="childrenBody">
  25. <blockquote class="layui-elem-quote layui-text" style="font-size: larger; display: none;">
  26. 全部工单
  27. </blockquote>
  28. <div class="layui-fluid">
  29. <div class=" layui-col-space15">
  30. @if (Model.SeatFlag)
  31. {
  32. <input type="hidden" value="1" id="SeatFlag" />
  33. }
  34. else
  35. {
  36. <input type="hidden" value="0" id="SeatFlag" />
  37. }
  38. <div class="layui-card">
  39. <div class="layui-card-body">
  40. <div class="layui-row layui-col-space10 searchfilter">
  41. <div class="layui-col-md7">
  42. <div class="layui-row layui-col-space10">
  43. <div class="layui-col-xs6">
  44. <button class="layui-btn layui-btn-normal layui-btn-radius" data-type="oneDay">今天</button>
  45. <button class="layui-btn layui-btn-normal layui-btn-radius" data-type="oneWeek">最近一周</button>
  46. <button class="layui-btn layui-btn-normal layui-btn-radius" data-type="oneMonth">最近一月</button>
  47. <button class="layui-btn layui-btn-normal layui-btn-radius" data-type="oneYear">最近一年</button>
  48. </div>
  49. <div class="layui-col-xs6">
  50. <label class="layui-form-label">
  51. 受理日期:
  52. </label>
  53. <div class="layui-input-block">
  54. <input type="text" class="layui-input dayParty" id="test10" style="width: 300px; max-width: 300px; "
  55. placeholder=" - ">
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. <div class="layui-col-md5">
  61. <button class="layui-btn layui-btn-normal layui-btn-normal" data-type="reload">
  62. <i class="layui-icon">&#xe615; 查 询</i>
  63. </button>
  64. <button class="layui-btn layui-btn-normal layui-btn-normal" id="advanceBtn">
  65. <i class="layui-icon">&#xe614; 高 级</i>
  66. </button>
  67. @if (Model.OrderType == 1 && Model.OrderType != null)
  68. {
  69. <button class="layui-btn layui-btn-normal layui-btn-normal ExToExcel" id="ExToExcel">
  70. <i class="fa fa-file-excel-o">导出数据</i>
  71. </button>
  72. }
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. <form class="layui-form collapsible_box">
  78. <div class="layui-form-item">
  79. <div class="layui-input-inline">
  80. <label class="layui-form-label">工单编号</label>
  81. <div class="layui-input-block">
  82. <input id="workorderNum" type="text" name="title" autocomplete="off" class="layui-input">
  83. </div>
  84. </div>
  85. <div class="layui-input-inline">
  86. <label class="layui-form-label">客户姓名</label>
  87. <div class="layui-input-block">
  88. <input id="cusName" type="text" name="title" autocomplete="off" class="layui-input">
  89. </div>
  90. </div>
  91. <div class="layui-input-inline">
  92. <label class="layui-form-label">客户电话</label>
  93. <div class="layui-input-block">
  94. <input id="phoneNumber" type="text" name="title" autocomplete="off" class="layui-input">
  95. </div>
  96. </div>
  97. <div class="layui-input-inline">
  98. <label class="layui-form-label">坐席工号</label>
  99. <div class="layui-input-block">
  100. <input id="userInfo" type="text" name="title" autocomplete="off" class="layui-input">
  101. </div>
  102. </div>
  103. <div class="layui-input-inline">
  104. <label class="layui-form-label">业务状态</label>
  105. <div class="layui-input-block">
  106. <select id="status">
  107. <option value=""></option>
  108. <option value="0">未处理</option>
  109. <option value="1">处理中</option>
  110. @*<option value="2">已办结</option>*@
  111. <option value="3">待回访</option>
  112. <option value="4">待定责</option>
  113. <option value="6">已定责</option>
  114. <option value="5">已处理</option>
  115. </select>
  116. </div>
  117. </div>
  118. <div class="layui-input-inline">
  119. <label class="layui-form-label">转办状态</label>
  120. <div class="layui-input-block">
  121. <select id="turnout">
  122. <option value="0"></option>
  123. <option value="1">超时</option>
  124. </select>
  125. </div>
  126. </div>
  127. <div class="layui-input-inline">
  128. <label class="layui-form-label">接入渠道</label>
  129. <div class="layui-input-block">
  130. <select id="FromType">
  131. <option value=""></option>
  132. <option value="1">语音工单</option>
  133. <option value="2">留言工单</option>
  134. <option value="3">微信工单</option>
  135. <option value="4">微博工单</option>
  136. </select>
  137. </div>
  138. </div>
  139. <div class="layui-input-inline">
  140. <label class="layui-form-label">处理方式</label>
  141. <div class="layui-input-block">
  142. <select id="GoType">
  143. <option value=""></option>
  144. @foreach (T_Sys_DictionaryValue dicModel in Model.GoTypeModelList)
  145. {
  146. <option value="@dicModel.F_ValueCode">@dicModel.F_Name</option>
  147. }
  148. </select>
  149. </div>
  150. </div>
  151. <div class="layui-input-inline">
  152. <label class="layui-form-label">业务类型</label>
  153. <div class="layui-input-block">
  154. <select id="bussType" lay-search="" lay-filter="fcoptype">
  155. <option value=""></option>
  156. @if (Model != null && Model.WorkOrderTypeModelList != null)
  157. {
  158. foreach (T_Wo_WorkOrderType typeModel in Model.WorkOrderTypeModelList)
  159. {
  160. <option value="@typeModel.F_WorkOrderTypeId">@typeModel.F_Name</option>
  161. }
  162. }
  163. </select>
  164. </div>
  165. </div>
  166. <div class="layui-input-inline">
  167. <label class="layui-form-label">业务明细</label>
  168. <div class="layui-input-block">
  169. <select id="bussDetail">
  170. <option value=""></option>
  171. </select>
  172. </div>
  173. </div>
  174. <div class="layui-input-inline">
  175. <label class="layui-form-label">内容</label>
  176. <div class="layui-input-block">
  177. <input id="Content" type="text" name="title" autocomplete="off" class="layui-input">
  178. </div>
  179. </div>
  180. <div class="layui-input-inline">
  181. <label class="layui-form-label">风险标签</label>
  182. <div class="layui-input-block">
  183. <select id="riskLevel">
  184. </select>
  185. </div>
  186. </div>
  187. <div class="layui-input-inline">
  188. <label class="layui-form-label">风险等级</label>
  189. <div class="layui-input-block">
  190. <select id="F_Level">
  191. <option value=""></option>
  192. <option value="一级">一级</option>
  193. <option value="二级">二级</option>
  194. <option value="三级">三级</option>
  195. </select>
  196. </div>
  197. </div>
  198. </div>
  199. @* <div class="layui-form-item"></div>
  200. <div class="layui-form-item"></div> *@
  201. </form>
  202. <div class="layui-card layui-form">
  203. <div id="content" class="flowContent">
  204. <table class="layui-table"
  205. lay-data="{height: 'full-120',page: true,limit:20, url:'/Order/WorkOrderAllData/?NowDateTime=@Model.NowDateTime', id:'recordtable'}"
  206. lay-size="sm" lay-filter="demo">
  207. <thead>
  208. <tr>
  209. <th lay-data="{field:'F_CODE', width:120}">工单编号</th>
  210. @*@if (Model.SeatFlag)
  211. {*@
  212. <th lay-data="{field:'FilePath', width:60,align: 'center',templet:'#btnPlay'}">录音</th>
  213. @*}*@
  214. <th lay-data="{field:'F_CUSTOMERNAME', width:100}">客户姓名</th>
  215. <th lay-data="{field:'F_CUSTOMERTELEPHONE', width:130, templet: '#btnCallOut'}">客户电话</th>
  216. <th lay-data="{field:'F_LINKMAN', align: 'center',width:85}">坐席工号</th>
  217. <th lay-data="{field:'F_REPAIRMANNAME', width:85}">坐席姓名</th>
  218. <th lay-data="{field:'F_WORKORDERFROM', width:85}">接入渠道</th>
  219. <th lay-data="{field:'F_CREATEDATENew',align: 'center',width:150}">受理时间</th>
  220. <th lay-data="{field:'F_REPAIRREQUEST', width:85}">业务状态</th>
  221. <th lay-data="{field:'F_CONTENT'}">内容</th>
  222. <th lay-data="{field:'F_RETURNVISITCONTENT',align: 'letf', width:90}">处理回复内容</th>
  223. <th lay-data="{field:'F_RETURNVISITOPINION',align: 'letf', width:90}">回访内容</th>
  224. <th lay-data="{field:'F_HOUSING', align: 'center', width:70}">业务类型</th>
  225. <th lay-data="{field:'F_ADSLACCOUNT', align: 'center', width:110}">业务明细</th>
  226. <th lay-data="{field:'F_LabelName', align: 'center', width:70}">风险标签</th>
  227. <th lay-data="{field:'F_Level', align: 'center', width:110}">风险等级</th>
  228. <th lay-data="{ width:90, align:'center', toolbar: '#barDemo'}">操作</th>
  229. </tr>
  230. </thead>
  231. </table>
  232. </div>
  233. <img id="progressImgage" class="progress hide" alt="" src="@Url.Content("~/Content/images/ajax-loader.gif")" />
  234. <div id="maskOfProgressImage" class="mask hide"></div>
  235. </div>
  236. </div>
  237. </div>
  238. <script type="text/javascript">
  239. riskLevelData()
  240. function Player(callid, orderTypeName) {
  241. layui.use('layer', function () {
  242. var layer = layui.layer;
  243. if (orderTypeName == "留言工单") {
  244. layer.open({
  245. type: 2,
  246. anim: 4,
  247. scrollbar: false,
  248. content: '/CallRecord/VoicePlay/?type=1&callid=' + callid,
  249. area: ['600px', '380px'],
  250. id: 'playRecordFrame',
  251. title: '听取留言'
  252. , shade: 0
  253. , maxmin: true
  254. });
  255. }
  256. else {
  257. layer.open({
  258. type: 2,
  259. anim: 4,
  260. scrollbar: false,
  261. content: '/CallRecord/VoicePlay/?type=0&callid=' + callid,
  262. area: ['600px', '380px'],
  263. id: 'playRecordFrame',
  264. title: '听取录音'
  265. , shade: 0
  266. , maxmin: true
  267. });
  268. }
  269. });
  270. }
  271. function riskLevelData() {
  272. $.ajax({
  273. url: "/SystemManage/GetAllRiskLevelList",
  274. type: "get",
  275. async: false,//同步请求
  276. contentType: "application/json",
  277. dataType: "text",
  278. cache: false,
  279. success: function (thisResult) {
  280. if (eval('(' + thisResult + ')').msg == "成功") {
  281. $("#riskLevel").empty();
  282. $("#riskLevel").append("<option value='' ></option>");
  283. var data = eval('(' + thisResult + ')')
  284. $(data.data).each(function (i, n) {
  285. $('<option value="' + n.F_Id + '">' + n.F_LabelName + '</option>').appendTo($("#riskLevel"));
  286. })
  287. } else {
  288. layer.msg('失败');
  289. }
  290. },
  291. error: function (error) {
  292. return false;
  293. }
  294. });
  295. }
  296. </script>
  297. </body>
  298. <script type="text/html" id="barDemo">
  299. @if (Model.OrderType == 2)
  300. {
  301. <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">编辑</a>
  302. <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="reset">撤回</a>
  303. }
  304. <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="view">查看详情</a>
  305. </script>
  306. <script src="/Content/js/WorkOrder/workorderalllist.js" charset="utf-8"></script>
  307. <script type="text/html" id="btnCallOut">
  308. {{# if(d.F_CUSTOMERTELEPHONE === ''||d.F_CUSTOMERTELEPHONE == null){ }}
  309. {{# } else { }}
  310. <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 }}
  311. {{# } }}
  312. </script>
  313. <script type="text/html" id="btnPlay">
  314. {{# if(d.FilePath!=null&&d.FilePath!=""){ }}
  315. <i class="fa fa-headphones" style="color:blue; cursor:pointer;" onclick="Player('{{d.FilePath}}', '{{d.F_WORKORDERFROM}}');" title="听录音"></i>
  316. {{# } else { }}
  317. {{# } }}
  318. </script>
  319. <script type="text/html" id="OVERTIMES">
  320. {{# if(d.F_OVERTIMES > 0){ }}
  321. <span style ="color:red">{{d.F_OVERTIME}}</span>
  322. {{# } else { }}
  323. {{# } }}
  324. </script>
  325. </html>