seimin
/
zuel-itsm-3.0.2


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567
							<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1" />
    <title>报修平台</title>
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
    <script src="./js/isLogin.js"></script>
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="stylesheet" href="./css/iconfont/iconfont.css" />
    <script src="./libs/jquery-1.9.1.min.js"></script>
    <script src="./libs/jquery.placeholder.js"></script>
    <!--[if lt IE 10]>
      <script src="./libs/html5shiv.js"></script>
    <![endif]-->
  </head>

  <body>
    <header class="clearfix">
      <div class="fl logo">
        <img src="./imgs/6@3x-8.png" alt="" />
        <span>报修平台</span>
        <span class="line">|</span>
        <span>网络与信息运维服务平台</span>
      </div>
      <div class="fr logOut">
        <span class="user"></span>
        <span class="down"></span>
        <ul class="logOutWrap">
          <!-- <li class="changeBtn">修改密码</li> -->
          <li class="logOutBtn">退出</li>
        </ul>
      </div>
    </header>
    <article>
      <div class="content">
        <div class="left fl">
          <div class="top opcBg">
            <div class="title">
              <i class="iconfont dsit-gonggaoliebiao"></i> 最新公告
            </div>
            <div id="notice_list">
              <div class="loading"></div>
            </div>
          </div>
          <div class="bottom">
            <div class="con opcBg">
              <div class="title">
                <i class="iconfont dsit-changjianwenti2"></i>
                <span>常见问题</span>
                <div class="searchBox">
                  <input
                    class="searchPro"
                    id="searchPro"
                    type="text"
                    value="请输入关键字"
                  />
                  <span class="icon" id="searchProSubmit">
                    <i class="iconfont dsit-sousuo"></i>
                  </span>
                </div>
              </div>
              <div class="con-wrap" id="solution_list"></div>
              <div class="loading"></div>
            </div>
          </div>
        </div>
        <div class="center fl opcBg">
          <div class="centerTitle title">事件报修</div>
          <div class="form">
            <div class="formItem repairFlagReverse">
              <!--seimin-->
              <div class="label"><span class="required">*</span>报修科室：</div>
              <div class="ks">
                <input
                  type="text"
                  id="bx_ks"
                  value="请选择报修科室"
                  autocomplete="off"
                />
                <ul id="bx_ks_ul"></ul>
              </div>
            </div>

            <div class="formItem">
              <div class="label">
                <span class="required repairFlag">*</span>联系人：
              </div>
              <div class="inpBox">
                <input
                  class="concats"
                  type="text"
                  value="请输入联系人"
                  id="bx_name"
                  autocomplete="off"
                />
              </div>
            </div>
            <div class="formItem">
              <div class="label"><span class="required">*</span>联系电话：</div>
              <div class="inpBox">
                <input
                  class="tel"
                  type="text"
                  value="请输入联系电话"
                  id="bx_tel"
                  autocomplete="off"
                />
              </div>
            </div>
            <!-- 区域地点 -->
            <div class="formItem">
              <div class="label"><span class="required">*</span>区域地点：</div>
              <div>
                <div class="areaplace">
                  <div class="areaBox clearfix">
                    <select
                      class="fl"
                      id="area_list"
                      style="font-size: 12px"
                    ></select>
                    <select
                      class="fr"
                      id="place_list"
                      style="font-size: 12px"
                    ></select>
                  </div>
                </div>
              </div>
            </div>
            <!-- 详细地址 -->
            <div class="formItem">
              <div class="label"><span class="required">*</span>详细地址：</div>
              <div class="address">
                <textarea class="textarea" id="bx_address">
请输入详细的地址</textarea
                >
              </div>
            </div>
            <div class="formItem" id="if_bx_eventClass">
              <div class="label">
                <span class="required repairFlag">*</span>报修类别：
              </div>
              <div class="inpBox bx_eventClass">
                <select
                  placeholder="请选择报修类别"
                  id="bx_eventClass"
                  autocomplete="off"
                ></select>
              </div>
            </div>
            <!-- 报修内容 -->
            <div class="formItem">
              <div class="label"><span class="required">*</span>报修内容：</div>
              <div class="repair">
                <textarea class="textarea" id="bx_description">
请输入报修的内容</textarea
                >
              </div>
            </div>
            <!-- 报修图片 -->
            <div class="formItem">
              <div class="label">
                报修图片<strong
                  >（最多可上传3张JPG或PNG，每张不能超过10M）</strong
                >
              </div>
              <ul class="f-images-list clearfix" id="f-images-list">
                <li class="f-images-item f-images-item--file">
                  <form
                    enctype="multipart/form-data"
                    class="form-file"
                    method="post"
                  >
                    <input
                      type="file"
                      class="f-file"
                      name="file"
                      accept="image/png,image/jpeg,image/jpg"
                    />
                    <input
                      type="submit"
                      class="f-input-submit"
                      value="提交"
                      style="display: none"
                    />
                  </form>
                </li>
              </ul>
            </div>
            <!-- 提交 -->
            <input
              type="button"
              class="f-submit"
              id="f-submit"
              value="提交报修"
            />
          </div>
        </div>
        <!-- 最新报修 -->
        <div class="right fl opcBg">
          <div class="title opcBg_title clearfix" id="demo">
            <!-- <div class="opcBg_item fl active">
              <i class="iconfont dsit-wodebaoxiu"></i> 最新报修
            </div>
            <div class="opcBg_item fr">
              <i class="iconfont dsit-sousuo"></i> 电话查号
            </div> -->
          </div>
          <div class="searchBox opcBg_searchBox">
            <input
              class="searchPro"
              id="searchPro1"
              type="text"
              value="可简拼、名称搜索"
            />
            <span class="icon" id="searchProSubmit1">
              <i class="iconfont dsit-sousuo"></i>
            </span>
          </div>
          <ul class="r-list" id="bx_list"></ul>
          <div class="loading"></div>
        </div>
      </div>
    </article>
    <!-- pop1 -->
    <div id="pop1"></div>
    <!-- 遮罩 -->
    <div id="mask"></div>
  </body>
  <script src="./libs/jquery.nicescroll.min.js"></script>
  <script src="./libs/es5-shim.min.js"></script>
  <script src="./libs/es5-sham.min.js"></script>
  <script src="./libs/json3.min.js"></script>
  <script src="./libs/template-web.min.js"></script>
  <!-- demo -->
  <script id="demo_temp" type="text/html">
    {{if account === 'ITIL_test2'||account === 'Z0003865'||account === 'wangyaxiang'||account === 'Z0004571'}}
    <div class="opcBg_item fl active">
      <i class="iconfont dsit-wodebaoxiu"></i> 最新报修
    </div>
    <div class="opcBg_item fr">
      <i class="iconfont dsit-sousuo"></i> 电话查号
    </div>
    {{else}}
    <div class="opcBg_item fl" style="width: 100%;padding-left: 16px;text-align: left;">
      <i class="iconfont dsit-wodebaoxiu"></i> 最新报修
    </div>
    {{/if}}
  </script>
  <!-- 填充科室 -->
  <script id="bx_ks_ul_temp" type="text/html">
    {{each list}}
    <li data-id="{{$value.id}}">{{$value.dept}}</li>
    {{/each}}
  </script>
  <!-- 故障地点seimin -->
  <script id="bx_address_ul_temp" type="text/html">
    {{each list}}
    <li data-id="{{$value.id}}">
      {{$value.place?$value.area.area+$value.place:$value.area}}
    </li>
    {{/each}}
  </script>
  <!-- 公告列表3条 -->
  <script id="notice_list_temp" type="text/html">
    {{if list.length == 0}}
    <div class="noContent">
      <img src="./imgs/img_wugonggao.png" alt="" />
      <p>暂无最新公告</p>
    </div>
    {{else}} {{each list}}
    <div class="infoItem noticeItem">
      <div class="content">
        <p class="oneline">{{$value.title}}</p>
        <div class="detail" data-id="{{$value.id}}">详情</div>
      </div>
      <div class="time">{{$value.createTime|dateTime}}</div>
    </div>
    {{/each}} {{/if}}
  </script>
  <!-- 公告详情弹窗 -->
  <script id="notice_detail_temp" type="text/html">
    <!-- 标题 -->

    <h2 class="pop1-title">
      <span>公告查看</span
      ><i class="pop1-title-icon iconfont dsit-false-circle"></i>
    </h2>
    <!-- 主体 -->
    <div class="pop1-hd">
      <div class="pop1-hd__item notice">
        <h3>{{title}}</h3>
        <p class="notice-dept">部门：{{dept.dept}}</p>
        <p class="notice-createTime">创建时间：{{createTime|dateTime}}</p>
        <p class="notice-content">{{@(content?content:'')}}</p>
      </div>
    </div>
    <!-- 按钮 -->
    <div class="pop1-operate">
      <div class="pop1-twoBtn">
        <div class="pop1-operateBtn twoConfirm"></div>
        <div class="pop1-operateBtn twoCancel"></div>
      </div>
      <div class="pop1-oneBtn">
        <div class="pop1-operateBtn oneConfirm"></div>
      </div>
    </div>
  </script>
  <!-- 常见问题列表 -->
  <script id="solution_list_temp" type="text/html">
    {{if list.length == 0}}
    <div class="noContent">
      <img src="./imgs/img_wugonggao.png" alt="" />
      <p>暂无常见问题</p>
    </div>
    {{else}} {{each list}}
    <div class="infoItem">
      <div class="content">
        <p class="oneline">
          <span class="bolderFont">主题：</span>{{$value.title}}
        </p>
        <div class="detail" data-id="{{$value.id}}">详情</div>
      </div>
      <div class="content second">
        <div class="twoline">{{@($value.content?$value.content:'')}}</div>
      </div>
      <div class="time">
        <span>{{$value.createtime}}</span>
        <span class="fr">点赞：{{$value.star}}</span>
      </div>
    </div>
    {{/each}} {{/if}}
  </script>
  <!-- 常见问题详情弹窗 -->
  <script id="solution_detail_temp" type="text/html">
    <!-- 标题 -->

    <h2 class="pop1-title">
      <span>知识库查看</span
      ><i class="pop1-title-icon iconfont dsit-false-circle"></i>
    </h2>
    <!-- 主体 -->
    <div class="pop1-hd">
      <div class="pop1-hd__item solution">
        <h3>主题：{{title}}</h3>
        <p class="solution-createUser">创建人：{{createUser.name}}</p>
        <p class="solution-createtime">创建时间：{{createtime}}</p>
        <p class="solution-content">解决方案：{{@(content?content:'')}}</p>
      </div>
    </div>
    <!-- 按钮 -->
    <div class="pop1-operate">
      <div class="pop1-twoBtn">
        <div class="pop1-operateBtn twoConfirm"></div>
        <div class="pop1-operateBtn twoCancel"></div>
      </div>
      <div class="pop1-oneBtn">
        <div class="pop1-operateBtn oneConfirm"></div>
      </div>
    </div>
  </script>
  <!-- 区域 -->
  <script id="area_list_temp" type="text/html">
    {{each list}}
    <option value="{{$value.id}}">{{$value.area}}</option>
    {{/each}}
  </script>
  <!-- 地点 -->
  <script id="place_list_temp" type="text/html">
    {{each list}}
    <option value="{{$value.id}}">{{$value.place}}</option>
    {{/each}}
  </script>
  <!-- 最新报修列表 -->
  <script id="bx_list_temp" type="text/html">
    {{if data.length == 0}}
    <li class="noContent">
      <img src="./imgs/img_wubaoxiu.png" alt="" />
      <p>暂无最新报修</p>
    </li>
    {{else}} {{each data}}
    <li class="r-item">
      <div class="r-item-title">报修单号：<span>{{$value.bxcode}}</span></div>
      <p class="r-item-content twoline">{{$value.description}}</p>
      <div class="r-item-info clearfix">
        <strong class="fl">{{$value.createTime | dateFormat}}</strong>
        <a href="javascript:;" class="r-item-click fr" data-id="{{$value.id}}"
          >详情</a
        >
      </div>
      <div class="r-item-process clearfix">
        <!-- 未受理(1) 已转换(2) 处理中(3) 待评价(4) -->
        <!-- 申请 start -->
        {{if $value.processArr[0] == 'current'}}
        <div class="r-item-processitem fl end">
          <h3>申请</h3>
          <div class="outerCircle">
            <div class="innerCircle"></div>
          </div>
          <div class="outerCircleEnd">
            <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
          </div>
        </div>
        {{else if $value.processArr[0] === true}}
        <div class="r-item-processitem fl active">
          <h3>申请</h3>
          <div class="outerCircle">
            <div class="innerCircle"></div>
          </div>
          <div class="outerCircleEnd">
            <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
          </div>
        </div>
        {{else if $value.processArr[0] === false}}
        <div class="r-item-processitem fl">
          <h3>申请</h3>
          <div class="outerCircle">
            <div class="innerCircle"></div>
          </div>
          <div class="outerCircleEnd">
            <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
          </div>
        </div>
        {{/if}}
        <!-- 申请 end -->
        <!-- 受理 start -->
        {{if $value.processArr[1] == 'current'}}
        <div class="r-item-processitem fl end">
          <h3>受理</h3>
          <div class="outerCircle">
            <div class="innerCircle"></div>
          </div>
          <div class="outerCircleEnd">
            <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
          </div>
        </div>
        {{else if $value.processArr[1] === true}}
        <div class="r-item-processitem fl active">
          <h3>受理</h3>
          <div class="outerCircle">
            <div class="innerCircle"></div>
          </div>
          <div class="outerCircleEnd">
            <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
          </div>
        </div>
        {{else if $value.processArr[1] === false}}
        <div class="r-item-processitem fl">
          <h3>受理</h3>
          <div class="outerCircle">
            <div class="innerCircle"></div>
          </div>
          <div class="outerCircleEnd">
            <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
          </div>
        </div>
        {{/if}}
        <!-- 受理 end -->
        <!-- 处理 start -->
        {{if $value.processArr[2] == 'current'}}
        <div class="r-item-processitem fl end">
          <h3>处理</h3>
          <div class="outerCircle">
            <div class="innerCircle"></div>
          </div>
          <div class="outerCircleEnd">
            <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
          </div>
        </div>
        {{else if $value.processArr[2] === true}}
        <div class="r-item-processitem fl active">
          <h3>处理</h3>
          <div class="outerCircle">
            <div class="innerCircle"></div>
          </div>
          <div class="outerCircleEnd">
            <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
          </div>
        </div>
        {{else if $value.processArr[2] === false}}
        <div class="r-item-processitem fl">
          <h3>处理</h3>
          <div class="outerCircle">
            <div class="innerCircle"></div>
          </div>
          <div class="outerCircleEnd">
            <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
          </div>
        </div>
        {{/if}}
        <!-- 处理 end -->
        <!-- 评价 start -->
        {{if $value.processArr[3] == 'current'}}
        <div class="r-item-processitem fl end">
          <h3>评价</h3>
          <div class="outerCircle">
            <div class="innerCircle"></div>
          </div>
          <div class="outerCircleEnd">
            <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
          </div>
        </div>
        {{else if $value.processArr[3] === true}}
        <div class="r-item-processitem fl active">
          <h3>评价</h3>
          <div class="outerCircle">
            <div class="innerCircle"></div>
          </div>
          <div class="outerCircleEnd">
            <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
          </div>
        </div>
        {{else if $value.processArr[3] === false}}
        <div class="r-item-processitem fl">
          <h3>评价</h3>
          <div class="outerCircle">
            <div class="innerCircle"></div>
          </div>
          <div class="outerCircleEnd">
            <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
          </div>
        </div>
        {{/if}}
        <!-- 评价 end -->
        <!-- 完成 start -->
        {{if $value.processArr[4] == 'current'}}
        <div class="r-item-processitem fl r-item-processitem__last end">
          <h3>完成</h3>
          <div class="outerCircle">
            <div class="innerCircle"></div>
          </div>
          <div class="outerCircleEnd">
            <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
          </div>
        </div>
        {{else if $value.processArr[4] === true}}
        <div class="r-item-processitem fl r-item-processitem__last active">
          <h3>完成</h3>
          <div class="outerCircle">
            <div class="innerCircle"></div>
          </div>
          <div class="outerCircleEnd">
            <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
          </div>
        </div>
        {{else if $value.processArr[4] === false}}
        <div class="r-item-processitem fl r-item-processitem__last">
          <h3>完成</h3>
          <div class="outerCircle">
            <div class="innerCircle"></div>
          </div>
          <div class="outerCircleEnd">
            <i class="innerCircleEnd iconfont dsit-icon_zhengzaijinx"></i>
          </div>
        </div>
        {{/if}}
        <!-- 完成 end -->
      </div>
    </li>
    {{/each}} {{/if}}
  </script>
  <!-- 电话查号结果列表 -->
  <script id="ch_list_temp" type="text/html">
    {{if list.length == 0}}
    <li class="noContent">
      <img src="./imgs/img_wubaoxiu.png" alt="" />
      <p>暂无数据</p>
    </li>
    {{else}}
    {{each list}}
    <li class="r-item hauto">
      <div class="r-item-title twoline"><span>{{$value.dept}}</span></div>
      <p class="r-item-content hauto">
        单位名称：{{$value.unit.unit}}
      </p>
      <p class="r-item-content hauto">单位电话：{{$value.phone}}</p>
      <p class="r-item-content hauto">
        办公地址：{{$value.address}}
      </p>
    </li>
    {{/each}}
    {{/if}}
  </script>
  <!-- 电话查号列表 -->
  <script id="ch_search_list_temp" type="text/html">
    {{if list.length == 0}}
    <li class="noContent">
      <img src="./imgs/img_wubaoxiu.png" alt="" />
      <p>暂无数据</p>
    </li>
    {{else}}
    {{each list}}
    <li class="r-item hauto clearfix ch-search">
      <i class="iconfont dsit-sousuo r-icon"></i>
      <div class="r-icon-search">
        {{if $value.unit.id}}
        <p class="r-item-content hauto">
          单位：{{$value.unit.unit}}
        </p>
        <p class="r-item-content hauto">
          部门：{{$value.dept}}
        </p>
        {{else}}
        <p class="r-item-content hauto">
          单位：{{$value.unit}}
        </p>
        {{/if}}
      </div>
    </li>
    {{/each}}
    {{/if}}
  </script>
  <!-- 申请(1)详情 -->
  <script id="bx1_detail_temp" type="text/html">
    <h2 class="pop1-title">
      <span>报修查看</span
      ><i class="pop1-title-icon iconfont dsit-false-circle"></i>
    </h2>
    <div class="pop1-hd">
      <div class="pop1-hd__item">
        <h3>报修信息</h3>
        <ul class="pop1-hd__itemBlock clearfix">
          <li class="pop1-hd__itemList pop1-hd__itemList--five">
            <strong>报修编号：</strong><span>{{bxcode}}</span>
          </li>
          <li
            class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
          >
            <strong>状态：</strong><span>{{state.name}}</span>
          </li>
          {{if incident.category}}
          <li class="pop1-hd__itemList">
            <strong>报修类别：</strong><span>{{incident.category.category}}</span>
          </li>
          {{/if}}
          <li class="pop1-hd__itemList">
            <strong>报修内容：</strong><span>{{description}}</span>
          </li>
          <li class="pop1-hd__itemList">
            <strong>报修图片：</strong>
            <div class="pop1-hd__itemListImgs clearfix">
              {{each imgList}}
              <img src="{{$value.previewUrl}}" class="pop1-hd__itemBxImgs" />
              {{/each}}
            </div>
          </li>
          <li class="pop1-hd__itemList">
            <strong>报修地址：</strong>
            <span>{{incident.place ? incident.place.area.area + incident.place.place : ''}}{{address}}</span>
          </li>
        </ul>
      </div>
      <div class="pop1-hd__item">
        <h3>处理进度</h3>
        <ul class="pop1-hd__itemBlock clearfix">
          <li class="pop1-hd__itemList pop1-hd__itemList--five">
            <strong>维修人：</strong
            ><span
              >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.name:'暂无'}}</span
            >
          </li>
          <li
            class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
          >
            <strong>电话：</strong
            ><span
              >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.phone:'暂无'}}</span
            >
          </li>
          <li class="pop1-hd__itemList">
            <strong>处理进度：</strong>
            <div class="pop1-hd__itemListProcess clearfix">
              <div class="pop1-hd__processRight fr">
                <div class="pop1-hd__processRightItem">
                  <span>{{time|dateFormat}}</span>
                  <p>{{processList[0].desc}}</p>
                  <h4 class="end">{{processList[0].name}}</h4>
                  <div class="pop1-hd__processCircle end"></div>
                </div>
              </div>
            </div>
          </li>
        </ul>
      </div>
      <div class="pop1-hd__item">
        <h3>处理日志</h3>
        <table class="pop1-hd__table">
          <tr>
            <td class="xh">序号</td>
            <td class="clr">处理人</td>
            <td class="date">时间</td>
            <td>内容</td>
          </tr>
          {{each incident.handlerLogs}}
          <tr>
            <td>{{$index + 1}}</td>
            <td>{{$value.userName}}</td>
            <td>{{$value.opTime | dateFormat}}</td>
            <td>{{$value.opValue}}</td>
          </tr>
          {{/each}}
        </table>
      </div>
    </div>
    <div class="pop1-operate">
      <div class="pop1-twoBtn">
        <div class="pop1-operateBtn twoConfirm">确定</div>
        <div class="pop1-operateBtn twoCancel">取消</div>
      </div>
      <div class="pop1-oneBtn">
        <div class="pop1-operateBtn oneConfirm">知道了</div>
      </div>
    </div>
  </script>
  <!-- 受理(2)详情 -->
  <script id="bx2_detail_temp" type="text/html">
    <h2 class="pop1-title">
      <span>报修查看</span
      ><i class="pop1-title-icon iconfont dsit-false-circle"></i>
    </h2>
    <div class="pop1-hd">
      <div class="pop1-hd__item">
        <h3>报修信息</h3>
        <ul class="pop1-hd__itemBlock clearfix">
          <li class="pop1-hd__itemList pop1-hd__itemList--five">
            <strong>报修编号：</strong><span>{{bxcode}}</span>
          </li>
          <li
            class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
          >
            <strong>状态：</strong><span>{{state.name}}</span>
          </li>
          {{if incident.category}}
          <li class="pop1-hd__itemList">
            <strong>报修类别：</strong><span>{{incident.category.category}}</span>
          </li>
          {{/if}}
          <li class="pop1-hd__itemList">
            <strong>报修内容：</strong><span>{{description}}</span>
          </li>
          <li class="pop1-hd__itemList">
            <strong>报修图片：</strong>
            <div class="pop1-hd__itemListImgs clearfix">
              {{each imgList}}
              <img src="{{$value.previewUrl}}" class="pop1-hd__itemBxImgs" />
              {{/each}}
            </div>
          </li>
          <li class="pop1-hd__itemList">
            <strong>报修地址：</strong>
            <span>{{incident.place ? incident.place.area.area + incident.place.place : ''}}{{address}}</span>
          </li>
        </ul>
      </div>
      <div class="pop1-hd__item">
        <h3>处理进度</h3>
        <ul class="pop1-hd__itemBlock clearfix">
          <li class="pop1-hd__itemList pop1-hd__itemList--five">
            <strong>维修人：</strong
            ><span
              >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.name:'暂无'}}</span
            >
          </li>
          <li
            class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
          >
            <strong>电话：</strong
            ><span
              >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.phone:'暂无'}}</span
            >
          </li>
          <li class="pop1-hd__itemList">
            <strong>处理进度：</strong>
            <div class="pop1-hd__itemListProcess clearfix">
              <div class="pop1-hd__processRight fr">
                <div class="pop1-hd__processRightItem">
                  <span>{{timeList[1].endTime}}</span>
                  <p>{{processList[1].desc}}</p>
                  <h4 class="end">{{processList[1].name}}</h4>
                  <div class="pop1-hd__processCircle end"></div>
                </div>
                <div class="pop1-hd__processRightItem">
                  <span>{{time|dateFormat}}</span>
                  <p>{{processList[0].desc}}</p>
                  <h4>{{processList[0].name}}</h4>
                  <div class="pop1-hd__processCircle"></div>
                </div>
              </div>
            </div>
          </li>
        </ul>
      </div>
      <div class="pop1-hd__item">
        <h3>处理日志</h3>
        <table class="pop1-hd__table">
          <tr>
            <td class="xh">序号</td>
            <td class="clr">处理人</td>
            <td class="date">时间</td>
            <td>内容</td>
          </tr>
          {{each incident.handlerLogs}}
          <tr>
            <td>{{$index + 1}}</td>
            <td>{{$value.userName}}</td>
            <td>{{$value.opTime | dateFormat}}</td>
            <td>{{$value.opValue}}</td>
          </tr>
          {{/each}}
        </table>
      </div>
    </div>
    <div class="pop1-operate">
      <div class="pop1-twoBtn">
        <div class="pop1-operateBtn twoConfirm">确定</div>
        <div class="pop1-operateBtn twoCancel">取消</div>
      </div>
      <div class="pop1-oneBtn">
        <div class="pop1-operateBtn oneConfirm">知道了</div>
      </div>
    </div>
  </script>
  <!-- 处理(3)详情 -->
  <script id="bx3_detail_temp" type="text/html">
    <h2 class="pop1-title">
      <span>报修查看</span
      ><i class="pop1-title-icon iconfont dsit-false-circle"></i>
    </h2>
    <div class="pop1-hd">
      <div class="pop1-hd__item">
        <h3>报修信息</h3>
        <ul class="pop1-hd__itemBlock clearfix">
          <li class="pop1-hd__itemList pop1-hd__itemList--five">
            <strong>报修编号：</strong><span>{{bxcode}}</span>
          </li>
          <li
            class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
          >
            <strong>状态：</strong><span>{{state.name}}</span>
          </li>
          {{if incident.category}}
          <li class="pop1-hd__itemList">
            <strong>报修类别：</strong><span>{{incident.category.category}}</span>
          </li>
          {{/if}}
          <li class="pop1-hd__itemList">
            <strong>报修内容：</strong><span>{{description}}</span>
          </li>
          <li class="pop1-hd__itemList">
            <strong>报修图片：</strong>
            <div class="pop1-hd__itemListImgs clearfix">
              {{each imgList}}
              <img src="{{$value.previewUrl}}" class="pop1-hd__itemBxImgs" />
              {{/each}}
            </div>
          </li>
          <li class="pop1-hd__itemList">
            <strong>报修地址：</strong>
            <span>{{incident.place ? incident.place.area.area + incident.place.place : ''}}{{address}}</span>
          </li>
        </ul>
      </div>
      <div class="pop1-hd__item">
        <h3>处理进度</h3>
        <ul class="pop1-hd__itemBlock clearfix">
          <li class="pop1-hd__itemList pop1-hd__itemList--five">
            <strong>维修人：</strong
            ><span
              >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.name:'暂无'}}</span
            >
          </li>
          <li
            class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
          >
            <strong>电话：</strong
            ><span
              >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.phone:'暂无'}}</span
            >
          </li>
          <li class="pop1-hd__itemList">
            <strong>处理进度：</strong>
            <div class="pop1-hd__itemListProcess clearfix">
              <div class="pop1-hd__processRight fr">
                <div class="pop1-hd__processRightItem">
                  <span>{{timeList[2].endTime}}</span>
                  <p>{{processList[2].desc}}</p>
                  <h4 class="end">{{processList[2].name}}</h4>
                  <div class="pop1-hd__processCircle end"></div>
                </div>
                <div class="pop1-hd__processRightItem">
                  <span>{{timeList[1].endTime}}</span>
                  <p>{{processList[1].desc}}</p>
                  <h4>{{processList[1].name}}</h4>
                  <div class="pop1-hd__processCircle"></div>
                </div>
                <div class="pop1-hd__processRightItem">
                  <span>{{time|dateFormat}}</span>
                  <p>{{processList[0].desc}}</p>
                  <h4>{{processList[0].name}}</h4>
                  <div class="pop1-hd__processCircle"></div>
                </div>
              </div>
            </div>
          </li>
        </ul>
      </div>
      <div class="pop1-hd__item">
        <h3>处理日志</h3>
        <table class="pop1-hd__table">
          <tr>
            <td class="xh">序号</td>
            <td class="clr">处理人</td>
            <td class="date">时间</td>
            <td>内容</td>
          </tr>
          {{each incident.handlerLogs}}
          <tr>
            <td>{{$index + 1}}</td>
            <td>{{$value.userName}}</td>
            <td>{{$value.opTime | dateFormat}}</td>
            <td>{{$value.opValue}}</td>
          </tr>
          {{/each}}
        </table>
      </div>
    </div>
    <div class="pop1-operate">
      <div class="pop1-twoBtn">
        <div class="pop1-operateBtn twoConfirm">确定</div>
        <div class="pop1-operateBtn twoCancel">取消</div>
      </div>
      <div class="pop1-oneBtn">
        <div class="pop1-operateBtn oneConfirm">知道了</div>
      </div>
    </div>
  </script>
  <!-- 评价(4)详情 -->
  <script id="bx4_detail_temp" type="text/html">
    <h2 class="pop1-title">
      <span>报修查看</span
      ><i class="pop1-title-icon iconfont dsit-false-circle"></i>
    </h2>
    <div class="pop1-hd">
      <div class="pop1-hd__item">
        <h3>报修信息</h3>
        <ul class="pop1-hd__itemBlock clearfix">
          <li class="pop1-hd__itemList pop1-hd__itemList--five">
            <strong>报修编号：</strong><span>{{bxcode}}</span>
          </li>
          <li
            class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
          >
            <strong>状态：</strong><span>{{state.name}}</span>
          </li>
          {{if incident.category}}
          <li class="pop1-hd__itemList">
            <strong>报修类别：</strong><span>{{incident.category.category}}</span>
          </li>
          {{/if}}
          <li class="pop1-hd__itemList">
            <strong>报修内容：</strong><span>{{description}}</span>
          </li>
          <li class="pop1-hd__itemList">
            <strong>报修图片：</strong>
            <div class="pop1-hd__itemListImgs clearfix">
              {{each imgList}}
              <img src="{{$value.previewUrl}}" class="pop1-hd__itemBxImgs" />
              {{/each}}
            </div>
          </li>
          <li class="pop1-hd__itemList">
            <strong>报修地址：</strong>
            <span>{{incident.place ? incident.place.area.area + incident.place.place : ''}}{{address}}</span>
          </li>
        </ul>
      </div>
      <div class="pop1-hd__item">
        <h3>处理进度</h3>
        <ul class="pop1-hd__itemBlock clearfix">
          <li class="pop1-hd__itemList pop1-hd__itemList--five">
            <strong>维修人：</strong
            ><span
              >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.name:'暂无'}}</span
            >
          </li>
          <li
            class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
          >
            <strong>电话：</strong
            ><span
              >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.phone:'暂无'}}</span
            >
          </li>
          <li class="pop1-hd__itemList">
            <strong>处理进度：</strong>
            <div class="pop1-hd__itemListProcess clearfix">
              <div class="pop1-hd__processRight fr">
                <div class="pop1-hd__processRightItem">
                  <span>{{timeList[3].endTime}}</span>
                  <p>{{processList[3].desc}}</p>
                  <h4 class="end">{{processList[3].name}}</h4>
                  <div class="pop1-hd__processCircle end"></div>
                </div>
                <div class="pop1-hd__processRightItem">
                  <span>{{timeList[2].endTime}}</span>
                  <p>{{processList[2].desc}}</p>
                  <h4>{{processList[2].name}}</h4>
                  <div class="pop1-hd__processCircle"></div>
                </div>
                <div class="pop1-hd__processRightItem">
                  <span>{{timeList[1].endTime}}</span>
                  <p>{{processList[1].desc}}</p>
                  <h4>{{processList[1].name}}</h4>
                  <div class="pop1-hd__processCircle"></div>
                </div>
                <div class="pop1-hd__processRightItem">
                  <span>{{time|dateFormat}}</span>
                  <p>{{processList[0].desc}}</p>
                  <h4>{{processList[0].name}}</h4>
                  <div class="pop1-hd__processCircle"></div>
                </div>
              </div>
            </div>
          </li>
        </ul>
      </div>
      <div class="pop1-hd__item">
        <h3>处理日志</h3>
        <table class="pop1-hd__table">
          <tr>
            <td class="xh">序号</td>
            <td class="clr">处理人</td>
            <td class="date">时间</td>
            <td>内容</td>
          </tr>
          {{each incident.handlerLogs}}
          <tr>
            <td>{{$index + 1}}</td>
            <td>{{$value.userName}}</td>
            <td>{{$value.opTime | dateFormat}}</td>
            <td>{{$value.opValue}}</td>
          </tr>
          {{/each}}
        </table>
      </div>
    </div>
    <div class="pop1-operate">
      <div class="pop1-twoBtn">
        <div class="pop1-operateBtn twoConfirm">确定</div>
        <div class="pop1-operateBtn twoCancel">取消</div>
      </div>
      <div class="pop1-oneBtn">
        <div class="pop1-operateBtn oneConfirm">知道了</div>
      </div>
    </div>
  </script>
  <!-- 完成-不受理(5)详情 -->
  <script id="bx5_detail_temp" type="text/html">
    <h2 class="pop1-title">
      <span>报修查看</span
      ><i class="pop1-title-icon iconfont dsit-false-circle"></i>
    </h2>
    <div class="pop1-hd">
      <div class="pop1-hd__item">
        <h3>报修信息</h3>
        <ul class="pop1-hd__itemBlock clearfix">
          <li class="pop1-hd__itemList pop1-hd__itemList--five">
            <strong>报修编号：</strong><span>{{bxcode}}</span>
          </li>
          <li
            class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
          >
            <strong>状态：</strong><span>{{state.name}}</span>
          </li>
          {{if incident.category}}
          <li class="pop1-hd__itemList">
            <strong>报修类别：</strong><span>{{incident.category.category}}</span>
          </li>
          {{/if}}
          <li class="pop1-hd__itemList">
            <strong>报修内容：</strong><span>{{description}}</span>
          </li>
          <li class="pop1-hd__itemList">
            <strong>报修图片：</strong>
            <div class="pop1-hd__itemListImgs clearfix">
              {{each imgList}}
              <img src="{{$value.previewUrl}}" class="pop1-hd__itemBxImgs" />
              {{/each}}
            </div>
          </li>
          <li class="pop1-hd__itemList">
            <strong>报修地址：</strong>
            <span>{{incident.place ? incident.place.area.area + incident.place.place : ''}}{{address}}</span>
          </li>
        </ul>
      </div>
      <div class="pop1-hd__item">
        <h3>处理进度</h3>
        <ul class="pop1-hd__itemBlock clearfix">
          <li class="pop1-hd__itemList pop1-hd__itemList--five">
            <strong>维修人：</strong
            ><span
              >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.name:'暂无'}}</span
            >
          </li>
          <li
            class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
          >
            <strong>电话：</strong
            ><span
              >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.phone:'暂无'}}</span
            >
          </li>
          <li class="pop1-hd__itemList">
            <strong>处理进度：</strong>
            <div class="pop1-hd__itemListProcess clearfix">
              <div class="pop1-hd__processRight fr">
                <div class="pop1-hd__processRightItem">
                  <span>{{timeList[4].endTime}}</span>
                  <p>{{processList[4].desc}}</p>
                  <h4 class="end">{{processList[4].name}}</h4>
                  <div class="pop1-hd__processCircle end"></div>
                </div>
                <!-- <div class="pop1-hd__processRightItem">
                  <span>{{timeList[1].endTime}}</span>
                  <p>{{processList[1].desc}}</p>
                  <h4>{{processList[1].name}}</h4>
                  <div class="pop1-hd__processCircle"></div>
                </div> -->
                <div class="pop1-hd__processRightItem">
                  <span>{{time|dateFormat}}</span>
                  <p>{{processList[0].desc}}</p>
                  <h4>{{processList[0].name}}</h4>
                  <div class="pop1-hd__processCircle"></div>
                </div>
              </div>
            </div>
          </li>
        </ul>
      </div>
      <div class="pop1-hd__item">
        <h3>处理日志</h3>
        <table class="pop1-hd__table">
          <tr>
            <td class="xh">序号</td>
            <td class="clr">处理人</td>
            <td class="date">时间</td>
            <td>内容</td>
          </tr>
          {{each incident.handlerLogs}}
          <tr>
            <td>{{$index + 1}}</td>
            <td>{{$value.userName}}</td>
            <td>{{$value.opTime | dateFormat}}</td>
            <td>{{$value.opValue}}</td>
          </tr>
          {{/each}}
        </table>
      </div>
      <div class="pop1-hd__item pop1-tips">
        <h3>不受理原因</h3>
        <p class="pop1-tipsBd">{{rejectRemark}}</p>
      </div>
    </div>
    <div class="pop1-operate">
      <div class="pop1-twoBtn">
        <div class="pop1-operateBtn twoConfirm">确定</div>
        <div class="pop1-operateBtn twoCancel">取消</div>
      </div>
      <div class="pop1-oneBtn">
        <div class="pop1-operateBtn oneConfirm">知道了</div>
      </div>
    </div>
  </script>
  <!-- 完成-已撤回(5)详情 -->
  <script id="bx6_detail_temp" type="text/html">
    <h2 class="pop1-title">
      <span>报修查看</span
      ><i class="pop1-title-icon iconfont dsit-false-circle"></i>
    </h2>
    <div class="pop1-hd">
      <div class="pop1-hd__item">
        <h3>报修信息</h3>
        <ul class="pop1-hd__itemBlock clearfix">
          <li class="pop1-hd__itemList pop1-hd__itemList--five">
            <strong>报修编号：</strong><span>{{bxcode}}</span>
          </li>
          <li
            class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
          >
            <strong>状态：</strong><span>{{state.name}}</span>
          </li>
          {{if incident.category}}
          <li class="pop1-hd__itemList">
            <strong>报修类别：</strong><span>{{incident.category.category}}</span>
          </li>
          {{/if}}
          <li class="pop1-hd__itemList">
            <strong>报修内容：</strong><span>{{description}}</span>
          </li>
          <li class="pop1-hd__itemList">
            <strong>报修图片：</strong>
            <div class="pop1-hd__itemListImgs clearfix">
              {{each imgList}}
              <img src="{{$value.previewUrl}}" class="pop1-hd__itemBxImgs" />
              {{/each}}
            </div>
          </li>
          <li class="pop1-hd__itemList">
            <strong>报修地址：</strong>
            <span>{{incident.place ? incident.place.area.area + incident.place.place : ''}}{{address}}</span>
          </li>
        </ul>
      </div>
      <div class="pop1-hd__item">
        <h3>处理进度</h3>
        <ul class="pop1-hd__itemBlock clearfix">
          <li class="pop1-hd__itemList pop1-hd__itemList--five">
            <strong>维修人：</strong
            ><span
              >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.name:'暂无'}}</span
            >
          </li>
          <li
            class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
          >
            <strong>电话：</strong
            ><span
              >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.phone:'暂无'}}</span
            >
          </li>
          <li class="pop1-hd__itemList">
            <strong>处理进度：</strong>
            <div class="pop1-hd__itemListProcess clearfix">
              <div class="pop1-hd__processRight fr">
                <div class="pop1-hd__processRightItem">
                  <span>{{timeList[4].endTime}}</span>
                  <p>{{processList[4].desc}}</p>
                  <h4 class="end">{{processList[4].name}}</h4>
                  <div class="pop1-hd__processCircle end"></div>
                </div>
                <!-- <div class="pop1-hd__processRightItem">
                                      <span>{{timeList[1].endTime}}</span>
                                      <p>{{processList[1].desc}}</p>
                                      <h4>{{processList[1].name}}</h4>
                                      <div class="pop1-hd__processCircle"></div>
                                  </div> -->
                <div class="pop1-hd__processRightItem">
                  <span>{{time|dateFormat}}</span>
                  <p>{{processList[0].desc}}</p>
                  <h4>{{processList[0].name}}</h4>
                  <div class="pop1-hd__processCircle"></div>
                </div>
              </div>
            </div>
          </li>
        </ul>
      </div>
      <div class="pop1-hd__item">
        <h3>处理日志</h3>
        <table class="pop1-hd__table">
          <tr>
            <td class="xh">序号</td>
            <td class="clr">处理人</td>
            <td class="date">时间</td>
            <td>内容</td>
          </tr>
          {{each incident.handlerLogs}}
          <tr>
            <td>{{$index + 1}}</td>
            <td>{{$value.userName}}</td>
            <td>{{$value.opTime | dateFormat}}</td>
            <td>{{$value.opValue}}</td>
          </tr>
          {{/each}}
        </table>
      </div>
      <div class="pop1-hd__item pop1-tips">
        <h3>撤回原因</h3>
        <p class="pop1-tipsBd">{{retractReason}}</p>
      </div>
    </div>
    <div class="pop1-operate">
      <div class="pop1-twoBtn">
        <div class="pop1-operateBtn twoConfirm">确定</div>
        <div class="pop1-operateBtn twoCancel">取消</div>
      </div>
      <div class="pop1-oneBtn">
        <div class="pop1-operateBtn oneConfirm">知道了</div>
      </div>
    </div>
  </script>
  <!-- 完成(5)详情 -->
  <script id="bx7_detail_temp" type="text/html">
    <h2 class="pop1-title">
      <span>报修查看</span
      ><i class="pop1-title-icon iconfont dsit-false-circle"></i>
    </h2>
    <div class="pop1-hd">
      <div class="pop1-hd__item">
        <h3>报修信息</h3>
        <ul class="pop1-hd__itemBlock clearfix">
          <li class="pop1-hd__itemList pop1-hd__itemList--five">
            <strong>报修编号：</strong><span>{{bxcode}}</span>
          </li>
          <li
            class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
          >
            <strong>状态：</strong><span>{{state.name}}</span>
          </li>
          {{if incident.category}}
          <li class="pop1-hd__itemList">
            <strong>报修类别：</strong><span>{{incident.category.category}}</span>
          </li>
          {{/if}}
          <li class="pop1-hd__itemList">
            <strong>报修内容：</strong><span>{{description}}</span>
          </li>
          <li class="pop1-hd__itemList">
            <strong>报修图片：</strong>
            <div class="pop1-hd__itemListImgs clearfix">
              {{each imgList}}
              <img src="{{$value.previewUrl}}" class="pop1-hd__itemBxImgs" />
              {{/each}}
            </div>
          </li>
          <li class="pop1-hd__itemList">
            <strong>报修地址：</strong>
            <span>{{incident.place ? incident.place.area.area + incident.place.place : ''}}{{address}}</span>
          </li>
        </ul>
      </div>
      <div class="pop1-hd__item">
        <h3>处理进度</h3>
        <ul class="pop1-hd__itemBlock clearfix">
          <li class="pop1-hd__itemList pop1-hd__itemList--five">
            <strong>维修人：</strong
            ><span
              >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.name:'暂无'}}</span
            >
          </li>
          <li
            class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
          >
            <strong>电话：</strong
            ><span
              >{{incident.handlingPersonnelUser?incident.handlingPersonnelUser.phone:'暂无'}}</span
            >
          </li>
          <li class="pop1-hd__itemList">
            <strong>处理进度：</strong>
            <div class="pop1-hd__itemListProcess clearfix">
              <div class="pop1-hd__processRight fr">
                {{if timeList.length == 3}}
                <div class="pop1-hd__processRightItem">
                  <span>{{timeList[2].endTime}}</span>
                  <p>{{processList[4].desc}}</p>
                  <h4 class="end">{{processList[4].name}}</h4>
                  <div class="pop1-hd__processCircle end"></div>
                </div>
                <div class="pop1-hd__processRightItem">
                  <span></span>
                  <p>{{processList[3].desc}}</p>
                  <h4 class="end">{{processList[3].name}}</h4>
                  <div class="pop1-hd__processCircle end"></div>
                </div>
                <div class="pop1-hd__processRightItem">
                  <span></span>
                  <p>{{processList[2].desc}}</p>
                  <h4 class="end">{{processList[2].name}}</h4>
                  <div class="pop1-hd__processCircle end"></div>
                </div>
                {{else}}
                <div class="pop1-hd__processRightItem">
                  <span>{{timeList[4].endTime}}</span>
                  <p>{{processList[4].desc}}</p>
                  <h4 class="end">{{processList[4].name}}</h4>
                  <div class="pop1-hd__processCircle end"></div>
                </div>
                <div class="pop1-hd__processRightItem">
                  <span>{{timeList[3].endTime}}</span>
                  <p>{{processList[3].desc}}</p>
                  <h4 class="end">{{processList[3].name}}</h4>
                  <div class="pop1-hd__processCircle end"></div>
                </div>
                <div class="pop1-hd__processRightItem">
                  <span>{{timeList[2].endTime}}</span>
                  <p>{{processList[2].desc}}</p>
                  <h4 class="end">{{processList[2].name}}</h4>
                  <div class="pop1-hd__processCircle end"></div>
                </div>
                {{/if}}
                <div class="pop1-hd__processRightItem">
                  <span>{{timeList[1].endTime}}</span>
                  <p>{{processList[1].desc}}</p>
                  <h4 class="end">{{processList[1].name}}</h4>
                  <div class="pop1-hd__processCircle end"></div>
                </div>
                <div class="pop1-hd__processRightItem">
                  <span>{{time|dateFormat}}</span>
                  <p>{{processList[0].desc}}</p>
                  <h4>{{processList[0].name}}</h4>
                  <div class="pop1-hd__processCircle"></div>
                </div>
              </div>
            </div>
          </li>
        </ul>
      </div>
      <div class="pop1-hd__item">
        <h3>处理日志</h3>
        <table class="pop1-hd__table">
          <tr>
            <td class="xh">序号</td>
            <td class="clr">处理人</td>
            <td class="date">时间</td>
            <td>内容</td>
          </tr>
          {{each incident.handlerLogs}}
          <tr>
            <td>{{$index + 1}}</td>
            <td>{{$value.userName}}</td>
            <td>{{$value.opTime | dateFormat}}</td>
            <td>{{$value.opValue}}</td>
          </tr>
          {{/each}}
        </table>
      </div>
    </div>
    <div class="pop1-operate">
      <div class="pop1-twoBtn">
        <div class="pop1-operateBtn twoConfirm">确定</div>
        <div class="pop1-operateBtn twoCancel">取消</div>
      </div>
      <div class="pop1-oneBtn">
        <div class="pop1-operateBtn oneConfirm">知道了</div>
      </div>
    </div>
  </script>
  <!-- 撤回 -->
  <script id="back_detail_temp" type="text/html">
    <h2 class="pop1-title">
      <span>报修查看</span
      ><i class="pop1-title-icon iconfont dsit-false-circle"></i>
    </h2>
    <div class="pop1-hd" style="height:auto;overflow:hidden;">
      <div class="pop1-hd__item pop1-back">
        <h3><span>*</span>撤回原因</h3>
        <div class="evaluate-textareaWrap">
          <textarea class="back-textarea">请输入撤回原因</textarea>
        </div>
      </div>
    </div>
    <div class="pop1-operate">
      <div class="pop1-twoBtn">
        <div class="pop1-operateBtn twoConfirm">确定</div>
        <div class="pop1-operateBtn twoCancel">取消</div>
      </div>
      <div class="pop1-oneBtn">
        <div class="pop1-operateBtn oneConfirm">知道了</div>
      </div>
    </div>
  </script>
  <!-- 提示 -->
  <script id="tips_detail_temp" type="text/html">
    <!-- <h2 class="pop1-title"><span>提示</span><i class="pop1-title-icon iconfont dsit-false-circle"></i></h2> -->

    <h2 class="pop1-title"><span>提示</span></h2>
    <div class="pop1-hd" style="height:auto;overflow:hidden;">
      <div class="pop1-hd__item pop1-tips">
        <i class="iconfont dsit-icon_zhengzaijinx"></i>
        <p>{{msg}}</p>
      </div>
    </div>
    <div class="pop1-operate">
      <div class="pop1-twoBtn">
        <div class="pop1-operateBtn twoConfirm">确定</div>
        <div class="pop1-operateBtn twoCancel">取消</div>
      </div>
      <div class="pop1-oneBtn">
        <div class="pop1-operateBtn oneConfirm">知道了</div>
      </div>
    </div>
  </script>
  <!-- 去评价页面 -->
  <script id="bx4_detail_1_temp" type="text/html">
    <h2 class="pop1-title">
      <span>报修查看</span
      ><i class="pop1-title-icon iconfont dsit-false-circle"></i>
    </h2>
    <div class="pop1-hd">
      <div class="pop1-hd__item">
        <h3>报修信息</h3>
        <ul class="pop1-hd__itemBlock clearfix">
          <li class="pop1-hd__itemList pop1-hd__itemList--five">
            <strong>报修编号：</strong><span>{{bxcode}}</span>
          </li>
          <li
            class="pop1-hd__itemList pop1-hd__itemList--five pop1-hd__itemList--tag"
          >
            <strong>状态：</strong><span>{{state.name}}</span>
          </li>
          {{if incident.category}}
          <li class="pop1-hd__itemList">
            <strong>报修类别：</strong><span>{{incident.category.category}}</span>
          </li>
          {{/if}}
          <li class="pop1-hd__itemList">
            <strong>报修内容：</strong><span>{{description}}</span>
          </li>
          <li class="pop1-hd__itemList">
            <strong>报修图片：</strong>
            <div class="pop1-hd__itemListImgs clearfix">
              {{each imgList}}
              <img src="{{$value.previewUrl}}" class="pop1-hd__itemBxImgs" />
              {{/each}}
            </div>
          </li>
          <li class="pop1-hd__itemList">
            <strong>报修地址：</strong>
            <span>{{incident.place ? incident.place.area.area + incident.place.place : ''}}{{address}}</span>
          </li>
        </ul>
      </div>
      <div class="pop1-hd__item pop1-evaluate">
        <h3>报修评价</h3>
        <div class="pop1-evaluateWrap">
          <div class="pop1-evaluateOperate">
            <div id="evaluate">
              <span>评价：</span>
              <span class="star">
                {{each dictionary}}
                <i
                  class="iconfont dsit-pingfen-copy active"
                  data-id="{{$value.id}}"
                ></i>
                {{/each}}
              </span>
              <strong class="star-text">非常满意</strong>
            </div>
            <div class="evaluate-textareaWrap">
              <textarea class="evaluate-textarea">
你可以从响应速度、解决情况、服务态度等方面，给我们作出相应的评价</textarea
              >
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="pop1-operate">
      <div class="pop1-twoBtn">
        <div class="pop1-operateBtn twoConfirm">确定</div>
        <div class="pop1-operateBtn twoCancel">取消</div>
      </div>
      <div class="pop1-oneBtn">
        <div class="pop1-operateBtn oneConfirm">知道了</div>
      </div>
    </div>
  </script>
  <script src="./libs/uuid@latest.js"></script>
  <script src="./js/base.js"></script>
  <script src="./js/index.js"></script>
</html>