From afa3bc1e2f39f66f59ee9b15d6af16593acdc9a4 Mon Sep 17 00:00:00 2001 From: LSH Date: 星期六, 02 十二月 2023 10:38:27 +0800 Subject: [PATCH] # --- src/main/webapp/views/home/dashboard.html | 514 +++++++++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 444 insertions(+), 70 deletions(-) diff --git a/src/main/webapp/views/home/dashboard.html b/src/main/webapp/views/home/dashboard.html index fd45064..e72ea60 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,88 +47,48 @@ <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-md12" > + <div class="layui-card" style="" id="popup1"> + <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="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center"> - <div class="numberInfoSubTitle">骞村害閿�鍞洰鏍�</div> + <!-- <div class="testColorBlack">鍥㈤槦鏁版嵁</div>--> + <div class="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center"> + <div class="numberInfoSubTitle testColorBlack">瑙勫垝鐢宠鍗�</div> <div class="numberInfoValue"> - <span id="companyYearTarget">124,543,233</span><em class="numberInfoSuffix">涓囧厓</em> + <a href="#" id="openPlanPendingTasks" style="color: #1E9FFF"><span id="planPendingTaskCount">666</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="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center"> + <div class="numberInfoSubTitle testColorBlack">鏍镐环瀹℃壒</div> <div class="numberInfoValue"> - <span id="companySuccess">124,543,233</span><em class="numberInfoSuffix">涓囧厓</em> + <a href="#" id="openPriOnlinePendingTasks" style="color: #1E9FFF"><span id="priOnlinePendingTaskCount">999</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="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center"> + <div class="numberInfoSubTitle testColorBlack">鎶ヤ环瀹℃壒</div> <div class="numberInfoValue"> - <span id="companyProgress">124,543,233</span><em class="numberInfoSuffix">涓囧厓</em> + <a href="#" id="openPriQuotePendingTasks" style="color: #1E9FFF"><span id="priQuotePendingTaskCount">777</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="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-row"> - <div>涓汉鏁版嵁</div> - <div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center"> - <div class="numberInfoSubTitle">骞村害閿�鍞洰鏍�</div> + <div class="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center"> + <div class="numberInfoSubTitle testColorBlack">鍑哄樊瀹℃壒</div> <div class="numberInfoValue"> - <span id="personYearTarget">124,543,233</span><em class="numberInfoSuffix">涓囧厓</em> +<!-- <a href="#" id="openBusinessTripPendingTasks" style="color: #1E9FFF"><span id="businessTripPendingTaskCount">2333</span><em class="numberInfoSuffix">涓�</em></a>--> + <span id="businessTripPendingTaskCount">2333</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="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center"> + <div class="numberInfoSubTitle testColorBlack">鎶ラ攢瀹℃壒</div> <div class="numberInfoValue"> - <span id="personSuccess">124,543,233</span><em class="numberInfoSuffix">涓囧厓</em> + <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-lg3 text-center"> - <div class="numberInfoSubTitle">鏈畬鎴愰攢鍞换鍔�</div> + <div class="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center" ID="popupPlanPriOnlinePendingTaskCount"> + <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="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="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="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="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="numberInfoValue"> - <span id="successMoney">124,543,233</span><em class="numberInfoSuffix">涓囧厓</em> +<!-- <a href="#" id="openPlanPriOnlinePendingTasks" style="color: #1E9FFF"><span id="planPriOnlinePendingTaskCount">888</span><em class="numberInfoSuffix">涓�</em></a>--> + <span id="planPriOnlinePendingTaskCount">0</span><em class="numberInfoSuffix">涓�</em> </div> </div> </div> @@ -132,16 +96,239 @@ </div> </div> - <div class="layui-col-xs12 layui-col-md4"> - <div class="layui-card" style="height: 403px;overflow: hidden;"> + <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 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="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 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-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"> + <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 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="" 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"> + <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="personYearTarget">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="personSuccess">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="personProgress">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="personRate">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="successMoney2">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="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-lg2 text-center" style="margin-left: 3%"> + <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-lg2 text-center" style="margin-left: 3%"> + <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-lg2 text-center" style="margin-left: 3%"> + <div class="numberInfoSubTitle testColorBlack">鎴愪氦椤圭洰閲戦</div> + <div class="numberInfoValue"> + <span id="successMoney">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="successMoney1">124,543,233</span><em class="numberInfoSuffix">涓囧厓</em> + </div> + </div> + </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" 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"> + <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> <div class="layui-col-xs12"> @@ -245,6 +432,46 @@ </div> + +<script> + // 鏄剧ず鍥㈤槦鏁版嵁 + function showPopup(res) { + if (res==="true"){ + document.getElementById('popup').style.display = 'block'; + 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> + <!-- 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 +479,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; @@ -268,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) } }); @@ -284,13 +518,31 @@ 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) - $("#progressMoney").text(res.data.progressMoney) + $("#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) + $("#priOnlinePendingTaskCount").text(res.data.priOnlinePendingTaskCount) + $("#priQuotePendingTaskCount").text(res.data.priQuotePendingTaskCount) + $("#businessTripPendingTaskCount").text(res.data.businessTripPendingTaskCount) + $("#reimburseOnlinePendingTaskCount").text(res.data.reimburseOnlinePendingTaskCount) + $("#planPriOnlinePendingTaskCount").text(res.data.planPriOnlinePendingTaskCount) + $("#successMoney1").text(res.data.successMoney1) + $("#successMoney1Two").text(res.data.successMoney1) + $("#successMoney2").text(res.data.successMoney2) + $("#successMoney2Two").text(res.data.successMoney2) } }); @@ -305,7 +557,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 { @@ -352,6 +613,7 @@ $("#companyPostId").append(div) + $("#companyPostIdTwo").append(div) } } }); @@ -469,6 +731,90 @@ }); }); + $("#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, + title: '瑙勫垝鐢宠鍗�', + maxmin: true, + area: [top.detailWidth, top.detailHeight], + shadeClose: true, + content: '../plan/plan.html?status=4', + success: function(layero, index){ + + } + }); + }); + + $("#openPriOnlinePendingTasks").on("click", () => { + layer.open({ + type: 2, + title: '鏍镐环浠诲姟', + maxmin: true, + area: [top.detailWidth, top.detailHeight], + shadeClose: true, + content: '../priOnline2/priOnline.html?status=4', + success: function(layero, index){ + + } + }); + }); + + $("#openPriQuotePendingTasks").on("click", () => { + layer.open({ + type: 2, + title: '鎶ヤ环浠诲姟', + maxmin: true, + area: [top.detailWidth, top.detailHeight], + shadeClose: true, + content: '../priQuote/priQuote.html?status=4', + success: function(layero, index){ + + } + }); + }); + + $("#openReimburseOnlinePendingTasks").on("click", () => { + layer.open({ + type: 2, + title: '鎶ラ攢浠诲姟', + maxmin: true, + area: [top.detailWidth, top.detailHeight], + shadeClose: true, + content: '../reimburseOnline/reimburseOnline.html?status=4', + success: function(layero, index){ + + } + }); + }); + $("#openCompanyPost").on("click", () => { layer.open({ type: 2, @@ -483,7 +829,35 @@ }); }); + $("#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() { + 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