|  |  |  | 
|---|
|  |  |  | <div class="layui-card-body" style="padding: 30px 20px"> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div class="layui-tab layui-steps"> | 
|---|
|  |  |  | <ul class="layui-tab-title"> | 
|---|
|  |  |  | <li id="step-1" style="pointer-events: none"> | 
|---|
|  |  |  | <i class="layui-icon layui-icon-ok">1</i> | 
|---|
|  |  |  | <span class="layui-steps-title">开始</span> | 
|---|
|  |  |  | <span class="layui-steps-content"> </span> | 
|---|
|  |  |  | </li> | 
|---|
|  |  |  | <li id="step-2" style="pointer-events: none"> | 
|---|
|  |  |  | <i class="layui-icon layui-icon-ok">2</i> | 
|---|
|  |  |  | <span class="layui-steps-title">本组组长审核</span> | 
|---|
|  |  |  | <span class="layui-steps-content"> </span> | 
|---|
|  |  |  | </li> | 
|---|
|  |  |  | <li id="step-3" style="pointer-events: none"> | 
|---|
|  |  |  | <i class="layui-icon layui-icon-ok">3</i> | 
|---|
|  |  |  | <span class="layui-steps-title">售前规划</span> | 
|---|
|  |  |  | <span class="layui-steps-content"> </span> | 
|---|
|  |  |  | </li> | 
|---|
|  |  |  | <li id="step-4" style="pointer-events: none"> | 
|---|
|  |  |  | <i class="layui-icon layui-icon-ok">4</i> | 
|---|
|  |  |  | <span class="layui-steps-title">审批通过</span> | 
|---|
|  |  |  | <span class="layui-steps-content"> </span> | 
|---|
|  |  |  | </li> | 
|---|
|  |  |  | <ul class="layui-tab-title" id="stepBox"> | 
|---|
|  |  |  | </ul> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | </form> | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <script type="text/template" id="stepTpl"> | 
|---|
|  |  |  | {{#each list}} | 
|---|
|  |  |  | <li id="step-{{step}}" style="pointer-events: none"> | 
|---|
|  |  |  | <i class="layui-icon layui-icon-ok">{{step}}</i> | 
|---|
|  |  |  | <span class="layui-steps-title">{{title}}</span> | 
|---|
|  |  |  | {{# if username}} | 
|---|
|  |  |  | <span class="layui-steps-content">{{username}}</span> | 
|---|
|  |  |  | {{ else }} | 
|---|
|  |  |  | <span class="layui-steps-content"> </span> | 
|---|
|  |  |  | {{/if}} | 
|---|
|  |  |  | </li> | 
|---|
|  |  |  | {{/each}} | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <script type="text/template" id="timelineTpl"> | 
|---|
|  |  |  | {{#each list}} | 
|---|
|  |  |  | <li class="layui-timeline-item"> | 
|---|
|  |  |  | 
|---|
|  |  |  | notice.destroy(); | 
|---|
|  |  |  | if (res.code === 200) { | 
|---|
|  |  |  | let plan = res.data; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | top.planByMore = null; | 
|---|
|  |  |  | $("#form-name").html(plan.name); | 
|---|
|  |  |  | // 进度步骤图 | 
|---|
|  |  |  | let template0 = Handlebars.compile($('#stepTpl').html()); | 
|---|
|  |  |  | $('#stepBox').html(template0({list: JSON.parse(plan.settleMsg)})); | 
|---|
|  |  |  | $('#step-' + Number(plan.step)).addClass("layui-this"); | 
|---|
|  |  |  | let template = Handlebars.compile($('#timelineTpl').html()); | 
|---|
|  |  |  | $('#timelineBox').html(template({list: JSON.parse(plan.settleMsg)})); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | let template1 = Handlebars.compile($('#timelineTpl').html()); | 
|---|
|  |  |  | $('#timelineBox').html(template1({list: JSON.parse(plan.settleMsg)})); | 
|---|
|  |  |  | // 补充html | 
|---|
|  |  |  | $('#customizeBox').html(plan.formHtml); | 
|---|
|  |  |  | // 设备明细 | 
|---|