index.html 60 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697
  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="area_list" style="font-size: 12px"></select>
  247. <select class="fr" id="place_list" style="font-size: 12px"></select>
  248. </div>
  249. </div>
  250. </div>
  251. </div>
  252. {{/if}}
  253. </script>
  254. <!-- favicon -->
  255. <script id="favicon_temp" type="text/html">
  256. {{if isVersion === 'isZncd'}}
  257. <link
  258. rel="icon"
  259. type="image/png"
  260. sizes="32x32"
  261. href="/imgs/logo_zuel.png"
  262. />
  263. {{else if isVersion === 'isHk'}}
  264. <link rel="icon" type="image/png" sizes="32x32" href="/imgs/logo_hk.png" />
  265. {{else}}
  266. <link
  267. rel="icon"
  268. type="image/png"
  269. sizes="32x32"
  270. href="/imgs/logo_default.png"
  271. />
  272. {{/if}}
  273. </script>
  274. <!-- logo -->
  275. <script id="logo_temp" type="text/html">
  276. {{if isVersion === 'isZncd'}}
  277. <img src="./imgs/logo_zuel.png" alt="" />
  278. {{else if isVersion === 'isHk'}}
  279. <img src="./imgs/logo_hk.png" alt="" />
  280. {{else}}
  281. <img src="./imgs/logo_default.png" alt="" />
  282. {{/if}}
  283. <span>报修平台</span>
  284. <span class="line">|</span>
  285. <span>网络与信息运维服务平台</span>
  286. </script>
  287. <!-- demo -->
  288. <script id="demo_temp" type="text/html">
  289. {{if account === 'ITIL_test2'||account === 'Z0003865'||account ===
  290. 'wangyaxiang'||account === 'Z0004571'}}
  291. <div class="opcBg_item fl active">
  292. <i class="iconfont dsit-wodebaoxiu"></i> 最新报修
  293. </div>
  294. <div class="opcBg_item fr">
  295. <i class="iconfont dsit-sousuo"></i> 电话查号
  296. </div>
  297. {{else}}
  298. <div
  299. class="opcBg_item fl"
  300. style="width: 100%;padding-left: 16px;text-align: left;"
  301. >
  302. <i class="iconfont dsit-wodebaoxiu"></i> 最新报修
  303. </div>
  304. {{/if}}
  305. </script>
  306. <!-- 填充科室 -->
  307. <script id="bx_ks_ul_temp" type="text/html">
  308. {{each list}}
  309. <li data-id="{{$value.id}}">{{$value.dept}}</li>
  310. {{/each}}
  311. </script>
  312. <!-- 故障地点seimin -->
  313. <script id="bx_address_ul_temp" type="text/html">
  314. {{each list}}
  315. <li data-id="{{$value.id}}">
  316. {{$value.place?$value.area.area+$value.place:$value.area}}
  317. </li>
  318. {{/each}}
  319. </script>
  320. <!-- 公告列表3条 -->
  321. <script id="notice_list_temp" type="text/html">
  322. {{if list.length == 0}}
  323. <div class="noContent">
  324. <img src="./imgs/img_wugonggao.png" alt="" />
  325. <p>暂无最新公告</p>
  326. </div>
  327. {{else}} {{each list}}
  328. <div class="infoItem noticeItem">
  329. <div class="content">
  330. <p class="oneline">{{$value.title}}</p>
  331. <div class="detail" data-id="{{$value.id}}">详情</div>
  332. </div>
  333. <div class="time">{{$value.createTime|dateTime}}</div>
  334. </div>
  335. {{/each}} {{/if}}
  336. </script>
  337. <!-- 公告详情弹窗 -->
  338. <script id="notice_detail_temp" type="text/html">
  339. <!-- 标题 -->
  340. <h2 class="pop1-title">
  341. <span>公告查看</span
  342. ><i class="pop1-title-icon iconfont dsit-false-circle"></i>
  343. </h2>
  344. <!-- 主体 -->
  345. <div class="pop1-hd">
  346. <div class="pop1-hd__item notice">
  347. <h3>{{title}}</h3>
  348. <p class="notice-dept">部门:{{dept.dept}}</p>
  349. <p class="notice-createTime">创建时间:{{createTime|dateTime}}</p>
  350. <p class="notice-content">{{@(content?content:'')}}</p>
  351. </div>
  352. </div>
  353. <!-- 按钮 -->
  354. <div class="pop1-operate">
  355. <div class="pop1-twoBtn">
  356. <div class="pop1-operateBtn twoConfirm"></div>
  357. <div class="pop1-operateBtn twoCancel"></div>
  358. </div>
  359. <div class="pop1-oneBtn">
  360. <div class="pop1-operateBtn oneConfirm"></div>
  361. </div>
  362. </div>
  363. </script>
  364. <!-- 常见问题列表 -->
  365. <script id="solution_list_temp" type="text/html">
  366. {{if list.length == 0}}
  367. <div class="noContent">
  368. <img src="./imgs/img_wugonggao.png" alt="" />
  369. <p>暂无常见问题</p>
  370. </div>
  371. {{else}} {{each list}}
  372. <div class="infoItem">
  373. <div class="content">
  374. <p class="oneline">
  375. <span class="bolderFont">主题:</span>{{$value.title}}
  376. </p>
  377. <div class="detail" data-id="{{$value.id}}">详情</div>
  378. </div>
  379. <div class="content second">
  380. <div class="twoline">{{@($value.content?$value.content:'')}}</div>
  381. </div>
  382. <div class="time">
  383. <span>{{$value.createtime}}</span>
  384. <span class="fr">点赞:{{$value.star}}</span>
  385. </div>
  386. </div>
  387. {{/each}} {{/if}}
  388. </script>
  389. <!-- 常见问题详情弹窗 -->
  390. <script id="solution_detail_temp" type="text/html">
  391. <!-- 标题 -->
  392. <h2 class="pop1-title">
  393. <span>知识库查看</span
  394. ><i class="pop1-title-icon iconfont dsit-false-circle"></i>
  395. </h2>
  396. <!-- 主体 -->
  397. <div class="pop1-hd">
  398. <div class="pop1-hd__item solution">
  399. <h3>主题:{{title}}</h3>
  400. <p class="solution-createUser">创建人:{{createUser.name}}</p>
  401. <p class="solution-createtime">创建时间:{{createtime}}</p>
  402. <p class="solution-content">解决方案:{{@(content?content:'')}}</p>
  403. </div>
  404. </div>
  405. <!-- 按钮 -->
  406. <div class="pop1-operate">
  407. <div class="pop1-twoBtn">
  408. <div class="pop1-operateBtn twoConfirm"></div>
  409. <div class="pop1-operateBtn twoCancel"></div>
  410. </div>
  411. <div class="pop1-oneBtn">
  412. <div class="pop1-operateBtn oneConfirm"></div>
  413. </div>
  414. </div>
  415. </script>
  416. <!-- 区域 -->
  417. <script id="area_list_temp" type="text/html">
  418. {{each list}}
  419. <option value="{{$value.id}}">{{$value.area}}</option>
  420. {{/each}}
  421. </script>
  422. <!-- 地点 -->
  423. <script id="place_list_temp" type="text/html">
  424. {{each list}}
  425. <option value="{{$value.id}}">{{$value.place}}</option>
  426. {{/each}}
  427. </script>
  428. <!-- 房间号 -->
  429. <script id="room_list_temp" type="text/html">
  430. {{each list}}
  431. <option value="{{$value.id}}">{{$value.room}}</option>
  432. {{/each}}
  433. </script>
  434. <!-- 最新报修列表 -->
  435. <script id="bx_list_temp" type="text/html">
  436. {{if data.length == 0}}
  437. <li class="noContent">
  438. <img src="./imgs/img_wubaoxiu.png" alt="" />
  439. <p>暂无最新报修</p>
  440. </li>
  441. {{else}} {{each data}}
  442. <li class="r-item">
  443. <div class="r-item-title">报修单号:<span>{{$value.bxcode}}</span></div>
  444. <p class="r-item-content twoline">报修内容:{{$value.description}}</p>
  445. {{if $value.wxIncidentWithCmdb == 1}}
  446. <p class="r-item-content twoline">资产:{{$value.assetId||'无'}}</p>
  447. {{/if}}
  448. <div class="r-item-info clearfix">
  449. <strong class="fl">{{$value.createTime | dateFormat}}</strong>
  450. <a href="javascript:;" class="r-item-click fr" data-id="{{$value.id}}"
  451. >详情</a
  452. >
  453. </div>
  454. <div class="r-item-process clearfix">
  455. <!-- 未受理(1) 已受理(2) 处理中(3) 待评价(4) -->
  456. <!-- 申请 start -->
  457. {{if $value.processArr[0] == 'current'}}
  458. <div class="r-item-processitem fl end">
  459. <h3>申请</h3>
  460. <div class="outerCircle">
  461. <div class="innerCircle"></div>
  462. </div>
  463. <div class="outerCircleEnd">
  464. <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
  465. </div>
  466. </div>
  467. {{else if $value.processArr[0] === true}}
  468. <div class="r-item-processitem fl active">
  469. <h3>申请</h3>
  470. <div class="outerCircle">
  471. <div class="innerCircle"></div>
  472. </div>
  473. <div class="outerCircleEnd">
  474. <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
  475. </div>
  476. </div>
  477. {{else if $value.processArr[0] === false}}
  478. <div class="r-item-processitem fl">
  479. <h3>申请</h3>
  480. <div class="outerCircle">
  481. <div class="innerCircle"></div>
  482. </div>
  483. <div class="outerCircleEnd">
  484. <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
  485. </div>
  486. </div>
  487. {{/if}}
  488. <!-- 申请 end -->
  489. <!-- 受理 start -->
  490. {{if $value.processArr[1] == 'current'}}
  491. <div class="r-item-processitem fl end">
  492. <h3>受理</h3>
  493. <div class="outerCircle">
  494. <div class="innerCircle"></div>
  495. </div>
  496. <div class="outerCircleEnd">
  497. <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
  498. </div>
  499. </div>
  500. {{else if $value.processArr[1] === true}}
  501. <div class="r-item-processitem fl active">
  502. <h3>受理</h3>
  503. <div class="outerCircle">
  504. <div class="innerCircle"></div>
  505. </div>
  506. <div class="outerCircleEnd">
  507. <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
  508. </div>
  509. </div>
  510. {{else if $value.processArr[1] === false}}
  511. <div class="r-item-processitem fl">
  512. <h3>受理</h3>
  513. <div class="outerCircle">
  514. <div class="innerCircle"></div>
  515. </div>
  516. <div class="outerCircleEnd">
  517. <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
  518. </div>
  519. </div>
  520. {{/if}}
  521. <!-- 受理 end -->
  522. <!-- 处理 start -->
  523. {{if $value.processArr[2] == 'current'}}
  524. <div class="r-item-processitem fl end">
  525. <h3>处理</h3>
  526. <div class="outerCircle">
  527. <div class="innerCircle"></div>
  528. </div>
  529. <div class="outerCircleEnd">
  530. <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
  531. </div>
  532. </div>
  533. {{else if $value.processArr[2] === true}}
  534. <div class="r-item-processitem fl active">
  535. <h3>处理</h3>
  536. <div class="outerCircle">
  537. <div class="innerCircle"></div>
  538. </div>
  539. <div class="outerCircleEnd">
  540. <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
  541. </div>
  542. </div>
  543. {{else if $value.processArr[2] === false}}
  544. <div class="r-item-processitem fl">
  545. <h3>处理</h3>
  546. <div class="outerCircle">
  547. <div class="innerCircle"></div>
  548. </div>
  549. <div class="outerCircleEnd">
  550. <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
  551. </div>
  552. </div>
  553. {{/if}}
  554. <!-- 处理 end -->
  555. <!-- 评价 start -->
  556. {{if $value.processArr[3] == 'current'}}
  557. <div class="r-item-processitem fl end">
  558. <h3>评价</h3>
  559. <div class="outerCircle">
  560. <div class="innerCircle"></div>
  561. </div>
  562. <div class="outerCircleEnd">
  563. <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
  564. </div>
  565. </div>
  566. {{else if $value.processArr[3] === true}}
  567. <div class="r-item-processitem fl active">
  568. <h3>评价</h3>
  569. <div class="outerCircle">
  570. <div class="innerCircle"></div>
  571. </div>
  572. <div class="outerCircleEnd">
  573. <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
  574. </div>
  575. </div>
  576. {{else if $value.processArr[3] === false}}
  577. <div class="r-item-processitem fl">
  578. <h3>评价</h3>
  579. <div class="outerCircle">
  580. <div class="innerCircle"></div>
  581. </div>
  582. <div class="outerCircleEnd">
  583. <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
  584. </div>
  585. </div>
  586. {{/if}}
  587. <!-- 评价 end -->
  588. <!-- 完成 start -->
  589. {{if $value.processArr[4] == 'current'}}
  590. <div class="r-item-processitem fl r-item-processitem__last end">
  591. <h3>完成</h3>
  592. <div class="outerCircle">
  593. <div class="innerCircle"></div>
  594. </div>
  595. <div class="outerCircleEnd">
  596. <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
  597. </div>
  598. </div>
  599. {{else if $value.processArr[4] === true}}
  600. <div class="r-item-processitem fl r-item-processitem__last active">
  601. <h3>完成</h3>
  602. <div class="outerCircle">
  603. <div class="innerCircle"></div>
  604. </div>
  605. <div class="outerCircleEnd">
  606. <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
  607. </div>
  608. </div>
  609. {{else if $value.processArr[4] === false}}
  610. <div class="r-item-processitem fl r-item-processitem__last">
  611. <h3>完成</h3>
  612. <div class="outerCircle">
  613. <div class="innerCircle"></div>
  614. </div>
  615. <div class="outerCircleEnd">
  616. <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
  617. </div>
  618. </div>
  619. {{/if}}
  620. <!-- 完成 end -->
  621. </div>
  622. </li>
  623. {{/each}} {{/if}}
  624. </script>
  625. <!-- 电话查号结果列表 -->
  626. <script id="ch_list_temp" type="text/html">
  627. {{if list.length == 0}}
  628. <li class="noContent">
  629. <img src="./imgs/img_wubaoxiu.png" alt="" />
  630. <p>暂无数据</p>
  631. </li>
  632. {{else}} {{each list}}
  633. <li class="r-item hauto">
  634. <div class="r-item-title twoline"><span>{{$value.dept}}</span></div>
  635. <p class="r-item-content hauto">单位名称:{{$value.unit.unit}}</p>
  636. <p class="r-item-content hauto">单位电话:{{$value.phone}}</p>
  637. <p class="r-item-content hauto">办公地址:{{$value.address}}</p>
  638. </li>
  639. {{/each}} {{/if}}
  640. </script>
  641. <!-- 电话查号列表 -->
  642. <script id="ch_search_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 clearfix ch-search">
  650. <i class="iconfont dsit-sousuo r-icon"></i>
  651. <div class="r-icon-search">
  652. {{if $value.unit.id}}
  653. <p class="r-item-content hauto">单位:{{$value.unit.unit}}</p>
  654. <p class="r-item-content hauto">部门:{{$value.dept}}</p>
  655. {{else}}
  656. <p class="r-item-content hauto">单位:{{$value.unit}}</p>
  657. {{/if}}
  658. </div>
  659. </li>
  660. {{/each}} {{/if}}
  661. </script>
  662. <!-- 申请(1)详情 -->
  663. <script id="bx1_detail_temp" type="text/html">
  664. <h2 class="pop1-title">
  665. <span>报修查看</span
  666. ><i class="pop1-title-icon iconfont dsit-false-circle"></i>
  667. </h2>
  668. <div class="pop1-hd">
  669. <div class="pop1-hd__item">
  670. <h3>报修信息</h3>
  671. <ul class="pop1-hd__itemBlock clearfix">
  672. <li class="pop1-hd__itemList pop1-hd__itemList--five">
  673. <strong>报修编号:</strong><span>{{bxcode}}</span>
  674. </li>
  675. <li
  676. class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
  677. >
  678. <strong>状态:</strong><span>{{state.name}}</span>
  679. </li>
  680. {{if incident.category}}
  681. <li class="pop1-hd__itemList">
  682. <strong>报修类别:</strong
  683. ><span>{{incident.category.category}}</span>
  684. </li>
  685. {{/if}}
  686. <li class="pop1-hd__itemList">
  687. <strong>报修内容:</strong><span>{{description}}</span>
  688. </li>
  689. <li class="pop1-hd__itemList">
  690. <strong>报修图片:</strong>
  691. <div class="pop1-hd__itemListImgs clearfix">
  692. {{each imgList}}
  693. <img src="{{$value.previewUrl}}" class="pop1-hd__itemBxImgs" />
  694. {{/each}}
  695. </div>
  696. </li>
  697. <li class="pop1-hd__itemList">
  698. <strong>报修地址:</strong>
  699. <span
  700. >{{incident.place ? incident.place.area.area +
  701. incident.place.place : ''}}{{address}}</span
  702. >
  703. </li>
  704. {{if wxIncidentWithCmdb == 1}}
  705. <li class="pop1-hd__itemList">
  706. <strong>资产:</strong>
  707. <span>{{assetId||'无'}}</span>
  708. </li>
  709. {{/if}}
  710. </ul>
  711. </div>
  712. <div class="pop1-hd__item">
  713. <h3>处理进度</h3>
  714. <ul class="pop1-hd__itemBlock clearfix">
  715. <li class="pop1-hd__itemList pop1-hd__itemList--five">
  716. <strong>维修人:</strong
  717. ><span
  718. >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.name:'暂无'}}</span
  719. >
  720. </li>
  721. <li
  722. class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
  723. >
  724. <strong>电话:</strong
  725. ><span
  726. >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.phone:'暂无'}}</span
  727. >
  728. </li>
  729. <li class="pop1-hd__itemList">
  730. <strong>处理进度:</strong>
  731. <div class="pop1-hd__itemListProcess clearfix">
  732. <div class="pop1-hd__processRight fr">
  733. <div class="pop1-hd__processRightItem">
  734. <span>{{time|dateFormat}}</span>
  735. <p>{{processList[0].desc}}</p>
  736. <h4 class="end">{{processList[0].name}}</h4>
  737. <div class="pop1-hd__processCircle end"></div>
  738. </div>
  739. </div>
  740. </div>
  741. </li>
  742. </ul>
  743. </div>
  744. <div class="pop1-hd__item">
  745. <h3>处理日志</h3>
  746. <table class="pop1-hd__table">
  747. <tr>
  748. <td class="xh">序号</td>
  749. <td class="clr">处理人</td>
  750. <td class="date">时间</td>
  751. <td>内容</td>
  752. </tr>
  753. {{each incident.handlerLogs}}
  754. <tr>
  755. <td>{{$index + 1}}</td>
  756. <td>{{$value.userName}}</td>
  757. <td>{{$value.opTime | dateFormat}}</td>
  758. <td>{{$value.opValue}}</td>
  759. </tr>
  760. {{/each}}
  761. </table>
  762. </div>
  763. </div>
  764. <div class="pop1-operate">
  765. <div class="pop1-twoBtn">
  766. <div class="pop1-operateBtn twoConfirm">确定</div>
  767. <div class="pop1-operateBtn twoCancel">取消</div>
  768. </div>
  769. <div class="pop1-oneBtn">
  770. <div class="pop1-operateBtn oneConfirm">知道了</div>
  771. </div>
  772. </div>
  773. </script>
  774. <!-- 受理(2)详情 -->
  775. <script id="bx2_detail_temp" type="text/html">
  776. <h2 class="pop1-title">
  777. <span>报修查看</span
  778. ><i class="pop1-title-icon iconfont dsit-false-circle"></i>
  779. </h2>
  780. <div class="pop1-hd">
  781. <div class="pop1-hd__item">
  782. <h3>报修信息</h3>
  783. <ul class="pop1-hd__itemBlock clearfix">
  784. <li class="pop1-hd__itemList pop1-hd__itemList--five">
  785. <strong>报修编号:</strong><span>{{bxcode}}</span>
  786. </li>
  787. <li
  788. class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
  789. >
  790. <strong>状态:</strong><span>{{state.name}}</span>
  791. </li>
  792. {{if incident.category}}
  793. <li class="pop1-hd__itemList">
  794. <strong>报修类别:</strong
  795. ><span>{{incident.category.category}}</span>
  796. </li>
  797. {{/if}}
  798. <li class="pop1-hd__itemList">
  799. <strong>报修内容:</strong><span>{{description}}</span>
  800. </li>
  801. <li class="pop1-hd__itemList">
  802. <strong>报修图片:</strong>
  803. <div class="pop1-hd__itemListImgs clearfix">
  804. {{each imgList}}
  805. <img src="{{$value.previewUrl}}" class="pop1-hd__itemBxImgs" />
  806. {{/each}}
  807. </div>
  808. </li>
  809. <li class="pop1-hd__itemList">
  810. <strong>报修地址:</strong>
  811. <span
  812. >{{incident.place ? incident.place.area.area +
  813. incident.place.place : ''}}{{address}}</span
  814. >
  815. </li>
  816. {{if wxIncidentWithCmdb == 1}}
  817. <li class="pop1-hd__itemList">
  818. <strong>资产:</strong>
  819. <span>{{assetId||'无'}}</span>
  820. </li>
  821. {{/if}}
  822. </ul>
  823. </div>
  824. <div class="pop1-hd__item">
  825. <h3>处理进度</h3>
  826. <ul class="pop1-hd__itemBlock clearfix">
  827. <li class="pop1-hd__itemList pop1-hd__itemList--five">
  828. <strong>维修人:</strong
  829. ><span
  830. >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.name:'暂无'}}</span
  831. >
  832. </li>
  833. <li
  834. class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
  835. >
  836. <strong>电话:</strong
  837. ><span
  838. >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.phone:'暂无'}}</span
  839. >
  840. </li>
  841. <li class="pop1-hd__itemList">
  842. <strong>处理进度:</strong>
  843. <div class="pop1-hd__itemListProcess clearfix">
  844. <div class="pop1-hd__processRight fr">
  845. <div class="pop1-hd__processRightItem">
  846. <span>{{timeList[1].endTime}}</span>
  847. <p>{{processList[1].desc}}</p>
  848. <h4 class="end">{{processList[1].name}}</h4>
  849. <div class="pop1-hd__processCircle end"></div>
  850. </div>
  851. <div class="pop1-hd__processRightItem">
  852. <span>{{time|dateFormat}}</span>
  853. <p>{{processList[0].desc}}</p>
  854. <h4>{{processList[0].name}}</h4>
  855. <div class="pop1-hd__processCircle"></div>
  856. </div>
  857. </div>
  858. </div>
  859. </li>
  860. </ul>
  861. </div>
  862. <div class="pop1-hd__item">
  863. <h3>处理日志</h3>
  864. <table class="pop1-hd__table">
  865. <tr>
  866. <td class="xh">序号</td>
  867. <td class="clr">处理人</td>
  868. <td class="date">时间</td>
  869. <td>内容</td>
  870. </tr>
  871. {{each incident.handlerLogs}}
  872. <tr>
  873. <td>{{$index + 1}}</td>
  874. <td>{{$value.userName}}</td>
  875. <td>{{$value.opTime | dateFormat}}</td>
  876. <td>{{$value.opValue}}</td>
  877. </tr>
  878. {{/each}}
  879. </table>
  880. </div>
  881. </div>
  882. <div class="pop1-operate">
  883. <div class="pop1-twoBtn">
  884. <div class="pop1-operateBtn twoConfirm">确定</div>
  885. <div class="pop1-operateBtn twoCancel">取消</div>
  886. </div>
  887. <div class="pop1-oneBtn">
  888. <div class="pop1-operateBtn oneConfirm">知道了</div>
  889. </div>
  890. </div>
  891. </script>
  892. <!-- 处理(3)详情 -->
  893. <script id="bx3_detail_temp" type="text/html">
  894. <h2 class="pop1-title">
  895. <span>报修查看</span
  896. ><i class="pop1-title-icon iconfont dsit-false-circle"></i>
  897. </h2>
  898. <div class="pop1-hd">
  899. <div class="pop1-hd__item">
  900. <h3>报修信息</h3>
  901. <ul class="pop1-hd__itemBlock clearfix">
  902. <li class="pop1-hd__itemList pop1-hd__itemList--five">
  903. <strong>报修编号:</strong><span>{{bxcode}}</span>
  904. </li>
  905. <li
  906. class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
  907. >
  908. <strong>状态:</strong><span>{{state.name}}</span>
  909. </li>
  910. {{if incident.category}}
  911. <li class="pop1-hd__itemList">
  912. <strong>报修类别:</strong
  913. ><span>{{incident.category.category}}</span>
  914. </li>
  915. {{/if}}
  916. <li class="pop1-hd__itemList">
  917. <strong>报修内容:</strong><span>{{description}}</span>
  918. </li>
  919. <li class="pop1-hd__itemList">
  920. <strong>报修图片:</strong>
  921. <div class="pop1-hd__itemListImgs clearfix">
  922. {{each imgList}}
  923. <img src="{{$value.previewUrl}}" class="pop1-hd__itemBxImgs" />
  924. {{/each}}
  925. </div>
  926. </li>
  927. <li class="pop1-hd__itemList">
  928. <strong>报修地址:</strong>
  929. <span
  930. >{{incident.place ? incident.place.area.area +
  931. incident.place.place : ''}}{{address}}</span
  932. >
  933. </li>
  934. {{if wxIncidentWithCmdb == 1}}
  935. <li class="pop1-hd__itemList">
  936. <strong>资产:</strong>
  937. <span>{{assetId||'无'}}</span>
  938. </li>
  939. {{/if}}
  940. </ul>
  941. </div>
  942. <div class="pop1-hd__item">
  943. <h3>处理进度</h3>
  944. <ul class="pop1-hd__itemBlock clearfix">
  945. <li class="pop1-hd__itemList pop1-hd__itemList--five">
  946. <strong>维修人:</strong
  947. ><span
  948. >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.name:'暂无'}}</span
  949. >
  950. </li>
  951. <li
  952. class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
  953. >
  954. <strong>电话:</strong
  955. ><span
  956. >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.phone:'暂无'}}</span
  957. >
  958. </li>
  959. <li class="pop1-hd__itemList">
  960. <strong>处理进度:</strong>
  961. <div class="pop1-hd__itemListProcess clearfix">
  962. <div class="pop1-hd__processRight fr">
  963. <div class="pop1-hd__processRightItem">
  964. <span>{{timeList[2].endTime}}</span>
  965. <p>{{processList[2].desc}}</p>
  966. <h4 class="end">{{processList[2].name}}</h4>
  967. <div class="pop1-hd__processCircle end"></div>
  968. </div>
  969. <div class="pop1-hd__processRightItem">
  970. <span>{{timeList[1].endTime}}</span>
  971. <p>{{processList[1].desc}}</p>
  972. <h4>{{processList[1].name}}</h4>
  973. <div class="pop1-hd__processCircle"></div>
  974. </div>
  975. <div class="pop1-hd__processRightItem">
  976. <span>{{time|dateFormat}}</span>
  977. <p>{{processList[0].desc}}</p>
  978. <h4>{{processList[0].name}}</h4>
  979. <div class="pop1-hd__processCircle"></div>
  980. </div>
  981. </div>
  982. </div>
  983. </li>
  984. </ul>
  985. </div>
  986. <div class="pop1-hd__item">
  987. <h3>处理日志</h3>
  988. <table class="pop1-hd__table">
  989. <tr>
  990. <td class="xh">序号</td>
  991. <td class="clr">处理人</td>
  992. <td class="date">时间</td>
  993. <td>内容</td>
  994. </tr>
  995. {{each incident.handlerLogs}}
  996. <tr>
  997. <td>{{$index + 1}}</td>
  998. <td>{{$value.userName}}</td>
  999. <td>{{$value.opTime | dateFormat}}</td>
  1000. <td>{{$value.opValue}}</td>
  1001. </tr>
  1002. {{/each}}
  1003. </table>
  1004. </div>
  1005. </div>
  1006. <div class="pop1-operate">
  1007. <div class="pop1-twoBtn">
  1008. <div class="pop1-operateBtn twoConfirm">确定</div>
  1009. <div class="pop1-operateBtn twoCancel">取消</div>
  1010. </div>
  1011. <div class="pop1-oneBtn">
  1012. <div class="pop1-operateBtn oneConfirm">知道了</div>
  1013. </div>
  1014. </div>
  1015. </script>
  1016. <!-- 评价(4)详情 -->
  1017. <script id="bx4_detail_temp" type="text/html">
  1018. <h2 class="pop1-title">
  1019. <span>报修查看</span
  1020. ><i class="pop1-title-icon iconfont dsit-false-circle"></i>
  1021. </h2>
  1022. <div class="pop1-hd">
  1023. <div class="pop1-hd__item">
  1024. <h3>报修信息</h3>
  1025. <ul class="pop1-hd__itemBlock clearfix">
  1026. <li class="pop1-hd__itemList pop1-hd__itemList--five">
  1027. <strong>报修编号:</strong><span>{{bxcode}}</span>
  1028. </li>
  1029. <li
  1030. class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
  1031. >
  1032. <strong>状态:</strong><span>{{state.name}}</span>
  1033. </li>
  1034. {{if incident.category}}
  1035. <li class="pop1-hd__itemList">
  1036. <strong>报修类别:</strong
  1037. ><span>{{incident.category.category}}</span>
  1038. </li>
  1039. {{/if}}
  1040. <li class="pop1-hd__itemList">
  1041. <strong>报修内容:</strong><span>{{description}}</span>
  1042. </li>
  1043. <li class="pop1-hd__itemList">
  1044. <strong>报修图片:</strong>
  1045. <div class="pop1-hd__itemListImgs clearfix">
  1046. {{each imgList}}
  1047. <img src="{{$value.previewUrl}}" class="pop1-hd__itemBxImgs" />
  1048. {{/each}}
  1049. </div>
  1050. </li>
  1051. <li class="pop1-hd__itemList">
  1052. <strong>报修地址:</strong>
  1053. <span
  1054. >{{incident.place ? incident.place.area.area +
  1055. incident.place.place : ''}}{{address}}</span
  1056. >
  1057. </li>
  1058. {{if wxIncidentWithCmdb == 1}}
  1059. <li class="pop1-hd__itemList">
  1060. <strong>资产:</strong>
  1061. <span>{{assetId||'无'}}</span>
  1062. </li>
  1063. {{/if}}
  1064. </ul>
  1065. </div>
  1066. <div class="pop1-hd__item">
  1067. <h3>处理进度</h3>
  1068. <ul class="pop1-hd__itemBlock clearfix">
  1069. <li class="pop1-hd__itemList pop1-hd__itemList--five">
  1070. <strong>维修人:</strong
  1071. ><span
  1072. >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.name:'暂无'}}</span
  1073. >
  1074. </li>
  1075. <li
  1076. class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
  1077. >
  1078. <strong>电话:</strong
  1079. ><span
  1080. >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.phone:'暂无'}}</span
  1081. >
  1082. </li>
  1083. <li class="pop1-hd__itemList">
  1084. <strong>处理进度:</strong>
  1085. <div class="pop1-hd__itemListProcess clearfix">
  1086. <div class="pop1-hd__processRight fr">
  1087. <div class="pop1-hd__processRightItem">
  1088. <span>{{timeList[3].endTime}}</span>
  1089. <p>{{processList[3].desc}}</p>
  1090. <h4 class="end">{{processList[3].name}}</h4>
  1091. <div class="pop1-hd__processCircle end"></div>
  1092. </div>
  1093. <div class="pop1-hd__processRightItem">
  1094. <span>{{timeList[2].endTime}}</span>
  1095. <p>{{processList[2].desc}}</p>
  1096. <h4>{{processList[2].name}}</h4>
  1097. <div class="pop1-hd__processCircle"></div>
  1098. </div>
  1099. <div class="pop1-hd__processRightItem">
  1100. <span>{{timeList[1].endTime}}</span>
  1101. <p>{{processList[1].desc}}</p>
  1102. <h4>{{processList[1].name}}</h4>
  1103. <div class="pop1-hd__processCircle"></div>
  1104. </div>
  1105. <div class="pop1-hd__processRightItem">
  1106. <span>{{time|dateFormat}}</span>
  1107. <p>{{processList[0].desc}}</p>
  1108. <h4>{{processList[0].name}}</h4>
  1109. <div class="pop1-hd__processCircle"></div>
  1110. </div>
  1111. </div>
  1112. </div>
  1113. </li>
  1114. </ul>
  1115. </div>
  1116. <div class="pop1-hd__item">
  1117. <h3>处理日志</h3>
  1118. <table class="pop1-hd__table">
  1119. <tr>
  1120. <td class="xh">序号</td>
  1121. <td class="clr">处理人</td>
  1122. <td class="date">时间</td>
  1123. <td>内容</td>
  1124. </tr>
  1125. {{each incident.handlerLogs}}
  1126. <tr>
  1127. <td>{{$index + 1}}</td>
  1128. <td>{{$value.userName}}</td>
  1129. <td>{{$value.opTime | dateFormat}}</td>
  1130. <td>{{$value.opValue}}</td>
  1131. </tr>
  1132. {{/each}}
  1133. </table>
  1134. </div>
  1135. </div>
  1136. <div class="pop1-operate">
  1137. <div class="pop1-twoBtn">
  1138. <div class="pop1-operateBtn twoConfirm">确定</div>
  1139. <div class="pop1-operateBtn twoCancel">取消</div>
  1140. </div>
  1141. <div class="pop1-oneBtn">
  1142. <div class="pop1-operateBtn oneConfirm">知道了</div>
  1143. </div>
  1144. </div>
  1145. </script>
  1146. <!-- 完成-不受理(5)详情 -->
  1147. <script id="bx5_detail_temp" type="text/html">
  1148. <h2 class="pop1-title">
  1149. <span>报修查看</span
  1150. ><i class="pop1-title-icon iconfont dsit-false-circle"></i>
  1151. </h2>
  1152. <div class="pop1-hd">
  1153. <div class="pop1-hd__item">
  1154. <h3>报修信息</h3>
  1155. <ul class="pop1-hd__itemBlock clearfix">
  1156. <li class="pop1-hd__itemList pop1-hd__itemList--five">
  1157. <strong>报修编号:</strong><span>{{bxcode}}</span>
  1158. </li>
  1159. <li
  1160. class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
  1161. >
  1162. <strong>状态:</strong><span>{{state.name}}</span>
  1163. </li>
  1164. {{if incident.category}}
  1165. <li class="pop1-hd__itemList">
  1166. <strong>报修类别:</strong
  1167. ><span>{{incident.category.category}}</span>
  1168. </li>
  1169. {{/if}}
  1170. <li class="pop1-hd__itemList">
  1171. <strong>报修内容:</strong><span>{{description}}</span>
  1172. </li>
  1173. <li class="pop1-hd__itemList">
  1174. <strong>报修图片:</strong>
  1175. <div class="pop1-hd__itemListImgs clearfix">
  1176. {{each imgList}}
  1177. <img src="{{$value.previewUrl}}" class="pop1-hd__itemBxImgs" />
  1178. {{/each}}
  1179. </div>
  1180. </li>
  1181. <li class="pop1-hd__itemList">
  1182. <strong>报修地址:</strong>
  1183. <span
  1184. >{{incident.place ? incident.place.area.area +
  1185. incident.place.place : ''}}{{address}}</span
  1186. >
  1187. </li>
  1188. {{if wxIncidentWithCmdb == 1}}
  1189. <li class="pop1-hd__itemList">
  1190. <strong>资产:</strong>
  1191. <span>{{assetId||'无'}}</span>
  1192. </li>
  1193. {{/if}}
  1194. </ul>
  1195. </div>
  1196. <div class="pop1-hd__item">
  1197. <h3>处理进度</h3>
  1198. <ul class="pop1-hd__itemBlock clearfix">
  1199. <li class="pop1-hd__itemList pop1-hd__itemList--five">
  1200. <strong>维修人:</strong
  1201. ><span
  1202. >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.name:'暂无'}}</span
  1203. >
  1204. </li>
  1205. <li
  1206. class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
  1207. >
  1208. <strong>电话:</strong
  1209. ><span
  1210. >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.phone:'暂无'}}</span
  1211. >
  1212. </li>
  1213. <li class="pop1-hd__itemList">
  1214. <strong>处理进度:</strong>
  1215. <div class="pop1-hd__itemListProcess clearfix">
  1216. <div class="pop1-hd__processRight fr">
  1217. <div class="pop1-hd__processRightItem">
  1218. <span>{{timeList[4].endTime}}</span>
  1219. <p>{{processList[4].desc}}</p>
  1220. <h4 class="end">{{processList[4].name}}</h4>
  1221. <div class="pop1-hd__processCircle end"></div>
  1222. </div>
  1223. <!-- <div class="pop1-hd__processRightItem">
  1224. <span>{{timeList[1].endTime}}</span>
  1225. <p>{{processList[1].desc}}</p>
  1226. <h4>{{processList[1].name}}</h4>
  1227. <div class="pop1-hd__processCircle"></div>
  1228. </div> -->
  1229. <div class="pop1-hd__processRightItem">
  1230. <span>{{time|dateFormat}}</span>
  1231. <p>{{processList[0].desc}}</p>
  1232. <h4>{{processList[0].name}}</h4>
  1233. <div class="pop1-hd__processCircle"></div>
  1234. </div>
  1235. </div>
  1236. </div>
  1237. </li>
  1238. </ul>
  1239. </div>
  1240. <div class="pop1-hd__item">
  1241. <h3>处理日志</h3>
  1242. <table class="pop1-hd__table">
  1243. <tr>
  1244. <td class="xh">序号</td>
  1245. <td class="clr">处理人</td>
  1246. <td class="date">时间</td>
  1247. <td>内容</td>
  1248. </tr>
  1249. {{each incident.handlerLogs}}
  1250. <tr>
  1251. <td>{{$index + 1}}</td>
  1252. <td>{{$value.userName}}</td>
  1253. <td>{{$value.opTime | dateFormat}}</td>
  1254. <td>{{$value.opValue}}</td>
  1255. </tr>
  1256. {{/each}}
  1257. </table>
  1258. </div>
  1259. <div class="pop1-hd__item pop1-tips">
  1260. <h3>不受理原因</h3>
  1261. <p class="pop1-tipsBd">{{rejectRemark}}</p>
  1262. </div>
  1263. </div>
  1264. <div class="pop1-operate">
  1265. <div class="pop1-twoBtn">
  1266. <div class="pop1-operateBtn twoConfirm">确定</div>
  1267. <div class="pop1-operateBtn twoCancel">取消</div>
  1268. </div>
  1269. <div class="pop1-oneBtn">
  1270. <div class="pop1-operateBtn oneConfirm">知道了</div>
  1271. </div>
  1272. </div>
  1273. </script>
  1274. <!-- 完成-已撤回(5)详情 -->
  1275. <script id="bx6_detail_temp" type="text/html">
  1276. <h2 class="pop1-title">
  1277. <span>报修查看</span
  1278. ><i class="pop1-title-icon iconfont dsit-false-circle"></i>
  1279. </h2>
  1280. <div class="pop1-hd">
  1281. <div class="pop1-hd__item">
  1282. <h3>报修信息</h3>
  1283. <ul class="pop1-hd__itemBlock clearfix">
  1284. <li class="pop1-hd__itemList pop1-hd__itemList--five">
  1285. <strong>报修编号:</strong><span>{{bxcode}}</span>
  1286. </li>
  1287. <li
  1288. class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
  1289. >
  1290. <strong>状态:</strong><span>{{state.name}}</span>
  1291. </li>
  1292. {{if incident.category}}
  1293. <li class="pop1-hd__itemList">
  1294. <strong>报修类别:</strong
  1295. ><span>{{incident.category.category}}</span>
  1296. </li>
  1297. {{/if}}
  1298. <li class="pop1-hd__itemList">
  1299. <strong>报修内容:</strong><span>{{description}}</span>
  1300. </li>
  1301. <li class="pop1-hd__itemList">
  1302. <strong>报修图片:</strong>
  1303. <div class="pop1-hd__itemListImgs clearfix">
  1304. {{each imgList}}
  1305. <img src="{{$value.previewUrl}}" class="pop1-hd__itemBxImgs" />
  1306. {{/each}}
  1307. </div>
  1308. </li>
  1309. <li class="pop1-hd__itemList">
  1310. <strong>报修地址:</strong>
  1311. <span
  1312. >{{incident.place ? incident.place.area.area +
  1313. incident.place.place : ''}}{{address}}</span
  1314. >
  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. <li
  1334. class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
  1335. >
  1336. <strong>电话:</strong
  1337. ><span
  1338. >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.phone:'暂无'}}</span
  1339. >
  1340. </li>
  1341. <li class="pop1-hd__itemList">
  1342. <strong>处理进度:</strong>
  1343. <div class="pop1-hd__itemListProcess clearfix">
  1344. <div class="pop1-hd__processRight fr">
  1345. <div class="pop1-hd__processRightItem">
  1346. <span>{{timeList[4].endTime}}</span>
  1347. <p>{{processList[4].desc}}</p>
  1348. <h4 class="end">{{processList[4].name}}</h4>
  1349. <div class="pop1-hd__processCircle end"></div>
  1350. </div>
  1351. <!-- <div class="pop1-hd__processRightItem">
  1352. <span>{{timeList[1].endTime}}</span>
  1353. <p>{{processList[1].desc}}</p>
  1354. <h4>{{processList[1].name}}</h4>
  1355. <div class="pop1-hd__processCircle"></div>
  1356. </div> -->
  1357. <div class="pop1-hd__processRightItem">
  1358. <span>{{time|dateFormat}}</span>
  1359. <p>{{processList[0].desc}}</p>
  1360. <h4>{{processList[0].name}}</h4>
  1361. <div class="pop1-hd__processCircle"></div>
  1362. </div>
  1363. </div>
  1364. </div>
  1365. </li>
  1366. </ul>
  1367. </div>
  1368. <div class="pop1-hd__item">
  1369. <h3>处理日志</h3>
  1370. <table class="pop1-hd__table">
  1371. <tr>
  1372. <td class="xh">序号</td>
  1373. <td class="clr">处理人</td>
  1374. <td class="date">时间</td>
  1375. <td>内容</td>
  1376. </tr>
  1377. {{each incident.handlerLogs}}
  1378. <tr>
  1379. <td>{{$index + 1}}</td>
  1380. <td>{{$value.userName}}</td>
  1381. <td>{{$value.opTime | dateFormat}}</td>
  1382. <td>{{$value.opValue}}</td>
  1383. </tr>
  1384. {{/each}}
  1385. </table>
  1386. </div>
  1387. <div class="pop1-hd__item pop1-tips">
  1388. <h3>撤回原因</h3>
  1389. <p class="pop1-tipsBd">{{retractReason}}</p>
  1390. </div>
  1391. </div>
  1392. <div class="pop1-operate">
  1393. <div class="pop1-twoBtn">
  1394. <div class="pop1-operateBtn twoConfirm">确定</div>
  1395. <div class="pop1-operateBtn twoCancel">取消</div>
  1396. </div>
  1397. <div class="pop1-oneBtn">
  1398. <div class="pop1-operateBtn oneConfirm">知道了</div>
  1399. </div>
  1400. </div>
  1401. </script>
  1402. <!-- 完成(5)详情 -->
  1403. <script id="bx7_detail_temp" type="text/html">
  1404. <h2 class="pop1-title">
  1405. <span>报修查看</span
  1406. ><i class="pop1-title-icon iconfont dsit-false-circle"></i>
  1407. </h2>
  1408. <div class="pop1-hd">
  1409. <div class="pop1-hd__item">
  1410. <h3>报修信息</h3>
  1411. <ul class="pop1-hd__itemBlock clearfix">
  1412. <li class="pop1-hd__itemList pop1-hd__itemList--five">
  1413. <strong>报修编号:</strong><span>{{bxcode}}</span>
  1414. </li>
  1415. <li
  1416. class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
  1417. >
  1418. <strong>状态:</strong><span>{{state.name}}</span>
  1419. </li>
  1420. {{if incident.category}}
  1421. <li class="pop1-hd__itemList">
  1422. <strong>报修类别:</strong
  1423. ><span>{{incident.category.category}}</span>
  1424. </li>
  1425. {{/if}}
  1426. <li class="pop1-hd__itemList">
  1427. <strong>报修内容:</strong><span>{{description}}</span>
  1428. </li>
  1429. <li class="pop1-hd__itemList">
  1430. <strong>报修图片:</strong>
  1431. <div class="pop1-hd__itemListImgs clearfix">
  1432. {{each imgList}}
  1433. <img src="{{$value.previewUrl}}" class="pop1-hd__itemBxImgs" />
  1434. {{/each}}
  1435. </div>
  1436. </li>
  1437. <li class="pop1-hd__itemList">
  1438. <strong>报修地址:</strong>
  1439. <span
  1440. >{{incident.place ? incident.place.area.area +
  1441. incident.place.place : ''}}{{address}}</span
  1442. >
  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="clr">处理人</td>
  1535. <td class="date">时间</td>
  1536. <td>内容</td>
  1537. </tr>
  1538. {{each incident.handlerLogs}}
  1539. <tr>
  1540. <td>{{$index + 1}}</td>
  1541. <td>{{$value.userName}}</td>
  1542. <td>{{$value.opTime | dateFormat}}</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. >{{incident.place ? incident.place.area.area +
  1642. incident.place.place : ''}}{{address}}</span
  1643. >
  1644. </li>
  1645. {{if wxIncidentWithCmdb == 1}}
  1646. <li class="pop1-hd__itemList">
  1647. <strong>资产:</strong>
  1648. <span>{{assetId||'无'}}</span>
  1649. </li>
  1650. {{/if}}
  1651. </ul>
  1652. </div>
  1653. <div class="pop1-hd__item pop1-evaluate">
  1654. <h3>报修评价</h3>
  1655. <div class="pop1-evaluateWrap">
  1656. <div class="pop1-evaluateOperate">
  1657. <div id="evaluate">
  1658. <span>评价:</span>
  1659. <span class="star">
  1660. {{each dictionary}}
  1661. <i
  1662. class="iconfont dsit-pingfen-copy active"
  1663. data-id="{{$value.id}}"
  1664. ></i>
  1665. {{/each}}
  1666. </span>
  1667. <strong class="star-text">非常满意</strong>
  1668. </div>
  1669. <div class="evaluate-textareaWrap">
  1670. <textarea class="evaluate-textarea">
  1671. 你可以从响应速度、解决情况、服务态度等方面,给我们作出相应的评价</textarea
  1672. >
  1673. </div>
  1674. </div>
  1675. </div>
  1676. </div>
  1677. </div>
  1678. <div class="pop1-operate">
  1679. <div class="pop1-twoBtn">
  1680. <div class="pop1-operateBtn twoConfirm">确定</div>
  1681. <div class="pop1-operateBtn twoCancel">取消</div>
  1682. </div>
  1683. <div class="pop1-oneBtn">
  1684. <div class="pop1-operateBtn oneConfirm">知道了</div>
  1685. </div>
  1686. </div>
  1687. </script>
  1688. <script src="./libs/uuid@latest.js"></script>
  1689. <script src="./js/base.js"></script>
  1690. <script src="./js/index.js"></script>
  1691. </html>