seimin
/
zuel-itsm-3.0.2


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152
							<!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">
              <input type="text" id="bx_address" value="请输入故障地点" autocomplete="off" />
              <ul id="bx_address_ul"></ul>
            </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}}</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}}</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}}</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>{{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>{{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>{{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>{{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>{{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>{{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>{{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>{{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>