main_proprietor.html 73 KB

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