From 564bf7ab6a639c2c4557d35b8fd9b51dca60a738 Mon Sep 17 00:00:00 2001
From: LSH
Date: 星期二, 22 八月 2023 13:32:34 +0800
Subject: [PATCH] #规则完善
---
src/main/webapp/views/plan/plan_more.html | 75 +++++++++++++++++++++++++------------
1 files changed, 51 insertions(+), 24 deletions(-)
diff --git a/src/main/webapp/views/plan/plan_more.html b/src/main/webapp/views/plan/plan_more.html
index 5d6131a..68e1c92 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,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>
@@ -271,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"> </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"></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();
@@ -303,8 +323,15 @@
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);
--
Gitblit v1.9.1