editSubInfo.jsp 54 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056
  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. const abc = self.subInfo.abc;
  860. if (!abc){
  861. layer.msg("请选择ABC类");
  862. return;
  863. }
  864. const indusKind = self.subInfo.indusKind;
  865. if (!indusKind){
  866. layer.msg("请选择行业类型");
  867. return;
  868. }
  869. var saveUrl = "/api/subject/subInfo/saveEditSubInfo";
  870. // var saveAmtSource = this.amtSource.concat(this.delAmtSource);
  871. // this.subInfo.subSource = saveAmtSource;
  872. App.msg.confirm("确认提交项目信息吗?", function () {
  873. console.log(self.subInfo)
  874. App.postJson(saveUrl, {subInfo: self.subInfo}, function (res) {
  875. if (res.success) {
  876. self.closeMark = true;
  877. App.msg.success("保存成功");
  878. App.postJson("/api/subject/subInfo/getById", {id: self.subInfo.id}, function (resc) {
  879. if (resc.success) {
  880. self.subInfo = resc.data;
  881. /* self.kindSelect.setValue(self.subInfo.kind.split(","));*/
  882. self.amtSource = resc.data.subSource || [];
  883. // self.initAmtSource();
  884. self.delAmtSource = [];
  885. setTimeout(function () {
  886. layui.form.render();
  887. }, 200);
  888. self.closeWin();
  889. }
  890. });
  891. }
  892. });
  893. })
  894. },
  895. // sort: function () {
  896. // var beginDate = $("#beginDate").val();
  897. // this.planList.sort(function (a, b) {
  898. // var date1 = new Date(a.endDate);
  899. // var date2 = new Date(b.endDate);
  900. // return date1.getTime() > date2.getTime() ? 1 : -1;
  901. // });
  902. // for (var i = 0; i < this.planList.length; i++) {
  903. // if (i == 0) {
  904. // this.planList[i].beginDate = beginDate;
  905. // } else {
  906. // var endDate = new Date(this.planList[i - 1].endDate);
  907. // endDate = endDate.addDays(1);
  908. // this.planList[i].beginDate = layui.util.toDateString(endDate, "yyyy-MM-dd");
  909. // }
  910. // }
  911. // this.loadPlanTable();
  912. // },
  913. // addManage: function () {
  914. // var self = this;
  915. // this.currObjData = {
  916. // manageId: "",
  917. // departId: "",
  918. // nameLead: "",
  919. // tel: ""
  920. // };
  921. // $("select[name='manageId']").next().find("input").eq(0).val("")
  922. // this.setJgDept("");
  923. // layui.form.render();
  924. // layui.use('form', function () {
  925. // layui.form.render('select');
  926. // })
  927. //
  928. // this.planEditPanl = layer.open({
  929. // title: "新增监管单位",
  930. // type: 1,
  931. // content: $("#manageEdit"),
  932. // area: ['500px', 'auto']
  933. // })
  934. // },
  935. // loadManageTable: function () {
  936. // var self = this;
  937. // layui.table.render({
  938. // elem: '#manageList', // 指定原始表格元素选择器(推荐id选择器)
  939. // even: true,
  940. // cols: [[ // 设置表头
  941. // {type: 'numbers', title: '序号', align: 'center'},
  942. // {field: 'manageName', title: '监管单位'},
  943. // {field: 'departName', title: '责任科室'},
  944. // {field: 'nameLead', title: '责任领导',},
  945. // {field: 'tel', title: '联系电话'},
  946. // {title: '操作', align: 'center', toolbar: '#manageToolBar'}
  947. // ]],
  948. // data: self.manageList
  949. // });
  950. // layui.table.on("tool(manageList)", function (obj) {
  951. // self[obj.event].call(this, obj);
  952. // })
  953. // },
  954. // setJgDept: function (unitId) {
  955. // $("select[name='departId']").html("<option value=''>--请选择--</option>");
  956. // layui.form.render();
  957. // if (unitId != '') {
  958. // App.postJson("/api/jdepart/listByUnit", {unitId: unitId}, function (res) {
  959. // for (var i = 0; i < res.data.length; i++) {
  960. // let cuData = res.data[i];
  961. // $("select[name='departId']")
  962. // .append("<option value='" + cuData.id + "' tel='" + cuData.tel + "' nameLead='" + cuData.nameLead + "'>" + cuData.title + "</option>");
  963. // }
  964. // layui.form.render();
  965. // });
  966. // }
  967. // },
  968. // addManageData: function () {
  969. // this.manageList.push(this.currObjData);
  970. // this.loadManageTable();
  971. // this.closePane();
  972. // },
  973. // delManage: function (obj) {
  974. // var self = this;
  975. // App.msg.confirm("确认删除该监管单位吗?", function () {
  976. // if (obj.data.id) {
  977. // obj.data.logicDeleteFlag = 1;
  978. // self.delManageList.push(obj.data);
  979. // obj.del();
  980. // self.manageList = layui.table.getData("manageList");
  981. // } else {
  982. // obj.del();
  983. // self.manageList = layui.table.getData("manageList");
  984. // }
  985. // })
  986. // },
  987. // saveManage: function () {
  988. // var manages = this.manageList;
  989. // var subId = this.subInfo.id;
  990. // for (var i = 0; i < this.delManageList.length; i++) {
  991. // manages.push(this.delManageList[i]);
  992. // }
  993. // var data = {
  994. // subId: subId,
  995. // manage: manages
  996. // };
  997. // var self = this;
  998. // // App.msg.confirm("确认提交监管单位信息吗?", function () {
  999. // // App.postJson("/api/subject/subInfo/saveEditSubInfo", {manage: data}, function (res) {
  1000. // // if (res.success) {
  1001. // // App.msg.warn("提交成功");
  1002. // // App.postJson("/api/subject/subInfo/getManageList", {subId: subId}, function (resc) {
  1003. // // if (resc.success) {
  1004. // // self.manageList = resc.data;
  1005. // // self.delManageList = [];
  1006. // // self.loadManageTable();
  1007. // // }
  1008. // // });
  1009. // // }
  1010. // // });
  1011. // // });
  1012. // },
  1013. closeWin: function () {
  1014. var self = this;
  1015. if (!this.closeMark) {
  1016. App.msg.confirm("当前信息未保存或未保存成功,确认关闭?", function () {
  1017. window.history.back(-1);
  1018. });
  1019. } else {
  1020. window.history.back(-1);
  1021. }
  1022. }
  1023. }
  1024. })
  1025. </script>
  1026. </body>
  1027. </html>