From 470ae430433a79c68e115fdc94fc16291f034749 Mon Sep 17 00:00:00 2001
From: LSH
Date: 星期五, 17 十一月 2023 14:01:11 +0800
Subject: [PATCH] #
---
src/main/webapp/views/home/dashboard.html | 222 ++++++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 217 insertions(+), 5 deletions(-)
diff --git a/src/main/webapp/views/home/dashboard.html b/src/main/webapp/views/home/dashboard.html
index ece7371..0e82d16 100644
--- a/src/main/webapp/views/home/dashboard.html
+++ b/src/main/webapp/views/home/dashboard.html
@@ -84,7 +84,7 @@
<a href="#" id="openReimburseOnlinePendingTasks" style="color: #1E9FFF"><span id="reimburseOnlinePendingTaskCount">12121</span><em class="numberInfoSuffix">涓�</em></a>
</div>
</div>
- <div class="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center">
+ <div class="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center" ID="popupPlanPriOnlinePendingTaskCount">
<div class="numberInfoSubTitle testColorBlack">鍙帴鏀舵牳浠蜂换鍔�</div>
<div class="numberInfoValue">
<!-- <a href="#" id="openPlanPriOnlinePendingTasks" style="color: #1E9FFF"><span id="planPriOnlinePendingTaskCount">888</span><em class="numberInfoSuffix">涓�</em></a>-->
@@ -114,6 +114,14 @@
<span id="companySuccess">124,543,233</span><em class="numberInfoSuffix">涓囧厓</em>
</div>
</div>
+ <div class="layui-col-xs12 layui-col-sm6 layui-col-lg6 text-center">
+ <div class="numberInfoSubTitle testColorBlack">椤圭洰搴旀敹娆�</div>
+ <div class="numberInfoValue">
+ <span id="receivables">124,543,233</span><em class="numberInfoSuffix">涓囧厓</em>
+ </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 testColorBlack">鏈畬鎴愰攢鍞换鍔�</div>
<div class="numberInfoValue">
@@ -124,10 +132,46 @@
<div class="numberInfoSubTitle testColorBlack">瀹屾垚鐜�</div>
<div class="numberInfoValue"><span id="companyRate">92</span>%</div>
</div>
+ <div class="layui-col-xs12 layui-col-sm6 layui-col-lg6 text-center">
+ <div class="numberInfoSubTitle testColorBlack">椤圭洰瀹為檯鏀舵</div>
+ <div class="numberInfoValue">
+ <span id="actualReceipts">124,543,233</span><em class="numberInfoSuffix">涓囧厓</em>
+ </div>
+ </div>
</div>
</div>
</div>
- <div class="layui-card" style="background-color: #ffffff">
+ <div class="layui-card" style="" id="popupTwo">
+ <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 class="testColorBlack">鍥㈤槦鏁版嵁</div>
+ <div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center">
+ <div class="numberInfoSubTitle testColorBlack" >骞村害閿�鍞洰鏍�</div>
+ <div class="numberInfoValue">
+ <span id="companyYearTargetTwo">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 testColorBlack">宸插畬鎴愰攢鍞换鍔�</div>
+ <div class="numberInfoValue">
+ <span id="companySuccessTwo">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 testColorBlack">鏈畬鎴愰攢鍞换鍔�</div>
+ <div class="numberInfoValue">
+ <span id="companyProgressTwo">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 testColorBlack">瀹屾垚鐜�</div>
+ <div class="numberInfoValue"><span id="companyRateTwo">92</span>%</div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="layui-card" id="popupNow" 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">
@@ -195,15 +239,94 @@
</div>
</div>
</div>
+ <div class="layui-card" id="popupNowTwo"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 class="testColorBlack" style="">涓汉鏁版嵁</div>
+ <div class="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center" style="margin-left: 3%">
+ <div class="numberInfoSubTitle testColorBlack">骞村害閿�鍞洰鏍�</div>
+ <div class="numberInfoValue">
+ <span id="personYearTargetTwo">124,543,233</span><em class="numberInfoSuffix">涓囧厓</em>
+ </div>
+ </div>
+ <div class="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center" style="margin-left: 3%">
+ <div class="numberInfoSubTitle testColorBlack">宸插畬鎴愰攢鍞换鍔�</div>
+ <div class="numberInfoValue">
+ <span id="personSuccessTwo">124,543,233</span><em class="numberInfoSuffix">涓囧厓</em>
+ </div>
+ </div>
+ <div class="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center" style="margin-left: 3%">
+ <div class="numberInfoSubTitle testColorBlack">鏈畬鎴愰攢鍞换鍔�</div>
+ <div class="numberInfoValue">
+ <span id="personProgressTwo">124,543,233</span><em class="numberInfoSuffix">涓囧厓</em>
+ </div>
+ </div>
+ <div class="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center" style="margin-left: 3%">
+ <div class="numberInfoSubTitle testColorBlack">瀹屾垚鐜�</div>
+ <div class="numberInfoValue"><span id="personRateTwo">92</span>%</div>
+ </div>
+ <div class="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center" style="margin-left: 3%">
+ <div class="numberInfoSubTitle testColorBlack">涓汉椤圭洰瀹為檯鏀舵</div>
+ <div class="numberInfoValue">
+ <span id="successMoney2Two">124,543,233</span><em class="numberInfoSuffix">涓囧厓</em>
+ </div>
+ </div>
+ </div>
+ <div class="layui-row" style="margin-top: 40px;">
+ <div class="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center" style="margin-left: 3%">
+ <div class="numberInfoSubTitle testColorBlack">璺熻釜椤圭洰鏁伴噺</div>
+ <div class="numberInfoValue">
+ <a href="#" id="openProgressTwo" style="color: #1E9FFF"><span id="progressCountTwo">124</span><em class="numberInfoSuffix">涓�</em></a>
+ </div>
+ </div>
+ <div class="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center" style="margin-left: 3%">
+ <div class="numberInfoSubTitle testColorBlack">璺熻釜椤圭洰閲戦</div>
+ <div class="numberInfoValue">
+ <span id="progressMoneyTwo">124,543,233</span><em class="numberInfoSuffix">涓囧厓</em>
+ </div>
+ </div>
+ <div class="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center" style="margin-left: 3%">
+ <div class="numberInfoSubTitle testColorBlack">鎴愪氦椤圭洰鏁伴噺</div>
+ <div class="numberInfoValue">
+ <a href="#" id="openSuccessTwo" style="color: #1E9FFF"><span id="successCountTwo">121</span><em class="numberInfoSuffix">涓�</em></a>
+ </div>
+ </div>
+ <div class="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center" style="margin-left: 3%">
+ <div class="numberInfoSubTitle testColorBlack">鎴愪氦椤圭洰閲戦</div>
+ <div class="numberInfoValue">
+ <span id="successMoneyTwo">124,543,233</span><em class="numberInfoSuffix">涓囧厓</em>
+ </div>
+ </div>
+ <div class="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center" style="margin-left: 3%">
+ <div class="numberInfoSubTitle testColorBlack">涓汉椤圭洰搴旀敹娆�</div>
+ <div class="numberInfoValue">
+ <span id="successMoney1Two">124,543,233</span><em class="numberInfoSuffix">涓囧厓</em>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
- <div class="layui-col-xs12 layui-col-md4">
- <div class="layui-card" style="height: 403px;overflow: hidden;background-color: #FFFA1C1C;height: 438px">
+ <div class="layui-col-xs12 layui-col-md4" id="popupPost">
+ <div class="layui-card" style="overflow: hidden;background-color: #FFFA1C1C;height: 548px">
<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" style="background-color: #FFC6A02D">
+ </div>
+ </div>
+ </div>
+
+ <div class="layui-col-xs12 layui-col-md4" id="popupPostTwo">
+ <div class="layui-card" style="height: 300px;overflow: hidden;background-color: #FFFA1C1C;">
+ <div class="layui-card-header" style="display: flex;justify-content: space-between;">
+ <div>鍏徃鍏憡</div>
+ <div><a href="#" id="openCompanyPostTwo" style="color: #1E9FFF">鏌ョ湅鏇村>></a></div>
+ </div>
+ <div class="layui-card-body" id="companyPostIdTwo" style="background-color: #FFC6A02D">
</div>
</div>
</div>
@@ -315,14 +438,37 @@
function showPopup(res) {
if (res==="true"){
document.getElementById('popup').style.display = 'block';
- }else {
+ document.getElementById('popupTwo').style.display = 'none';
+ document.getElementById('popupNow').style.display = 'block';
+ document.getElementById('popupNowTwo').style.display = 'none';
+ document.getElementById('popupPost').style.display = 'block';
+ document.getElementById('popupPostTwo').style.display = 'none';
+ }else if (res==="true2"){
+ document.getElementById('popup').style.display = 'none';
+ document.getElementById('popupTwo').style.display = 'block';
+ document.getElementById('popupNow').style.display = 'block';
+ document.getElementById('popupNowTwo').style.display = 'none';
+ document.getElementById('popupPost').style.display = 'block';
+ document.getElementById('popupPostTwo').style.display = 'none';
+ } else {
// 闅愯棌鍥㈤槦鏁版嵁
document.getElementById('popup').style.display = 'none';
+ document.getElementById('popupTwo').style.display = 'none';
+ document.getElementById('popupNow').style.display = 'none';
+ document.getElementById('popupNowTwo').style.display = 'block';
+ document.getElementById('popupPost').style.display = 'none';
+ document.getElementById('popupPostTwo').style.display = 'block';
}
}
// 闅愯棌鍥㈤槦鏁版嵁
function hidePopup() {
document.getElementById('popup').style.display = 'none';
+ document.getElementById('popupTwo').style.display = 'none';
+ document.getElementById('popupNow').style.display = 'none';
+ document.getElementById('popupNowTwo').style.display = 'block';
+ document.getElementById('popupPlanPriOnlinePendingTaskCount').style.display = 'none';
+ document.getElementById('popupPost').style.display = 'none';
+ document.getElementById('popupPostTwo').style.display = 'block';
}
</script>
@@ -350,9 +496,15 @@
method: 'POST',
success: function (res) {
$("#companyYearTarget").text(res.data.yearTarget)
+ $("#companyYearTargetTwo").text(res.data.yearTarget)
$("#companySuccess").text(res.data.successMoney)
+ $("#companySuccessTwo").text(res.data.successMoney)
$("#companyProgress").text(res.data.progressMoney)
+ $("#companyProgressTwo").text(res.data.progressMoney)
$("#companyRate").text(res.data.yearTransactionRate)
+ $("#companyRateTwo").text(res.data.yearTransactionRate)
+ $("#receivables").text(res.data.receivablesMoney)
+ $("#actualReceipts").text(res.data.actualReceiptsMoney)
}
});
@@ -366,21 +518,37 @@
method: 'POST',
success: function (res) {
$("#personYearTarget").text(res.data.yearTarget)
+ $("#personYearTargetTwo").text(res.data.yearTarget)
$("#personSuccess").text(res.data.successMoney)
+ $("#personSuccessTwo").text(res.data.successMoney)
$("#personProgress").text(res.data.progressMoney)
+ $("#personProgressTwo").text(res.data.progressMoney)
$("#personRate").text(res.data.yearTransactionRate)
+ $("#personRateTwo").text(res.data.yearTransactionRate)
$("#progressCount").text(res.data.progressCount)
+ $("#progressCountTwo").text(res.data.progressCount)
$("#successCount").text(res.data.successCount)
+ $("#successCountTwo").text(res.data.successCount)
$("#progressMoney").text(res.data.progressMoney2)
+ $("#progressMoneyTwo").text(res.data.progressMoney2)
$("#successMoney").text(res.data.successMoney)
+ $("#successMoneyTwo").text(res.data.successMoney)
$("#planPendingTaskCount").text(res.data.planPendingTaskCount)
+ $("#planPendingTaskCountTwo").text(res.data.planPendingTaskCount)
$("#priOnlinePendingTaskCount").text(res.data.priOnlinePendingTaskCount)
+ $("#priOnlinePendingTaskCountTwo").text(res.data.priOnlinePendingTaskCount)
$("#priQuotePendingTaskCount").text(res.data.priQuotePendingTaskCount)
+ $("#priQuotePendingTaskCountTwo").text(res.data.priQuotePendingTaskCount)
$("#businessTripPendingTaskCount").text(res.data.businessTripPendingTaskCount)
+ $("#businessTripPendingTaskCountTwo").text(res.data.businessTripPendingTaskCount)
$("#reimburseOnlinePendingTaskCount").text(res.data.reimburseOnlinePendingTaskCount)
+ $("#reimburseOnlinePendingTaskCountTwo").text(res.data.reimburseOnlinePendingTaskCount)
$("#planPriOnlinePendingTaskCount").text(res.data.planPriOnlinePendingTaskCount)
+ $("#planPriOnlinePendingTaskCountTwo").text(res.data.planPriOnlinePendingTaskCount)
$("#successMoney1").text(res.data.successMoney1)
+ $("#successMoney1Two").text(res.data.successMoney1)
$("#successMoney2").text(res.data.successMoney2)
+ $("#successMoney2Two").text(res.data.successMoney2)
}
});
@@ -451,6 +619,7 @@
$("#companyPostId").append(div)
+ $("#companyPostIdTwo").append(div)
}
}
});
@@ -567,6 +736,35 @@
}
});
});
+
+ $("#openProgressTwo").on("click", () => {
+ layer.open({
+ type: 2,
+ title: '璺熻釜椤圭洰',
+ maxmin: true,
+ area: [top.detailWidth, top.detailHeight],
+ shadeClose: true,
+ content: '../order/order.html?status=0',
+ success: function(layero, index){
+
+ }
+ });
+ });
+
+ $("#openSuccessTwo").on("click", () => {
+ layer.open({
+ type: 2,
+ title: '璺熻釜椤圭洰',
+ maxmin: true,
+ area: [top.detailWidth, top.detailHeight],
+ shadeClose: true,
+ content: '../order/order.html?status=1',
+ success: function(layero, index){
+
+ }
+ });
+ });
+
$("#openPlanPendingTasks").on("click", () => {
layer.open({
type: 2,
@@ -637,6 +835,20 @@
});
});
+ $("#openCompanyPostTwo").on("click", () => {
+ layer.open({
+ type: 2,
+ title: '鍏憡',
+ maxmin: true,
+ area: [top.detailWidth, top.detailHeight],
+ shadeClose: true,
+ content: '../companyPost/companyPost_view.html',
+ success: function(layero, index){
+
+ }
+ });
+ });
+
});
function f() {
--
Gitblit v1.9.1