index.html 55 KB

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