|  |  | 
 |  |  |             <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); | 
 |  |  |                         // 设备明细 |