main_proprietor.html 73 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824
  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. if(advent_time > 30){
  1197. timestr = "<span style='color: red'>" + "待归档" + "</span>"
  1198. }else{
  1199. time = getDuration(advent_time);
  1200. timestr = "<span style='color: red'>" + "逾期" + time + "</span>";
  1201. }
  1202. }
  1203. var html;
  1204. html =
  1205. "<div>" + timestr + "</div>";
  1206. function getDuration(second) {
  1207. var duration
  1208. var days = Math.floor(second / 86400);
  1209. var hours = Math.floor((second % 86400) / 3600);
  1210. if (days > 0) duration = days + "天";
  1211. else if (hours > 0) duration = "不足一天";
  1212. else if (hours == 0) duration = "不足一天";
  1213. return duration;
  1214. }
  1215. return html;
  1216. }
  1217. },
  1218. {
  1219. fixed: 'right',
  1220. field: 'right',
  1221. title: '操作',
  1222. width: 136,
  1223. align: 'center',
  1224. templet: function (a) {
  1225. var h = '';
  1226. var arr = [3, 4, 5];
  1227. if (a.self_id == a.entrust_maker) {
  1228. if (a.project_status == 1) {
  1229. 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>'
  1230. } else if (arr.indexOf(a.project_status) !== -1) {
  1231. 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>'
  1232. } else {
  1233. h = '<div class="layui-btn-group"><a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="read">查看</a><div'
  1234. }
  1235. } else {
  1236. h = '<div class="layui-btn-group"><a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="read">查看</a><div'
  1237. }
  1238. return h;
  1239. }
  1240. }
  1241. ]
  1242. ]
  1243. });
  1244. //逾期表格
  1245. table.on('tool(late_project)', function (obj) {
  1246. var data = obj.data;
  1247. if (obj.event === 'read') {
  1248. tool.side('/admin/project.cost_proprietor/read?id=' + obj.data.id);
  1249. } else if (obj.event === 'edit') {
  1250. tool.side('/admin/project.cost_proprietor/edit?id=' + obj.data.id);
  1251. } else if (obj.event === 'del') {
  1252. layer.confirm('确定要删除该记录吗?', {
  1253. icon: 3,
  1254. title: '提示'
  1255. }, function (index) {
  1256. if (data.project_status < 3) {
  1257. let callback = function (e) {
  1258. layer.msg(e.msg);
  1259. if (e.code == 0) {
  1260. obj.del();
  1261. }
  1262. }
  1263. tool.delete("/admin/project._proprietor/del", {
  1264. id: data.id
  1265. }, callback);
  1266. layer.close(index);
  1267. }
  1268. layer.msg("已审核,无法删除");
  1269. });
  1270. }
  1271. return false;
  1272. });
  1273. layui.project2Table = table.render({
  1274. elem: '#cost_project2',
  1275. title: '造价项目列表',
  1276. //toolbar: '#toolbarDemo',
  1277. url: '/admin/project.cost_proprietor/datalist',
  1278. limit: 20,
  1279. parseData: function(res) { // 数据解析回调函数
  1280. // 在这里可以获取数据总数
  1281. allcount = res.count;
  1282. return {
  1283. code: res.code, // 数据状态码
  1284. msg: res.msg, // 状态信息
  1285. count: res.count, // 数据总数
  1286. data: res.data // 当前页数据
  1287. };
  1288. },
  1289. cols: [
  1290. [
  1291. {fixed: 'left', field: 'id', title: '编号', align: 'center', width: 80,
  1292. templet: function(d){
  1293. return allcount - (d.LAY_NUM-1);
  1294. }
  1295. },
  1296. {
  1297. field: 'project_status',
  1298. title: '项目状态',
  1299. align: 'center',
  1300. width: 100,
  1301. templet: function (item) {
  1302. var html = '';
  1303. if (item.project_status === 1) {
  1304. html = '<span class="layui-badge layui-bg-orange" style="background-color: #ffaa64 !important">财评立项中</span> ';
  1305. } else if (item.project_status === 2) {
  1306. html = '<span class="layui-badge layui-bg-blue" style="background-color: #b30095 !important">财评审批中</span> ';
  1307. } else if (item.project_status === 3) {
  1308. html = '<span class="layui-badge layui-bg-green" style="background-color: #769fcd !important">公司待接收</span> ';
  1309. } else if (item.project_status === 4) {
  1310. html = '<span class="layui-badge" style="background-color: #005fa8">分配中</span> ';
  1311. } else if (item.project_status === 5) {
  1312. html = '<span class="layui-badge layui-bg-blue" style="background-color: #1e9fff">作业中</span> ';
  1313. } else if (item.project_status === 6) {
  1314. html = '<span class="layui-badge" style="background-color: #007244">归档中</span> ';
  1315. } else if (item.project_status === 7) {
  1316. html = '<span class="layui-badge" style="background-color: #881f1f">退审中</span> ';
  1317. } else if (item.project_status === 8) {
  1318. html = '<span class="layui-badge" style="background-color: #16b777">已归档</span> ';
  1319. } else if (item.project_status === 9) {
  1320. html = '<span class="layui-badge" style="background-color: #d81e06">已退审</span> ';
  1321. }else if(item.project_status === 0){
  1322. if(item.proprietor_status===0){
  1323. html = '<span class="layui-badge layui-bg-orange" style="background-color: #ffb800 !important">业主立项中</span> '
  1324. }else if(item.proprietor_status===1){
  1325. html = '<span class="layui-badge layui-bg-orange" style="background-color: #b30095 !important"">业主审核中</span> '
  1326. }else if(item.proprietor_status===2){
  1327. html = '<span class="layui-badge layui-bg-orange" style="background-color: #b88230 !important">财评待接收</span> '
  1328. }
  1329. }
  1330. return html;
  1331. }
  1332. },
  1333. {
  1334. field: 'project_name',
  1335. title: '项目名称',
  1336. align: 'center',
  1337. width: 400
  1338. }, {
  1339. field: 'project_num',
  1340. title: '项目编号',
  1341. align: 'center',
  1342. width: 200
  1343. }, {
  1344. field: 'project_time',
  1345. title: '项目周期',
  1346. align: 'center',
  1347. width: 300,
  1348. templet: function (item) {
  1349. var html;
  1350. html =
  1351. "<div>" +
  1352. layui.util.toDateString(item.project_start_time * 1000, 'yyyy-MM-dd') +
  1353. "~" +
  1354. layui.util.toDateString(item.project_end_time * 1000, 'yyyy-MM-dd') +
  1355. "</div>";
  1356. return html;
  1357. }
  1358. }, {
  1359. field: 'entrust_unit_name',
  1360. title: '委托单位',
  1361. align: 'center',
  1362. width: 150
  1363. }, {
  1364. field: 'entrust_head',
  1365. title: '委托单位负责人',
  1366. align: 'center',
  1367. width: 200
  1368. }, {
  1369. field: 'entrust_head_phone',
  1370. title: '委托单位负责人电话',
  1371. align: 'center',
  1372. width: 250
  1373. }, {
  1374. fixed: 'right',
  1375. field: 'right',
  1376. title: '操作',
  1377. width: 136,
  1378. align: 'center',
  1379. templet: function (a) {
  1380. var h = '';
  1381. // 1全部-可查看可编辑,2全部-可查看,0与我有关
  1382. // console.log(a.self_id);
  1383. if(a.self_id == 1){
  1384. if(a.project_status==1){
  1385. 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>'
  1386. } else {
  1387. h = '<div class="layui-btn-group"><a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a></div>'
  1388. }
  1389. }else if(a.self_id == 2){
  1390. h = '<div class="layui-btn-group"><a class="layui-btn layui-btn-xs layui-bg-blue" lay-event="read">查看</a></div>'
  1391. }else if(a.self_id == 0 || a.self_id == 3){
  1392. if(a.project_status==1){
  1393. 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>'
  1394. } else {
  1395. h = '<div class="layui-btn-group"><a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a></div>'
  1396. }
  1397. }
  1398. return h;
  1399. }
  1400. }]
  1401. ]
  1402. });
  1403. table.on('tool(cost_project2)', function (obj) {
  1404. var data = obj.data;
  1405. if (obj.event === 'read') {
  1406. tool.side('/admin/project.cost_proprietor/read?id=' + obj.data.id);
  1407. } else if (obj.event === 'edit') {
  1408. if (obj.data.project_status<6) {
  1409. tool.side('/admin/project.cost_proprietor/edit?id=' + obj.data.id);
  1410. }else {
  1411. layer.msg("已归档/已退审")
  1412. }
  1413. } else if (obj.event === 'del') {
  1414. layer.confirm('确定要删除该记录吗?', {
  1415. icon: 3,
  1416. title: '提示'
  1417. }, function (index) {
  1418. if (data.project_status == 1) {
  1419. let callback = function (e) {
  1420. layer.msg(e.msg);
  1421. if (e.code == 0) {
  1422. obj.del();
  1423. }
  1424. }
  1425. tool.delete("/admin/project.cost_proprietor/del", {id: data.id}, callback);
  1426. layer.close(index);
  1427. }else {
  1428. layer.msg("已审核,无法删除");
  1429. }
  1430. });
  1431. }
  1432. return false;
  1433. });
  1434. layui.headTable = table.render({
  1435. elem: '#head',
  1436. title: '通讯录外部',
  1437. url: '/admin/index/head',
  1438. page: false,
  1439. limit: 20,
  1440. parseData: function(res) { // 数据解析回调函数
  1441. // 在这里可以获取数据总数
  1442. allcount = res.count;
  1443. return {
  1444. code: res.code, // 数据状态码
  1445. msg: res.msg, // 状态信息
  1446. count: res.count, // 数据总数
  1447. data: res.data // 当前页数据
  1448. };
  1449. },
  1450. cols: [
  1451. [
  1452. {fixed: 'left', field: 'id', title: '编号', align: 'center', width: 80,
  1453. templet: function(d){
  1454. return allcount - (d.LAY_NUM-1);
  1455. }
  1456. }, {
  1457. field: 'title',
  1458. title: '公司名称',
  1459. align: 'center',
  1460. }, {
  1461. field: 'nickname',
  1462. title: '联系人',
  1463. align: 'center',
  1464. }, {
  1465. field: 'mobile',
  1466. title: '电话',
  1467. align: 'center',
  1468. }, {
  1469. field: 'email',
  1470. title: '电子邮箱',
  1471. align: 'center',
  1472. },
  1473. ]
  1474. ]
  1475. });
  1476. layui.peopleTable = table.render({
  1477. elem: '#people',
  1478. title: '通讯录内部',
  1479. //toolbar: '#toolbarDemo',
  1480. url: '/admin/index/people',
  1481. limit: 20,
  1482. parseData: function(res) { // 数据解析回调函数
  1483. // 在这里可以获取数据总数
  1484. allcount = res.count;
  1485. return {
  1486. code: res.code, // 数据状态码
  1487. msg: res.msg, // 状态信息
  1488. count: res.count, // 数据总数
  1489. data: res.data // 当前页数据
  1490. };
  1491. },
  1492. cols: [
  1493. [{fixed: 'left', field: 'id', title: '编号', align: 'center', width: 80,
  1494. templet: function(d){
  1495. return allcount - (d.LAY_NUM-1);
  1496. }
  1497. }, {
  1498. field: 'nickname',
  1499. title: '联系人',
  1500. align: 'center',
  1501. }, {
  1502. field: 'mobile',
  1503. title: '电话',
  1504. align: 'center',
  1505. }, {
  1506. field: 'email',
  1507. title: '电子邮箱',
  1508. align: 'center',
  1509. }]
  1510. ]
  1511. });
  1512. //监听搜索提交
  1513. form.on('submit(webform)', function (data) {
  1514. layui.peopleTable.reload({
  1515. where: {
  1516. nickname: data.field.nickname
  1517. },
  1518. });
  1519. return false;
  1520. });
  1521. form.on('submit(webform2)', function (data) {
  1522. layui.headTable.reload({
  1523. where: {
  1524. nickname: data.field.nickname2
  1525. },
  1526. });
  1527. return false;
  1528. });
  1529. form.on('submit(project-search)', function (data) {
  1530. layui.project2Table.reload({
  1531. where: data.field,
  1532. });
  1533. return false;
  1534. });
  1535. layui.use(function () {
  1536. var layer = layui.layer;
  1537. var form = layui.form;
  1538. var laydate = layui.laydate;
  1539. var util = layui.util;
  1540. laydate.render({
  1541. elem: '#test2',
  1542. position: 'static',
  1543. theme: '#1A75FF',
  1544. calendar: 'true',
  1545. showBottom: false,
  1546. });
  1547. });
  1548. }
  1549. </script>
  1550. <!--显示实时年份-->
  1551. <script>
  1552. `use strict`
  1553. var datetime = new Date().getFullYear();
  1554. // console.log(datetime); // it will represent date in the console of developers tool
  1555. document.getElementById("time1").textContent = datetime; //it will print on html page
  1556. document.getElementById("time2").textContent = datetime;
  1557. </script>
  1558. {/block}
  1559. <!-- /脚本 -->