adminPage.jsp 59 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348
  1. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  2. <%--
  3. ~ Copyright (c) 2014, 2023, Chengdu Minto Technology Co.,LTD. All rights reserved.
  4. ~ DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
  5. --%>
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
  8. <%@ page isELIgnored="false" %>
  9. <html lang="zh">
  10. <head>
  11. <meta charset="UTF-8">
  12. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  13. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  14. <title>管理员首页</title>
  15. <link rel="stylesheet" type="text/css" href="${path}/tc_suite/project/css/base.css${resSuffix}"/>
  16. <link rel="stylesheet" type="text/css" href="${path}/tc_suite/project/css/adminPage.css${resSuffix}"/>
  17. <link type="text/css" href="${path}/common/css/minto.comp.css${resSuffix}" rel="Stylesheet" />
  18. <link type="text/css" href="${path}/common/css/minto.layout.css${resSuffix}" rel="Stylesheet" />
  19. <style>
  20. .dail-nav a{
  21. color:#333333;
  22. }
  23. .media-dail{width:100%}
  24. .media-dail h1{justify-content:space-between}
  25. .stageInfoLi .tabTtx{color:#999999;display:inline-block;max-width: 700px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
  26. .videopicture{margin-bottom: 5px;margin-top: 5px}
  27. .VandP a{white-space: normal}
  28. #dataList2{
  29. /*min-height: 200px;*/
  30. }
  31. #dataList1{
  32. /*min-height: 200px;*/
  33. }
  34. #dataList3,#dataList4{
  35. /*min-height: 310px;*/
  36. }
  37. .stageInfoLi{
  38. margin-top: 16px;
  39. font-weight: normal;
  40. overflow: hidden;
  41. text-overflow: ellipsis;
  42. display: flex;
  43. color: #333;
  44. }
  45. .needline:hover{color: #0c94ff;text-decoration:underline;}
  46. .needline{cursor: pointer}
  47. /*.li .tps{text-decoration:none !important;}*/
  48. /*.right-time span{text-decoration:none !important;}*/
  49. /*!*.tps,.right-time span{text-decoration:none !important;}*!*/
  50. .Lisy{
  51. cursor: pointer;
  52. }
  53. .sta-num>div {
  54. width: 100%;
  55. padding-left: 35%;
  56. }
  57. .needline{white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
  58. .delAttrtion{
  59. margin-left: 20px;
  60. border-radius:4px;
  61. color:#FFFFFF !important;
  62. background-color: #0c94ff;
  63. display: inline-block;
  64. font-size:12px !important;
  65. text-align: center;
  66. line-height: 24px;
  67. height: 24px;
  68. width:70px;
  69. }
  70. .yuandi{display:inline-block;width: 10px;height: 10px;border:2px solid #388fd3;border-radius:50%;background:#FFFFFF;margin-right:10px}
  71. .media-img:hover{cursor: pointer}
  72. @media screen and (max-width: 1200px){
  73. .sta-num>div {
  74. width: 100%;
  75. padding-left: 28%;
  76. }
  77. }
  78. #statistical1, #statistical2, #statistical3, #statistical4{
  79. height: 210px;
  80. }
  81. .mt-tab-region{
  82. height: 51px;
  83. background: none;
  84. border-bottom: 1px solid #e5e5e5;
  85. }
  86. .mt-tab-region .mt-info{
  87. display: flex;
  88. justify-content: space-between;
  89. align-items: center;
  90. padding-right: 20px;
  91. background: #fff;
  92. }
  93. .mt-tab{
  94. /*width: 100%;*/
  95. border-bottom: none;
  96. }
  97. .statistical{
  98. border-radius: 0;
  99. }
  100. .dail-list{
  101. border-radius: 0 !important;
  102. }
  103. /*.mt-tab .mt-tabLi:first-child{*/
  104. /*padding-left: 0;*/
  105. /*}*/
  106. /*.mt-tab .mt-tabLi:first-child .mt-tab-line{*/
  107. /*left: 0;*/
  108. /*}*/
  109. /*.mt-tab .mt-tabLi.mt-tab-chosen:first-child .mt-tab-line,.mt-tabLi:first-child:hover .mt-tab-line{*/
  110. /*width: calc(100% - 20px);*/
  111. /*}*/
  112. .page{
  113. padding-top: 20px;
  114. }
  115. .mt-btn{
  116. margin-right: 0;
  117. margin-left: 10px;
  118. }
  119. .mt-tabLi{
  120. line-height: 50px;
  121. }
  122. .mt-tab{
  123. height: 100%;
  124. }
  125. @media (max-width: 1600px) {
  126. .li,.moreInfo{
  127. font-size: 14px;
  128. }
  129. .mt-tab-region .mt-info{
  130. padding-right: 15px;
  131. padding-left: 5px;
  132. }
  133. .page{
  134. padding-top: 15px;
  135. }
  136. #statistical1, #statistical2, #statistical3{
  137. height: 180px;
  138. }
  139. .mt-tab-region{
  140. height: 41px;
  141. }
  142. .mt-tabLi{
  143. line-height: 40px;
  144. }
  145. .stageInfoLi{
  146. font-size: 14px;
  147. }
  148. }
  149. </style>
  150. </head>
  151. <body style="background: none;">
  152. <div class="page">
  153. <div class="left">
  154. <div class="statistical">
  155. <div>
  156. <h1>投资进度</h1>
  157. <div id="statistical1"></div>
  158. <%-- <div class="sta-num">--%>
  159. <%-- <div>总投资(万元):<span class="num">${investmentAll}</span></div>--%>
  160. <%-- <div>年度计划投资(万元):<span class="num">${investmentAnnual}</span></div>--%>
  161. <%-- </div>--%>
  162. <%-- <div class="sta-num">--%>
  163. <%-- &lt;%&ndash; <div>投资完成率(%):<span class="num">${investmentCompletion}</span></div>&ndash;%&gt;--%>
  164. <%-- <div>已完成投资(万元):<span class="num">${investmentInvested}</span></div>--%>
  165. <%-- </div>--%>
  166. </div>
  167. <div>
  168. <h1>新建项目开工率</h1>
  169. <div id="statistical2"></div>
  170. <%-- <div class="sta-num" style="margin-left: 70px">--%>
  171. <%-- <div>新建项目:<span class="num">${newlyProjectCount}</span></div>--%>
  172. <%-- <div>已开工:<span class="num">${startedProjectCount}</span></div>--%>
  173. <%-- </div>--%>
  174. <%-- <div class="sta-num" style="margin-left: 70px">--%>
  175. <%-- <div>未开工:<span class="num">${newlyProjectCount - startedProjectCount}</span></div>--%>
  176. <%-- &lt;%&ndash; <div>开工率:<span class="num">${rate1}%</span></div>&ndash;%&gt;--%>
  177. <%-- </div>--%>
  178. </div>
  179. <div>
  180. <h1>续建项目开工率</h1>
  181. <div id="statistical3"></div>
  182. <%-- <div class="sta-num" style="margin-left: 70px">--%>
  183. <%-- <div>续建项目:<span class="num">${continueProjectCount}</span></div>--%>
  184. <%-- <div>已开工:<span class="num">${startedContinueProjectCount}</span></div>--%>
  185. <%-- </div>--%>
  186. <%-- <div class="sta-num" style="margin-left: 70px">--%>
  187. <%-- <div>未开工:<span class="num">${continueProjectCount - startedContinueProjectCount}</span></div>--%>
  188. <%-- &lt;%&ndash; <div>开工率:<span class="num">${rate2}%</span></div>&ndash;%&gt;--%>
  189. <%-- </div>--%>
  190. </div>
  191. <div onclick="statistical_3()" style="min-width: 320px">
  192. <h1>项目问题</h1>
  193. <div id="statistical4"></div>
  194. </div>
  195. </div>
  196. <style>
  197. .moreTabel{margin-top: 20px;display: flex;flex-wrap: wrap; width: calc(100% + 20px);overflow: hidden}
  198. .moreTabel .list{
  199. display: flex;
  200. width: calc(16.66% - 20px);
  201. height:100px;
  202. border: 1px solid #c9e5ff;
  203. cursor: pointer;
  204. position: relative;
  205. padding: 20px;
  206. margin-right: 20px;
  207. margin-bottom: 20px;
  208. background:#FFFFFF
  209. }
  210. /*.moreTabel .list:nth-child(6n+6){margin-right: 0}*/
  211. .moreTabel .list img{width: 25px;min-width: 25px;height: 30px;margin-right: 10px;position: absolute;bottom:15px;right: 10px}
  212. .hoveri{display: none}
  213. .moreTabel .media-dail p{font-size:16px;color:#333333;line-height: 1;overflow:hidden;text-overflow: ellipsis}
  214. .moreTabel .media-dail p.time{font-size:14px;color:#999999;margin-top: 10px !important;}
  215. .moreTabel .list:hover{background-image: url("${path}/tc_suite/project/images/bgkuan.png");background-repeat: no-repeat;background-size: 100% 100%;}
  216. .moreTabel .list:hover p{color: #ffffff !important}
  217. .moreTabel .list:hover .def{display: none}
  218. .moreTabel .list:hover .hoveri{display: inline-block}
  219. .dail-nav{margin-top:10px}
  220. @media screen and (max-width: 1600px){
  221. /*.moreTabel .list:nth-child(5n+5){margin-right:0px}*/
  222. .moreTabel{
  223. margin-top: 15px;
  224. width: calc(100% + 15px);
  225. }
  226. .moreTabel .list{
  227. height: 90px;
  228. width: calc(20% - 15px);
  229. min-width: 200px;
  230. margin-right: 15px;
  231. margin-bottom: 15px;
  232. padding: 15px;
  233. }
  234. .moreTabel .media-dail p{
  235. font-size: 14px;
  236. }
  237. .moreTabel .media-dail p.time{
  238. font-size: 12px;
  239. }
  240. .mt-tab-region .mt-info{
  241. padding-left: 5px;
  242. padding-right: 15px;
  243. }
  244. .page{
  245. padding-top: 15px;
  246. }
  247. .stageInfoLi{
  248. font-size: 14px;
  249. margin-top: 5px;
  250. }
  251. #statistical1, #statistical2, #statistical3{
  252. height: 180px;
  253. }
  254. .stageInfoLi{
  255. font-size: 14px;
  256. }
  257. }
  258. @media (max-width: 1450px) {
  259. .mt-info{
  260. width: 100%;
  261. }
  262. }
  263. </style>
  264. <div class="moreTabel">
  265. <div class="list" onclick="jumpVisual()">
  266. <img src="${path}/tc_suite/project/images/keshih.png" class="def">
  267. <img src="${path}/tc_suite/project/images/keshih1.png" class="hoveri">
  268. <div class="media-dail">
  269. <p title="项目可视化">项目可视化</p>
  270. </div>
  271. </div>
  272. <div class="list" onclick="window.open('http://118.123.249.212:8075/webroot/decision/view/report?viewlet=project%252F%25E9%2587%258D%25E5%25A4%25A7%25E9%25A1%25B9%25E7%259B%25AE%25E7%25AD%2596%25E5%2588%2592%25E9%2580%2589%25E9%25A2%2598%25E6%258A%25A5%25E5%2591%258A%25E8%25A1%25A8.cpt')">
  273. <img src="${path}/tc_suite/project/images/table.png" class="def">
  274. <img src="${path}/tc_suite/project/images/table1.png" class="hoveri">
  275. <div class="media-dail">
  276. <p title="重大项目策划选题报告表">重大项目策划选题报告表</p>
  277. <p class="time">${now}</p>
  278. </div>
  279. </div>
  280. <div class="list" onclick="window.open('http://118.123.249.212:8075/webroot/decision/view/report?viewlet=project%252F%25E9%2587%258D%25E7%2582%25B9%25E5%25BB%25BA%25E8%25AE%25BE%25E9%25A1%25B9%25E7%259B%25AE%25E8%25BF%259B%25E5%25BA%25A6%25E8%25A1%25A8.cpt')">
  281. <img src="${path}/tc_suite/project/images/table.png" class="def">
  282. <img src="${path}/tc_suite/project/images/table1.png" class="hoveri">
  283. <div class="media-dail">
  284. <p title="重点建设项目进度表">重点建设项目进度表</p>
  285. <p class="time">${now}</p>
  286. </div>
  287. </div>
  288. <div class="list" onclick="window.open('http://118.123.249.212:8075/webroot/decision/view/report?viewlet=project%252F%25E9%2587%258D%25E7%2582%25B9%25E5%2589%258D%25E6%259C%259F%25E9%25A1%25B9%25E7%259B%25AE%25E8%25BF%259B%25E5%25BA%25A6%25E8%25A1%25A8.cpt')">
  289. <img src="${path}/tc_suite/project/images/table.png" class="def">
  290. <img src="${path}/tc_suite/project/images/table1.png" class="hoveri">
  291. <div class="media-dail">
  292. <p title="重点项目前期进度表">重点项目前期进度表</p>
  293. <p class="time">${now}</p>
  294. </div>
  295. </div>
  296. <div class="list" onclick="window.open('http://118.123.249.212:8075/webroot/decision/view/report?viewlet=project%252F%25E9%2587%258D%25E7%2582%25B9%25E9%25A1%25B9%25E7%259B%25AE%25E8%25AE%25A1%25E5%2588%2592%25E6%2583%2585%25E5%2586%25B5%25E6%25B1%2587%25E6%2580%25BB%25E8%25A1%25A8.cpt')">
  297. <img src="${path}/tc_suite/project/images/table.png" class="def">
  298. <img src="${path}/tc_suite/project/images/table1.png" class="hoveri">
  299. <div class="media-dail">
  300. <p title="重点项目计划情况汇总表">重点项目计划情况汇总表</p>
  301. <p class="time">${now}</p>
  302. </div>
  303. </div>
  304. <div class="list" onclick="window.open('http://118.123.249.212:8075/webroot/decision/view/report?viewlet=project%252F%25E9%2587%258D%25E7%2582%25B9%25E9%25A1%25B9%25E7%259B%25AE%25E8%25BF%259B%25E5%25BA%25A6%25E6%25A3%2580%25E6%25B5%258B%25E8%25A1%25A8.cpt')">
  305. <img src="${path}/tc_suite/project/images/table.png" class="def">
  306. <img src="${path}/tc_suite/project/images/table1.png" class="hoveri">
  307. <div class="media-dail">
  308. <p title="重点项目进度检测表">重点项目进度检测表</p>
  309. <p class="time">${now}</p>
  310. </div>
  311. </div>
  312. </div>
  313. <div class="mt-tab-region">
  314. <div class="mt-info">
  315. <div class="mt-tab">
  316. <div class="mt-tabLi" data-type="1">
  317. <span>待审批</span>
  318. <span class="mt-tab-line"></span>
  319. </div>
  320. <div class="mt-tabLi mt-tab-chosen" data-type="2">
  321. <span>项目动态</span>
  322. <span class="mt-tab-line"></span>
  323. </div>
  324. <div class="mt-tabLi" data-type="4">
  325. <span>我的关注</span>
  326. <span class="mt-tab-line"></span>
  327. </div>
  328. <c:if test="${!isLeader}">
  329. <div class="mt-tabLi" data-type="3">
  330. <span>领导关注</span>
  331. <span class="mt-tab-line"></span>
  332. </div>
  333. </c:if>
  334. </div>
  335. <a href="javascript:;" data-type="5" class="moreInfo" style="float: right;display: none">更多</a>
  336. </div>
  337. <div id="imgShow">
  338. <div id="dataList2" class="dail-list show"></div>
  339. </div>
  340. <div id="dataList3" class="dail-list"></div>
  341. <div id="dataList4" class="dail-list"></div>
  342. </div>
  343. </div>
  344. <script src="${path}/tc_ttp/jquery/jquery-1.12.4.min.js${resSuffix}"></script>
  345. <script src="${path}/tc_suite/project/js/base.js" type="text/javascript" charset="utf-8"></script>
  346. <script src="${path}/tc_suite/project/js/echarts.min.js" type="text/javascript" charset="utf-8"></script>
  347. <script type="text/javascript" src="${path}/tc_ttp/common/function.js${resSuffix}"></script>
  348. <script type="text/javascript" src="${path}/tc_ttp/common/tc.js${resSuffix}"></script>
  349. <script type="text/javascript" src="${path}/tc_ttp/lhgdialog4.2.0/lhgdialog.js${resSuffix}"></script>
  350. <script type="text/javascript" src="${path}/tc_tap/choosePerson/js/choosePersonConfig.js${resSuffix}"></script>
  351. <script type="text/javascript" src="${path}/tc_ttp/common/jquery.json.js${resSuffix}"></script>
  352. <script type="text/javascript" src="${path}/tc_ttp/common/ajax.js${resSuffix}"></script>
  353. <script type="text/javascript" src="${path}/tc_tap/relResource/js/relResource.js${resSuffix}"></script>
  354. <script type="text/javascript" src="${path}/tc_ttp/common/jquery.form.js${resSuffix}"></script>
  355. <script type="text/javascript" src="${path}/tc_suite/form/js/form.js${resSuffix}"></script>
  356. <script type="text/javascript" src="${path}/common/mCustomScrollbar/js/jquery.mCustomScrollbar.concat.min.js${resSuffix}"></script>
  357. <script type="text/javascript" src="${path}/common/zTree/js/jquery.ztree.core.min.js${resSuffix}"></script>
  358. <script type="text/javascript" src="${path}/common/zTree/js/jquery.ztree.exhide.min.js${resSuffix}"></script>
  359. <script type="text/javascript" src="${path}/common/zTree/js/jquery.ztree.excheck.min.js${resSuffix}"></script>
  360. <script type="text/javascript" src="${path}/tc_suite/menu/js/menu.js${resSuffix}"></script>
  361. <script type="text/javascript" src="${path}/tc_ttp/dummyPhotoView/dummyPhotoView.js${resSuffix}"></script>
  362. <script type="text/javascript" src="${path}/tc_tap/space/js/upload.js${resSuffix}"></script>
  363. <script type="text/javascript"
  364. src="${path}/tc_ttp/jquery.serializeJSON/jquery.serializejson.min.js${resSuffix}"></script>
  365. <script type="text/javascript" src="${path}/common/js/ui/minto.comp.js${resSuffix}"></script>
  366. <script>
  367. $('.page').resize(function () {
  368. $(parent.document.getElementsByTagName("iframe")).height($('.page').outerHeight(true)+20);
  369. })
  370. // @author : inspired(胡启林);Description:可视化首页跳转 (edit) lastdate : 2020/6/3
  371. function jumpVisual(){
  372. var projectVisual = eval("${projectVisual}");
  373. switch (projectVisual) {
  374. case -1:
  375. $.alert("暂无内容");
  376. break;
  377. case 0://渭南可视化
  378. window.open('${path}/tapVisual/index');
  379. break;
  380. case 1://万宁可视化
  381. window.open('${path}/tc_suite/project/wn_visual/cityProjectOverview.jsp')
  382. break;
  383. }
  384. }
  385. function openTab(id,url,newTabName) {
  386. top.addTab(id,newTabName,url,'curSelect');
  387. }
  388. $('.mt-tab').on('click', '.mt-tabLi', function () {
  389. if ($(this).attr("data-type") == 5){//一定项目动态更多
  390. TC.ui.openTab("/project/projectDynamic");
  391. return;
  392. }
  393. if ($(this).attr("data-type") == 6){//一定项目动态更多
  394. TC.ui.openTab("/project/moreMyAttention");
  395. return;
  396. }
  397. //清空内容
  398. $("#data_list_nav").html("");
  399. var page = {"start": 0, "length": 5};
  400. var params = {"projectType": "200001010", "isShowPhase": false, "search": {}};
  401. $(".moreInfo").hide();
  402. if ($(this).attr("data-type") == 1) {
  403. //项目管理列表
  404. $(".moreInfo").attr("data-type",7);
  405. initListType1(page, params);
  406. } else if ($(this).attr("data-type") == 2) {
  407. //项目动态列表
  408. $(".moreInfo").attr("data-type",5);
  409. params.search["reportStatus"] = 1;
  410. params.search["newDynamic"] = 1;
  411. initListType2(page, params);
  412. } else if ($(this).attr("data-type") == 4) {
  413. $(".moreInfo").show();
  414. $(".moreInfo").attr("data-type",6);
  415. //领导关注列表
  416. params.search["leaderAttention"] = 5;
  417. initListType3(page, params);
  418. } else if ($(this).attr("data-type") == 3) {
  419. //我的关注列表
  420. params.search["myAttention"] = 4;
  421. initListType4(page, params);
  422. }
  423. });
  424. $('.moreInfo').on('click', function () {
  425. if ($(this).attr("data-type") == 5){//一定项目动态更多
  426. TC.ui.openTab("/project/projectDynamic");
  427. return;
  428. }
  429. if ($(this).attr("data-type") == 6){//一定项目动态更多
  430. TC.ui.openTab("/project/moreMyAttention");
  431. return;
  432. }
  433. if ($(this).attr("data-type") == 7){//更多领导关注
  434. TC.ui.openTab("/taskByType/showCommonWaiteDo?listType=2&jump=true","办文待办");
  435. return;
  436. }
  437. });
  438. var highlight = '#208de1';
  439. var investmentCompletion = ${investmentCompletion}+0;
  440. var rate1 = ${rate1}+0;
  441. var rate2 = ${rate2}+0;
  442. var demoData = [
  443. {name: '警情总量', value: investmentCompletion, unit: '%', pos: ['16.6%', '25%'], range: [0, 80]},
  444. ];
  445. var demoData1 = [
  446. {name: '警情总量', value: rate1, unit: '%', pos: ['16.6%', '25%'], range: [0, 80]},
  447. ];
  448. var demoData2 = [
  449. {name: '警情总量', value: rate2, unit: '%', pos: ['16.6%', '25%'], range: [0, 80]},
  450. ];
  451. $(function () {
  452. $('.dail-nav').on('click', 'a', function () {
  453. if ($(this).attr("data-type") == 5){//一定项目动态更多
  454. return;
  455. }
  456. if ($(this).attr("data-type") == 6){//一定项目动态更多
  457. return;
  458. }
  459. var inde = $(this).index();
  460. $('.dail-nav .active').removeClass('active');
  461. $('.dail-nav a').eq(inde).addClass('active');
  462. $('.dail-list.show').removeClass('show');
  463. $('.dail-list').eq(inde).addClass('show');
  464. })
  465. setTimeout(function () {
  466. chartTop1();
  467. chartTop2();
  468. chartTop3();
  469. chartTop4();
  470. },1000)
  471. var page = {"start": 0, "length": 5};
  472. var params = {"projectType": "200001010", "isShowPhase": false, "search": {"newDynamic" : 1}};
  473. initListType2(page, params);
  474. })
  475. function chartTop1() {
  476. /*第一个*/
  477. var myChart1 = echarts.init(document.getElementById('statistical1'));
  478. var option = {
  479. tooltip: {
  480. show: true,
  481. formatter: function (name) {
  482. var strHtml =
  483. '<div><span class="yuandi"></span>总投资(万元):${investmentAll}</div>\n' +
  484. '<div><span class="yuandi"></span>年度计划投资(万元):${investmentAnnual}</div>\n' +
  485. '<div><span class="yuandi"></span>已完成投资(万元):${investmentInvested}</div>\n';
  486. return strHtml;
  487. },
  488. },
  489. series: (function () {
  490. var result = [];
  491. var max = 100;
  492. demoData.forEach(function (item) {
  493. result.push(
  494. // 内侧指针、数值显示
  495. {
  496. name: item.name,
  497. type: 'gauge',
  498. // radius: '83.10%',
  499. radius: '90%',
  500. startAngle: 225,
  501. endAngle: -45,
  502. min: 0,
  503. max: 100,
  504. axisLine: {
  505. show: true,
  506. lineStyle: {
  507. width: 15,
  508. shadowBlur: 1,
  509. color:(function(e){
  510. var colorArr = [];
  511. if(item.value < 30){
  512. colorArr = [[item.value/max, '#68dfe2'],[1, '#f7f7f7']]
  513. }else if(item.value < 70){
  514. colorArr = [[0.3, '#68dfe2'],[item.value/max, '#38a2da'], [1, '#f7f7f7']]
  515. }else if(item.value < 100){
  516. colorArr = [[0.3, '#68dfe2'],[0.7, '#38a2da'], [item.value/max, '#fd666d'], [1, '#f7f7f7']]
  517. }else{
  518. colorArr = [[0.3, '#68dfe2'],[0.7, '#38a2da'],[1, '#fd666d']]
  519. }
  520. return colorArr;
  521. })()
  522. },
  523. },
  524. axisTick: {
  525. length: 4
  526. // show: 0,
  527. },
  528. splitLine: {
  529. length:15,
  530. // show: 0,
  531. },
  532. axisLabel: {
  533. color: '#909090',
  534. // show: 0
  535. },
  536. pointer: {
  537. show: true,
  538. length: '60%',
  539. width:4,
  540. },
  541. detail: {
  542. show: true,
  543. offsetCenter: ['0%', '100%'],
  544. textStyle: {
  545. fontSize: 20,
  546. color: '#04A4CE'
  547. },
  548. formatter: [
  549. '{value}' + (item.unit || ''),
  550. ].join('\n'),
  551. rich: {
  552. name: {
  553. fontSize: 35,
  554. lineHeight: 30,
  555. color: '#ffc300',
  556. "fontWeight": 'bold',
  557. }
  558. }
  559. },
  560. itemStyle: {
  561. normal: {
  562. color: highlight,
  563. }
  564. },
  565. data: [{
  566. value: item.value
  567. }]
  568. }
  569. );
  570. });
  571. result.push({
  572. type: 'pie',
  573. radius: '90%',
  574. center: ['50%', '50%'],
  575. data: [100],
  576. itemStyle: {
  577. normal: {
  578. color: "transparent",
  579. }
  580. },
  581. z:100,
  582. })
  583. return result;
  584. })()
  585. };
  586. myChart1.setOption(option, true);
  587. }
  588. function chartTop2() {
  589. /*第二个*/
  590. var myChart2 = echarts.init(document.getElementById('statistical2'));
  591. var option1 = {
  592. tooltip: {
  593. show: true,
  594. formatter: function (name) {
  595. var strHtml =
  596. '<div><span class="yuandi"></span>新建项目:${newlyProjectCount}</div>\n' +
  597. '<div><span class="yuandi"></span>已开工:${startedProjectCount}</div>\n' +
  598. '<div><span class="yuandi"></span>未开工:${newlyProjectCount - startedProjectCount}</div>\n';
  599. return strHtml;
  600. },
  601. },
  602. series: (function () {
  603. var result = [];
  604. var max = 100;
  605. demoData1.forEach(function (item) {
  606. result.push(
  607. // 内侧指针、数值显示
  608. {
  609. name: item.name,
  610. type: 'gauge',
  611. // radius: '83.10%',
  612. radius: '90%',
  613. startAngle: 225,
  614. endAngle: -45,
  615. min: 0,
  616. max: 100,
  617. axisLine: {
  618. show: true,
  619. lineStyle: {
  620. width: 15,
  621. shadowBlur: 1,
  622. color:(function(e){
  623. var colorArr = [];
  624. if(item.value < 30){
  625. colorArr = [[item.value/max, '#68dfe2'],[1, '#f7f7f7']]
  626. }else if(item.value < 70){
  627. colorArr = [[0.3, '#68dfe2'],[item.value/max, '#38a2da'], [1, '#f7f7f7']]
  628. }else if(item.value < 100){
  629. colorArr = [[0.3, '#68dfe2'],[0.7, '#38a2da'], [item.value/max, '#fd666d'], [1, '#f7f7f7']]
  630. }else{
  631. colorArr = [[0.3, '#68dfe2'],[0.7, '#38a2da'],[1, '#fd666d']]
  632. }
  633. return colorArr;
  634. })()
  635. }
  636. },
  637. axisTick: {
  638. length: 4
  639. // show: 0,
  640. },
  641. splitLine: {
  642. length:15,
  643. // show: 0,
  644. },
  645. axisLabel: {
  646. color: '#909090',
  647. // show: 0
  648. },
  649. pointer: {
  650. show: true,
  651. length: '60%',
  652. width:4,
  653. },
  654. detail: {
  655. show: true,
  656. offsetCenter: ['0%', '100%'],
  657. textStyle: {
  658. fontSize: 20,
  659. color: '#04A4CE'
  660. },
  661. formatter: [
  662. '{value}' + (item.unit || ''),
  663. ].join('\n'),
  664. rich: {
  665. name: {
  666. fontSize: 35,
  667. lineHeight: 30,
  668. color: '#ffc300',
  669. "fontWeight": 'bold',
  670. }
  671. }
  672. },
  673. itemStyle: {
  674. normal: {
  675. color: highlight,
  676. }
  677. },
  678. data: [{
  679. value: item.value
  680. }]
  681. }
  682. );
  683. });
  684. result.push({
  685. type: 'pie',
  686. radius: '90%',
  687. center: ['50%', '50%'],
  688. data: [100],
  689. itemStyle: {
  690. normal: {
  691. color: "transparent",
  692. }
  693. },
  694. z:100,
  695. })
  696. return result;
  697. })()
  698. };
  699. myChart2.setOption(option1, true);
  700. }
  701. function chartTop3() {
  702. /*第三个*/
  703. var myChart3 = echarts.init(document.getElementById('statistical3'));
  704. var option2 = {
  705. tooltip: {
  706. show: true,
  707. formatter: function (name) {
  708. var strHtml =
  709. '<div><span class="yuandi"></span>续建项目:${continueProjectCount}</div>\n' +
  710. '<div><span class="yuandi"></span>已开工:${startedContinueProjectCount}</div>\n' +
  711. '<div><span class="yuandi"></span>未开工:${continueProjectCount - startedContinueProjectCount}</div>\n';
  712. return strHtml;
  713. },
  714. },
  715. series: (function () {
  716. var result = [];
  717. var max = 100;
  718. demoData2.forEach(function (item) {
  719. result.push(
  720. // 内侧指针、数值显示
  721. {
  722. name: item.name,
  723. type: 'gauge',
  724. roundCap: true,
  725. // radius: '83.10%',
  726. radius: '90%',
  727. startAngle: 225,
  728. endAngle: -45,
  729. min: 0,
  730. max: 100,
  731. axisLine: {
  732. show: true,
  733. lineStyle: {
  734. width: 15,
  735. shadowBlur: 1,
  736. color:(function(e){
  737. var colorArr = [];
  738. if(item.value < 30){
  739. colorArr = [[item.value/max, '#68dfe2'],[1, '#f7f7f7']]
  740. }else if(item.value < 70){
  741. colorArr = [[0.3, '#68dfe2'],[item.value/max, '#38a2da'], [1, '#f7f7f7']]
  742. }else if(item.value < 100){
  743. colorArr = [[0.3, '#68dfe2'],[0.7, '#38a2da'], [item.value/max, '#fd666d'], [1, '#f7f7f7']]
  744. }else{
  745. colorArr = [[0.3, '#68dfe2'],[0.7, '#38a2da'],[1, '#fd666d']]
  746. }
  747. return colorArr;
  748. })()
  749. }
  750. },
  751. axisTick: {
  752. length: 4
  753. // show: 0,
  754. },
  755. splitLine: {
  756. length:15,
  757. // show: 0,
  758. },
  759. axisLabel: {
  760. color: '#909090',
  761. // show: 0
  762. },
  763. pointer: {
  764. show: true,
  765. length: '60%',
  766. width:4,
  767. },
  768. detail: {
  769. show: true,
  770. offsetCenter: ['0%', '100%'],
  771. textStyle: {
  772. fontSize: 20,
  773. color: '#04A4CE'
  774. },
  775. formatter: [
  776. '{value}' + (item.unit || ''),
  777. ].join('\n'),
  778. rich: {
  779. name: {
  780. fontSize: 35,
  781. lineHeight: 30,
  782. color: '#ffc300',
  783. "fontWeight": 'bold',
  784. }
  785. }
  786. },
  787. itemStyle: {
  788. normal: {
  789. color: highlight,
  790. }
  791. },
  792. data: [{
  793. value: item.value
  794. }]
  795. }
  796. );
  797. });
  798. result.push({
  799. type: 'pie',
  800. radius: '90%',
  801. center: ['50%', '50%'],
  802. data: [100],
  803. itemStyle: {
  804. normal: {
  805. color: "transparent",
  806. }
  807. },
  808. z:100,
  809. })
  810. return result;
  811. })()
  812. };
  813. myChart3.setOption(option2, true);
  814. }
  815. function chartTop4() {
  816. var myChart4 = echarts.init(document.getElementById('statistical4'));
  817. var landIssues = ${landIssues}+0;
  818. var moneyProblems = ${moneyProblems}+0;
  819. var talentProblem = ${talentProblem}+0;
  820. var otherProblems = ${otherProblems}+0;
  821. var problemNumber = ${problemNumber}+0;
  822. var problemData = ${problemData};
  823. var trafficWay = [];
  824. var legends = [];
  825. var consts = 0;
  826. var data =[];
  827. var color=['#fb6087','#53d2f7','#00d154','#fdb10e','#3e88db'];
  828. if(!problemData.length){
  829. problemData = [
  830. {value:' ',count:0,value2:0},
  831. ]
  832. color=['#e5e5e5','#fb6087','#53d2f7','#00d154','#fdb10e','#3e88db'];
  833. }
  834. for(let i = 0 ;i < problemData.length ; i ++){
  835. consts += problemData[i].count;
  836. }
  837. if(problemData && problemData.length>0) {
  838. for (var i = 0; i < problemData.length; i++) {
  839. var traffc = {
  840. name: problemData[i].value,
  841. value: problemData[i].count
  842. }
  843. trafficWay.push(traffc);
  844. }
  845. }
  846. //没有数据的时候模拟四个
  847. if(!trafficWay.length){
  848. var arrname = ['土地问题','人才问题','环保问题','资金问题']
  849. for (var i = 0; i < 4; i++) {
  850. data.push({
  851. value2:0,
  852. value:1,
  853. name:arrname[i],
  854. itemStyle: {
  855. normal: {
  856. borderWidth: 5,
  857. shadowBlur: 20,
  858. borderColor:'transparent',
  859. shadowColor: color[i],
  860. shadowColor: 'transparent'
  861. }
  862. }
  863. }
  864. );
  865. }
  866. }
  867. for (var i = 0; i < trafficWay.length; i++) {
  868. data.push({
  869. value2: Number(trafficWay[i].value),
  870. value: Number(trafficWay[i].value),
  871. name: trafficWay[i].name,
  872. itemStyle: {
  873. normal: {
  874. borderWidth: 5,
  875. shadowBlur: 20,
  876. borderColor:'transparent',
  877. shadowColor: color[i],
  878. shadowColor: 'transparent'
  879. }
  880. }
  881. }
  882. );
  883. }
  884. var option3 = {
  885. color : color,
  886. title: [{
  887. text: '{name|总数}\n{val|'+consts+'}',
  888. top: '28%',
  889. left: 'center',
  890. textStyle: {
  891. rich: {
  892. name: {
  893. fontSize: 16,
  894. fontWeight: 'normal',
  895. color: '#fff',
  896. padding: [10, 0]
  897. },
  898. val: {
  899. fontSize: 16,
  900. // fontWeight: 'bold',
  901. color: '#fff',
  902. }
  903. }
  904. }
  905. }],
  906. tooltip: {
  907. show: true,
  908. formatter: function (prame) {
  909. var strHtml = '';
  910. for(var i=0;i<data.length;i++){
  911. strHtml +='<div><span class="yuandi"></span>'+data[i].name+':'+data[i].value2+'</div>'
  912. }
  913. return strHtml;
  914. },
  915. position: function (pos, params, dom, rect, size) {
  916. // 鼠标在左侧时 tooltip 显示到右侧,鼠标在右侧时 tooltip 显示到左侧。
  917. var obj = {top: 50};
  918. obj[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]] = 5;
  919. return obj;
  920. }
  921. },
  922. legend:legends,
  923. toolbox: {
  924. show: false
  925. },
  926. series:[
  927. {
  928. name: '',
  929. type: 'pie',
  930. clockWise: false,
  931. // radius: [65,85],
  932. radius: [55,75],
  933. center: ['50%', '45%'],
  934. top:0,
  935. hoverAnimation: false,
  936. emphasis: {
  937. label: {
  938. show: true
  939. }
  940. },
  941. label: {
  942. normal:{
  943. formatter:function (prem) {
  944. return prem.data.name+' '+prem.data.value2;
  945. },
  946. }
  947. },
  948. labelLine:{
  949. length: 6,
  950. length2: 6
  951. },
  952. itemStyle: {
  953. normal: {
  954. label: {
  955. show: false,
  956. position: 'outside',
  957. // color:'#ccc',
  958. formatter: function(params) {
  959. var percent = 0;
  960. var total = 0;
  961. for (var i = 0; i < trafficWay.length; i++) {
  962. total += trafficWay[i].value;
  963. }
  964. percent = ((params.value / total) * 100).toFixed(0);
  965. if(params.name !== '') {
  966. return params.name +''+ percent;
  967. }else {
  968. return '';
  969. }
  970. },
  971. },
  972. }
  973. },
  974. data: data
  975. },
  976. {
  977. name: '',
  978. type: 'pie',
  979. clockWise: false,
  980. radius: [0,30],
  981. center: ['50%', '45%'],
  982. top:0,
  983. hoverAnimation: false,
  984. itemStyle: {
  985. normal: {
  986. label: {
  987. show: false,
  988. },
  989. // shadowColor:'#46a2f9',
  990. color: '#46a2f9',
  991. }
  992. },
  993. data: [{name:'',value:1}]
  994. }
  995. ]
  996. }
  997. myChart4.setOption(option3, true);
  998. }
  999. /** 初始化列表---项目管理 */
  1000. function initListType1(page, params) {
  1001. var dataList1 = $("#dataList2");
  1002. $(".moreInfo").show();
  1003. dataList1.html("");
  1004. $.ajax({
  1005. url:TC.config.baseUrl+"/taskByType/approvalIndexData",
  1006. async:true,
  1007. dataType:"json",
  1008. data:{"listType":3,"state":-1,"taskType":''},
  1009. type:"post",
  1010. success:function (result) {
  1011. if (result!=null && result.state=="success") {
  1012. var list="";
  1013. var listData=eval(result.data);
  1014. // console.log(listData)
  1015. $.each(listData,function (i,o) {
  1016. var title = o.affair.colTitle;
  1017. var astate = o.affair.astate;
  1018. var createDate = o.createDate.split(" ")[0].replace(/-/g,".");
  1019. var affairId = o.affair.idStr;
  1020. var colId = o.affair.colId;
  1021. var colListType = o.summary.colListType;
  1022. //console.log(colId);
  1023. var colTypeName=o.colTypeName;
  1024. if( astate != 4 && astate != 0 && astate != 6 && astate != 1 ){
  1025. var img = '<img src="${path}/tc_suite/assembly/hubei/ldIndex/images/supervision/wd.png" alt="">';
  1026. }else{
  1027. var img = '<img src="${path}/tc_suite/assembly/hubei/ldIndex/images/supervision/yd.png" alt="">';
  1028. }
  1029. var tempHtml = "";
  1030. tempHtml = '<div class="handleLi" onclick="openUrl(\'/doCollaboration/doColIndex?affairId=' + affairId + '\')">';
  1031. if(colListType==302){//领导批示待办列表点击跳转到批示的详情页
  1032. tempHtml = '<div class="handleLi" onclick="openLeaderDraftUrl(\'/taskByType/toLeaderDraftDetail?colId='+colId+'&affairId='+affairId+'&colListType='+colListType + '\')">';
  1033. }
  1034. list += tempHtml;
  1035. // Wen.J 去掉鼠标悬浮上去显示状态的问题
  1036. list += '<div class="handleLeft" title="'+title+'">'+
  1037. img+
  1038. '<span class="hovers">'+title+'</span>'+
  1039. '</div>'+
  1040. '<span class="handleTime">'+createDate+'</span>'+
  1041. '</div>';
  1042. });
  1043. if(!list){
  1044. list += '<img src="${path}/common/images/empty.png" style="margin: 0 auto; padding: 50px 0 20px; display: block;" alt="">';
  1045. }
  1046. dataList1.html(list);
  1047. }
  1048. }
  1049. });
  1050. <%--callAjaxRequest("projectWebService", "findProject4List2", page, params, function (result) {--%>
  1051. <%--var dataList1 = $("#dataList1");--%>
  1052. <%--var pdate = result.data.data;--%>
  1053. <%--//http://localhost:8080/tc_web_war_exploded/taskByType/approvalIndexData--%>
  1054. <%--//先清空--%>
  1055. <%--dataList1.html("");--%>
  1056. <%--$.each(pdate, function (i, b) {--%>
  1057. <%--var li ='<div onclick=openProject("' + b.id + '") class="li">' +--%>
  1058. <%--'<span class="tps">【' + b.project_type + '】</span>' +b.title +--%>
  1059. <%--'<div class="right-time">' +--%>
  1060. <%--'<span>' + b.create_time + '</span>' +--%>
  1061. <%--'</div>' +--%>
  1062. <%--'</div>';--%>
  1063. <%--dataList1.append(li);--%>
  1064. <%--})--%>
  1065. <%--if(!pdate.length){--%>
  1066. <%--var html = '<img src="${path}/common/images/empty.png" style="margin: 0 auto; padding: 50px 0 20px; display: block;" alt="">';--%>
  1067. <%--dataList1.append(html);--%>
  1068. <%--}--%>
  1069. <%--});--%>
  1070. }
  1071. //inspired todo 取消关注
  1072. function delAttrtion(referenceId,title){
  1073. var e=window.event || arguments.callee.caller.arguments[0];
  1074. e.preventDefault();
  1075. e.stopPropagation() ;
  1076. var data={referenceId:referenceId,type:"leaderAttention"};
  1077. $.confirm('您确定要取消吗?', function() {
  1078. $.ajax({
  1079. url: TC.config.baseUrl+"/project/attention/",
  1080. type: "post",
  1081. dataType: "json",
  1082. data:data,
  1083. traditional: true,
  1084. async: false,
  1085. success: function(result){
  1086. if(result.state="success"){
  1087. $.alert(title+"成功!",function () {
  1088. var page = {"start": 0, "length": 5};
  1089. var params = {"projectType": "200001010", "isShowPhase": false, "search": {},"through":false,"myAttention":false};
  1090. params.search["leaderAttention"] = 5;
  1091. initListType3(page, params);
  1092. });
  1093. }else{
  1094. $.alert("操作失败!");
  1095. }
  1096. },error:function(){
  1097. $.alert("操作失败!");
  1098. }
  1099. });
  1100. })
  1101. }
  1102. /** 初始化列表---项目动态 */
  1103. function initListType2(page, params) {
  1104. params.through =true; //{"projectType": "200001010", "isShowPhase": false, "search": {},"through":true};
  1105. var dataList2 = $("#dataList2");
  1106. $(".moreInfo").show();
  1107. dataList2.html("<div align='center'><img style='width:250px;height:250px;margin-top:2%' src='${path}/tc_suite/project/images/loading.png'><div>");
  1108. callAjaxRequest("projectWebService", "findProjectDynamic", page, function (result) {
  1109. var pdate = result.data;
  1110. //先清空
  1111. dataList2.empty();
  1112. $.each(pdate, function (i, b) {
  1113. var time= dateFtt("yyyy-MM-dd hh:mm:ss",new Date(b.create_time));
  1114. var url = "${path}/space/"+b.first+"/showFile/";
  1115. if(b.firs==null && b.pictureIds != null && b.pictureIds.length != 0){
  1116. url = "${path}/space/"+b.pictureIds[0]+"/showFile/";
  1117. }else{
  1118. url = "${path}/tc_suite/project/images/qtdw_03.png"
  1119. }
  1120. var number = b.fields==null?0:b.fields.length;
  1121. var title= b.title.length>30?b.title.slice(0,30)+'...':b.title;
  1122. var li = '<div class="liMo">' +
  1123. '<img class="media-img" src="'+url+'" onclick=openProject("' + b.reference_id + '")>' +
  1124. '<div class="media-dail">' +
  1125. '<h1 onclick=openProject("' + b.reference_id + '")>' +
  1126. '<div class="tt" style="color: #1a1a1a;cursor: pointer;font-weight:700;" title="' + b.title +'"><text>' +
  1127. ' <span class="needline">'+title+'<span>' +'</text>'+
  1128. '</div>' +
  1129. '<div class="rightbox">' +
  1130. '<span>' + b.leader + '&#12288; '+ time +'</span>' +
  1131. '</div>' +
  1132. '</h1>' +
  1133. // 汇报数据展示
  1134. '<div class="tabList ">' +
  1135. '<div class="reportInfo">';
  1136. for (var i=0;i<number ; i++){
  1137. if(b.fieldNameMap[b.fields[i]]!=undefined && (b.fields[i] == "month_economic" || b.fields[i] == "finish_content")){
  1138. li +='<div class="stageInfoLi">' +
  1139. '<span class="infoName">'+b.fieldNameMap[b.fields[i]]+':</span>' +
  1140. '<span class="tabTtx ">' ;
  1141. var fieldMap = b.fieldMap[b.fields[i]]==null?'暂无数据':b.fieldMap[b.fields[i]];
  1142. // console.log(fieldMap);
  1143. li += "&nbsp;&nbsp;"+fieldMap;
  1144. li +='</span>' +
  1145. '</div>';
  1146. }
  1147. }
  1148. /* var videoIds = b.spaceFileBeanVideo;
  1149. var pictureIds = b.spaceFileBeanPicture;
  1150. if((videoIds!=null||pictureIds!=null)&&(videoIds.length!=0||pictureIds.length!=0)){
  1151. li +='<div class="stageInfoLi">' +
  1152. '<div class="infoName" style="display: flex;white-space: nowrap">项目视频/图片:' +
  1153. '<div class="VandP"> ';
  1154. console.log(videoIds)
  1155. for(var j=0; j<videoIds.length; j++){
  1156. li += '<div class="videopicture div-inline" title="'+videoIds[j].fileName+'" onclick=videoPat("'+videoIds[j].id+'") type="video" style="background-image: url(${path}/space/thumbnail/'+videoIds[j].id)">' +
  1157. '<div class="play">' +
  1158. '<img src="${path}/tc_suite/project/images/lALPDgQ9szDi6nYVFQ_21_21.png" >' +
  1159. '</div>' +
  1160. '</div>' ;
  1161. }
  1162. for(var j=0; j<pictureIds.length; j++){
  1163. li +='<div class="videopicture" title="'+pictureIds[j].fileName+'">' +
  1164. '<a href="javascript:void(0)" id="img" style="width:100%;height: 100%;" fileid="'+pictureIds[j].id+'" onclick="picturesShow(this)">' +
  1165. '<img src="${path}/space/'+pictureIds[j].id+'/showFile/" class="preview" fileid="'+pictureIds[j].id+'">'+
  1166. '</a>' +
  1167. '</div>'
  1168. }
  1169. li +='</div></div></div>';
  1170. }else {
  1171. // li +='<div class="stageInfoLi">' +
  1172. // '<div class="infoName">项目视频:&nbsp;&nbsp;暂无数据</div>'+
  1173. // '</div>';
  1174. }
  1175. // 图片
  1176. <%--var pictureIds = b.pictureIds;--%>
  1177. <%--if(pictureIds!=null&&pictureIds.length!=0){--%>
  1178. <%-- li +='<div class="stageInfoLi">' +--%>
  1179. <%-- '<div class="infoName" style="display: flex;white-space: nowrap">项目图片:' +--%>
  1180. <%-- '<div class="VandP"> ';--%>
  1181. <%-- for(var j=0; j<pictureIds.length; j++){--%>
  1182. <%-- li +='<div class="videopicture">' +--%>
  1183. <%-- '<a href="javascript:void(0)" id="img" style="width:100%;height: 100%;" fileid="'+pictureIds[j]+'" onclick="picturesShow(this)">' +--%>
  1184. <%-- '<img src="${path}/space/'+pictureIds[j]+'/showFile/" class="preview" fileid="'+pictureIds[j]+'">'+--%>
  1185. <%-- '</a>' +--%>
  1186. <%-- '</div>'--%>
  1187. <%-- }--%>
  1188. <%-- li +=' </div>'+--%>
  1189. <%-- ' </div>'--%>
  1190. <%-- '</div>';--%>
  1191. <%--}else {--%>
  1192. // li +='<div class="stageInfoLi">' +
  1193. // ' <div class="infoName">项目图片:&nbsp;&nbsp;暂无数据' +
  1194. // ' <div class="VandP" id="imgShow"></div>'+
  1195. // ' </div>'
  1196. // '</div>';
  1197. // }*/
  1198. li +=' </div>' +
  1199. ' </div>' +
  1200. ' </div>' +
  1201. ' </div>';
  1202. dataList2.append(li);
  1203. })
  1204. if(!pdate.length){
  1205. var html = '<img src="${path}/common/images/empty.png" style="margin: 0 auto; padding: 50px 0 20px; display: block;" alt="">';
  1206. dataList2.append(html);
  1207. }
  1208. });
  1209. }
  1210. /**
  1211. * 初始化列表类型3
  1212. */
  1213. function initListType3(page, params) {
  1214. callAjaxRequest("projectWebService", "findProjectMyAttention", page, function (result) {
  1215. var dataList3 = $("#dataList2");
  1216. var pdate = result.data;
  1217. //先清空
  1218. dataList3.html("");
  1219. $.each(pdate, function (i, b) {
  1220. // var li = "<li onclick=openProject('"+b.id+"')><img src='${path}/tc_suite/project/images/qtdw_03.png'><div><p>"+b.title+"</p></div></li>";
  1221. var li = '<div onclick=openProject("' + b.id + '") class="li">'
  1222. li += ' <span class="needline">'+b.title+'</span>' + '<div class="right-time">'
  1223. li += '<span class="tps">【' + b.project_type + '】</span>'
  1224. li += '<span>' + b.create_time + '</span>'
  1225. li +='<span class="mt-btn mt-btn-blue" onclick=delAttrtion("'+b.id+'","取消关注")>' + '取消关注' + '</span>'
  1226. li += '</div></div>';
  1227. dataList3.append(li);
  1228. })
  1229. if(!pdate.length){
  1230. var html = '<img src="${path}/common/images/empty.png" style="margin: 0 auto; padding: 50px 0 20px; display: block;" alt="">';
  1231. dataList3.append(html);
  1232. }
  1233. });
  1234. }
  1235. /**
  1236. * 初始化列表类型4
  1237. */
  1238. function initListType4(page, params) {
  1239. callAjaxRequest("projectWebService", "findProjectLeaderAttention", page, function (result) {
  1240. var dataList4 = $("#dataList4");
  1241. var pdate = result.data;
  1242. //先清空
  1243. dataList4.html("");
  1244. $.each(pdate, function (i, b) {
  1245. // var li = "<li onclick=openProject('"+b.id+"')><img src='${path}/tc_suite/project/images/qtdw_03.png'><div><p>"+b.title+"</p></div></li>";
  1246. var li = '<div onclick=openProject("' + b.id + '") class="li">'
  1247. li += ' <span class="needline">'+b.title+'</span>'+ '<div class="right-time">'
  1248. li += '<span class="tps">【' + b.project_type + '】</span>'
  1249. li += '<span>' + b.create_time + '</span>'
  1250. li += '</div></div>';
  1251. dataList4.append(li);
  1252. })
  1253. if(!pdate.length){
  1254. var html = '<img src="${path}/common/images/empty.png" style="margin: 0 auto; padding: 50px 0 20px; display: block;" alt="">';
  1255. dataList4.append(html);
  1256. }
  1257. });
  1258. }
  1259. function openProject(id) {
  1260. TC.ui.openResource({
  1261. id: "/taskmt/?m=taskDetail",
  1262. label: "查看事项",
  1263. url: "/project/" + id,
  1264. icon: ""
  1265. });
  1266. }
  1267. // 视频播放
  1268. function videoPat(iconId) {
  1269. console.log(iconId);
  1270. TC.ui.space.openVideo(iconId,"视频详情");
  1271. };
  1272. // 图片展示
  1273. function picturesShow(obj) {
  1274. openPhotoView('imgShow',obj,'${path}');
  1275. }
  1276. // 项目问题跳转
  1277. function statistical_3() {
  1278. /* TC.ui.openResource({
  1279. label: "项目问题",
  1280. url: "/dm/table/3907482492367487161/?m=dataList&templateId=3404975158156348854&templateType=0&title=项目问题"
  1281. });*/
  1282. };
  1283. function dateFtt(fmt,date)
  1284. { //author: meizz
  1285. var o = {
  1286. "M+" : date.getMonth()+1, //月份
  1287. "d+" : date.getDate(), //日
  1288. "h+" : date.getHours(), //小时
  1289. "m+" : date.getMinutes(), //分
  1290. "s+" : date.getSeconds(), //秒
  1291. "q+" : Math.floor((date.getMonth()+3)/3), //季度
  1292. "S" : date.getMilliseconds () //毫秒
  1293. };
  1294. if(/(y+)/.test(fmt))
  1295. fmt=fmt.replace(RegExp.$1, (date.getFullYear()+"").substr(4 - RegExp.$1.length));
  1296. for(var k in o)
  1297. if(new RegExp("("+ k +")").test(fmt))
  1298. fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
  1299. return fmt;
  1300. }
  1301. </script>
  1302. </body>
  1303. </html>