view_apply.html 65 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446
  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. .auto-height {
  15. overflow: hidden; /* 隐藏滚动条 */
  16. }
  17. </style>
  18. </head>
  19. <body>
  20. <form class="layui-form" action="" lay-filter="formDemo">
  21. <div class="layui-tab layui-tab-card">
  22. <ul class="layui-tab-title">
  23. <li class="layui-this">常规</li>
  24. <li>其它信息</li>
  25. </ul>
  26. <div class="layui-tab-content">
  27. <!--常规开始-->
  28. <div class="layui-tab-item layui-show" style="min-height: 550px">
  29. <form class="layui-form" action="" lay-filter="formDemo">
  30. <div class="layui-form layuimini-form" style="padding-bottom: 100px">
  31. <div class="layui-form-item layui-inline" style="width: 100%">
  32. <label class="layui-form-label" style="width: 8%">申请名称</label>
  33. <div class="layui-input-inline" style="width: 70%">
  34. <input type="hidden" id="id" name="id" class="layui-input"
  35. th:value="${budgetapproval.id}">
  36. <input type="text" id="sqmc" name="sqmc" lay-verify="required" lay-reqtext="申请名称不能为空"
  37. autocomplete="off" class="layui-input" th:value="${budgetapproval.sqmc}"
  38. readonly>
  39. </div>
  40. </div>
  41. <div class="layui-form-item layui-inline" style="width: 100%">
  42. <label class="layui-form-label" style="width: 8%">项目名称</label>
  43. <div class="layui-input-inline" style="width: 70%">
  44. <input type="hidden" id="xmid" name="xmid" class="layui-input"
  45. th:value="${budgetapproval.xmid}">
  46. <input type="text" id="xmmc" name="xmmc" class="layui-input" lay-verify="required"
  47. lay-reqtext="申请名称不能为空" th:value="${budgetapproval.xmmc}" readonly>
  48. </div>
  49. </div>
  50. <div class="layui-form-item layui-inline">
  51. <label class="layui-form-label" style="width: 75px">编号</label>
  52. <div class="layui-input-inline" style="width: 380px">
  53. <input type="text" id="bh" name="bh" class="layui-input" th:value="${budgetapproval.bh}"
  54. readonly>
  55. </div>
  56. </div>
  57. <div class="layui-form-item layui-inline">
  58. <label class="layui-form-label" style="width: 75px">年份</label>
  59. <div class="layui-input-inline" style="width: 380px">
  60. <input type="number" id="nf" name="nf" class="layui-input"
  61. th:value="${budgetapproval.nf}" readonly>
  62. </div>
  63. </div>
  64. <div class="layui-form-item layui-inline"
  65. style="width: 453px; margin-left: 10px; position: absolute; z-index: 2">
  66. <table class="layui-hide" id="currentTableId_tj" name="currentTableId_tj"
  67. lay-filter="currentTableFilter_tj" style="padding-top: 0px;margin-top: 0px"></table>
  68. </div>
  69. <div class="layui-form-item layui-inline">
  70. <label class="layui-form-label" style="width: 75px">费用类别</label>
  71. <div class="layui-input-inline" style="width: 380px">
  72. <input type="hidden" id="fjmc" name="fjmc" class="layui-input"
  73. th:value="${budgetapproval.fjmc}">
  74. <input type="hidden" id="fylb" name="fylb" class="layui-input"
  75. th:value="${budgetapproval.fylb}">
  76. <input type="text" id="fylbmc" name="fylbmc" th:value="${budgetapproval.fylbmc}"
  77. class="layui-input" readonly>
  78. </div>
  79. </div>
  80. <div class="layui-form-item layui-inline" style="display: none" id="fyxxDiv">
  81. <label class="layui-form-label" style="width: 75px">费用小项</label>
  82. <div class="layui-input-inline" style="width: 380px">
  83. <input type="text" id="bz" name="bz" class="layui-input" th:value="${budgetapproval.bz}"
  84. readonly>
  85. </div>
  86. </div>
  87. <div class="layui-form-item layui-inline">
  88. <label class="layui-form-label" style="width: 80px; margin-left: -5px">申请金额(元)</label>
  89. <div class="layui-input-inline" style="width: 380px">
  90. <input type="number" id="sqje" name="sqje" class="layui-input" lay-verify="required"
  91. lay-reqtext="申请金额不能为空" autocomplete="off" th:value="${budgetapproval.sqje}"
  92. readonly>
  93. </div>
  94. </div>
  95. <div class="layui-form-item layui-inline">
  96. <label class="layui-form-label" style="width: 80px; margin-left: -5px">不含税金额(元)</label>
  97. <div class="layui-input-inline" style="width: 380px">
  98. <input type="number" id="bhsje" name="bhsje" class="layui-input" lay-verify="required"
  99. lay-reqtext="不含税金额不能为空" autocomplete="off" th:value="${budgetapproval.bhsje}"
  100. readonly>
  101. </div>
  102. </div>
  103. <div class="layui-form-item layui-inline" style="width: 100%; display: none" id="clfDiv">
  104. <label class="layui-form-label" style="width: 75px">差旅费</label>
  105. <div class="layuimini-container" style="width: 855px; margin-left: 103px">
  106. <table class="layui-hide" id="currentTableId1" name="currentTableId1"
  107. lay-filter="currentTableFilter1"
  108. style="padding-top: 0px;margin-top: 0px"></table>
  109. </div>
  110. </div>
  111. <div class="layui-form-item layui-inline" style="width: 100%; display: none" id="lsryDiv">
  112. <label class="layui-form-label" style="width: 75px">临时人员</label>
  113. <div class="layuimini-container" style="width: 853px; margin-left: 105px">
  114. <table class="layui-hide" id="currentTableId3" name="currentTableId3"
  115. lay-filter="currentTableFilter3"
  116. style="padding-top: 0px;margin-top: 0px"></table>
  117. </div>
  118. </div>
  119. <div class="layui-form-item layui-inline" style="width: 100%; display: none" id="sbsyfDiv">
  120. <label class="layui-form-label" style="width: 75px">仪器设备<br>使用费</label>
  121. <div class="layuimini-container" style="width: 853px; margin-left: 105px">
  122. <table class="layui-hide" id="currentTableId_Dev" name="currentTableId_Dev"
  123. lay-filter="currentTableFilter_Dev"
  124. style="padding-top: 0px;margin-top: 0px"></table>
  125. </div>
  126. </div>
  127. <div class="layui-form-item layui-inline" style="width: 100%; display: none" id="rjsyfDiv">
  128. <label class="layui-form-label" style="width: 75px">软件使用费</label>
  129. <div class="layuimini-container" style="width: 853px; margin-left: 105px">
  130. <table class="layui-hide" id="currentTableId_Sw" name="currentTableId_Sw"
  131. lay-filter="currentTableFilter_Sw"
  132. style="padding-top: 0px;margin-top: 0px"></table>
  133. </div>
  134. </div>
  135. <div class="layui-form-item layui-inline" style="width: 100%; display: none" id="clfyDiv">
  136. <label class="layui-form-label" style="width: 75px">材料费</label>
  137. <div class="layuimini-container" style="width: 853px; margin-left: 105px">
  138. <table class="layui-hide" id="currentTableId_Clf" name="currentTableId_Clf"
  139. lay-filter="currentTableFilter_Clf"
  140. style="padding-top: 0px;margin-top: 0px"></table>
  141. </div>
  142. </div>
  143. <div class="layui-form-item layui-inline" style="width: 100%; display: none" id="wwyjzcDiv">
  144. <label class="layui-form-label" style="width: 75px">外委研究<br>支出费</label>
  145. <div class="layuimini-container" style="width: 853px; margin-left: 105px">
  146. <table class="layui-hide" id="currentTableId_Ww" name="currentTableId_Ww"
  147. lay-filter="currentTableFilter_Ww"
  148. style="padding-top: 0px;margin-top: 0px"></table>
  149. </div>
  150. </div>
  151. <div class="layui-form-item layui-inline" style="width: 100%; display: none" id="syyjgfDiv">
  152. <label class="layui-form-label" style="width: 75px">外协测试试<br>验与加工费</label>
  153. <div class="layuimini-container" style="width: 853px; margin-left: 105px">
  154. <table class="layui-hide" id="currentTableId_Wx" name="currentTableId_Wx"
  155. lay-filter="currentTableFilter_Wx"
  156. style="padding-top: 0px;margin-top: 0px"></table>
  157. </div>
  158. </div>
  159. <div class="layui-form-item layui-inline" style="width: 100%; display: none" id="hyfDiv">
  160. <label class="layui-form-label" style="width: 75px">会议费</label>
  161. <div class="layuimini-container" style="width: 80%; margin-left: 105px">
  162. <table class="layui-hide" id="currentTableId_Hyf" name="currentTableId_Hyf"
  163. lay-filter="currentTableFilter_Hyf"
  164. style="padding-top: 0px;margin-top: 0px"></table>
  165. </div>
  166. </div>
  167. <div class="layui-form-item layui-inline" style="width: 100%; display: none" id="zlfDiv">
  168. <label class="layui-form-label" style="width: 75px">资料费</label>
  169. <div class="layuimini-container" style="width: 853px; margin-left: 105px">
  170. <table class="layui-hide" id="currentTableId_Zlf" name="currentTableId_Zlf"
  171. lay-filter="currentTableFilter_Zlf"
  172. style="padding-top: 0px;margin-top: 0px"></table>
  173. </div>
  174. </div>
  175. <div class="layui-form-item layui-inline" style="width: 100%; display: none" id="zsccDiv">
  176. <label class="layui-form-label" style="width: 75px">知识产权费</label>
  177. <div class="layuimini-container" style="width: 853px; margin-left: 105px">
  178. <table class="layui-hide" id="currentTableId_Zscc" name="currentTableId_Zscc"
  179. lay-filter="currentTableFilter_Zscc"
  180. style="padding-top: 0px;margin-top: 0px"></table>
  181. </div>
  182. </div>
  183. <div class="layui-form-item layui-inline" style="width: 100%; display: none" id="dyfDiv">
  184. <label class="layui-form-label" style="width: 75px">印刷费</label>
  185. <div class="layuimini-container" style="width: 853px; margin-left: 105px">
  186. <table class="layui-hide" id="currentTableId_Dyf" name="currentTableId_Dyf"
  187. lay-filter="currentTableFilter_Dyf"
  188. style="padding-top: 0px;margin-top: 0px"></table>
  189. </div>
  190. </div>
  191. <div class="layui-form-item layui-inline" style="width: 100%; display: none" id="jjfDiv">
  192. <label class="layui-form-label" style="width: 75px">间接费</label>
  193. <div class="layuimini-container" style="width: 853px; margin-left: 105px">
  194. <table class="layui-hide" id="currentTableId_Jjf" name="currentTableId_Jjf"
  195. lay-filter="currentTableFilter_Jjf"
  196. style="padding-top: 0px;margin-top: 0px"></table>
  197. </div>
  198. </div>
  199. <div class="layui-form-item layui-inline" style="width: 100%; display: none" id="zjfDiv">
  200. <label class="layui-form-label" style="width: 75px">专家费</label>
  201. <div class="layuimini-container" style="width: 853px; margin-left: 105px">
  202. <table class="layui-hide" id="currentTableId_Zjf" name="currentTableId_Zjf"
  203. lay-filter="currentTableFilter_Zjf"
  204. style="padding-top: 0px;margin-top: 0px"></table>
  205. </div>
  206. </div>
  207. <div class="layui-form-item layui-inline" style="width: 100%">
  208. <label class="layui-form-label" style="width: 75px">申请说明</label>
  209. <div class="layuimini-container" style="width: 853px; margin-left: 105px">
  210. <div class="layui-input-inline" style="width: 930px">
  211. <textarea id="sqsm" name="sqsm" class="layui-textarea auto-height" oninput="adjustHeight(this)"
  212. style="width: 855px;height: 20%" placeholder="请输入申请说明......" readonly></textarea>
  213. </div>
  214. </div>
  215. </div>
  216. <div class="layui-form-item layui-inline" style="width: 100%">
  217. <label class="layui-form-label" style="width: 75px">附件</label>
  218. <div class="layuimini-container" style="width: 855px; margin-left: 103px">
  219. <input type="hidden" id="fj" name="fj" class="layui-input"
  220. th:value="${budgetapproval.fj}">
  221. <table class="layui-hide" id="currentTableId2" name="currentTableId2"
  222. lay-filter="currentTableFilter2"
  223. style="padding-top: 0px;margin-top: 0px"></table>
  224. </div>
  225. </div>
  226. <div class="layui-form-item layui-inline" style="width: 100%">
  227. <label class="layui-form-label" style="width: 75px;color: red">填写规范</label>
  228. <div class="layuimini-container" style="width: 853px; margin-left: 105px">
  229. <div style="margin-top: 8px; color: #666666; font-family: Arial, sans-serif; line-height: 1.5;">
  230. <h3 style="color: red;">申请说明填写规范</h3>
  231. <p>除写明费用支出与项目研究内容的相关性外,还需明确以下细节:</p>
  232. <div style="margin-left: 20px;">
  233. <h4 style="color: #555555;">1)临时性研究人员人工费:</h4>
  234. <p>一个项目同一段时期,临时性研究人员原则上不超过3人,且聘用时间不超过3个月。费用申请中请明确聘用人员,聘用时间,具体从事的工作内容,需要的技能或学历等,确保工作量与时间、费用、能力相匹配。</p>
  235. <h4 style="color: #555555;">2)会议费:</h4>
  236. <p>申请中请明确会议内容、时间、参会人员等信息,费用按350元/人·天的标准进行总额控制,其中餐费按80元/人·天标准控制。请尽量减少陪会人员,缩小会议规模。</p>
  237. <h4 style="color: #555555;">3)差旅费:</h4>
  238. <p>申请中请明确出差人,出差时间,出差地点,出差事由。</p>
  239. <h4 style="color: #555555;">4)外委研究支出费:</h4>
  240. <p>请在招标之前先完成费用申请流程,标题为项目名称-外委研究内容具体标题。费用申请中请明确:</p>
  241. <ol>
  242. <li>外委研究/合作研究的类型,其中外委研究费用不超过项目组自控经费的30%;</li>
  243. <li>外委研究/合作研究的必要性;</li>
  244. <li>具体的研究内容;</li>
  245. <li>技术指标和具体参数;</li>
  246. <li>对方需提交的最终成果形式,如包含硬件或软件的,需明确是否需要对方提供第三方检测报告或实验室自行检测,且检测内容应明确;(提交的成果形式中若有硬件或软件的,应提供第三方检测报告;确无法提供第三方检测报告的,需明确要提供专家见证试验或现场测试报告)</li>
  247. <li>验收的标准;</li>
  248. <li>费用预估等内容。</li>
  249. </ol>
  250. <h4 style="color: #555555;">5)外协测试试验与加工:</h4>
  251. <p>申请中请明确外协的必要性、测试的具体内容、测试频次、测试参数、测试设备、样本类型、样本数量等测试要素的具体要求;明确外协单位的测试能力、资质水平的相关要求。</p>
  252. </div>
  253. </div>
  254. </div>
  255. </div>
  256. <!-- 右侧悬浮按钮 -->
  257. <div class="right-bottom-btn">
  258. <!--<button type="button" class="layui-btn" lay-filter="spOption">
  259. <i class="layui-icon layui-icon-edit"></i>审核
  260. </button>-->
  261. <button type="button" class="layui-btn" lay-filter="viewRwsBtn">
  262. <i class="layui-icon layui-icon-ok"></i>查看任务书
  263. </button>
  264. <button type="button" class="layui-btn" lay-filter="viewNdysBtn">
  265. <i class="layui-icon layui-icon-ok"></i>查看年度預算
  266. </button>
  267. <button class="layui-btn" lay-filter="cancleBtn">
  268. <i class="layui-icon layui-icon-close"></i>关闭
  269. </button>
  270. </div>
  271. </div>
  272. </form>
  273. </div>
  274. <!--常规结束-->
  275. <!--其它信息开始-->
  276. <div class="layui-tab-item" style="height: 550px">
  277. <form class="layui-form" action="" lay-filter="formDemo">
  278. <div class="layui-form layuimini-form" style="padding-bottom: 100px">
  279. <div class="layui-form-item layui-inline" style="width: 100%">
  280. <label class="layui-form-label" style="width: 85px">ERP编号</label>
  281. <div class="layui-input-inline" style="width: 845px">
  282. <input type="text" id="erpbh" name="erpbh" class="layui-input"
  283. th:value="${budgetapproval.erpbh}" readonly>
  284. </div>
  285. </div>
  286. <div class="layui-form-item layui-inline" style="width: 100%">
  287. <label class="layui-form-label" style="width: 85px">项目类型</label>
  288. <div class="layui-input-inline" style="width: 845px">
  289. <input type="text" id="xmlxmc" name="xmlxmc" class="layui-input"
  290. th:value="${budgetapproval.xmlxmc}" readonly>
  291. </div>
  292. </div>
  293. <div class="layui-form-item layui-inline" style="width: 100%">
  294. <label class="layui-form-label" style="width: 85px">项目负责人</label>
  295. <div class="layui-input-inline" style="width: 845px">
  296. <input type="text" id="xmfzrxm" name="xmfzrxm" class="layui-input"
  297. th:value="${budgetapproval.xmfzrxm}" readonly>
  298. </div>
  299. </div>
  300. <div class="layui-form-item layui-inline" style="width: 100%">
  301. <label class="layui-form-label" style="width: 85px">电科院负责人</label>
  302. <div class="layui-input-inline" style="width: 845px">
  303. <input type="text" id="dkyfzrxm" name="dkyfzrxm" class="layui-input"
  304. th:value="${budgetapproval.dkyfzrxm}" readonly>
  305. </div>
  306. </div>
  307. <div class="layui-form-item layui-inline" style="width: 100%">
  308. <label class="layui-form-label" style="width: 85px">所属部门</label>
  309. <div class="layui-input-inline" style="width: 845px">
  310. <input type="text" id="ssbmmc" name="ssbmmc" class="layui-input"
  311. th:value="${budgetapproval.ssbmmc}" readonly>
  312. </div>
  313. </div>
  314. <!-- 右侧悬浮按钮 -->
  315. <div class="right-bottom-btn">
  316. <button type="button" class="layui-btn" lay-filter="viewRwsBtn">
  317. <i class="layui-icon layui-icon-file"></i>查看任务书
  318. </button>
  319. <button type="button" class="layui-btn" lay-filter="viewNdysBtn">
  320. <i class="layui-icon layui-icon-file-b"></i>查看年度预算
  321. </button>
  322. <button class="layui-btn" lay-filter="cancleBtn">
  323. <i class="layui-icon layui-icon-close"></i>关闭
  324. </button>
  325. </div>
  326. </div>
  327. </form>
  328. </div>
  329. <!--其它信息结束-->
  330. </div>
  331. </div>
  332. <div style="display: none">
  333. <input type="hidden" th:value="${budgetapproval}" id="budgetapproval">
  334. </div>
  335. </form>
  336. <script>
  337. function adjustHeight(element) {
  338. // 重置高度,以便可以计算新的高度
  339. element.style.height = 'auto';
  340. // 设置新高度
  341. element.style.height = element.scrollHeight + 'px';
  342. }
  343. </script>
  344. <script th:src="@{/lib/jquery-3.4.1/jquery-3.4.1.min.js}" charset="utf-8"></script>
  345. <script th:src="@{/lib/layui/layui.js}" charset="utf-8"></script>
  346. <script th:src="@{/lib/coco-message/coco-message.js}" charset="utf-8"></script>
  347. <script th:src="@{/lib/xm-select-v1.2.2/xm-select.js}" charset="utf-8"></script>
  348. <script th:src="@{/js/lay-config.js}" charset="utf-8"></script>
  349. <script type="text/javascript" th:inline="javascript">
  350. AjaxUtil.ctx = /*[[@{/}]]*/'';
  351. var travelExpense = [];//差旅费
  352. var updateflag = 0;//更新标志
  353. var tempMember = [];//临时人员
  354. var devExpense = [];//仪器、设备使用费
  355. var softExpense = [];//软件使用费
  356. var materialCost = [];//材料费
  357. var outExpense = [];//外委研究支出
  358. var outTesting = [];//外协测试试验与加工费
  359. var indirect = [];//间接费
  360. var expert = [];//专家费
  361. var meeting = [];//会议费
  362. var information = [];//资料费
  363. var intellectual = [];//知识产权费
  364. var println = [];//印刷费
  365. layui.use(['table'], function () {
  366. var table = layui.table,
  367. layer = layui.layer;
  368. $(document).ready(function() {
  369. $('#sqsm').val([[${budgetapproval.sqsm}]]);
  370. adjustHeight(document.getElementById('sqsm'));
  371. });
  372. var fyId = $("#id").val();
  373. var xmId = $("#xmid").val();
  374. var nf = $("#nf").val();
  375. if ($("#fylbmc").val().indexOf("临时") > -1 && $("#fylbmc").val().indexOf("人工费") > -1)
  376. document.getElementById('lsryDiv').style.display = 'block';
  377. else
  378. document.getElementById('lsryDiv').style.display = 'none';
  379. if ($("#fylbmc").val().indexOf("设备使用费") > -1)
  380. document.getElementById('sbsyfDiv').style.display = 'block';
  381. else
  382. document.getElementById('sbsyfDiv').style.display = 'none';
  383. if ($("#fylbmc").val().indexOf("软件使用费") > -1)
  384. document.getElementById('rjsyfDiv').style.display = 'block';
  385. else
  386. document.getElementById('rjsyfDiv').style.display = 'none';
  387. if ($("#fylbmc").val().indexOf("材料费") > -1)
  388. document.getElementById('clfyDiv').style.display = 'block';
  389. else
  390. document.getElementById('clfyDiv').style.display = 'none';
  391. if ($("#fylbmc").val().indexOf("外委研究支出费") > -1)
  392. document.getElementById('wwyjzcDiv').style.display = 'block';
  393. else
  394. document.getElementById('wwyjzcDiv').style.display = 'none';
  395. if ($("#fylbmc").val().indexOf("外协测试试验与加工费") > -1)
  396. document.getElementById('syyjgfDiv').style.display = 'block';
  397. else
  398. document.getElementById('syyjgfDiv').style.display = 'none';
  399. if ($("#fylbmc").val().indexOf("间接") > -1)
  400. document.getElementById('jjfDiv').style.display = 'block';
  401. else
  402. document.getElementById('jjfDiv').style.display = 'none';
  403. if ($("#fylbmc").val().indexOf("专家") > -1)
  404. document.getElementById('zjfDiv').style.display = 'block';
  405. else
  406. document.getElementById('zjfDiv').style.display = 'none';
  407. if ($("#fylbmc").val().indexOf("印刷及知识产权费") > -1 || $("#fylbmc").val().indexOf("差旅及国际合作交流费") > -1) {
  408. document.getElementById('fyxxDiv').style.display = 'block';
  409. if ($("#bz").val().indexOf("资料费") > -1) {
  410. document.getElementById('zlfDiv').style.display = 'block';
  411. } else {
  412. document.getElementById('zlfDiv').style.display = 'none';
  413. }
  414. if ($("#bz").val().indexOf("知识产权费") > -1) {
  415. document.getElementById('zsccDiv').style.display = 'block';
  416. } else {
  417. document.getElementById('zsccDiv').style.display = 'none';
  418. }
  419. if ($("#bz").val().indexOf("印刷费") > -1) {
  420. document.getElementById('dyfDiv').style.display = 'block';
  421. } else {
  422. document.getElementById('dyfDiv').style.display = 'none';
  423. }
  424. if ($("#bz").val().indexOf("会议费") > -1) {
  425. document.getElementById('hyfDiv').style.display = 'block';
  426. } else {
  427. document.getElementById('hyfDiv').style.display = 'none';
  428. }
  429. if ($("#bz").val().indexOf("差旅费") > -1)
  430. document.getElementById('clfDiv').style.display = 'block';
  431. else
  432. document.getElementById('clfDiv').style.display = 'none';
  433. } else {
  434. document.getElementById('fyxxDiv').style.display = 'none';
  435. }
  436. // 用于存放表格数据
  437. var dataTj = [
  438. {
  439. "km": "此科目年度预算",
  440. "ysje": [[${kmFyInfo.ysje}]],
  441. "ysqje": [[${kmFyInfo.sqje}]],
  442. "ybzje": [[${kmFyInfo.bzje}]]
  443. },
  444. {
  445. "km": "项目年度经费",
  446. "ysje": [[${xmFyInfo.ysje}]],
  447. // "ysqje": [[${xmFyInfo.sqje}]],
  448. "ysqje": [[${kmFyInfo.ysje}]] * 10000 - [[${kmFyInfo.xmndjfysq}]],
  449. "ybzje": [[${kmFyInfo.ysje}]] * 10000 - [[${kmFyInfo.bzje}]]
  450. },
  451. {
  452. "km":"项目备用金",
  453. "ysje": [[${kmFyInfo.bzje2}]],
  454. "ysqje": [[${kmFyInfo.byj}]],
  455. "ybzje": [[${kmFyInfo.byjbzze}]]
  456. }
  457. ];
  458. //统计信息
  459. var currTable_tj = table.render({
  460. elem: '#currentTableId_tj',
  461. data: dataTj,
  462. cols: [
  463. [
  464. {field: 'km', title: '', width: '30%'},
  465. {field: 'ysje', title: '预算(万元)', width: '23%'},
  466. {field: 'ysqje', title: '已申请(元)', width: '30%'},
  467. {field: 'ybzje', title: '已报账(元)',width: '30%'}
  468. ]
  469. ]
  470. });
  471. // 用于存放表格数据
  472. var dataExpense = new Array();
  473. $.ajax({
  474. url: AjaxUtil.ctx + 'staTravelexpenses/list/' + fyId,
  475. type: "post",
  476. async: false,
  477. dataType: "json",
  478. success: function (result) {
  479. dataExpense = result.data.rows;
  480. }
  481. });
  482. //差旅费
  483. table.render({
  484. elem: '#currentTableId1',
  485. data: dataExpense,
  486. cols: [
  487. [
  488. {field: 'xh', title: '序号', width: '8%'},
  489. {field: 'ccrxm', title: '出差人', width: '10%'},
  490. {field: 'ccdd', title: '出差地点', width: '18%'},
  491. {field: 'qsrq', title: '起始日期', width: '13%'},
  492. {field: 'jsrq', title: '结束日期(含)', width: '14%'},
  493. {field: 'ccts', title: '出差天数', width: '11%'},
  494. {field: 'zj', title: '总计(元)', width: '10%'},
  495. {field: 'rpj', title: '日平均(元)', width: '12%'},
  496. {field: 'ccsy', title: '出差事由', width: '25%'}
  497. ]
  498. ],
  499. autoSort: false,
  500. limits: [10, 15, 20, 25, 50, 100],
  501. limit: 10,
  502. page: true,
  503. skin: 'grid',
  504. initSort: {
  505. field: 'xh', //排序字段
  506. type: 'asc' //排序方式:desc 降序,asc 升序
  507. }
  508. });
  509. //双击(差旅费)
  510. table.on('rowDouble(currentTableFilter1)', function (obj) {
  511. var data = obj.data;
  512. travelExpense = {
  513. "xh": data.xh,
  514. "ccr": data.ccr,
  515. "ccrxm": data.ccrxm,
  516. "ccdd": data.ccdd,
  517. "ccts": data.ccts,
  518. "qsrq": data.qsrq,
  519. "jsrq": data.jsrq,
  520. "jtf": data.jtf,
  521. "zsf": data.zsf,
  522. "cb": data.cb,
  523. "zj": data.zj,
  524. "rpj": data.rpj,
  525. "xmfzr": data.xmfzr,
  526. "fysq": data.fysq,
  527. "bzfyhs": data.bzjehs,
  528. "bzjebhs": data.bzjebhs,
  529. "ccsy": data.ccsy
  530. };
  531. layer.open({
  532. title: '浏览差旅费',
  533. type: 2,
  534. maxmin: true,
  535. shade: 0.2,
  536. area: [layerwidth + 'px', layerheight + 'px'],
  537. content: AjaxUtil.ctx + 'staTravelexpenses/forView',
  538. end: function (index) {
  539. layer.close(index);
  540. }
  541. });
  542. });
  543. // 用于存放表格数据
  544. var dataMember = new Array();
  545. $.ajax({
  546. url: AjaxUtil.ctx + 'staTempmember/lslist/' + fyId,
  547. type: "post",
  548. async: false,
  549. dataType: "json",
  550. success: function (result) {
  551. dataMember = result.data.rows;
  552. }
  553. });
  554. //临时人员
  555. var currTable3 = table.render({
  556. elem: '#currentTableId3',
  557. data: dataMember,
  558. cols: [
  559. [
  560. {type: "checkbox", align: 'center'},
  561. {type: 'numbers', align: 'center',title: '😊'},
  562. {field: 'xm', title: '姓名', width: '9%'},
  563. {field: 'sfzh', title: '身份证号', width: '15%'},
  564. {field: 'xmqssj',title: '项目起始时间',width: '18%'},
  565. {field: 'xmjsrq',title: '项目结束时间',width: '18%'},
  566. {field: 'qsrq', title: '聘用起始时间', width: '15%'},
  567. {field: 'jsrq', title: '聘用截止时间', width: '15%'},
  568. {field: 'fysq', title: '费用申请', width: '15%'},
  569. {field: 'bzfy', title: '报账费用', width: '15%'},
  570. {field: 'byxx', title: '毕业学校', width: '15%'},
  571. {field: 'zy', title: '专业', width: '15%'},
  572. {field: 'xl', title: '学历', width: '15%'},
  573. {field: 'gzdd', title: '工作地点', width: '20%'},
  574. {field: 'gznr', title: '工作内容', width: '25%'},
  575. ]
  576. ],
  577. autoSort: false,
  578. limits: [10, 15, 20, 25, 50, 100],
  579. limit: 10,
  580. page: true,
  581. skin: 'grid',
  582. initSort: {
  583. field: 'xh', //排序字段
  584. type: 'asc' //排序方式:desc 降序,asc 升序
  585. }
  586. });
  587. //双击(临时人员)
  588. table.on('rowDouble(currentTableFilter3)', function (obj) {
  589. var data = obj.data;
  590. tempMember = {
  591. "xm": data.xm,
  592. "sfzh": data.sfzh,
  593. "qsrq": data.qsrq,
  594. "jsrq": data.jsrq,
  595. "fysq": data.fysq,
  596. "bzfy": data.bzfy,
  597. "byxx": data.byxx,
  598. "zy": data.zy,
  599. "xl": data.xl,
  600. "gzdd": data.gzdd
  601. };
  602. layer.open({
  603. title: '浏览临时人员',
  604. type: 2,
  605. // maxmin: true,
  606. shade: 0.2,
  607. area: [layerwidth + 'px', layerheight + 'px'],
  608. content: AjaxUtil.ctx + 'staTempmember/forView',
  609. end: function (index) {
  610. layer.close(index);
  611. }
  612. });
  613. });
  614. // 用于存放表格数据
  615. var dataDevice = new Array();
  616. $.ajax({
  617. url: AjaxUtil.ctx + 'staDeviceexpenses/list/' + fyId,
  618. type: "post",
  619. async: false,
  620. dataType: "json",
  621. success: function (result) {
  622. dataDevice = result.data.rows;
  623. }
  624. });
  625. //设备使用费
  626. var tabDevice = table.render({
  627. elem: '#currentTableId_Dev',
  628. data: dataDevice,
  629. cols: [
  630. [
  631. {field: 'xh', title: '序号', width: '7%'},
  632. {field: 'sbmc', title: '设备名称', width: '30%'},
  633. {field: 'sbxh', title: '设备型号', width: '25%'},
  634. {field: 'sl', title: '数量(台件)', width: '13%'},
  635. {field: 'zj', title: '总价(万元)', width: '13%'},
  636. {field: 'gzsj', title: '购置时间', width: '13%'}
  637. ]
  638. ],
  639. autoSort: false,
  640. limits: [10, 15, 20, 25, 50, 100],
  641. limit: 10,
  642. page: true,
  643. skin: 'grid',
  644. initSort: {
  645. field: 'xh', //排序字段
  646. type: 'asc' //排序方式:desc 降序,asc 升序
  647. }
  648. });
  649. //双击(设备使用费)
  650. table.on('rowDouble(currentTableFilter_Dev)', function (obj) {
  651. var data = obj.data;
  652. devExpense = {
  653. "xh": data.xh,
  654. "sbmc": data.sbmc,
  655. "sbxh": data.sbxh,
  656. "dj": data.dj,
  657. "sl": data.sl,
  658. "zj": data.zj,
  659. "gzsj": data.gzsj,
  660. "syfjqdj": data.syfjqdj,
  661. "scgbydq": data.scgbydq,
  662. "lsdw": data.lsdw,
  663. "sbzkjzyxnzb": data.sbzkjzyxnzb
  664. };
  665. layer.open({
  666. title: '浏览仪器设备使用费',
  667. type: 2,
  668. // maxmin: true,
  669. shade: 0.2,
  670. area: [layerwidth + 'px', layerheight + 'px'],
  671. content: AjaxUtil.ctx + 'staDeviceexpenses/forView',
  672. end: function (index) {
  673. layer.close(index);
  674. }
  675. });
  676. });
  677. // 用于存放表格数据
  678. var dataSoftW = new Array();
  679. $.ajax({
  680. url: AjaxUtil.ctx + 'staSoftwareexpenses/list/' + fyId,
  681. type: "post",
  682. async: false,
  683. dataType: "json",
  684. success: function (result) {
  685. dataSoftW = result.data.rows;
  686. }
  687. });
  688. //软件使用费
  689. var tabSoftW = table.render({
  690. elem: '#currentTableId_Sw',
  691. data: dataSoftW,
  692. cols: [
  693. [
  694. {field: 'xh', title: '序号', align: 'center', width: '7%'},
  695. {field: 'rjmc', title: '软件名称', width: '30%'},
  696. {field: 'rjxh', title: '软件型号', width: '20%'},
  697. {field: 'sl', title: '数量(套)', width: '13%'},
  698. {field: 'zj', title: '总价(万元)', width: '13%'},
  699. {field: 'gzsj', title: '购置时间', width: '13%'}
  700. ]
  701. ],
  702. autoSort: false,
  703. limits: [10, 15, 20, 25, 50, 100],
  704. limit: 10,
  705. page: true,
  706. skin: 'grid',
  707. initSort: {
  708. field: 'xh', //排序字段
  709. type: 'asc' //排序方式:desc 降序,asc 升序
  710. }
  711. });
  712. //双击(软件使用费)
  713. table.on('rowDouble(currentTableFilter_Sw)', function (obj) {
  714. var data = obj.data;
  715. softExpense = {
  716. "xh": data.xh,
  717. "rjmc": data.rjmc,
  718. "rjxh": data.rjxh,
  719. "dj": data.dj,
  720. "sl": data.sl,
  721. "zj": data.zj,
  722. "gzsj": data.gzsj,
  723. "syfjqdj": data.syfjqdj,
  724. "scgbydq": data.scgbydq,
  725. "lsdw": data.lsdw,
  726. "rjzyjsxnzb": data.rjzyjsxnzb
  727. };
  728. layer.open({
  729. title: '浏览软件使用费',
  730. type: 2,
  731. // maxmin: true,
  732. shade: 0.2,
  733. area: [layerwidth + 'px', layerheight + 'px'],
  734. content: AjaxUtil.ctx + 'staSoftwareexpenses/forView',
  735. end: function (index) {
  736. layer.close(index);
  737. }
  738. });
  739. });
  740. // 用于存放表格数据
  741. var dataMaterial = new Array();
  742. $.ajax({
  743. url: AjaxUtil.ctx + 'staMaterial/list/' + fyId,
  744. type: "post",
  745. async: false,
  746. dataType: "json",
  747. success: function (result) {
  748. dataMaterial = result.data.rows;
  749. }
  750. });
  751. //材料费
  752. var tabMaterial = table.render({
  753. elem: '#currentTableId_Clf',
  754. data: dataMaterial,
  755. cols: [
  756. [
  757. {type: "checkbox", align: 'center'},
  758. {field: 'xh', title: '序号', align: 'center', width: '7%'},
  759. {field: 'clmc', title: '材料名称', width: '30%'},
  760. {field: 'wlbm', title: '物料编码', width: '20%'},
  761. {field: 'cgdj', title: '采购单价(万元)', width: '11%'},
  762. {field: 'bhsje', title: '不含税金额(元))', width: '13%'},
  763. {field: 'hsje', title: '含税金额(元))', width: '13%'},
  764. {field: 'sqje', title: '申请金额', width: '15%'},
  765. {field: 'sl',title: '税率',width: '10%'},
  766. {field: 'bz', title: '备注', width: '30%'}
  767. ]
  768. ],
  769. autoSort: false,
  770. limits: [10, 15, 20, 25, 50, 100],
  771. limit: 10,
  772. page: true,
  773. skin: 'grid',
  774. initSort: {
  775. field: 'xh', //排序字段
  776. type: 'asc' //排序方式:desc 降序,asc 升序
  777. }
  778. });
  779. //双击(材料费)
  780. table.on('rowDouble(currentTableFilter_Clf)', function (obj) {
  781. var data = obj.data;
  782. materialCost = {
  783. "xh": data.xh,
  784. "clmc": data.clmc,
  785. "wlbm": data.wlbm,
  786. "cgdj": data.cgdj,
  787. "bz": data.bz
  788. };
  789. layer.open({
  790. title: '浏览材料费',
  791. type: 2,
  792. // maxmin: true,
  793. shade: 0.2,
  794. area: [layerwidth + 'px', layerheight + 'px'],
  795. content: AjaxUtil.ctx + 'staMaterial/forView',
  796. end: function (index) {
  797. layer.close(index);
  798. }
  799. });
  800. });
  801. // 用于存放表格数据
  802. var dataIndirect = new Array();
  803. $.ajax({
  804. url: AjaxUtil.ctx + 'staIndirectCosts/list/' + fyId,
  805. type: "post",
  806. async: false,
  807. dataType: "json",
  808. success: function (result) {
  809. dataIndirect = result.data.rows;
  810. }
  811. });
  812. //间接费
  813. var tabIndirect = table.render({
  814. elem: '#currentTableId_Jjf',
  815. data: dataIndirect,
  816. cols: [
  817. [
  818. {type: "checkbox", align: 'center'},
  819. {type: 'numbers', align: 'center'},
  820. {field: 'xh', title: '序号', width: '10%'},
  821. {field: 'sqje', title: '申请金额', width: '10%'},
  822. {field: 'fyyt', title: '费用用途', width: '20%'},
  823. {field: 'bzjehs', title: '报账金额(含税)', width: '14%'},
  824. {field: 'bzjebhs', title: '报账金额(不含税))', width: '14%'},
  825. {field: 'bz', title: '备注', width: '30%'},
  826. ]
  827. ],
  828. autoSort: false,
  829. limits: [10, 15, 20, 25, 50, 100],
  830. limit: 10,
  831. page: true,
  832. skin: 'grid',
  833. initSort: {
  834. field: 'xh', //排序字段
  835. type: 'asc' //排序方式:desc 降序,asc 升序
  836. }
  837. });
  838. //双击(间接费)
  839. table.on('rowDouble(currentTableFilter_Jjf)', function (obj) {
  840. var data = obj.data;
  841. indirect = {
  842. "xh": data.xh,
  843. "sqje": data.sqje,
  844. "fyyt": data.fyyt,
  845. "bzjehs": data.bzjehs,
  846. "bzjebhs": data.bzjebhs,
  847. "bz": data.bz
  848. };
  849. layer.open({
  850. title: '浏览间接费',
  851. type: 2,
  852. // maxmin: true,
  853. shade: 0.2,
  854. area: [layerwidth + 'px', layerheight + 'px'],
  855. content: AjaxUtil.ctx + 'staIndirectCosts/forView',
  856. end: function (index) {
  857. layer.close(index);
  858. }
  859. });
  860. });
  861. // 用于存放表格数据
  862. var dataExpert = new Array();
  863. $.ajax({
  864. url: AjaxUtil.ctx + 'staExpertFee/list/' + fyId,
  865. type: "post",
  866. async: false,
  867. dataType: "json",
  868. success: function (result) {
  869. dataExpert = result.data.rows;
  870. }
  871. });
  872. //专家费
  873. var tabIndirect = table.render({
  874. elem: '#currentTableId_Zjf',
  875. data: dataExpert,
  876. cols: [
  877. [
  878. {type: "checkbox", align: 'center'},
  879. {type: 'numbers', align: 'center'},
  880. {field: 'zjxm', title: '专家姓名', width: '15%'},
  881. {field: 'sfzh', title: '身份证号', width: '15%'},
  882. {field: 'fysq', title: '费用申请', width: '20%'},
  883. {field: 'bzfy', title: '报账费用', width: '14%'},
  884. {field: 'zc', title: '职称', width: '14%'}
  885. ]
  886. ],
  887. autoSort: false,
  888. limits: [10, 15, 20, 25, 50, 100],
  889. limit: 10,
  890. page: true,
  891. skin: 'grid',
  892. initSort: {
  893. field: 'xh', //排序字段
  894. type: 'asc' //排序方式:desc 降序,asc 升序
  895. }
  896. });
  897. //双击(专家费)
  898. table.on('rowDouble(currentTableFilter_Zjf)', function (obj) {
  899. var data = obj.data;
  900. expert = {
  901. "zjxm": data.zjxm,
  902. "sfzh": data.sfzh,
  903. "fysq": data.fysq,
  904. "bzfy": data.bzfy,
  905. "zc": data.zc
  906. };
  907. layer.open({
  908. title: '浏览专家费',
  909. type: 2,
  910. // maxmin: true,
  911. shade: 0.2,
  912. area: [layerwidth + 'px', layerheight + 'px'],
  913. content: AjaxUtil.ctx + 'staExpertFee/forView',
  914. end: function (index) {
  915. layer.close(index);
  916. }
  917. });
  918. });
  919. // 用于存放表格数据
  920. var dataMeeting = new Array();
  921. $.ajax({
  922. url: AjaxUtil.ctx + 'staMeetingFee/list/' + fyId,
  923. type: "post",
  924. async: false,
  925. dataType: "json",
  926. success: function (result) {
  927. dataMeeting = result.data.rows;
  928. }
  929. });
  930. //会议费
  931. var tabIndirect = table.render({
  932. elem: '#currentTableId_Hyf',
  933. data: dataMeeting,
  934. cols: [
  935. [
  936. {type: "checkbox", align: 'center'},
  937. {type: 'numbers', align: 'center'},
  938. {field: 'hydd', title: '会议地点', width: '20%'},
  939. {field: 'fysq', title: '费用申请', width: '20%'},
  940. {field: 'bzfyh', title: '报账费用(含税)', width: '20%'},
  941. {field: 'bzfybh', title: '报账费用(不含税)', width: '20%'}
  942. ]
  943. ],
  944. autoSort: false,
  945. limits: [10, 15, 20, 25, 50, 100],
  946. limit: 10,
  947. page: true,
  948. skin: 'grid',
  949. initSort: {
  950. field: 'xh', //排序字段
  951. type: 'asc' //排序方式:desc 降序,asc 升序
  952. }
  953. });
  954. //双击(会议费)
  955. table.on('rowDouble(currentTableFilter_Hyf)', function (obj) {
  956. var data = obj.data;
  957. meeting = {
  958. "hydd": data.hydd,
  959. "fysq": data.fysq,
  960. "bzfyh": data.bzfyh,
  961. "bzfybh": data.bzfybh
  962. };
  963. layer.open({
  964. title: '浏览会议费',
  965. type: 2,
  966. // maxmin: true,
  967. shade: 0.2,
  968. area: [layerwidth + 'px', layerheight + 'px'],
  969. content: AjaxUtil.ctx + 'staMeetingFee/forView',
  970. end: function (index) {
  971. layer.close(index);
  972. }
  973. });
  974. });
  975. // 用于存放表格数据
  976. var dataInformation = new Array();
  977. $.ajax({
  978. url: AjaxUtil.ctx + 'staSourceFee/list/' + fyId,
  979. type: "post",
  980. async: false,
  981. dataType: "json",
  982. success: function (result) {
  983. dataInformation = result.data.rows;
  984. }
  985. });
  986. //资料费
  987. var tabIndirect = table.render({
  988. elem: '#currentTableId_Zlf',
  989. data: dataInformation,
  990. cols: [
  991. [
  992. {type: "checkbox", align: 'center'},
  993. {type: 'numbers', align: 'center'},
  994. {field: 'fysq', title: '费用申请', width: '15%'},
  995. {field: 'kyfh', title: '科研费号', width: '15%'},
  996. {field: 'bzfy', title: '报账费用', width: '15%'},
  997. {field: 'tsmc', title: '图书名称', width: '15%'},
  998. {field: 'cbs', title: '出版社', width: '20%'},
  999. {field: 'sl', title: '数量', width: '10%'},
  1000. {field: 'zj', title: '总价', width: '10%'},
  1001. ]
  1002. ],
  1003. autoSort: false,
  1004. limits: [10, 15, 20, 25, 50, 100],
  1005. limit: 10,
  1006. page: true,
  1007. skin: 'grid',
  1008. initSort: {
  1009. field: 'xh', //排序字段
  1010. type: 'asc' //排序方式:desc 降序,asc 升序
  1011. }
  1012. });
  1013. //双击(资料费)
  1014. table.on('rowDouble(currentTableFilter_Zlf)', function (obj) {
  1015. var data = obj.data;
  1016. information = {
  1017. "fysq": data.fysq,
  1018. "kyfh": data.kyfh,
  1019. "bzfy": data.bzfy,
  1020. "tsmc": data.tsmc,
  1021. "cbs": data.cbs,
  1022. "sl": data.sl,
  1023. "zj": data.zj
  1024. };
  1025. layer.open({
  1026. title: '浏览资料费',
  1027. type: 2,
  1028. // maxmin: true,
  1029. shade: 0.2,
  1030. area: [layerwidth + 'px', layerheight + 'px'],
  1031. content: AjaxUtil.ctx + 'staSourceFee/forView',
  1032. end: function (index) {
  1033. layer.close(index);
  1034. }
  1035. });
  1036. });
  1037. // 用于存放表格数据
  1038. var dataIntellectual = new Array();
  1039. $.ajax({
  1040. url: AjaxUtil.ctx + 'staIntellectualProperty/list/' + fyId,
  1041. type: "post",
  1042. async: false,
  1043. dataType: "json",
  1044. success: function (result) {
  1045. dataIntellectual = result.data.rows;
  1046. }
  1047. });
  1048. //知识产权费
  1049. var tabIndirect = table.render({
  1050. elem: '#currentTableId_Zscc',
  1051. data: dataIntellectual,
  1052. cols: [
  1053. [
  1054. {type: "checkbox", align: 'center'},
  1055. {type: 'numbers', align: 'center'},
  1056. {field: 'fysq', title: '申请金额', width: '15%'},
  1057. {field: 'cqlb', title: '产权类别', width: '15%'},
  1058. {field: 'mc', title: '名称', width: '15%'},
  1059. {field: 'wtjg', title: '委托机构', width: '20%'},
  1060. {field: 'bzjehs', title: '报账金额(含税)', width: '10%'},
  1061. {field: 'bzjebhs', title: '报账金额(不含税)', width: '10%'},
  1062. ]
  1063. ],
  1064. autoSort: false,
  1065. limits: [10, 15, 20, 25, 50, 100],
  1066. limit: 10,
  1067. page: true,
  1068. skin: 'grid',
  1069. initSort: {
  1070. field: 'xh', //排序字段
  1071. type: 'asc' //排序方式:desc 降序,asc 升序
  1072. }
  1073. });
  1074. //双击(知识产权费)
  1075. table.on('rowDouble(currentTableFilter_Zscc)', function (obj) {
  1076. var data = obj.data;
  1077. intellectual = {
  1078. "fysq": data.fysq,
  1079. "cqlb": data.cqlb,
  1080. "mc": data.mc,
  1081. "cbs": data.cbs,
  1082. "wtjg": data.wtjg,
  1083. "bzjehs": data.bzjehs,
  1084. "bzjebhs": data.bzjebhs
  1085. };
  1086. layer.open({
  1087. title: '浏览知识产权费',
  1088. type: 2,
  1089. // maxmin: true,
  1090. shade: 0.2,
  1091. area: [layerwidth + 'px', layerheight + 'px'],
  1092. content: AjaxUtil.ctx + 'staIntellectualProperty/forView',
  1093. end: function (index) {
  1094. layer.close(index);
  1095. }
  1096. });
  1097. });
  1098. // 用于存放表格数据
  1099. var dataPrint = new Array();
  1100. $.ajax({
  1101. url: AjaxUtil.ctx + 'staPrintingFee/list/' + fyId,
  1102. type: "post",
  1103. async: false,
  1104. dataType: "json",
  1105. success: function (result) {
  1106. dataPrint = result.data.rows;
  1107. }
  1108. });
  1109. //印刷费
  1110. var tabIndirect = table.render({
  1111. elem: '#currentTableId_Dyf',
  1112. data: dataPrint,
  1113. cols: [
  1114. [
  1115. {type: "checkbox", align: 'center'},
  1116. {type: 'numbers', align: 'center'},
  1117. {field: 'zlmc', title: '资料名称', width: '15%'},
  1118. {field: 'dcys', title: '单册页数', width: '15%'},
  1119. {field: 'dycs', title: '打印册数', width: '20%'},
  1120. {field: 'dcfy', title: '单页费用', width: '20%'},
  1121. {field: 'hj', title: '合计', width: '20%'}
  1122. ]
  1123. ],
  1124. autoSort: false,
  1125. limits: [10, 15, 20, 25, 50, 100],
  1126. limit: 10,
  1127. page: true,
  1128. skin: 'grid',
  1129. initSort: {
  1130. field: 'xh', //排序字段
  1131. type: 'asc' //排序方式:desc 降序,asc 升序
  1132. }
  1133. });
  1134. //双击(印刷费)
  1135. table.on('rowDouble(currentTableFilter_Dyf)', function (obj) {
  1136. var data = obj.data;
  1137. println = {
  1138. "zlmc": data.zlmc,
  1139. "dcys": data.dcys,
  1140. "dycs": data.dycs,
  1141. "dcfy": data.dcfy,
  1142. "hj": data.hj
  1143. };
  1144. layer.open({
  1145. title: '浏览印刷费',
  1146. type: 2,
  1147. // maxmin: true,
  1148. shade: 0.2,
  1149. area: [layerwidth + 'px', layerheight + 'px'],
  1150. content: AjaxUtil.ctx + 'staPrintingFee/forView',
  1151. end: function (index) {
  1152. layer.close(index);
  1153. }
  1154. });
  1155. });
  1156. // 用于存放表格数据
  1157. var dataOut = new Array();
  1158. $.ajax({
  1159. url: AjaxUtil.ctx + 'staOutexpense/list/' + fyId,
  1160. type: "post",
  1161. async: false,
  1162. dataType: "json",
  1163. success: function (result) {
  1164. dataOut = result.data.rows;
  1165. }
  1166. });
  1167. //外委研究支出
  1168. var tabOut = table.render({
  1169. elem: '#currentTableId_Ww',
  1170. data: dataOut,
  1171. cols: [
  1172. [
  1173. {field: 'xh', title: '序号', align: 'center', width: '7%'},
  1174. {field: 'xzyjrwmc', title: '协作研究任务名称', width: '25%'},
  1175. {field: 'xzyjrwnr', title: '协作研究任务内容', width: '25%'},
  1176. {field: 'xzyjrwcddw', title: '协作研究任务承担单位', width: '25%'},
  1177. {field: 'jflz', title: '经费列支', width: '15%'}
  1178. ]
  1179. ],
  1180. autoSort: false,
  1181. limits: [10, 15, 20, 25, 50, 100],
  1182. limit: 10,
  1183. page: true,
  1184. skin: 'grid',
  1185. initSort: {
  1186. field: 'xh', //排序字段
  1187. type: 'asc' //排序方式:desc 降序,asc 升序
  1188. }
  1189. });
  1190. //双击(外委研究支出)
  1191. table.on('rowDouble(currentTableFilter_Ww)', function (obj) {
  1192. var data = obj.data;
  1193. outExpense = {
  1194. "xh": data.xh,
  1195. "xzyjrwmc": data.xzyjrwmc,
  1196. "xzyjrwnr": data.xzyjrwnr,
  1197. "xzyjrwcddw": data.xzyjrwcddw,
  1198. "jflz": data.jflz
  1199. };
  1200. layer.open({
  1201. title: '浏览外委研究支出',
  1202. type: 2,
  1203. // maxmin: true,
  1204. shade: 0.2,
  1205. area: [layerwidth + 'px', layerheight + 'px'],
  1206. content: AjaxUtil.ctx + 'staOutexpense/forView',
  1207. end: function (index) {
  1208. layer.close(index);
  1209. }
  1210. });
  1211. });
  1212. // 用于存放表格数据
  1213. var dataTest = new Array();
  1214. $.ajax({
  1215. url: AjaxUtil.ctx + 'staOutttesting/list/' + fyId,
  1216. type: "post",
  1217. async: false,
  1218. dataType: "json",
  1219. success: function (result) {
  1220. dataTest = result.data.rows;
  1221. }
  1222. });
  1223. //外协测试试验
  1224. var tabTest = table.render({
  1225. elem: '#currentTableId_Wx',
  1226. data: dataTest,
  1227. cols: [
  1228. [
  1229. {field: 'xh', title: '序号', align: 'center', width: '7%'},
  1230. {field: 'wxcssyyjgnr', title: '外协测试试验与加工的内容', width: '30%'},
  1231. {field: 'wxcshyyjgdw', title: '外协测试化验与加工单位', width: '28%'},
  1232. {field: 'wxcshyyjgfy', title: '外协测试化验与加工费用(万元)',width: '28%'}
  1233. ]
  1234. ],
  1235. autoSort: false,
  1236. limits: [10, 15, 20, 25, 50, 100],
  1237. limit: 10,
  1238. page: true,
  1239. skin: 'grid',
  1240. initSort: {
  1241. field: 'xh', //排序字段
  1242. type: 'asc' //排序方式:desc 降序,asc 升序
  1243. }
  1244. });
  1245. //双击(外协测试试验)
  1246. table.on('rowDouble(currentTableFilter_Wx)', function (obj) {
  1247. var data = obj.data;
  1248. outTesting = {
  1249. "xh": data.xh,
  1250. "wxcssyyjgnr": data.wxcssyyjgnr,
  1251. "wxcshyyjgdw": data.wxcshyyjgdw,
  1252. "jldw": data.jldw,
  1253. "dj": data.dj,
  1254. "wxcshyyjgfy": data.wxcshyyjgfy,
  1255. "jflz": data.jflz
  1256. };
  1257. layer.open({
  1258. title: '浏览外协测试试验与加工费',
  1259. type: 2,
  1260. // maxmin: true,
  1261. shade: 0.2,
  1262. area: [layerwidth + 'px', layerheight + 'px'],
  1263. content: AjaxUtil.ctx + 'staOutttesting/forView',
  1264. end: function (index) {
  1265. layer.close(index);
  1266. }
  1267. });
  1268. });
  1269. // 用于存放表格数据
  1270. var dataFj = new Array();
  1271. if ([[${budgetapproval.fj}]] != null && [[${budgetapproval.fj}]] != "") {
  1272. dataFj = eval('(' + [[${budgetapproval.fj}]] + ')');
  1273. }
  1274. //附件
  1275. table.render({
  1276. elem: '#currentTableId2',
  1277. data: dataFj,
  1278. cols: [
  1279. [
  1280. {type: 'numbers', align: 'center'},
  1281. {field: 'wjm', title: '文件名', width: '30%'},
  1282. {field: 'scrq', title: '上传日期', width: '20%'},
  1283. {field: 'sm', title: '说明',width: '25%'},
  1284. ]
  1285. ],
  1286. autoSort: false,
  1287. limits: [10, 15, 20, 25, 50, 100],
  1288. limit: 10,
  1289. page: true,
  1290. skin: 'grid',
  1291. initSort: {
  1292. field: 'xh', //排序字段
  1293. type: 'asc' //排序方式:desc 降序,asc 升序
  1294. }
  1295. });
  1296. //双击(附件)
  1297. table.on('rowDouble(currentTableFilter2)', function (obj) {
  1298. window.open(obj.data.Url);
  1299. });
  1300. // 监听查看任务书按钮
  1301. $("button[lay-filter='viewRwsBtn']").click(function () {
  1302. var index = parent.layer.open({
  1303. title: '查看项目任务书',
  1304. type: 2,
  1305. shade: 0.3,
  1306. maxmin: true,
  1307. shadeClose: true,
  1308. area: ['1100px', layerheight + 'px'],
  1309. content: AjaxUtil.ctx + 'prjProject/forView/' + xmId,
  1310. end: function () {
  1311. layer.close(index);
  1312. }
  1313. });
  1314. });
  1315. // 监听审核操作
  1316. $("button[lay-filter='spOption']").click(function () {
  1317. var budgetApproval = document.getElementById('budgetapproval').value;
  1318. var sqje = document.getElementById('sqje').value;
  1319. const regex = /(\w+)=(?:([^,"]*?)|("[^"]*?"))(?:,|$)/g;
  1320. let match;
  1321. const parsedData = {};
  1322. while ((match = regex.exec(budgetApproval)) !== null) {
  1323. const key = match[1];
  1324. const value = match[2] !== undefined ? match[2] : match[3];
  1325. parsedData[key] = value;
  1326. }
  1327. /* var iframeIndex = parent.layer.getFrameIndex(window.name);
  1328. parent.layer.close(iframeIndex); // 关闭当前弹框*/
  1329. var content = AjaxUtil.ctx + 'staBudgetapproval/forApproveAdd';
  1330. if (parsedData.spzt !== "未提交") {
  1331. content = AjaxUtil.ctx + 'staBudgetapproval/forApproveUpdate/' + parsedData.id + '/' + sqje + '?spzt=' + parsedData.spzt;
  1332. }
  1333. console.log("打开新弹框的内容:" + content); // 调试信息,确保 content 的值正确
  1334. layer.open({
  1335. title: '审批意见',
  1336. type: 2,
  1337. shade: 0.3,
  1338. maxmin: true,
  1339. shadeClose: true,
  1340. area: ['1025px', layerheight + 'px'],
  1341. content: content,
  1342. end: function (index) {
  1343. if (updateflag == 1) {
  1344. currTable.reload();
  1345. }
  1346. updateflag = 0;
  1347. }
  1348. });
  1349. });
  1350. // 监听查看年度预算按钮
  1351. $("button[lay-filter='viewNdysBtn']").click(function () {
  1352. var index = parent.layer.open({
  1353. title: '查看年度预算',
  1354. type: 2,
  1355. shade: 0.3,
  1356. maxmin: true,
  1357. shadeClose: true,
  1358. area: ['1010px', layerheight + 'px'],
  1359. content: AjaxUtil.ctx + 'prjAnnualbudget/forNdysView1/' + xmId +'/'+ nf,
  1360. end: function () {
  1361. layer.close(index);
  1362. }
  1363. });
  1364. });
  1365. // 监听取消按钮
  1366. $("button[lay-filter='cancleBtn']").click(function () {
  1367. var iframeIndex = parent.layer.getFrameIndex(window.name);
  1368. parent.layer.close(iframeIndex);
  1369. });
  1370. });
  1371. function getTravelExpense() {
  1372. return travelExpense;
  1373. }
  1374. function getMember() {
  1375. return tempMember;
  1376. }
  1377. function getDevExpense() {
  1378. return devExpense;
  1379. }
  1380. function getSoftExpense() {
  1381. return softExpense;
  1382. }
  1383. function getMatCost() {
  1384. return materialCost;
  1385. }
  1386. function getOutExpense() {
  1387. return outExpense;
  1388. }
  1389. function getOutTesting() {
  1390. return outTesting;
  1391. }
  1392. </script>
  1393. </body>
  1394. </html>