view.html 44 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  6. <title>编辑</title>
  7. <link rel="stylesheet" th:href="@{/lib/layui/css/layui.css}" media="all">
  8. <link rel="stylesheet" th:href="@{/css/public.css}" media="all">
  9. <link rel="stylesheet" th:href="@{/lib/font-awesome-4.7.0/css/font-awesome.min.css}" media="all">
  10. <style>
  11. body {
  12. background-color: #ffffff;
  13. }
  14. </style>
  15. </head>
  16. <body>
  17. <form class="layui-form" action="" lay-filter="formDemo">
  18. <div class="layui-tab layui-tab-card" lay-filter="rws">
  19. <ul class="layui-tab-title">
  20. <li class="layui-this">基本信息</li>
  21. <li>填写说明</li>
  22. <li>子课题</li>
  23. <li>内容</li>
  24. <li>项目预算</li>
  25. <li>出资方案</li>
  26. <li>说明</li>
  27. <li>联系方式</li>
  28. <li>附件</li>
  29. </ul>
  30. <div class="layui-tab-content">
  31. <!--基本信息开始-->
  32. <div class="layui-tab-item layui-show">
  33. <form class="layui-form" action="" lay-filter="formDemo">
  34. <div class="layui-form layuimini-form" style="padding-bottom: 100px">
  35. <div class="layui-form-item layui-inline" style="width: 100%">
  36. <label class="layui-form-label" style="width: 80px">中文名称</label>
  37. <div class="layui-input-inline" style="width: 460px">
  38. <input type="hidden" id="id" name="id" th:value="${project.id}">
  39. <input type="text" id="zwmc" name="zwmc" th:value="${project.zwmc}" class="layui-input" readonly>
  40. </div>
  41. <label class="layui-form-label" style="width: 115px">学科分类1</label>
  42. <div class="layui-input-inline" style="width: 300px">
  43. <input type="text" id="xkflmc1" name="xkflmc1" th:value="${project.xkflmc1}" class="layui-input" readonly>
  44. </div>
  45. </div>
  46. <div class="layui-form-item layui-inline" style="width: 100%">
  47. <label class="layui-form-label" style="width: 80px">英文名称</label>
  48. <div class="layui-input-inline" style="width: 460px">
  49. <input type="text" id="ywmc" name="ywmc" th:value="${project.ywmc}" class="layui-input" readonly>
  50. </div>
  51. <label class="layui-form-label" style="width: 115px">学科分类2</label>
  52. <div class="layui-input-inline" style="width: 300px">
  53. <input type="text" id="xkflmc2" name="xkflmc2" th:value="${project.xkflmc2}" class="layui-input" readonly>
  54. </div>
  55. </div>
  56. <div class="layui-form-item layui-inline" style="width: 100%">
  57. <label class="layui-form-label" style="width: 80px">ERP编号</label>
  58. <div class="layui-input-inline" style="width: 460px">
  59. <input type="text" id="erpbh" name="erpbh" th:value="${project.erpbh}" autocomplete="off" class="layui-input" readonly>
  60. </div>
  61. <label class="layui-form-label" style="width: 115px">学科分类3</label>
  62. <div class="layui-input-inline" style="width: 300px">
  63. <input type="text" id="xkflmc3" name="xkflmc3" th:value="${project.xkflmc3}" class="layui-input" readonly>
  64. </div>
  65. </div>
  66. <div class="layui-form-item layui-inline" style="width: 100%">
  67. <label class="layui-form-label" style="width: 80px">项目类型</label>
  68. <div class="layui-input-inline" style="width: 460px">
  69. <input type="hidden" id="xmlx" name="xmlx" class="layui-input" th:value="${project.xmlx}">
  70. <input type="text" id="xmlxmc" name="xmlxmc" class="layui-input" th:value="${project.xmlxmc}" readonly>
  71. </div>
  72. <label class="layui-form-label" style="width: 115px">所属国民经济行业</label>
  73. <div class="layui-input-inline" style="width: 300px">
  74. <input type="text" id="ssgmjjhymc" name="ssgmjjhymc" th:value="${project.ssgmjjhymc}" class="layui-input" readonly>
  75. </div>
  76. </div>
  77. <div class="layui-form-item layui-inline" style="width: 100%">
  78. <label class="layui-form-label" style="width: 80px">可研报告</label>
  79. <div class="layui-input-inline" style="width: 460px">
  80. <input type="hidden" id="bm" name="bm" th:value="${project.bm}" class="layui-input" readonly>
  81. <input type="text" id="kybgmc" name="kybgmc" th:value="${project.kybgmc}" class="layui-input" readonly>
  82. </div>
  83. <label class="layui-form-label" style="width: 143px">是否国家秘密技术项目</label>
  84. <div class="layui-input-inline" style="width: 280px">
  85. <input type="checkbox" name="sfgjmmjsxm" lay-skin="primary" th:checked="${project.sfgjmmjsxm}" disabled>
  86. </div>
  87. </div>
  88. <div class="layui-form-item layui-inline" style="width: 100%">
  89. <label class="layui-form-label" style="width: 80px">费用来源</label>
  90. <div class="layui-input-inline" style="width: 460px">
  91. <input type="text" id="fyly" name="fyly" th:value="${project.fyly}" class="layui-input" readonly>
  92. </div>
  93. <label class="layui-form-label" style="width: 115px">项目起止时间</label>
  94. <div class="layui-input-inline" style="width: 138px">
  95. <input type="text" name="qs" id="qs" th:value="${project.qs}" class="layui-input" readonly>
  96. </div>
  97. <div class="layui-form-mid">-</div>
  98. <div class="layui-input-inline" style="width: 138px">
  99. <input type="text" name="wc" id="wc" th:value="${project.wc}" class="layui-input" readonly>
  100. </div>
  101. </div>
  102. <div class="layui-form-item layui-inline" style="width: 100%">
  103. <label class="layui-form-label">项目总预算(万)</label>
  104. <div class="layui-input-inline" style="width: 100px">
  105. <input type="text" id="rwsys2" name="rwsys2" style="width: 460px; margin-left: -1px" class="layui-input" th:value="${rwsys}" readonly>
  106. </div>
  107. </div>
  108. <!--Tab列表-->
  109. <div class="layui-tab layui-tab-brief" style="padding-left: 30px; padding-right: 30px">
  110. <ul class="layui-tab-title">
  111. <li class="layui-this">主要完成人</li>
  112. <li>主要完成单位</li>
  113. </ul>
  114. <div class="layui-tab-content">
  115. <!--主要完成人开始-->
  116. <div class="layui-tab-item layui-show">
  117. <div class="layuimini-container">
  118. <table class="layui-hide" id="currentTableId1" name="currentTableId1" lay-filter="currentTableFilter1" style="padding-top: 0px;margin-top: 0px"></table>
  119. </div>
  120. </div>
  121. <!--主要完成人结束-->
  122. <!--主要完成单位开始-->
  123. <div class="layui-tab-item">
  124. <div class="layuimini-container">
  125. <table class="layui-hide" id="currentTableId2" name="currentTableId2" lay-filter="currentTableFilter2" style="padding-bottom: 0px;margin-bottom: 0px"></table>
  126. </div>
  127. </div>
  128. <!--主要完成单位结束-->
  129. </div>
  130. </div>
  131. <div class="layui-form-item layui-inline" style="width: 100%">
  132. <label class="layui-form-label" style="width: 90px">总人数</label>
  133. <div class="layui-input-inline" style="width: 120px">
  134. <input type="text" id="zrs" name="zrs" class="layui-input" th:value="${project.zrs}" readonly>
  135. </div>
  136. <label class="layui-form-label">高级职称</label>
  137. <div class="layui-input-inline" style="width: 120px">
  138. <input type="text" id="gjzc" name="gjzc" class="layui-input" th:value="${project.gjzc}" readonly>
  139. </div>
  140. <label class="layui-form-label">中级职称</label>
  141. <div class="layui-input-inline" style="width: 120px">
  142. <input type="text" id="zjzc" name="zjzc" class="layui-input" th:value="${project.zjzc}" readonly>
  143. </div>
  144. </div>
  145. <div class="layui-form-item layui-inline" style="width: 100%">
  146. <label class="layui-form-label" style="width: 220px"></label>
  147. <label class="layui-form-label">初级职称</label>
  148. <div class="layui-input-inline" style="width: 120px">
  149. <input type="text" id="cjzc" name="cjzc" class="layui-input" th:value="${project.cjzc}" readonly>
  150. </div>
  151. <label class="layui-form-label">研究生</label>
  152. <div class="layui-input-inline" style="width: 120px">
  153. <input type="text" id="yjs" name="yjs" class="layui-input" th:value="${project.yjs}" readonly>
  154. </div>
  155. </div>
  156. <div class="layui-form-item">
  157. <label class="layui-form-label" style="width: 90px">所属部门</label>
  158. <div class="layui-input-inline" style="width: 600px">
  159. <input type="hidden" id="ssbm" name="ssbm" th:value="${project.ssbm}" class="layui-input" readonly>
  160. <input type="text" id="ssbmmc" name="ssbmmc" th:value="${project.ssbmmc}" class="layui-input" readonly>
  161. </div>
  162. </div>
  163. <div class="layui-form-item">
  164. <label class="layui-form-label" style="width: 90px">电科院负责人</label>
  165. <div class="layui-input-inline" style="width: 600px">
  166. <input type="hidden" id="dkyfzr" name="dkyfzr" th:value="${project.dkyfzr}" class="layui-input" readonly>
  167. <input type="text" id="dkyfzrxm" name="dkyfzrxm" th:value="${project.dkyfzrxm}" class="layui-input" readonly>
  168. </div>
  169. </div>
  170. <!-- 右侧悬浮按钮 -->
  171. <div class="right-bottom-btn">
  172. <button class="layui-btn" lay-filter="cancleBtn">
  173. <i class="layui-icon layui-icon-close"></i>关闭
  174. </button>
  175. </div>
  176. </div>
  177. </form>
  178. </div>
  179. <!--基本信息结束-->
  180. <!--填写说明开始-->
  181. <div class="layui-tab-item" style="min-height: 540px">
  182. <form class="layui-form" action="" lay-filter="formDemo">
  183. <div class="layui-form layuimini-form" style="padding-bottom: 100px">
  184. <div class="layui-form-item layui-inline" style="width: 100%">
  185. <label class="layui-form-label" style="width: 65px">填写说明</label>
  186. <div class="layui-input-inline" style="width: 930px">
  187. <textarea id="txsm" name="txsm" class="layui-textarea" th:text="${project.txsm}" style="width: 100%;height: 510px" readonly></textarea>
  188. </div>
  189. </div>
  190. <!-- 右侧悬浮按钮 -->
  191. <div class="right-bottom-btn">
  192. <button class="layui-btn" lay-filter="cancleBtn">
  193. <i class="layui-icon layui-icon-close"></i>关闭
  194. </button>
  195. </div>
  196. </div>
  197. </form>
  198. </div>
  199. <!--填写说明结束-->
  200. <!--子课题开始-->
  201. <div class="layui-tab-item" style="min-height: 555px; padding-left: 30px; padding-right: 30px">
  202. <form class="layui-form" action="" lay-filter="formDemo">
  203. <div class="layuimini-form" style="padding-bottom: 100px">
  204. <table class="layui-hide" id="currentTableId3" lay-filter="currentTableFilter3"></table>
  205. <script type="text/html" id="currentTableBar3">
  206. <a class="layui-btn layui-btn-xs layui-btn-warm data-count-view" lay-event="view">
  207. <i class="layui-icon layui-icon-set" style="font-size: 10px;"></i>查看
  208. </a>
  209. </script>
  210. <!-- 右侧悬浮按钮 -->
  211. <div class="right-bottom-btn">
  212. <button class="layui-btn" lay-filter="cancleBtn">
  213. <i class="layui-icon layui-icon-close"></i>关闭
  214. </button>
  215. </div>
  216. </div>
  217. </form>
  218. </div>
  219. <!--子课题结束-->
  220. <!--内容开始-->
  221. <div class="layui-tab-item" style="min-height: 540px">
  222. <form class="layui-form" action="" lay-filter="formDemo">
  223. <div class="layui-form layuimini-form" style="padding-bottom: 100px">
  224. <div class="layui-form-item layui-inline" style="width: 100%">
  225. <label class="layui-form-label" style="width: 75px">研究内容及<br>考核指标</label>
  226. <div class="layui-input-inline" style="width: 920px">
  227. <textarea id="yjnrjkhzb" name="yjnrjkhzb" class="layui-textarea" th:text="${project.yjnrjkhzb}" style="width: 100%;height: 510px" readonly></textarea>
  228. </div>
  229. </div>
  230. <!-- 右侧悬浮按钮 -->
  231. <div class="right-bottom-btn">
  232. <button class="layui-btn" lay-filter="cancleBtn">
  233. <i class="layui-icon layui-icon-close"></i>关闭
  234. </button>
  235. </div>
  236. </div>
  237. </form>
  238. </div>
  239. <!--内容结束-->
  240. <!--项目预算开始-->
  241. <div class="layui-tab-item" style="min-height: 555px; padding-left: 30px; padding-right: 30px">
  242. <form class="layui-form" action="" lay-filter="formDemo">
  243. <div class="layui-form layuimini-form" style="padding-bottom: 100px">
  244. <div class="layui-form-item" style="margin-bottom: -10px">
  245. <div class="layui-inline">
  246. <label class="layui-form-label" style="width: fit-content; margin-bottom: -10px">单位:万元</label>
  247. <label class="layui-form-label" style="width: 170px"></label>
  248. </div>
  249. <div class="layui-inline">
  250. <label class="layui-form-label" style="width: 70px; margin-left: -10px">项目总预算</label>
  251. <div id="mytb" class="layui-input-inline" style="width: 100px">
  252. <input type="text" id="rwsys" name="rwsys" class="layui-input" readonly>
  253. </div>
  254. </div>
  255. </div>
  256. <table class="layui-hide" id="currentTableId5" lay-filter="currentTableId5"></table>
  257. <!-- 右侧悬浮按钮 -->
  258. <div class="right-bottom-btn">
  259. <button class="layui-btn" lay-filter="cancleBtn">
  260. <i class="layui-icon layui-icon-close"></i>关闭
  261. </button>
  262. </div>
  263. </div>
  264. </form>
  265. </div>
  266. <!--项目预算结束-->
  267. <!--出资方案开始-->
  268. <div class="layui-tab-item" style="min-height: 555px; padding-left: 30px; padding-right: 30px">
  269. <form class="layui-form" action="" lay-filter="formDemo">
  270. <div class="layuimini-form" style="padding-bottom: 100px">
  271. <table class="layui-hide" id="currentTableId6" lay-filter="currentTableFilter6"></table>
  272. <script type="text/html" id="currentTableBar6">
  273. <a class="layui-btn layui-btn-xs layui-btn-warm data-count-view" lay-event="view">
  274. <i class="layui-icon layui-icon-set" style="font-size: 10px;"></i>查看
  275. </a>
  276. </script>
  277. <!-- 右侧悬浮按钮 -->
  278. <div class="right-bottom-btn">
  279. <button class="layui-btn" lay-filter="cancleBtn">
  280. <i class="layui-icon layui-icon-close"></i>关闭
  281. </button>
  282. </div>
  283. </div>
  284. </form>
  285. </div>
  286. <!--出资方案结束-->
  287. <!--说明开始-->
  288. <div class="layui-tab-item" style="min-height: 540px">
  289. <form class="layui-form" action="" lay-filter="formDemo">
  290. <div class="layui-form layuimini-form" style="padding-bottom: 100px">
  291. <div class="layui-form-item layui-inline" style="width: 100%">
  292. <label class="layui-form-label" style="width: 90px">有关问题说明</label>
  293. <div class="layui-input-inline" style="width: 905px">
  294. <textarea id="ygwtsm" name="ygwtsm" class="layui-textarea" th:text="${project.ygwtsm}" style="width: 100%;height: 510px" readonly></textarea>
  295. </div>
  296. </div>
  297. <!-- 右侧悬浮按钮 -->
  298. <div class="right-bottom-btn">
  299. <button class="layui-btn" lay-filter="cancleBtn">
  300. <i class="layui-icon layui-icon-close"></i>关闭
  301. </button>
  302. </div>
  303. </div>
  304. </form>
  305. </div>
  306. <!--说明结束-->
  307. <!--联系方式开始-->
  308. <div class="layui-tab-item" style="min-height: 555px; padding-left: 30px; padding-right: 30px">
  309. <form class="layui-form" action="" lay-filter="formDemo">
  310. <div class="layuimini-form" style="padding-bottom: 100px">
  311. <table class="layui-hide" id="currentTableId8" lay-filter="currentTableFilter8"></table>
  312. <script type="text/html" id="currentTableBar8">
  313. <a class="layui-btn layui-btn-xs layui-btn-warm data-count-view" lay-event="view">
  314. <i class="layui-icon layui-icon-set" style="font-size: 10px;"></i>查看
  315. </a>
  316. </script>
  317. <!-- 右侧悬浮按钮 -->
  318. <div class="right-bottom-btn">
  319. <button class="layui-btn" lay-filter="cancleBtn">
  320. <i class="layui-icon layui-icon-close"></i>关闭
  321. </button>
  322. </div>
  323. </div>
  324. </form>
  325. </div>
  326. <!--联系方式结束-->
  327. <!--附件开始-->
  328. <div class="layui-tab-item" style="min-height: 555px; padding-left: 30px; padding-right: 30px">
  329. <form class="layui-form" action="" lay-filter="formDemo">
  330. <div class="layuimini-form" style="padding-bottom: 100px">
  331. <input type="hidden" id="fj" name="fj" class="layui-input" th:value="${project.fj}">
  332. <table class="layui-hide" id="currentTableId9" name="currentTableId9" lay-filter="currentTableFilter9" style="padding-top: 0px;margin-top: 0px"></table>
  333. <!-- 右侧悬浮按钮 -->
  334. <div class="right-bottom-btn">
  335. <button class="layui-btn" lay-filter="cancleBtn">
  336. <i class="layui-icon layui-icon-close"></i>关闭
  337. </button>
  338. </div>
  339. </div>
  340. </form>
  341. </div>
  342. <!--附件结束-->
  343. </div>
  344. </div>
  345. </form>
  346. <script th:src="@{/lib/jquery-3.4.1/jquery-3.4.1.min.js}" charset="utf-8"></script>
  347. <script th:src="@{/lib/layui/layui.js}" charset="utf-8"></script>
  348. <script th:src="@{/lib/coco-message/coco-message.js}" charset="utf-8"></script>
  349. <script th:src="@{/lib/xm-select-v1.2.2/xm-select.js}" charset="utf-8"></script>
  350. <script th:src="@{/js/lay-config.js}" charset="utf-8"></script>
  351. <script type="text/javascript" th:inline="javascript">
  352. AjaxUtil.ctx = /*[[@{/}]]*/'';
  353. var updateflag = 0;
  354. var prjMember = [];
  355. var prjCompany = [];
  356. var subTopic = [];
  357. var budgetCols = [];
  358. layui.use(['form', 'table', 'treeTable', 'layCascader', 'tableSelect'], function () {
  359. var table = layui.table,
  360. layer = layui.layer,
  361. treeTable = layui.treeTable;
  362. var xmId = parseInt($("#id").val());
  363. // 用于存放表格数据
  364. var dataMember=new Array();
  365. $.ajax({
  366. url: AjaxUtil.ctx + 'prjMember/list/' + xmId,
  367. type: "post",
  368. async: false,
  369. dataType: "json",
  370. success: function(result) {
  371. dataMember = result.data.rows;
  372. }
  373. });
  374. //主要完成人
  375. var currTable1 = table.render({
  376. elem: '#currentTableId1',
  377. data: dataMember,
  378. cols: [
  379. [
  380. {type: 'numbers', align: 'center'},
  381. {field: 'ryxm', width: '10%', title: '人员', align: 'left'},
  382. {field: 'xmjsmc', width: '15%', title: '项目角色', align: 'left'},
  383. {field: 'bxmfg', width: '20%', title: '本项目分工', align: 'left'},
  384. {field: 'trgzzys', width: '15%', title: '投入工作总月数', align: 'left'},
  385. {field: 'sxbh', width: '10%', title: '顺序编号', align: 'left'},
  386. {field: 'dwmc', title: '单位', align: 'left'}
  387. ]
  388. ],
  389. autoSort: true,
  390. limits: [10, 15, 20, 25, 50, 100],
  391. limit: 10,
  392. page: true
  393. });
  394. // 监听查看按钮(主要完成人)
  395. $("button[lay-filter='subView1']").click(function(){
  396. var checkStatus = table.checkStatus('currentTableId1')
  397. ,data = checkStatus.data;
  398. if (data == null || data.length === 0) {
  399. Message.warning("请选择要浏览的项目人员!", 1500);
  400. } else if(data.length > 1) {
  401. Message.warning("请选择一条记录进行浏览!", 1500);
  402. } else {
  403. prjMember = {
  404. "ry": data[0].ry,
  405. "ryxm": data[0].ryxm,
  406. "dw": data[0].dw,
  407. "dwmc": data[0].dwmc,
  408. "dwlx": data[0].dwlx,
  409. "dwlxmc": data[0].dwlxmc,
  410. "zc": data[0].zc,
  411. "zcmc": data[0].zcmc,
  412. "xl": data[0].xl,
  413. "xlmc": data[0].xlmc,
  414. "xmjs": data[0].xmjs,
  415. "xmjsmc": data[0].xmjsmc,
  416. "bxmfg": data[0].bxmfg,
  417. "sxbh": data[0].sxbh,
  418. "trgzzys": data[0].trgzzys
  419. };
  420. layer.open({
  421. title: '浏览项目人员',
  422. type: 2,
  423. maxmin: true,
  424. shade: 0.2,
  425. area: ['820px', layerheight + 'px'],
  426. content: AjaxUtil.ctx + 'prjMember/forView',
  427. end: function (index) {
  428. }
  429. });
  430. }
  431. });
  432. //双击(主要完成人)
  433. table.on('rowDouble(currentTableFilter1)', function (obj) {
  434. var data = obj.data;
  435. prjMember = {
  436. "ry": data.ry,
  437. "ryxm": data.ryxm,
  438. "dw": data.dw,
  439. "dwmc": data.dwmc,
  440. "dwlx": data.dwlx,
  441. "dwlxmc": data.dwlxmc,
  442. "zc": data.zc,
  443. "zcmc": data.zcmc,
  444. "xl": data.xl,
  445. "xlmc": data.xlmc,
  446. "xmjs": data.xmjs,
  447. "xmjsmc": data.xmjsmc,
  448. "bxmfg": data.bxmfg,
  449. "sxbh": data.sxbh,
  450. "trgzzys": data.trgzzys
  451. };
  452. layer.open({
  453. title: '浏览项目人员',
  454. type: 2,
  455. maxmin: true,
  456. shade: 0.2,
  457. area: ['820px', layerheight + 'px'],
  458. content: AjaxUtil.ctx + 'prjMember/forView',
  459. end: function (index) {
  460. layer.close(index);
  461. }
  462. });
  463. });
  464. var dataCompany=new Array();
  465. $.ajax({
  466. url: AjaxUtil.ctx + 'prjCompletecompany/list/' + xmId,
  467. type: "post",
  468. async: false,
  469. dataType: "json",
  470. success: function (result) {
  471. dataCompany = result.data.rows;
  472. }
  473. });
  474. //主要完成单位
  475. var currTable2 = table.render({
  476. elem: '#currentTableId2',
  477. data: dataCompany,
  478. cols: [
  479. [
  480. {type: 'numbers', align: 'center'},
  481. {field: 'dwmc', width: '30%', title: '单位', align: 'left'},
  482. {field: 'dwqc', width: '30%', title: '单位全称', align: 'left'},
  483. {field: 'lxrxm', width: '15%', title: '联系人', align: 'left'},
  484. {field: 'sfzyzfmc', title: '是否转移支付', align: 'center'}
  485. ]
  486. ]
  487. });
  488. // 监听查看按钮(主要完成单位)
  489. $("button[lay-filter='subView2']").click(function(){
  490. var checkStatus = table.checkStatus('currentTableId2')
  491. ,data = checkStatus.data;
  492. if (data == null || data.length === 0) {
  493. Message.warning("请选择要浏览的单位!", 1500);
  494. } else if(data.length > 1) {
  495. Message.warning("请选择一条记录进行浏览!", 1500);
  496. } else {
  497. prjCompany = {
  498. "dw": data[0].dw,
  499. "dwmc": data[0].dwmc,
  500. "dwqc": data[0].dwqc,
  501. "lxr": data[0].lxr,
  502. "lxrxm": data[0].lxrxm,
  503. "sfzyzf": data[0].sfzyzf
  504. };
  505. layer.open({
  506. title: '浏览完成单位',
  507. type: 2,
  508. maxmin: true,
  509. shade: 0.2,
  510. area: ['820px', layerheight + 'px'],
  511. content: AjaxUtil.ctx + 'prjCompletecompany/forView'
  512. });
  513. }
  514. });
  515. //双击(主要完成单位)
  516. table.on('rowDouble(currentTableFilter2)', function (obj) {
  517. var data = obj.data;
  518. prjCompany = {
  519. "dw": data.dw,
  520. "dwmc": data.dwmc,
  521. "dwqc": data.dwqc,
  522. "lxr": data.lxr,
  523. "lxrxm": data.lxrxm,
  524. "sfzyzf": data.sfzyzf
  525. };
  526. layer.open({
  527. title: '浏览完成单位',
  528. type: 2,
  529. maxmin: true,
  530. shade: 0.2,
  531. area: ['820px', layerheight + 'px'],
  532. content: AjaxUtil.ctx + 'prjCompletecompany/forView',
  533. end: function () {
  534. layer.close(index);
  535. }
  536. });
  537. });
  538. //子课题
  539. var currTable3 = table.render({
  540. elem: '#currentTableId3',
  541. url: AjaxUtil.ctx + 'prjSubtopic/list/' + xmId,
  542. method: 'post',
  543. cols: [
  544. [
  545. // {type: 'numbers', align: 'center'},
  546. {field: 'xh', title: '序号', width: '8%'},
  547. {field: 'ktmc', title: '课题名称', width: '30%'},
  548. {field: 'fzrxm', title: '负责人', width: '10%'},
  549. {field: 'fzrszdwmc', title: '负责人所在单位', width: '25%'},
  550. {field: 'qssj', title: '起始时间', width: '10%', align: 'center'},
  551. {field: 'jssj', title: '结束时间', width: '10%', align: 'center'}
  552. // {title: '操作', toolbar: '#currentTableBar3', width: '10%', align: 'center', fixed: 'right'}
  553. ]
  554. ],
  555. autoSort: false,
  556. limits: [10, 15, 20, 25, 50, 100],
  557. limit: 10,
  558. page: true,
  559. skin: 'grid',
  560. parseData: function(res){ //res 即为原始返回的数据
  561. //年度预算总和
  562. document.getElementById('rwsys').value = res.data.sum;
  563. document.getElementById('rwsys2').value = res.data.sum;
  564. return {
  565. "code": res.code, //解析接口状态
  566. "msg": res.message, //解析提示文本
  567. "count": res.data.total, //解析数据长度
  568. "data": res.data.rows //解析数据列表
  569. };
  570. }
  571. });
  572. // 监听查看按钮(子课题)
  573. $("button[lay-filter='btnView3']").click(function(){
  574. var subTopics = table.cache["currentTableId3"];
  575. if(subTopics.length == 0)
  576. return;
  577. var checkStatus = table.checkStatus('currentTableId3')
  578. ,data = checkStatus.data;
  579. if (data == null || data.length === 0) {
  580. Message.warning("请选择要浏览的子课题!", 1500);
  581. } else if(data.length > 1) {
  582. Message.warning("请选择一条记录进行浏览!", 1500);
  583. } else {
  584. layer.open({
  585. title: '浏览子课题',
  586. type: 2,
  587. maxmin: true,
  588. shade: 0.2,
  589. area: ['1030px', layerheight + 'px'],
  590. content: AjaxUtil.ctx + 'prjSubtopic/forView/' + data[0].id,
  591. end: function () {
  592. layer.close(index);
  593. }
  594. });
  595. }
  596. });
  597. // 监听行工具事件(子课题)
  598. table.on('tool(currentTableFilter3)', function (obj) {
  599. var data = obj.data;
  600. if (obj.event === 'view') {
  601. layer.open({
  602. title: '浏览子课题',
  603. type: 2,
  604. maxmin: true,
  605. shade: 0.2,
  606. area: ['1030px', layerheight + 'px'],
  607. content: AjaxUtil.ctx + 'prjSubtopic/forView/' + data.id,
  608. end: function () {
  609. layer.close(index);
  610. }
  611. });
  612. }
  613. return false;
  614. });
  615. //双击(子课题)
  616. table.on('rowDouble(currentTableFilter3)', function (obj) {
  617. var data = obj.data;
  618. layer.open({
  619. title: '浏览子课题',
  620. type: 2,
  621. maxmin: true,
  622. shade: 0.2,
  623. area: ['1030px', layerheight + 'px'],
  624. content: AjaxUtil.ctx + 'prjSubtopic/forView/' + data.id,
  625. end: function () {
  626. layer.close(index);
  627. }
  628. });
  629. });
  630. //项目预算列标题
  631. function getBudgetCols() {
  632. budgetCols = [];
  633. budgetCols.push({type: 'numbers', width: '3%'});
  634. budgetCols.push({field: 'mc', width: '22%', title: '名称'});
  635. // budgetCols.push({field: 'px', width: '8%', title: '排序'});
  636. //budgetCols.push({field: 'nf', width: '8%', title: '年份' });
  637. budgetCols.push({field: 'ysje', width: '10%', title: '预算金额(万元)'});
  638. for (var i = 0; i < dataCompany.length; i++) {
  639. budgetCols.push({field: "dw"+(i+1), width: '10%', title: dataCompany[i].dwmc+'(万元)'})
  640. if(i >= 9)
  641. break;
  642. };
  643. //budgetCols.push({field: 'hjbm', width: '10%', title: '合计编码'});
  644. //budgetCols.push({field: 'bz', width: '10%', title: '备注'});
  645. }
  646. //项目预算
  647. var insTb5;
  648. var dataBudget = new Array();
  649. $.ajax({
  650. url: AjaxUtil.ctx + 'prjBudget/list/' + xmId,
  651. type: "post",
  652. async: false,
  653. dataType: "json",
  654. success: function (result) {
  655. dataBudget = result;
  656. }
  657. });
  658. function loadTreetable() {
  659. insTb5 = treeTable.render({
  660. elem: '#currentTableId5',
  661. data: dataBudget,
  662. skin: 'grid',
  663. tree: {
  664. treeColIndex: 1,
  665. treeSpid: "", //最上级的父级id
  666. iconIndex: 1, // 折叠图标显示在第几列
  667. isPidData: true,// 是否是id、pid形式数据
  668. idName: 'bm', // id字段名称
  669. pidName: 'fj', // pid字段名称
  670. arrowType: 'arrow2',
  671. getIcon: 'ew-tree-icon-style2',
  672. openName: 'bm'
  673. },
  674. treeDefaultClose: false,
  675. page: false,
  676. // toolbar: '#toolbarDemo',
  677. cols: [budgetCols]
  678. });
  679. }
  680. function setPrjBudge() {
  681. getBudgetCols();
  682. loadTreetable();
  683. }
  684. setPrjBudge();
  685. //出资方案
  686. var currTable6 = table.render({
  687. elem: '#currentTableId6',
  688. url: AjaxUtil.ctx + 'prjFeescheme/list/' + xmId,
  689. method: 'post',
  690. cols: [
  691. [
  692. // {type: 'numbers', align: 'center'},
  693. {field: 'xh', title: '序号', width: '8%'},
  694. {field: 'nf', title: '年份', width: '12%', align: 'center'},
  695. {field: 'dwmc', title: '出资单位', width: '45%'},
  696. {field: 'czje', title: '出资金额(万元)', width: '15%', align: 'center'}
  697. // {title: '操作', toolbar: '#currentTableBar6', width: '10%', align: 'center', fixed: 'right'}
  698. ]
  699. ],
  700. autoSort: false,
  701. limits: [10, 15, 20, 25, 50, 100],
  702. limit: 10,
  703. page: true,
  704. skin: 'grid',
  705. parseData: function(res){ //res 即为原始返回的数据
  706. return {
  707. "code": res.code, //解析接口状态
  708. "msg": res.message, //解析提示文本
  709. "count": res.data.total, //解析数据长度
  710. "data": res.data.rows //解析数据列表
  711. };
  712. }
  713. });
  714. // 监听查看按钮(出资方案)
  715. $("button[lay-filter='btnView6']").click(function(){
  716. var czfas = table.cache["currentTableId6"];
  717. if(czfas.length == 0)
  718. return;
  719. var checkStatus = table.checkStatus('currentTableId6')
  720. ,data = checkStatus.data;
  721. if (data == null || data.length === 0) {
  722. Message.warning("请选择要浏览的出资方案!", 1500);
  723. } else if(data.length > 1) {
  724. Message.warning("请选择一条记录进行浏览!", 1500);
  725. } else {
  726. layer.open({
  727. title: '浏览出资方案',
  728. type: 2,
  729. maxmin: true,
  730. shade: 0.2,
  731. area: ['1010px', layerheight + 'px'],
  732. content: AjaxUtil.ctx + 'prjFeescheme/forView/' + data[0].id,
  733. });
  734. }
  735. });
  736. // 监听行工具事件(出资方案)
  737. table.on('tool(currentTableFilter6)', function (obj) {
  738. var data = obj.data;
  739. if (obj.event === 'view') {
  740. layer.open({
  741. title: '浏览出资方案',
  742. type: 2,
  743. maxmin: true,
  744. shade: 0.2,
  745. area: ['1010px', layerheight + 'px'],
  746. content: AjaxUtil.ctx + 'prjFeescheme/forView/' + data.id,
  747. });
  748. }
  749. return false;
  750. });
  751. //双击(出资方案)
  752. table.on('rowDouble(currentTableFilter6)', function (obj) {
  753. var data = obj.data;
  754. layer.open({
  755. title: '浏览出资方案',
  756. type: 2,
  757. maxmin: true,
  758. shade: 0.2,
  759. area: ['1010px', layerheight + 'px'],
  760. content: AjaxUtil.ctx + 'prjFeescheme/forView/' + data.id,
  761. });
  762. });
  763. //联系方式
  764. var currTable8 = table.render({
  765. elem: '#currentTableId8',
  766. url: AjaxUtil.ctx + 'prjContacts/list/' + xmId,
  767. method: 'post',
  768. cols: [
  769. [
  770. {type: 'numbers', align: 'center'},
  771. {field: 'dwmc', title: '单位', width: '30%'},
  772. {field: 'lxrxm', title: '联系人', width: '10%'},
  773. {field: 'gddh', title: '固定电话', width: '12%'},
  774. {field: 'dzyj', title: '电子邮件', width: '18%'},
  775. {field: 'lxmc', title: '类型', width: '10%'}
  776. // {title: '操作', toolbar: '#currentTableBar8', width: '10%', align: 'center', fixed: 'right'}
  777. ]
  778. ],
  779. autoSort: false,
  780. limits: [10, 15, 20, 25, 50, 100],
  781. limit: 10,
  782. page: true,
  783. skin: 'grid',
  784. parseData: function(res){ //res 即为原始返回的数据
  785. return {
  786. "code": res.code, //解析接口状态
  787. "msg": res.message, //解析提示文本
  788. "count": res.data.total, //解析数据长度
  789. "data": res.data.rows //解析数据列表
  790. };
  791. }
  792. });
  793. // 监听查看按钮(联系方式)
  794. $("button[lay-filter='btnView8']").click(function(){
  795. var contacts = table.cache["currentTableId8"];
  796. if(contacts.length == 0)
  797. return;
  798. var checkStatus = table.checkStatus('currentTableId8')
  799. ,data = checkStatus.data;
  800. if (data == null || data.length === 0) {
  801. Message.warning("请选择要浏览的联系方式!", 1500);
  802. } else if(data.length > 1) {
  803. Message.warning("请选择一条记录进行浏览!", 1500);
  804. } else {
  805. layer.open({
  806. title: '浏览联系方式',
  807. type: 2,
  808. maxmin: true,
  809. shade: 0.2,
  810. area: ['900px', layerheight + 'px'],
  811. content: AjaxUtil.ctx + 'prjContacts/forView/' + data[0].id,
  812. end: function () {
  813. layer.close(index);
  814. }
  815. });
  816. }
  817. });
  818. // 监听行工具事件(联系方式)
  819. table.on('tool(currentTableFilter8)', function (obj) {
  820. var data = obj.data;
  821. if (obj.event === 'view') {
  822. layer.open({
  823. title: '浏览联系方式',
  824. type: 2,
  825. maxmin: true,
  826. shade: 0.2,
  827. area: ['900px', layerheight + 'px'],
  828. content: AjaxUtil.ctx + 'prjContacts/forView/' + data.id,
  829. end: function () {
  830. layer.close(index);
  831. }
  832. });
  833. }
  834. return false;
  835. });
  836. //双击(联系方式)
  837. table.on('rowDouble(currentTableFilter8)', function (obj) {
  838. var data = obj.data;
  839. layer.open({
  840. title: '浏览联系方式',
  841. type: 2,
  842. maxmin: true,
  843. shade: 0.2,
  844. area: ['900px', layerheight + 'px'],
  845. content: AjaxUtil.ctx + 'prjContacts/forView/' + data.id,
  846. end: function () {
  847. layer.close(index);
  848. }
  849. });
  850. });
  851. // 用于存放表格数据
  852. var dataFj = new Array();
  853. if([[${project.fj}]] != null && [[${project.fj}]] != ""){
  854. dataFj = eval('('+[[${project.fj}]]+')');
  855. }
  856. //附件
  857. table.render({
  858. elem: '#currentTableId9',
  859. data: dataFj,
  860. cols: [
  861. [
  862. {type: 'numbers', align: 'center'},
  863. {field: 'wjm', title: '文件名', width: '30%'},
  864. {field: 'scrq', title: '上传日期', width: '20%'},
  865. {field: 'sm', title: '说明'},
  866. ]
  867. ]
  868. });
  869. //双击(附件)
  870. table.on('rowDouble(currentTableFilter9)', function (obj) {
  871. window.open(obj.data.Url);
  872. });
  873. // 监听取消按钮
  874. $("button[lay-filter='cancleBtn']").click(function(){
  875. var iframeIndex = parent.layer.getFrameIndex(window.name);
  876. parent.layer.close(iframeIndex);
  877. });
  878. });
  879. //设置项目完成人员信息
  880. function setMember(member) {
  881. prjMember = member;
  882. }
  883. //获取当前的项目人员
  884. function getMember()
  885. {
  886. return prjMember;
  887. }
  888. //获取当前的项目完成单位信息
  889. function getCompany() {
  890. return prjCompany;
  891. }
  892. //设置项目完成单位信息
  893. function setCompany(company) {
  894. prjCompany = company;
  895. }
  896. //获取子课题信息
  897. function getZktInfo()
  898. {
  899. return subTopic;
  900. }
  901. </script>
  902. </body>
  903. </html>