editSubInfo.jsp 53 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045
  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. <%-- <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>--%>
  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. </select>
  425. </div>
  426. </div>
  427. </div>
  428. </div>
  429. <div class="layui-row">
  430. <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
  431. <div class="layui-form-item">
  432. <label class="layui-form-label">状态</label>
  433. <div class="layui-input-block">
  434. <select v-model="subInfo.cbStatus" lay-filter="cbStatus">
  435. <option value="">请选择</option>
  436. <option value="1">正在谋划</option>
  437. <option value="2">正在洽谈</option>
  438. <option value="3">已签约</option>
  439. <option value="4">已备案</option>
  440. <option value="5">已核准</option>
  441. </select>
  442. </div>
  443. </div>
  444. </div>
  445. </div>
  446. <div class="layui-row">
  447. <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
  448. <div class="layui-form-item">
  449. <label class="layui-form-label">签约日期</label>
  450. <div class="layui-input-block">
  451. <input type="text" id=qyDate readonly="readonly" required
  452. placeholder="请输入" autocomplete="off" class="layui-input"
  453. v-model="subInfo.qyDate">
  454. </div>
  455. </div>
  456. </div>
  457. </div>
  458. <div class="layui-row">
  459. <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
  460. <div class="layui-form-item">
  461. <label class="layui-form-label">储备转新建周期</label>
  462. <div class="layui-input-block">
  463. <input type="number" name="cbNum" id="cbNum" placeholder="请输入"
  464. autocomplete="off" class="layui-input"
  465. v-model="subInfo.cbNum">
  466. </div>
  467. </div>
  468. </div>
  469. </div>
  470. <div class="layui-row">
  471. <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
  472. <div class="layui-form-item">
  473. <label class="layui-form-label">新建转在建周期</label>
  474. <div class="layui-input-block">
  475. <input type="number" name="xjNum" id="xjNum" placeholder="请输入"
  476. autocomplete="off" class="layui-input"
  477. v-model="subInfo.xjNum">
  478. </div>
  479. </div>
  480. </div>
  481. </div>
  482. <div class="layui-row">
  483. <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
  484. <div class="layui-form-item">
  485. <label class="layui-form-label">在建转投产周期</label>
  486. <div class="layui-input-block">
  487. <input type="number" name="zjNum" id="zjNum" placeholder="请输入"
  488. autocomplete="off" class="layui-input"
  489. v-model="subInfo.zjNum">
  490. </div>
  491. </div>
  492. </div>
  493. </div>
  494. <div class="layui-row">
  495. <div class='layui-form-item'>
  496. <label class="layui-form-label">备注</label>
  497. <div class="layui-input-block" style="padding: 0 10px 0 0;">
  498. <input type="text" class="layui-input" v-model="subInfo.remark">
  499. </div>
  500. </div>
  501. </div>
  502. <%-- <div class="layui-row" style="display: none;">--%>
  503. <%-- <div class="layui-col-xs6 layui-col-sm6">--%>
  504. <%-- <div class="layui-form-item">--%>
  505. <%-- <label class="layui-form-label required" style="width: 186px;">是否入库</label>--%>
  506. <%-- <div class="layui-input-block" style="margin-left: 216px;">--%>
  507. <%-- <input type="radio" lay-verify="required" value="1" checked="checked"--%>
  508. <%-- lay-filter="isRk" name="isRk" title="是"/>--%>
  509. <%-- <input type="radio" lay-verify="required" value="2" lay-filter="isRk" name="isRk"--%>
  510. <%-- title="否">--%>
  511. <%-- </div>--%>
  512. <%-- </div>--%>
  513. <%-- </div>--%>
  514. <%-- </div>--%>
  515. <div class="btn_group">
  516. <input type="button" class="btn btn1" style="color: #fff; background-color: #3362c9;"
  517. value="提交项目信息" lay-submit lay-filter="saveSubInfo"/>
  518. </div>
  519. </div>
  520. </div>
  521. </form>
  522. </div>
  523. </template>
  524. <%--<script type="text/text" id="amtToolBar">--%>
  525. <%-- <div class="toolBar">--%>
  526. <%-- <span javascript:void(0); lay-event="delAmt">删除</span>--%>
  527. <%-- </div>--%>
  528. <%--</script>--%>
  529. <%--<script type="text/html" id="planToolBar">--%>
  530. <%-- <div class="toolBar">--%>
  531. <%-- <span title="编辑" lay-event="planEdit">编辑</span>--%>
  532. <%-- {{#if(d.id == null || d.statusSp == '0') { }}--%>
  533. <%-- <span title="删除" lay-event="delPlan">删除</span>--%>
  534. <%-- {{#}}}--%>
  535. <%-- </div>--%>
  536. <%--</script>--%>
  537. <%--<script type="text/html" id="manageToolBar">--%>
  538. <%-- <div class="toolBar"><span title="删除" lay-event="delManage">删除</span></div>--%>
  539. <%--</script>--%>
  540. <script type="text/javascript">
  541. new Vue({
  542. el: "#app",
  543. template: "#template",
  544. data: {
  545. tabActive: 1,
  546. subInfo: {
  547. unitId: "${currUnitId}",
  548. subjectId: "",
  549. indusKind: "",
  550. mainId: "",
  551. subName: "",
  552. kindNature: "",
  553. isRk: "1",
  554. propKind: "",
  555. kind: "",
  556. abc: "",
  557. },
  558. kindAmt: {},
  559. testAmt: "",
  560. testAmtName: "",
  561. amtSource: [],
  562. delAmtSource: [],
  563. closeMark: false,
  564. kindSelect: null,
  565. planList: [],
  566. planEditInfo: {},
  567. currObjData: {},
  568. delPlanList: [],
  569. manageList: [],
  570. delManageList: []
  571. },
  572. mounted: function () {
  573. this.init();
  574. },
  575. methods: {
  576. init: function () {
  577. var self = this;
  578. layui.laydate.render({
  579. elem: "#qyDate",
  580. type: "date",
  581. theme: layDateTheme,
  582. done: function (value) {
  583. self.subInfo.qyDate = value
  584. }
  585. });
  586. layui.laydate.render({
  587. elem: "#beginDate",
  588. type: "date",
  589. theme: layDateTheme,
  590. done: function (value) {
  591. if (self.subInfo.endDate != null) {
  592. var endDate = new Date(self.subInfo.endDate);
  593. var beginDate = new Date(value);
  594. if (endDate >= beginDate) {
  595. self.subInfo.beginDate = value;
  596. } else {
  597. layer.msg("开始时间必须小于结束时间");
  598. self.subInfo.beginDate = value;
  599. }
  600. } else {
  601. self.subInfo.beginDate = value;
  602. }
  603. }
  604. });
  605. layui.form.on("select(unitId)", function (data) {
  606. self.subInfo.unitId = data.value;
  607. });
  608. layui.laydate.render({
  609. elem: "#endDate",
  610. type: "date",
  611. theme: layDateTheme,
  612. done: function (value) {
  613. if (self.subInfo.beginDate != null) {
  614. var endDate = new Date(value);
  615. var beginDate = new Date(self.subInfo.beginDate);
  616. if (beginDate <= endDate) {
  617. self.subInfo.endDate = value;
  618. } else {
  619. layer.msg("结束时间必须大于开始时间");
  620. self.subInfo.endDate = value;
  621. }
  622. } else {
  623. self.subInfo.endDate = value;
  624. }
  625. }
  626. });
  627. // layui.laydate.render({
  628. // elem: "#planEndDate",
  629. // type: "date",
  630. // theme: layDateTheme,
  631. // done: function (value) {
  632. // self.planEditInfo.endDate = value;
  633. // }
  634. // });
  635. layui.form.on("select(subjectId)", function (data) {
  636. var ztdw = $("#subjectId option:checked").attr("ztdw");
  637. self.subInfo.subjectId = data.value;
  638. self.subInfo.mainId = ztdw;
  639. });
  640. layui.form.on("select(abc)", function (data) {
  641. self.subInfo.abc = data.value;
  642. });
  643. layui.form.on("select(cbStatus)", function (data) {
  644. self.subInfo.cbStatus = data.value;
  645. });
  646. layui.form.on("select(kindNature)", function (data) {
  647. self.subInfo.kindNature = data.value;
  648. });
  649. var kind = [];
  650. <c:forEach items="${XMLX}" var="xm">
  651. kind.push({value: "${xm.code}", name: "${xm.title}"});
  652. </c:forEach>
  653. layui.form.on("select(indusKind)", function (data) {
  654. self.subInfo.indusKind = data.value;
  655. });
  656. layui.form.on("select(propKind)", function (data) {
  657. self.subInfo.propKind = data.value;
  658. });
  659. //layui监听input内容变动
  660. $(function () {
  661. //输入框的值改变时触发
  662. $("#totalInvestment").on("input", function (e) {
  663. //获取input输入的值
  664. var totalInvestment = e.delegateTarget.value;
  665. var query = ${queryType};
  666. if (totalInvestment >= 500 && query == '1') {
  667. var select = document.getElementById('isFix'); // 获取下拉框的DOM元素
  668. // 根据值的大小显示或隐藏下拉框
  669. if (totalInvestment >= 500) {
  670. select.style.display = 'block'; // 显示下拉框
  671. layui.form.render('select'); // 更新下拉框的渲染
  672. } else {
  673. select.style.display = 'none'; // 隐藏下拉框
  674. layui.form.render('select'); // 更新下拉框的渲染
  675. }
  676. }
  677. })
  678. });
  679. layui.form.on("select(isFix)", function (data) {
  680. self.subInfo.isFix = data.value;
  681. if (data.value == "1") {
  682. var select = document.getElementById('stateFix'); // 获取下拉框的DOM元素
  683. select.style.display = 'block'; // 显示下拉框
  684. layui.form.render('select'); // 更新下拉框的渲染
  685. } else {
  686. var select = document.getElementById('stateFix'); // 获取下拉框的DOM元素
  687. select.style.display = 'none'; // 显示下拉框
  688. layui.form.render('select'); // 更新下拉框的渲染
  689. }
  690. });
  691. layui.form.on("select(stateFix)", function (data) {
  692. self.subInfo.stateFix = data.value;
  693. });
  694. layui.form.on("select(testAmt)", function (data) {
  695. self.testAmt = data.value;
  696. self.testAmtName = this.innerText;
  697. });
  698. layui.form.on("submit(saveSubInfo)", function (obj) {
  699. self.saveSubInfo();
  700. });
  701. // layui.form.on("submit(savePlan)", function (obj) {
  702. // self.savePlan();
  703. // });
  704. // layui.form.on("submit(saveManage)", function (obj) {
  705. // self.saveManage();
  706. // });
  707. // layui.form.on("submit(manageConfirm)", function (obj) {
  708. // if (self.manageList.filter(item => {
  709. // return item.manageId === self.currObjData.manageId;
  710. // }).length > 0) {
  711. // App.msg.warn("该监管单位已存在");
  712. // return;
  713. // }
  714. // self.addManageData();
  715. // });
  716. // layui.form.on("select(manageId)", function (data) {
  717. // self.currObjData.manageId = data.value;
  718. // self.currObjData.manageName = this.innerText;
  719. // self.currObjData.nameLead = $("select[name='manageId']").find("option:selected").eq(0).attr("nameLead");
  720. // self.currObjData.tel = $("select[name='manageId']").find("option:selected").eq(0).attr("tel");
  721. // self.currObjData.departId = "";
  722. // $("input[name='nameLead']").val(self.currObjData.nameLead);
  723. // $("input[name='tel']").val(self.currObjData.tel);
  724. // self.setJgDept(data.value);
  725. // });
  726. layui.form.on("select(departId)", function (data) {
  727. self.currObjData.departId = data.value;
  728. self.currObjData.departName = this.innerText;
  729. });
  730. layui.table.on("edit(amtSource)", function (obj) {
  731. var oldText = $(this).prev().text();
  732. if (obj.value != '' && !isNumber(obj.value)) {
  733. App.msg.warn("请填写数字");
  734. $(this).val(oldText);
  735. obj.value = oldText;
  736. obj.data[obj.field] = oldText;
  737. obj.update(obj.data);
  738. self.amtSource = layui.table.getData("amtSource");
  739. } else {
  740. self.amtSource = layui.table.getData("amtSource");
  741. }
  742. });
  743. this.getForm();
  744. },
  745. // initAmtSource: function () {
  746. // var self = this;
  747. // layui.table.render({
  748. // elem: '#amtSource', // 指定原始表格元素选择器(推荐id选择器)
  749. // even: true,
  750. // cols: [[ // 设置表头
  751. // {type: 'numbers', title: '序号'},
  752. // {field: 'sourceName', title: '资金来源'},
  753. // {field: 'amt', title: '资金(万元)', edit: 'text'},
  754. // {field: 'amtSj', title: '到位资金(万元)', edit: 'text'},
  755. // {title: '操作', align: 'center', toolbar: '#amtToolBar'}
  756. // ]],
  757. // limit: self.amtSource.length,
  758. // data: self.amtSource
  759. // });
  760. // layui.table.on("tool(amtSource)", function (obj) {
  761. // self[obj.event].call(this, obj);
  762. // });
  763. // },
  764. // delAllAmt: function () {
  765. // for (var i = 0; i < this.amtSource.length; i++) {
  766. // if (this.amtSource[i].id) {
  767. // this.amtSource[i].logicDeleteFlag = 1;
  768. // this.delAmtSource.push(this.amtSource[i]);
  769. // }
  770. // }
  771. // this.amtSource = [];
  772. // },
  773. // delAmt: function (obj) {
  774. // if (obj.data.id) {
  775. // obj.data.logicDeleteFlag = 1;
  776. // this.delAmtSource.push(obj.data);
  777. // obj.del();
  778. // } else {
  779. // obj.del();
  780. // }
  781. // this.amtSource = layui.table.getData("amtSource");
  782. // // this.initAmtSource();
  783. // },
  784. getForm: function () {
  785. var id = $("#id").val();
  786. var self = this;
  787. if (id == "") {
  788. App.msg.warn("请从正规页面进入");
  789. return;
  790. } else {
  791. App.postJson("/api/subject/subInfo/getById", {id: id}, function (res) {
  792. if (res.success) {
  793. self.subInfo = res.data;
  794. /* self.kindSelect.setValue(self.subInfo.kind.split(","));*/
  795. self.amtSource = res.data.subSource || [];
  796. // alert(JSON.stringify(self.amtSource))
  797. // self.initAmtSource();
  798. // var total = self.subInfo.amtTotal;
  799. <%--self.chooseTotal(total, ${queryType});--%>
  800. setTimeout(function () {
  801. layui.form.render();
  802. }, 200);
  803. }
  804. });
  805. /* App.postJson("/api/subject/process/getPlanList",{subId : id}, function(res){
  806. if(res.success){
  807. self.planList = res.data;
  808. self.loadPlanTable();
  809. }
  810. }); */
  811. // App.postJson("/api/subject/subInfo/getManageList", {subId: id}, function (res) {
  812. // if (res.success) {
  813. // self.manageList = res.data;
  814. // self.loadManageTable();
  815. // }
  816. // });
  817. }
  818. },
  819. // chooseTotal(totalInvestment, queryType) {
  820. // if (totalInvestment >= 500 && queryType == '1') {
  821. // var select = document.getElementById('isFix'); // 获取下拉框的DOM元素
  822. // // 根据值的大小显示或隐藏下拉框
  823. // if (totalInvestment >= 500) {
  824. // select.style.display = 'block'; // 显示下拉框
  825. // layui.form.render('select'); // 更新下拉框的渲染
  826. // } else {
  827. // select.style.display = 'none'; // 隐藏下拉框
  828. // layui.form.render('select'); // 更新下拉框的渲染
  829. // }
  830. // }
  831. // },
  832. addAmt: function () {
  833. var self = this;
  834. $("#zjAmt").val("");
  835. $("#zjAmtSj").val("");
  836. this.planEditPanl = layer.open({
  837. title: "资金选择",
  838. type: 1,
  839. content: $("#amtSourceEdit"),
  840. area: ['400px', '320px']
  841. });
  842. },
  843. closePane: function () {
  844. layer.close(this.planEditPanl);
  845. },
  846. // onChangeActive: function(ind){
  847. // this.tabActive = ind;
  848. // $(".layui-colla-content").removeClass("layui-show");
  849. // $($(".layui-colla-content")[ind -1]).addClass("layui-show");
  850. // },
  851. saveSubInfo: function () {
  852. var self = this;
  853. var beginDate = new Date(self.subInfo.beginDate);
  854. var endDate = new Date(self.subInfo.endDate);
  855. if (beginDate > endDate) {
  856. layer.msg("开始时间必须小于结束时间");
  857. return;
  858. }
  859. var saveUrl = "/api/subject/subInfo/saveEditSubInfo";
  860. // var saveAmtSource = this.amtSource.concat(this.delAmtSource);
  861. // this.subInfo.subSource = saveAmtSource;
  862. App.msg.confirm("确认提交项目信息吗?", function () {
  863. console.log(self.subInfo)
  864. App.postJson(saveUrl, {subInfo: self.subInfo}, function (res) {
  865. if (res.success) {
  866. self.closeMark = true;
  867. App.msg.success("保存成功");
  868. App.postJson("/api/subject/subInfo/getById", {id: self.subInfo.id}, function (resc) {
  869. if (resc.success) {
  870. self.subInfo = resc.data;
  871. /* self.kindSelect.setValue(self.subInfo.kind.split(","));*/
  872. self.amtSource = resc.data.subSource || [];
  873. // self.initAmtSource();
  874. self.delAmtSource = [];
  875. setTimeout(function () {
  876. layui.form.render();
  877. }, 200);
  878. self.closeWin();
  879. }
  880. });
  881. }
  882. });
  883. })
  884. },
  885. // sort: function () {
  886. // var beginDate = $("#beginDate").val();
  887. // this.planList.sort(function (a, b) {
  888. // var date1 = new Date(a.endDate);
  889. // var date2 = new Date(b.endDate);
  890. // return date1.getTime() > date2.getTime() ? 1 : -1;
  891. // });
  892. // for (var i = 0; i < this.planList.length; i++) {
  893. // if (i == 0) {
  894. // this.planList[i].beginDate = beginDate;
  895. // } else {
  896. // var endDate = new Date(this.planList[i - 1].endDate);
  897. // endDate = endDate.addDays(1);
  898. // this.planList[i].beginDate = layui.util.toDateString(endDate, "yyyy-MM-dd");
  899. // }
  900. // }
  901. // this.loadPlanTable();
  902. // },
  903. // addManage: function () {
  904. // var self = this;
  905. // this.currObjData = {
  906. // manageId: "",
  907. // departId: "",
  908. // nameLead: "",
  909. // tel: ""
  910. // };
  911. // $("select[name='manageId']").next().find("input").eq(0).val("")
  912. // this.setJgDept("");
  913. // layui.form.render();
  914. // layui.use('form', function () {
  915. // layui.form.render('select');
  916. // })
  917. //
  918. // this.planEditPanl = layer.open({
  919. // title: "新增监管单位",
  920. // type: 1,
  921. // content: $("#manageEdit"),
  922. // area: ['500px', 'auto']
  923. // })
  924. // },
  925. // loadManageTable: function () {
  926. // var self = this;
  927. // layui.table.render({
  928. // elem: '#manageList', // 指定原始表格元素选择器(推荐id选择器)
  929. // even: true,
  930. // cols: [[ // 设置表头
  931. // {type: 'numbers', title: '序号', align: 'center'},
  932. // {field: 'manageName', title: '监管单位'},
  933. // {field: 'departName', title: '责任科室'},
  934. // {field: 'nameLead', title: '责任领导',},
  935. // {field: 'tel', title: '联系电话'},
  936. // {title: '操作', align: 'center', toolbar: '#manageToolBar'}
  937. // ]],
  938. // data: self.manageList
  939. // });
  940. // layui.table.on("tool(manageList)", function (obj) {
  941. // self[obj.event].call(this, obj);
  942. // })
  943. // },
  944. // setJgDept: function (unitId) {
  945. // $("select[name='departId']").html("<option value=''>--请选择--</option>");
  946. // layui.form.render();
  947. // if (unitId != '') {
  948. // App.postJson("/api/jdepart/listByUnit", {unitId: unitId}, function (res) {
  949. // for (var i = 0; i < res.data.length; i++) {
  950. // let cuData = res.data[i];
  951. // $("select[name='departId']")
  952. // .append("<option value='" + cuData.id + "' tel='" + cuData.tel + "' nameLead='" + cuData.nameLead + "'>" + cuData.title + "</option>");
  953. // }
  954. // layui.form.render();
  955. // });
  956. // }
  957. // },
  958. // addManageData: function () {
  959. // this.manageList.push(this.currObjData);
  960. // this.loadManageTable();
  961. // this.closePane();
  962. // },
  963. // delManage: function (obj) {
  964. // var self = this;
  965. // App.msg.confirm("确认删除该监管单位吗?", function () {
  966. // if (obj.data.id) {
  967. // obj.data.logicDeleteFlag = 1;
  968. // self.delManageList.push(obj.data);
  969. // obj.del();
  970. // self.manageList = layui.table.getData("manageList");
  971. // } else {
  972. // obj.del();
  973. // self.manageList = layui.table.getData("manageList");
  974. // }
  975. // })
  976. // },
  977. // saveManage: function () {
  978. // var manages = this.manageList;
  979. // var subId = this.subInfo.id;
  980. // for (var i = 0; i < this.delManageList.length; i++) {
  981. // manages.push(this.delManageList[i]);
  982. // }
  983. // var data = {
  984. // subId: subId,
  985. // manage: manages
  986. // };
  987. // var self = this;
  988. // // App.msg.confirm("确认提交监管单位信息吗?", function () {
  989. // // App.postJson("/api/subject/subInfo/saveEditSubInfo", {manage: data}, function (res) {
  990. // // if (res.success) {
  991. // // App.msg.warn("提交成功");
  992. // // App.postJson("/api/subject/subInfo/getManageList", {subId: subId}, function (resc) {
  993. // // if (resc.success) {
  994. // // self.manageList = resc.data;
  995. // // self.delManageList = [];
  996. // // self.loadManageTable();
  997. // // }
  998. // // });
  999. // // }
  1000. // // });
  1001. // // });
  1002. // },
  1003. closeWin: function () {
  1004. var self = this;
  1005. if (!this.closeMark) {
  1006. App.msg.confirm("当前信息未保存或未保存成功,确认关闭?", function () {
  1007. window.history.back(-1);
  1008. });
  1009. } else {
  1010. window.history.back(-1);
  1011. }
  1012. }
  1013. }
  1014. })
  1015. </script>
  1016. </body>
  1017. </html>