| | |
| | | </style> |
| | | <!-- 正文开始 --> |
| | | <form class="layui-form" id="formAdvForm" lay-filter="formAdvForm" style="height: 100%"> |
| | | <div class="layui-fluid" style="padding-bottom: 75px;"> |
| | | <div class="layui-fluid" style="padding-bottom: 75px;height: 100%; overflow: scroll;box-sizing: border-box"> |
| | | <!-- 标题 --> |
| | | <div class="layui-card"> |
| | | <div class="layui-card-header" style="padding-top: 5px; padding-bottom: 5px"> |
| | |
| | | <span style="opacity: .5;font-size: small;margin-left: 5px">售前规划申请单</span> |
| | | </div> |
| | | </div> |
| | | <div class="layui-card-body"> |
| | | <div class="layui-card-body" style="padding: 30px 20px"> |
| | | |
| | | <div class="layui-tab layui-steps"> |
| | | <ul class="layui-tab-title"> |
| | | <li> |
| | | <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> |
| | | <span class="layui-steps-title">开始</span> |
| | | <span class="layui-steps-content"></span> |
| | | </li> |
| | | <li class="layui-this"> |
| | | <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> |
| | | <span class="layui-steps-title">本组组长审核</span> |
| | | <span class="layui-steps-content"></span> |
| | | </li> |
| | | <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> |
| | | <span class="layui-steps-title">售前规划</span> |
| | | <span class="layui-steps-content"></span> |
| | | </li> |
| | | <li> |
| | | <li id="step-4" class="layui-this" 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> |
| | | <span class="layui-steps-title">审批通过</span> |
| | | <span class="layui-steps-content"></span> |
| | | </li> |
| | | </ul> |
| | | </div> |
| | |
| | | </div> |
| | | </div> |
| | | <div class="layui-row"> |
| | | <!-- 基本信息 --> |
| | | <!-- 数据 --> |
| | | <div class="layui-col-md9"> |
| | | <div class="layui-card"> |
| | | <div class="layui-card-header"> |
| | |
| | | </div> |
| | | <div class="layui-card-body"> |
| | | |
| | | <!-- 基本信息 --> |
| | | <div class="layui-form-item layui-row"> |
| | | <input name="id" type="hidden" /> |
| | | <div class="layui-inline layui-col-md6"> |
| | |
| | | <input name="planType$" class="layui-input" disabled /> |
| | | </div> |
| | | </div> |
| | | <div class="layui-inline layui-col-md6"> |
| | | </div> |
| | | </div> |
| | | |
| | | <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;"> |
| | | <legend style="font-size: 13px">个性化</legend> |
| | | </fieldset> |
| | | |
| | | <!-- 其他 --> |
| | | <div class="layui-form-item layui-row"> |
| | | <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;"> |
| | | <legend style="font-size: 13px">其他</legend> |
| | | </fieldset> |
| | | <div id="customizeBox" class="formDes"> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 售前规划 --> |
| | | <div class="layui-form-item layui-row"> |
| | | <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;"> |
| | | <legend style="font-size: 13px">售前规划</legend> |
| | | </fieldset> |
| | | <div class="layui-inline layui-col-md6"> |
| | | <label class="layui-form-label">规划员:</label> |
| | | <div class="layui-input-block"> |
| | | <input name="planner" class="layui-input" disabled /> |
| | | </div> |
| | | </div> |
| | | <div class="layui-inline layui-col-md6"> |
| | | <label class="layui-form-label">完成时间:</label> |
| | | <div class="layui-input-block"> |
| | | <input name="finishTime$" class="layui-input" disabled /> |
| | | </div> |
| | | </div> |
| | | <div class="layui-inline layui-col-md6"> |
| | | <label class="layui-form-label">更改方案:</label> |
| | | <div class="layui-input-block"> |
| | | <input name="change" class="layui-input" disabled /> |
| | | </div> |
| | | </div> |
| | | <div class="layui-inline layui-col-md6"> |
| | | <label class="layui-form-label">更改次数:</label> |
| | | <div class="layui-input-block"> |
| | | <input name="changeTime" class="layui-input" disabled /> |
| | | </div> |
| | | </div> |
| | | <div class="layui-inline layui-col-md6"> |
| | | <label class="layui-form-label">更改原因:</label> |
| | | <div class="layui-input-block"> |
| | | <input name="changeReason" class="layui-input" disabled /> |
| | | </div> |
| | | </div> |
| | | <div class="layui-inline layui-col-md6"> |
| | | <label class="layui-form-label">规格奖金:</label> |
| | | <div class="layui-input-block"> |
| | | <input name="planBonus" class="layui-input" disabled /> |
| | | </div> |
| | | </div> |
| | | <div class="layui-inline layui-col-md6"> |
| | | <label class="layui-form-label">组长奖金:</label> |
| | | <div class="layui-input-block"> |
| | | <input name="planLeaderBonus" class="layui-input" disabled /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 系统信息 --> |
| | | <div class="layui-form-item layui-row"> |
| | | <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;"> |
| | | <legend style="font-size: 13px">系统信息</legend> |
| | | </fieldset> |
| | | <div class="layui-inline layui-col-md6"> |
| | | <label class="layui-form-label">添加人员:</label> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- 跟进人 --> |
| | | <!-- 动态 --> |
| | | <div class="layui-col-md3" style="width: 24%;margin-left: 1%"> |
| | | <!-- 时间线 --> |
| | | <div class="layui-card"> |
| | | <div class="layui-card-header"> |
| | | <span>售前规划清单</span> |
| | | </div> |
| | | <div class="layui-card-body"> |
| | | <ul class="layui-timeline"> |
| | | <li class="layui-timeline-item"> |
| | | <i class="layui-icon layui-timeline-axis"></i> |
| | | <div class="layui-timeline-content layui-text"> |
| | | <h3 class="layui-timeline-title">8月18日</h3> |
| | | <p> |
| | | layui 2.0 的一切准备工作似乎都已到位。发布之弦,一触即发。 |
| | | </p> |
| | | </div> |
| | | </li> |
| | | <li class="layui-timeline-item"> |
| | | <i class="layui-icon layui-timeline-axis"></i> |
| | | <div class="layui-timeline-content layui-text"> |
| | | <h3 class="layui-timeline-title">8月16日</h3> |
| | | <p>杜甫的思想核心是儒家的仁政思想,他有“<em>致君尧舜上,再使风俗淳</em>”的宏伟抱负。个人最爱的名篇有:</p> |
| | | <ul> |
| | | <li>《登高》</li> |
| | | <li>《茅屋为秋风所破歌》</li> |
| | | </ul> |
| | | </div> |
| | | </li> |
| | | <li class="layui-timeline-item"> |
| | | <i class="layui-icon layui-timeline-axis"></i> |
| | | <div class="layui-timeline-content layui-text"> |
| | | <div class="layui-timeline-title">过去</div> |
| | | </div> |
| | | </li> |
| | | </ul> |
| | | </div> |
| | | </div> |
| | | <!-- 跟进人 --> |
| | | <div class="layui-card"> |
| | | <div class="layui-card-header"> |
| | | <span>跟进人</span> |
| | |
| | | let plan = res.data; |
| | | top.planByMore = null; |
| | | $("#form-name").html(plan.name); |
| | | // 进度步骤图 |
| | | |
| | | // 补充html |
| | | $('#customizeBox').html(plan.formHtml) |
| | | // 设备明细 |
| | | form.val('formAdvForm', plan); |
| | | top.convertDisabled($('#formAdvForm :input'), true); |
| | | // 跟进人 |
| | | initFollowers(plan.id); |
| | | layDateRender(); |