fc87c189be96b555ec17cdac5ceeb1ef.php 75 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955
  1. <?php /*a:2:{s:58:"D:\phpstudy_pro\WWW\caiping\app\admin\view\index\main.html";i:1723541257;s:59:"D:\phpstudy_pro\WWW\caiping\app\admin\view\common\base.html";i:1723541257;}*/ ?>
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="360-site-verification" content="a7c876fae8b6e3175a52ea9f19543f51" />
  9. <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0">
  10. <script src="/static/dist/xm-select.js"></script>
  11. <link rel="mobile-prefetch" href=""/>
  12. <title><?php echo get_system_config('web','admin_title'); ?></title>
  13. <meta name="keywords" content="<?php echo get_system_config('web','keywords'); ?>"/>
  14. <meta name="description" content="<?php echo get_system_config('web','desc'); ?>"/>
  15. <link rel="stylesheet" href="/static/assets/gougu/css/gougu.css?v=<?php echo get_system_config('web','version'); ?>" media="all">
  16. <link rel="stylesheet" href="/static/assets/icon-main/iconfont.css">
  17. <!--<link rel="stylesheet" href="../../../../public/static/assets/icons/main-icon/iconfont.css">-->
  18. <style type="text/css">
  19. .footer{
  20. width: 100%;
  21. height: 25px;
  22. text-align: center;
  23. margin-bottom: 0 !important;
  24. }
  25. .dashboard-num table {
  26. width: 100%;
  27. }
  28. .dashboard-num td {
  29. text-align: center;
  30. padding: 16px 0;
  31. width: 20%;
  32. border-left: 1px solid #f1f1f1;
  33. position: relative;
  34. }
  35. .dashboard-num td:nth-child(1) {
  36. border-left: none
  37. }
  38. .dashboard-num .num-title {
  39. padding-bottom: 10px;
  40. color: #999;
  41. }
  42. .dashboard-num .blue {
  43. font-size: 20px;
  44. font-weight: 300;
  45. }
  46. .dashboard-num td .badge {
  47. position: absolute;
  48. top: 0;
  49. right: 0;
  50. }
  51. .dashboard-num td .badge span {
  52. padding: 2px 4px;
  53. font-size: 12px;
  54. border-radius: 0 0 0 4px;
  55. }
  56. .dashboard-total td {
  57. border-top: 1px solid #f1f1f1
  58. }
  59. .dashboard-logs .layui-timeline-item {
  60. padding-bottom: 1px;
  61. }
  62. .info-td {
  63. width: 90px;
  64. text-align: right;
  65. background-color: #fafafa;
  66. color: #999;
  67. padding: 5px 3px;
  68. }
  69. .info-td {
  70. width: 90px;
  71. text-align: right;
  72. background-color: #fafafa;
  73. color: #999;
  74. padding: 5px 3px;
  75. }
  76. .layui-card-body .layui-timeline-title {
  77. padding-bottom: 0;
  78. font-size: 14px;
  79. }
  80. .layui-card-body .layui-timeline-item {
  81. padding-bottom: 5px;
  82. }
  83. .top-box {
  84. height: 30%;
  85. }
  86. .top-title {
  87. height: 4.5vh;
  88. font-size: 1vw;
  89. line-height: 4.5vh;
  90. color: grey;
  91. border-bottom: 1px solid rgb(221, 219, 219);
  92. }
  93. .top-box-middle {
  94. height: 16vh;
  95. /* background: url(/static/home/images/base.png) no-repeat;
  96. background-size: 70% 70%;
  97. background-position: 50% 85%; */
  98. }
  99. .top-box-bottom {
  100. height: 13.5vh;
  101. font-size: 1vw;
  102. }
  103. .top-box-bottom-1,
  104. .top-box-bottom-1 a {
  105. float: left;
  106. width: 97%;
  107. }
  108. .top-box-bottom-2,
  109. .top-box-bottom-2 a {
  110. float: left;
  111. width: 97%;
  112. }
  113. .sleep {
  114. width: 100%;
  115. height: 0.01vh;
  116. border-bottom: 1px solid rgb(221, 219, 219);
  117. float: left;
  118. /* margin-top: -1vh;
  119. left: -0.25vw; */
  120. position: relative;
  121. padding: 0;
  122. }
  123. .top-box-bottom-2 {
  124. float: left;
  125. height: 48px;
  126. }
  127. .bottom-box-left,
  128. .bottom-box-right {
  129. height: 64vh;
  130. }
  131. .heading {
  132. background-color: #f1f1f1;
  133. }
  134. .heading th {
  135. text-align: center;
  136. height: 2.5vh;
  137. }
  138. .form td {
  139. text-align: center;
  140. height: 2.5vh;
  141. }
  142. .layui-tab .layui-tab-title li {
  143. font-size: 0.7vw;
  144. }
  145. .layui-matter-item li a {
  146. display: block;
  147. padding: 12px;
  148. background-color: #f8f8f8;
  149. color: #999;
  150. border-radius: 3px;
  151. transition: all .3s;
  152. -webkit-transition: all .3s;
  153. font-size: 0.7vw;
  154. }
  155. .layui-matter-item li a:hover {
  156. background-color: #F2F8FF;
  157. }
  158. .layui-matter-item li span {
  159. float: right;
  160. }
  161. .layui-matter-item li cite {
  162. font-size: 0.7vw;
  163. font-weight: 300;
  164. color: #187FDD;
  165. }
  166. .top-head {
  167. width: 20%;
  168. }
  169. .middle-left {
  170. width: 60%;
  171. }
  172. .middle-right {
  173. width: 40%;
  174. }
  175. .top-box-middle-money {
  176. width: 100%;
  177. height: 15.2vh;
  178. line-height: 14.5vh;
  179. font-size: 2.1vw;
  180. text-align: center;
  181. }
  182. .top-box-middle-money-left {
  183. color: #1287ff;
  184. }
  185. .top-box-middle-money-right {
  186. color: #999;
  187. font-size: 0.9vw;
  188. }
  189. .top-box-middle-left {
  190. background: url(/static/home/images/main-first.png) no-repeat;
  191. background-size: 100% 85%;
  192. background-position: 85% 50%;
  193. }
  194. .top-box-middle-left-2 {
  195. background: url(/static/home/images/main-second.png) no-repeat;
  196. background-size: 85% 70%;
  197. background-position: 50% 50%;
  198. }
  199. .top-box-middle-left-3 {
  200. background: url(/static/home/images/main-third.png) no-repeat;
  201. background-size: 90% 70%;
  202. background-position: 50% 50%;
  203. }
  204. .top-box-middle-left-4 {
  205. background: url(/static/home/images/main-fourth.png) no-repeat;
  206. background-size: 80% 65%;
  207. background-position: 50% 50%;
  208. }
  209. /* 项目数量模块 */
  210. .number-box-top {
  211. width: 100%;
  212. height: 13.6vh;
  213. display: flex;
  214. justify-content: space-around;
  215. }
  216. .number-box-bottom {
  217. width: 100%;
  218. height: 13.6vh;
  219. display: flex;
  220. justify-content: space-around;
  221. }
  222. .number {
  223. width: 33%;
  224. height: 100%;
  225. border-left: 1px solid #e2e2e2;
  226. border-bottom: 1px solid #e2e2e2;
  227. }
  228. .number-1 {
  229. height: 4.55vh;
  230. text-align: center;
  231. padding-top: 2.8vh;
  232. font-size: 0.85vw;
  233. font-weight: 550;
  234. color: grey;
  235. }
  236. .number-2 {
  237. text-align: center;
  238. color: #1287ff;
  239. font-size: 1.25vw;
  240. }
  241. .ing {
  242. color: #999;
  243. font-size: 0.65vw;
  244. margin-top: -0.5vh;
  245. }
  246. .number-2 span {
  247. color: #999;
  248. font-size: 0.8vw;
  249. }
  250. .button-search {
  251. margin-left: 1vw;
  252. }
  253. #test2 {
  254. width: 100%;
  255. height: 32vh;
  256. }
  257. #test2 .layui-laydate-main {
  258. width: 100%;
  259. }
  260. #test2 .layui-laydate-content td {
  261. height: 3.645vh;
  262. }
  263. #test2 .layui-laydate-content th {
  264. width: 1%;
  265. padding: 7px 0;
  266. }
  267. .layui-laydate-content td>div{
  268. height: auto;
  269. }
  270. #test2 #layui-laydate1 .layui-laydate-header {
  271. background-color: #fff;
  272. border-bottom: 1px solid #e2e2e2;
  273. height: 4.6vh;
  274. font-size: 0.85vw;
  275. line-height: 2.5vh;
  276. }
  277. #test2 .laydate-theme-molv .layui-laydate-header i,
  278. .laydate-theme-molv .layui-laydate-header span {
  279. color: #2c2727b7;
  280. }
  281. #test2 .laydate-theme-molv .layui-laydate-header i, .laydate-theme-molv .layui-laydate-header span {
  282. color: grey !important;
  283. font-weight: 600;
  284. }
  285. #test2 .laydate-theme-molv .layui-laydate-footer {
  286. border: none;
  287. }
  288. #test2 .laydate-theme-molv .layui-laydate-content {
  289. border: none;
  290. border-top: none;
  291. border-bottom: 1px solid #e2e2e2;
  292. height: 27.2vh;
  293. }
  294. #test2 .laydate-theme-molv .layui-laydate-header i,
  295. .laydate-theme-molv .layui-laydate-header span {
  296. padding-left: 0;
  297. }
  298. .layui-laydate-content td, .layui-laydate-content th {
  299. height: 21px;
  300. }
  301. /* .layui-laydate-content td>div {
  302. height: 0.3vh;
  303. }
  304. .layui-laydate-content th {
  305. height: 0.25vh;
  306. } */
  307. .laydate-theme-molv {
  308. width: 100%;
  309. }
  310. .main-input {
  311. width: auto;
  312. }
  313. .main-input-name {
  314. display: flex;
  315. }
  316. .layui-form-label {
  317. padding: 9px 0;
  318. position: relative;
  319. display: block;
  320. text-align: left;
  321. width: 80px;
  322. font-weight: 400;
  323. line-height: 20px;
  324. }
  325. .eleven div{
  326. padding-bottom: 6px;
  327. }
  328. #test2 .layui-laydate, .layui-laydate-hint{
  329. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  330. }
  331. </style>
  332. </head>
  333. <body class="main-body">
  334. <!-- 主体 -->
  335. <div class="p-3">
  336. <div class="layui-row layui-col-space12">
  337. <div class="layui-col-md2 top-head">
  338. <div class="layui-card top-box">
  339. <div class="layui-card-header top-title"><span
  340. style="font-size: 0.85vw;font-weight: 600;">送审总额</span>
  341. </div>
  342. <div class="layui-card-body">
  343. <div class="layui-sales-info top-box-middle">
  344. <div class="top-box-middle-left" style="width: 37.5%;height: 95%;float: left;">
  345. </div>
  346. <div class="top-box-middle-right" style="width: 62.5%;height: 95%;float: left;">
  347. <div class="top-box-middle-money">
  348. <span class="top-box-middle-money-left"><?php echo htmlentities($amount['sent_review_amount']); ?></span>
  349. <span class="top-box-middle-money-right">万元</span>
  350. </div>
  351. </div>
  352. </div>
  353. <div class="layui-sales-info top-box-bt" style="height: 10.5vh;width: auto;margin-bottom: -0.8vh;">
  354. <ul class="layui-row layui-col-space12">
  355. <li class="layui-col-md12"
  356. style="height: 5.2vh;line-height: 5.2vh;font-size: 0.8vw;padding: 0;background-color: #f9faff;color: rgb(154,153,155);">
  357. &nbsp;&nbsp;&nbsp;&nbsp;预算总额&nbsp;&nbsp;&nbsp;<span
  358. style="float: right;">万元&nbsp;&nbsp;&nbsp;&nbsp;</span><span
  359. style="float: right;color: #187FDD;"><?php echo htmlentities($sent_review_amount_tol['sent_review_amount_type1']); ?>&nbsp;</span>
  360. </li>
  361. <div class="sleep"></div>
  362. <li class="layui-col-md12"
  363. style="height: 5.2vh;line-height: 5.2vh;font-size: 0.8vw;padding: 0;background-color: #f9faff;color: rgb(154,153,155);">
  364. &nbsp;&nbsp;&nbsp;&nbsp;结算总额&nbsp;&nbsp;&nbsp;<span
  365. style="float: right;">万元&nbsp;&nbsp;&nbsp;&nbsp;</span><span
  366. style="float: right;color: #187FDD;"><?php echo htmlentities($sent_review_amount_tol['sent_review_amount_type2']); ?>&nbsp;</span>
  367. </li>
  368. </ul>
  369. </div>
  370. </div>
  371. </div>
  372. </div>
  373. <div class="layui-col-md2 top-head">
  374. <div class="layui-card top-box">
  375. <div class="layui-card-header top-title"><span
  376. style="font-size: 0.85vw;font-weight: 600;">评审服务费</span>
  377. </div>
  378. <div class="layui-card-body">
  379. <div class="layui-sales-info top-box-middle">
  380. <div class="top-box-middle-left-2" style="width: 37.5%;height: 95%;float: left;">
  381. </div>
  382. <div class="top-box-middle-right" style="width: 62.5%;height: 95%;float: left;">
  383. <p class="top-box-middle-money">
  384. <span class="top-box-middle-money-left"><?php echo htmlentities($amount['sent_review_cost']); ?></span>
  385. <span class="top-box-middle-money-right">万元</span>
  386. </p>
  387. </div>
  388. </div>
  389. <div class="layui-sales-info top-box-bt" style="height: 10.5vh;width: auto;margin-bottom: -0.8vh;">
  390. <ul class="layui-row layui-col-space12">
  391. <li class="layui-col-md12"
  392. style="height: 5.2vh;line-height: 5.2vh;font-size: 0.8vw;padding: 0;background-color: #f9faff;color: rgb(154,153,155);">
  393. &nbsp;&nbsp;&nbsp;&nbsp;<span id="time1"></span>年上半年服务费用&nbsp;&nbsp;&nbsp;<span
  394. style="float: right;">万元&nbsp;&nbsp;&nbsp;&nbsp;</span><span
  395. style="float: right;color: #187FDD;"><?php echo htmlentities($sent_review_cost['first_sent_review_cost']); ?>&nbsp;</span>
  396. </li>
  397. <div class="sleep"></div>
  398. <li class="layui-col-md12"
  399. style="height: 5.2vh;line-height: 5.2vh;font-size: 0.8vw;padding: 0;background-color: #f9faff;color: rgb(154,153,155);">
  400. &nbsp;&nbsp;&nbsp;&nbsp;<span id="time2"></span>年下半年服务费用&nbsp;&nbsp;&nbsp;<span
  401. style="float: right;">万元&nbsp;&nbsp;&nbsp;&nbsp;</span><span
  402. style="float: right;color: #187FDD;"><?php echo htmlentities($sent_review_cost['second_sent_review_cost']); ?>&nbsp;</span>
  403. </li>
  404. </ul>
  405. </div>
  406. </div>
  407. </div>
  408. </div>
  409. <div class="layui-col-md2 top-head">
  410. <div class="layui-card top-box">
  411. <div class="layui-card-header top-title"><span
  412. style="font-size: 0.85vw;font-weight: 600;">总审增减率</span>
  413. </div>
  414. <div class="layui-card-body">
  415. <div class="layui-sales-info top-box-middle">
  416. <div class="top-box-middle-left-3" style="width: 37.5%;height: 95%;float: left;">
  417. </div>
  418. <div class="top-box-middle-right" style="width: 62.5%;height: 95%;float: left;">
  419. <p class="top-box-middle-money">
  420. <span class="top-box-middle-money-left"><?php echo htmlentities($amount['review_add_reduce_rate']); ?></span>
  421. <span class="top-box-middle-money-right">%</span>
  422. </p>
  423. </div>
  424. </div>
  425. <div class="layui-sales-info top-box-bt" style="height: 10.5vh;width: auto;margin-bottom: -0.8vh;">
  426. <ul class="layui-row layui-col-space12">
  427. <li class="layui-col-md12"
  428. style="height: 5.2vh;line-height: 5.2vh;font-size: 0.8vw;padding: 0;background-color: #f9faff;color: rgb(154,153,155);">
  429. &nbsp;&nbsp;&nbsp;&nbsp;预算核增减率&nbsp;&nbsp;&nbsp;<span
  430. style="float: right;">%&nbsp;&nbsp;&nbsp;&nbsp;</span><span
  431. style="float: right;color: #187FDD;"><?php echo htmlentities($sent_review_amount_tol['review_add_reduce_rate_type1']); ?>&nbsp;</span>
  432. </li>
  433. <div class="sleep"></div>
  434. <li class="layui-col-md12"
  435. style="height: 5.2vh;line-height: 5.2vh;font-size: 0.8vw;padding: 0;background-color: #f9faff;color: rgb(154,153,155);">
  436. &nbsp;&nbsp;&nbsp;&nbsp;结算核增减率&nbsp;&nbsp;&nbsp;<span
  437. style="float: right;">%&nbsp;&nbsp;&nbsp;&nbsp;</span><span
  438. style="float: right;color: #187FDD;"><?php echo htmlentities($sent_review_amount_tol['review_add_reduce_rate_type2']); ?>&nbsp;</span>
  439. </li>
  440. </ul>
  441. </div>
  442. </div>
  443. </div>
  444. </div>
  445. <div class="layui-col-md2 top-head">
  446. <div class="layui-card top-box">
  447. <div class="layui-card-header top-title"><span
  448. style="font-size: 0.85vw;font-weight: 600;">项目数量</span>
  449. </div>
  450. <div class="layui-card-body" style="padding: 0;">
  451. <div class="number-box-top">
  452. <div class="number" style="border-left:none">
  453. <div class="number-1"><i class="iconfont" style="color: rgb(83,150,255);">&#xe67e; </i>项目总数
  454. </div>
  455. <div class="number-2"><?php echo htmlentities($num_project['num']); ?> <span>个</span></div>
  456. </div>
  457. <div class="number">
  458. <div class="number-1">
  459. <i class="iconfont" style="color: rgb(242,173,76);">&#xe6eb; </i>
  460. 预算项目
  461. <div class="ing">(进行中)</div>
  462. </div>
  463. <div class="number-2"><?php echo htmlentities($num_project['yu']); ?> <span>个</span></div>
  464. </div>
  465. <div class="number">
  466. <div class="number-1">
  467. <i class="iconfont" style="color: rgb(38,131,245);">&#xe75e; </i>
  468. 结算项目
  469. <div class="ing">(进行中)</div>
  470. </div>
  471. <div class="number-2"><?php echo htmlentities($num_project['jie']); ?> <span>个</span></div>
  472. </div>
  473. </div>
  474. <div class="number-box-bottom">
  475. <div class="number" style="border-left:none;border-bottom: none;">
  476. <div class="number-1"><i class="iconfont" style="color: rgb(81,161,255);">&#xe504; </i>作业中
  477. </div>
  478. <div class="number-2"><?php echo htmlentities($num_project['zuo']); ?> <span>个</span></div>
  479. </div>
  480. <div class="number" style="border-bottom: none;">
  481. <div class="number-1"><i class="iconfont" style="color: rgb(0,221,3);">&#xe622; </i>已归档
  482. </div>
  483. <div class="number-2"><?php echo htmlentities($num_project['gui']); ?> <span>个</span></div>
  484. </div>
  485. <div class="number" style="border-bottom: none;">
  486. <div class="number-1"><i class="iconfont" style="color: rgb(232,82,74);">&#xe6b8;</i>已退审
  487. </div>
  488. <div class="number-2"><?php echo htmlentities($num_project['tui']); ?> <span>个</span></div>
  489. </div>
  490. </div>
  491. </div>
  492. </div>
  493. </div>
  494. <div class="layui-col-md2 top-head">
  495. <div id="test2" style="width: 100%;height: 32vh;"></div>
  496. </div>
  497. </div>
  498. <div class="layui-row layui-col-space12">
  499. <?php if($home_five['audit_project'] == 1): ?>
  500. <div class="layui-col-md5 middle-left">
  501. <div class="layui-card">
  502. <div class="layui-card-body bottom-box-left" style="padding-top: 0;overflow: hidden;">
  503. <div class="layui-tab layui-tab-brief" style="height: 88%;">
  504. <ul class="layui-tab-title" style="font-size: 1vw; font-weight: 600;">
  505. <li class="layui-this" style="font-size: 0.95vw;">
  506. 待审核任务
  507. </li>
  508. </ul>
  509. <div class="layui-tab-content" style="height: 100%; overflow: scroll;">
  510. <table class="layui-hide" id="cost_project" lay-filter="cost_project"></table>
  511. </div>
  512. </div>
  513. </div>
  514. </div>
  515. </div>
  516. <?php endif; if($home_five['imminent_project'] == 1 || $home_five['overdue_item'] == 1): ?>
  517. <div class="layui-col-md4 middle-right">
  518. <div class="layui-card">
  519. <div class="layui-card-body bottom-box-left" style="padding-top: 0;overflow: hidden;">
  520. <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief"
  521. style="height: 63.75vh; /* 容器高度 */overflow: hidden;">
  522. <ul class="layui-tab-title" style="font-size: 1vw; font-weight: 600;color: grey;">
  523. <?php if($home_five['imminent_project'] == 1): ?>
  524. <li class="layui-this" style="font-size: 0.95vw;">
  525. 临期项目
  526. </li>
  527. <?php endif; if($home_five['overdue_item'] == 1): ?>
  528. <li style="font-size: 0.95vw;">
  529. 逾期项目
  530. </li>
  531. <?php endif; ?>
  532. </ul>
  533. <div class="layui-tab-content" style="height: 100%; overflow: scroll;">
  534. <?php if($home_five['imminent_project'] == 1): ?>
  535. <div class="layui-tab-item layui-show">
  536. <table class="layui-hide" id="advent_project" lay-filter="advent_project"></table>
  537. </div>
  538. <?php endif; if($home_five['overdue_item'] == 1): ?>
  539. <div class="layui-tab-item">
  540. <table class="layui-hide" id="late_project" lay-filter="late_project"></table>
  541. </div>
  542. <?php endif; ?>
  543. <div class="layui-tab-item"></div>
  544. </div>
  545. </div>
  546. </div>
  547. </div>
  548. </div>
  549. <?php endif; if($home_five['list_project'] == 1): ?>
  550. <div class="layui-col-md3 middle-left">
  551. <div class="layui-card">
  552. <div class="layui-card-body bottom-box-left" style="padding-top: 0;overflow: hidden;">
  553. <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief" style="height: 88%;">
  554. <div class="layui-card-header top-title" style="font-size: 0.95vw;font-weight: 600;">
  555. 项目列表
  556. </div>
  557. <div class="layui-tab-content" style="height: 100%; overflow: scroll;padding: 0 0 10px 0;">
  558. <form id="projectForm" class="layui-form" lay-filter="barsearchform">
  559. <div class="layui-card-body layui-col-space11 eleven">
  560. <div class="layui-col-md3 main-input-name" style="width: 40%;">
  561. <label class="layui-form-label">
  562. 项目名称:
  563. </label>
  564. <div class="layui-input-block">
  565. <input type="text" name="project_name" placeholder="请输入项目名称" autocomplete="off"
  566. class="layui-input main-input">
  567. </div>
  568. </div>
  569. <div class="layui-col-md3 main-input-name" style="width: 35%;">
  570. <label class="layui-form-label" style="text-align: center;">
  571. 负责人:
  572. </label>
  573. <div class="layui-input-block">
  574. <input type="text" name="review_head_name" placeholder="请输入负责人" autocomplete="off"
  575. class="layui-input main-input">
  576. </div>
  577. </div>
  578. <div class="layui-col-md3 main-input-name">
  579. <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="project-search"><i class="layui-icon layui-icon-search mr-1"></i>搜索</button>
  580. <button type="reset" class="layui-btn layui-btn-primary swiper-right-form-reset" lay-submit="" lay-filter="reset">重置</button>
  581. </div>
  582. </div>
  583. </form>
  584. <div class="layui-tab-item layui-show">
  585. <table class="layui-hide" id="cost_project2" lay-filter="cost_project2"></table>
  586. </div>
  587. </div>
  588. </div>
  589. </div>
  590. </div>
  591. </div>
  592. <?php endif; if($home_five['address_book'] == 1): ?>
  593. <div class="layui-col-md3 middle-right">
  594. <div class="layui-card">
  595. <div class="layui-card-body bottom-box-left" style="padding-top: 0;overflow: hidden;">
  596. <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
  597. <!-- <div class="layui-card-header top-title" style="font-size: 0.95vw;font-weight: 600;">
  598. 通讯录
  599. </div> -->
  600. <ul class="layui-tab-title"
  601. style="font-size: 1vw; font-weight: 600;color: grey;display: flex;justify-content: flex-end;align-items: center;">
  602. <div style="left: 2%;position: absolute;">通讯录</div>
  603. <li class="layui-this" style="font-size: 0.95vw;">
  604. 内部
  605. </li>
  606. <li style="font-size: 0.95vw;">
  607. 外部
  608. </li>
  609. </ul>
  610. <div class="layui-tab-content" style="height: 100%; overflow: scroll;padding: 0 0 10px 0;">
  611. <div class="layui-tab-item layui-show">
  612. <form id="peopleForm" class="layui-form" lay-filter="barsearchform">
  613. <div class="layui-card-body layui-col-space11 eleven">
  614. <div class="layui-col-md5 main-input-name" style="width: 65%;">
  615. <label class="layui-form-label" style="width: 7vw;">
  616. 联系人姓名:
  617. </label>
  618. <div class="layui-input-block">
  619. <input type="text" name="nickname" placeholder="请输入联系人姓名" autocomplete="off" class="layui-input main-input">
  620. </div>
  621. </div>
  622. <div class="layui-col-md2 main-input-name">
  623. <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="webform"><i class="layui-icon layui-icon-search mr-1"></i>搜索</button>
  624. <button type="reset" class="layui-btn layui-btn-primary swiper-right-form-reset" lay-submit="" lay-filter="reset">重置</button>
  625. </div>
  626. </div>
  627. </form>
  628. <table class="layui-hide" id="people" lay-filter="people"></table>
  629. </div>
  630. <div class="layui-tab-item">
  631. <form id="peopleForm2" class="layui-form" lay-filter="barsearchform">
  632. <div class="layui-card-body layui-col-space11 eleven">
  633. <div class="layui-col-md5 main-input-name" style="width: 65%;">
  634. <label class="layui-form-label" style="width: 7vw;">
  635. 联系人/单位名称:
  636. </label>
  637. <div class="layui-input-block">
  638. <input type="text" name="nickname2" placeholder="请输入联系人/单位名称" autocomplete="off" class="layui-input main-input">
  639. </div>
  640. </div>
  641. <div class="layui-col-md2 main-input-name">
  642. <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="webform2"><i class="layui-icon layui-icon-search mr-1"></i>搜索</button>
  643. <button type="reset" class="layui-btn layui-btn-primary swiper-right-form-reset" lay-submit="" lay-filter="reset">重置</button>
  644. </div>
  645. </div>
  646. </form>
  647. <table class="layui-hide" id="head" lay-filter="head"></table>
  648. </div>
  649. </div>
  650. </div>
  651. </div>
  652. </div>
  653. </div>
  654. <?php endif; ?>
  655. </div>
  656. </div>
  657. <div class="layui-col-md4">
  658. </div>
  659. <!-- /主体 -->
  660. <!-- 底部 -->
  661. <div class="footer">
  662. 逸管工程项目管理系统 © www.yiguanfep.com
  663. <img src="/static/home/images/police.png" alt="" style="width:14.5px;height:16px;">
  664. <a href="https://beian.mps.gov.cn/#/query/websearch?code=45030202000160 " rel="\&quot;noreferrer'target=\”blank\&quot;" onclick="window.open(this.href); return false;">桂公网安备45030202000160号</a>
  665. <a href="https://beian.miit.gov.cn/#/Integrated/index" onclick="window.open(this.href); return false;">桂ICP备17000971号</a>
  666. </div>
  667. <!-- /底部 -->
  668. <!-- 脚本 -->
  669. <script src="https://cdn.staticfile.org/echarts/5.3.0/echarts.min.js"></script>
  670. <script>
  671. const moduleInit = ['tool'];
  672. function gouguInit() {
  673. var table = layui.table,
  674. tool = layui.tool,
  675. form = layui.form;
  676. var allcount;
  677. //审核表格
  678. layui.pageTable = table.render({
  679. elem: '#cost_project',
  680. title: '待审核任务',
  681. // toolbar: '#toolbarDemo',
  682. url: '/admin/project.audit/list',
  683. page: false,
  684. limit: 20,
  685. cellMinWidth: 80,
  686. parseData: function(res) { // 数据解析回调函数
  687. // 在这里可以获取数据总数
  688. allcount = res.count;
  689. return {
  690. code: res.code, // 数据状态码
  691. msg: res.msg, // 状态信息
  692. count: res.count, // 数据总数
  693. data: res.data // 当前页数据
  694. };
  695. },
  696. cols: [
  697. [
  698. {fixed: 'left', field: 'id', title: '编号', align: 'center', width: 80,
  699. templet: function(d){
  700. return allcount - (d.LAY_NUM-1);
  701. }
  702. }, {
  703. field: 'project_status',
  704. title: '项目状态',
  705. align: 'center',
  706. width: 100,
  707. templet: function (item) {
  708. var html = '';
  709. if (item.project_status === 2) {
  710. html = '<span class="layui-badge layui-bg-blue">审批中</span> ';
  711. } else if (item.project_status === 6) {
  712. html = '<span class="layui-badge layui-bg-blue">归档中</span> ';
  713. } else if (item.project_status === 7) {
  714. html = '<span class="layui-badge layui-bg-blue">退审中</span> ';
  715. } else if (item.project_status === 5) {
  716. html = '<span class="layui-badge layui-bg-blue">作业中</span> ';
  717. }
  718. return html;
  719. }
  720. }, {
  721. field: 'audit_status',
  722. title: '审批状态',
  723. align: 'center',
  724. width: 100,
  725. templet: function (item) {
  726. var html = '';
  727. if (item.audit_status === 1) {
  728. html = '<span class="layui-badge layui-bg-blue">待审核</span> ';
  729. } else if (item.audit_status === 2) {
  730. html = '<span class="layui-badge layui-bg-green">已通过</span> ';
  731. } else if (item.audit_status === 3) {
  732. html = '<span class="layui-badge layui-bg-red">已拒绝</span> ';
  733. }
  734. return html;
  735. }
  736. }, {
  737. field: 'project_name',
  738. title: '项目名称',
  739. align: 'center',
  740. width: 400
  741. }, {
  742. field: 'project_type',
  743. title: '项目类型',
  744. align: 'center',
  745. width: 100
  746. }, {
  747. field: 'audit_name',
  748. title: '流程名称',
  749. align: 'center',
  750. width: 150
  751. }, {
  752. field: 'sponsor',
  753. title: '发起人',
  754. align: 'center',
  755. width: 150
  756. }, {
  757. field: 'sponsor_unit',
  758. title: '发起单位/部门',
  759. align: 'center',
  760. width: 200
  761. }, {
  762. field: 'create_time',
  763. title: '发起时间',
  764. align: 'center',
  765. width: 150
  766. }, {
  767. field: 'approver_name',
  768. title: '审批人',
  769. align: 'center',
  770. width: 150
  771. }, {
  772. field: 'update_time',
  773. title: '审批时间',
  774. align: 'center',
  775. width: 150
  776. }, {
  777. field: 'remark',
  778. title: '审批原因',
  779. align: 'center',
  780. width: 150
  781. }, {
  782. fixed: 'right',
  783. field: 'right',
  784. title: '操作',
  785. width: 136,
  786. align: 'center',
  787. templet: function (item) {
  788. var h = '';
  789. if (item.audit_status === 1) {
  790. h = '<div class="layui-btn-group"> <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="read">查看</a> <a class="layui-btn layui-btn-xs" lay-event="edit">通过</a> <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="overrule">拒绝</a> </div>'
  791. } else {
  792. h = '<div class="layui-btn-group"> <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="read">查看</a></div>'
  793. }
  794. return h;
  795. }
  796. }]
  797. ]
  798. });
  799. var abc = 0;
  800. ////审核表格 监听表格行工具事件
  801. table.on('tool(cost_project)', function (obj) {
  802. var data = obj.data;
  803. if (obj.event === 'read') {
  804. if (data.audit_type == 1) {
  805. tool.side('/admin/project.audit/read?id=' + data.project_id);
  806. } else if (data.audit_type == 2) {
  807. tool.side('/admin/project.report/view?id=' + data.else_id);
  808. } else if (data.audit_type == 3) {
  809. tool.side(' /admin/project.contact/view?id=' + data.else_id);
  810. }else {
  811. layer.msg("审核内容不存在!")
  812. }
  813. // console.log(obj.data.getTrusteeName.institution)
  814. tool.side('/admin/project.audit/read?id=' + obj.data.project_id);
  815. } else if (obj.event === 'edit') {
  816. layer.confirm("确认是否审批通过?", function (index) {
  817. console.log(data)
  818. if (abc == 0) {
  819. let callback = function (e) {
  820. abc = 0
  821. layer.msg(e.msg);
  822. setTimeout(function () {
  823. window.location.reload()
  824. layer.close(index);
  825. }, 1000)
  826. }
  827. if (data.audit_type == 1) {
  828. if (data.project_status == 2) {
  829. //立项审批
  830. tool.post("/admin/project.audit/project_edit_first", {
  831. id: data.id,
  832. else_id: data.else_id,
  833. audit_type: data.audit_type,
  834. project_id: data.project_id,
  835. project_status: data.project_status,
  836. }, callback);
  837. } else if (data.project_status == 6) {
  838. tool.post("/admin/project.audit/project_edit_second", {
  839. id: data.id,
  840. else_id: data.else_id,
  841. audit_type: data.audit_type,
  842. project_id: data.project_id,
  843. project_status: data.project_status,
  844. }, callback);
  845. } else if (data.project_status == 7) {
  846. //退审审批
  847. tool.post("/admin/project.audit/project_edit_third", {
  848. id: data.id,
  849. else_id: data.else_id,
  850. audit_type: data.audit_type,
  851. project_id: data.project_id,
  852. project_status: data.project_status,
  853. }, callback);
  854. }
  855. } else if (data.audit_type == 2) {
  856. if (data.else_status == 0) {
  857. //报告新建
  858. console.log(1)
  859. tool.post("/admin/project.report/agree_report", {
  860. id: data.id,
  861. else_id: data.else_id,
  862. audit_type: data.audit_type,
  863. project_id: data.project_id,
  864. project_status: data.project_status,
  865. type: 1000,
  866. }, callback);
  867. } else if (data.else_status == 3) {
  868. //报告删除
  869. tool.post("/admin/project.report/agree_delete", {
  870. id: data.id,
  871. else_id: data.else_id,
  872. audit_type: data.audit_type,
  873. project_id: data.project_id,
  874. project_status: data.project_status,
  875. type: 1000,
  876. }, callback);
  877. }
  878. } else if (data.audit_type == 3) {
  879. if (data.else_status == 0) {
  880. //联系函新建
  881. tool.post("/admin/project.contact/agree_contact", {
  882. id: data.id,
  883. else_id: data.else_id,
  884. audit_type: data.audit_type,
  885. project_id: data.project_id,
  886. project_status: data.project_status,
  887. type: 1000,
  888. }, callback);
  889. } else if (data.else_status == 3) {
  890. //联系函删除
  891. tool.post("/admin/project.contact/agree_delete", {
  892. id: data.id,
  893. else_id: data.else_id,
  894. audit_type: data.audit_type,
  895. project_id: data.project_id,
  896. project_status: data.project_status,
  897. type: 1000,
  898. }, callback);
  899. }
  900. }else{
  901. layer.msg("请联系管理员")
  902. }
  903. // console.log(abc, data.else_status)
  904. abc = 1;
  905. }
  906. }, function () {
  907. abc = 0;
  908. })
  909. } else if (obj.event === 'overrule') {
  910. layer.prompt({
  911. title: '请输入<span style="color: red">拒绝</span>原因',
  912. formType: 2,
  913. area: ['35vw', '15vw']
  914. }, function (text, index) {
  915. if (text == '') {
  916. layer.msg('请先完善拒绝原因');
  917. return false;
  918. } else {
  919. let callback = function (e) {
  920. layer.msg(e.msg);
  921. listount--;
  922. if (listount == 0) {
  923. parent.showhongdian()
  924. }
  925. setTimeout(function () {
  926. window.location.reload()
  927. layer.close(index);
  928. }, 2000)
  929. }
  930. if (data.audit_type == 1) {
  931. if (data.project_status == 2) {
  932. //立项
  933. tool.post("/admin/project.audit/project_overrule_first", {
  934. id: data.id,
  935. else_id: data.else_id,
  936. audit_type: data.audit_type,
  937. project_id: data.project_id,
  938. project_status: data.project_status,
  939. audit_remark: text,
  940. }, callback);
  941. } else if (data.project_status == 6) {
  942. //归档
  943. tool.post("/admin/project.audit/project_overrule_second", {
  944. id: data.id,
  945. else_id: data.else_id,
  946. audit_type: data.audit_type,
  947. project_id: data.project_id,
  948. project_status: data.project_status,
  949. audit_remark: text,
  950. }, callback);
  951. } else if (data.project_status == 7) {
  952. //退审
  953. tool.post("/admin/project.audit/project_overrule_third", {
  954. id: data.id,
  955. else_id: data.else_id,
  956. audit_type: data.audit_type,
  957. project_id: data.project_id,
  958. project_status: data.project_status,
  959. audit_remark: text,
  960. }, callback);
  961. }
  962. } else if (data.audit_type == 2) {
  963. if (data.else_status == 0) {
  964. //报告新建
  965. tool.post("/admin/project.report/un_report", {
  966. id: data.id,
  967. else_id: data.else_id,
  968. audit_type: data.audit_type,
  969. project_id: data.project_id,
  970. project_status: data.project_status,
  971. audit_remark: text,
  972. type: 1000,
  973. }, callback);
  974. } else if (data.else_status == 3) {
  975. //报告删除
  976. tool.post("/admin/project.report/un_delete", {
  977. id: data.id,
  978. else_id: data.else_id,
  979. audit_type: data.audit_type,
  980. project_id: data.project_id,
  981. project_status: data.project_status,
  982. audit_remark: text,
  983. type: 1000,
  984. }, callback);
  985. }
  986. } else if (data.audit_type == 3) {
  987. if (data.else_status == 0) {
  988. //联系函新建
  989. tool.post("/admin/project.contact/un_contact", {
  990. id: data.id,
  991. else_id: data.else_id,
  992. audit_type: data.audit_type,
  993. project_id: data.project_id,
  994. project_status: data.project_status,
  995. audit_remark: text,
  996. type: 1000,
  997. }, callback);
  998. } else if (data.else_status == 3) {
  999. //联系函删除
  1000. tool.post("/admin/project.contact/un_delete", {
  1001. id: data.id,
  1002. else_id: data.else_id,
  1003. audit_type: data.audit_type,
  1004. project_id: data.project_id,
  1005. project_status: data.project_status,
  1006. audit_remark: text,
  1007. type: 1000,
  1008. }, callback);
  1009. }
  1010. }
  1011. else{
  1012. layer.msg("请联系管理员")
  1013. }
  1014. }
  1015. })
  1016. }
  1017. return false;
  1018. });
  1019. //临期表格
  1020. layui.pageTable = table.render({
  1021. elem: '#advent_project',
  1022. title: '临期项目',
  1023. url: '/admin/project.cost/list',
  1024. page: false,
  1025. limit: 20,
  1026. cellMinWidth: 80,
  1027. parseData: function(res) { // 数据解析回调函数
  1028. // 在这里可以获取数据总数
  1029. allcount = res.count;
  1030. return {
  1031. code: res.code, // 数据状态码
  1032. msg: res.msg, // 状态信息
  1033. count: res.count, // 数据总数
  1034. data: res.data // 当前页数据
  1035. };
  1036. },
  1037. cols: [
  1038. [
  1039. {fixed: 'left', field: 'id', title: '编号', align: 'center', width: 80,
  1040. templet: function(d){
  1041. return allcount - (d.LAY_NUM-1);
  1042. }
  1043. }, {
  1044. field: 'project_status',
  1045. title: '项目状态',
  1046. align: 'center',
  1047. width: 100,
  1048. templet: function (item) {
  1049. var html = '';
  1050. if (item.project_status === 1) {
  1051. html = '<span class="layui-badge layui-bg-orange">立项中</span> ';
  1052. } else if (item.project_status === 2) {
  1053. html = '<span class="layui-badge layui-bg-blue">审批中</span> ';
  1054. } else if (item.project_status === -1) {
  1055. html = '<span class="layui-badge layui-bg-red">待修改</span> ';
  1056. } else if (item.project_status === 3) {
  1057. html = '<span class="layui-badge layui-bg-green">待接收</span> ';
  1058. } else if (item.project_status === 4) {
  1059. html =
  1060. '<span class="layui-badge" style="background-color: #31bdec">分配中</span> ';
  1061. } else if (item.project_status === 5) {
  1062. html =
  1063. '<span class="layui-badge" style="background-color: #31bdec">作业中</span> ';
  1064. } else if (item.project_status === 6) {
  1065. html =
  1066. '<span class="layui-badge" style="background-color: #31bdec">归档中</span> ';
  1067. } else if (item.project_status === 7) {
  1068. html =
  1069. '<span class="layui-badge" style="background-color: #31bdec">退审中</span> ';
  1070. } else if (item.project_status === 8) {
  1071. html =
  1072. '<span class="layui-badge" style="background-color: #31bdec">已归档</span> ';
  1073. } else if (item.project_status === 9) {
  1074. html =
  1075. '<span class="layui-badge" style="background-color: #31bdec">已退审</span> ';
  1076. }
  1077. return html;
  1078. }
  1079. }, {
  1080. field: 'project_name',
  1081. title: '项目名称',
  1082. align: 'center',
  1083. }, {
  1084. field: 'project_num',
  1085. title: '项目编号',
  1086. align: 'center',
  1087. }, {
  1088. field: 'project_time',
  1089. title: '剩余时间',
  1090. align: 'center',
  1091. width: 100,
  1092. templet: function (item) {
  1093. let outcome = Math.round(new Date().getTime() / 1000).toString();
  1094. var advent_time = item.project_end_time - outcome
  1095. // console.log(advent_time);
  1096. function getDuration(second) {
  1097. var duration
  1098. var days = Math.floor(second / 86400);
  1099. var hours = Math.floor((second % 86400) / 3600);
  1100. var minutes = Math.floor(((second % 86400) % 3600) / 60);
  1101. var seconds = Math.floor(((second % 86400) % 3600) % 60);
  1102. if (days > 0) duration = days + "天";
  1103. else if (hours > 0) duration = hours + "小时";
  1104. else if (minutes > 0) duration = minutes + "分";
  1105. else if (seconds > 0) duration = seconds + "秒";
  1106. return duration;
  1107. }
  1108. return getDuration(advent_time);
  1109. }
  1110. },
  1111. {
  1112. fixed: 'right',
  1113. field: 'right',
  1114. title: '操作',
  1115. width: 136,
  1116. align: 'center',
  1117. templet: function (a) {
  1118. var h = '';
  1119. var arr = [3, 4, 5];
  1120. if (a.self_id == a.entrust_maker) {
  1121. if (a.project_status == 1) {
  1122. h = '<div class="layui-btn-group"><a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="read">查看</a><a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a><a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a></div>'
  1123. } else if (arr.indexOf(a.project_status) !== -1) {
  1124. h = '<div class="layui-btn-group"><a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="read">查看</a><a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a></div>'
  1125. } else {
  1126. h = '<div class="layui-btn-group"><a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="read">查看</a><div'
  1127. }
  1128. } else {
  1129. h = '<div class="layui-btn-group"><a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="read">查看</a><div'
  1130. }
  1131. return h;
  1132. }
  1133. }
  1134. ]
  1135. ]
  1136. });
  1137. //临期表格监听表格行工具事件
  1138. table.on('tool(advent_project)', function (obj) {
  1139. var data = obj.data;
  1140. if (obj.event === 'read') {
  1141. tool.side('/admin/project.cost/read?id=' + obj.data.id);
  1142. } else if (obj.event === 'edit') {
  1143. tool.side('/admin/project.cost/edit?id=' + obj.data.id);
  1144. } else if (obj.event === 'del') {
  1145. layer.confirm('确定要删除该记录吗?', {
  1146. icon: 3,
  1147. title: '提示'
  1148. }, function (index) {
  1149. if (data.project_status < 3) {
  1150. let callback = function (e) {
  1151. layer.msg(e.msg);
  1152. if (e.code == 0) {
  1153. obj.del();
  1154. }
  1155. }
  1156. tool.delete("/admin/project.cost/del", {
  1157. id: data.id
  1158. }, callback);
  1159. layer.close(index);
  1160. }
  1161. layer.msg("已审核,无法删除");
  1162. });
  1163. }
  1164. return false;
  1165. });
  1166. //逾期表格
  1167. layui.pageTable = table.render({
  1168. elem: '#late_project',
  1169. title: '逾期项目',
  1170. url: '/admin/project.cost/list2',
  1171. page: false,
  1172. limit: 20,
  1173. cellMinWidth: 80,
  1174. parseData: function(res) { // 数据解析回调函数
  1175. // 在这里可以获取数据总数
  1176. allcount = res.count;
  1177. return {
  1178. code: res.code, // 数据状态码
  1179. msg: res.msg, // 状态信息
  1180. count: res.count, // 数据总数
  1181. data: res.data // 当前页数据
  1182. };
  1183. },
  1184. cols: [
  1185. [
  1186. {fixed: 'left', field: 'id', title: '编号', align: 'center', width: 80,
  1187. templet: function(d){
  1188. return allcount - (d.LAY_NUM-1);
  1189. }
  1190. }, {
  1191. field: 'project_status',
  1192. title: '项目状态',
  1193. align: 'center',
  1194. width: 100,
  1195. templet: function (item) {
  1196. var html = '';
  1197. if (item.project_status === 1) {
  1198. html = '<span class="layui-badge layui-bg-orange">立项中</span> ';
  1199. } else if (item.project_status === 2) {
  1200. html = '<span class="layui-badge layui-bg-blue">审批中</span> ';
  1201. } else if (item.project_status === -1) {
  1202. html = '<span class="layui-badge layui-bg-red">待修改</span> ';
  1203. } else if (item.project_status === 3) {
  1204. html = '<span class="layui-badge layui-bg-green">待接收</span> ';
  1205. } else if (item.project_status === 4) {
  1206. html =
  1207. '<span class="layui-badge" style="background-color: #31bdec">分配中</span> ';
  1208. } else if (item.project_status === 5) {
  1209. html =
  1210. '<span class="layui-badge" style="background-color: #31bdec">作业中</span> ';
  1211. } else if (item.project_status === 6) {
  1212. html =
  1213. '<span class="layui-badge" style="background-color: #31bdec">归档中</span> ';
  1214. } else if (item.project_status === 7) {
  1215. html =
  1216. '<span class="layui-badge" style="background-color: #31bdec">退审中</span> ';
  1217. } else if (item.project_status === 8) {
  1218. html =
  1219. '<span class="layui-badge" style="background-color: #31bdec">已归档</span> ';
  1220. } else if (item.project_status === 9) {
  1221. html =
  1222. '<span class="layui-badge" style="background-color: #31bdec">已退审</span> ';
  1223. }
  1224. return html;
  1225. }
  1226. }, {
  1227. field: 'project_name',
  1228. title: '项目名称',
  1229. align: 'center',
  1230. }, {
  1231. field: 'project_num',
  1232. title: '项目编号',
  1233. align: 'center',
  1234. }, {
  1235. field: 'project_time',
  1236. title: '逾期时间',
  1237. align: 'center',
  1238. width: 100,
  1239. templet: function (item) {
  1240. let outcome = Math.round(new Date().getTime() / 1000).toString();
  1241. var advent_time = item.project_end_time - outcome
  1242. var time = getDuration(advent_time);
  1243. var timestr = "<span style='color: green'>" + "剩余" + time + "</span>";
  1244. if (advent_time < 0) {
  1245. advent_time = -advent_time;
  1246. time = getDuration(advent_time);
  1247. timestr = "<span style='color: red'>" + "逾期" + time + "</span>";
  1248. }
  1249. var html;
  1250. html =
  1251. "<div>" + timestr + "</div>";
  1252. function getDuration(second) {
  1253. var duration
  1254. var days = Math.floor(second / 86400);
  1255. var hours = Math.floor((second % 86400) / 3600);
  1256. if (days > 0) duration = days + "天";
  1257. else if (hours > 0) duration = "不足一天";
  1258. else if (hours == 0) duration = "不足一天";
  1259. return duration;
  1260. }
  1261. return html;
  1262. }
  1263. },
  1264. {
  1265. fixed: 'right',
  1266. field: 'right',
  1267. title: '操作',
  1268. width: 136,
  1269. align: 'center',
  1270. templet: function (a) {
  1271. var h = '';
  1272. var arr = [3, 4, 5];
  1273. if (a.self_id == a.entrust_maker) {
  1274. if (a.project_status == 1) {
  1275. h = '<div class="layui-btn-group"><a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="read">查看</a><a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a><a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a></div>'
  1276. } else if (arr.indexOf(a.project_status) !== -1) {
  1277. h = '<div class="layui-btn-group"><a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="read">查看</a><a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a></div>'
  1278. } else {
  1279. h = '<div class="layui-btn-group"><a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="read">查看</a><div'
  1280. }
  1281. } else {
  1282. h = '<div class="layui-btn-group"><a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="read">查看</a><div'
  1283. }
  1284. return h;
  1285. }
  1286. }
  1287. ]
  1288. ]
  1289. });
  1290. //逾期表格
  1291. table.on('tool(late_project)', function (obj) {
  1292. var data = obj.data;
  1293. if (obj.event === 'read') {
  1294. tool.side('/admin/project.cost/read?id=' + obj.data.id);
  1295. } else if (obj.event === 'edit') {
  1296. tool.side('/admin/project.cost/edit?id=' + obj.data.id);
  1297. } else if (obj.event === 'del') {
  1298. layer.confirm('确定要删除该记录吗?', {
  1299. icon: 3,
  1300. title: '提示'
  1301. }, function (index) {
  1302. if (data.project_status < 3) {
  1303. let callback = function (e) {
  1304. layer.msg(e.msg);
  1305. if (e.code == 0) {
  1306. obj.del();
  1307. }
  1308. }
  1309. tool.delete("/admin/project.cost/del", {
  1310. id: data.id
  1311. }, callback);
  1312. layer.close(index);
  1313. }
  1314. layer.msg("已审核,无法删除");
  1315. });
  1316. }
  1317. return false;
  1318. });
  1319. layui.project2Table = table.render({
  1320. elem: '#cost_project2',
  1321. title: '造价项目列表',
  1322. //toolbar: '#toolbarDemo',
  1323. url: '/admin/project.cost/datalist',
  1324. limit: 20,
  1325. parseData: function(res) { // 数据解析回调函数
  1326. // 在这里可以获取数据总数
  1327. allcount = res.count;
  1328. return {
  1329. code: res.code, // 数据状态码
  1330. msg: res.msg, // 状态信息
  1331. count: res.count, // 数据总数
  1332. data: res.data // 当前页数据
  1333. };
  1334. },
  1335. cols: [
  1336. [
  1337. {fixed: 'left', field: 'id', title: '编号', align: 'center', width: 80,
  1338. templet: function(d){
  1339. return allcount - (d.LAY_NUM-1);
  1340. }
  1341. },
  1342. {
  1343. field: 'project_status',
  1344. title: '项目状态',
  1345. align: 'center',
  1346. width: 100,
  1347. templet: function (item) {
  1348. var html = '';
  1349. if (item.project_status === 1) {
  1350. html = '<span class="layui-badge layui-bg-orange" style="background-color: #ffb800">立项中</span> ';
  1351. } else if (item.project_status === 2) {
  1352. html = '<span class="layui-badge layui-bg-blue" style="background-color: #b30095">审批中</span> ';
  1353. } else if (item.project_status === -1) {
  1354. html = '<span class="layui-badge layui-bg-red" style="background-color: #5825aa">待修改</span> ';
  1355. } else if (item.project_status === 3) {
  1356. html = '<span class="layui-badge layui-bg-green" style="background-color: #d37000">待接收</span> ';
  1357. } else if (item.project_status === 4) {
  1358. html = '<span class="layui-badge" style="background-color: #005fa8">分配中</span> ';
  1359. } else if (item.project_status === 5) {
  1360. html = '<span class="layui-badge layui-bg-blue" style="background-color: #1e9fff">作业中</span> ';
  1361. } else if (item.project_status === 6) {
  1362. html = '<span class="layui-badge" style="background-color: #007244">归档中</span> ';
  1363. } else if (item.project_status === 7) {
  1364. html = '<span class="layui-badge" style="background-color: #881f1f">退审中</span> ';
  1365. } else if (item.project_status === 8) {
  1366. html = '<span class="layui-badge" style="background-color: #16b777">已归档</span> ';
  1367. } else if (item.project_status === 9) {
  1368. html = '<span class="layui-badge" style="background-color: #d81e06">已退审</span> ';
  1369. }
  1370. return html;
  1371. }
  1372. },
  1373. {
  1374. field: 'project_name',
  1375. title: '项目名称',
  1376. align: 'center',
  1377. width: 400
  1378. }, {
  1379. field: 'project_num',
  1380. title: '项目编号',
  1381. align: 'center',
  1382. width: 200
  1383. }, {
  1384. field: 'project_time',
  1385. title: '项目周期',
  1386. align: 'center',
  1387. width: 300,
  1388. templet: function (item) {
  1389. var html;
  1390. html =
  1391. "<div>" +
  1392. layui.util.toDateString(item.project_start_time * 1000, 'yyyy-MM-dd') +
  1393. "~" +
  1394. layui.util.toDateString(item.project_end_time * 1000, 'yyyy-MM-dd') +
  1395. "</div>";
  1396. return html;
  1397. }
  1398. }, {
  1399. field: 'entrust_unit_name',
  1400. title: '委托单位',
  1401. align: 'center',
  1402. width: 150
  1403. }, {
  1404. field: 'entrust_head',
  1405. title: '委托单位负责人',
  1406. align: 'center',
  1407. width: 200
  1408. }, {
  1409. field: 'entrust_head_phone',
  1410. title: '委托单位负责人电话',
  1411. align: 'center',
  1412. width: 250
  1413. }, {
  1414. fixed: 'right',
  1415. field: 'right',
  1416. title: '操作',
  1417. width: 136,
  1418. align: 'center',
  1419. templet: function (a) {
  1420. var h = '';
  1421. // 1全部-可查看可编辑,2全部-可查看,0与我有关
  1422. // console.log(a.self_id);
  1423. if(a.self_id == 1){
  1424. if(a.project_status==1){
  1425. h = '<div class="layui-btn-group"><a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a><a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a></div>'
  1426. } else {
  1427. h = '<div class="layui-btn-group"><a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a></div>'
  1428. }
  1429. }else if(a.self_id == 2){
  1430. h = '<div class="layui-btn-group"><a class="layui-btn layui-btn-xs layui-bg-blue" lay-event="read">查看</a></div>'
  1431. }else if(a.self_id == 0 || a.self_id == 3){
  1432. if(a.project_status==1){
  1433. h = '<div class="layui-btn-group"><a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a><a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a></div>'
  1434. } else {
  1435. h = '<div class="layui-btn-group"><a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a></div>'
  1436. }
  1437. }
  1438. return h;
  1439. }
  1440. }]
  1441. ]
  1442. });
  1443. table.on('tool(cost_project2)', function (obj) {
  1444. var data = obj.data;
  1445. if (obj.event === 'read') {
  1446. tool.side('/admin/project.cost/read?id=' + obj.data.id);
  1447. } else if (obj.event === 'edit') {
  1448. if (obj.data.project_status<6) {
  1449. tool.side('/admin/project.cost/edit?id=' + obj.data.id);
  1450. }else {
  1451. layer.msg("已归档/已退审")
  1452. }
  1453. } else if (obj.event === 'del') {
  1454. layer.confirm('确定要删除该记录吗?', {
  1455. icon: 3,
  1456. title: '提示'
  1457. }, function (index) {
  1458. if (data.project_status == 1) {
  1459. let callback = function (e) {
  1460. layer.msg(e.msg);
  1461. if (e.code == 0) {
  1462. obj.del();
  1463. }
  1464. }
  1465. tool.delete("/admin/project.cost/del", {id: data.id}, callback);
  1466. layer.close(index);
  1467. }else {
  1468. layer.msg("已审核,无法删除");
  1469. }
  1470. });
  1471. }
  1472. return false;
  1473. });
  1474. layui.headTable = table.render({
  1475. elem: '#head',
  1476. title: '通讯录外部',
  1477. url: '/admin/index/head',
  1478. page: false,
  1479. limit: 20,
  1480. parseData: function(res) { // 数据解析回调函数
  1481. // 在这里可以获取数据总数
  1482. allcount = res.count;
  1483. return {
  1484. code: res.code, // 数据状态码
  1485. msg: res.msg, // 状态信息
  1486. count: res.count, // 数据总数
  1487. data: res.data // 当前页数据
  1488. };
  1489. },
  1490. cols: [
  1491. [
  1492. {fixed: 'left', field: 'id', title: '编号', align: 'center', width: 80,
  1493. templet: function(d){
  1494. return allcount - (d.LAY_NUM-1);
  1495. }
  1496. }, {
  1497. field: 'title',
  1498. title: '公司名称',
  1499. align: 'center',
  1500. }, {
  1501. field: 'nickname',
  1502. title: '联系人',
  1503. align: 'center',
  1504. }, {
  1505. field: 'mobile',
  1506. title: '电话',
  1507. align: 'center',
  1508. }, {
  1509. field: 'email',
  1510. title: '电子邮箱',
  1511. align: 'center',
  1512. },
  1513. ]
  1514. ]
  1515. });
  1516. layui.peopleTable = table.render({
  1517. elem: '#people',
  1518. title: '通讯录内部',
  1519. //toolbar: '#toolbarDemo',
  1520. url: '/admin/index/people',
  1521. limit: 20,
  1522. parseData: function(res) { // 数据解析回调函数
  1523. // 在这里可以获取数据总数
  1524. allcount = res.count;
  1525. return {
  1526. code: res.code, // 数据状态码
  1527. msg: res.msg, // 状态信息
  1528. count: res.count, // 数据总数
  1529. data: res.data // 当前页数据
  1530. };
  1531. },
  1532. cols: [
  1533. [{fixed: 'left', field: 'id', title: '编号', align: 'center', width: 80,
  1534. templet: function(d){
  1535. return allcount - (d.LAY_NUM-1);
  1536. }
  1537. }, {
  1538. field: 'nickname',
  1539. title: '联系人',
  1540. align: 'center',
  1541. }, {
  1542. field: 'mobile',
  1543. title: '电话',
  1544. align: 'center',
  1545. }, {
  1546. field: 'email',
  1547. title: '电子邮箱',
  1548. align: 'center',
  1549. }]
  1550. ]
  1551. });
  1552. //监听搜索提交
  1553. form.on('submit(webform)', function (data) {
  1554. layui.peopleTable.reload({
  1555. where: {
  1556. nickname: data.field.nickname
  1557. },
  1558. });
  1559. return false;
  1560. });
  1561. form.on('submit(webform2)', function (data) {
  1562. layui.headTable.reload({
  1563. where: {
  1564. nickname: data.field.nickname2
  1565. },
  1566. });
  1567. return false;
  1568. });
  1569. form.on('submit(project-search)', function (data) {
  1570. layui.project2Table.reload({
  1571. where: data.field,
  1572. });
  1573. return false;
  1574. });
  1575. layui.use(function () {
  1576. var layer = layui.layer;
  1577. var form = layui.form;
  1578. var laydate = layui.laydate;
  1579. var util = layui.util;
  1580. laydate.render({
  1581. elem: '#test2',
  1582. position: 'static',
  1583. theme: '#1A75FF',
  1584. calendar: 'true',
  1585. showBottom: false,
  1586. });
  1587. });
  1588. }
  1589. </script>
  1590. <!--显示实时年份-->
  1591. <script>
  1592. `use strict`
  1593. var datetime = new Date().getFullYear();
  1594. // console.log(datetime); // it will represent date in the console of developers tool
  1595. document.getElementById("time1").textContent = datetime; //it will print on html page
  1596. document.getElementById("time2").textContent = datetime;
  1597. </script>
  1598. <!-- /脚本 -->
  1599. <!-- <script src="/static/assets/layui/layui.js"></script> -->
  1600. <script src="/static/assets/layui/layui.js"></script>
  1601. <script src="/static/assets/third_party/echart/echarts.min.js"></script>
  1602. <script src="/static/assets/gougu/gouguInit.js"></script>
  1603. <script src="https://unpkg.com/pinyin-pro"></script>
  1604. <script>
  1605. var { pinyin } = pinyinPro;
  1606. </script>
  1607. <!-- 统计代码 -->
  1608. <!-- /统计代码 -->
  1609. </body>
  1610. </html>