editSubInfo.jsp 54 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057
  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-colla-content {
  16. border-width: 0px;
  17. left: 11px;
  18. top: 0px;
  19. width: -webkit-fill-available;
  20. height: 522px;
  21. background: inherit;
  22. background-color: rgba(255, 255, 255, 0.996078431372549);
  23. border: none;
  24. border-radius: 12px;
  25. -moz-box-shadow: none;
  26. -webkit-box-shadow: none;
  27. box-shadow: none;
  28. }
  29. .table_box h2 {
  30. margin-left: 30px;
  31. margin-top: 20px;
  32. height: 25px;
  33. width: 200px;
  34. font-size: 16px;
  35. color: #1c56a3;
  36. }
  37. #addAmt {
  38. font-size: 50px;
  39. }
  40. .layui-form-label {
  41. color: #6E6F80 !important;
  42. }
  43. .layui-colla-content {
  44. background: none;
  45. padding: 10px 0;
  46. }
  47. .layui-form-label {
  48. width: 130px;
  49. text-align: justify;
  50. text-align-last: justify;
  51. display: flex;
  52. justify-content: end;
  53. align-items: center;
  54. color: #666;
  55. padding: 9px 15px;
  56. }
  57. .layui-input {
  58. height: 38px;
  59. }
  60. .layui-input-block {
  61. display: flex;
  62. width: auto;
  63. }
  64. .layui-layout-admin {
  65. padding: 20px 40px;
  66. }
  67. .layui-show {
  68. height: auto;
  69. border: none;
  70. }
  71. .layui-input-block xm-select {
  72. height: 38px !important;
  73. }
  74. .layui-table-body .layui-table-cell {
  75. /*padding: 10px !important;*/
  76. }
  77. .layui-table-cell {
  78. height: 42px !important;
  79. line-height: 42px;
  80. }
  81. /*.table_box .layui-form{*/
  82. /* width: 90.2%;*/
  83. /*}*/
  84. </style>
  85. </head>
  86. <body>
  87. <div id="app"></div>
  88. <input type="hidden" id="id" value="${id}"/>
  89. <template id="template">
  90. <div>
  91. <div class="right_title">
  92. <%-- <div class="btn_group">--%>
  93. <%-- <button class="btn btn1" :class="{active: tabActive === 1}" @click="onChangeActive(1)">项目信息</button>--%>
  94. <%-- <button class="btn btn2" :class="{active: tabActive === 2}" @click="onChangeActive(2)">监管单位</button>--%>
  95. <%-- </div>--%>
  96. <%-- <div class="layui-collapse">--%>
  97. <%-- <div class="layui-colla-item">--%>
  98. <%-- <h2 class="layui-colla-title return">--%>
  99. <%-- <button class="btn" @click="addManage" v-if="tabActive === 2"--%>
  100. <%-- style="margin: 0 10px 0 0; padding: 3px 8px 5px; background: #3362c9"><i--%>
  101. <%-- class="layui-icon layui-icon-addition"></i>新增监管单位--%>
  102. <%-- </button>--%>
  103. <%-- <button class="btn" @click="closeWin">返回</button>--%>
  104. <%-- </h2>--%>
  105. <%-- </div>--%>
  106. <%-- </div>--%>
  107. </div>
  108. <form class="layui-form" lay-filter="formData" style="padding: 0 20px">
  109. <div class="layui-colla-content layui-show" style="height: auto;">
  110. <div class="table_box">
  111. <%-- <div class="layui-row">
  112. <h2>项目基本情况</h2>
  113. </div>--%>
  114. <div class="layui-row">
  115. <div class="layui-col-xs6 layui-col-sm6">
  116. <div class="layui-form-item">
  117. <label class="layui-form-label required"
  118. >项目代码</label>
  119. <div class="layui-input-block">
  120. <input type="text" required lay-verify="required" placeholder="请输入"
  121. autocomplete="off" class="layui-input" v-model="subInfo.subCode">
  122. </div>
  123. </div>
  124. </div>
  125. <div class="layui-col-xs6 layui-col-sm6">
  126. <div class="layui-form-item">
  127. <label class="layui-form-label required">项目名称</label>
  128. <div class="layui-input-block">
  129. <input type="text" required lay-verify="required" placeholder="请输入"
  130. autocomplete="off" class="layui-input" v-model="subInfo.subName">
  131. </div>
  132. </div>
  133. </div>
  134. </div>
  135. <div class="layui-row">
  136. <div class="layui-col-xs6 layui-col-sm6">
  137. <div class="layui-form-item">
  138. <label class="layui-form-label required">建设性质</label>
  139. <div class="layui-input-block">
  140. <select lay-verify="required" v-model="subInfo.status" lay-filter="status" disabled>
  141. <option value="">请选择</option>
  142. <c:forEach items="${JSXZ}" var="js">
  143. <option value="${js.code }">${js.title }</option>
  144. </c:forEach>
  145. </select>
  146. </div>
  147. </div>
  148. </div>
  149. <div class="layui-col-xs6 layui-col-sm6">
  150. <div class="layui-form-item">
  151. <label class="layui-form-label required"
  152. >所属行业</label>
  153. <div class="layui-input-block">
  154. <select lay-verify="required" id="indusKind" lay-search="" name="indusKind"
  155. v-model="subInfo.indusKind" lay-filter="indusKind">
  156. <option value="">请选择</option>
  157. <c:forEach items="${HYFL }" var="hy">
  158. <option value="${hy.code }">${hy.title}
  159. <c:forEach items="${hy.children }" var="hy2">
  160. <option value="${hy2.code }">&ensp;&ensp;${hy2.title}
  161. </c:forEach>
  162. </option>
  163. </c:forEach>
  164. </select>
  165. </div>
  166. </div>
  167. </div>
  168. <div class="layui-col-xs6 layui-col-sm6">
  169. </div>
  170. <div class="layui-col-xs6 layui-col-sm6">
  171. <div class="layui-form-item">
  172. <label class="layui-form-label required"
  173. >项目所在地</label>
  174. <div class="layui-input-block">
  175. <select lay-verify="required" v-model="subInfo.subjectId" lay-filter="subjectId"
  176. id="subjectId">
  177. <option value="">请选择</option>
  178. <c:forEach items="${JSDD }" var="dd">
  179. <option value="${dd.code }" ztdw="${dd.unitId}">${dd.title }</option>
  180. </c:forEach>
  181. </select>
  182. </div>
  183. </div>
  184. </div>
  185. <div class="layui-col-xs6 layui-col-sm6">
  186. <div class="layui-form-item">
  187. <label class="layui-form-label required"
  188. >项目单位</label>
  189. <div class="layui-input-block">
  190. <select lay-verify="required" lay-search="" v-model="subInfo.unitId"
  191. lay-filter="unitId" id="unitId">
  192. <c:forEach items="${allUnit }" var="un">
  193. <option value="${un.id }" nameLead="${un.nameLead}"
  194. tel="${un.tel}">${un.title }</option>
  195. </c:forEach>
  196. </select>
  197. </div>
  198. </div>
  199. </div>
  200. </div>
  201. <div class="layui-row">
  202. <div class="layui-col-xs12 layui-col-sm12">
  203. <div class="layui-form-item">
  204. <label class="layui-form-label required"
  205. >建设内容及规模</label>
  206. <div class="layui-input-block">
  207. <textarea required lay-verify="required" autocomplete="off" class="layui-textarea"
  208. v-model="subInfo.content"></textarea>
  209. </div>
  210. </div>
  211. </div>
  212. </div>
  213. <%-- <div class="layui-row">
  214. <div class="layui-col-xs6 layui-col-sm6">
  215. <div class="layui-form-item">
  216. <label class="layui-form-label" >备注</label>
  217. <div class="layui-input-block">
  218. <input type="text" placeholder="" autocomplete="off" class="layui-input"
  219. v-model="subInfo.remark">
  220. </div>
  221. </div>
  222. </div>
  223. </div>--%>
  224. <div class="layui-row">
  225. <h2 style="width: 80%;background-color: #EDE9EC;margin-bottom: 20px;margin-top: 20px">资金信息</h2>
  226. </div>
  227. <%-- <div class="layui-row">--%>
  228. <%-- <div class="layui-col-xs6 layui-col-sm6">--%>
  229. <%-- <div class="layui-form-item">--%>
  230. <%-- <label class="layui-form-label required"--%>
  231. <%-- >投资类型</label>--%>
  232. <%-- <div class="layui-input-block">--%>
  233. <%-- <select lay-verify="required" lay-filter="kindNature" v-model="subInfo.kindNature">--%>
  234. <%-- <option value="">请选择</option>--%>
  235. <%-- <c:forEach items="${TZXZ }" var="tz">--%>
  236. <%-- <option value="${tz.code }">${tz.title }</option>--%>
  237. <%-- </c:forEach>--%>
  238. <%-- </select>--%>
  239. <%-- </div>--%>
  240. <%-- </div>--%>
  241. <%-- </div>--%>
  242. <%-- &lt;%&ndash; <div class="layui-col-xs6 layui-col-sm6" style="display: none;">--%>
  243. <%-- <div class="layui-form-item">--%>
  244. <%-- <label class="layui-form-label required" >年度计划投资金额(万元)</label>--%>
  245. <%-- <div class="layui-input-block">--%>
  246. <%-- <input type="number" placeholder="请输入" autocomplete="off" class="layui-input"--%>
  247. <%-- v-model="subInfo.amtYear">--%>
  248. <%-- </div>--%>
  249. <%-- </div>--%>
  250. <%-- </div>&ndash;%&gt;--%>
  251. <%-- </div>--%>
  252. <%-- <div class="layui-row">
  253. <div class="layui-col-xs6 layui-col-sm6">
  254. <div class="layui-form-item">
  255. <label class="layui-form-label required" style="width: 186px;margin-left: 30px;">项目资金来源(万元)</label>
  256. <div class="layui-input-block">
  257. <span id="addAmt" @click="addAmt" class="layui-btn layui-btn-sm layui-btn-normal">
  258. <i class="layui-icon">&#xe654;</i>
  259. </span>
  260. </div>
  261. </div>
  262. </div>
  263. </div>--%>
  264. <%-- <div class="layui-row">
  265. <div class="layui-col-xs12 layui-col-sm12">
  266. <div class="layui-form-item">
  267. <label class="layui-form-label"
  268. style="width: 186px;margin-left: 30px;color: transparent !important;;">总投资金额(万元)</label>
  269. <div class="layui-input-block">
  270. <table class="layui-table" id="amtSource" lay-filter="amtSource"
  271. style="width: 0"></table>
  272. </div>
  273. </div>
  274. </div>
  275. </div>--%>
  276. <div class="layui-row">
  277. <div class="layui-col-xs6 layui-col-sm6">
  278. <div class="layui-form-item">
  279. <label class="layui-form-label required">总投资金额(万元)</label>
  280. <div class="layui-input-block">
  281. <input type="number" name="totalInvestment" id="totalInvestment" placeholder="请输入"
  282. autocomplete="off" required lay-verify="required" class="layui-input"
  283. v-model="subInfo.amtTotal">
  284. </div>
  285. </div>
  286. </div>
  287. <%-- <div class="layui-col-xs6 layui-col-sm6">
  288. <div class="layui-form-item">
  289. <label class="layui-form-label"
  290. style="width: 196px; margin-left: 20px;">到位资金(万元)</label>
  291. <div class="layui-input-block">
  292. <input type="number" placeholder="请输入" autocomplete="off" class="layui-input"
  293. v-model="subInfo.amtComptotal">
  294. </div>
  295. </div>
  296. </div>--%>
  297. </div>
  298. <%-- <div class="layui-row" id="isFix" name="isFix" style="display: none">--%>
  299. <%-- <div class="layui-col-xs6 layui-col-sm6">--%>
  300. <%-- <div class="layui-form-item">--%>
  301. <%-- <label class="layui-form-label required">是否纳入年度固定资产投资项目库:</label>--%>
  302. <%-- <div class="layui-input-block">--%>
  303. <%-- <select lay-verify="required" v-model="subInfo.isFix" lay-filter="isFix">--%>
  304. <%-- <option value="1">是</option>--%>
  305. <%-- <option value="0">否</option>--%>
  306. <%-- </select>--%>
  307. <%-- </div>--%>
  308. <%-- </div>--%>
  309. <%-- </div>--%>
  310. <%-- <div class="layui-col-xs6 layui-col-sm6" id="stateFix" name="stateFix" style="display: none">--%>
  311. <%-- <div class="layui-form-item">--%>
  312. <%-- <label class="layui-form-label required">项目性质:</label>--%>
  313. <%-- <div class="layui-input-block">--%>
  314. <%-- <select lay-verify="required" v-model="subInfo.stateFix" lay-filter="stateFix">--%>
  315. <%-- <option value="1">新建项目</option>--%>
  316. <%-- <option value="3">储备项目</option>--%>
  317. <%-- </select>--%>
  318. <%-- </div>--%>
  319. <%-- </div>--%>
  320. <%-- </div>--%>
  321. <%-- </div>--%>
  322. <div class="layui-row">
  323. <h2 style="width: 80%;background-color: #EDE9EC;margin-bottom: 20px;margin-top: 20px">项目进度</h2>
  324. </div>
  325. <div class="layui-row">
  326. <div class="layui-col-xs6 layui-col-sm6">
  327. <div class="layui-form-item">
  328. <label class="layui-form-label required">计划开工时间</label>
  329. <div class="layui-input-block">
  330. <input type="text" id=beginDate readonly="readonly" required lay-verify="required"
  331. placeholder="请输入" autocomplete="off" class="layui-input"
  332. v-model="subInfo.beginDate">
  333. </div>
  334. </div>
  335. </div>
  336. <div class="layui-col-xs6 layui-col-sm6">
  337. <div class="layui-form-item">
  338. <label class="layui-form-label required"
  339. >计划竣工时间</label>
  340. <div class="layui-input-block">
  341. <input type="text" id="endDate" readonly="readonly" required lay-verify="required"
  342. placeholder="请输入" autocomplete="off" class="layui-input"
  343. v-model="subInfo.endDate">
  344. </div>
  345. </div>
  346. </div>
  347. </div>
  348. <div class="layui-row">
  349. <div class="layui-col-xs6 layui-col-sm6">
  350. <div class="layui-form-item">
  351. <label class="layui-form-label required"
  352. >平台联系人</label>
  353. <div class="layui-input-block">
  354. <input type="text" required lay-verify="required" placeholder="平台项目信息录入人姓名"
  355. autocomplete="off" class="layui-input" v-model="subInfo.nameZrr">
  356. </div>
  357. </div>
  358. </div>
  359. <div class="layui-col-xs6 layui-col-sm6">
  360. <div class="layui-form-item">
  361. <label class="layui-form-label required">平台联系人电话</label>
  362. <div class="layui-input-block">
  363. <input type="text" required lay-verify="required" placeholder="平台项目信息录入人电话"
  364. autocomplete="off" class="layui-input" v-model="subInfo.tel">
  365. </div>
  366. </div>
  367. </div>
  368. </div>
  369. <div class="layui-row">
  370. <div class="layui-col-xs6 layui-col-sm6">
  371. <div class="layui-form-item">
  372. <label class="layui-form-label required"
  373. >项目总负责人</label>
  374. <div class="layui-input-block">
  375. <input type="text" required lay-verify="required" placeholder="请输入"
  376. autocomplete="off" class="layui-input" v-model="subInfo.nameLead">
  377. </div>
  378. </div>
  379. </div>
  380. <div class="layui-col-xs6 layui-col-sm6">
  381. <div class="layui-form-item">
  382. <label class="layui-form-label required">总负责人联系电话</label>
  383. <div class="layui-input-block">
  384. <input type="text" required lay-verify="required" placeholder="请输入"
  385. autocomplete="off" class="layui-input" v-model="subInfo.telLead">
  386. </div>
  387. </div>
  388. </div>
  389. </div>
  390. <div class="layui-row">
  391. <div class="layui-col-xs12 layui-col-sm12">
  392. <div class="layui-form-item">
  393. <label class="layui-form-label"
  394. >项目进展情况</label>
  395. <div class="layui-input-block">
  396. <textarea autocomplete="off" class="layui-textarea"
  397. v-model="subInfo.progress"></textarea>
  398. </div>
  399. </div>
  400. </div>
  401. </div>
  402. <%-- <div class="layui-row">--%>
  403. <%-- <div class="layui-col-xs12 layui-col-sm12">--%>
  404. <%-- <div class="layui-form-item">--%>
  405. <%-- <label class="layui-form-label required"--%>
  406. <%-- >项目基本情况</label>--%>
  407. <%-- <div class="layui-input-block">--%>
  408. <%-- <textarea required lay-verify="required" autocomplete="off" class="layui-textarea"--%>
  409. <%-- v-model="subInfo.content"></textarea>--%>
  410. <%-- </div>--%>
  411. <%-- </div>--%>
  412. <%-- </div>--%>
  413. <%-- </div>--%>
  414. <div class="layui-row">
  415. <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
  416. <div class="layui-form-item">
  417. <label class="layui-form-label required">ABC类</label>
  418. <div class="layui-input-block">
  419. <select v-model="subInfo.abc" lay-filter="abc" lay-verify="required">
  420. <option value="">请选择</option>
  421. <option value="A">A类</option>
  422. <option value="B">B类</option>
  423. <option value="C">C类</option>
  424. <option value="D">D类</option>
  425. </select>
  426. </div>
  427. </div>
  428. </div>
  429. </div>
  430. <div class="layui-row">
  431. <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
  432. <div class="layui-form-item">
  433. <label class="layui-form-label">状态</label>
  434. <div class="layui-input-block">
  435. <select v-model="subInfo.cbStatus" lay-filter="cbStatus">
  436. <option value="">请选择</option>
  437. <option value="1">正在谋划</option>
  438. <option value="2">正在洽谈</option>
  439. <option value="3">已签约</option>
  440. <option value="4">已备案</option>
  441. <option value="5">已核准</option>
  442. </select>
  443. </div>
  444. </div>
  445. </div>
  446. </div>
  447. <div class="layui-row">
  448. <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
  449. <div class="layui-form-item">
  450. <label class="layui-form-label">签约日期</label>
  451. <div class="layui-input-block">
  452. <input type="text" id=qyDate readonly="readonly" required
  453. placeholder="请输入" autocomplete="off" class="layui-input"
  454. v-model="subInfo.qyDate">
  455. </div>
  456. </div>
  457. </div>
  458. </div>
  459. <div class="layui-row">
  460. <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
  461. <div class="layui-form-item">
  462. <label class="layui-form-label">储备转新建周期</label>
  463. <div class="layui-input-block">
  464. <input type="number" name="cbNum" id="cbNum" placeholder="请输入"
  465. autocomplete="off" class="layui-input"
  466. v-model="subInfo.cbNum">
  467. </div>
  468. </div>
  469. </div>
  470. </div>
  471. <%-- <div class="layui-row">--%>
  472. <%-- <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">--%>
  473. <%-- <div class="layui-form-item">--%>
  474. <%-- <label class="layui-form-label">新建转在建周期</label>--%>
  475. <%-- <div class="layui-input-block">--%>
  476. <%-- <input type="number" name="xjNum" id="xjNum" placeholder="请输入"--%>
  477. <%-- autocomplete="off" class="layui-input"--%>
  478. <%-- v-model="subInfo.xjNum">--%>
  479. <%-- </div>--%>
  480. <%-- </div>--%>
  481. <%-- </div>--%>
  482. <%-- </div>--%>
  483. <%-- <div class="layui-row">--%>
  484. <%-- <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">--%>
  485. <%-- <div class="layui-form-item">--%>
  486. <%-- <label class="layui-form-label">在建转投产周期</label>--%>
  487. <%-- <div class="layui-input-block">--%>
  488. <%-- <input type="number" name="zjNum" id="zjNum" placeholder="请输入"--%>
  489. <%-- autocomplete="off" class="layui-input"--%>
  490. <%-- v-model="subInfo.zjNum">--%>
  491. <%-- </div>--%>
  492. <%-- </div>--%>
  493. <%-- </div>--%>
  494. <%-- </div>--%>
  495. <div class="layui-row">
  496. <div class='layui-form-item'>
  497. <label class="layui-form-label">备注</label>
  498. <div class="layui-input-block" style="padding: 0 10px 0 0;">
  499. <input type="text" class="layui-input" v-model="subInfo.remark">
  500. </div>
  501. </div>
  502. </div>
  503. <%-- <div class="layui-row" style="display: none;">--%>
  504. <%-- <div class="layui-col-xs6 layui-col-sm6">--%>
  505. <%-- <div class="layui-form-item">--%>
  506. <%-- <label class="layui-form-label required" style="width: 186px;">是否入库</label>--%>
  507. <%-- <div class="layui-input-block" style="margin-left: 216px;">--%>
  508. <%-- <input type="radio" lay-verify="required" value="1" checked="checked"--%>
  509. <%-- lay-filter="isRk" name="isRk" title="是"/>--%>
  510. <%-- <input type="radio" lay-verify="required" value="2" lay-filter="isRk" name="isRk"--%>
  511. <%-- title="否">--%>
  512. <%-- </div>--%>
  513. <%-- </div>--%>
  514. <%-- </div>--%>
  515. <%-- </div>--%>
  516. <div class="btn_group">
  517. <input type="button" class="btn btn1" style="color: #fff; background-color: #3362c9;"
  518. value="提交项目信息" lay-submit lay-filter="saveSubInfo"/>
  519. </div>
  520. </div>
  521. </div>
  522. </form>
  523. </div>
  524. </template>
  525. <%--<script type="text/text" id="amtToolBar">--%>
  526. <%-- <div class="toolBar">--%>
  527. <%-- <span javascript:void(0); lay-event="delAmt">删除</span>--%>
  528. <%-- </div>--%>
  529. <%--</script>--%>
  530. <%--<script type="text/html" id="planToolBar">--%>
  531. <%-- <div class="toolBar">--%>
  532. <%-- <span title="编辑" lay-event="planEdit">编辑</span>--%>
  533. <%-- {{#if(d.id == null || d.statusSp == '0') { }}--%>
  534. <%-- <span title="删除" lay-event="delPlan">删除</span>--%>
  535. <%-- {{#}}}--%>
  536. <%-- </div>--%>
  537. <%--</script>--%>
  538. <%--<script type="text/html" id="manageToolBar">--%>
  539. <%-- <div class="toolBar"><span title="删除" lay-event="delManage">删除</span></div>--%>
  540. <%--</script>--%>
  541. <script type="text/javascript">
  542. new Vue({
  543. el: "#app",
  544. template: "#template",
  545. data: {
  546. tabActive: 1,
  547. subInfo: {
  548. unitId: "${currUnitId}",
  549. subjectId: "",
  550. indusKind: "",
  551. mainId: "",
  552. subName: "",
  553. kindNature: "",
  554. isRk: "1",
  555. propKind: "",
  556. kind: "",
  557. abc: "",
  558. },
  559. kindAmt: {},
  560. testAmt: "",
  561. testAmtName: "",
  562. amtSource: [],
  563. delAmtSource: [],
  564. closeMark: false,
  565. kindSelect: null,
  566. planList: [],
  567. planEditInfo: {},
  568. currObjData: {},
  569. delPlanList: [],
  570. manageList: [],
  571. delManageList: []
  572. },
  573. mounted: function () {
  574. this.init();
  575. },
  576. methods: {
  577. init: function () {
  578. var self = this;
  579. layui.laydate.render({
  580. elem: "#qyDate",
  581. type: "date",
  582. theme: layDateTheme,
  583. done: function (value) {
  584. self.subInfo.qyDate = value
  585. }
  586. });
  587. layui.laydate.render({
  588. elem: "#beginDate",
  589. type: "date",
  590. theme: layDateTheme,
  591. done: function (value) {
  592. if (self.subInfo.endDate != null) {
  593. var endDate = new Date(self.subInfo.endDate);
  594. var beginDate = new Date(value);
  595. if (endDate >= beginDate) {
  596. self.subInfo.beginDate = value;
  597. } else {
  598. layer.msg("开始时间必须小于结束时间");
  599. self.subInfo.beginDate = value;
  600. }
  601. } else {
  602. self.subInfo.beginDate = value;
  603. }
  604. }
  605. });
  606. layui.form.on("select(unitId)", function (data) {
  607. self.subInfo.unitId = data.value;
  608. });
  609. layui.laydate.render({
  610. elem: "#endDate",
  611. type: "date",
  612. theme: layDateTheme,
  613. done: function (value) {
  614. if (self.subInfo.beginDate != null) {
  615. var endDate = new Date(value);
  616. var beginDate = new Date(self.subInfo.beginDate);
  617. if (beginDate <= endDate) {
  618. self.subInfo.endDate = value;
  619. } else {
  620. layer.msg("结束时间必须大于开始时间");
  621. self.subInfo.endDate = value;
  622. }
  623. } else {
  624. self.subInfo.endDate = value;
  625. }
  626. }
  627. });
  628. // layui.laydate.render({
  629. // elem: "#planEndDate",
  630. // type: "date",
  631. // theme: layDateTheme,
  632. // done: function (value) {
  633. // self.planEditInfo.endDate = value;
  634. // }
  635. // });
  636. layui.form.on("select(subjectId)", function (data) {
  637. var ztdw = $("#subjectId option:checked").attr("ztdw");
  638. self.subInfo.subjectId = data.value;
  639. self.subInfo.mainId = ztdw;
  640. });
  641. layui.form.on("select(abc)", function (data) {
  642. self.subInfo.abc = data.value;
  643. });
  644. layui.form.on("select(cbStatus)", function (data) {
  645. self.subInfo.cbStatus = data.value;
  646. });
  647. layui.form.on("select(kindNature)", function (data) {
  648. self.subInfo.kindNature = data.value;
  649. });
  650. var kind = [];
  651. <c:forEach items="${XMLX}" var="xm">
  652. kind.push({value: "${xm.code}", name: "${xm.title}"});
  653. </c:forEach>
  654. layui.form.on("select(indusKind)", function (data) {
  655. self.subInfo.indusKind = data.value;
  656. });
  657. // layui.form.on("select(propKind)", function (data) {
  658. // self.subInfo.propKind = data.value;
  659. // });
  660. //layui监听input内容变动
  661. $(function () {
  662. //输入框的值改变时触发
  663. $("#totalInvestment").on("input", function (e) {
  664. //获取input输入的值
  665. var totalInvestment = e.delegateTarget.value;
  666. var query = ${queryType};
  667. if (totalInvestment >= 500 && query == '1') {
  668. // var select = document.getElementById('isFix'); // 获取下拉框的DOM元素
  669. // 根据值的大小显示或隐藏下拉框
  670. if (totalInvestment >= 500) {
  671. // select.style.display = 'block'; // 显示下拉框
  672. layui.form.render('select'); // 更新下拉框的渲染
  673. } else {
  674. // select.style.display = 'none'; // 隐藏下拉框
  675. layui.form.render('select'); // 更新下拉框的渲染
  676. }
  677. }
  678. })
  679. });
  680. // layui.form.on("select(isFix)", function (data) {
  681. // self.subInfo.isFix = data.value;
  682. // if (data.value == "1") {
  683. // var select = document.getElementById('stateFix'); // 获取下拉框的DOM元素
  684. // select.style.display = 'block'; // 显示下拉框
  685. // layui.form.render('select'); // 更新下拉框的渲染
  686. // } else {
  687. // var select = document.getElementById('stateFix'); // 获取下拉框的DOM元素
  688. // select.style.display = 'none'; // 显示下拉框
  689. // layui.form.render('select'); // 更新下拉框的渲染
  690. // }
  691. // });
  692. layui.form.on("select(stateFix)", function (data) {
  693. self.subInfo.stateFix = data.value;
  694. });
  695. // layui.form.on("select(testAmt)", function (data) {
  696. // self.testAmt = data.value;
  697. // self.testAmtName = this.innerText;
  698. // });
  699. layui.form.on("submit(saveSubInfo)", function (obj) {
  700. self.saveSubInfo();
  701. });
  702. // layui.form.on("submit(savePlan)", function (obj) {
  703. // self.savePlan();
  704. // });
  705. // layui.form.on("submit(saveManage)", function (obj) {
  706. // self.saveManage();
  707. // });
  708. // layui.form.on("submit(manageConfirm)", function (obj) {
  709. // if (self.manageList.filter(item => {
  710. // return item.manageId === self.currObjData.manageId;
  711. // }).length > 0) {
  712. // App.msg.warn("该监管单位已存在");
  713. // return;
  714. // }
  715. // self.addManageData();
  716. // });
  717. // layui.form.on("select(manageId)", function (data) {
  718. // self.currObjData.manageId = data.value;
  719. // self.currObjData.manageName = this.innerText;
  720. // self.currObjData.nameLead = $("select[name='manageId']").find("option:selected").eq(0).attr("nameLead");
  721. // self.currObjData.tel = $("select[name='manageId']").find("option:selected").eq(0).attr("tel");
  722. // self.currObjData.departId = "";
  723. // $("input[name='nameLead']").val(self.currObjData.nameLead);
  724. // $("input[name='tel']").val(self.currObjData.tel);
  725. // self.setJgDept(data.value);
  726. // });
  727. // layui.form.on("select(departId)", function (data) {
  728. // self.currObjData.departId = data.value;
  729. // self.currObjData.departName = this.innerText;
  730. // });
  731. // layui.table.on("edit(amtSource)", function (obj) {
  732. // var oldText = $(this).prev().text();
  733. // if (obj.value != '' && !isNumber(obj.value)) {
  734. // App.msg.warn("请填写数字");
  735. // $(this).val(oldText);
  736. // obj.value = oldText;
  737. // obj.data[obj.field] = oldText;
  738. // obj.update(obj.data);
  739. // self.amtSource = layui.table.getData("amtSource");
  740. // } else {
  741. // self.amtSource = layui.table.getData("amtSource");
  742. // }
  743. // });
  744. this.getForm();
  745. },
  746. // initAmtSource: function () {
  747. // var self = this;
  748. // layui.table.render({
  749. // elem: '#amtSource', // 指定原始表格元素选择器(推荐id选择器)
  750. // even: true,
  751. // cols: [[ // 设置表头
  752. // {type: 'numbers', title: '序号'},
  753. // {field: 'sourceName', title: '资金来源'},
  754. // {field: 'amt', title: '资金(万元)', edit: 'text'},
  755. // {field: 'amtSj', title: '到位资金(万元)', edit: 'text'},
  756. // {title: '操作', align: 'center', toolbar: '#amtToolBar'}
  757. // ]],
  758. // limit: self.amtSource.length,
  759. // data: self.amtSource
  760. // });
  761. // layui.table.on("tool(amtSource)", function (obj) {
  762. // self[obj.event].call(this, obj);
  763. // });
  764. // },
  765. // delAllAmt: function () {
  766. // for (var i = 0; i < this.amtSource.length; i++) {
  767. // if (this.amtSource[i].id) {
  768. // this.amtSource[i].logicDeleteFlag = 1;
  769. // this.delAmtSource.push(this.amtSource[i]);
  770. // }
  771. // }
  772. // this.amtSource = [];
  773. // },
  774. // delAmt: function (obj) {
  775. // if (obj.data.id) {
  776. // obj.data.logicDeleteFlag = 1;
  777. // this.delAmtSource.push(obj.data);
  778. // obj.del();
  779. // } else {
  780. // obj.del();
  781. // }
  782. // this.amtSource = layui.table.getData("amtSource");
  783. // // this.initAmtSource();
  784. // },
  785. getForm: function () {
  786. var id = $("#id").val();
  787. var self = this;
  788. if (id == "") {
  789. App.msg.warn("请从正规页面进入");
  790. return;
  791. } else {
  792. App.postJson("/api/subject/subInfo/getById", {id: id}, function (res) {
  793. if (res.success) {
  794. self.subInfo = res.data;
  795. /* self.kindSelect.setValue(self.subInfo.kind.split(","));*/
  796. self.amtSource = res.data.subSource || [];
  797. // alert(JSON.stringify(self.amtSource))
  798. // self.initAmtSource();
  799. // var total = self.subInfo.amtTotal;
  800. <%--self.chooseTotal(total, ${queryType});--%>
  801. setTimeout(function () {
  802. layui.form.render();
  803. }, 200);
  804. }
  805. });
  806. /* App.postJson("/api/subject/process/getPlanList",{subId : id}, function(res){
  807. if(res.success){
  808. self.planList = res.data;
  809. self.loadPlanTable();
  810. }
  811. }); */
  812. // App.postJson("/api/subject/subInfo/getManageList", {subId: id}, function (res) {
  813. // if (res.success) {
  814. // self.manageList = res.data;
  815. // self.loadManageTable();
  816. // }
  817. // });
  818. }
  819. },
  820. // chooseTotal(totalInvestment, queryType) {
  821. // if (totalInvestment >= 500 && queryType == '1') {
  822. // var select = document.getElementById('isFix'); // 获取下拉框的DOM元素
  823. // // 根据值的大小显示或隐藏下拉框
  824. // if (totalInvestment >= 500) {
  825. // select.style.display = 'block'; // 显示下拉框
  826. // layui.form.render('select'); // 更新下拉框的渲染
  827. // } else {
  828. // select.style.display = 'none'; // 隐藏下拉框
  829. // layui.form.render('select'); // 更新下拉框的渲染
  830. // }
  831. // }
  832. // },
  833. // addAmt: function () {
  834. // var self = this;
  835. // $("#zjAmt").val("");
  836. // $("#zjAmtSj").val("");
  837. // this.planEditPanl = layer.open({
  838. // title: "资金选择",
  839. // type: 1,
  840. // content: $("#amtSourceEdit"),
  841. // area: ['400px', '320px']
  842. // });
  843. // },
  844. // closePane: function () {
  845. // layer.close(this.planEditPanl);
  846. // },
  847. // onChangeActive: function(ind){
  848. // this.tabActive = ind;
  849. // $(".layui-colla-content").removeClass("layui-show");
  850. // $($(".layui-colla-content")[ind -1]).addClass("layui-show");
  851. // },
  852. saveSubInfo: function () {
  853. var self = this;
  854. var beginDate = new Date(self.subInfo.beginDate);
  855. var endDate = new Date(self.subInfo.endDate);
  856. if (beginDate > endDate) {
  857. layer.msg("开始时间必须小于结束时间");
  858. return;
  859. }
  860. const abc = self.subInfo.abc;
  861. if (!abc){
  862. layer.msg("请选择ABC类");
  863. return;
  864. }
  865. const indusKind = self.subInfo.indusKind;
  866. if (!indusKind){
  867. layer.msg("请选择行业类型");
  868. return;
  869. }
  870. var saveUrl = "/api/subject/subInfo/saveEditSubInfo";
  871. // var saveAmtSource = this.amtSource.concat(this.delAmtSource);
  872. // this.subInfo.subSource = saveAmtSource;
  873. App.msg.confirm("确认提交项目信息吗?", function () {
  874. console.log(self.subInfo)
  875. App.postJson(saveUrl, {subInfo: self.subInfo}, function (res) {
  876. if (res.success) {
  877. self.closeMark = true;
  878. App.msg.success("保存成功");
  879. App.postJson("/api/subject/subInfo/getById", {id: self.subInfo.id}, function (resc) {
  880. if (resc.success) {
  881. self.subInfo = resc.data;
  882. /* self.kindSelect.setValue(self.subInfo.kind.split(","));*/
  883. self.amtSource = resc.data.subSource || [];
  884. // self.initAmtSource();
  885. self.delAmtSource = [];
  886. setTimeout(function () {
  887. layui.form.render();
  888. }, 200);
  889. self.closeWin();
  890. }
  891. });
  892. }
  893. });
  894. })
  895. },
  896. // sort: function () {
  897. // var beginDate = $("#beginDate").val();
  898. // this.planList.sort(function (a, b) {
  899. // var date1 = new Date(a.endDate);
  900. // var date2 = new Date(b.endDate);
  901. // return date1.getTime() > date2.getTime() ? 1 : -1;
  902. // });
  903. // for (var i = 0; i < this.planList.length; i++) {
  904. // if (i == 0) {
  905. // this.planList[i].beginDate = beginDate;
  906. // } else {
  907. // var endDate = new Date(this.planList[i - 1].endDate);
  908. // endDate = endDate.addDays(1);
  909. // this.planList[i].beginDate = layui.util.toDateString(endDate, "yyyy-MM-dd");
  910. // }
  911. // }
  912. // this.loadPlanTable();
  913. // },
  914. // addManage: function () {
  915. // var self = this;
  916. // this.currObjData = {
  917. // manageId: "",
  918. // departId: "",
  919. // nameLead: "",
  920. // tel: ""
  921. // };
  922. // $("select[name='manageId']").next().find("input").eq(0).val("")
  923. // this.setJgDept("");
  924. // layui.form.render();
  925. // layui.use('form', function () {
  926. // layui.form.render('select');
  927. // })
  928. //
  929. // this.planEditPanl = layer.open({
  930. // title: "新增监管单位",
  931. // type: 1,
  932. // content: $("#manageEdit"),
  933. // area: ['500px', 'auto']
  934. // })
  935. // },
  936. // loadManageTable: function () {
  937. // var self = this;
  938. // layui.table.render({
  939. // elem: '#manageList', // 指定原始表格元素选择器(推荐id选择器)
  940. // even: true,
  941. // cols: [[ // 设置表头
  942. // {type: 'numbers', title: '序号', align: 'center'},
  943. // {field: 'manageName', title: '监管单位'},
  944. // {field: 'departName', title: '责任科室'},
  945. // {field: 'nameLead', title: '责任领导',},
  946. // {field: 'tel', title: '联系电话'},
  947. // {title: '操作', align: 'center', toolbar: '#manageToolBar'}
  948. // ]],
  949. // data: self.manageList
  950. // });
  951. // layui.table.on("tool(manageList)", function (obj) {
  952. // self[obj.event].call(this, obj);
  953. // })
  954. // },
  955. // setJgDept: function (unitId) {
  956. // $("select[name='departId']").html("<option value=''>--请选择--</option>");
  957. // layui.form.render();
  958. // if (unitId != '') {
  959. // App.postJson("/api/jdepart/listByUnit", {unitId: unitId}, function (res) {
  960. // for (var i = 0; i < res.data.length; i++) {
  961. // let cuData = res.data[i];
  962. // $("select[name='departId']")
  963. // .append("<option value='" + cuData.id + "' tel='" + cuData.tel + "' nameLead='" + cuData.nameLead + "'>" + cuData.title + "</option>");
  964. // }
  965. // layui.form.render();
  966. // });
  967. // }
  968. // },
  969. // addManageData: function () {
  970. // this.manageList.push(this.currObjData);
  971. // this.loadManageTable();
  972. // this.closePane();
  973. // },
  974. // delManage: function (obj) {
  975. // var self = this;
  976. // App.msg.confirm("确认删除该监管单位吗?", function () {
  977. // if (obj.data.id) {
  978. // obj.data.logicDeleteFlag = 1;
  979. // self.delManageList.push(obj.data);
  980. // obj.del();
  981. // self.manageList = layui.table.getData("manageList");
  982. // } else {
  983. // obj.del();
  984. // self.manageList = layui.table.getData("manageList");
  985. // }
  986. // })
  987. // },
  988. // saveManage: function () {
  989. // var manages = this.manageList;
  990. // var subId = this.subInfo.id;
  991. // for (var i = 0; i < this.delManageList.length; i++) {
  992. // manages.push(this.delManageList[i]);
  993. // }
  994. // var data = {
  995. // subId: subId,
  996. // manage: manages
  997. // };
  998. // var self = this;
  999. // // App.msg.confirm("确认提交监管单位信息吗?", function () {
  1000. // // App.postJson("/api/subject/subInfo/saveEditSubInfo", {manage: data}, function (res) {
  1001. // // if (res.success) {
  1002. // // App.msg.warn("提交成功");
  1003. // // App.postJson("/api/subject/subInfo/getManageList", {subId: subId}, function (resc) {
  1004. // // if (resc.success) {
  1005. // // self.manageList = resc.data;
  1006. // // self.delManageList = [];
  1007. // // self.loadManageTable();
  1008. // // }
  1009. // // });
  1010. // // }
  1011. // // });
  1012. // // });
  1013. // },
  1014. closeWin: function () {
  1015. var self = this;
  1016. if (!this.closeMark) {
  1017. App.msg.confirm("当前信息未保存或未保存成功,确认关闭?", function () {
  1018. window.history.back(-1);
  1019. });
  1020. } else {
  1021. window.history.back(-1);
  1022. }
  1023. }
  1024. }
  1025. })
  1026. </script>
  1027. </body>
  1028. </html>