#规则完善

LSH

2023-08-22 564bf7ab6a639c2c4557d35b8fd9b51dca60a738

 src/main/webapp/views/plan/plan_more.html

@@ -39,7 +39,7 @@
</style>
<!-- 正文开始 -->
<form class="layui-form" id="formAdvForm" lay-filter="formAdvForm" style="height: 100%">
    <div class="layui-fluid" style="padding-bottom: 75px;height: 100%; overflow: scroll">
    <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">
@@ -49,30 +49,10 @@
                    <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>
                            <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 class="layui-tab-title" id="stepBox">
                    </ul>
                </div>

@@ -134,11 +114,13 @@
                            </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>
                                <legend style="font-size: 13px">其他</legend>
                            </fieldset>
                            <div id="customizeBox" class="formDes">
                            </div>
                        </div>

                        <!-- 售前规划 -->
@@ -155,7 +137,7 @@
                            <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 />
                                    <input name="finishTime$" class="layui-input" disabled />
                                </div>
                            </div>
                            <div class="layui-inline layui-col-md6">
@@ -190,11 +172,10 @@
                            </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>
                                <legend style="font-size: 13px">系统信息</legend>
                            </fieldset>
                            <div class="layui-inline layui-col-md6">
                                <label class="layui-form-label">添加人员:</label>
@@ -225,8 +206,19 @@
                    </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" id="timelineBox">
                        </ul>
                    </div>
                </div>
                <!-- 跟进人 -->
                <div class="layui-card">
                    <div class="layui-card-header">
                        <span>跟进人</span>
@@ -270,6 +262,35 @@
    </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">&nbsp;</span>
        {{/if}}
    </li>
    {{/each}}
</script>

<script type="text/template" id="timelineTpl">
    {{#each list}}
    <li class="layui-timeline-item">
        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
        <div class="layui-timeline-content layui-text">
            <h4 class="layui-timeline-title" style="display: inline;margin-right: 10px;">{{title}}</h4>
            <span>{{time}}</span>
            <p>
                {{msg}}
            </p>
        </div>
    </li>
    {{/each}}
</script>

<script>
    var planId = top.planByMore;
    $('.layui-layer-close').hide();
@@ -302,8 +323,18 @@
                        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 template1 = Handlebars.compile($('#timelineTpl').html());
                        $('#timelineBox').html(template1({list: JSON.parse(plan.settleMsg)}));
                        // 补充html
                        $('#customizeBox').html(plan.formHtml);
                        // 设备明细
                        form.val('formAdvForm', plan);
                        top.convertDisabled($('#formAdvForm :input'), true);
                        // 跟进人
                        initFollowers(plan.id);
                        layDateRender();