qingdan.html 42 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883
  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. <link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.min.css">
  9. <link rel="stylesheet" href="/web/maintain/bills_lib/css/main.css">
  10. <link rel="stylesheet" href="/lib/font-awesome/font-awesome.min.css">
  11. <!--spread-->
  12. <link rel="stylesheet" href="/lib/spreadjs/sheets/css/gc.spread.sheets.sc.css">
  13. </head>
  14. <body>
  15. <div class="header">
  16. <nav class="navbar navbar-toggleable-lg navbar-light bg-faded p-0 ">
  17. <span class="header-logo px-2">清单规则编辑器</span>
  18. <div class="navbar-text"></div>
  19. </nav>
  20. <nav class="navbar navbar-toggleable-lg justify-content-between navbar-light p-0">
  21. <ul class="nav nav-tabs" role="tablist">
  22. <li class="nav-item">
  23. <a class="nav-link active px-3" href="javascript: void(0);">清单</a>
  24. </li>
  25. <li class="nav-item">
  26. <a id="aStdJobs" class="nav-link px-3" href="stdJobs">工作内容</a>
  27. </li>
  28. <li class="nav-item">
  29. <a id="aStdItems" class="nav-link px-3" href="stdItems">项目特征</a>
  30. </li>
  31. </ul>
  32. </nav>
  33. </div>
  34. <div class="main">
  35. <div class="content" >
  36. <div class="container-fluid">
  37. <div class="row">
  38. <div class="main-content col-lg-7 p-0">
  39. <nav class="navbar sticky-top navbar-toggleable-md navbar-light bg-faded tools-bar">
  40. <div class="collapse navbar-collapse" id="navbarNav">
  41. <ul class="navbar-nav">
  42. <li class="nav-item">
  43. <a class="nav-link text-primary" doing="false" fcsOnBills="true" id="insert" href="javascript: void(0);"><i class="fa fa-share" aria-hidden="true"></i>插入</a>
  44. </li>
  45. <li class="nav-item">
  46. <a class="nav-link text-primary" doing="false" fcsOnBills="true" id ="delete" href="javascript:void (0)"><i class="fa fa-remove" aria-hidden="true"></i>删除</a>
  47. </li>
  48. <li class="nav-item">
  49. <a class="nav-link text-primary" doing="false" fcsOnBills="true" id="upLevel" href="javascript: void(0);"><i class="fa fa-arrow-left" aria-hidden="true"></i>升级</a>
  50. </li>
  51. <li class="nav-item">
  52. <a class="nav-link text-primary" doing="false" fcsOnBills="true" id="downLevel" href="javascript: void(0);"><i class="fa fa-arrow-right" aria-hidden="true"></i>降级</a>
  53. </li>
  54. <li class="nav-item">
  55. <a class="nav-link text-primary" doing="false" fcsOnBills="true" canMove="false" id="upMove" href="javascript: void(0);"><i class="fa fa-arrow-up" aria-hidden="true"></i>上移</a>
  56. </li>
  57. <li class="nav-item">
  58. <a class="nav-link text-primary" doing="false" fcsOnBills="true" canMove="false" id="downMove" href="javascript: void(0);"><i class="fa fa-arrow-down" aria-hidden="true"></i>下移</a>
  59. </li>
  60. </ul>
  61. </div>
  62. </nav>
  63. <div class="main-data" id="spreadBills">
  64. </div>
  65. </div>
  66. <div class="main-side col-lg-5 p-0">
  67. <div class="container-fluid">
  68. <div style="width:50%; height: 100%; float: left;">
  69. <h5>工作内容</h5>
  70. <div id="spreadJobs" class="ovf-hidden" style="width:97%; height: 300px;"></div>
  71. </div>
  72. <div style="width:50%; height: 100%; float: left;">
  73. <h5>项目特征</h5>
  74. <div id="spreadItems" class="ovf-hidden" style="width: 97%; height: 300px;"></div>
  75. </div>
  76. <div class="form-group">
  77. <label for="exampleTextarea"><h5>补注:</h5></label>
  78. <textarea class="form-control" id="exampleTextarea" rows="8"></textarea>
  79. </div>
  80. <!-- <div class="row">
  81. <div class="col ovf-hidden" style="width:50%; height: 100%; float: left;">
  82. <h5>工作内容</h5>
  83. <div id="spreadJobs" style="width:97%; height: 300px;"></div>
  84. </div>
  85. <div class="col" style="width:50%; height: 100%; float: left;">
  86. <h5>项目特征</h5>
  87. <div id="spreadItems" class="ovf-hidden" style="width: 97%; height: 300px;"></div>
  88. </div>
  89. <div class="w-100"></div>
  90. <div class="col">
  91. <div class="form-group">
  92. <label for="exampleTextarea"><h5>补注:</h5></label>
  93. <textarea class="form-control" id="exampleTextarea" rows="8"></textarea>
  94. </div>
  95. </div>
  96. </div>-->
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. </div>
  103. <!--弹出添加-->
  104. <div class="modal fade" id="add" data-backdrop="static" style="display: none;" aria-hidden="true">
  105. <div class="modal-dialog" role="document">
  106. <div class="modal-content">
  107. <div class="modal-header">
  108. <h5 class="modal-title">添加定额</h5>
  109. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  110. <span aria-hidden="true">×</span>
  111. </button>
  112. </div>
  113. <div class="modal-body">
  114. <form>
  115. <div class="form-group">
  116. <label>编码</label>
  117. <input class="form-control" placeholder="输入编码" type="text">
  118. </div>
  119. <div class="form-group">
  120. <label>名称</label>
  121. <input class="form-control" placeholder="输入名称" type="text">
  122. </div>
  123. <div class="form-group">
  124. <label>单位</label>
  125. <select class="form-control"><option>选择单位</option><option>m3</option></select>
  126. </div>
  127. <div class="form-group">
  128. <label>基价</label>
  129. <input class="form-control" placeholder="输入基价" type="number">
  130. </div>
  131. <div class="form-group">
  132. <label>显示名称(以%s表示参数)</label>
  133. <input class="form-control" placeholder="输入显示名称" type="text">
  134. </div>
  135. <div class="form-group">
  136. <label>默认取费专业</label>
  137. <input class="form-control" placeholder="输入取费专业" type="text">
  138. </div>
  139. </form>
  140. </div>
  141. <div class="modal-footer">
  142. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  143. <a href="" class="btn btn-primary">添加</a>
  144. </div>
  145. </div>
  146. </div>
  147. </div>
  148. <!--弹出编辑-->
  149. <div class="modal fade" id="edit" data-backdrop="static" style="display: none;" aria-hidden="true">
  150. <div class="modal-dialog" role="document">
  151. <div class="modal-content">
  152. <div class="modal-header">
  153. <h5 class="modal-title">编辑定额</h5>
  154. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  155. <span aria-hidden="true">×</span>
  156. </button>
  157. </div>
  158. <div class="modal-body">
  159. <form>
  160. <div class="form-group">
  161. <label>编码</label>
  162. <input class="form-control" placeholder="输入编码" type="text" value="AA0001">
  163. </div>
  164. <div class="form-group">
  165. <label>名称</label>
  166. <input class="form-control" placeholder="输入名称" type="text" value="人工挖土方">
  167. </div>
  168. <div class="form-group">
  169. <label>单位</label>
  170. <select class="form-control"><option>m3</option></select>
  171. </div>
  172. <div class="form-group">
  173. <label>基价</label>
  174. <input class="form-control" placeholder="输入基价" type="number" value="880.84">
  175. </div>
  176. <div class="form-group">
  177. <label>显示名称(以%s表示参数)</label>
  178. <input class="form-control" placeholder="输入显示名称" type="text" value="人工挖土方">
  179. </div>
  180. <div class="form-group">
  181. <label>默认取费专业</label>
  182. <input class="form-control" placeholder="输入取费专业" type="text" value="1">
  183. </div>
  184. </form>
  185. </div>
  186. <div class="modal-footer">
  187. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  188. <a href="" class="btn btn-primary">确定</a>
  189. </div>
  190. </div>
  191. </div>
  192. </div>
  193. <!--弹出删除-->
  194. <div class="modal fade" id="del" data-backdrop="static" style="display: none;" aria-hidden="true">
  195. <div class="modal-dialog" role="document">
  196. <div class="modal-content">
  197. <div class="modal-header">
  198. <h5 class="modal-title">删除确认</h5>
  199. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  200. <span aria-hidden="true">×</span>
  201. </button>
  202. </div>
  203. <div class="modal-body">
  204. <h5 class="text-danger">删除后无法恢复,确认是否删除?</h5>
  205. </div>
  206. <div class="modal-footer">
  207. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  208. <a href="" class="btn btn-danger">删除</a>
  209. </div>
  210. </div>
  211. </div>
  212. </div>
  213. <!--弹出提示窗口-->
  214. <button id="alertBtn" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#alertDiv" style="display: none"></button>
  215. <div class="modal fade" id="alertDiv" data-backdrop="static" style="display: none;" aria-hidden="true">
  216. <input type="hidden" value="123">
  217. <div class="modal-dialog" role="document">
  218. <div class="modal-content">
  219. <div class="modal-header">
  220. <h5 class="modal-title">警告</h5>
  221. <button type="button" id="alertCls" class="close" data-dismiss="modal" aria-label="Close">
  222. <span aria-hidden="true">×</span>
  223. </button>
  224. </div>
  225. <div class="modal-body">
  226. <h5 class="text-danger" id="alertTxt">编号不存在,请重新输入!</h5>
  227. </div>
  228. <div class="modal-footer">
  229. <button type="button" class="btn btn-danger" id="alertCof" data-dismiss="modal">确认</button>
  230. </div>
  231. </div>
  232. </div>
  233. </div>
  234. <!--删除-->
  235. <div class="modal fade" id="delAlert" data-backdrop="static" style="display: none;" aria-hidden="true">
  236. <input type="hidden" value="123">
  237. <div class="modal-dialog" role="document">
  238. <div class="modal-content">
  239. <div class="modal-header">
  240. <h5 class="modal-title">警告</h5>
  241. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  242. <span aria-hidden="true">×</span>
  243. </button>
  244. </div>
  245. <div class="modal-body">
  246. <h5 class="text-danger" id="delText">是否删除当前清单及其子项?</h5>
  247. </div>
  248. <div class="modal-footer">
  249. <button type="button" class="btn btn-danger" id="delConfirm">确认</button>
  250. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  251. </div>
  252. </div>
  253. </div>
  254. </div>
  255. <!-- JS. -->
  256. <script src = "/lib/spreadjs/sheets/gc.spread.sheets.all.11.1.2.min.js"></script>
  257. <script>GC.Spread.Sheets.LicenseKey = '<%- LicenseKey %>';</script>
  258. <script src="/public/web/uuid.js"></script>
  259. <script src="/lib/jquery/jquery.min.js"></script>
  260. <script src="/lib/tether/tether.min.js"></script>
  261. <script src="/lib/bootstrap/bootstrap.min.js"></script>
  262. <script src="/web/maintain/bills_lib/scripts/global.js"></script>
  263. <script src="/public/web/sheet/sheet_common.js"></script>
  264. <script src="/web/maintain/bills_lib/scripts/set_sheets.js"></script>
  265. <script src="/web/maintain/bills_lib/scripts/bills_lib_ajax.js"></script>
  266. <!--idTree-->
  267. <script src="/public/web/id_tree.js"></script>
  268. <script src="/public/web/tree_sheet/tree_sheet_controller.js"></script>
  269. <script src="/public/web/tree_sheet/tree_sheet_helper.js"></script>
  270. <script src="/web/maintain/bills_lib/scripts/bills_lib_setting.js"></script>
  271. <script src="/web/maintain/bills_lib/scripts/bills_lib_tree.js"></script>
  272. <script src="/web/maintain/bills_lib/scripts/db_controller.js"></script>
  273. <script src="/web/maintain/bills_lib/scripts/tools.js"></script>
  274. </body>
  275. <script type="text/javascript">
  276. autoFlashHeight();
  277. let userAccount = '<%= userAccount %>';
  278. let maxJobsNumber;
  279. let maxItemsNumber;
  280. let orgJobData;
  281. let orgItemData;
  282. let billsTree = billsLibTree.createBillsTree();
  283. let billsLibId = getQueryString("billsLibId");
  284. let sheetDatas;
  285. let sheetItemsDatas;
  286. let sheetBillsDatas;
  287. tools.redirect(billsLibId, 'stdBillsmain');
  288. let jobsSpread = new GC.Spread.Sheets.Workbook($("#spreadJobs")[0], {sheetCount: 1});
  289. sheetCommonObj.bindEscKey(jobsSpread, [{sheet: jobsSpread.getSheet(0), editStarting: jobsController.onEditStart, editEnded: jobsController.onEditEnded}]);
  290. let itemsSpread = new GC.Spread.Sheets.Workbook($("#spreadItems")[0], {sheetCount: 1});
  291. sheetCommonObj.bindEscKey(itemsSpread, [{sheet: itemsSpread.getSheet(0), editStarting: itemsController.onEditStart, editEnded: itemsController.onEditEnded}]);
  292. $(document).ready(function(){
  293. $("#aStdJobs").attr('href', function(){
  294. return 'stdJobs?billsLibId=' + billsLibId;
  295. });
  296. $('#aStdItems').attr('href', function(){
  297. return 'stdItems?billsLibId=' + billsLibId;
  298. });
  299. billsAjax.getStdBillsLibName(billsLibId);
  300. billsAjax.getBills(billsLibId, function(bills){
  301. showBillsSheet(bills, jobsSpread.getActiveSheet(), itemsSpread.getActiveSheet(), billsLibSetting)
  302. });
  303. buildJobs(jobsSpread, jobsSetting);
  304. buildItems(itemsSpread, itemsSetting);
  305. });
  306. function nodeOpration(controller, totalJobs, totalItems){
  307. let btnInsert = $('#insert');
  308. let btnDelete = $('#delete');
  309. let btnUpLevel = $('#upLevel');
  310. let btnDownLevel = $('#downLevel');
  311. let btnUpMove = $('#upMove');
  312. let btnDownMove = $('#downMove');
  313. dbController.editData(controller);
  314. btnInsert.click(function(){
  315. if(btnInsert.attr('doing') === 'false' && btnInsert.attr('fcsOnBills') === 'true'){
  316. dbController.insert(controller, btnInsert);
  317. tools.clearData(jobsSpread.getActiveSheet());
  318. tools.clearData(itemsSpread.getActiveSheet());
  319. }
  320. });
  321. //删除清单
  322. $('#delConfirm').click(function () {
  323. dbController.delete(controller, btnDelete, totalJobs, totalItems);
  324. $('#delAlert').modal('hide');
  325. });
  326. btnDelete.click(function(){
  327. if(btnDelete.attr('doing') === 'false' && btnDelete.attr('fcsOnBills') === 'true'){
  328. $('#delAlert').modal('show');
  329. }
  330. });
  331. btnUpLevel.click(function(){
  332. if(btnUpLevel.attr('doing') === 'false' && btnUpLevel.attr('fcsOnBills') === 'true'){
  333. dbController.upLevel(controller, btnUpLevel);
  334. }
  335. });
  336. btnDownLevel.click(function(){
  337. if(btnDownLevel.attr('doing') === 'false' && btnDownLevel.attr('fcsOnBills') === 'true'){
  338. dbController.downLevel(controller, btnDownLevel);
  339. }
  340. });
  341. btnUpMove.click(function(){
  342. if(btnUpMove.attr('doing') === 'false' && btnUpMove.attr('fcsOnBills') === 'true'){
  343. dbController.upMove(controller, btnUpMove);
  344. }
  345. //refSheet
  346. else if(btnUpMove.attr('doing') === 'false' && btnUpMove.attr('fcsOnBills') === 'false' && btnUpMove.attr('canMove') === 'true'){
  347. if(controller.tree.selected.field === 'job'){
  348. jobsController.upMove(controller, jobsSpread.getActiveSheet());
  349. }
  350. else if(controller.tree.selected.field === 'item'){
  351. itemsController.upMove(controller, itemsSpread.getActiveSheet());
  352. }
  353. }
  354. });
  355. btnDownMove.click(function(){
  356. if(btnDownMove.attr('doing') === 'false' && btnDownMove.attr('fcsOnBills') === 'true'){
  357. dbController.downMove(controller, btnDownMove);
  358. }
  359. else if(btnDownMove.attr('doing') === 'false' && btnDownMove.attr('fcsOnBills') === 'false' && btnDownMove.attr('canMove') === 'true'){
  360. if(controller.tree.selected.field === 'job'){
  361. jobsController.downMove(controller, jobsSpread.getActiveSheet());
  362. }
  363. else if(controller.tree.selected.field === 'item'){
  364. itemsController.downMove(controller, itemsSpread.getActiveSheet());
  365. }
  366. }
  367. });
  368. }
  369. function showBillsSheet(datas, jobsSheet, itemsSheet, setting) {
  370. let billsSpread = new GC.Spread.Sheets.Workbook($('#spreadBills')[0], {sheetCount: 1});
  371. let billsSheet = billsSpread.getSheet(0);
  372. sheetCommonObj.bindEscKey(billsSpread, [{sheet: billsSpread.getSheet(0), editStarting: dbController.onEditStart, editEnded: dbController.onEditEnded}]);
  373. billsSpread.focus(true);
  374. setSheet.initSheet(billsSpread, setting, true);
  375. myKey.delKey(billsSpread);
  376. billsTree.loadDatas(datas);
  377. let controller = TREE_SHEET_CONTROLLER.createNew(billsTree.tree, billsSpread.getActiveSheet(), setting);
  378. controller.showTreeData();
  379. dbController.controller = controller;
  380. sheetBillsDatas = tools.getsheetDatas(controller.sheet, 'bills', controller);
  381. setSheet.formatter(billsSpread.getActiveSheet());
  382. //setTagId
  383. setTagID(controller, setting);
  384. if (!controller.tree.selected && controller.tree.findNode(controller.sheet.getTag(0, 0, GC.Spread.Sheets.SheetArea.viewport))) {
  385. controller.setTreeSelected(controller.tree.findNode(controller.sheet.getTag(0, 0, GC.Spread.Sheets.SheetArea.viewport)));
  386. }
  387. //刷新节点可进行操作的按钮
  388. refreshBtn(controller);
  389. controller.setTreeSelected(controller.tree.findNode(controller.sheet.getTag(0, 0)));
  390. //粘贴事件
  391. bindPasteBills(controller, billsSpread.getActiveSheet(), setting);
  392. //补注内容改变
  393. rechargeChange(controller);
  394. //焦点控制
  395. switchFcs(controller, controller.sheet, billsSpread, jobsSheet, itemsSheet);
  396. //jobs
  397. jobOperation(controller, jobsSheet, function(totalJobs){
  398. //------关联表粘贴复制
  399. bindPasteRel(jobsSheet, controller, totalJobs, jobsSetting);
  400. //items
  401. itemOperation(controller, itemsSheet, function(totalItems){
  402. bindPasteItemsRel(itemsSheet, controller, totalItems, itemsSetting);
  403. //节点操作
  404. nodeOpration(controller, totalJobs, totalItems);
  405. });
  406. });
  407. }
  408. function switchFcs(controller, billsSheet, billsSpread, jobsSheet, itemsSheet){
  409. let btnInsert = $('#insert');
  410. let btnDelete = $('#delete');
  411. let btnUpMove = $('#upMove');
  412. let btnDownMove = $('#downMove');
  413. let btnUpLevel = $('#upLevel');
  414. let btnDownLevel = $('#downLevel');
  415. billsSheet.bind(GC.Spread.Sheets.Events.CellClick, function (sender, args) {
  416. jobsSheet.clearSelection();
  417. itemsSheet.clearSelection();
  418. billsSpread.focus(true);
  419. jobsSheet.options.isProtected = true;
  420. itemsSheet.options.isProtected = true;
  421. billsSheet.options.isProtected = false;
  422. btnInsert.attr('fcsOnBills', 'true');
  423. btnDelete.attr('fcsOnBills', 'true');
  424. btnUpLevel.attr('fcsOnBills', 'true');
  425. btnDownLevel.attr('fcsOnBills', 'true');
  426. btnUpMove.attr('fcsOnBills', 'true');
  427. btnDownMove.attr('fcsOnBills', 'true');
  428. });
  429. jobsSheet.bind(GC.Spread.Sheets.Events.CellClick, function (sender, args) {
  430. itemsSheet.clearSelection();
  431. jobsSpread.focus(true);
  432. itemsSheet.options.isProtected = true;
  433. billsSheet.options.isProtected = true;
  434. jobsSheet.options.isProtected = false;
  435. controller.tree.selected.args = args;
  436. controller.tree.selected.field = 'job';
  437. tools.btnClose(btnInsert);
  438. tools.btnClose(btnDelete);
  439. tools.btnClose(btnUpLevel);
  440. tools.btnClose(btnDownLevel);
  441. btnInsert.attr('fcsOnBills', 'false');
  442. btnDelete.attr('fcsOnBills', 'false');
  443. btnUpLevel.attr('fcsOnBills', 'false');
  444. btnDownLevel.attr('fcsOnBills', 'false');
  445. btnUpMove.attr('fcsOnBills', 'false');
  446. btnDownMove.attr('fcsOnBills', 'false');
  447. let selected;
  448. if(controller.tree.selected){
  449. selected = controller.tree.selected.jobs[args.row];
  450. }
  451. if(tools.canUpMove(selected, controller.tree.selected.jobs)){
  452. tools.btnAction(btnUpMove);
  453. btnUpMove.attr('canMove', 'true');
  454. }
  455. else{
  456. tools.btnClose(btnUpMove);
  457. btnUpMove.attr('canMove', 'false');
  458. }
  459. if(tools.canDownMove(selected, controller.tree.selected.jobs)){
  460. tools.btnAction(btnDownMove);
  461. btnDownMove.attr('canMove', 'true');
  462. }
  463. else{
  464. tools.btnClose(btnDownMove);
  465. btnDownMove.attr('canMove', 'false');
  466. }
  467. });
  468. itemsSheet.bind(GC.Spread.Sheets.Events.CellClick, function (sender, args) {
  469. jobsSheet.clearSelection();
  470. itemsSpread.focus(true);
  471. jobsSheet.options.isProtected = true;
  472. billsSheet.options.isProtected = true;
  473. itemsSheet.options.isProtected = false;
  474. controller.tree.selected.args = args;
  475. controller.tree.selected.field = 'item';
  476. tools.btnClose(btnInsert);
  477. tools.btnClose(btnDelete);
  478. tools.btnClose(btnUpLevel);
  479. tools.btnClose(btnDownLevel);
  480. btnInsert.attr('fcsOnBills', 'false');
  481. btnDelete.attr('fcsOnBills', 'false');
  482. btnUpLevel.attr('fcsOnBills', 'false');
  483. btnDownLevel.attr('fcsOnBills', 'false');
  484. btnUpMove.attr('fcsOnBills', 'false');
  485. btnDownMove.attr('fcsOnBills', 'false');
  486. let selected;
  487. if(controller.tree.selected){
  488. selected = controller.tree.selected.items[args.row];
  489. }
  490. if(tools.canUpMove(selected, controller.tree.selected.items)){
  491. tools.btnAction(btnUpMove);
  492. btnUpMove.attr('canMove', 'true');
  493. }
  494. else{
  495. tools.btnClose(btnUpMove);
  496. btnUpMove.attr('canMove', 'false');
  497. }
  498. if(tools.canDownMove(selected, controller.tree.selected.items)){
  499. tools.btnAction(btnDownMove);
  500. btnDownMove.attr('canMove', 'true');
  501. }
  502. else{
  503. tools.btnClose(btnDownMove);
  504. btnDownMove.attr('canMove', 'false');
  505. }
  506. });
  507. };
  508. function setTagID(controller, setting){
  509. if(controller.tree.items.length > 0){
  510. let length = controller.tree.items.length;
  511. for(var i=0; i<length; i++){
  512. setting.cols.forEach(function(col, colIdx){
  513. if(controller.tree.items[i].data.ID){
  514. controller.sheet.setTag(i, colIdx, controller.tree.items[i].data.ID);
  515. }
  516. });
  517. }
  518. }
  519. }
  520. function refreshBtn(controller){
  521. controller.bind('refreshBaseActn', function (tree) {
  522. let showButton = function (show, btn) {
  523. tools.btnAction($('#insert'), 'focusOnBills');
  524. if (show) {
  525. tools.btnAction(btn, 'doing');
  526. } else {
  527. tools.btnClose(btn, 'doing');
  528. }
  529. };
  530. showButton(tree.selected && tree.selected.canUpLevel(), $('#upLevel'));
  531. showButton(tree.selected && tree.selected.canDownLevel(), $('#downLevel'));
  532. showButton(tree.selected && tree.selected.canUpMove(), $('#upMove'));
  533. showButton(tree.selected && tree.selected.canDownMove(), $('#downMove'));
  534. showButton(tree.selected ? true : false, $('#delete'));
  535. });
  536. }
  537. function rechargeChange(controller){
  538. $('#exampleTextarea').bind('change', function(){
  539. let newData = $('#exampleTextarea').val();
  540. if(controller.tree.selected){
  541. rechargeController.updateRechar(controller.tree.selected, newData);
  542. }
  543. });
  544. }
  545. function jobOperation(controller, jobsSheet, callback){
  546. mainAjax.getMaxNumber(billsLibId, 'jobs', function(result){
  547. if(result.length === 0){
  548. maxJobsNumber = 0;
  549. }
  550. else {
  551. maxJobsNumber = result[0].code;
  552. }
  553. jobsAjax.getJobContent(billsLibId, function(datas){
  554. let totalJobs = createObj.newJobs();
  555. totalJobs.loadJobs(controller.tree.items, datas);
  556. jobsController.totalJobs = totalJobs;
  557. initData(controller, jobsSheet, jobsSetting, 'jobs');
  558. myKey.delKey(jobsSpread, controller, totalJobs, jobsSetting, 'jobs');
  559. bindSheet(controller, jobsSheet, 'jobs', jobsSetting);
  560. jobsController.editData(jobsSheet);
  561. if (callback){
  562. callback(totalJobs);
  563. }
  564. });
  565. });
  566. }
  567. function itemOperation(controller, itemsSheet, callback){
  568. mainAjax.getMaxNumber(billsLibId, 'items', function(result){
  569. if(result.length === 0){
  570. maxItemsNumber = 0;
  571. }
  572. else {
  573. maxItemsNumber = result[0].code;
  574. }
  575. itemsAjax.getItemCharacter(billsLibId, function(datas){
  576. let totalItems = createObj.newItems();
  577. totalItems.loadItems(controller.tree.items, datas);
  578. itemsController.totalItems = totalItems;
  579. initData(controller, itemsSheet, itemsSetting, 'items');
  580. myKey.delKey(itemsSpread, controller, totalItems, itemsSetting, 'items');
  581. bindSheet(controller, itemsSheet, 'items', itemsSetting);
  582. itemsController.editData(itemsSheet);
  583. if(callback){
  584. callback(totalItems)
  585. }
  586. });
  587. });
  588. }
  589. //初始焦点工作表和项目表绑定数据
  590. function initData(controller, sheet, setting, classify){
  591. if(controller.tree.selected){
  592. let arr = controller.tree.selected[classify];
  593. let recharge = controller.tree.selected.data.recharge;
  594. let prefix = classify === 'jobs' ? 'job' : 'item';
  595. if(arr.length > 0){
  596. tools.orderReshowData(sheet, arr, setting, prefix,true);
  597. }
  598. else{
  599. setSheet.setMaxRowCount(sheet, []);
  600. }
  601. if(recharge){
  602. $('#exampleTextarea').val(recharge);
  603. }
  604. else{
  605. $('#exampleTextarea').val('');
  606. }
  607. }
  608. }
  609. function bindSheet(controller, sheet, field, setting){
  610. controller.sheet.bind(GC.Spread.Sheets.Events.SelectionChanged, function(sender, args){
  611. if(args.newSelections[0]){
  612. controller.tree.selected = controller.tree.items[args.newSelections[0].row] ? controller.tree.items[args.newSelections[0].row] : null;
  613. }
  614. if(controller.tree.selected && args.oldSelections[0].row !== args.newSelections[0].row|| controller.tree.selected && args.oldSelections[0].row === 0){
  615. //rechargeArea
  616. $('#exampleTextarea').val(controller.tree.selected.data.recharge);
  617. if(field === 'jobs'){
  618. tools.clearData(sheet);
  619. let jobs = controller.tree.selected.jobs;
  620. setSheet.setMaxRowCount(sheet, jobs);
  621. if(jobs.length > 0){
  622. tools.orderReshowData(sheet, jobs, setting, 'job', true);
  623. orgJobData = sheet.getValue(0, 0);
  624. }
  625. //sheetDatas = tools.getsheetDatas(sheet, 'jobs');
  626. }
  627. if(field === 'items'){
  628. tools.clearData(sheet);
  629. let items = controller.tree.selected.items;
  630. setSheet.setMaxRowCount(sheet, items);
  631. if(items.length > 0){
  632. tools.orderReshowData(sheet, items, setting, 'item', true);
  633. orgItemData = sheet.getValue(0, 0);
  634. }
  635. //sheetItemsDatas = tools.getsheetDatas(sheet, 'items');
  636. }
  637. }
  638. });
  639. }
  640. function bindPasteBills(controller, sheet, setting){
  641. sheet.bind(GC.Spread.Sheets.Events.ClipboardPasting, function (sender, args) {
  642. sheetBillsDatas = tools.getsheetDatas(sheet, 'bills', controller);
  643. let maxCol = args.cellRange.col + args.cellRange.colCount - 1;
  644. //复制的列数超过正确的列数,不可复制
  645. if(maxCol >= billsLibSetting.cols.length){
  646. args.cancel = true;
  647. }
  648. });
  649. sheet.bind(GC.Spread.Sheets.Events.ClipboardPasted, function(sender, args){
  650. let datas = [], field;
  651. let orgRow = args.cellRange.row, orgCol = args.cellRange.col, rowCount = args.cellRange.rowCount, colCount = args.cellRange.colCount;
  652. let maxRow = orgRow + rowCount - 1, maxCol = orgCol + colCount -1;
  653. let markRow = orgRow, colLen = sheet.getColumnCount(GC.Spread.Sheets.SheetArea.viewport);
  654. let validDatas = tools.getValidDatas(sheet, setting, args);
  655. sheet.suspendPaint();
  656. for(let i =orgRow, j=0; i<= maxRow; i++, j++){
  657. //let id = controller.tree.items[i] ? controller.tree.items[i].getID() : null;
  658. let id = sheet.getTag(i, 0);
  659. if(id && j< validDatas.length){
  660. validDatas[j].ID = id;
  661. for(let k =orgCol; k<= maxCol; k++){
  662. setting.cols.forEach(function(col, colIdx){
  663. if(colIdx === k){
  664. if(validDatas[j][col.data.field]){
  665. sheet.setValue(i, k, validDatas[j][col.data.field]);
  666. sheetBillsDatas.datasIdx['rowIdx'+ i][col.data.field] = validDatas[j][col.data.field];
  667. }
  668. else {
  669. sheet.setValue(i, k, '');
  670. sheetBillsDatas.datasIdx['rowIdx'+ i][col.data.field] = '';
  671. }
  672. }
  673. });
  674. }
  675. }
  676. else if(i < controller.tree.items.length && j>= validDatas.length){
  677. //reshow orgDatas
  678. sheet.setValue(i, 0, sheetBillsDatas.datasIdx['rowIdx'+ i].code + '');
  679. sheet.setValue(i, 1, sheetBillsDatas.datasIdx['rowIdx'+ i].name);
  680. sheet.setValue(i, 2, sheetBillsDatas.datasIdx['rowIdx'+ i].unit);
  681. sheet.setValue(i, 3, sheetBillsDatas.datasIdx['rowIdx'+ i].ruleText);
  682. sheet.setValue(i, 4, sheetBillsDatas.datasIdx['rowIdx'+ i].engineering);
  683. }
  684. else {
  685. sheet.clear(i, 0, 1, sheet.getColumnCount(), GC.Spread.Sheets.SheetArea.viewport,GC.Spread.Sheets.StorageType.data);
  686. }
  687. }
  688. sheet.resumePaint();
  689. billsAjax.pasteBills(userAccount, billsLibId, validDatas);
  690. for(let vData of validDatas){
  691. let node = controller.tree.nodes['id_' + vData.ID];
  692. if(node){
  693. Object.assign(node.data, vData);
  694. }
  695. }
  696. sheet.setRowCount(sheetBillsDatas.datas.length);
  697. });
  698. }
  699. function bindPasteRel(sheet, controller, totalJobs, setting){
  700. //sheetDatas = tools.getsheetDatas(sheet, 'jobs');
  701. sheet.bind(GC.Spread.Sheets.Events.ClipboardPasting, function (sender, args) {
  702. let maxCol = args.cellRange.col + args.cellRange.colCount - 1;
  703. sheetDatas = tools.getsheetDatas(sheet, 'jobs');
  704. //复制的列数超过正确的列数,不可复制
  705. if(maxCol >= jobsSetting.cols.length){
  706. args.cancel = true;
  707. }
  708. });
  709. sheet.bind(GC.Spread.Sheets.Events.ClipboardPasted, function(sender, args){
  710. if(controller.tree.selected){
  711. let orgRow = args.cellRange.row, orgCol = args.cellRange.col, rowCount = args.cellRange.rowCount, colCount = args.cellRange.colCount;
  712. let maxRow = orgRow + rowCount - 1, maxCol = orgCol + colCount -1;
  713. let pasteArr = [];
  714. let crossedDatas = [];
  715. let uncrossedDatas = [];
  716. const codeCol = 0;
  717. const contentCol = 1;
  718. for(let i=orgRow; i<=maxRow; i++){
  719. //粘贴编号列,转换成粘贴内容处理
  720. let code = sheet.getCell(i, codeCol).value();
  721. let content = sheet.getCell(i, contentCol).value();
  722. if(code && !content){
  723. let contentByCode = tools.getContentByCode(totalJobs.jobsArr, code);
  724. if(contentByCode){
  725. pasteArr.push(contentByCode);
  726. }
  727. }
  728. if(content){
  729. pasteArr.push(content);
  730. }
  731. }
  732. let uniqPasteArr = tools.uniqArr(pasteArr);
  733. let serialNoUn = tools.getSerialNo(controller.tree.selected.jobs) - 1;
  734. for(let i =orgRow, j=0; i<=uniqPasteArr.length+orgRow-1; i++, j++ ){
  735. let flag = true;
  736. let crossedData;
  737. sheetDatas.forEach(function(rowData){
  738. if(rowData.rowIdx === i && rowData.data !== uniqPasteArr[j]){
  739. flag = false;
  740. let serialNo = tools.getObj(controller.tree.selected.jobs, rowData.id, 'job');
  741. crossedData = {
  742. orgId: rowData.id,
  743. newData: uniqPasteArr[j],
  744. serialNo: serialNo
  745. };
  746. }
  747. });
  748. if(flag){
  749. serialNoUn++;
  750. uncrossedDatas.push({data: uniqPasteArr[j], serialNo: serialNoUn});
  751. }
  752. else {
  753. crossedDatas.push(crossedData);
  754. }
  755. }
  756. let pasteDatas = tools.encapData(uncrossedDatas, crossedDatas, controller, totalJobs);
  757. if(pasteDatas.updateDatas.length > 0 || pasteDatas.createDatas.length > 0){
  758. billsAjax.pasteRel(userAccount, billsLibId, pasteDatas.updateDatas, pasteDatas.createDatas, 'jobs', function(datas){
  759. pasteController.frontOperator(sheet, setting, controller, totalJobs, datas);
  760. });
  761. }
  762. else {
  763. tools.orderReshowData(sheet, controller.tree.selected.jobs, setting, 'job', true);
  764. }
  765. }
  766. else {
  767. tools.clearData(sheet);
  768. }
  769. });
  770. }
  771. function bindPasteItemsRel(sheet, controller, totalItems, setting){
  772. //sheetItemsDatas = tools.getsheetDatas(sheet, 'items');
  773. sheet.bind(GC.Spread.Sheets.Events.ClipboardPasting, function (sender, args) {
  774. let maxCol = args.cellRange.col + args.cellRange.colCount - 1;
  775. sheetItemsDatas = tools.getsheetDatas(sheet, 'items');
  776. //复制的列数超过正确的列数,不可复制
  777. if(maxCol >= itemsSetting.cols.length){
  778. args.cancel = true;
  779. }
  780. });
  781. sheet.bind(GC.Spread.Sheets.Events.ClipboardPasted, function(sender, args){
  782. if(controller.tree.selected){
  783. let orgRow = args.cellRange.row, orgCol = args.cellRange.col, rowCount = args.cellRange.rowCount, colCount = args.cellRange.colCount;
  784. let maxRow = orgRow + rowCount - 1, maxCol = orgCol + colCount -1;
  785. let pasteArr = [];
  786. let crossedDatas = [];
  787. let uncrossedDatas = [];
  788. const codeCol = 0;
  789. const contentCol = 1;
  790. for(let i=orgRow; i<=maxRow; i++){
  791. //编号列转换成内容列处理
  792. let code = sheet.getCell(i, codeCol).value();
  793. let content = sheet.getCell(i, contentCol).value();
  794. if(code && !content){
  795. let contentByCode = tools.getContentByCode(totalItems.itemsArr, code);
  796. if(contentByCode){
  797. pasteArr.push(contentByCode);
  798. }
  799. }
  800. if(content){
  801. pasteArr.push(content);
  802. }
  803. }
  804. let uniqPasteArr = tools.uniqArr(pasteArr);
  805. let serialNoUn = tools.getSerialNo(controller.tree.selected.items) - 1;
  806. for(let i =orgRow, j=0; i<=uniqPasteArr.length+orgRow-1; i++, j++ ){
  807. let flag = true;
  808. let crossedData;
  809. sheetItemsDatas.forEach(function(rowData){
  810. if(rowData.rowIdx === i && rowData.data !== uniqPasteArr[j]){
  811. flag = false;
  812. let serialNo = tools.getObj(controller.tree.selected.items, rowData.id, 'item');
  813. crossedData = {
  814. orgId: rowData.id,
  815. newData: uniqPasteArr[j],
  816. serialNo: serialNo
  817. };
  818. }
  819. });
  820. if(flag){
  821. serialNoUn ++;
  822. uncrossedDatas.push({data: uniqPasteArr[j], serialNo: serialNoUn});
  823. }
  824. else {
  825. crossedDatas.push(crossedData);
  826. }
  827. }
  828. let pasteDatas = tools.encapItemsData(uncrossedDatas, crossedDatas, controller, totalItems);
  829. if(pasteDatas.updateDatas.length > 0 || pasteDatas.createDatas.length > 0){
  830. billsAjax.pasteRel(userAccount, billsLibId, pasteDatas.updateDatas, pasteDatas.createDatas, 'items', function(datas){
  831. pasteController.frontItemsRelOperator(sheet, setting, controller, totalItems, datas);
  832. });
  833. }
  834. else{
  835. tools.orderReshowData(sheet, controller.tree.selected.items, setting, 'item', true);
  836. }
  837. }
  838. else {
  839. tools.clearData(sheet);
  840. }
  841. });
  842. }
  843. function buildJobs(jobsSpread, setting){
  844. setSheet.initSheet(jobsSpread, setting, true);
  845. jobsSpread.getActiveSheet().clearSelection();
  846. myKey.downKey(jobsSpread);
  847. myKey.enterKey(jobsSpread);
  848. TREE_SHEET_HELPER.loadSheetHeader(jobsSetting, jobsSpread.getActiveSheet());
  849. }
  850. function buildItems(itemsSpread, setting){
  851. setSheet.initSheet(itemsSpread, setting, true);
  852. // setSheet.setMaxRowCount(itemsSpread.getActiveSheet(), 10);
  853. itemsSpread.getActiveSheet().clearSelection();
  854. myKey.downKey(itemsSpread);
  855. myKey.enterKey(itemsSpread);
  856. TREE_SHEET_HELPER.loadSheetHeader(itemsSetting, itemsSpread.getActiveSheet());
  857. }
  858. </script>
  859. </html>