暫無描述

warrantyWorkOrderDetail.html 16KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>评价详情</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <script src="../../Script/Common/huayi.load.js"></script>
  8. <script src="../../Script/Common/huayi.config.js"></script>
  9. <script src="../../js/laydate/laydate.js"></script>
  10. <link href="../../css/Table/table1.css" rel="stylesheet" />
  11. <link href="../../css/init.css" rel="stylesheet" />
  12. <style>
  13. .greetings {
  14. margin-top: 20px;
  15. }
  16. .greetings p {
  17. /*text-align: center;*/
  18. padding: 0;
  19. margin: 20px 0 30px 0;
  20. }
  21. .greetings p span {
  22. padding-right: 15px;
  23. }
  24. .greetings_content,
  25. .greetings_audio {
  26. text-indent: 2em;
  27. letter-spacing: 1px;
  28. margin-bottom: 20px;
  29. }
  30. .greetings_remarks {
  31. letter-spacing: 1px;
  32. margin-bottom: 20px;
  33. padding: 0 15px;
  34. }
  35. .btn-label {
  36. display: inline-block;
  37. border: 1px solid #249fea;
  38. text-align: center!important;
  39. padding: 7px 14px;
  40. border-radius: 2px;
  41. text-indent: initial;
  42. margin: 5px 2px;
  43. }
  44. .rating {
  45. padding-top: 0;
  46. }
  47. .ratingTips {
  48. line-height: 19px;
  49. }
  50. </style>
  51. </head>
  52. <body>
  53. <div class="container greetings">
  54. <!-- <input type="button" class="btn_gray" authorize="yes" id="HY_export" onclick="btn_export()" value="导出" /> -->
  55. <div class="Content_box">
  56. <div class="complain Shows">
  57. <div style="width: 100%;padding: 10px;">
  58. <table id="table1" data-row-style="rowStyle" data-query-params="queryParams">
  59. <thead>
  60. <tr>
  61. <!--<th data-align="center" data-formatter="setCode">编号</th>-->
  62. <th data-field="wostate" data-align="center" data-formatter="formatterState">工单状态</th>
  63. <!-- <th data-align="center" data-field="wostate" data-formatter="formatterOperate">操作</th> -->
  64. <th data-field="wocode" data-align="center">工单编号</th>
  65. <!--<th data-field="callid" data-align="center">通话标志ID</th>-->
  66. <th data-field="channel" data-align="center" data-formatter="formatterChannel">渠道来源</th>
  67. <th data-field="province" data-align="center" data-formatter="formatterLocation">省市</th>
  68. <th data-field="projectname" data-align="center">项目名称</th>
  69. <!--<th data-field="protypename" data-align="center">项目类型</th>-->
  70. <th data-field="repairreplace" data-formatter="formatterRepairPlace" data-align="center">报修科室</th>
  71. <th data-field="repairoom" data-align="center">报修地点</th>
  72. <th data-field="repairtime" data-align="center">报修时间</th>
  73. <!--<th data-field="repairman" data-align="center">报修人</th>-->
  74. <th data-field="createuser" data-align="center" data-formatter="formatterCreateuser">报修人</th>
  75. <th data-field="contactway" data-align="center">联系方式</th>
  76. <!--<th data-field="sysname" data-align="center">系统名称</th>
  77. <th data-field="equipname" data-align="center">设备名称</th>
  78. <th data-field="faulttype" data-align="center">故障类型</th>-->
  79. <th data-field="faultdescripe" data-align="center" data-formatter="formatterDescripe">设备名称</th>
  80. <!--<th data-field="appointman" data-align="center">指定维修人</th>-->
  81. <th data-field="" data-align="center" data-formatter="formatterToUser">接单人</th>
  82. <th data-field="Jwocode" data-align="center">接单班组</th>
  83. <th data-field="totime" data-align="center">接单时间</th>
  84. <th data-field="dealtime" data-align="center">处理时间</th>
  85. <th data-field="score" data-align="center" data-formatter="formatterScore">满意度</th>
  86. </tr>
  87. </thead>
  88. </table>
  89. </div>
  90. </div>
  91. </div>
  92. </div>
  93. <script src="../../js/laydate/laydate.js"></script>
  94. <script src="../../js/bootstrap-select/js/bootstrap-select.js"></script>
  95. <script src="../../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>
  96. <script src="../../Script/Common/regexs.js"></script>
  97. <script src="../../js/autosize/autosize.min.js"></script>
  98. <script>
  99. var deptname = decodeURIComponent(helper.request.queryString("deptname"));
  100. $(document).ready(function() {
  101. console.log('deptname', deptname)
  102. initTable()
  103. });
  104. function initTable() {
  105. //先销毁表格
  106. $('#table1').bootstrapTable('destroy');
  107. //初始化表格,动态从服务器加载数据
  108. $('#table1').bootstrapTable({
  109. method: "get", //使用get请求到服务器获取数据
  110. url: huayi.config.callcenter_url + "equipmentapi/api/WoRepairBase/getlistbypage", //获取数据的Servlet地址
  111. contentType: "application/x-www-form-urlencoded",
  112. striped: true, //表格显示条纹
  113. pagination: true, //启动分页
  114. pageSize: 10, //每页显示的记录数
  115. pageNumber: 1, //当前第几页
  116. pageList: [10, 20, 50, 100], //记录数可选列表
  117. search: false, //是否启用查询
  118. showColumns: false, //显示下拉框勾选要显示的列
  119. showRefresh: false, //显示刷新按钮
  120. sidePagination: "server", //表示服务端请求
  121. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  122. //设置为limit可以获取limit, offset, search, sort, order
  123. queryParamsType: "undefined",
  124. queryParams: function queryParams(params) { //设置查询参数
  125. var param = {
  126. pageindex: params.pageNumber,
  127. pagesize: params.pageSize,
  128. // phone: $("#phone").val(), //联系电话
  129. // wocode: $("#wocode").val(), //工单编号
  130. // province: $('#province').val(),
  131. // city: $('#city').val(),
  132. // protypeid: $('#protype').val(), //项目类型
  133. // projectid: $('#proname').val(), //项目名称
  134. // buildid: $('#build').val(), //楼名称
  135. // floorid: $('#floor').val(), //楼层名称
  136. // systemid: $('#sysname').val(), //系统名称
  137. // equipmentid: $('#equipname').val(), //设备名称
  138. // usercode: $('#usercode').val(), //维修工账号
  139. // channel: $('#channelSource').val(), //渠道来源
  140. Jwocode: deptname, //班组名称
  141. // stime: $('#startTime').val() && $('#startTime').val().split(' ~ ')[0], //开始时间
  142. // etime: $('#startTime').val() && $('#startTime').val().split(' ~ ')[1], //结束时间
  143. };
  144. return param;
  145. },
  146. responseHandler: function(res) {
  147. //格式化数据
  148. return {
  149. "total": res.data && res.data.total, //总页数
  150. "rows": res.data && res.data.rows, //数据
  151. "totalcounts": res.data && res.data.totalcounts,
  152. "wzpcounts": res.data && res.data.wzpcounts,
  153. "yjdcounts": res.data && res.data.yjdcounts,
  154. "dpjcounts": res.data && res.data.dpjcounts,
  155. "ywjcounts": res.data && res.data.ywjcounts,
  156. "ygqcounts": res.data && res.data.ygqcounts,
  157. "yqxcounts": res.data && res.data.yqxcounts,
  158. };
  159. },
  160. onLoadSuccess: function(res) { //加载成功时执行
  161. if(res.totalcounts >= 100) {
  162. res.totalcounts = '99+';
  163. }
  164. if(res.wzpcounts >= 100) {
  165. res.wzpcounts = '99+';
  166. }
  167. if(res.yjdcounts >= 100) {
  168. res.yjdcounts = '99+';
  169. }
  170. if(res.dpjcounts >= 100) {
  171. res.dpjcounts = '99+';
  172. }
  173. if(res.ywjcounts >= 100) {
  174. res.ywjcounts = '99+';
  175. }
  176. if(res.ygqcounts >= 100) {
  177. res.ygqcounts = '99+';
  178. }
  179. if(res.yqxcounts >= 100) {
  180. res.yqxcounts = '99+';
  181. }
  182. $('.audit_all').text(res.totalcounts); //全部
  183. $('.audit_none').text(res.wzpcounts); //未指派
  184. $('.audit_order').text(res.yjdcounts); //已接单
  185. $('.audit_waitEvaluate').text(res.dpjcounts); //待评价
  186. $('.audit_complete').text(res.ywjcounts); //已完结
  187. $('.audit_ygqcounts').text(res.ygqcounts); //挂起
  188. $('.audit_yqxcounts').text(res.yqxcounts); //挂起
  189. $('.tool_down').authorizeOperateButton();
  190. //layer.msg("加载成功");
  191. },
  192. onLoadError: function() { //加载失败时执行
  193. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  194. }
  195. });
  196. }
  197. //渠道来源
  198. function formatterChannel(val, row) {
  199. var str = '';
  200. switch(val + '') {
  201. case '1':
  202. str = '电话';
  203. break;
  204. case '2':
  205. str = "安卓";
  206. break;
  207. case '3':
  208. str = "IOS";
  209. break;
  210. case '4':
  211. str = "PC端";
  212. break;
  213. default:
  214. str = "其他"
  215. }
  216. return str
  217. }
  218. function formatterCreateuser(val, row) {
  219. var str = '';
  220. if(row.channel == 4) {
  221. str = row.repairman + '<br>' + '(' + row.createusername + ')'
  222. } else {
  223. str = row.repairman + '<br>' + '(' + val + ')'
  224. }
  225. return '<span>'+ str +'</span>'
  226. }
  227. //格式化接单人
  228. function formatterToUser(val, row) {
  229. var toUserStr = '';
  230. var touser = row.touser;
  231. var tousername = row.tousername;
  232. // var touser = ["AA000", "AA001", "AA002"];
  233. // var tousername = ["张山", "李四", "王五"];
  234. if(touser.length < 1) {
  235. toUserStr = '-';
  236. } else {
  237. var toUsers = touser.concat(tousername);
  238. var toUsersLength = toUsers.length;
  239. if(toUsersLength === 2) {
  240. toUserStr = toUsers[0] + '-' + toUsers[1];
  241. } else{
  242. for(var i = 0; i < toUsersLength; i++) {
  243. if(i < toUsersLength / 2) {
  244. toUserStr += toUsers[i] + '-' + toUsers[toUsersLength / 2 + i] + ','
  245. toUserStr.substring(0, toUserStr.length - 1);
  246. } else {
  247. break;
  248. }
  249. }
  250. }
  251. }
  252. return toUserStr;
  253. }
  254. //格式化满意度
  255. function formatterScore(val){
  256. //1 差、2 不满意、3 一般、4 满意、5 很满意
  257. var stateClass = 'timeout_default';
  258. var stateTxt = '-';
  259. switch (val){
  260. case 1:
  261. stateClass = 'timeout_termination';
  262. stateTxt = '差';
  263. break;
  264. case 2:
  265. stateClass = 'timeout_refuse';
  266. stateTxt = '不满意';
  267. break;
  268. case 3:
  269. stateClass = 'timeout_wait';
  270. stateTxt = '一般';
  271. break;
  272. case 4:
  273. stateClass = 'timeout_doned';
  274. stateTxt = '满意';
  275. break;
  276. case 5:
  277. stateClass = 'timeout_success';
  278. stateTxt = '很满意';
  279. break;
  280. default:
  281. stateClass = 'timeout_default';
  282. stateTxt = '-';
  283. break;
  284. }
  285. return '<span class="' + stateClass + '">' + stateTxt + '</span>';
  286. }
  287. // 格式化报修地点
  288. function formatterRepairPlace(val, row){
  289. return val + ' ' + (row.repairoom || '')
  290. }
  291. //故障说明
  292. function formatterDescripe(val) {
  293. if(val) {
  294. //var strD = decodeURIComponent(val);
  295. if(val.length > 12) {
  296. val = val.substring(0, 12) + '...';
  297. }
  298. return val;
  299. }
  300. }
  301. //省市
  302. function formatterLocation(val, row) {
  303. return '<div>' + val + '' + row.city + '</div>'
  304. }
  305. //工单状态
  306. function formatterState(val, row) {
  307. var str = '',
  308. className = '';
  309. switch(val) {
  310. case 0:
  311. str = '新工单';
  312. className = 'state_audit_wait';
  313. break;
  314. case 1: //已接收
  315. str = "已接单";
  316. className = 'state_audit_doned';
  317. break;
  318. case 2:
  319. str = "已处理";
  320. className = 'state_audit_refuse';
  321. break;
  322. case 3:
  323. str = "已完结";
  324. className = 'state_audit_done';
  325. break;
  326. case 7:
  327. str = "挂起";
  328. className = 'state_audit_revoke';
  329. break;
  330. case 8:
  331. str = "已取消";
  332. className = 'state_audit_hang';
  333. break;
  334. default:
  335. str = "其他";
  336. className = 'state_audit_other';
  337. break;
  338. }
  339. return '<a href="javaScript:;" class="state_audit ' + className + '">' + str + '</a>'
  340. }
  341. //导出
  342. // function btn_export() {
  343. // window.location.href = huayi.config.callcenter_url + "equipmentapi/api/WoRepairBase/exportexcelwcode?Jwocode=" + deptname
  344. // }
  345. </script>
  346. </body>
  347. </html>