new.jsp 63 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8" %>
  3. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  4. <!DOCTYPE html>
  5. <html>
  6. <head>
  7. <jsp:include page="../../../common/common-meta-include.jsp"></jsp:include>
  8. <jsp:include page="../../../common/common-js-include.jsp"></jsp:include>
  9. <jsp:include page="../../../common/common-css-include.jsp"></jsp:include>
  10. <!--[if lt IE 9]>
  11. <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  12. <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
  13. <![endif]-->
  14. <style type="text/css">
  15. .layui-table-view .layui-table td {
  16. border-right: 1px solid #DDD !important;
  17. }
  18. .layui-table-body .layui-table-cell {
  19. padding: 5px !important;
  20. }
  21. .layui-table-header .layui-table-cell {
  22. height: 42px !important;
  23. }
  24. .qianse {
  25. color: #666666;
  26. }
  27. .lanse {
  28. color: #1869F6;
  29. }
  30. .shense {
  31. color: #111111;
  32. }
  33. .no-wrap {
  34. white-space: nowrap;
  35. }
  36. .lanse-first {
  37. color: #1C56A3;
  38. font-size: 12px;
  39. }
  40. .layui-table-col-special .layui-table-cell {
  41. display: flex;
  42. justify-content: space-between;
  43. }
  44. .queryTimeType {
  45. margin-top: -4px;
  46. position: absolute;
  47. }
  48. .hiddenParam,
  49. .hiddenParams {
  50. display: none;
  51. }
  52. .morePan {
  53. position: absolute;
  54. margin-left: 11px;
  55. }
  56. .morePan a {
  57. color: #2C6EC6;
  58. }
  59. .table_box .table_process {
  60. height: fit-content;
  61. max-height: 60vh;
  62. overflow-x: scroll;
  63. overflow-y: scroll;
  64. }
  65. .layui-table-body::-webkit-scrollbar {
  66. width: 0px;
  67. /*height: 10px;*/
  68. }
  69. .table_box,
  70. .table_box .table_process {
  71. overflow: visible;
  72. }
  73. .layui-form-select dl {
  74. height: 120px;
  75. }
  76. </style>
  77. </head>
  78. <body>
  79. <div id="app"></div>
  80. <template id="template">
  81. <div class="layui-layout layui-layout-admin">
  82. <!-- 内容区域 -->
  83. <div class="right_title">
  84. <div class="txt" style="width: 100%; font-size: 35px; font-family: '方正小标宋', '仿宋', sans-serif; text-align: center;font-weight: bold;">新建项目库</div>
  85. <div class="layui-btn-container" style="margin-top: 20px;margin-left: 20px">
  86. <button type="button" class="layui-btn">导出明细</button>
  87. <button type="button" class="layui-btn">导出总表</button>
  88. <button type="button" class="layui-btn">自定义导出</button>
  89. </div>
  90. <div class="layui-collapse">
  91. <div class="layui-colla-item">
  92. <%-- <h2 class="layui-colla-title">筛选</h2>--%>
  93. <div class="layui-colla-content layui-show">
  94. <form class="layui-form" lay-filter="searchForm" id="searchForm">
  95. <input type="hidden" name="queryType" value="2">
  96. <div class="layui-row">
  97. <div class="layui-col-xs3 layui-col-sm3 layui-col-md3">
  98. <div class="layui-form-item">
  99. <label class="layui-form-label label-longers required">项目名称</label>
  100. <div class="layui-input-block">
  101. <input type="text" name="subName" placeholder="请输入" autocomplete="off"
  102. class="layui-input">
  103. </div>
  104. </div>
  105. </div>
  106. <div class="layui-col-xs3 layui-col-sm3 layui-col-md3">
  107. <div class="layui-form-item">
  108. <label class="layui-form-label required label-longers">项目属地</label>
  109. <div class="layui-input-block">
  110. <select name="subjectId">
  111. <option value="">请选择</option>
  112. <c:forEach items="${JSDD }" var="hy">
  113. <option value="${hy.code }">${hy.title }</option>
  114. </c:forEach>
  115. </select>
  116. </div>
  117. </div>
  118. </div>
  119. <div class="layui-col-xs3 layui-col-sm3 layui-col-md3">
  120. <div class="layui-form-item">
  121. <label class="layui-form-label required label-longers">行业类别</label>
  122. <div class="layui-input-block">
  123. <div id="indusKind"></div>
  124. </div>
  125. </div>
  126. </div>
  127. <div class="layui-col-xs3 layui-col-sm3 layui-col-md3 hiddenParam">
  128. <div class="layui-form-item">
  129. <label class="layui-form-label required label-longers" style="width: 100px;">项目总投资</label>
  130. <div class="layui-input-block time_box">
  131. <input type="number" name="startAmt" placeholder="请输入最小金额"
  132. autocomplete="off"
  133. class="layui-input">
  134. <span class="split_txt">至</span>
  135. <input type="number" name="endAmt" placeholder="请输入最大金额" autocomplete="off"
  136. class="layui-input">
  137. </div>
  138. </div>
  139. </div>
  140. <div class="layui-col-xs3 layui-col-sm3 layui-col-md3 hiddenParam">
  141. <div class="layui-form-item">
  142. <label class="layui-form-label label-longers">项目单位</label>
  143. <div class="layui-input-block">
  144. <input type="text" name="sbdw" placeholder="请输入项目项目单位名称"
  145. autocomplete="off"
  146. class="layui-input">
  147. </div>
  148. </div>
  149. </div>
  150. <div class="layui-col-xs3 layui-col-sm3 layui-col-md3 hiddenParam">
  151. <div class="layui-form-item">
  152. <label class="layui-form-label required label-longers" style="width: 100px;">预计开工日期</label>
  153. <div class="layui-input-block time_box" style="margin-left:120px">
  154. <input type="text" id="startTime" name="rangeDate" placeholder="请选择时间段"
  155. autocomplete="off" class="layui-input" style="margin-left: 20px;">
  156. </div>
  157. <%-- --%>
  158. <%-- <div class="layui-input-block time_box">--%>
  159. <%-- <input type="date" name="kgMixDate" placeholder="请输入最小日期"--%>
  160. <%-- autocomplete="off"--%>
  161. <%-- class="layui-input">--%>
  162. <%-- <span class="split_txt"> - </span>--%>
  163. <%-- <input type="date" name="kgMaxDate" placeholder="请输入最大日期" autocomplete="off"--%>
  164. <%-- class="layui-input">--%>
  165. <%-- </div>--%>
  166. </div>
  167. </div>
  168. <div class="layui-col-xs3 layui-col-sm3 layui-col-md3 hiddenParams">
  169. <div class="layui-form-item">
  170. <label class="layui-form-label"></label>
  171. <div class="layui-input-block">
  172. <button type="button" class="layui-btn layui-btn-normal" @click="search">查询
  173. </button>
  174. <span class="morePan" @click="showMore"><a v-if="!showMoreFlag">更多 <ion-icon
  175. name="chevron-forward-outline"></ion-icon></a><a
  176. v-if="showMoreFlag">收起 V</a></span>
  177. </div>
  178. </div>
  179. </div>
  180. </div>
  181. </form>
  182. </div>
  183. </div>
  184. </div>
  185. </div>
  186. <div>
  187. <div class="layui-row">
  188. <div style="display: flex">
  189. <label class="juli">
  190. 新建项目总数<span class="lanse-first">{{beginRate.cbNum}}</span>
  191. <div class="progress-div">
  192. <div class="layui-progress">
  193. <div class="layui-progress-bar"></div>
  194. </div>
  195. </div>
  196. </label>
  197. <%-- <label class="juli">--%>
  198. <%-- 未开工项目数<span class="lanse-first">{{beginRate.noNum}}</span>--%>
  199. <%-- <div class="progress-div">--%>
  200. <%-- <div class="layui-progress">--%>
  201. <%-- <div class="layui-progress-bar" :style="'width:'+beginRate.noRate"></div>--%>
  202. <%-- </div>--%>
  203. <%-- </div>--%>
  204. <%-- </label>--%>
  205. <%-- <label class="juli" onclick="levelList('abcs','A类','A')">
  206. A类项目数
  207. <span class="lanse-first" >{{beginRate.aNum}}</span>
  208. <div class="progress-div">
  209. <div class="layui-progress">
  210. <div class="layui-progress-bar" :style="'width:'+beginRate.aRate"></div>
  211. </div>
  212. </div>
  213. </label>
  214. <label class="juli">
  215. B类项目数
  216. <span class="lanse-first" onclick="levelList('abcs','B类','B')">{{beginRate.bNum}}</span>
  217. <div class="progress-div">
  218. <div class="layui-progress">
  219. <div class="layui-progress-bar" :style="'width:'+beginRate.bRate"></div>
  220. </div>
  221. </div>
  222. </label>
  223. <label class="juli" onclick="levelList('abcs','C类','C')">
  224. C类项目数
  225. <span class="lanse-first">{{beginRate.cNum}}</span>
  226. <div class="progress-div">
  227. <div class="layui-progress">
  228. <div class="layui-progress-bar" :style="'width:'+beginRate.cRate"></div>
  229. </div>
  230. </div>
  231. </label>--%>
  232. <%-- <label class="juli">
  233. &lt;%&ndash; 已开工项目数&ndash;%&gt;转开工项目数
  234. <span class="lanse-first">{{beginRate.xjzh}}</span>
  235. <div class="progress-div">
  236. <div class="layui-progress">
  237. <div class="layui-progress-bar" :style="'width:'+beginRate.beginRate"></div>
  238. </div>
  239. </div>
  240. </label>--%>
  241. <%-- <label class="juli">--%>
  242. <%-- 已竣工项目数<span class="lanse-first">{{beginRate.endNum}}</span>--%>
  243. <%-- <div class="progress-div">--%>
  244. <%-- <div class="layui-progress">--%>
  245. <%-- <div class="layui-progress-bar" :style="'width:'+beginRate.endRate"></div>--%>
  246. <%-- </div>--%>
  247. <%-- </div>--%>
  248. <%-- </label>--%>
  249. <%-- <label class="juli">--%>
  250. <%-- 停工项目数<span class="lanse-first">{{beginRate.stopNum}}</span>--%>
  251. <%-- <div class="progress-div">--%>
  252. <%-- <div class="layui-progress" lay-filter="layui-progress-bar">--%>
  253. <%-- <div class="layui-progress-bar" :style="'width:'+beginRate.stopRate"></div>--%>
  254. <%-- </div>--%>
  255. <%-- </div>--%>
  256. <%-- </label>--%>
  257. <%-- <label class="juli">
  258. &lt;%&ndash; 开工率&ndash;%&gt;开工项目转化率
  259. <span class="lanse-first">{{beginRate.zjRate}}%</span>
  260. <div class="progress-div">
  261. <div class="layui-progress">
  262. <div class="layui-progress-bar" :style="'width:'+beginRate.zjRate"></div>
  263. </div>
  264. </div>
  265. </label>--%>
  266. <%-- <label class="juli">--%>
  267. <%-- 竣工率--%>
  268. <%-- --%>
  269. <%-- <span class="lanse-first">{{beginRate.endRate}}</span>--%>
  270. <%-- <div class="progress-div">--%>
  271. <%-- <div class="layui-progress">--%>
  272. <%-- <div class="layui-progress-bar" :style="'width:'+beginRate.endRate"></div>--%>
  273. <%-- </div>--%>
  274. <%-- </div>--%>
  275. <%-- </label>--%>
  276. <%-- <label class="juli">--%>
  277. <%-- 投资进度<span class="lanse-first">{{beginRate.amtRate}}%</span>--%>
  278. <%-- <div class="progress-div">--%>
  279. <%-- <div class="layui-progress">--%>
  280. <%-- <div class="layui-progress-bar" :style="'width:'+beginRate.amtRate+'%'"></div>--%>
  281. <%-- </div>--%>
  282. <%-- </div>--%>
  283. <%-- </label>--%>
  284. </div>
  285. <div style="display: flex;margin-bottom: 3px">
  286. <label @click="levelList('kindNatures',item.split(',')[1],item.split(',')[0])" class="juli"
  287. v-for="(item, index) in beginRate.tzlxList" :key="index">
  288. {{item.name}}<span class="lanse-first">{{item.num}}</span>
  289. </label>
  290. <label class="juli" @click="levelList('subjects',item.split(',')[1],item.split(',')[0])"
  291. v-for="(item, index) in beginRate.jsddList" :key="index">
  292. {{item.name}}<span class="lanse-first">{{item.num}}</span>
  293. </label>
  294. </div>
  295. <div style="margin-bottom: 3px">
  296. <label class="juli"
  297. @click="levelList('indusKinds',item.split(',')[1]?item.split(',')[1]:item.split(',')[0],item.split(',')[3])"
  298. v-for="(item, index) in beginRate.hyflList" :key="index">
  299. {{item.split(",")[1]?item.split(",")[1]:item.split(",")[0]}}<span class="lanse-first">{{item.split(",")[2]}}</span>
  300. </label>
  301. </div>
  302. </div>
  303. </div>
  304. <div class="table_box" style="padding-top: 0;">
  305. <div class="table_process" style="position: relative">
  306. <div class="export" style="background: transparent" @mouseover="openExport" @mouseout="choseExport">
  307. <div class="export" style="right: 25px;top: 0">
  308. <img src="${WebSite.asset}/css/images/left/export.svg"/>
  309. <span>导出</span>
  310. </div>
  311. <div class="export-item" v-if="showExport">
  312. <button type="button" class="" @click="exportExcel">
  313. 项目汇总
  314. </button>
  315. <button type="button" class=""
  316. @click="exportExcelByIndusKind">按所属行业
  317. </button>
  318. <button type="button" class=""
  319. @click="exportSchedulingExcel">项目调度表
  320. </button>
  321. <!-- <button type="button" class="" @click="exportExcel2">项目明细导出</button> -->
  322. <button type="button" class=""
  323. @click="exportMoreExcel">自定义
  324. </button>
  325. </div>
  326. </div>
  327. <table id="table1" lay-filter="test"></table>
  328. <div class="pagination-box" id="pagination"></div>
  329. </div>
  330. </div>
  331. <div style="height: 20px;"></div>
  332. </div>
  333. </template>
  334. <div id="setReason" style="display: none;">
  335. <form class="layui-form" lay-filter="reasonForm">
  336. <div class="layui-row">
  337. <div class="layui-col-xs6 layui-col-sm6">
  338. <div class="layui-form-item">
  339. <label class="layui-form-label">已开工未入库原因:</label>
  340. <div class="layui-input-block">
  341. <textarea name="reasonNoRk" maxlength="200" style="height: 50px;width: 80%;" id="reasonNoRk"
  342. autocomplete="off" class="layui-textarea"></textarea>
  343. </div>
  344. </div>
  345. </div>
  346. <div class="layui-col-xs6 layui-col-sm6">
  347. <div class="layui-form-item">
  348. <label class="layui-form-label">已入库无投资原因:</label>
  349. <div class="layui-input-block">
  350. <textarea name="reasonNoAmt" maxlength="200" style="height: 50px;width: 80%;" id="reasonNoAmt"
  351. autocomplete="off" class="layui-textarea"></textarea>
  352. </div>
  353. </div>
  354. </div>
  355. </div>
  356. <div class="layui-row">
  357. <div class="layui-col-xs6 layui-col-sm6">
  358. <div class="layui-form-item">
  359. <label class="layui-form-label">是否入统:</label>
  360. <div class="layui-input-block">
  361. <input type="radio" name="isRk" value="0" title="否" checked="checked"/>
  362. <input type="radio" name="isRk" value="1" title="是"/>
  363. </div>
  364. </div>
  365. </div>
  366. <div class="layui-col-xs6 layui-col-sm6">
  367. <div class="layui-form-item">
  368. <label class="layui-form-label">未开工建设原因:</label>
  369. <div class="layui-input-block">
  370. <textarea name="reasonNoKg" maxlength="200" style="height: 50px;width: 80%;" id="reasonNoKg"
  371. autocomplete="off" class="layui-textarea"></textarea>
  372. </div>
  373. </div>
  374. </div>
  375. </div>
  376. <div class="layui-row">
  377. <div class="layui-col-xs6 layui-col-sm6">
  378. <div class="layui-form-item">
  379. <label class="layui-form-label">存在的问题:</label>
  380. <div class="layui-input-block">
  381. <textarea name="reasonq" maxlength="200" style="height: 50px;width: 80%;" id="reasonq"
  382. autocomplete="off" class="layui-textarea"></textarea>
  383. </div>
  384. </div>
  385. </div>
  386. <div class="layui-col-xs6 layui-col-sm6">
  387. <div class="layui-form-item">
  388. <label class="layui-form-label">已开工进度慢原因:</label>
  389. <div class="layui-input-block">
  390. <textarea name="reasonJd" maxlength="200" style="height: 50px;width: 80%;" id="reasonJd"
  391. autocomplete="off" class="layui-textarea"></textarea>
  392. </div>
  393. </div>
  394. </div>
  395. </div>
  396. </form>
  397. </div>
  398. <div id="problem" class="layuimini-main" style="display: none;">
  399. <form class="layui-form" lay-filter="problemForm">
  400. <div class="layui-row">
  401. <div class="layui-col-xs12 layui-col-sm12">
  402. <div class="layui-form-item">
  403. <label class="layui-form-label">状态:</label>
  404. <div class="layui-input-block block-width">
  405. <input type="radio" name="statusF" value="2" title="红灯" checked="checked"/>
  406. <input type="radio" name="statusF" value="1" title="黄灯"/>
  407. <input type="radio" name="statusF" value="0" title="绿灯"/>
  408. </div>
  409. </div>
  410. </div>
  411. </div>
  412. <div class="layui-row">
  413. <div class="layui-col-xs12 layui-col-sm12">
  414. <div class="layui-form-item">
  415. <label class="layui-form-label">问题描述:</label>
  416. <div class="layui-input-block block-width">
  417. <textarea name="status_reason" maxlength="400" style="height: 300px;width: 80%;"
  418. id="problemReason" autocomplete="off" class="layui-textarea"></textarea>
  419. </div>
  420. </div>
  421. </div>
  422. </div>
  423. <div class="layui-row">
  424. <div class="layui-col-xs12 layui-col-sm12">
  425. <div class="layui-form-item">
  426. <label class="layui-form-label">要求解决日期:</label>
  427. <div class="layui-input-block block-width" style="width: 25%">
  428. <input type="text" id="dateConfirm" name="dateConfirm" autocomplete="off" class="layui-input">
  429. </div>
  430. </div>
  431. </div>
  432. </div>
  433. </form>
  434. </div>
  435. <div id="toBack" class="layuimini-main" style="display: none;">
  436. <form class="layui-form" lay-filter="toBackForm">
  437. <div class="layui-row">
  438. <div class="layui-col-xs12 layui-col-sm12">
  439. <div class="layui-form-item">
  440. <label class="layui-form-label" style="width: 100px">退回到状态:</label>
  441. <div class="layui-input-block">
  442. <input type="radio" name="status" value="1" title="项目前期" checked="checked"/>
  443. <input type="radio" name="status" value="6" title="待开工"/>
  444. <input type="radio" name="status" value="7" title="施工中"/>
  445. </div>
  446. </div>
  447. </div>
  448. </div>
  449. </form>
  450. </div>
  451. <script type="text/html" id="subName">
  452. <%-- {{# if(d.usersub == "1") { }}--%>
  453. <span lay-event="toDetail" title="{{d.subName}}">{{d.subName}}</span>
  454. <%-- {{# }else { }}--%>
  455. <%-- <span title="{{d.subName}}">{{d.subName}}</span>--%>
  456. <%-- {{#}}}--%>
  457. </script>
  458. <script type="text/html" id="date">
  459. <div title="">
  460. <div class="line"><span class="qianse">计划开工:</span> <span class="shense">{{ d.beginDate ? d.beginDate : '未指定' }}</span>
  461. </div>
  462. <%-- <div class="line"><span class="qianse">计划竣工:</span> <span class="shense">{{d.endDate}}</span>--%>
  463. <%-- </div>--%>
  464. </div>
  465. </script>
  466. <script type="text/html" id="amtTotal">
  467. <%-- {{# var computedPer = function(total, now){--%>
  468. <%-- return (total == 0) ? 0 : parseInt(now * 100 / total +0.5);--%>
  469. <%-- };--%>
  470. <%-- }}--%>
  471. <%-- <div title="">--%>
  472. <%-- <span class="qianse">年度完成投资:</span><span class="lanse">{{d.yearEndAmt}}</span> 万元( <i class="lanse">{{computedPer(d.yearPlanAmt,--%>
  473. <%-- d.yearEndAmt)}} %</i> )<br/>--%>
  474. <%-- </div>--%>
  475. <div title="">
  476. <span class="qianse">总投资金额:</span><span class="lanse">{{d.amtTotal}}</span> 万元<br/>
  477. </div>
  478. </script>
  479. <script type="text/html" id="zjly">
  480. <div title="">
  481. <span class="lanse">{{d.zjlyName}}</span>
  482. </div>
  483. </script>
  484. <script type="text/html" id="abcSpan">
  485. {{# if(d.abc == "A") { }}
  486. <span style="font-size:16px;font-weigh:500 !important;color: #26B520">{{d.abc||''}}</span>
  487. {{#} }}
  488. {{# if(d.abc == "B") { }}
  489. <span style="font-size:16px;font-weigh:500 !important;color: #1869F6">{{d.abc||''}}</span>
  490. {{#} }}
  491. {{# if(d.abc == "C") { }}
  492. <span style="font-size:16px;font-weigh:500 !important;color: #FF9600">{{d.abc||''}}</span>
  493. {{#} }}
  494. </script>
  495. <script type="text/html" id="toolBar">
  496. <div class="toolBar">
  497. <span title="项目查询" lay-event="toDetail" class="no-wrap">项目查询</span>
  498. {{# if("${currUser.edit}" == 'true'||( d.propKind == '3' && "${currUser.id}" == d.create_user_id )) { }}
  499. <span title="编辑" lay-event="toEditSubInfo" class="no-wrap">&nbsp;编辑</span>
  500. {{#} }}
  501. <span title="移入" lay-event="move" class="no-wrap">移入</span>
  502. </div>
  503. </script>
  504. <script type="text/html" id="preInfo">
  505. <div title="" lay-event="preNew" style="cursor: pointer">
  506. <%-- <div class="line"><span class="qianse">总的手续:</span> <span class="shense">{{d.preTotal}}</span>个--%>
  507. <%-- </div>--%>
  508. <%-- <div class="line"><span class="qianse">无需办理的手续:</span> <span class="shense">{{d.preNoNum}}</span>个--%>
  509. <%-- </div>--%>
  510. <div class="line"><span class="qianse">办理中的手续:</span> <span class="shense">{{d.preProceNum}}</span>个
  511. </div>
  512. <div class="line"><span class="qianse">已办理完成手续:</span> <span class="shense">{{d.preEndNum}}</span>个
  513. </div>
  514. </div>
  515. </script>
  516. <script type="text/html" id="imageDiv">
  517. <div style="width:50px;height:50px" onclick="showImage(this)">
  518. {{# if(d.fileId != null && d.fileId != '') { }}
  519. <img src="${domain}/static/file/{{d.fileId}}/showfile" realUrl="${domain}/static/file/{{d.fileId}}/showfile"
  520. width="50px" height="50px"/>
  521. {{#} }}
  522. </div>
  523. </script>
  524. <script type="text/html" id="offsetLight">
  525. {{#if(d.offset >= -30 && d.offset <= -10 ) { }}
  526. <span style="color: yellow"><image class="light-rgb"
  527. src="${WebSite.asset}/css/images/bigScreen/light-yellow.png"></image></span>
  528. {{#} else if(d.offset < -30) { }}
  529. <span style="color: red"><image class="light-rgb"
  530. src="${WebSite.asset}/css/images/bigScreen/light-red.png"></image></span>
  531. {{#}}}
  532. {{#if(d.offset !="" || d.offset != undefined || d.offset != null) { }}
  533. {{#if(d.offset<0) { }}
  534. <span class="grey">{{d.offset||"--"}}%</span>
  535. {{# } }}
  536. {{#if(d.offset>0) { }}
  537. <span class="green">{{d.offset||"--"}}%</span>
  538. {{# } }}
  539. {{# } }}
  540. </script>
  541. <script type="text/html" id="openLight">
  542. {{# var computedPer1 = function(beginDate){
  543. var beginDate =new Date(beginDate);
  544. var beginDate7 =new Date(beginDate);
  545. var beginDate3 =new Date(beginDate);
  546. beginDate7.setDate(beginDate7.getDate()-7);
  547. beginDate3.setDate(beginDate3.getDate()-3);
  548. var newDate = new Date();
  549. if(newDate.getTime() >=beginDate7.getTime() && newDate.getTime() <=beginDate3.getTime()){
  550. return "yellow";
  551. }else if(newDate.getTime() >=beginDate3.getTime() && newDate.getTime() <= beginDate.getTime() ){
  552. return "red";
  553. }else{
  554. return "-";
  555. }
  556. };
  557. }}
  558. {{#if(computedPer1(d.beginDate)=="yellow" ) { }}
  559. <span style="color: yellow"> <image style="width:20px;height:20px;margin: auto;"
  560. src="${WebSite.asset}/css/images/bigScreen/light-yellow.png"></image></span>
  561. {{#} else if(computedPer1(d.beginDate)=="red") { }}
  562. <span style="color: red"> <image style="width:20px;height:20px;margin: auto;"
  563. src="${WebSite.asset}/css/images/bigScreen/light-red.png"></image></span>
  564. {{#}}}
  565. </script>
  566. <script>
  567. layui.use('element', function () {
  568. let element = layui.element;
  569. });
  570. let vm = new Vue({
  571. el: "#app",
  572. template: "#template",
  573. data: {
  574. winH: 0,
  575. dataList: [],
  576. startDate: "",
  577. endDate: "",
  578. tableName: 'test',
  579. cacheName: 'TzQueryParam_xj_${currUser.id}',
  580. pageNo: 1,
  581. kind: {},
  582. beginRate: {},
  583. showMoreFlag: false,
  584. light: null,
  585. sort: {field: "amtTotal", type: ""},
  586. pageSize: 10,
  587. showExport: false,
  588. moveDbParam:{
  589. id: "",
  590. status: ""
  591. }
  592. },
  593. mounted: function () {
  594. this.init()
  595. },
  596. methods: {
  597. closeAllLayers() {
  598. layui.layer.closeAll();
  599. },
  600. confirmMove: function () {
  601. let param = this.moveDbParam
  602. App.postJson("/api/subject/subInfo/moveDb",param, (res)=>{
  603. App.msg.success(res.msg);
  604. })
  605. this.closeAllLayers();
  606. this.getData()
  607. },
  608. move (obj) {
  609. this.moveDbParam.id = obj.data.id
  610. this.moveDbParam.status = obj.data.cbStatus
  611. layer.open({
  612. type: 1,
  613. title: '标题',
  614. content: '<div class="layui-form" style="padding: 20px;">' +
  615. '<div class="layui-form-item">' +
  616. '<label class="layui-form-label">当前状态:</label>' +
  617. '<div class="layui-input-block">' +
  618. '<input type="text" name="currentState" value="新建库" disabled class="layui-input">' +
  619. '</div>' +
  620. '</div>' +
  621. '<div class="layui-form-item">' +
  622. '<label class="layui-form-label">移入到:</label>' +
  623. '<div class="layui-input-block">' +
  624. '<select v-model="subInfo.status" lay-filter="moveStatus" lay-verify="required">' +
  625. '<option value="">请选择</option>' +
  626. '<option value="3">在建</option>' +
  627. '<option value="9">投产</option>' +
  628. '</select>' +
  629. '</div>' +
  630. '</div>' +
  631. '<div class="layui-form-item" style="text-align: right;">' +
  632. '<button type="button" class="layui-btn layui-btn-primary layui-border" onclick="vm.closeAllLayers()">取消</button>' +
  633. '<button type="button" class="layui-btn moveConfirm" onclick="vm.confirmMove()">确认移入</button>' +
  634. '</div>' +
  635. '</div>',
  636. area: ['350px', '300px'],
  637. success: function(layero, index){
  638. layui.form.render();
  639. }
  640. });
  641. },
  642. init: function () {
  643. let self = this;
  644. layui.form.on("select(moveStatus)", function (data) {
  645. self.moveDbParam.status = data.value;
  646. });
  647. this.winH = document.body.clientHeight;
  648. var nowdate = new Date();
  649. nowdate.setMonth(nowdate.getMonth() + 1);
  650. var y = nowdate.getFullYear();
  651. var m = nowdate.getMonth() + 1;
  652. var d = nowdate.getDate();
  653. layui.laydate.render({
  654. elem: '#startTime',
  655. range: '~',
  656. theme: layDateTheme,
  657. /* value: y + "-01-01 ~ " + y + "-12-31"*/
  658. });
  659. var formatwdate = y + '-' + m + '-' + d;
  660. layui.laydate.render({
  661. elem: '#dateConfirm',
  662. theme: layDateTheme,
  663. value: formatwdate
  664. });
  665. /* $("#month").val(new Date().getMonth() + 1);*/
  666. var xmlx = [];
  667. <c:forEach items="${XMLX}" var="xm">
  668. xmlx.push({value: "${xm.code}", name: "${xm.title}"});
  669. </c:forEach>
  670. /* this.kind = layui.xmSelect.render({
  671. el: "#kind",
  672. language: 'zn',
  673. data: xmlx
  674. });*/
  675. var indusKindData = [];
  676. <c:forEach items="${HYFL}" var="xm">
  677. indusKindData.push({value: "${xm.id}", name: "${xm.title}"});
  678. </c:forEach>
  679. this.indusKind = layui.xmSelect.render({
  680. el: "#indusKind",
  681. language: 'zn',
  682. data: indusKindData
  683. });
  684. layui.laydate.render({
  685. elem: '#year',
  686. type: 'year',
  687. theme: layDateTheme,
  688. /* value: new Date().getFullYear()*/
  689. })
  690. var params = window.localStorage.getItem(this.cacheName);
  691. if (params) {
  692. layui.form.val("searchForm", JSON.parse(params));
  693. }
  694. <%--if(${isHydw}) {--%>
  695. <%-- this.light = layui.xmSelect.render({--%>
  696. <%-- el: "#light",--%>
  697. <%-- language:'zn',--%>
  698. <%-- data: [--%>
  699. <%-- {value: '0', name:'绿灯'},--%>
  700. <%-- {value: '1', name:'黄灯'},--%>
  701. <%-- {value: '2', name:'红灯'}--%>
  702. <%-- ]--%>
  703. <%-- })--%>
  704. <%--}--%>
  705. this.getData();
  706. window.toDetail = this.toDetail;
  707. window.levelList = this.levelList;
  708. window.showImage = this.showImage;
  709. $(".hiddenParams").show();
  710. },
  711. leaderSupervise: function (obj) {
  712. App.openLayer({
  713. title: "督办信息",
  714. content: App.getUrl("/meetingRecords/leaderMeeting?subId=" + obj.data.id),
  715. height: "600",
  716. width: "800"
  717. })
  718. },
  719. setIsNew: function (obj) {
  720. var self = this;
  721. App.msg.confirm("是否移入新建库?", function () {
  722. App.postJson("/api/subject/subInfo/setIsNew", {subId: obj.data.id}, function (res) {
  723. if (res.success) {
  724. App.msg.success("设置成功");
  725. self.getData();
  726. layer.close(index);
  727. }
  728. });
  729. });
  730. },
  731. showImage: function (that) {
  732. var imageUrl = $(that).find("img").eq(0).attr("realUrl");
  733. if (imageUrl) {
  734. // layer.open({
  735. // type: 2,
  736. // content: imageUrl,
  737. // area: ['500px', '1000px'],
  738. // offset: 'auto',
  739. // success: function(obj,index){
  740. // layer.full(index);
  741. // }
  742. // })
  743. layer.photos({
  744. photos: {
  745. "title": "",
  746. "id": "",
  747. "start": 0,
  748. "data": [
  749. {
  750. "alt": "",
  751. "pid": "",
  752. "src": imageUrl,
  753. "thumb": imageUrl
  754. }
  755. ]
  756. },
  757. anim: 5,
  758. closeBtn: "1",
  759. success: function () {
  760. //以鼠标位置为中心的图片滚动放大缩小
  761. $(document).on("mousewheel", ".layui-layer-photos", function (ev) {
  762. var oImg = this;
  763. var ev = event || window.event;//返回WheelEvent
  764. //ev.preventDefault();
  765. var delta = ev.detail ? ev.detail > 0 : ev.wheelDelta < 0;
  766. var ratioL = (ev.clientX - oImg.offsetLeft) / oImg.offsetWidth,
  767. ratioT = (ev.clientY - oImg.offsetTop) / oImg.offsetHeight,
  768. ratioDelta = !delta ? 1 + 0.1 : 1 - 0.1,
  769. w = parseInt(oImg.offsetWidth * ratioDelta),
  770. h = parseInt(oImg.offsetHeight * ratioDelta),
  771. l = Math.round(ev.clientX - (w * ratioL)),
  772. t = Math.round(ev.clientY - (h * ratioT));
  773. $(".layui-layer-photos").css({
  774. width: w, height: h
  775. , left: l, top: t
  776. });
  777. $("#layui-layer-photos").css({width: w, height: h});
  778. $("#layui-layer-photos>img").css({width: w, height: h});
  779. });
  780. }
  781. , end: function () { //销毁回调
  782. }
  783. });
  784. }
  785. },
  786. setQueryForm2: function () {
  787. $("#searchForm").find(".layui-form-item").parent()
  788. .removeClass("layui-col-xs3").removeClass("layui-col-sm3").removeClass("layui-col-md3")
  789. .addClass("layui-col-xs5").addClass("layui-col-sm5").addClass("layui-col-md5");
  790. },
  791. setQueryForm4: function () {
  792. $("#searchForm").find(".layui-form-item").parent()
  793. .removeClass("layui-col-xs5").removeClass("layui-col-sm5").removeClass("layui-col-md5")
  794. .addClass("layui-col-xs3").addClass("layui-col-sm3").addClass("layui-col-md3");
  795. },
  796. showMore: function () {
  797. this.showMoreFlag=!this.showMoreFlag;
  798. if(this.showMoreFlag) {
  799. $(".hiddenParam").show();
  800. }else{
  801. $(".hiddenParam").hide();
  802. }
  803. /* var self = this;
  804. layer.open({
  805. title: "查询条件",
  806. type: 1,
  807. area: ['800px', ''],
  808. offset:0,
  809. shade: 0.1,
  810. shadeClose: true,
  811. content: $("#searchForm"),
  812. btn: ["查询"],
  813. yes: function (index) {
  814. self.search();
  815. layer.close(index);
  816. },
  817. success: function () {
  818. self.setQueryForm2();
  819. $(".hiddenParam").show();
  820. $(".hiddenParams").hide();
  821. },
  822. end: function () {
  823. self.setQueryForm4();
  824. $(".hiddenParam").hide();
  825. $(".hiddenParams").show();
  826. }
  827. })*/
  828. },
  829. getSearchParams: function () {
  830. var param = layui.form.getValue("searchForm");
  831. if (param.rangeDate) {
  832. param.beginDate = param.rangeDate.split(" ~ ")[0];
  833. param.endDate = param.rangeDate.split(" ~ ")[1];
  834. param.rangeDate = null;
  835. }
  836. if (this.light) {
  837. param.light = this.light.getValue("valueStr");
  838. }
  839. if (this.indusKind) {
  840. param.indusKind = this.indusKind.getValue("valueStr");
  841. }
  842. delete (param.select);
  843. /* param.kind = this.kind.getValue("value").sort().join(",");*/
  844. return param;
  845. },
  846. getData: function () {
  847. var self = this;
  848. var param = this.getSearchParams();
  849. param.pageNo = this.pageNo;
  850. param.pageSize = this.pageSize;
  851. param.orderBy = this.sort.field;
  852. param.orderType = this.sort.type || "asc";
  853. param.status = 2;
  854. App.postJson("/api/subInfo/query/queryPage", param, function (res) {
  855. self.dataList = res.rows;
  856. self.loadPage(res.total);
  857. self.loadTable();
  858. });
  859. App.postJson("/api/subInfo/query/statistics", param, function (res) {
  860. if (res.success) {
  861. console.log(res.data,"========")
  862. self.beginRate = res.data;
  863. self.beginRate.hyflList = self.beginRate.hyflData;
  864. self.beginRate.jsddList = self.beginRate.jsddData;
  865. }
  866. })
  867. // App.postJson("/api/subInfo/query/all", param, function (res) {
  868. // self.dataList = res.rows;
  869. // self.loadPage(res.total);
  870. // self.loadTable();
  871. // });
  872. // App.postJson("/api/subInfo/query/beginRate", param, function (res) {
  873. // if (res.success) {
  874. // self.beginRate = res.data;
  875. // self.beginRate.hyflList = self.beginRate.hyflData.split(";");
  876. // self.beginRate.tzlxList = self.beginRate.tzlxData.split(";");
  877. // self.beginRate.jsddList = self.beginRate.jsddData.split(";");
  878. // if (res.data.total != 0) {
  879. // self.beginRate.beginRate = (res.data.beginNum * 100 / res.data.total).toFixed(2);
  880. // } else {
  881. // self.beginRate.beginRate = 0;
  882. // }
  883. // if (res.data.yearAmt != 0) {
  884. // self.beginRate.amtRate = (res.data.yearAmtSj * 100 / res.data.yearAmt).toFixed(2);
  885. // } else if (res.data.yearAmtSj != 0) {
  886. // self.beginRate.amtRate = 100;
  887. // } else {
  888. // self.beginRate.amtRate = 0;
  889. // }
  890. // if (res.data.total != 0) {
  891. // self.beginRate.noRate = (res.data.noNum * 100 / res.data.total).toFixed(2) + '%';
  892. // self.beginRate.beginRate = (res.data.beginNum * 100 / res.data.total).toFixed(2) + '%';
  893. // self.beginRate.endRate = (res.data.endNum * 100 / res.data.total).toFixed(2) + '%';
  894. // self.beginRate.stopRate = (res.data.stopNum * 100 / res.data.total).toFixed(2) + '%';
  895. // self.beginRate.aRate = (res.data.aNum * 100 / res.data.total).toFixed(2) + '%';
  896. // self.beginRate.bRate = (res.data.bNum * 100 / res.data.total).toFixed(2) + '%';
  897. // self.beginRate.cRate = (res.data.cNum * 100 / res.data.total).toFixed(2) + '%';
  898. // } else {
  899. // self.beginRate.noRate = "0%";
  900. // self.beginRate.beginRate = "0%";
  901. // self.beginRate.endRate = "0%";
  902. // self.beginRate.stopRate = "0%";
  903. // self.beginRate.aRate = "0%";
  904. // self.beginRate.bRate = "0%";
  905. // self.beginRate.cRate = "0%";
  906. // }
  907. // } else {
  908. // self.beginRate.beginRate = 0;
  909. // self.beginRate.amtRate = 0;
  910. // }
  911. // });
  912. },
  913. loadTable: function () {
  914. for (var i = 0; i < this.dataList.length; i++) {
  915. var tem = this.dataList[i];
  916. switch (tem.status) {
  917. case '0':
  918. tem.statusName = '暂存';
  919. break;
  920. case '1':
  921. tem.statusName = '项目前期';
  922. break;
  923. case '6':
  924. tem.statusName = '待开工';
  925. break;
  926. case '7':
  927. tem.statusName = '施工中';
  928. break;
  929. /* case '9':
  930. tem.statusName = '年度竣工';
  931. break; */
  932. case '8':
  933. tem.statusName = '暂停施工';
  934. break;
  935. case 'A':
  936. tem.statusName = '已竣工';
  937. break;
  938. }
  939. }
  940. var self = this;
  941. layui.table.render({
  942. elem: '#table1', // 指定原始表格元素选择器(推荐id选择器)
  943. even: true,
  944. autoSort: false,
  945. initSort: self.sort,
  946. cols: [[ // 设置表头
  947. {type: 'numbers', align: 'center', minwidth: 44, title: '序号'},
  948. {field: 'subName', title: '项目名称', minwidth: 200, templet: '#subName'},
  949. /* {
  950. field: 'abc',
  951. type: 'string',
  952. title: 'ABC',
  953. align: 'center',
  954. width: 60,
  955. templet: "#abcSpan"
  956. },*/
  957. // {field: 'offsetLight', title: '偏离状态', minWidth: 150, templet: '#offsetLight'},
  958. // {field: 'statusName', title: '项目进度', width: 200},
  959. // {field: 'amtTotal', title: '投资金额', minWidth: 250, templet: '#amt', sort:"amtTotal"},
  960. // {field: 'offset', title: '偏离度-%', width: 100},
  961. // {field: 'fileId', title: '现场影像', width: 150, templet:'#imageDiv'},
  962. // {field: 'subName', title: '项目名称', width: 200, templet: '#subName'},
  963. {field: 'subjectName', title: '项目所在地', minwidth: 200},
  964. {
  965. field: 'amtTotal', title: '项目建设内容(亿元)', minwidth: 200, templet: function (d) {
  966. return (d.amtTotal / 10000).toFixed(2) + "亿元";
  967. }
  968. },
  969. {field: 'preProceNum', title: '预计开工时间', minwidth: 160, templet: '#date'},
  970. {field: 'xmbaStatus', title: '前期手续办理情况', minwidth: 160, templet: '#preInfo'},
  971. {field: 'remark', title: '备注', minwidth: 245, templet: '#remark'},
  972. // {field: 'indusKindName', title: '所属行业', width: 115},
  973. // {field: 'zjly', title: '资金来源', width: 115, templet: '#zjly'},
  974. // {field: 'mainName', title: '日常责任监管单位', width: 115},
  975. // {field: 'unitName', title: '项目单位', minWidth: 150},
  976. // // {field: 'openLight', title: '开工红黄灯', minWidth: 150, templet: '#openLight'},
  977. // // {field: 'statusName', title: '项目进度', width: 200},
  978. /* {
  979. field: 'isHide',
  980. type: 'string',
  981. title: '在建库',
  982. align: 'center',
  983. width: 70,
  984. templet: function (row) {
  985. if (row.isHide == "1") {
  986. return '<span style="color: #08AF00">是</span>';
  987. } else {
  988. return '<span style="color: #666666">否</span>';
  989. }
  990. return "";
  991. }
  992. },*/
  993. {title: '操作', minwidth: 225, toolbar: '#toolBar', fixed: 'right'},
  994. ]],
  995. fixed: true,
  996. height: window.screen.availHeight - 450,
  997. data: self.dataList,
  998. done: function (res, curr, count) {
  999. res.data.forEach(function (item, index) {
  1000. //1.当前行的背景颜色cur_color
  1001. // if (item.usersub == 1) {
  1002. // $('.layui-table').find('tr[data-index="' + index + '"]').find("td").css('background-color', "#0a99eb");
  1003. // }
  1004. $(".layui-table-body tr").resize(function () {
  1005. $(".layui-table-body tr").each(function (index, val) {
  1006. $($(".layui-table-fixed .layui-table-body table tr")[index]).height($(val).height());
  1007. });
  1008. });
  1009. //初始化高度,使得冻结行表体高度一致
  1010. $(".layui-table-body tr").each(function (index, val) {
  1011. $($(".layui-table-fixed .layui-table-body table tr")[index]).height($(val).height());
  1012. });
  1013. });
  1014. }
  1015. });
  1016. layui.table.on('tool(' + this.tableName + ')', function (obj) {
  1017. var event = obj.event;
  1018. self[event].call(this, obj);
  1019. });
  1020. layui.table.on('sort(' + this.tableName + ')', function (obj) {
  1021. self.sort = obj;
  1022. self.getData();
  1023. return;
  1024. })
  1025. },
  1026. toBack: function (obj) {
  1027. layer.open({
  1028. type: 1,
  1029. title: "退回",
  1030. content: $("#toBack"),
  1031. area: ['600px', ''],
  1032. btn: ["保存", "取消"],
  1033. yes: function (index) {
  1034. var data = layui.form.val("toBackForm");
  1035. var status = data.status;
  1036. if (status != undefined) {
  1037. if (parseInt(obj.data.status) <= parseInt(data.status)) {
  1038. App.msg.warn("只能退回下级状态,请检查!!!!");
  1039. return;
  1040. }
  1041. }
  1042. App.postJson("/api/subject/subInfo/toTemp", {
  1043. subId: obj.data.id,
  1044. status: data.status
  1045. }, function (res) {
  1046. if (res.success) {
  1047. layer.msg("成功", {icon: 6, time: 1000});
  1048. //
  1049. window.location.href = App.getUrl("subject/subInfo/projTz?type=4");
  1050. }
  1051. });
  1052. },
  1053. close: function (index) {
  1054. layer.close(index);
  1055. }
  1056. })
  1057. },
  1058. isNoHide: function (obj) {
  1059. var self = this;
  1060. App.msg.confirm("是否移除在建库?", function () {
  1061. App.postJson("/api/subject/subInfo/setBackIsHide", {subId: obj.data.id}, function (res) {
  1062. if (res.success) {
  1063. App.msg.success("设置成功");
  1064. self.getData();
  1065. layer.close(index);
  1066. }
  1067. });
  1068. });
  1069. },
  1070. isHide: function (obj) {
  1071. var self = this;
  1072. App.msg.confirm("是否移入在建项目库?", function () {
  1073. App.postJson("/api/subject/subInfo/setIsHide", {subId: obj.data.id}, function (res) {
  1074. if (res.success) {
  1075. App.msg.success("设置成功");
  1076. self.getData();
  1077. layer.close(index);
  1078. }
  1079. });
  1080. });
  1081. },
  1082. setIsCb: function (obj) {
  1083. var self = this;
  1084. App.msg.confirm("是否移入在建项目库?", function () {
  1085. App.postJson("/api/subject/subInfo/setIsCb", {subId: obj.data.id}, function (res) {
  1086. if (res.success) {
  1087. App.msg.success("设置成功");
  1088. self.getData();
  1089. layer.close(index);
  1090. }
  1091. });
  1092. });
  1093. },
  1094. loadPage: function (totalCount) {
  1095. var self = this;
  1096. layui.laypage.render({
  1097. elem: 'pagination',
  1098. count: totalCount,
  1099. curr: self.pageNo,
  1100. limit: self.pageSize,
  1101. layout: ['count', 'prev', 'page', 'next', 'skip'],
  1102. jump: function (obj, first) {
  1103. //首次不执行
  1104. if (!first) {
  1105. self.pageNo = obj.curr;
  1106. }
  1107. }
  1108. });
  1109. },
  1110. yearPlan: function (obj) {
  1111. window.location.href = App.getUrl("amtPlan/detail?subId=" + obj.data.id);
  1112. },
  1113. setSubReason: function (obj) {
  1114. var self = this;
  1115. layui.form.val("reasonForm", obj.data);
  1116. layer.open({
  1117. type: 1,
  1118. title: "项目原因录入",
  1119. content: $("#setReason"),
  1120. area: ['880px', '560px'],
  1121. btn: ["保存", "取消"],
  1122. yes: function (index) {
  1123. var reason = layui.form.val("reasonForm");
  1124. reason.subId = obj.data.id;
  1125. App.postJson("/api/subject/subInfo/setSubReason", reason, function (res) {
  1126. if (res.success) {
  1127. App.msg.success("设置成功");
  1128. self.getData();
  1129. layer.close(index);
  1130. }
  1131. });
  1132. },
  1133. close: function (index) {
  1134. layer.close(index);
  1135. }
  1136. })
  1137. },
  1138. problem: function (obj) {
  1139. var self = this;
  1140. obj.data.status_reason = "";
  1141. layui.form.val("problemForm", obj.data);
  1142. layer.open({
  1143. type: 1,
  1144. title: "问题督办",
  1145. content: $("#problem"),
  1146. area: ['800px', '600px'],
  1147. btn: ["保存", "取消"],
  1148. yes: function (index) {
  1149. var reason = layui.form.val("problemForm");
  1150. reason.subId = obj.data.id;
  1151. if (reason.statusF == "2" || reason.statusF == "1") {
  1152. if (reason.status_reason == "" || reason.status_reason == undefined) {
  1153. layer.msg("红灯,黄灯必须输入原因");
  1154. return;
  1155. }
  1156. }
  1157. App.postJson("/api/subject/subInfo/setStatus", {
  1158. subId: obj.data.id,
  1159. statusFgw: reason.statusF,
  1160. reason: reason.status_reason,
  1161. dateConfirm: reason.dateConfirm
  1162. }, function (res) {
  1163. if (res.success) {
  1164. App.msg.success("设置成功");
  1165. self.getData();
  1166. layer.close(index);
  1167. }
  1168. });
  1169. },
  1170. close: function (index) {
  1171. layer.close(index);
  1172. }
  1173. })
  1174. },
  1175. exportExcel: function () {
  1176. var param = this.getSearchParams();
  1177. App.common.utils.downFile(App.getUrl("subInfoExport/exportSummaryExcel"), "POST", param, "项目情况表.xlsx", "导出失败");
  1178. },
  1179. exportExcelByIndusKind: function () {
  1180. var param = this.getSearchParams();
  1181. App.common.utils.downFile(App.getUrl("subInfoExport/exportExcelByIndusKind"), "POST", param, "项目情况表(按所属行业统计).xlsx", "导出失败");
  1182. },
  1183. exportSchedulingExcel: function () {
  1184. var param = this.getSearchParams();
  1185. App.common.utils.downFile(App.getUrl("subInfoExport/exportSchedulingExcel"), "POST", param, "项目调度表.xlsx", "导出失败");
  1186. },
  1187. /* exportExcel2: function(){
  1188. var param = this.getSearchParams();
  1189. App.common.utils.downFile(App.getUrl("subInfoExport/exportExcelTz"),"POST", param,"项目详情信息表.xlsx", "导出失败");
  1190. }, */
  1191. exportMoreExcel: function () {
  1192. top.window.getSearchParams = this.getSearchParams;
  1193. App.openLayer({
  1194. title: "自定义导出",
  1195. content: App.getUrl("/subInfoExport/index"),
  1196. height: "800",
  1197. width: "1000"
  1198. })
  1199. },
  1200. toDetail: function (obj) {
  1201. //详情
  1202. var index = layer.open({
  1203. type: 2,
  1204. title: '',
  1205. area: ['1000px', '800px'],
  1206. content: App.getUrl("/subject/subInfo/detailView2?layer=true&subId=" + obj.data.id + "&lastUrl=" + window.location.href),
  1207. });
  1208. layui.layer.full(index);
  1209. },
  1210. levelList:function (field,title,val){
  1211. //详情
  1212. var param=field+","+title+","+val
  1213. var params=encodeURIComponent(JSON.stringify(this.getSearchParams()));
  1214. var index = top.layer.open({
  1215. type: 2,
  1216. title: '',
  1217. area: ['90%', '90%'],
  1218. content: App.getUrl("/subject/subInfo/levelList?layer=true&type="+this.getSearchParams().queryType+"&curParam=" + param+"&params="+params),
  1219. });
  1220. //top.layer.full(index);
  1221. },
  1222. print: function (obj) {
  1223. window.open(App.getUrl("/subject/apply/downPdf?subId=" + obj.data.id));
  1224. },
  1225. toEditSubInfo: function (obj) {
  1226. window.location.href = App.getUrl("/subject/subInfo/editSubInfo?subId=" + obj.data.id + "&queryType=3");
  1227. },
  1228. preNew: function (obj) {
  1229. window.location.href = App.getUrl("/subPreNew/todo?subId=" + obj.data.id);
  1230. },
  1231. toTh: function (obj) {
  1232. if (obj.data.statusJh == null || obj.data.statusJh == '0' || obj.data.statusJh == '1') {
  1233. App.msg.confirm("是否需要退回到暂存状态?", function () {
  1234. App.postJson("/api/subject/subInfo/toTemp", {subId: obj.data.id, status: "0"}, function (res) {
  1235. if (res.success) {
  1236. layer.msg("成功", {icon: 6, time: 1000});
  1237. //
  1238. window.location.href = App.getUrl("subject/subInfo/projTz");
  1239. }
  1240. });
  1241. })
  1242. } else {
  1243. App.msg.warn("已做过开工申报,需要走变更流程");
  1244. }
  1245. },
  1246. search: function () {
  1247. var param = layui.form.getValue("searchForm");
  1248. window.localStorage.setItem(this.cacheName, JSON.stringify(param));
  1249. this.pageNo = 1;
  1250. this.getData();
  1251. },
  1252. openExport: function () {
  1253. this.showExport = true;
  1254. console.log('移入了')
  1255. },
  1256. choseExport: function () {
  1257. this.showExport = false;
  1258. console.log('移出了')
  1259. }
  1260. }
  1261. });
  1262. </script>
  1263. </body>
  1264. </html>