seimin
/
zuel-itsm-3.0.2


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151
							<!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 class="loading"></div>
            </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">
          <i class="iconfont dsit-wodebaoxiu"></i> 最新报修
        </div>
        <ul class="r-list" id="bx_list">
          <li class="loading"></li>
        </ul>
      </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>
<!-- 填充科室 -->
<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}}
  <div class="noContent">
    <img src="./imgs/img_wubaoxiu.png" alt="">
    <p>暂无最新报修</p>
  </div>
  {{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>
<!-- 申请(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>
        <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.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>
  <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>
        <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.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>
  <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>
        <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.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>
  <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>
        <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.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>
  <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>
        <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.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 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>
        <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.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 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>
        <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.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>
  <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>
        <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.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>