| | |
| | | <div class="layui-card"> |
| | | <div class="layui-card-header" style="padding-top: 5px; padding-bottom: 5px"> |
| | | <div> |
| | | <i class="layui-icon" style="font-size: 20px;color: #1890ff;font-weight: bold"></i> |
| | | <i class="layui-icon" style="font-size: 20px;color: #1890ff;font-weight: bold"></i> |
| | | <span id="form-name" style="margin: 0 6px;font-size: 18px;font-weight: bold;letter-spacing: 1px"></span> |
| | | <span style="opacity: .5;font-size: small;margin-left: 5px">跟踪项目</span> |
| | | <span style="opacity: .5;font-size: small;margin-left: 5px">售前规划申请单</span> |
| | | </div> |
| | | </div> |
| | | <div class="layui-card-body"> |
| | | |
| | | <div class="layui-tab layui-steps"> |
| | | <ul class="layui-tab-title"> |
| | | <li> |
| | | <i class="layui-icon layui-icon-ok">1</i> |
| | | <span class="layui-steps-title">已完成</span> |
| | | <span class="layui-steps-content">这里是该步骤的描述信息</span> |
| | | </li> |
| | | <li class="layui-this"> |
| | | <i class="layui-icon layui-icon-ok">2</i> |
| | | <span class="layui-steps-title">进行中</span> |
| | | <span class="layui-steps-content">这里是该步骤的描述信息</span> |
| | | </li> |
| | | <li> |
| | | <i class="layui-icon layui-icon-ok">3</i> |
| | | <span class="layui-steps-title">待进行</span> |
| | | <span class="layui-steps-content">这里是该步骤的描述信息</span> |
| | | </li> |
| | | <li> |
| | | <i class="layui-icon layui-icon-ok">4</i> |
| | | <span class="layui-steps-title">待进行</span> |
| | | <span class="layui-steps-content">这里是该步骤的描述信息</span> |
| | | </li> |
| | | </ul> |
| | | </div> |
| | | |
| | | </div> |
| | | </div> |
| | | <div class="layui-row"> |
| | |
| | | <div class="layui-form-item layui-row"> |
| | | <input name="id" type="hidden" /> |
| | | <div class="layui-inline layui-col-md6"> |
| | | <label class="layui-form-label">项目代号:</label> |
| | | <label class="layui-form-label">规划单号:</label> |
| | | <div class="layui-input-block"> |
| | | <input name="uuid" class="layui-input" disabled /> |
| | | </div> |
| | | </div> |
| | | <div class="layui-inline layui-col-md6"> |
| | | <label class="layui-form-label">甲方单位:</label> |
| | | <label class="layui-form-label">申请日期 :</label> |
| | | <div class="layui-input-block"> |
| | | <input name="appleTime$" 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="orderId$" 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="cstmrId$" class="layui-input" disabled /> |
| | | </div> |
| | | </div> |
| | | <div class="layui-inline layui-col-md6"> |
| | | <label class="layui-form-label">项目总金额:</label> |
| | | <label class="layui-form-label">业务员:</label> |
| | | <div class="layui-input-block"> |
| | | <input name="money" class="layui-input" disabled /> |
| | | <input name="userId$" class="layui-input" disabled /> |
| | | </div> |
| | | </div> |
| | | <div class="layui-inline layui-col-md6"> |
| | | <label class="layui-form-label">所属公司:</label> |
| | | <label class="layui-form-label">审批状态:</label> |
| | | <div class="layui-input-block"> |
| | | <input name="company$" class="layui-input" disabled/> |
| | | <input name="settle$" class="layui-input" disabled/> |
| | | </div> |
| | | </div> |
| | | <div class="layui-inline layui-col-md6"> |
| | | <label class="layui-form-label">省市区:</label> |
| | | <label class="layui-form-label">业务类型:</label> |
| | | <div class="layui-input-block"> |
| | | <input name="pcd$" class="layui-input" disabled /> |
| | | <input name="planType$" 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="addr" 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="director$" 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="remarks" class="layui-input" disabled /> |
| | | </div> |
| | | </div> |
| | | |
| | | <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;"> |
| | | <legend style="font-size: 13px">个性化</legend> |
| | | </fieldset> |
| | | |
| | | <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;"> |
| | | <legend style="font-size: 13px">其他</legend> |
| | |
| | | </script> |
| | | |
| | | <script> |
| | | var orderId = top.orderByMore; |
| | | var planId = top.planByMore; |
| | | $('.layui-layer-close').hide(); |
| | | layui.config({ |
| | | base: baseUrl + "/static/layui/lay/modules/" |
| | | }).extend({ |
| | | notice: 'notice/notice', |
| | | }).use(['form', 'table', 'laydate', 'notice', 'xmSelect'], function () { |
| | | steps: 'steps/steps', |
| | | }).use(['form', 'table', 'laydate', 'notice', 'xmSelect', 'steps'], function () { |
| | | var $ = layui.jquery; |
| | | var form = layui.form; |
| | | var table = layui.table; |
| | | var laydate = layui.laydate; |
| | | var notice = layui.notice; |
| | | var xmSelect = layui.xmSelect; |
| | | var steps = layui.steps; |
| | | |
| | | form.render('select'); |
| | | |
| | |
| | | function init(){ |
| | | notice.msg('正在载入数据......', {icon: 4, position: "topRight"}); |
| | | $.ajax({ |
| | | url: baseUrl + "/order/" + orderId + "/auth", |
| | | url: baseUrl + "/plan/" + planId + "/auth", |
| | | headers: {'token': localStorage.getItem('token')}, |
| | | method: 'GET', |
| | | success: function (res) { |
| | | notice.destroy(); |
| | | if (res.code === 200) { |
| | | let order = res.data; |
| | | top.orderByMore = null; |
| | | $("#form-name").html(order.name); |
| | | let plan = res.data; |
| | | top.planByMore = null; |
| | | $("#form-name").html(plan.name); |
| | | // 设备明细 |
| | | form.val('formAdvForm', order); |
| | | form.val('formAdvForm', plan); |
| | | // 跟进人 |
| | | initFollowers(order.id); |
| | | initFollowers(plan.id); |
| | | layDateRender(); |
| | | } else if (res.code === 403) { |
| | | top.location.href = baseUrl + "/"; |
| | |
| | | layDateRender(); |
| | | |
| | | // 渲染跟进人模块 |
| | | function initFollowers(orderId) { |
| | | if (!orderId) { |
| | | function initFollowers(planId) { |
| | | if (!planId) { |
| | | return; |
| | | } |
| | | $.ajax({ |
| | | url: baseUrl+"/order/followers/table/auth", |
| | | url: baseUrl+"/plan/followers/table/auth", |
| | | headers: {'token': localStorage.getItem('token')}, |
| | | data: { |
| | | orderId: orderId |
| | | planId: planId |
| | | }, |
| | | method: 'GET', |
| | | success: function (res) { |
| | |
| | | case "del": |
| | | let loadIndex = layer.load(2); |
| | | $.ajax({ |
| | | url: baseUrl+"/order/followers/remove/auth", |
| | | url: baseUrl+"/plan/followers/remove/auth", |
| | | headers: {'token': localStorage.getItem('token')}, |
| | | data: { |
| | | orderId: orderId, |
| | | planId: planId, |
| | | userId: data.userId |
| | | }, |
| | | method: 'POST', |
| | | success: function (res) { |
| | | layer.close(loadIndex); |
| | | if (res.code === 200){ |
| | | initFollowers(orderId); |
| | | initFollowers(planId); |
| | | } else if (res.code === 403){ |
| | | top.location.href = baseUrl+"/"; |
| | | } else { |
| | |
| | | } |
| | | let loadIndex = layer.load(2); |
| | | $.ajax({ |
| | | url: baseUrl+"/order/followers/add/auth", |
| | | url: baseUrl+"/plan/followers/add/auth", |
| | | headers: {'token': localStorage.getItem('token')}, |
| | | data: { |
| | | orderId: orderId, |
| | | planId: planId, |
| | | followerIds: selectList.map(function (d) { |
| | | return d.value; |
| | | }) |
| | |
| | | success: function (res) { |
| | | if (res.code === 200){ |
| | | layer.close(loadIndex); |
| | | initFollowers(orderId); |
| | | initFollowers(planId); |
| | | } else if (res.code === 403){ |
| | | top.location.href = baseUrl+"/"; |
| | | }else { |