index.html 60 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696
  1. <!DOCTYPE html>
  2. <html lang="zh-cn">
  3. <head id="head">
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1" />
  7. <title>报修平台</title>
  8. <script src="./js/isLogin.js"></script>
  9. <link rel="stylesheet" href="./css/base.css" />
  10. <link rel="stylesheet" href="./css/index.css" />
  11. <link rel="stylesheet" href="./css/iconfont/iconfont.css" />
  12. <script src="./libs/jquery-1.9.1.min.js"></script>
  13. <script src="./libs/jquery.placeholder.js"></script>
  14. <!--[if lt IE 10]>
  15. <script src="./libs/html5shiv.js"></script>
  16. <![endif]-->
  17. </head>
  18. <body>
  19. <header class="clearfix">
  20. <div class="fl logo" id="logo"></div>
  21. <div class="fr logOut">
  22. <span class="user"></span>
  23. <span class="down"></span>
  24. <ul class="logOutWrap">
  25. <!-- <li class="changeBtn">修改密码</li> -->
  26. <li class="logOutBtn">退出</li>
  27. </ul>
  28. </div>
  29. </header>
  30. <article>
  31. <div class="content">
  32. <div class="left fl">
  33. <div class="top opcBg">
  34. <div class="title">
  35. <i class="iconfont dsit-gonggaoliebiao"></i> 最新公告
  36. </div>
  37. <div id="notice_list">
  38. <div class="loading"></div>
  39. </div>
  40. </div>
  41. <div class="bottom">
  42. <div class="con opcBg">
  43. <div class="title">
  44. <i class="iconfont dsit-changjianwenti2"></i>
  45. <span>常见问题</span>
  46. <div class="searchBox">
  47. <input
  48. class="searchPro"
  49. id="searchPro"
  50. type="text"
  51. value="请输入关键字"
  52. />
  53. <span class="icon" id="searchProSubmit">
  54. <i class="iconfont dsit-sousuo"></i>
  55. </span>
  56. </div>
  57. </div>
  58. <div class="con-wrap" id="solution_list"></div>
  59. <div class="loading"></div>
  60. </div>
  61. </div>
  62. </div>
  63. <div class="center fl opcBg">
  64. <div class="centerTitle title">事件报修</div>
  65. <div class="form">
  66. <div class="formItem repairFlagReverse">
  67. <!--seimin-->
  68. <div class="label"><span class="required">*</span>报修科室:</div>
  69. <div class="ks">
  70. <input
  71. type="text"
  72. id="bx_ks"
  73. value="请选择报修科室"
  74. autocomplete="off"
  75. />
  76. <ul id="bx_ks_ul"></ul>
  77. </div>
  78. </div>
  79. <div class="formItem">
  80. <div class="label">
  81. <span class="required repairFlag">*</span>联系人:
  82. </div>
  83. <div class="inpBox">
  84. <input
  85. class="concats"
  86. type="text"
  87. value="请输入联系人"
  88. id="bx_name"
  89. autocomplete="off"
  90. />
  91. </div>
  92. </div>
  93. <div class="formItem">
  94. <div class="label"><span class="required">*</span>联系电话:</div>
  95. <div class="inpBox">
  96. <input
  97. class="tel"
  98. type="text"
  99. value="请输入联系电话"
  100. id="bx_tel"
  101. autocomplete="off"
  102. />
  103. </div>
  104. </div>
  105. <div id="areaPlaceRoom"></div>
  106. <!-- 详细地址 -->
  107. <div class="formItem">
  108. <div class="label"><span class="required">*</span>详细地址:</div>
  109. <div class="address">
  110. <textarea class="textarea" id="bx_address">
  111. 请输入详细的地址</textarea
  112. >
  113. </div>
  114. </div>
  115. <div class="formItem" id="if_bx_eventClass">
  116. <div class="label">
  117. <span class="required repairFlag">*</span>报修类别:
  118. </div>
  119. <div class="inpBox bx_eventClass">
  120. <select
  121. placeholder="请选择报修类别"
  122. id="bx_eventClass"
  123. autocomplete="off"
  124. ></select>
  125. </div>
  126. </div>
  127. <!-- 报修内容 -->
  128. <div class="formItem">
  129. <div class="label"><span class="required">*</span>报修内容:</div>
  130. <div class="repair">
  131. <textarea class="textarea" id="bx_description">
  132. 请输入报修的内容</textarea
  133. >
  134. </div>
  135. </div>
  136. <!-- 报修图片 -->
  137. <div class="formItem">
  138. <div class="label">
  139. 报修图片<strong
  140. >(最多可上传3张JPG或PNG,每张不能超过10M)</strong
  141. >
  142. </div>
  143. <ul class="f-images-list clearfix" id="f-images-list">
  144. <li class="f-images-item f-images-item--file">
  145. <form
  146. enctype="multipart/form-data"
  147. class="form-file"
  148. method="post"
  149. >
  150. <input
  151. type="file"
  152. class="f-file"
  153. name="file"
  154. accept="image/png,image/jpeg,image/jpg"
  155. />
  156. <input
  157. type="submit"
  158. class="f-input-submit"
  159. value="提交"
  160. style="display: none"
  161. />
  162. </form>
  163. </li>
  164. </ul>
  165. </div>
  166. <!-- 提交 -->
  167. <input
  168. type="button"
  169. class="f-submit"
  170. id="f-submit"
  171. value="提交报修"
  172. />
  173. </div>
  174. </div>
  175. <!-- 最新报修 -->
  176. <div class="right fl opcBg">
  177. <div class="title opcBg_title clearfix" id="demo">
  178. <!-- <div class="opcBg_item fl active">
  179. <i class="iconfont dsit-wodebaoxiu"></i> 最新报修
  180. </div>
  181. <div class="opcBg_item fr">
  182. <i class="iconfont dsit-sousuo"></i> 电话查号
  183. </div> -->
  184. </div>
  185. <div class="searchBox opcBg_searchBox">
  186. <input
  187. class="searchPro"
  188. id="searchPro1"
  189. type="text"
  190. value="可简拼、名称搜索"
  191. />
  192. <span class="icon" id="searchProSubmit1">
  193. <i class="iconfont dsit-sousuo"></i>
  194. </span>
  195. </div>
  196. <ul class="r-list" id="bx_list"></ul>
  197. <div class="loading"></div>
  198. </div>
  199. </div>
  200. </article>
  201. <!-- pop1 -->
  202. <div id="pop1"></div>
  203. <!-- 遮罩 -->
  204. <div id="mask"></div>
  205. </body>
  206. <script src="./libs/jquery.nicescroll.min.js"></script>
  207. <script src="./libs/es5-shim.min.js"></script>
  208. <script src="./libs/es5-sham.min.js"></script>
  209. <script src="./libs/json3.min.js"></script>
  210. <script src="./libs/template-web.min.js"></script>
  211. <!-- areaPlaceRoom -->
  212. <script id="areaPlaceRoom_temp" type="text/html">
  213. {{if ifRoom == 1}}
  214. <!-- 区域地点房间号 -->
  215. <div class="formItem">
  216. <div class="label"><span class="required">*</span>区域地点房间号:</div>
  217. <div>
  218. <div class="areaplace">
  219. <div class="areaBox clearfix">
  220. <select
  221. class="fl"
  222. id="area_list"
  223. style="font-size: 12px;width: 115px;margin-right: 8px;"
  224. ></select>
  225. <select
  226. class="fl"
  227. id="place_list"
  228. style="font-size: 12px;width: 115px;margin-right: 8px;"
  229. ></select>
  230. <select
  231. class="fr"
  232. id="room_list"
  233. style="font-size: 12px;width: 115px;"
  234. ></select>
  235. </div>
  236. </div>
  237. </div>
  238. </div>
  239. {{else}}
  240. <!-- 校区区域地点 -->
  241. <div class="formItem">
  242. <div class="label"><span class="required">*</span>校区区域地点:</div>
  243. <div>
  244. <div class="areaplace">
  245. <div class="areaBox clearfix">
  246. <select class="fl" id="branch_list" style="font-size: 12px;width: 115px;margin-right: 8px;"></select>
  247. <select class="fl" id="area_list" style="font-size: 12px;width: 115px;margin-right: 8px;"></select>
  248. <select class="fr" id="place_list" style="font-size: 12px;width: 115px;"></select>
  249. </div>
  250. </div>
  251. </div>
  252. </div>
  253. {{/if}}
  254. </script>
  255. <!-- favicon -->
  256. <script id="favicon_temp" type="text/html">
  257. {{if isVersion === 'isZncd'}}
  258. <link
  259. rel="icon"
  260. type="image/png"
  261. sizes="32x32"
  262. href="/imgs/logo_zuel.png"
  263. />
  264. {{else if isVersion === 'isHk'}}
  265. <link rel="icon" type="image/png" sizes="32x32" href="/imgs/logo_hk.png" />
  266. {{else}}
  267. <link
  268. rel="icon"
  269. type="image/png"
  270. sizes="32x32"
  271. href="/imgs/logo_default.png"
  272. />
  273. {{/if}}
  274. </script>
  275. <!-- logo -->
  276. <script id="logo_temp" type="text/html">
  277. {{if isVersion === 'isZncd'}}
  278. <img src="./imgs/logo_zuel.png" alt="" />
  279. {{else if isVersion === 'isHk'}}
  280. <img src="./imgs/logo_hk.png" alt="" />
  281. {{else}}
  282. <img src="./imgs/logo_default.png" alt="" />
  283. {{/if}}
  284. <span>报修平台</span>
  285. <span class="line">|</span>
  286. <span>网络与信息运维服务平台</span>
  287. </script>
  288. <!-- demo -->
  289. <script id="demo_temp" type="text/html">
  290. {{if account === 'ITIL_test2'||account === 'Z0003865'||account ===
  291. 'wangyaxiang'||account === 'Z0004571'}}
  292. <div class="opcBg_item fl active">
  293. <i class="iconfont dsit-wodebaoxiu"></i> 最新报修
  294. </div>
  295. <div class="opcBg_item fr">
  296. <i class="iconfont dsit-sousuo"></i> 电话查号
  297. </div>
  298. {{else}}
  299. <div
  300. class="opcBg_item fl"
  301. style="width: 100%;padding-left: 16px;text-align: left;"
  302. >
  303. <i class="iconfont dsit-wodebaoxiu"></i> 最新报修
  304. </div>
  305. {{/if}}
  306. </script>
  307. <!-- 填充科室 -->
  308. <script id="bx_ks_ul_temp" type="text/html">
  309. {{each list}}
  310. <li data-id="{{$value.id}}">{{$value.dept}}</li>
  311. {{/each}}
  312. </script>
  313. <!-- 故障地点seimin -->
  314. <script id="bx_address_ul_temp" type="text/html">
  315. {{each list}}
  316. <li data-id="{{$value.id}}">
  317. {{$value.place?$value.area.area+$value.place:$value.area}}
  318. </li>
  319. {{/each}}
  320. </script>
  321. <!-- 公告列表3条 -->
  322. <script id="notice_list_temp" type="text/html">
  323. {{if list.length == 0}}
  324. <div class="noContent">
  325. <img src="./imgs/img_wugonggao.png" alt="" />
  326. <p>暂无最新公告</p>
  327. </div>
  328. {{else}} {{each list}}
  329. <div class="infoItem noticeItem">
  330. <div class="content">
  331. <p class="oneline">{{$value.title}}</p>
  332. <div class="detail" data-id="{{$value.id}}">详情</div>
  333. </div>
  334. <div class="time">{{$value.createTime|dateTime}}</div>
  335. </div>
  336. {{/each}} {{/if}}
  337. </script>
  338. <!-- 公告详情弹窗 -->
  339. <script id="notice_detail_temp" type="text/html">
  340. <!-- 标题 -->
  341. <h2 class="pop1-title">
  342. <span>公告查看</span
  343. ><i class="pop1-title-icon iconfont dsit-false-circle"></i>
  344. </h2>
  345. <!-- 主体 -->
  346. <div class="pop1-hd">
  347. <div class="pop1-hd__item notice">
  348. <h3>{{title}}</h3>
  349. <p class="notice-dept">部门:{{dept.dept}}</p>
  350. <p class="notice-createTime">创建时间:{{createTime|dateTime}}</p>
  351. <p class="notice-content">{{@(content?content:'')}}</p>
  352. </div>
  353. </div>
  354. <!-- 按钮 -->
  355. <div class="pop1-operate">
  356. <div class="pop1-twoBtn">
  357. <div class="pop1-operateBtn twoConfirm"></div>
  358. <div class="pop1-operateBtn twoCancel"></div>
  359. </div>
  360. <div class="pop1-oneBtn">
  361. <div class="pop1-operateBtn oneConfirm"></div>
  362. </div>
  363. </div>
  364. </script>
  365. <!-- 常见问题列表 -->
  366. <script id="solution_list_temp" type="text/html">
  367. {{if list.length == 0}}
  368. <div class="noContent">
  369. <img src="./imgs/img_wugonggao.png" alt="" />
  370. <p>暂无常见问题</p>
  371. </div>
  372. {{else}} {{each list}}
  373. <div class="infoItem">
  374. <div class="content">
  375. <p class="oneline">
  376. <span class="bolderFont">主题:</span>{{$value.title}}
  377. </p>
  378. <div class="detail" data-id="{{$value.id}}">详情</div>
  379. </div>
  380. <div class="content second">
  381. <div class="twoline">{{@($value.content?$value.content:'')}}</div>
  382. </div>
  383. <div class="time">
  384. <span>{{$value.createtime}}</span>
  385. <span class="fr">点赞:{{$value.star}}</span>
  386. </div>
  387. </div>
  388. {{/each}} {{/if}}
  389. </script>
  390. <!-- 常见问题详情弹窗 -->
  391. <script id="solution_detail_temp" type="text/html">
  392. <!-- 标题 -->
  393. <h2 class="pop1-title">
  394. <span>知识库查看</span
  395. ><i class="pop1-title-icon iconfont dsit-false-circle"></i>
  396. </h2>
  397. <!-- 主体 -->
  398. <div class="pop1-hd">
  399. <div class="pop1-hd__item solution">
  400. <h3>主题:{{title}}</h3>
  401. <p class="solution-createUser">创建人:{{createUser.name}}</p>
  402. <p class="solution-createtime">创建时间:{{createtime}}</p>
  403. <p class="solution-content">解决方案:{{@(content?content:'')}}</p>
  404. </div>
  405. </div>
  406. <!-- 按钮 -->
  407. <div class="pop1-operate">
  408. <div class="pop1-twoBtn">
  409. <div class="pop1-operateBtn twoConfirm"></div>
  410. <div class="pop1-operateBtn twoCancel"></div>
  411. </div>
  412. <div class="pop1-oneBtn">
  413. <div class="pop1-operateBtn oneConfirm"></div>
  414. </div>
  415. </div>
  416. </script>
  417. <!-- 校区 -->
  418. <script id="branch_list_temp" type="text/html">
  419. {{each list}}
  420. <option value="{{$value.id}}">{{$value.hosName}}</option>
  421. {{/each}}
  422. </script>
  423. <!-- 区域 -->
  424. <script id="area_list_temp" type="text/html">
  425. {{each list}}
  426. <option value="{{$value.id}}">{{$value.area}}</option>
  427. {{/each}}
  428. </script>
  429. <!-- 地点 -->
  430. <script id="place_list_temp" type="text/html">
  431. {{each list}}
  432. <option value="{{$value.id}}">{{$value.place}}</option>
  433. {{/each}}
  434. </script>
  435. <!-- 房间号 -->
  436. <script id="room_list_temp" type="text/html">
  437. {{each list}}
  438. <option value="{{$value.id}}">{{$value.room}}</option>
  439. {{/each}}
  440. </script>
  441. <!-- 最新报修列表 -->
  442. <script id="bx_list_temp" type="text/html">
  443. {{if data.length == 0}}
  444. <li class="noContent">
  445. <img src="./imgs/img_wubaoxiu.png" alt="" />
  446. <p>暂无最新报修</p>
  447. </li>
  448. {{else}} {{each data}}
  449. <li class="r-item">
  450. <div class="r-item-title">报修单号:<span>{{$value.bxcode}}</span></div>
  451. <p class="r-item-content twoline">报修内容:{{$value.description}}</p>
  452. {{if $value.wxIncidentWithCmdb == 1}}
  453. <p class="r-item-content twoline">资产:{{$value.assetId||'无'}}</p>
  454. {{/if}}
  455. <div class="r-item-info clearfix">
  456. <strong class="fl">{{$value.createTime | dateFormat}}</strong>
  457. <a href="javascript:;" class="r-item-click fr" data-id="{{$value.id}}"
  458. >详情</a
  459. >
  460. </div>
  461. <div class="r-item-process clearfix">
  462. <!-- 未受理(1) 已受理(2) 处理中(3) 待评价(4) -->
  463. <!-- 申请 start -->
  464. {{if $value.processArr[0] == 'current'}}
  465. <div class="r-item-processitem fl end">
  466. <h3>申请</h3>
  467. <div class="outerCircle">
  468. <div class="innerCircle"></div>
  469. </div>
  470. <div class="outerCircleEnd">
  471. <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
  472. </div>
  473. </div>
  474. {{else if $value.processArr[0] === true}}
  475. <div class="r-item-processitem fl active">
  476. <h3>申请</h3>
  477. <div class="outerCircle">
  478. <div class="innerCircle"></div>
  479. </div>
  480. <div class="outerCircleEnd">
  481. <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
  482. </div>
  483. </div>
  484. {{else if $value.processArr[0] === false}}
  485. <div class="r-item-processitem fl">
  486. <h3>申请</h3>
  487. <div class="outerCircle">
  488. <div class="innerCircle"></div>
  489. </div>
  490. <div class="outerCircleEnd">
  491. <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
  492. </div>
  493. </div>
  494. {{/if}}
  495. <!-- 申请 end -->
  496. <!-- 受理 start -->
  497. {{if $value.processArr[1] == 'current'}}
  498. <div class="r-item-processitem fl end">
  499. <h3>受理</h3>
  500. <div class="outerCircle">
  501. <div class="innerCircle"></div>
  502. </div>
  503. <div class="outerCircleEnd">
  504. <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
  505. </div>
  506. </div>
  507. {{else if $value.processArr[1] === true}}
  508. <div class="r-item-processitem fl active">
  509. <h3>受理</h3>
  510. <div class="outerCircle">
  511. <div class="innerCircle"></div>
  512. </div>
  513. <div class="outerCircleEnd">
  514. <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
  515. </div>
  516. </div>
  517. {{else if $value.processArr[1] === false}}
  518. <div class="r-item-processitem fl">
  519. <h3>受理</h3>
  520. <div class="outerCircle">
  521. <div class="innerCircle"></div>
  522. </div>
  523. <div class="outerCircleEnd">
  524. <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
  525. </div>
  526. </div>
  527. {{/if}}
  528. <!-- 受理 end -->
  529. <!-- 处理 start -->
  530. {{if $value.processArr[2] == 'current'}}
  531. <div class="r-item-processitem fl end">
  532. <h3>处理</h3>
  533. <div class="outerCircle">
  534. <div class="innerCircle"></div>
  535. </div>
  536. <div class="outerCircleEnd">
  537. <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
  538. </div>
  539. </div>
  540. {{else if $value.processArr[2] === true}}
  541. <div class="r-item-processitem fl active">
  542. <h3>处理</h3>
  543. <div class="outerCircle">
  544. <div class="innerCircle"></div>
  545. </div>
  546. <div class="outerCircleEnd">
  547. <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
  548. </div>
  549. </div>
  550. {{else if $value.processArr[2] === false}}
  551. <div class="r-item-processitem fl">
  552. <h3>处理</h3>
  553. <div class="outerCircle">
  554. <div class="innerCircle"></div>
  555. </div>
  556. <div class="outerCircleEnd">
  557. <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
  558. </div>
  559. </div>
  560. {{/if}}
  561. <!-- 处理 end -->
  562. <!-- 评价 start -->
  563. {{if $value.processArr[3] == 'current'}}
  564. <div class="r-item-processitem fl end">
  565. <h3>评价</h3>
  566. <div class="outerCircle">
  567. <div class="innerCircle"></div>
  568. </div>
  569. <div class="outerCircleEnd">
  570. <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
  571. </div>
  572. </div>
  573. {{else if $value.processArr[3] === true}}
  574. <div class="r-item-processitem fl active">
  575. <h3>评价</h3>
  576. <div class="outerCircle">
  577. <div class="innerCircle"></div>
  578. </div>
  579. <div class="outerCircleEnd">
  580. <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
  581. </div>
  582. </div>
  583. {{else if $value.processArr[3] === false}}
  584. <div class="r-item-processitem fl">
  585. <h3>评价</h3>
  586. <div class="outerCircle">
  587. <div class="innerCircle"></div>
  588. </div>
  589. <div class="outerCircleEnd">
  590. <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
  591. </div>
  592. </div>
  593. {{/if}}
  594. <!-- 评价 end -->
  595. <!-- 完成 start -->
  596. {{if $value.processArr[4] == 'current'}}
  597. <div class="r-item-processitem fl r-item-processitem__last end">
  598. <h3>完成</h3>
  599. <div class="outerCircle">
  600. <div class="innerCircle"></div>
  601. </div>
  602. <div class="outerCircleEnd">
  603. <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
  604. </div>
  605. </div>
  606. {{else if $value.processArr[4] === true}}
  607. <div class="r-item-processitem fl r-item-processitem__last active">
  608. <h3>完成</h3>
  609. <div class="outerCircle">
  610. <div class="innerCircle"></div>
  611. </div>
  612. <div class="outerCircleEnd">
  613. <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
  614. </div>
  615. </div>
  616. {{else if $value.processArr[4] === false}}
  617. <div class="r-item-processitem fl r-item-processitem__last">
  618. <h3>完成</h3>
  619. <div class="outerCircle">
  620. <div class="innerCircle"></div>
  621. </div>
  622. <div class="outerCircleEnd">
  623. <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
  624. </div>
  625. </div>
  626. {{/if}}
  627. <!-- 完成 end -->
  628. </div>
  629. </li>
  630. {{/each}} {{/if}}
  631. </script>
  632. <!-- 电话查号结果列表 -->
  633. <script id="ch_list_temp" type="text/html">
  634. {{if list.length == 0}}
  635. <li class="noContent">
  636. <img src="./imgs/img_wubaoxiu.png" alt="" />
  637. <p>暂无数据</p>
  638. </li>
  639. {{else}} {{each list}}
  640. <li class="r-item hauto">
  641. <div class="r-item-title twoline"><span>{{$value.dept}}</span></div>
  642. <p class="r-item-content hauto">单位名称:{{$value.unit.unit}}</p>
  643. <p class="r-item-content hauto">单位电话:{{$value.phone}}</p>
  644. <p class="r-item-content hauto">办公地址:{{$value.address}}</p>
  645. </li>
  646. {{/each}} {{/if}}
  647. </script>
  648. <!-- 电话查号列表 -->
  649. <script id="ch_search_list_temp" type="text/html">
  650. {{if list.length == 0}}
  651. <li class="noContent">
  652. <img src="./imgs/img_wubaoxiu.png" alt="" />
  653. <p>暂无数据</p>
  654. </li>
  655. {{else}} {{each list}}
  656. <li class="r-item hauto clearfix ch-search">
  657. <i class="iconfont dsit-sousuo r-icon"></i>
  658. <div class="r-icon-search">
  659. {{if $value.unit.id}}
  660. <p class="r-item-content hauto">单位:{{$value.unit.unit}}</p>
  661. <p class="r-item-content hauto">部门:{{$value.dept}}</p>
  662. {{else}}
  663. <p class="r-item-content hauto">单位:{{$value.unit}}</p>
  664. {{/if}}
  665. </div>
  666. </li>
  667. {{/each}} {{/if}}
  668. </script>
  669. <!-- 申请(1)详情 -->
  670. <script id="bx1_detail_temp" type="text/html">
  671. <h2 class="pop1-title">
  672. <span>报修查看</span
  673. ><i class="pop1-title-icon iconfont dsit-false-circle"></i>
  674. </h2>
  675. <div class="pop1-hd">
  676. <div class="pop1-hd__item">
  677. <h3>报修信息</h3>
  678. <ul class="pop1-hd__itemBlock clearfix">
  679. <li class="pop1-hd__itemList pop1-hd__itemList--five">
  680. <strong>报修编号:</strong><span>{{bxcode}}</span>
  681. </li>
  682. <li
  683. class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
  684. >
  685. <strong>状态:</strong><span>{{state.name}}</span>
  686. </li>
  687. {{if incident.category}}
  688. <li class="pop1-hd__itemList">
  689. <strong>报修类别:</strong
  690. ><span>{{incident.category.category}}</span>
  691. </li>
  692. {{/if}}
  693. <li class="pop1-hd__itemList">
  694. <strong>报修内容:</strong><span>{{description}}</span>
  695. </li>
  696. <li class="pop1-hd__itemList">
  697. <strong>报修图片:</strong>
  698. <div class="pop1-hd__itemListImgs clearfix">
  699. {{each imgList}}
  700. <img src="{{$value.previewUrl}}" class="pop1-hd__itemBxImgs" />
  701. {{/each}}
  702. </div>
  703. </li>
  704. <li class="pop1-hd__itemList">
  705. <strong>报修地址:</strong>
  706. <span>
  707. {{branch?branch.hosName:''}} {{place ? place.area.area + ' ' + place.place : ''}} {{address}}
  708. </span>
  709. </li>
  710. {{if wxIncidentWithCmdb == 1}}
  711. <li class="pop1-hd__itemList">
  712. <strong>资产:</strong>
  713. <span>{{assetId||'无'}}</span>
  714. </li>
  715. {{/if}}
  716. </ul>
  717. </div>
  718. <div class="pop1-hd__item">
  719. <h3>处理进度</h3>
  720. <ul class="pop1-hd__itemBlock clearfix">
  721. <li class="pop1-hd__itemList pop1-hd__itemList--five">
  722. <strong>维修人:</strong
  723. ><span
  724. >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.name:'暂无'}}</span
  725. >
  726. </li>
  727. <li
  728. class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
  729. >
  730. <strong>电话:</strong
  731. ><span
  732. >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.phone:'暂无'}}</span
  733. >
  734. </li>
  735. <li class="pop1-hd__itemList">
  736. <strong>处理进度:</strong>
  737. <div class="pop1-hd__itemListProcess clearfix">
  738. <div class="pop1-hd__processRight fr">
  739. <div class="pop1-hd__processRightItem">
  740. <span>{{time|dateFormat}}</span>
  741. <p>{{processList[0].desc}}</p>
  742. <h4 class="end">{{processList[0].name}}</h4>
  743. <div class="pop1-hd__processCircle end"></div>
  744. </div>
  745. </div>
  746. </div>
  747. </li>
  748. </ul>
  749. </div>
  750. <div class="pop1-hd__item">
  751. <h3>沟通记录</h3>
  752. <table class="pop1-hd__table">
  753. <tr>
  754. <td class="xh">序号</td>
  755. <td class="date">沟通时间</td>
  756. <td class="clr">操作人</td>
  757. <td>沟通结果</td>
  758. </tr>
  759. {{each incident.handlerLogs}}
  760. <tr>
  761. <td>{{$index + 1}}</td>
  762. <td>{{$value.opTime | dateFormat}}</td>
  763. <td>{{$value.userName}}</td>
  764. <td>{{$value.opValue}}</td>
  765. </tr>
  766. {{/each}}
  767. </table>
  768. </div>
  769. </div>
  770. <div class="pop1-operate">
  771. <div class="pop1-twoBtn">
  772. <div class="pop1-operateBtn twoConfirm">确定</div>
  773. <div class="pop1-operateBtn twoCancel">取消</div>
  774. </div>
  775. <div class="pop1-oneBtn">
  776. <div class="pop1-operateBtn oneConfirm">知道了</div>
  777. </div>
  778. </div>
  779. </script>
  780. <!-- 受理(2)详情 -->
  781. <script id="bx2_detail_temp" type="text/html">
  782. <h2 class="pop1-title">
  783. <span>报修查看</span
  784. ><i class="pop1-title-icon iconfont dsit-false-circle"></i>
  785. </h2>
  786. <div class="pop1-hd">
  787. <div class="pop1-hd__item">
  788. <h3>报修信息</h3>
  789. <ul class="pop1-hd__itemBlock clearfix">
  790. <li class="pop1-hd__itemList pop1-hd__itemList--five">
  791. <strong>报修编号:</strong><span>{{bxcode}}</span>
  792. </li>
  793. <li
  794. class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
  795. >
  796. <strong>状态:</strong><span>{{state.name}}</span>
  797. </li>
  798. {{if incident.category}}
  799. <li class="pop1-hd__itemList">
  800. <strong>报修类别:</strong
  801. ><span>{{incident.category.category}}</span>
  802. </li>
  803. {{/if}}
  804. <li class="pop1-hd__itemList">
  805. <strong>报修内容:</strong><span>{{description}}</span>
  806. </li>
  807. <li class="pop1-hd__itemList">
  808. <strong>报修图片:</strong>
  809. <div class="pop1-hd__itemListImgs clearfix">
  810. {{each imgList}}
  811. <img src="{{$value.previewUrl}}" class="pop1-hd__itemBxImgs" />
  812. {{/each}}
  813. </div>
  814. </li>
  815. <li class="pop1-hd__itemList">
  816. <strong>报修地址:</strong>
  817. <span>
  818. {{branch?branch.hosName:''}} {{place ? place.area.area + ' ' + place.place : ''}} {{address}}
  819. </span>
  820. </li>
  821. {{if wxIncidentWithCmdb == 1}}
  822. <li class="pop1-hd__itemList">
  823. <strong>资产:</strong>
  824. <span>{{assetId||'无'}}</span>
  825. </li>
  826. {{/if}}
  827. </ul>
  828. </div>
  829. <div class="pop1-hd__item">
  830. <h3>处理进度</h3>
  831. <ul class="pop1-hd__itemBlock clearfix">
  832. <li class="pop1-hd__itemList pop1-hd__itemList--five">
  833. <strong>维修人:</strong
  834. ><span
  835. >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.name:'暂无'}}</span
  836. >
  837. </li>
  838. <li
  839. class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
  840. >
  841. <strong>电话:</strong
  842. ><span
  843. >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.phone:'暂无'}}</span
  844. >
  845. </li>
  846. <li class="pop1-hd__itemList">
  847. <strong>处理进度:</strong>
  848. <div class="pop1-hd__itemListProcess clearfix">
  849. <div class="pop1-hd__processRight fr">
  850. <div class="pop1-hd__processRightItem">
  851. <span>{{timeList[1].endTime}}</span>
  852. <p>{{processList[1].desc}}</p>
  853. <h4 class="end">{{processList[1].name}}</h4>
  854. <div class="pop1-hd__processCircle end"></div>
  855. </div>
  856. <div class="pop1-hd__processRightItem">
  857. <span>{{time|dateFormat}}</span>
  858. <p>{{processList[0].desc}}</p>
  859. <h4>{{processList[0].name}}</h4>
  860. <div class="pop1-hd__processCircle"></div>
  861. </div>
  862. </div>
  863. </div>
  864. </li>
  865. </ul>
  866. </div>
  867. <div class="pop1-hd__item">
  868. <h3>沟通记录</h3>
  869. <table class="pop1-hd__table">
  870. <tr>
  871. <td class="xh">序号</td>
  872. <td class="date">沟通时间</td>
  873. <td class="clr">操作人</td>
  874. <td>沟通结果</td>
  875. </tr>
  876. {{each incident.handlerLogs}}
  877. <tr>
  878. <td>{{$index + 1}}</td>
  879. <td>{{$value.opTime | dateFormat}}</td>
  880. <td>{{$value.userName}}</td>
  881. <td>{{$value.opValue}}</td>
  882. </tr>
  883. {{/each}}
  884. </table>
  885. </div>
  886. </div>
  887. <div class="pop1-operate">
  888. <div class="pop1-twoBtn">
  889. <div class="pop1-operateBtn twoConfirm">确定</div>
  890. <div class="pop1-operateBtn twoCancel">取消</div>
  891. </div>
  892. <div class="pop1-oneBtn">
  893. <div class="pop1-operateBtn oneConfirm">知道了</div>
  894. </div>
  895. </div>
  896. </script>
  897. <!-- 处理(3)详情 -->
  898. <script id="bx3_detail_temp" type="text/html">
  899. <h2 class="pop1-title">
  900. <span>报修查看</span
  901. ><i class="pop1-title-icon iconfont dsit-false-circle"></i>
  902. </h2>
  903. <div class="pop1-hd">
  904. <div class="pop1-hd__item">
  905. <h3>报修信息</h3>
  906. <ul class="pop1-hd__itemBlock clearfix">
  907. <li class="pop1-hd__itemList pop1-hd__itemList--five">
  908. <strong>报修编号:</strong><span>{{bxcode}}</span>
  909. </li>
  910. <li
  911. class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
  912. >
  913. <strong>状态:</strong><span>{{state.name}}</span>
  914. </li>
  915. {{if incident.category}}
  916. <li class="pop1-hd__itemList">
  917. <strong>报修类别:</strong
  918. ><span>{{incident.category.category}}</span>
  919. </li>
  920. {{/if}}
  921. <li class="pop1-hd__itemList">
  922. <strong>报修内容:</strong><span>{{description}}</span>
  923. </li>
  924. <li class="pop1-hd__itemList">
  925. <strong>报修图片:</strong>
  926. <div class="pop1-hd__itemListImgs clearfix">
  927. {{each imgList}}
  928. <img src="{{$value.previewUrl}}" class="pop1-hd__itemBxImgs" />
  929. {{/each}}
  930. </div>
  931. </li>
  932. <li class="pop1-hd__itemList">
  933. <strong>报修地址:</strong>
  934. <span>
  935. {{branch?branch.hosName:''}} {{place ? place.area.area + ' ' + place.place : ''}} {{address}}
  936. </span>
  937. </li>
  938. {{if wxIncidentWithCmdb == 1}}
  939. <li class="pop1-hd__itemList">
  940. <strong>资产:</strong>
  941. <span>{{assetId||'无'}}</span>
  942. </li>
  943. {{/if}}
  944. </ul>
  945. </div>
  946. <div class="pop1-hd__item">
  947. <h3>处理进度</h3>
  948. <ul class="pop1-hd__itemBlock clearfix">
  949. <li class="pop1-hd__itemList pop1-hd__itemList--five">
  950. <strong>维修人:</strong
  951. ><span
  952. >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.name:'暂无'}}</span
  953. >
  954. </li>
  955. <li
  956. class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
  957. >
  958. <strong>电话:</strong
  959. ><span
  960. >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.phone:'暂无'}}</span
  961. >
  962. </li>
  963. <li class="pop1-hd__itemList">
  964. <strong>处理进度:</strong>
  965. <div class="pop1-hd__itemListProcess clearfix">
  966. <div class="pop1-hd__processRight fr">
  967. <div class="pop1-hd__processRightItem">
  968. <span>{{timeList[2].endTime}}</span>
  969. <p>{{processList[2].desc}}</p>
  970. <h4 class="end">{{processList[2].name}}</h4>
  971. <div class="pop1-hd__processCircle end"></div>
  972. </div>
  973. <div class="pop1-hd__processRightItem">
  974. <span>{{timeList[1].endTime}}</span>
  975. <p>{{processList[1].desc}}</p>
  976. <h4>{{processList[1].name}}</h4>
  977. <div class="pop1-hd__processCircle"></div>
  978. </div>
  979. <div class="pop1-hd__processRightItem">
  980. <span>{{time|dateFormat}}</span>
  981. <p>{{processList[0].desc}}</p>
  982. <h4>{{processList[0].name}}</h4>
  983. <div class="pop1-hd__processCircle"></div>
  984. </div>
  985. </div>
  986. </div>
  987. </li>
  988. </ul>
  989. </div>
  990. <div class="pop1-hd__item">
  991. <h3>沟通记录</h3>
  992. <table class="pop1-hd__table">
  993. <tr>
  994. <td class="xh">序号</td>
  995. <td class="date">沟通时间</td>
  996. <td class="clr">操作人</td>
  997. <td>沟通结果</td>
  998. </tr>
  999. {{each incident.handlerLogs}}
  1000. <tr>
  1001. <td>{{$index + 1}}</td>
  1002. <td>{{$value.opTime | dateFormat}}</td>
  1003. <td>{{$value.userName}}</td>
  1004. <td>{{$value.opValue}}</td>
  1005. </tr>
  1006. {{/each}}
  1007. </table>
  1008. </div>
  1009. </div>
  1010. <div class="pop1-operate">
  1011. <div class="pop1-twoBtn">
  1012. <div class="pop1-operateBtn twoConfirm">确定</div>
  1013. <div class="pop1-operateBtn twoCancel">取消</div>
  1014. </div>
  1015. <div class="pop1-oneBtn">
  1016. <div class="pop1-operateBtn oneConfirm">知道了</div>
  1017. </div>
  1018. </div>
  1019. </script>
  1020. <!-- 评价(4)详情 -->
  1021. <script id="bx4_detail_temp" type="text/html">
  1022. <h2 class="pop1-title">
  1023. <span>报修查看</span
  1024. ><i class="pop1-title-icon iconfont dsit-false-circle"></i>
  1025. </h2>
  1026. <div class="pop1-hd">
  1027. <div class="pop1-hd__item">
  1028. <h3>报修信息</h3>
  1029. <ul class="pop1-hd__itemBlock clearfix">
  1030. <li class="pop1-hd__itemList pop1-hd__itemList--five">
  1031. <strong>报修编号:</strong><span>{{bxcode}}</span>
  1032. </li>
  1033. <li
  1034. class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
  1035. >
  1036. <strong>状态:</strong><span>{{state.name}}</span>
  1037. </li>
  1038. {{if incident.category}}
  1039. <li class="pop1-hd__itemList">
  1040. <strong>报修类别:</strong
  1041. ><span>{{incident.category.category}}</span>
  1042. </li>
  1043. {{/if}}
  1044. <li class="pop1-hd__itemList">
  1045. <strong>报修内容:</strong><span>{{description}}</span>
  1046. </li>
  1047. <li class="pop1-hd__itemList">
  1048. <strong>报修图片:</strong>
  1049. <div class="pop1-hd__itemListImgs clearfix">
  1050. {{each imgList}}
  1051. <img src="{{$value.previewUrl}}" class="pop1-hd__itemBxImgs" />
  1052. {{/each}}
  1053. </div>
  1054. </li>
  1055. <li class="pop1-hd__itemList">
  1056. <strong>报修地址:</strong>
  1057. <span>
  1058. {{branch?branch.hosName:''}} {{place ? place.area.area + ' ' + place.place : ''}} {{address}}
  1059. </span>
  1060. </li>
  1061. {{if wxIncidentWithCmdb == 1}}
  1062. <li class="pop1-hd__itemList">
  1063. <strong>资产:</strong>
  1064. <span>{{assetId||'无'}}</span>
  1065. </li>
  1066. {{/if}}
  1067. </ul>
  1068. </div>
  1069. <div class="pop1-hd__item">
  1070. <h3>处理进度</h3>
  1071. <ul class="pop1-hd__itemBlock clearfix">
  1072. <li class="pop1-hd__itemList pop1-hd__itemList--five">
  1073. <strong>维修人:</strong
  1074. ><span
  1075. >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.name:'暂无'}}</span
  1076. >
  1077. </li>
  1078. <li
  1079. class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
  1080. >
  1081. <strong>电话:</strong
  1082. ><span
  1083. >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.phone:'暂无'}}</span
  1084. >
  1085. </li>
  1086. <li class="pop1-hd__itemList">
  1087. <strong>处理进度:</strong>
  1088. <div class="pop1-hd__itemListProcess clearfix">
  1089. <div class="pop1-hd__processRight fr">
  1090. <div class="pop1-hd__processRightItem">
  1091. <span>{{timeList[3].endTime}}</span>
  1092. <p>{{processList[3].desc}}</p>
  1093. <h4 class="end">{{processList[3].name}}</h4>
  1094. <div class="pop1-hd__processCircle end"></div>
  1095. </div>
  1096. <div class="pop1-hd__processRightItem">
  1097. <span>{{timeList[2].endTime}}</span>
  1098. <p>{{processList[2].desc}}</p>
  1099. <h4>{{processList[2].name}}</h4>
  1100. <div class="pop1-hd__processCircle"></div>
  1101. </div>
  1102. <div class="pop1-hd__processRightItem">
  1103. <span>{{timeList[1].endTime}}</span>
  1104. <p>{{processList[1].desc}}</p>
  1105. <h4>{{processList[1].name}}</h4>
  1106. <div class="pop1-hd__processCircle"></div>
  1107. </div>
  1108. <div class="pop1-hd__processRightItem">
  1109. <span>{{time|dateFormat}}</span>
  1110. <p>{{processList[0].desc}}</p>
  1111. <h4>{{processList[0].name}}</h4>
  1112. <div class="pop1-hd__processCircle"></div>
  1113. </div>
  1114. </div>
  1115. </div>
  1116. </li>
  1117. </ul>
  1118. </div>
  1119. <div class="pop1-hd__item">
  1120. <h3>沟通记录</h3>
  1121. <table class="pop1-hd__table">
  1122. <tr>
  1123. <td class="xh">序号</td>
  1124. <td class="date">沟通时间</td>
  1125. <td class="clr">操作人</td>
  1126. <td>沟通结果</td>
  1127. </tr>
  1128. {{each incident.handlerLogs}}
  1129. <tr>
  1130. <td>{{$index + 1}}</td>
  1131. <td>{{$value.opTime | dateFormat}}</td>
  1132. <td>{{$value.userName}}</td>
  1133. <td>{{$value.opValue}}</td>
  1134. </tr>
  1135. {{/each}}
  1136. </table>
  1137. </div>
  1138. </div>
  1139. <div class="pop1-operate">
  1140. <div class="pop1-twoBtn">
  1141. <div class="pop1-operateBtn twoConfirm">确定</div>
  1142. <div class="pop1-operateBtn twoCancel">取消</div>
  1143. </div>
  1144. <div class="pop1-oneBtn">
  1145. <div class="pop1-operateBtn oneConfirm">知道了</div>
  1146. </div>
  1147. </div>
  1148. </script>
  1149. <!-- 完成-不受理(5)详情 -->
  1150. <script id="bx5_detail_temp" type="text/html">
  1151. <h2 class="pop1-title">
  1152. <span>报修查看</span
  1153. ><i class="pop1-title-icon iconfont dsit-false-circle"></i>
  1154. </h2>
  1155. <div class="pop1-hd">
  1156. <div class="pop1-hd__item">
  1157. <h3>报修信息</h3>
  1158. <ul class="pop1-hd__itemBlock clearfix">
  1159. <li class="pop1-hd__itemList pop1-hd__itemList--five">
  1160. <strong>报修编号:</strong><span>{{bxcode}}</span>
  1161. </li>
  1162. <li
  1163. class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
  1164. >
  1165. <strong>状态:</strong><span>{{state.name}}</span>
  1166. </li>
  1167. {{if incident.category}}
  1168. <li class="pop1-hd__itemList">
  1169. <strong>报修类别:</strong
  1170. ><span>{{incident.category.category}}</span>
  1171. </li>
  1172. {{/if}}
  1173. <li class="pop1-hd__itemList">
  1174. <strong>报修内容:</strong><span>{{description}}</span>
  1175. </li>
  1176. <li class="pop1-hd__itemList">
  1177. <strong>报修图片:</strong>
  1178. <div class="pop1-hd__itemListImgs clearfix">
  1179. {{each imgList}}
  1180. <img src="{{$value.previewUrl}}" class="pop1-hd__itemBxImgs" />
  1181. {{/each}}
  1182. </div>
  1183. </li>
  1184. <li class="pop1-hd__itemList">
  1185. <strong>报修地址:</strong>
  1186. <span>
  1187. {{branch?branch.hosName:''}} {{place ? place.area.area + ' ' + place.place : ''}} {{address}}
  1188. </span>
  1189. </li>
  1190. {{if wxIncidentWithCmdb == 1}}
  1191. <li class="pop1-hd__itemList">
  1192. <strong>资产:</strong>
  1193. <span>{{assetId||'无'}}</span>
  1194. </li>
  1195. {{/if}}
  1196. </ul>
  1197. </div>
  1198. <div class="pop1-hd__item">
  1199. <h3>处理进度</h3>
  1200. <ul class="pop1-hd__itemBlock clearfix">
  1201. <li class="pop1-hd__itemList pop1-hd__itemList--five">
  1202. <strong>维修人:</strong
  1203. ><span
  1204. >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.name:'暂无'}}</span
  1205. >
  1206. </li>
  1207. <li
  1208. class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
  1209. >
  1210. <strong>电话:</strong
  1211. ><span
  1212. >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.phone:'暂无'}}</span
  1213. >
  1214. </li>
  1215. <li class="pop1-hd__itemList">
  1216. <strong>处理进度:</strong>
  1217. <div class="pop1-hd__itemListProcess clearfix">
  1218. <div class="pop1-hd__processRight fr">
  1219. <div class="pop1-hd__processRightItem">
  1220. <span>{{timeList[4].endTime}}</span>
  1221. <p>{{processList[4].desc}}</p>
  1222. <h4 class="end">{{processList[4].name}}</h4>
  1223. <div class="pop1-hd__processCircle end"></div>
  1224. </div>
  1225. <!-- <div class="pop1-hd__processRightItem">
  1226. <span>{{timeList[1].endTime}}</span>
  1227. <p>{{processList[1].desc}}</p>
  1228. <h4>{{processList[1].name}}</h4>
  1229. <div class="pop1-hd__processCircle"></div>
  1230. </div> -->
  1231. <div class="pop1-hd__processRightItem">
  1232. <span>{{time|dateFormat}}</span>
  1233. <p>{{processList[0].desc}}</p>
  1234. <h4>{{processList[0].name}}</h4>
  1235. <div class="pop1-hd__processCircle"></div>
  1236. </div>
  1237. </div>
  1238. </div>
  1239. </li>
  1240. </ul>
  1241. </div>
  1242. <div class="pop1-hd__item">
  1243. <h3>沟通记录</h3>
  1244. <table class="pop1-hd__table">
  1245. <tr>
  1246. <td class="xh">序号</td>
  1247. <td class="date">沟通时间</td>
  1248. <td class="clr">操作人</td>
  1249. <td>沟通结果</td>
  1250. </tr>
  1251. {{each incident.handlerLogs}}
  1252. <tr>
  1253. <td>{{$index + 1}}</td>
  1254. <td>{{$value.opTime | dateFormat}}</td>
  1255. <td>{{$value.userName}}</td>
  1256. <td>{{$value.opValue}}</td>
  1257. </tr>
  1258. {{/each}}
  1259. </table>
  1260. </div>
  1261. <div class="pop1-hd__item pop1-tips">
  1262. <h3>不受理原因</h3>
  1263. <p class="pop1-tipsBd">{{rejectRemark}}</p>
  1264. </div>
  1265. </div>
  1266. <div class="pop1-operate">
  1267. <div class="pop1-twoBtn">
  1268. <div class="pop1-operateBtn twoConfirm">确定</div>
  1269. <div class="pop1-operateBtn twoCancel">取消</div>
  1270. </div>
  1271. <div class="pop1-oneBtn">
  1272. <div class="pop1-operateBtn oneConfirm">知道了</div>
  1273. </div>
  1274. </div>
  1275. </script>
  1276. <!-- 完成-已撤回(5)详情 -->
  1277. <script id="bx6_detail_temp" type="text/html">
  1278. <h2 class="pop1-title">
  1279. <span>报修查看</span
  1280. ><i class="pop1-title-icon iconfont dsit-false-circle"></i>
  1281. </h2>
  1282. <div class="pop1-hd">
  1283. <div class="pop1-hd__item">
  1284. <h3>报修信息</h3>
  1285. <ul class="pop1-hd__itemBlock clearfix">
  1286. <li class="pop1-hd__itemList pop1-hd__itemList--five">
  1287. <strong>报修编号:</strong><span>{{bxcode}}</span>
  1288. </li>
  1289. <li
  1290. class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
  1291. >
  1292. <strong>状态:</strong><span>{{state.name}}</span>
  1293. </li>
  1294. {{if incident.category}}
  1295. <li class="pop1-hd__itemList">
  1296. <strong>报修类别:</strong
  1297. ><span>{{incident.category.category}}</span>
  1298. </li>
  1299. {{/if}}
  1300. <li class="pop1-hd__itemList">
  1301. <strong>报修内容:</strong><span>{{description}}</span>
  1302. </li>
  1303. <li class="pop1-hd__itemList">
  1304. <strong>报修图片:</strong>
  1305. <div class="pop1-hd__itemListImgs clearfix">
  1306. {{each imgList}}
  1307. <img src="{{$value.previewUrl}}" class="pop1-hd__itemBxImgs" />
  1308. {{/each}}
  1309. </div>
  1310. </li>
  1311. <li class="pop1-hd__itemList">
  1312. <strong>报修地址:</strong>
  1313. <span>
  1314. {{branch?branch.hosName:''}} {{place ? place.area.area + ' ' + place.place : ''}} {{address}}
  1315. </span>
  1316. </li>
  1317. {{if wxIncidentWithCmdb == 1}}
  1318. <li class="pop1-hd__itemList">
  1319. <strong>资产:</strong>
  1320. <span>{{assetId||'无'}}</span>
  1321. </li>
  1322. {{/if}}
  1323. </ul>
  1324. </div>
  1325. <div class="pop1-hd__item">
  1326. <h3>处理进度</h3>
  1327. <ul class="pop1-hd__itemBlock clearfix">
  1328. <li class="pop1-hd__itemList pop1-hd__itemList--five">
  1329. <strong>维修人:</strong
  1330. ><span
  1331. >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.name:'暂无'}}</span
  1332. >
  1333. </li>
  1334. <li
  1335. class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
  1336. >
  1337. <strong>电话:</strong
  1338. ><span
  1339. >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.phone:'暂无'}}</span
  1340. >
  1341. </li>
  1342. <li class="pop1-hd__itemList">
  1343. <strong>处理进度:</strong>
  1344. <div class="pop1-hd__itemListProcess clearfix">
  1345. <div class="pop1-hd__processRight fr">
  1346. <div class="pop1-hd__processRightItem">
  1347. <span>{{timeList[4].endTime}}</span>
  1348. <p>{{processList[4].desc}}</p>
  1349. <h4 class="end">{{processList[4].name}}</h4>
  1350. <div class="pop1-hd__processCircle end"></div>
  1351. </div>
  1352. <!-- <div class="pop1-hd__processRightItem">
  1353. <span>{{timeList[1].endTime}}</span>
  1354. <p>{{processList[1].desc}}</p>
  1355. <h4>{{processList[1].name}}</h4>
  1356. <div class="pop1-hd__processCircle"></div>
  1357. </div> -->
  1358. <div class="pop1-hd__processRightItem">
  1359. <span>{{time|dateFormat}}</span>
  1360. <p>{{processList[0].desc}}</p>
  1361. <h4>{{processList[0].name}}</h4>
  1362. <div class="pop1-hd__processCircle"></div>
  1363. </div>
  1364. </div>
  1365. </div>
  1366. </li>
  1367. </ul>
  1368. </div>
  1369. <div class="pop1-hd__item">
  1370. <h3>沟通记录</h3>
  1371. <table class="pop1-hd__table">
  1372. <tr>
  1373. <td class="xh">序号</td>
  1374. <td class="date">沟通时间</td>
  1375. <td class="clr">操作人</td>
  1376. <td>沟通结果</td>
  1377. </tr>
  1378. {{each incident.handlerLogs}}
  1379. <tr>
  1380. <td>{{$index + 1}}</td>
  1381. <td>{{$value.opTime | dateFormat}}</td>
  1382. <td>{{$value.userName}}</td>
  1383. <td>{{$value.opValue}}</td>
  1384. </tr>
  1385. {{/each}}
  1386. </table>
  1387. </div>
  1388. <div class="pop1-hd__item pop1-tips">
  1389. <h3>撤回原因</h3>
  1390. <p class="pop1-tipsBd">{{retractReason}}</p>
  1391. </div>
  1392. </div>
  1393. <div class="pop1-operate">
  1394. <div class="pop1-twoBtn">
  1395. <div class="pop1-operateBtn twoConfirm">确定</div>
  1396. <div class="pop1-operateBtn twoCancel">取消</div>
  1397. </div>
  1398. <div class="pop1-oneBtn">
  1399. <div class="pop1-operateBtn oneConfirm">知道了</div>
  1400. </div>
  1401. </div>
  1402. </script>
  1403. <!-- 完成(5)详情 -->
  1404. <script id="bx7_detail_temp" type="text/html">
  1405. <h2 class="pop1-title">
  1406. <span>报修查看</span
  1407. ><i class="pop1-title-icon iconfont dsit-false-circle"></i>
  1408. </h2>
  1409. <div class="pop1-hd">
  1410. <div class="pop1-hd__item">
  1411. <h3>报修信息</h3>
  1412. <ul class="pop1-hd__itemBlock clearfix">
  1413. <li class="pop1-hd__itemList pop1-hd__itemList--five">
  1414. <strong>报修编号:</strong><span>{{bxcode}}</span>
  1415. </li>
  1416. <li
  1417. class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
  1418. >
  1419. <strong>状态:</strong><span>{{state.name}}</span>
  1420. </li>
  1421. {{if incident.category}}
  1422. <li class="pop1-hd__itemList">
  1423. <strong>报修类别:</strong
  1424. ><span>{{incident.category.category}}</span>
  1425. </li>
  1426. {{/if}}
  1427. <li class="pop1-hd__itemList">
  1428. <strong>报修内容:</strong><span>{{description}}</span>
  1429. </li>
  1430. <li class="pop1-hd__itemList">
  1431. <strong>报修图片:</strong>
  1432. <div class="pop1-hd__itemListImgs clearfix">
  1433. {{each imgList}}
  1434. <img src="{{$value.previewUrl}}" class="pop1-hd__itemBxImgs" />
  1435. {{/each}}
  1436. </div>
  1437. </li>
  1438. <li class="pop1-hd__itemList">
  1439. <strong>报修地址:</strong>
  1440. <span>
  1441. {{branch?branch.hosName:''}} {{place ? place.area.area + ' ' + place.place : ''}} {{address}}
  1442. </span>
  1443. </li>
  1444. {{if wxIncidentWithCmdb == 1}}
  1445. <li class="pop1-hd__itemList">
  1446. <strong>资产:</strong>
  1447. <span>{{assetId||'无'}}</span>
  1448. </li>
  1449. {{/if}}
  1450. </ul>
  1451. </div>
  1452. <div class="pop1-hd__item">
  1453. <h3>处理进度</h3>
  1454. <ul class="pop1-hd__itemBlock clearfix">
  1455. <li class="pop1-hd__itemList pop1-hd__itemList--five">
  1456. <strong>维修人:</strong
  1457. ><span
  1458. >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.name:'暂无'}}</span
  1459. >
  1460. </li>
  1461. <li
  1462. class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
  1463. >
  1464. <strong>电话:</strong
  1465. ><span
  1466. >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.phone:'暂无'}}</span
  1467. >
  1468. </li>
  1469. <li class="pop1-hd__itemList">
  1470. <strong>处理进度:</strong>
  1471. <div class="pop1-hd__itemListProcess clearfix">
  1472. <div class="pop1-hd__processRight fr">
  1473. {{if timeList.length == 3}}
  1474. <div class="pop1-hd__processRightItem">
  1475. <span>{{timeList[2].endTime}}</span>
  1476. <p>{{processList[4].desc}}</p>
  1477. <h4 class="end">{{processList[4].name}}</h4>
  1478. <div class="pop1-hd__processCircle end"></div>
  1479. </div>
  1480. <div class="pop1-hd__processRightItem">
  1481. <span></span>
  1482. <p>{{processList[3].desc}}</p>
  1483. <h4 class="end">{{processList[3].name}}</h4>
  1484. <div class="pop1-hd__processCircle end"></div>
  1485. </div>
  1486. <div class="pop1-hd__processRightItem">
  1487. <span></span>
  1488. <p>{{processList[2].desc}}</p>
  1489. <h4 class="end">{{processList[2].name}}</h4>
  1490. <div class="pop1-hd__processCircle end"></div>
  1491. </div>
  1492. {{else}}
  1493. <div class="pop1-hd__processRightItem">
  1494. <span>{{timeList[4].endTime}}</span>
  1495. <p>{{processList[4].desc}}</p>
  1496. <h4 class="end">{{processList[4].name}}</h4>
  1497. <div class="pop1-hd__processCircle end"></div>
  1498. </div>
  1499. <div class="pop1-hd__processRightItem">
  1500. <span>{{timeList[3].endTime}}</span>
  1501. <p>{{processList[3].desc}}</p>
  1502. <h4 class="end">{{processList[3].name}}</h4>
  1503. <div class="pop1-hd__processCircle end"></div>
  1504. </div>
  1505. <div class="pop1-hd__processRightItem">
  1506. <span>{{timeList[2].endTime}}</span>
  1507. <p>{{processList[2].desc}}</p>
  1508. <h4 class="end">{{processList[2].name}}</h4>
  1509. <div class="pop1-hd__processCircle end"></div>
  1510. </div>
  1511. {{/if}}
  1512. <div class="pop1-hd__processRightItem">
  1513. <span>{{timeList[1].endTime}}</span>
  1514. <p>{{processList[1].desc}}</p>
  1515. <h4 class="end">{{processList[1].name}}</h4>
  1516. <div class="pop1-hd__processCircle end"></div>
  1517. </div>
  1518. <div class="pop1-hd__processRightItem">
  1519. <span>{{time|dateFormat}}</span>
  1520. <p>{{processList[0].desc}}</p>
  1521. <h4>{{processList[0].name}}</h4>
  1522. <div class="pop1-hd__processCircle"></div>
  1523. </div>
  1524. </div>
  1525. </div>
  1526. </li>
  1527. </ul>
  1528. </div>
  1529. <div class="pop1-hd__item">
  1530. <h3>沟通记录</h3>
  1531. <table class="pop1-hd__table">
  1532. <tr>
  1533. <td class="xh">序号</td>
  1534. <td class="date">沟通时间</td>
  1535. <td class="clr">操作人</td>
  1536. <td>沟通结果</td>
  1537. </tr>
  1538. {{each incident.handlerLogs}}
  1539. <tr>
  1540. <td>{{$index + 1}}</td>
  1541. <td>{{$value.opTime | dateFormat}}</td>
  1542. <td>{{$value.userName}}</td>
  1543. <td>{{$value.opValue}}</td>
  1544. </tr>
  1545. {{/each}}
  1546. </table>
  1547. </div>
  1548. </div>
  1549. <div class="pop1-operate">
  1550. <div class="pop1-twoBtn">
  1551. <div class="pop1-operateBtn twoConfirm">确定</div>
  1552. <div class="pop1-operateBtn twoCancel">取消</div>
  1553. </div>
  1554. <div class="pop1-oneBtn">
  1555. <div class="pop1-operateBtn oneConfirm">知道了</div>
  1556. </div>
  1557. </div>
  1558. </script>
  1559. <!-- 撤回 -->
  1560. <script id="back_detail_temp" type="text/html">
  1561. <h2 class="pop1-title">
  1562. <span>报修查看</span
  1563. ><i class="pop1-title-icon iconfont dsit-false-circle"></i>
  1564. </h2>
  1565. <div class="pop1-hd" style="height:auto;overflow:hidden;">
  1566. <div class="pop1-hd__item pop1-back">
  1567. <h3><span>*</span>撤回原因</h3>
  1568. <div class="evaluate-textareaWrap">
  1569. <textarea class="back-textarea">请输入撤回原因</textarea>
  1570. </div>
  1571. </div>
  1572. </div>
  1573. <div class="pop1-operate">
  1574. <div class="pop1-twoBtn">
  1575. <div class="pop1-operateBtn twoConfirm">确定</div>
  1576. <div class="pop1-operateBtn twoCancel">取消</div>
  1577. </div>
  1578. <div class="pop1-oneBtn">
  1579. <div class="pop1-operateBtn oneConfirm">知道了</div>
  1580. </div>
  1581. </div>
  1582. </script>
  1583. <!-- 提示 -->
  1584. <script id="tips_detail_temp" type="text/html">
  1585. <!-- <h2 class="pop1-title"><span>提示</span><i class="pop1-title-icon iconfont dsit-false-circle"></i></h2> -->
  1586. <h2 class="pop1-title"><span>提示</span></h2>
  1587. <div class="pop1-hd" style="height:auto;overflow:hidden;">
  1588. <div class="pop1-hd__item pop1-tips">
  1589. <i class="iconfont dsit-icon_zhengzaijinx"></i>
  1590. <p>{{msg}}</p>
  1591. </div>
  1592. </div>
  1593. <div class="pop1-operate">
  1594. <div class="pop1-twoBtn">
  1595. <div class="pop1-operateBtn twoConfirm">确定</div>
  1596. <div class="pop1-operateBtn twoCancel">取消</div>
  1597. </div>
  1598. <div class="pop1-oneBtn">
  1599. <div class="pop1-operateBtn oneConfirm">知道了</div>
  1600. </div>
  1601. </div>
  1602. </script>
  1603. <!-- 去评价页面 -->
  1604. <script id="bx4_detail_1_temp" type="text/html">
  1605. <h2 class="pop1-title">
  1606. <span>报修查看</span
  1607. ><i class="pop1-title-icon iconfont dsit-false-circle"></i>
  1608. </h2>
  1609. <div class="pop1-hd">
  1610. <div class="pop1-hd__item">
  1611. <h3>报修信息</h3>
  1612. <ul class="pop1-hd__itemBlock clearfix">
  1613. <li class="pop1-hd__itemList pop1-hd__itemList--five">
  1614. <strong>报修编号:</strong><span>{{bxcode}}</span>
  1615. </li>
  1616. <li
  1617. class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
  1618. >
  1619. <strong>状态:</strong><span>{{state.name}}</span>
  1620. </li>
  1621. {{if incident.category}}
  1622. <li class="pop1-hd__itemList">
  1623. <strong>报修类别:</strong
  1624. ><span>{{incident.category.category}}</span>
  1625. </li>
  1626. {{/if}}
  1627. <li class="pop1-hd__itemList">
  1628. <strong>报修内容:</strong><span>{{description}}</span>
  1629. </li>
  1630. <li class="pop1-hd__itemList">
  1631. <strong>报修图片:</strong>
  1632. <div class="pop1-hd__itemListImgs clearfix">
  1633. {{each imgList}}
  1634. <img src="{{$value.previewUrl}}" class="pop1-hd__itemBxImgs" />
  1635. {{/each}}
  1636. </div>
  1637. </li>
  1638. <li class="pop1-hd__itemList">
  1639. <strong>报修地址:</strong>
  1640. <span>
  1641. {{branch?branch.hosName:''}} {{place ? place.area.area + ' ' + place.place : ''}} {{address}}
  1642. </span>
  1643. </li>
  1644. {{if wxIncidentWithCmdb == 1}}
  1645. <li class="pop1-hd__itemList">
  1646. <strong>资产:</strong>
  1647. <span>{{assetId||'无'}}</span>
  1648. </li>
  1649. {{/if}}
  1650. </ul>
  1651. </div>
  1652. <div class="pop1-hd__item pop1-evaluate">
  1653. <h3>报修评价</h3>
  1654. <div class="pop1-evaluateWrap">
  1655. <div class="pop1-evaluateOperate">
  1656. <div id="evaluate">
  1657. <span>评价:</span>
  1658. <span class="star">
  1659. {{each dictionary}}
  1660. <i
  1661. class="iconfont dsit-pingfen-copy active"
  1662. data-id="{{$value.id}}"
  1663. ></i>
  1664. {{/each}}
  1665. </span>
  1666. <strong class="star-text">非常满意</strong>
  1667. </div>
  1668. <div class="evaluate-textareaWrap">
  1669. <textarea class="evaluate-textarea">
  1670. 你可以从响应速度、解决情况、服务态度等方面,给我们作出相应的评价</textarea
  1671. >
  1672. </div>
  1673. </div>
  1674. </div>
  1675. </div>
  1676. </div>
  1677. <div class="pop1-operate">
  1678. <div class="pop1-twoBtn">
  1679. <div class="pop1-operateBtn twoConfirm">确定</div>
  1680. <div class="pop1-operateBtn twoCancel">取消</div>
  1681. </div>
  1682. <div class="pop1-oneBtn">
  1683. <div class="pop1-operateBtn oneConfirm">知道了</div>
  1684. </div>
  1685. </div>
  1686. </script>
  1687. <script src="./libs/uuid@latest.js"></script>
  1688. <script src="./js/base.js"></script>
  1689. <script src="./js/index.js"></script>
  1690. </html>