From 469712af22140dfffbb67d9d7ceff2a2b5f1b803 Mon Sep 17 00:00:00 2001
From: LSH
Date: 星期六, 09 九月 2023 16:27:22 +0800
Subject: [PATCH] #优化
---
src/main/webapp/views/home/dashboard.html | 60 ++++++++++++++++++++++++++++++++++++------------------------
1 files changed, 36 insertions(+), 24 deletions(-)
diff --git a/src/main/webapp/views/home/dashboard.html b/src/main/webapp/views/home/dashboard.html
index fd45064..e2b8150 100644
--- a/src/main/webapp/views/home/dashboard.html
+++ b/src/main/webapp/views/home/dashboard.html
@@ -34,6 +34,10 @@
margin-left: 4px;
line-height: 32px;
}
+
+ .testColorBlack{
+ color: black;
+ }
</style>
</head>
@@ -43,86 +47,86 @@
<div class="layui-fluid">
<div class="layui-row layui-col-space15">
- <div class="layui-col-xs12 layui-col-md8">
+ <div class="layui-col-xs12 layui-col-md8" >
<div class="layui-card" style="">
- <div class="layui-card-header">鍥㈤槦娲诲姩瀹炴椂浜ゆ槗鎯呭喌</div>
- <div class="layui-card-body" style="padding-bottom: 20px;">
+ <div class="layui-card-header testColorBlack" style="background-color: #FFFA1C1C">鍥㈤槦娲诲姩瀹炴椂浜ゆ槗鎯呭喌</div>
+ <div class="layui-card-body" style="padding-bottom: 20px;background-color: #FFC6A02D">
<div class="layui-row">
- <div>鍥㈤槦鏁版嵁</div>
+ <div class="testColorBlack">鍥㈤槦鏁版嵁</div>
<div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center">
- <div class="numberInfoSubTitle">骞村害閿�鍞洰鏍�</div>
+ <div class="numberInfoSubTitle testColorBlack" >骞村害閿�鍞洰鏍�</div>
<div class="numberInfoValue">
<span id="companyYearTarget">124,543,233</span><em class="numberInfoSuffix">涓囧厓</em>
</div>
</div>
<div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center">
- <div class="numberInfoSubTitle">宸插畬鎴愰攢鍞换鍔�</div>
+ <div class="numberInfoSubTitle testColorBlack">宸插畬鎴愰攢鍞换鍔�</div>
<div class="numberInfoValue">
<span id="companySuccess">124,543,233</span><em class="numberInfoSuffix">涓囧厓</em>
</div>
</div>
<div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center">
- <div class="numberInfoSubTitle">鏈畬鎴愰攢鍞换鍔�</div>
+ <div class="numberInfoSubTitle testColorBlack">鏈畬鎴愰攢鍞换鍔�</div>
<div class="numberInfoValue">
<span id="companyProgress">124,543,233</span><em class="numberInfoSuffix">涓囧厓</em>
</div>
</div>
<div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center">
- <div class="numberInfoSubTitle">瀹屾垚鐜�</div>
+ <div class="numberInfoSubTitle testColorBlack">瀹屾垚鐜�</div>
<div class="numberInfoValue"><span id="companyRate">92</span>%</div>
</div>
</div>
</div>
</div>
- <div class="layui-card" style="">
- <div class="layui-card-header">瀹炴椂閿�鍞儏鍐�</div>
- <div class="layui-card-body" style="padding-bottom: 20px;">
+ <div class="layui-card" style="background-color: #ffffff">
+ <div class="layui-card-header testColorBlack" style="background-color: #FFFA1C1C">瀹炴椂閿�鍞儏鍐�</div>
+ <div class="layui-card-body" style="padding-bottom: 20px;background-color: #FFC6A02D">
<div class="layui-row">
- <div>涓汉鏁版嵁</div>
+ <div class="testColorBlack">涓汉鏁版嵁</div>
<div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center">
- <div class="numberInfoSubTitle">骞村害閿�鍞洰鏍�</div>
+ <div class="numberInfoSubTitle testColorBlack">骞村害閿�鍞洰鏍�</div>
<div class="numberInfoValue">
<span id="personYearTarget">124,543,233</span><em class="numberInfoSuffix">涓囧厓</em>
</div>
</div>
<div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center">
- <div class="numberInfoSubTitle">宸插畬鎴愰攢鍞换鍔�</div>
+ <div class="numberInfoSubTitle testColorBlack">宸插畬鎴愰攢鍞换鍔�</div>
<div class="numberInfoValue">
<span id="personSuccess">124,543,233</span><em class="numberInfoSuffix">涓囧厓</em>
</div>
</div>
<div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center">
- <div class="numberInfoSubTitle">鏈畬鎴愰攢鍞换鍔�</div>
+ <div class="numberInfoSubTitle testColorBlack">鏈畬鎴愰攢鍞换鍔�</div>
<div class="numberInfoValue">
<span id="personProgress">124,543,233</span><em class="numberInfoSuffix">涓囧厓</em>
</div>
</div>
<div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center">
- <div class="numberInfoSubTitle">瀹屾垚鐜�</div>
+ <div class="numberInfoSubTitle testColorBlack">瀹屾垚鐜�</div>
<div class="numberInfoValue"><span id="personRate">92</span>%</div>
</div>
</div>
<div class="layui-row" style="margin-top: 40px;">
<div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center">
- <div class="numberInfoSubTitle">璺熻釜椤圭洰鏁伴噺</div>
+ <div class="numberInfoSubTitle testColorBlack">璺熻釜椤圭洰鏁伴噺</div>
<div class="numberInfoValue">
<a href="#" id="openProgress" style="color: #1E9FFF"><span id="progressCount">124</span><em class="numberInfoSuffix">涓�</em></a>
</div>
</div>
<div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center">
- <div class="numberInfoSubTitle">璺熻釜椤圭洰閲戦</div>
+ <div class="numberInfoSubTitle testColorBlack">璺熻釜椤圭洰閲戦</div>
<div class="numberInfoValue">
<span id="progressMoney">124,543,233</span><em class="numberInfoSuffix">涓囧厓</em>
</div>
</div>
<div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center">
- <div class="numberInfoSubTitle">鎴愪氦椤圭洰鏁伴噺</div>
+ <div class="numberInfoSubTitle testColorBlack">鎴愪氦椤圭洰鏁伴噺</div>
<div class="numberInfoValue">
<a href="#" id="openSuccess" style="color: #1E9FFF"><span id="successCount">121</span><em class="numberInfoSuffix">涓�</em></a>
</div>
</div>
<div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center">
- <div class="numberInfoSubTitle">鎴愪氦椤圭洰閲戦</div>
+ <div class="numberInfoSubTitle testColorBlack">鎴愪氦椤圭洰閲戦</div>
<div class="numberInfoValue">
<span id="successMoney">124,543,233</span><em class="numberInfoSuffix">涓囧厓</em>
</div>
@@ -133,15 +137,14 @@
</div>
<div class="layui-col-xs12 layui-col-md4">
- <div class="layui-card" style="height: 403px;overflow: hidden;">
+ <div class="layui-card" style="height: 403px;overflow: hidden;background-color: #FFFA1C1C;height: 438px">
<div class="layui-card-header" style="display: flex;justify-content: space-between;">
<div>鍏徃鍏憡</div>
<div><a href="#" id="openCompanyPost" style="color: #1E9FFF">鏌ョ湅鏇村>></a></div>
</div>
- <div class="layui-card-body" id="companyPostId">
+ <div class="layui-card-body" id="companyPostId" style="background-color: #FFC6A02D">
</div>
</div>
-
</div>
<div class="layui-col-xs12">
@@ -305,7 +308,16 @@
success: function (res) {
let data = res.data
for (var i = 0; i < data.length; i++) {
- let div = "<tr>";
+ let div = "";
+ if (i==0){
+ div += "<tr style='color: red'>";
+ }else if (i==1){
+ div += "<tr style='color: blueviolet'>";
+ }else if (i==2){
+ div += "<tr style='color: #0181ee'>";
+ }else {
+ div += "<tr>";
+ }
if (i < 3) {
div += "<td><span class='layui-badge layui-bg-cyan'>" + (i+1) + "</span></td>"
}else {
--
Gitblit v1.9.1