index.html 60 KB

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