dinge.html 35 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <meta http-equiv="x-ua-compatible" content="ie=edge">
  7. <title>定额库编辑器-纵横云计价</title>
  8. <!--inject:css-->
  9. <link rel="stylesheet" href="/lib/jquery-ui/jquery-ui.css" type="text/css">
  10. <link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.min.css">
  11. <link rel="stylesheet" href="/lib/spreadjs/sheets/css/gc.spread.sheets.sc.css" type="text/css">
  12. <link rel="stylesheet" href="/web/building_saas/css/main.css">
  13. <link rel="stylesheet" href="/lib/font-awesome/font-awesome.min.css">
  14. <link rel="stylesheet" href="/lib/ztree/css/zTreeStyle.css" type="text/css">
  15. <link rel="stylesheet" href="/lib/jquery-contextmenu/jquery.contextMenu.css" type="text/css">
  16. <!--endinject-->
  17. <link rel="shortcut icon" href="/web/building_saas/css/favicon.ico">
  18. <link rel="icon" type="image/gif" href="/web/building_saas/css/animated_favicon1.gif">
  19. <style type="text/css">
  20. .ztree * {
  21. font-family: Calibri;
  22. font-size: 0.9rem;
  23. }
  24. .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
  25. border: 2px solid #ff6501;
  26. color: #495057;
  27. background-color: #fff;
  28. border-bottom: 1px solid #fff;
  29. }
  30. .modal-lg{max-width: 1000px}
  31. .bottom-content {
  32. height: 370px;
  33. overflow: hidden;
  34. }
  35. .bottom-content .tab-content .main-data-bottom{
  36. height: 340px;
  37. overflow: auto;
  38. }
  39. </style>
  40. <script>
  41. let gljLibId = '<%= gljLibId %>';
  42. </script>
  43. </head>
  44. <body>
  45. <div class="header">
  46. <%include ../../../common/html/header.html %>
  47. <!--<nav class="navbar navbar-toggleable-lg navbar-light bg-faded p-0 ">
  48. <span class="header-logo px-2">Smartcost</span>
  49. <div id="rationname" class="navbar-text"><a href="main">定额库</a><i class="fa fa-angle-right fa-fw"></i>XXX定额库</div>
  50. </nav>-->
  51. <nav class="navbar navbar-toggleable-lg justify-content-between navbar-light p-0">
  52. <ul class="nav nav-tabs" role="tablist">
  53. <li class="nav-item">
  54. <a class="nav-link active px-3" id ="dinge" >定额</a>
  55. </li>
  56. <li class="nav-item">
  57. <a class="nav-link px-3" id="gongliao" href="<%= redirectGlj %>">人材机</a>
  58. </li>
  59. <!--<li class="nav-item">
  60. <a class="nav-link px-3" id="fuzhu" href="<%= redirectCoe %>">子目换算</a>
  61. </li>-->
  62. <li class="nav-item">
  63. <a class="nav-link px-3" id="anzhuang" href="<%= redirectInstallation %>">安装增加费</a>
  64. </li>
  65. </ul>
  66. <ul class="nav nav-tabs" role="tablist">
  67. <li class="nav-item">
  68. <a class="nav-link px-3" href="javascript:void(0);" id="zmhs">子目换算</a>
  69. </li>
  70. </ul>
  71. </nav>
  72. </div>
  73. <div class="main" style="overflow: hidden">
  74. <div class="content" style="margin-left: 0px">
  75. <div class="container-fluid">
  76. <div class="row">
  77. <div class="main-side p-0" style="width: 25%; height: 100%; overflow: hidden">
  78. <div class="tab-bar">
  79. <a href="javascript:void(0);" id="tree_Insert" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="插入"><i class="fa fa-plus" aria-hidden="true"></i></a>
  80. <a href="javascript:void(0);" id="tree_remove" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="删除"><i class="fa fa-remove" aria-hidden="true"></i></a>
  81. <a href="javascript:void(0);" id="tree_upLevel" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="升级"><i class="fa fa-arrow-left" aria-hidden="true"></i></a>
  82. <a href="javascript:void(0);" id="tree_downLevel" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="降级"><i class="fa fa-arrow-right" aria-hidden="true"></i></a>
  83. <a href="javascript:void(0);" id="tree_downMove" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下移"><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
  84. <a href="javascript:void(0);" id="tree_upMove" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
  85. </div>
  86. <div class="tab-content" id="sectionSpread" style="overflow: hidden">
  87. <!--<ul id="rationChapterTree" class="ztree"></ul>-->
  88. </div>
  89. </div>
  90. <div class="main-content p-0" id="mainContent" style="width: 75%">
  91. <!-- 右标签 -->
  92. <ul class="nav nav-tabs tools-bar" role="tablist">
  93. <li class="nav-item">
  94. <a class="nav-link active" data-toggle="tab" href="#tde" role="tab">定额</a>
  95. </li>
  96. <!-- <li class="nav-item">
  97. <a class="nav-link" data-toggle="tab" href="#tsm" role="tab" id="explanationLink">说明</a>
  98. </li>
  99. <li class="nav-item">
  100. <a class="nav-link" data-toggle="tab" href="#tjs" role="tab">计算规则</a>
  101. </li>
  102. <li class="nav-item">
  103. <a class="nav-link" data-toggle="tab" href="#tgz" role="tab">工作内容</a>
  104. </li>
  105. <li class="nav-item">
  106. <a class="nav-link" data-toggle="tab" href="#tfz" role="tab">附注</a>
  107. </li>-->
  108. </ul>
  109. <div class="tab-content">
  110. <!--定额-->
  111. <div class="tab-pane active" id="tde" role="tabpanel">
  112. <!--定额top-->
  113. <div id="rationItemsSheet" class="main-data-top"></div>
  114. <!--定额bottom-->
  115. <div class="bottom-content">
  116. <!-- 标签 -->
  117. <ul class="nav nav-tabs" role="tablist">
  118. <li class="nav-item">
  119. <a class="nav-link active" id="linkGLJ" data-toggle="tab" href="#rDetail" role="tab">人材机</a>
  120. </li>
  121. <li class="nav-item">
  122. <a class="nav-link" id="linkFZDE" data-toggle="tab" href="#rDetail" role="tab">辅助定额调整</a>
  123. </li>
  124. <li class="nav-item">
  125. <a class="nav-link" id="linkFZTJ" data-toggle="tab" href="#rDetail" role="tab">子目换算调整</a>
  126. </li>
  127. <li class="nav-item">
  128. <a class="nav-link px-3" id="linkAZZJ" data-toggle="tab" href="#rDetail" role="tab">安装增加费</a>
  129. </li>
  130. </ul>
  131. <!-- 内容 -->
  132. <div class="tab-content">
  133. <div class="tab-pane active" id="rDetail" role="tabpanel">
  134. <div id="rdSpread" class="main-data-bottom" style="overflow: hidden"></div>
  135. </div>
  136. </div>
  137. </div>
  138. </div>
  139. <!--说明-->
  140. <div class="tab-pane" id="tsm" role="tabpanel">
  141. <div class="main-data">
  142. <div class="main-content m-2">
  143. <h5>说明</h5>
  144. <textarea id="explanationShow" class="form-control" disabled="disabled" style="background: white;"></textarea>
  145. </div>
  146. </div>
  147. </div>
  148. <!--计算规则-->
  149. <div class="tab-pane" id="tjs" role="tabpanel">
  150. <div class="main-data">
  151. <div class="main-content m-2">
  152. <h5>计算规则</h5>
  153. <textarea id="ruleTextShow" class="form-control" disabled="disabled" style="background: white;"></textarea>
  154. </div>
  155. </div>
  156. </div>
  157. <!--工作内容-->
  158. <div class="tab-pane" id="tgz" role="tabpanel">
  159. <div class="main-data">
  160. <div class="form-check m-2"><label class="form-check-label"><input type="radio" class="form-check-input" name="optionsRadios" value="ALL" disabled="true"> 适合本项所有定额</label><label style="margin-left: 35px;" class="form-check-label"><input type="radio" class="form-check-input disabled" name="optionsRadios" value="PARTIAL" disabled="true"> 适合本项部分定额</label></div>
  161. <!-- <p class="m-2">适合本项所有定额</p> -->
  162. <table class="table table-sm table-bordered m-0" id="tableAll">
  163. <tr>
  164. <td><textarea class="form-control" rows="30" id="txtareaAll" disabled="disabled" style="background: white;"></textarea></td>
  165. </tr>
  166. </table>
  167. <table class="table table-sm table-bordered m-0" id="tablePartial">
  168. </table>
  169. </div>
  170. </div>
  171. <!--附注-->
  172. <div class="tab-pane" id="tfz" role="tabpanel">
  173. <div class="main-data">
  174. <div class="form-check m-2"><label class="form-check-label"><input type="radio" class="form-check-input" name="fzRadios" value="ALL" disabled=""> 适合本项所有定额</label><label style="margin-left: 35px" class="form-check-label"><input type="radio" class="form-check-input" name="fzRadios" value="PARTIAL" disabled> 适合本项部分定额</label></div>
  175. <!-- <p class="m-2">适合本项所有定额</p> -->
  176. <table class="table table-sm table-bordered m-0" id="fzTableAll">
  177. <tr>
  178. <td><textarea class="form-control" rows="30" id="fzTxtareaAll" disabled="disabled" style="background: white;"></textarea></td>
  179. </tr>
  180. </table>
  181. <table class="table table-sm table-bordered m-0" id="fzTablePartial">
  182. </table>
  183. </div>
  184. </div>
  185. </div>
  186. </div>
  187. <div class="main-side p-0 main-side-right" id="zmhsContent" style="width: 25%; display: none">
  188. <div class="resize" id="sideResize" style="width: 1%; height: 100%; resize:horizontal; cursor: w-resize; float: left; background: #F1F1F1"></div>
  189. <div style="width: 99%; float: left">
  190. <div class="main-data-top-fluid" id="mainSpread">
  191. </div>
  192. <div class="bottom-content" id="contentSpread">
  193. </div>
  194. </div>
  195. </div>
  196. </div>
  197. </div>
  198. </div>
  199. </div>
  200. <!--弹出添加-->
  201. <button id="gznrBtn" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#addNewgznr" style="display: none"></button>
  202. <div class="modal fade" id="addNewgznr" data-backdrop="static" style="display: none;" aria-hidden="true">
  203. <div class="modal-dialog" role="document">
  204. <div class="modal-content">
  205. <div class="modal-header">
  206. <h5 class="modal-title">添加工作内容</h5>
  207. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  208. <span aria-hidden="true">×</span>
  209. </button>
  210. </div>
  211. <div class="modal-body">
  212. <form>
  213. <div class="form-group">
  214. <label>内容</label>
  215. <textarea class="form-control" rows="5"></textarea>
  216. </div>
  217. </form>
  218. <form>
  219. <div class="form-group">
  220. <label>编码</label>
  221. <div class="form-control">
  222. <div class="row code">
  223. <div class="col">
  224. <label class="form-check-label">
  225. <input class="form-check-input" type="checkbox" value="option1" checked> AA0017
  226. </label>
  227. </div>
  228. <div class="col">
  229. <label class="form-check-label">
  230. <input class="form-check-input" type="checkbox" value="option1" checked> AA0018
  231. </label>
  232. </div>
  233. <div class="col">
  234. <label class="form-check-label">
  235. <input class="form-check-input" type="checkbox" value="option1" checked> AA0019
  236. </label>
  237. </div>
  238. <div class="w-100"></div>
  239. <div class="col">
  240. <label class="form-check-label">
  241. <input class="form-check-input" type="checkbox" value="option1"> AA0020
  242. </label>
  243. </div>
  244. <div class="col">
  245. <label class="form-check-label">
  246. <input class="form-check-input" type="checkbox" value="option1"> AA0021
  247. </label>
  248. </div>
  249. <div class="col">
  250. <label class="form-check-label">
  251. <input class="form-check-input" type="checkbox" value="option1"> AA0022
  252. </label>
  253. </div>
  254. </div>
  255. </div>
  256. </div>
  257. <div class="form-group">
  258. <label>内容</label>
  259. <textarea class="form-control" rows="5"></textarea>
  260. </div>
  261. </form>
  262. </div>
  263. <div class="modal-footer">
  264. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  265. <a href="" class="btn btn-primary">确定</a>
  266. </div>
  267. </div>
  268. </div>
  269. </div>
  270. <!--弹出编辑-->
  271. <div class="modal fade" id="editTsm" data-backdrop="static" style="display: none;" aria-hidden="true">
  272. <div class="modal-dialog" role="document">
  273. <div class="modal-content">
  274. <div class="modal-header">
  275. <h5 class="modal-title">编辑说明</h5>
  276. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  277. <span aria-hidden="true">×</span>
  278. </button>
  279. </div>
  280. <div class="modal-body">
  281. <form>
  282. <div class="form-group">
  283. <label>内容</label>
  284. <textarea class="form-control" rows="5" id="explanationAdd"></textarea>
  285. </div>
  286. </form>
  287. </div>
  288. <div class="modal-footer">
  289. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  290. <a href="javascript:void(0);" class="btn btn-primary" id="explanationBtn" data-dismiss="modal">确定</a>
  291. </div>
  292. </div>
  293. </div>
  294. </div>
  295. <div class="modal fade" id="editTjs" data-backdrop="static" style="display: none;" aria-hidden="true">
  296. <div class="modal-dialog" role="document">
  297. <div class="modal-content">
  298. <div class="modal-header">
  299. <h5 class="modal-title">编辑计算规则</h5>
  300. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  301. <span aria-hidden="true">×</span>
  302. </button>
  303. </div>
  304. <div class="modal-body">
  305. <form>
  306. <div class="form-group">
  307. <label>内容</label>
  308. <textarea class="form-control" rows="5"></textarea>
  309. </div>
  310. </form>
  311. </div>
  312. <div class="modal-footer">
  313. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  314. <a href="javascript:void(0);" class="btn btn-primary" data-dismiss="modal" id="ruleTextAdd">确定</a>
  315. </div>
  316. </div>
  317. </div>
  318. </div>
  319. <div class="modal fade" id="editBianmaQ" data-backdrop="static" style="display: none;" aria-hidden="true">
  320. <div class="modal-dialog" role="document">
  321. <div class="modal-content">
  322. <div class="modal-header">
  323. <h5 class="modal-title">修改编码</h5>
  324. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  325. <span aria-hidden="true">×</span>
  326. </button>
  327. </div>
  328. <div class="modal-body">
  329. <form>
  330. <div class="form-group">
  331. <label>编码</label>
  332. <div class="form-control">
  333. <div class="row code" id="updateCon">
  334. </div>
  335. </div>
  336. </div>
  337. </form>
  338. </div>
  339. <div class="modal-footer">
  340. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  341. <a href="javascript: void(0);" class="btn btn-primary" data-dismiss="modal" id="updateConBtn">确定</a>
  342. </div>
  343. </div>
  344. </div>
  345. </div>
  346. <div class="modal fade" id="editBianma" data-backdrop="static" style="display: none;" aria-hidden="true">
  347. <div class="modal-dialog" role="document">
  348. <div class="modal-content">
  349. <div class="modal-header">
  350. <h5 class="modal-title">勾选编码</h5>
  351. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  352. <span aria-hidden="true">×</span>
  353. </button>
  354. </div>
  355. <div class="modal-body">
  356. <form>
  357. <div class="form-group">
  358. <label>编码</label>
  359. <div class="form-control">
  360. <div class="row code" id="addCon">
  361. </div>
  362. </div>
  363. </div>
  364. </form>
  365. </div>
  366. <div class="modal-footer">
  367. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  368. <a href="javascript: void(0);" class="btn btn-primary" data-dismiss="modal" id="addConBtn">确定</a>
  369. </div>
  370. </div>
  371. </div>
  372. </div>
  373. <!--弹出附注-->
  374. <div class="modal fade" id="fzEditBianmaQ" data-backdrop="static" style="display: none;" aria-hidden="true">
  375. <div class="modal-dialog" role="document">
  376. <div class="modal-content">
  377. <div class="modal-header">
  378. <h5 class="modal-title">修改编码</h5>
  379. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  380. <span aria-hidden="true">×</span>
  381. </button>
  382. </div>
  383. <div class="modal-body">
  384. <form>
  385. <div class="form-group">
  386. <label>编码</label>
  387. <div class="form-control">
  388. <div class="row code" id="fzUpdateCon">
  389. </div>
  390. </div>
  391. </div>
  392. </form>
  393. </div>
  394. <div class="modal-footer">
  395. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  396. <a href="javascript: void(0);" class="btn btn-primary" data-dismiss="modal" id="fzUpdateConBtn">确定</a>
  397. </div>
  398. </div>
  399. </div>
  400. </div>
  401. <div class="modal fade" id="fzEditBianma" data-backdrop="static" style="display: none;" aria-hidden="true">
  402. <div class="modal-dialog" role="document">
  403. <div class="modal-content">
  404. <div class="modal-header">
  405. <h5 class="modal-title">勾选编码</h5>
  406. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  407. <span aria-hidden="true">×</span>
  408. </button>
  409. </div>
  410. <div class="modal-body">
  411. <form>
  412. <div class="form-group">
  413. <label>编码</label>
  414. <div class="form-control">
  415. <div class="row code" id="fzAddCon">
  416. </div>
  417. </div>
  418. </div>
  419. </form>
  420. </div>
  421. <div class="modal-footer">
  422. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  423. <a href="javascript: void(0);" class="btn btn-primary" data-dismiss="modal" id="fzAddConBtn">确定</a>
  424. </div>
  425. </div>
  426. </div>
  427. </div>
  428. <!--弹出警告窗-->
  429. <button id="rationAlertBtn" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#rationAlert" style="display: none"></button>
  430. <div class="modal fade" id="rationAlert" data-backdrop="static" style="display: none;" aria-hidden="true">
  431. <input type="hidden" id="gdid" value="123">
  432. <div class="modal-dialog" role="document">
  433. <div class="modal-content">
  434. <div class="modal-header">
  435. <h5 class="modal-title">取消确认</h5>
  436. <button type="button" id="rationAlertCls" class="close" data-dismiss="modal" aria-label="Close">
  437. <span aria-hidden="true">×</span>
  438. </button>
  439. </div>
  440. <div class="modal-body">
  441. <h5 class="text-danger" id="alertRationTxt">编码不可为空,继续新增定额?</h5>
  442. </div>
  443. <div class="modal-footer">
  444. <button type="button" class="btn btn-secondary" id="rationAlertCac" data-dismiss="modal">取消</button>
  445. <a href="javascript: void(0);" id="rationAlertCof" class="btn btn-danger" data-dismiss="modal">确认</a>
  446. </div>
  447. </div>
  448. </div>
  449. </div>
  450. <button id="alertModalBtn" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#alertModal" style="display: none"></button>
  451. <div class="modal fade" id="alertModal" data-backdrop="static" style="display: none;" aria-hidden="true">
  452. <input type="hidden" id="codedid" value="123">
  453. <div class="modal-dialog" role="document">
  454. <div class="modal-content">
  455. <div class="modal-header">
  456. <h5 class="modal-title">警告</h5>
  457. <button type="button" id="alertModalCls" class="close" data-dismiss="modal" aria-label="Close">
  458. <span aria-hidden="true">×</span>
  459. </button>
  460. </div>
  461. <div class="modal-body">
  462. <h5 class="text-danger" id="alertText">输入的编号已存在,请重新输入!</h5>
  463. </div>
  464. <div class="modal-footer">
  465. <button type="button" class="btn btn-danger" id="alertModalCof" data-dismiss="modal">确认</button>
  466. </div>
  467. </div>
  468. </div>
  469. </div>
  470. <!--弹出定额库-->
  471. <div class="modal fade" id="comple-ration" data-backdrop="static">
  472. <div class="modal-dialog modal-lg" role="document">
  473. <div class="modal-content">
  474. <div class="modal-header">
  475. <h5 class="modal-title">定额库</h5>
  476. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  477. <span aria-hidden="true">&times;</span>
  478. </button>
  479. </div>
  480. <div class="modal-auto-height">
  481. <table class="table table-hover table-bordered">
  482. <thead><tr><th>定额库名称</th></tr></thead>
  483. <tbody id="comple_ration_table">
  484. </tbody>
  485. </table>
  486. </div>
  487. </div>
  488. </div>
  489. </div>
  490. <!--弹出选择人材机-->
  491. <div class="modal fade" id="selGlj" data-backdrop="static">
  492. <div class="modal-dialog modal-lg" role="document" id="modalCon">
  493. <div class="modal-content" >
  494. <div class="modal-header">
  495. <h5 class="modal-title">选择人材机</h5>
  496. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  497. <span aria-hidden="true">&times;</span>
  498. </button>
  499. </div>
  500. <div class="modal-body" style="padding-left: 0; padding-right: 3px; margin-left: 0;">
  501. <div style="width: 36%; float: left;">
  502. <div class="modal-auto-height" id="gljSelTreeDiv" style="overflow: hidden">
  503. <!--<div class="print-list">-->
  504. <div style="width: 100%; height: 100%; overflow: auto">
  505. <ul id="selGljTree" class="ztree"></ul>
  506. </div>
  507. <!--</div>-->
  508. </div>
  509. </div>
  510. <div style="width: 64%; padding-left: 3px; float: left;">
  511. <div class="row">
  512. <div class="col-12" id="gljRadios">
  513. <div class="row">
  514. <div class="col-7" style="margin-top: 5px;">
  515. <input type="radio" class="glj-radio" name="glj" value="allGljs">所有&nbsp;&nbsp;
  516. <input type="radio" class="glj-radio" name="glj" value="stdGljs">标准&nbsp;&nbsp;
  517. <input type="radio" class="glj-radio" name="glj" value="complementaryGljs">补充&nbsp;&nbsp;
  518. </div>
  519. <div class="input-group col-5" style="margin-bottom: 5px;">
  520. <input type="text" class="form-control form-control-sm" placeholder="请输入筛选编码或名称" value="" id="gljSearchKeyword">
  521. </div>
  522. </div>
  523. </div>
  524. <div class="modal-auto-height col-12" style="overflow: hidden" id="gljSelSheet">
  525. </div>
  526. </div>
  527. </div>
  528. </div>
  529. <div class="modal-footer">
  530. <a href="javascript:void(0);" id="gljSelY" class="btn btn-primary">确定</a>
  531. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  532. </div>
  533. </div>
  534. </div>
  535. </div>
  536. <!--删除-->
  537. <div class="modal fade" id="delAlert" data-backdrop="static" style="display: none;" aria-hidden="true">
  538. <input type="hidden" value="123">
  539. <div class="modal-dialog" role="document">
  540. <div class="modal-content">
  541. <div class="modal-header">
  542. <h5 class="modal-title">警告</h5>
  543. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  544. <span aria-hidden="true">×</span>
  545. </button>
  546. </div>
  547. <div class="modal-body">
  548. <h5 class="text-danger" id="delText">是否删除当前节点及其子项?</h5>
  549. </div>
  550. <div class="modal-footer">
  551. <button type="button" class="btn btn-danger" id="delConfirm">确认</button>
  552. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  553. </div>
  554. </div>
  555. </div>
  556. </div>
  557. <!-- JS. -->
  558. <script src = "/lib/spreadjs/sheets/gc.spread.sheets.all.11.1.2.min.js"></script>
  559. <script>GC.Spread.Sheets.LicenseKey = '<%- LicenseKey %>';</script>
  560. <!--inject:js-->
  561. <script src="/public/web/uuid.js"></script>
  562. <script type="text/javascript" src="/lib/jquery-contextmenu/jquery.contextMenu.min.js"></script>
  563. <script type="text/javascript" src="/lib/jquery-contextmenu/jquery.ui.position.js"></script>
  564. <script type="text/javascript" src="/lib/ztree/jquery.ztree.core.js"></script>
  565. <script type="text/javascript" src="/web/building_saas/complementary_ration_lib/js/global.js"></script>
  566. <script type="text/javascript" src="/public/web/id_tree.js"></script>
  567. <script type="text/javascript" src="/public/web/tree_sheet/tree_sheet_controller.js"></script>
  568. <script type="text/javascript" src="/public/web/tree_sheet/tree_sheet_helper.js"></script>
  569. <script type="text/javascript" src="/public/web/treeDataHelper.js"></script>
  570. <script type="text/javascript" src="/public/web/sheet/sheet_common.js"></script>
  571. <script type="text/javascript" src="/public/web/sheet/sheet_data_helper.js"></script>
  572. <script type="text/javascript" src="/web/building_saas/complementary_ration_lib/js/sheetsOpr.js"></script>
  573. <script type="text/javascript" src="/public/web/QueryParam.js"></script>
  574. <script type="text/javascript" src="/public/web/storageUtil.js"></script>
  575. <script type="text/javascript" src="/web/building_saas/complementary_ration_lib/js/section_tree.js"></script>
  576. <script type="text/javascript" src="/web/building_saas/complementary_ration_lib/js/explanatory.js"></script>
  577. <script type="text/javascript" src="/web/building_saas/complementary_ration_lib/js/jobContent.js"></script>
  578. <script type="text/javascript" src="/web/building_saas/complementary_ration_lib/js/annotation.js"></script>
  579. <!-- <script type="text/javascript" src="/public/web/scMathUtil.js"></script>-->
  580. <script type="text/javascript" src="/public/web/common_ajax.js"></script>
  581. <script type="text/javascript" src="/public/web/ztree_common.js"></script>
  582. <script type="text/javascript" src="/public/web/ration_glj_units.js"></script>
  583. <script type="text/javascript" src="/web/building_saas/complementary_ration_lib/js/ration.js"></script>
  584. <script type="text/javascript" src="/web/building_saas/complementary_ration_lib/js/gljSelect.js"></script>
  585. <script type="text/javascript" src="/web/building_saas/complementary_ration_lib/js/ration_glj.js"></script>
  586. <!-- <script type="text/javascript" src="/public/web/sheet/sheet_creater.js"></script>-->
  587. <script type="text/javascript" src="/web/building_saas/complementary_ration_lib/js/ration_coe.js"></script>
  588. <script type="text/javascript" src="/web/building_saas/complementary_ration_lib/js/ration_assist.js"></script>
  589. <script type="text/javascript" src="/web/building_saas/complementary_ration_lib/js/ration_installation.js"></script>
  590. <script src="/web/building_saas/complementary_ration_lib/js/coe.js"></script>
  591. <!--endinject-->
  592. <script type="text/javascript">
  593. let userID = '<%=userID %>';
  594. $(document).ready(function(){
  595. rationOprObj.buildSheet($("#rationItemsSheet")[0]);
  596. // tabPanel 下有多个Spread时,相互之间不能正确显示。改成一个Spread下多个Sheet。
  597. var rdSpread = sheetCommonObj.createSpread($("#rdSpread")[0], 4);
  598. rdSpread.options.allowUserDragFill = false;
  599. rdSpread.options.allowUserDragDrop = false;
  600. sheetCommonObj.spreadDefaultStyle(rdSpread);
  601. rationGLJOprObj.buildSheet(rdSpread.getSheet(0));
  602. rationAssistOprObj.buildSheet(rdSpread.getSheet(1));
  603. rationCoeOprObj.buildSheet(rdSpread.getSheet(2));
  604. rationInstObj.buildSheet(rdSpread.getSheet(3));
  605. rationInstObj.getInstallation(parseInt(getQueryString("repository")), function () {
  606. //rationInstObj.buildSheet(rdSpread.getSheet(3));
  607. });
  608. let rdSpreadEscSheets = [];
  609. rdSpreadEscSheets.push({sheet: rdSpread.getSheet(0), editStarting: rationGLJOprObj.onEditStarting, editEnded: rationGLJOprObj.onCellEditEnd});
  610. rdSpreadEscSheets.push({sheet: rdSpread.getSheet(1), editStarting: rationAssistOprObj.onEditStarting, editEnded: rationAssistOprObj.onEditEnded});
  611. rdSpreadEscSheets.push({sheet: rdSpread.getSheet(2), editStarting: rationCoeOprObj.onEditStarting, editEnded: rationCoeOprObj.onEditEnded});
  612. rdSpreadEscSheets.push({sheet: rdSpread.getSheet(3), editStarting: rationInstObj.onEditStarting, editEnded: rationInstObj.onEditEnded});
  613. sheetCommonObj.bindEscKey(rdSpread, rdSpreadEscSheets);
  614. pageOprObj.initPage();
  615. $("#linkGLJ").click(function(){
  616. rationGLJOprObj.bindRationGljDelOpr();
  617. rdSpread.setActiveSheetIndex(0);
  618. });
  619. $("#linkFZDE").click(function(){
  620. rationAssistOprObj.bindRationAssDel();
  621. rdSpread.setActiveSheetIndex(1);
  622. });
  623. $("#linkFZTJ").click(function(){
  624. rationCoeOprObj.bindRationCoeDel();
  625. rdSpread.setActiveSheetIndex(2);
  626. });
  627. $("#linkAZZJ").click(function(){
  628. rationInstObj.bindRationInstDel();
  629. rdSpread.setActiveSheetIndex(3);
  630. });
  631. //解决spreadjs sheet初始化没高度宽度
  632. $('#modalCon').width($(window).width()*0.5);
  633. $('#gljSelTreeDiv').height($(window).height() - 300);
  634. $("#gljSelSheet").height($("#gljSelTreeDiv").height()-21.6);
  635. $("#gljSelSheet").width($('#modalCon').width() * 0.63);
  636. $(window).resize(function () {
  637. $('#modalCon').width($(window).width()*0.5);
  638. $('#gljSelTreeDiv').height($(window).height() - 300);
  639. $("#gljSelSheet").height($("#gljSelTreeDiv").height()-21.6);
  640. $("#gljSelSheet").width($('#modalCon').width()* 0.63);
  641. });
  642. });
  643. </script>
  644. </body>
  645. <script type="text/javascript">
  646. autoFlashHeight();
  647. </script>
  648. </html>