From 26ebf71529e5ee4f70c4ad3ed52ea5e59c1b46e5 Mon Sep 17 00:00:00 2001 From: LSH Date: 星期一, 09 十月 2023 14:02:30 +0800 Subject: [PATCH] #核价相关 --- src/main/webapp/views/home/dashboard.html | 96 +++++++++++++++++++++++++++++++++++------------- 1 files changed, 70 insertions(+), 26 deletions(-) diff --git a/src/main/webapp/views/home/dashboard.html b/src/main/webapp/views/home/dashboard.html index fd45064..1ab25a8 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-card" style=""> - <div class="layui-card-header">鍥㈤槦娲诲姩瀹炴椂浜ゆ槗鎯呭喌</div> - <div class="layui-card-body" style="padding-bottom: 20px;"> + <div class="layui-col-xs12 layui-col-md8" > + <div class="layui-card" style="" id="popup"> + <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"> @@ -245,6 +248,23 @@ </div> + +<script> + // 鏄剧ず鍥㈤槦鏁版嵁 + function showPopup(res) { + if (res==="true"){ + document.getElementById('popup').style.display = 'block'; + }else { + // 闅愯棌鍥㈤槦鏁版嵁 + document.getElementById('popup').style.display = 'none'; + } + } + // 闅愯棌鍥㈤槦鏁版嵁 + function hidePopup() { + document.getElementById('popup').style.display = 'none'; + } +</script> + <!-- js閮ㄥ垎 --> <script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></script> <script type="text/javascript" src="../../static/js/echarts/echarts.min.js" charset="utf-8"></script> @@ -252,6 +272,7 @@ <script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script> <script> + f() layui.use(['layer', 'element'], function () { var $ = layui.jquery; var layer = layui.layer; @@ -289,7 +310,7 @@ $("#personRate").text(res.data.yearTransactionRate) $("#progressCount").text(res.data.progressCount) $("#successCount").text(res.data.successCount) - $("#progressMoney").text(res.data.progressMoney) + $("#progressMoney").text(res.data.progressMoney2) $("#successMoney").text(res.data.successMoney) } }); @@ -305,7 +326,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 { @@ -484,6 +514,20 @@ }); }); + + function f() { + let token = localStorage.getItem("token"); + layui.jquery.ajax({ + url: baseUrl + "/dashboard/popup/auth", + data:{token : token}, + method: 'GET', + success: function (res) { + if (res.code === 200) { + showPopup(res.msg) + } + } + }) + } </script> </body> </html> \ No newline at end of file -- Gitblit v1.9.1