main.html 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>逸管FEP</title>
  7. <link rel="stylesheet" href="{__MOBILE__}/css/base.css">
  8. <link rel="stylesheet" href="{__MOBILE__}/css/layui.css">
  9. <link rel="stylesheet" href="{__MOBILE__}/css/homepage.css">
  10. <link rel="stylesheet" href="{__GOUGU__}/icon-main/iconfont.css">
  11. <link rel="stylesheet" href="{__GOUGU__}/icon-new-main/iconfont.css">
  12. <style>
  13. .footer_icon1 {
  14. background-image: url('{__MOBILE__}/img/first-a.png') !important;
  15. }
  16. .footer_icon2 {
  17. background-image: url('{__MOBILE__}/img/second.png') !important;
  18. }
  19. .footer_icon3 {
  20. background-image: url('{__MOBILE__}/img/third.png') !important;
  21. }
  22. .footer_icon4 {
  23. background-image: url('{__MOBILE__}/img/forth.png') !important;
  24. }
  25. .footer {
  26. padding-top: 1vh !important;
  27. }
  28. /* 项目数量模块 */
  29. .number-box-top{
  30. width: 100%;
  31. /* height: 13.6vh; */
  32. display: flex;
  33. justify-content: space-around;
  34. }
  35. .number-box-bottom{
  36. width: 100%;
  37. /* height: 13.6vh; */
  38. display: flex;
  39. justify-content: space-around;
  40. }
  41. .number{
  42. width: 33%;
  43. padding-left: 3%;
  44. /* height: 100%; */
  45. border-left: 1px solid #e2e2e2;
  46. border-bottom: 1px solid #e2e2e2;
  47. }
  48. .number-1{
  49. height: 4.55vh;
  50. text-align: center;
  51. align-items: center;
  52. padding-top: 1vw;
  53. /* line-height: 6.55vh; */
  54. font-size: 3.7vw;
  55. font-weight: 550;
  56. color: grey;
  57. display: flex;
  58. }
  59. .number-2{
  60. height: 4.8vh;
  61. text-align: center;
  62. /* line-height: 7.1vh; */
  63. color: #1287ff;
  64. font-size: 2.2vh;
  65. margin-top: 0.6vh;
  66. }
  67. .number-2 span{
  68. color: #999;
  69. font-size: 3.7vw;
  70. }
  71. .ing{
  72. font-size: 2.8vw;
  73. color: #999;
  74. margin-top: -0.8vh;
  75. text-align: center;
  76. }
  77. </style>
  78. </head>
  79. <body>
  80. <!-- <div class="top">
  81. <span>首页</span>
  82. </div> -->
  83. <div class="notice">
  84. <!-- style="margin-top: 14vw;" -->
  85. <div class="notice-top">
  86. <!-- <div>
  87. <span><img src="{__MOBILE__}/img/notice.png" alt="" style="height: 5vw;margin-right: 1vw;">通知</span>
  88. </div>
  89. <a href="{:url('mobile/index/notice')}">
  90. <div><img src="{__MOBILE__}/img/right1.png" alt="" style="height: 5vw;"></div>
  91. </a> -->
  92. </div>
  93. <a href="{:url('mobile/index/notice')}">
  94. <div class="notice-bottom">
  95. <div style="display: flex;justify-content: space-between;align-items: center;">
  96. <div class="notice-bottom-top">
  97. <div style="height: 6vw;display: flex;">
  98. <img src="{__MOBILE__}/img/notice.png" alt="" style="height: 6vw;margin-right: 1vw;line-height: 5vw;">
  99. <div style="font-weight: 600;">通知</div>
  100. </div>
  101. </div>
  102. <div class="notice-bottom-bottom">{if $red_notice==1}<img src="{__MOBILE__}/img/dot.png" alt="">{/if}</div>
  103. </div>
  104. <!-- <div class="notice-content">通知内容通知内容通知内容通知内容通知内容通知内容通知内容通知内容</div> -->
  105. <!-- <div class="notice-content">2023-10-20&nbsp;&nbsp;00:08:07</div> -->
  106. </div>
  107. </a>
  108. </div>
  109. <div class="all-new-item">
  110. <a href="{:url('mobile/index/pending_advent')}">
  111. <div class="new-item first-item">
  112. <div class="item-top">
  113. <i class="iconfont" style="font-size: 6vh;color: rgb(245,120,24);">&#xe619;</i>
  114. </div>
  115. <div class="item-bottom">
  116. 临期项目
  117. </div>
  118. </div>
  119. </a>
  120. <a href="{:url('mobile/index/pending_late')}">
  121. <div class="new-item">
  122. <div class="item-top">
  123. <i class="iconfont" style="font-size: 6vh;color: rgb(232,82,74);">&#xe69f;</i>
  124. </div>
  125. <div class="item-bottom">
  126. 逾期项目
  127. </div>
  128. </div>
  129. </a>
  130. {if $unit_type != 1}
  131. <a href="{:url('mobile/contract/contract')}">
  132. <div class="new-item">
  133. <div class="item-top">
  134. <i class="iconfont" style="font-size: 6vh;color: rgb(51,150,251);">&#xe62e;</i>
  135. </div>
  136. <div class="item-bottom">
  137. 合同管理
  138. </div>
  139. </div>
  140. </a>
  141. {/if}
  142. {if $unit_type != 1}
  143. <a href="{:url('mobile/index/pending_invite')}">
  144. <div class="new-item first-item">
  145. <div class="item-top">
  146. <i class="iconfont" style="font-size: 6vh;color: rgb(51,150,251);">&#xe73e;</i>
  147. </div>
  148. <div class="item-bottom">
  149. 请款管理
  150. </div>
  151. </div>
  152. </a>
  153. {/if}
  154. {if $unit_type != 1}
  155. <div class="new-item" onclick="myFunction()" value=>
  156. <div class="item-top">
  157. <i class="iconfont" style="font-size: 6.6vh;color: rgb(0,221,3);">&#xf179;</i>
  158. </div>
  159. <div class="item-bottom">
  160. 数据统计
  161. </div>
  162. </div>
  163. {/if}
  164. <a href="{:url('mobile/index/contacts')}">
  165. <div class="new-item">
  166. <div class="item-top">
  167. <i class="iconfont" style="font-size: 7.2vh;color: rgb(51,150,251);">&#xe608;</i>
  168. </div>
  169. <div class="item-bottom">
  170. 通讯录
  171. </div>
  172. </div>
  173. </a>
  174. </div>
  175. <div class="homepage-item">
  176. <div class="homepage-title"><b>项目数量</b></div>
  177. <div class="homepage-information">
  178. <div class="number-box-top">
  179. <div class="number" style="border-left:none">
  180. <div class="number-1"><i class="iconfont" style="color: rgb(83,150,255);font-size: 3vh !important;">&#xe67e; </i>&nbsp;项目总数
  181. </div>
  182. <div class="number-2" style="margin-top: 1.4vh;">{$num_project.num}<span>个</span></div>
  183. </div>
  184. <div class="number">
  185. <div class="number-1"><i class="iconfont" style="color: rgb(242,173,76);font-size: 3vh !important;">&#xe6eb; </i>&nbsp;预算项目
  186. </div>
  187. <div class="ing">(进行中)</div>
  188. <div class="number-2">{$num_project.yu} <span>个</span></div>
  189. </div>
  190. <div class="number">
  191. <div class="number-1"><i class="iconfont" style="color: rgb(38,131,245);font-size: 3vh !important;">&#xe75e; </i>&nbsp;结算项目
  192. </div>
  193. <div class="ing">(进行中)</div>
  194. <div class="number-2">{$num_project.jie} <span>个</span></div>
  195. </div>
  196. </div>
  197. <div class="number-box-bottom">
  198. <div class="number" style="border-left:none;border-bottom: none;">
  199. <div class="number-3"><i class="iconfont" style="color: rgb(81,161,255);font-size: 3vh !important;">&#xe504; </i>&nbsp;作业中
  200. </div>
  201. <div class="number-2" style="margin-top: 1.4vh;">{$num_project.zuo}<span>个</span></div>
  202. </div>
  203. <div class="number" style="border-bottom: none;">
  204. <div class="number-3"><i class="iconfont" style="color: rgb(0,221,3);font-size: 3vh !important;">&#xe622; </i>&nbsp;已归档</div>
  205. <div class="number-2" style="margin-top: 1.4vh;">{$num_project.gui}<span>个</span></div>
  206. </div>
  207. <div class="number" style="border-bottom: none;">
  208. <div class="number-3"><i class="iconfont" style="color: rgb(232,82,74);font-size: 3vh !important;">&#xe6b8;</i>已退审</div>
  209. <div class="number-2" style="margin-top: 1.4vh;">{$num_project.tui} <span>个</span></div>
  210. </div>
  211. </div>
  212. </div>
  213. </div>
  214. <div class="homepage-item">
  215. <div class="homepage-title"><b>送审总额</b></div>
  216. <div class="homepage-information">
  217. <div class="homepage-top">
  218. <span><img src="{__MOBILE__}/img/main-first.png" alt=""
  219. style="height: 16vw;width: 18vw;margin-left: -4vw;"></span><span style="text-align: center;"><b style="font-size: 8vw;color: #1287ff;">{$amount.sent_review_amount}</b>&nbsp;&nbsp;&nbsp;万元</span>
  220. </div>
  221. <ul class="layui-row layui-col-space12">
  222. <li class="layui-col-md12" style="height: 4.2vh;line-height: 4.2vh;display: flex;justify-content: space-between;
  223. font-size: 3.7vw;padding: 0 4vw;color: black;border-bottom: 1px solid rgb(221, 219, 219);">
  224. <span>预算总额</span>
  225. <span>
  226. <span
  227. style="color: #187FDD;">{$sent_review_amount_tol.sent_review_amount_type1}&nbsp;</span><span>万元</span>
  228. </span>
  229. </li>
  230. <li class="layui-col-md12" style="height: 4.2vh;line-height: 4.2vh;display: flex;justify-content: space-between;
  231. font-size: 3.7vw;padding: 0 4vw;color: black;">
  232. <span>结算总额</span>
  233. <span>
  234. <span
  235. style="color: #187FDD;">{$sent_review_amount_tol.sent_review_amount_type2}&nbsp;</span><span>万元</span>
  236. </span>
  237. </li>
  238. </ul>
  239. </div>
  240. </div>
  241. <div class="homepage-item">
  242. <div class="homepage-title"><b>评审服务费</b></div>
  243. <div class="homepage-information">
  244. <div class="homepage-top">
  245. <span><img src="{__MOBILE__}/img/main-second.png"
  246. alt="" ></span>
  247. <span style="text-align: center;"><b style="font-size: 8vw;color: #1287ff;">{$amount.sent_review_cost}</b>&nbsp;&nbsp;&nbsp;万元</span>
  248. </div>
  249. <ul class="layui-row layui-col-space12">
  250. <li class="layui-col-md12" style="height: 4.2vh;line-height: 4.2vh;display: flex;justify-content: space-between;
  251. font-size: 3.7vw;padding: 0 4vw;color: black;border-bottom: 1px solid rgb(221, 219, 219);">
  252. <span>
  253. <span id="time1"></span>
  254. <span>年上半年服务费用</span>
  255. </span>
  256. <span>
  257. <span style="color: #187FDD;">{$sent_review_cost.first_sent_review_cost}&nbsp;</span><span>万元</span>
  258. </span>
  259. </li>
  260. <li class="layui-col-md12" style="height: 4.2vh;line-height: 4.2vh;display: flex;justify-content: space-between;
  261. font-size: 3.7vw;padding: 0 4vw;color: black;">
  262. <span>
  263. <span id="time2"></span>
  264. <span>年下半年服务费用</span>
  265. </span>
  266. <span>
  267. <span style="color: #187FDD;">{$sent_review_cost.second_sent_review_cost}&nbsp;</span><span>万元</span>
  268. </span>
  269. </li>
  270. </ul>
  271. </div>
  272. </div>
  273. <div class="homepage-item" style="margin-bottom: 20vw;">
  274. <div class="homepage-title"><b>总审增减率</b></div>
  275. <div class="homepage-information">
  276. <div class="homepage-top">
  277. <span><img src="{__MOBILE__}/img/main-third.png"
  278. alt=""></span>
  279. <span style="text-align: center;"><b style="font-size: 8vw;color: #1287ff;">{$amount.review_add_reduce_rate}</b>&nbsp;&nbsp;&nbsp;%</span>
  280. </div>
  281. <ul class="layui-row layui-col-space12">
  282. <li class="layui-col-md12" style="height: 4.2vh;line-height: 4.2vh;display: flex;justify-content: space-between;
  283. font-size: 3.7vw;padding: 0 4vw;color: black;border-bottom: 1px solid rgb(221, 219, 219);">
  284. <span>预算核增减率</span>
  285. <span>
  286. <span
  287. style="color: #187FDD;">{$sent_review_amount_tol.review_add_reduce_rate_type1}&nbsp;</span><span>%</span>
  288. </span>
  289. </li>
  290. <li class="layui-col-md12" style="height: 4.2vh;line-height: 4.2vh;display: flex;justify-content: space-between;
  291. font-size: 3.7vw;padding: 0 4vw;color: black;">
  292. <span>结算核增减率</span>
  293. <span>
  294. <span
  295. style="color: #187FDD;">{$sent_review_amount_tol.review_add_reduce_rate_type2}&nbsp;</span><span>%</span>
  296. </span>
  297. </li>
  298. </ul>
  299. </div>
  300. </div>
  301. <div class="footer">
  302. <div class="footer_ge">
  303. <a href="{:url('mobile/index/main')}" title="首页" style="color: #187FDD;">
  304. <div class="dot">
  305. <div>
  306. <div class="footer_icon footer_icon1"></div>
  307. <div>首页</div>
  308. </div>
  309. <div class="dot-img">
  310. <!--<img src="{__MOBILE__}/img/dot.png" alt="" style="width: 1.2vh;">-->
  311. </div>
  312. </div>
  313. </a>
  314. </div>
  315. <div class="footer_ge">
  316. <a href="{:url('mobile/index/kan_list')}" title="看板">
  317. <div class="dot">
  318. <div>
  319. <div class="footer_icon footer_icon2"></div>
  320. <div>看板</div>
  321. </div>
  322. <div class="dot-img">
  323. {if $red_kan} <img src="{__MOBILE__}/img/dot.png" alt="" style="width: 1.2vh;"> {/if}
  324. </div>
  325. </div>
  326. </a>
  327. </div>
  328. <div class="footer_ge">
  329. <a href="{:url('mobile/index/pending')}" title="待处理">
  330. <div class="dot">
  331. <div>
  332. <div class="footer_icon footer_icon3"></div>
  333. <div>待处理</div>
  334. </div>
  335. <div class="dot-img">
  336. {if $red} <img src="{__MOBILE__}/img/dot.png" alt="" style="width: 1.2vh;margin-left: -4.5vw;">{/if}
  337. </div>
  338. </div>
  339. </a>
  340. </div>
  341. <div class="footer_ge">
  342. <a href="{:url('mobile/index/person')}" title="我的">
  343. <div class="dot">
  344. <div>
  345. <div class="footer_icon footer_icon4"></div>
  346. <div>我的</div>
  347. </div>
  348. <div class="dot-img">
  349. <!-- <img src="{__MOBILE__}/img/dot.png" alt="" style="width: 1.2vh;"> -->
  350. </div>
  351. </div>
  352. </a>
  353. </div>
  354. </div>
  355. <!--显示实时年份-->
  356. <script>
  357. `use strict`
  358. var datetime = new Date().getFullYear();
  359. console.log(datetime); // it will represent date in the console of developers tool
  360. document.getElementById("time1").textContent = datetime; //it will print on html page
  361. document.getElementById("time2").textContent = datetime;
  362. </script>
  363. <script>
  364. function myFunction() {
  365. alert("该功能尚未开放!")
  366. }
  367. </script>
  368. </body>
  369. </html>