From 34f99d106551b51bf2af3bbd40c64624a3af25eb Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期六, 09 九月 2023 09:43:57 +0800
Subject: [PATCH] #

---
 src/main/webapp/views/plan/plan_more.html |   87 ++++++++++++++++++++++++++++---------------
 1 files changed, 57 insertions(+), 30 deletions(-)

diff --git a/src/main/webapp/views/plan/plan_more.html b/src/main/webapp/views/plan/plan_more.html
index 5d6131a..0f4afe5 100644
--- a/src/main/webapp/views/plan/plan_more.html
+++ b/src/main/webapp/views/plan/plan_more.html
@@ -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>
 
@@ -226,19 +206,30 @@
                     </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>
-                        <span lay-filter="followerAdd" lay-submit style="float: right;cursor: pointer;">
-                            <i class="layui-icon" style="font-size: 20px;color: #1890ff;">&#xe61f;</i>
-                        </span>
+                        <span>鍞墠瑙勫垝娓呭崟</span>
                     </div>
                     <div class="layui-card-body">
-                        <table id="followersTable" lay-filter="followersTable"></table>
+                        <ul class="layui-timeline" id="timelineBox">
+                        </ul>
                     </div>
                 </div>
+                <!-- 璺熻繘浜� -->
+<!--                <div class="layui-card">-->
+<!--                    <div class="layui-card-header">-->
+<!--                        <span>璺熻繘浜�</span>-->
+<!--                        <span lay-filter="followerAdd" lay-submit style="float: right;cursor: pointer;">-->
+<!--                            <i class="layui-icon" style="font-size: 20px;color: #1890ff;">&#xe61f;</i>-->
+<!--                        </span>-->
+<!--                    </div>-->
+<!--                    <div class="layui-card-body">-->
+<!--                        <table id="followersTable" lay-filter="followersTable"></table>-->
+<!--                    </div>-->
+<!--                </div>-->
             </div>
         </div>
     </div>
@@ -269,6 +260,35 @@
             <button class="layui-btn" lay-filter="followerSubmit" lay-submit>淇濆瓨</button>
         </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">&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>
@@ -303,13 +323,20 @@
                         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)
+                        $('#customizeBox').html(plan.formHtml);
                         // 璁惧鏄庣粏
                         form.val('formAdvForm', plan);
                         top.convertDisabled($('#formAdvForm :input'), true);
                         // 璺熻繘浜�
-                        initFollowers(plan.id);
+                        // initFollowers(plan.id);
                         layDateRender();
                     } else if (res.code === 403) {
                         top.location.href = baseUrl + "/";

--
Gitblit v1.9.1