From 49a0e726f3b50da8a65f2d66ed4d3de7574dd3ab Mon Sep 17 00:00:00 2001
From: YL <YL@LAPTOP-SE03PLUR>
Date: 星期一, 12 七月 2021 09:04:56 +0800
Subject: [PATCH] 报工平台前端页面交互优化
---
WebTM/views/IpadIndex.html | 389 ++++++++++++++++++++++---------------------------------
1 files changed, 158 insertions(+), 231 deletions(-)
diff --git a/WebTM/views/IpadIndex.html b/WebTM/views/IpadIndex.html
index e6f22ad..2d46e62 100644
--- a/WebTM/views/IpadIndex.html
+++ b/WebTM/views/IpadIndex.html
@@ -10,6 +10,8 @@
<link rel="stylesheet" href="../layuiadmin/layui/css/layui.css" media="all">
<link rel="stylesheet" href="../layuiadmin/style/admin.css" media="all">
<link href="../layuiadmin/layui/css/global.css" rel="stylesheet" />
+ <!--鑷畾涔夋牱寮�-->
+ <link href="../layuiadmin/layui/css/ReportPlatform.css" rel="stylesheet" />
<!--寮曠敤layui js鏂囦欢-->
<script src="../layuiadmin/Scripts/jquery-1.4.1.js"></script>
<script src="../layuiadmin/layui/layui.js"></script>
@@ -17,169 +19,8 @@
<script src="../layuiadmin/Scripts/json2.js"></script>
<script src="../layuiadmin/Scripts/webConfig.js"></script>
<script src="../layuiadmin/zgqCustom/zgqCustom.js"></script>
- <!--鑷畾涔夋牱寮�-->
- <style>
- body {
- background-color: #ffffff;
- }
- .layui-tab-card > .layui-tab-title {
- background-color: #ffffff;
- }
- .layui-badge-rim, .layui-border, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-panel, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
- border-color: #eee;
- }
-
- .layui-content {
- height: 150px;
- }
-
- .content3 {
- height: 595px;
- }
-
- .content4 {
- height: 640px;
- }
-
- .cnt {
- border: 1px solid #5FB878;
- height: 150px;
- border-radius: 5px;
- }
-
- .cns {
- border: 1px solid #5FB878;
- height: 140px;
- border-radius: 5px;
- }
-
- .topright dt img {
- display: block;
- height: 145px;
- width: 100%;
- }
-
- dt {
- height: 145px;
- width: 20%;
- border: 1px solid rgb(0 0 0 / 10%);
- }
-
- dl {
- overflow: hidden;
- margin: 2px 0px;
- }
-
- .topright > dd {
- padding: 0px 10px;
- width: 50%;
- }
-
- dt, dd {
- float: left;
- }
-
- .cnt h1, .cns h1 {
- line-height: 30px;
- margin: 0 10px;
- }
-
- h1 span {
- font-family: "寰蒋闆呴粦";
- font-weight: bold;
- }
-
- .cnt, .cns dl dd {
- margin: 0 auto;
- /*text-align:center;*/
- }
-
- .layui-show {
- padding: 5px 10px;
- }
-
- .color_border1 {
- border: 0.4em solid #ffd800;
- background-color: #ffd800;
- }
-
- .color_border2 {
- border: 0.4em solid #09d1ea;
- background-color: #09d1ea;
- }
-
- .color_border3 {
- border: 0.4em solid #808080;
- background-color: #808080;
- }
-
- .gj_icon {
- border-radius: 0.4em;
- width: 1px;
- height: 1px;
- display: inline-block;
- vertical-align: 0px;
- margin-right: 14px;
- }
-
- .imgicon {
- height: 100px;
- display: block;
- text-align: center;
- }
-
- .imgtitle {
- text-align: center;
- display: block;
- font-size: 30px;
- }
-
- .layui-icon {
- font-size: 90px;
- }
-
- .imgicon0 {
- height: 100px;
- display: block;
- text-align: center;
- margin: 0.2em auto;
- width: 100px;
- }
- .imgicon0:hover {
- cursor: pointer; /*榧犳爣鍙樻垚鎵嬫寚鏍峰紡*/
- background: #5FB878;
- }
-
- .bottomright {
- cursor: pointer; /*榧犳爣鍙樻垚鎵嬫寚鏍峰紡*/
- transition: all 0.6s; /*鎵�鏈夊睘鎬у彉鍖栧湪0.6绉掑唴鎵ц鍔ㄧ敾*/
- }
-
- .bottomright:hover {
- transform: scale(1.3); /*榧犳爣鏀句笂涔嬪悗鍏冪礌鍙樻垚1.4鍊嶅ぇ灏�*/
- }
-
- #mychart1, #mychart2 {
- width: 100%;
- height: 320px;
- }
-
- .delete {
- width: 20px;
- height: 20px;
- border-radius: 60%;
- position: absolute;
- top: 5px;
- right: 15px;
- font-size: 30px;
- }
-
- .delete:hover {
- cursor: pointer; /*榧犳爣鍙樻垚鎵嬫寚鏍峰紡*/
- }
- </style>
<script>
//娉ㄦ剰锛氶�夐」鍗� 渚濊禆 element 妯″潡锛屽惁鍒欐棤娉曡繘琛屽姛鑳芥�ф搷浣�
@@ -213,49 +54,87 @@
aSearch = aSearch.concat(ele); // 灏嗙鍚堣姹傜殑鏁扮粍鍚堝苟鍒癮Search;
}
});
-
- for (var i = 1; i <= 4; i++) {
+
+ for (var i = 1; i <= aSearch.length + 1; i++) {
if (i <= aSearch.length) {
- var html1 = "";
- html1 += "<dl>";
- html1 += "<dd>";
- html1 += "<h1><span>璁惧缂栧彿锛�</span><span id=\"eqp" + i + "\">SB000001</span></h1>";
- html1 += "<h1><span>褰撳墠宸ュ崟锛�</span><span>PO2021063000001</span></h1>";
- html1 += "<h1><span>璐熻矗浜猴細</span><span>寮犱笁</span></h1>";
- html1 += "</dd>";
- html1 += "</dl>";
- $("#ts" + i + "").append(html1);
- $("#ts" + i + "").append("<span class=\"layui-icon layui-icon-delete delete\" onclick=\"Delete(this," +i + ")\"></span>"); //鍦ㄥ綋鍓峝iv鍚庤拷鍔犲姞涓�涓猻pan鍒犻櫎
+ var html1 = '';
+ html1 += '<div class="layui-col-sm12 layui-col-md3">';
+ html1 += '<div class="cnt ctop" id="ts' + i + '" onclick="Check(this,' + i + ')">';
+ html1 += '<dl>';
+ html1 += '<dd>';
+ html1 += '<h1><span>璁惧缂栧彿锛�</span><span id="eqp' + i + '">SB000001</span></h1>';
+ html1 += '<h1><span>褰撳墠宸ュ崟锛�</span><span id="po' + i + '">PO2021063000001</span></h1>';
+ html1 += '<h1><span>璐熻矗浜猴細</span><span id="us' + i + '">寮犱笁</span></h1>';
+ html1 += '</dd>';
+ html1 += '</dl>';
+ html1 += '</div>';
+ html1 += '</div>';
+ $("#topleft").append(html1);
+ $("#ts" + i + "").append('<span class="layui-icon layui-icon-delete delete" onclick="Delete(event,this,' + i + ')"></span>'); //鍦ㄥ綋鍓峝iv鍚庤拷鍔犲姞涓�涓猻pan鍒犻櫎
}
- else
- {
- var html1 = "";
- html1 += "<span class=\"layui-icon layui-icon-addition imgicon0\" onclick=\"Add(this)\"></span>";
- $("#ts" + i + "").append(html1);
+ else {
+ var html1 = '';
+ html1 += '<div class="layui-col-sm12 layui-col-md3">';
+ html1 += '<div class="cnt ctop" id="ts' + i + '" onclick="Check(this,' + i + ')">';
+ html1 += '<span class="layui-icon layui-icon-addition imgicon0" onclick="Add(event,this,' + i + ')"></span>';
+ html1 += '</div>';
+ html1 += '</div>';
+ $("#topleft").append(html1);
+
}
}
-
+
}
});
}
- function Add(obj)
- {
+
+ //閫変腑璧勬簮
+ function Check(obj, i) {
+ var partid = $(obj).parent().attr("id"); //鑾峰彇鐖剁骇id
+ var eqpid = "eqp" + i; //鑾峰彇鎸囧畾璁惧ID鐨勭紪鍙�
+ var eqpvalue = $("#" + eqpid + "").html(); //閫氳繃鏍峰紡ID鑾峰彇html鍐呭(璁惧缂栧彿)
+ var po = "po" + i; //鑾峰彇鎸囧畾宸ュ崟缂栧彿
+ var povalue = $("#" + po + "").html(); //閫氳繃鏍峰紡ID鑾峰彇html鍐呭(璁惧缂栧彿)
+
+ if (eqpvalue != "" && eqpvalue != null) {
+ $('.ctop').removeClass('check'); //鍒犻櫎涓嶅悓鐖剁骇clss鏍峰紡鐩稿悓鐨勬墍鏈夊厓绱�
+ $("#ts" + i + "").addClass('check'); // 娣诲姞褰撳墠鍏冪礌鐨勬牱寮�
+ console.log(eqpvalue, povalue);
+
+ //鎵ц鑱斿姩浜嬩欢
+ }
+ }
+
+ //娣诲姞璧勬簮
+ function Add(event, obj, i) {
+ event.stopPropagation(); //闃绘鍐掓场
//鑾峰彇鐖剁骇id
var partid = $(obj).parent().attr("id");
- var html1 = "";
- html1 += "<dl>";
- html1 += "<dd>";
- html1 += "<h1><span>璁惧缂栧彿锛�</span><span>SB000001</span></h1>";
- html1 += "<h1><span>褰撳墠宸ュ崟锛�</span><span>PO2021063000001</span></h1>";
- html1 += "<h1><span>璐熻矗浜猴細</span><span>寮犱笁</span></h1>";
- html1 += "</dd>";
- html1 += "</dl>";
+ console.log(partid);
+ var html1 = '';
+ html1 += '<dl>';
+ html1 += '<dd>';
+ html1 += '<h1><span>璁惧缂栧彿锛�</span><span id="eqp' + i + '">SB000002</span></h1>';
+ html1 += '<h1><span>褰撳墠宸ュ崟锛�</span><span id="po' + i + '">PO2021063000002</span></h1>';
+ html1 += '<h1><span>璐熻矗浜猴細</span><span id="us' + i + '">寮犱笁</span></h1>';
+ html1 += '</dd>';
+ html1 += '</dl>';
$("#" + partid + "").empty(); //娓呴櫎娣诲姞鍥炬爣
- $("#" + partid+"").append(html1); //濉厖娣诲姞鐨勬暟鎹�
+ $("#" + partid + "").append(html1); //濉厖娣诲姞鐨勬暟鎹�
+ $("#ts" + i + "").append('<span class="layui-icon layui-icon-delete delete" onclick="Delete(event,this,' + i + ')"></span>'); //鍦ㄥ綋鍓峝iv鍚庤拷鍔犲姞涓�涓猻pan鍒犻櫎
+ var html1 = '';
+ html1 += '<div class="layui-col-sm12 layui-col-md3">';
+ html1 += '<div class="cnt ctop" id="ts' + (i+1) + '" onclick="Check(this,' + (i+1) + ')">';
+ html1 += '<span class="layui-icon layui-icon-addition imgicon0" onclick="Add(event,this,' + (i+1) + ')"></span>';
+ html1 += '</div>';
+ html1 += '</div>';
+ $("#topleft").append(html1);
}
- function Delete(obj,i)
- {
+
+ //鍒犻櫎璧勬簮
+ function Delete(event, obj, i) {
+ event.stopPropagation(); //闃绘鍐掓场
//鑾峰彇鐖剁骇id
var partid = $(obj).parent().attr("id");
//鑾峰彇鎸囧畾璁惧ID鐨勭紪鍙�
@@ -265,7 +144,7 @@
//閫昏緫鍒犻櫎鏂规硶
layer.confirm("纭瑕佸垹闄ゅ悧锛屽垹闄ゅ悗涓嶈兘鎭㈠", { title: "鍒犻櫎纭" }, function (index) {
layer.msg(value, { time: 1 * 1000, icon: 1 }, function () {
-
+
//淇敼涓哄姛鍚庡埛鏂扮晫闈�
window.location.reload();
});
@@ -373,27 +252,27 @@
<fieldset style="border: 1px solid #eee;box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);">
<legend style="color: #5FB878">鐢熶骇璧勬簮</legend>
<div class="layui-content">
- <div class="layui-row layui-col-space10">
- <div class="layui-col-sm12 layui-col-md3">
+ <div class="layui-row layui-col-space10" id="topleft">
+ <!--<div class="layui-col-sm12 layui-col-md3">
<div class="cnt" id="ts1">
</div>
</div>
<div class="layui-col-sm12 layui-col-md3">
<div class="cnt" id="ts2">
- <!--<span class="layui-icon layui-icon-addition imgicon0"></span>-->
+
</div>
</div>
<div class="layui-col-sm12 layui-col-md3">
<div class="cnt" id="ts3">
- <!--<span class="layui-icon layui-icon-addition imgicon0"></span>-->
+
</div>
</div>
<div class="layui-col-sm12 layui-col-md3">
<div class="cnt" id="ts4">
-
+
</div>
- </div>
+ </div>-->
</div>
</div>
</fieldset>
@@ -437,10 +316,13 @@
<div class="layui-col-sm12 layui-col-md3">
<div class="cns">
<dl>
- <dd>
+ <dd class="tcenter">
<h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
<h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border1'></span><span>鎵ц涓�</span></h1>
- <h1><span>鐢熶骇杩涘害锛�</span><span>寮犱笁</span></h1>
+ <span class="prs">鐢熶骇杩涘害锛�</span>
+ <div class="layui-progress layui-progress-big" lay-showpercent="true">
+ <div class="layui-progress-bar" lay-percent="5 / 10"></div>
+ </div>
</dd>
</dl>
</div>
@@ -448,10 +330,13 @@
<div class="layui-col-sm12 layui-col-md3">
<div class="cns">
<dl>
- <dd>
+ <dd class="tcenter">
<h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
<h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
- <h1><span>鐢熶骇杩涘害锛�</span><span>寮犱笁</span></h1>
+ <span class="prs">鐢熶骇杩涘害锛�</span>
+ <div class="layui-progress layui-progress-big" lay-showpercent="true">
+ <div class="layui-progress-bar" lay-percent="5 / 10"></div>
+ </div>
</dd>
</dl>
</div>
@@ -459,10 +344,13 @@
<div class="layui-col-sm12 layui-col-md3">
<div class="cns">
<dl>
- <dd>
+ <dd class="tcenter">
<h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
<h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
- <h1><span>鐢熶骇杩涘害锛�</span><span>寮犱笁</span></h1>
+ <span class="prs">鐢熶骇杩涘害锛�</span>
+ <div class="layui-progress layui-progress-big" lay-showpercent="true">
+ <div class="layui-progress-bar" lay-percent="5 / 10"></div>
+ </div>
</dd>
</dl>
</div>
@@ -470,10 +358,13 @@
<div class="layui-col-sm12 layui-col-md3">
<div class="cns">
<dl>
- <dd>
+ <dd class="tcenter">
<h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
<h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
- <h1><span>鐢熶骇杩涘害锛�</span><span>寮犱笁</span></h1>
+ <span class="prs">鐢熶骇杩涘害锛�</span>
+ <div class="layui-progress layui-progress-big" lay-showpercent="true">
+ <div class="layui-progress-bar" lay-percent="5 / 10"></div>
+ </div>
</dd>
</dl>
</div>
@@ -483,10 +374,13 @@
<div class="layui-col-sm12 layui-col-md3">
<div class="cns">
<dl>
- <dd>
+ <dd class="tcenter">
<h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
<h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border3'></span><span>宸插叧闂�</span></h1>
- <h1><span>鐢熶骇杩涘害锛�</span><span>寮犱笁</span></h1>
+ <span class="prs">鐢熶骇杩涘害锛�</span>
+ <div class="layui-progress layui-progress-big" lay-showpercent="true">
+ <div class="layui-progress-bar" lay-percent="5 / 10"></div>
+ </div>
</dd>
</dl>
</div>
@@ -494,10 +388,13 @@
<div class="layui-col-sm12 layui-col-md3">
<div class="cns">
<dl>
- <dd>
+ <dd class="tcenter">
<h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
<h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
- <h1><span>鐢熶骇杩涘害锛�</span><span>寮犱笁</span></h1>
+ <span class="prs">鐢熶骇杩涘害锛�</span>
+ <div class="layui-progress layui-progress-big" lay-showpercent="true">
+ <div class="layui-progress-bar" lay-percent="5 / 10"></div>
+ </div>
</dd>
</dl>
</div>
@@ -505,10 +402,13 @@
<div class="layui-col-sm12 layui-col-md3">
<div class="cns">
<dl>
- <dd>
+ <dd class="tcenter">
<h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
<h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
- <h1><span>鐢熶骇杩涘害锛�</span><span>寮犱笁</span></h1>
+ <span class="prs">鐢熶骇杩涘害锛�</span>
+ <div class="layui-progress layui-progress-big" lay-showpercent="true">
+ <div class="layui-progress-bar" lay-percent="5 / 10"></div>
+ </div>
</dd>
</dl>
</div>
@@ -516,10 +416,13 @@
<div class="layui-col-sm12 layui-col-md3">
<div class="cns">
<dl>
- <dd>
+ <dd class="tcenter">
<h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
<h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
- <h1><span>鐢熶骇杩涘害锛�</span><span>寮犱笁</span></h1>
+ <span class="prs">鐢熶骇杩涘害锛�</span>
+ <div class="layui-progress layui-progress-big" lay-showpercent="true">
+ <div class="layui-progress-bar" lay-percent="5 / 10"></div>
+ </div>
</dd>
</dl>
</div>
@@ -529,10 +432,13 @@
<div class="layui-col-sm12 layui-col-md3">
<div class="cns">
<dl>
- <dd>
+ <dd class="tcenter">
<h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
<h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
- <h1><span>鐢熶骇杩涘害锛�</span><span>寮犱笁</span></h1>
+ <span class="prs">鐢熶骇杩涘害锛�</span>
+ <div class="layui-progress layui-progress-big" lay-showpercent="true">
+ <div class="layui-progress-bar" lay-percent="5 / 10"></div>
+ </div>
</dd>
</dl>
</div>
@@ -540,10 +446,13 @@
<div class="layui-col-sm12 layui-col-md3">
<div class="cns">
<dl>
- <dd>
+ <dd class="tcenter">
<h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
<h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
- <h1><span>鐢熶骇杩涘害锛�</span><span>寮犱笁</span></h1>
+ <span class="prs">鐢熶骇杩涘害锛�</span>
+ <div class="layui-progress layui-progress-big" lay-showpercent="true">
+ <div class="layui-progress-bar" lay-percent="5 / 10"></div>
+ </div>
</dd>
</dl>
</div>
@@ -551,10 +460,13 @@
<div class="layui-col-sm12 layui-col-md3">
<div class="cns">
<dl>
- <dd>
+ <dd class="tcenter">
<h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
<h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
- <h1><span>鐢熶骇杩涘害锛�</span><span>寮犱笁</span></h1>
+ <span class="prs">鐢熶骇杩涘害锛�</span>
+ <div class="layui-progress layui-progress-big" lay-showpercent="true">
+ <div class="layui-progress-bar" lay-percent="5 / 10"></div>
+ </div>
</dd>
</dl>
</div>
@@ -562,10 +474,13 @@
<div class="layui-col-sm12 layui-col-md3">
<div class="cns">
<dl>
- <dd>
+ <dd class="tcenter">
<h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
<h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
- <h1><span>鐢熶骇杩涘害锛�</span><span>寮犱笁</span></h1>
+ <span class="prs">鐢熶骇杩涘害锛�</span>
+ <div class="layui-progress layui-progress-big" lay-showpercent="true">
+ <div class="layui-progress-bar" lay-percent="5 / 10"></div>
+ </div>
</dd>
</dl>
</div>
@@ -575,10 +490,13 @@
<div class="layui-col-sm12 layui-col-md3">
<div class="cns">
<dl>
- <dd>
+ <dd class="tcenter">
<h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
<h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
- <h1><span>鐢熶骇杩涘害锛�</span><span>寮犱笁</span></h1>
+ <span class="prs">鐢熶骇杩涘害锛�</span>
+ <div class="layui-progress layui-progress-big" lay-showpercent="true">
+ <div class="layui-progress-bar" lay-percent="5 / 10"></div>
+ </div>
</dd>
</dl>
</div>
@@ -586,10 +504,13 @@
<div class="layui-col-sm12 layui-col-md3">
<div class="cns">
<dl>
- <dd>
+ <dd class="tcenter">
<h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
<h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
- <h1><span>鐢熶骇杩涘害锛�</span><span>寮犱笁</span></h1>
+ <span class="prs">鐢熶骇杩涘害锛�</span>
+ <div class="layui-progress layui-progress-big" lay-showpercent="true">
+ <div class="layui-progress-bar" lay-percent="5 / 10"></div>
+ </div>
</dd>
</dl>
</div>
@@ -597,10 +518,13 @@
<div class="layui-col-sm12 layui-col-md3">
<div class="cns">
<dl>
- <dd>
+ <dd class="tcenter">
<h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
<h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
- <h1><span>鐢熶骇杩涘害锛�</span><span>寮犱笁</span></h1>
+ <span class="prs">鐢熶骇杩涘害锛�</span>
+ <div class="layui-progress layui-progress-big" lay-showpercent="true">
+ <div class="layui-progress-bar" lay-percent="5 / 10"></div>
+ </div>
</dd>
</dl>
</div>
@@ -608,10 +532,13 @@
<div class="layui-col-sm12 layui-col-md3">
<div class="cns">
<dl>
- <dd>
+ <dd class="tcenter">
<h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
<h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
- <h1><span>鐢熶骇杩涘害锛�</span><span>寮犱笁</span></h1>
+ <span class="prs">鐢熶骇杩涘害锛�</span>
+ <div class="layui-progress layui-progress-big" lay-showpercent="true">
+ <div class="layui-progress-bar" lay-percent="5 / 10"></div>
+ </div>
</dd>
</dl>
</div>
--
Gitblit v1.9.1