tree_sheet_helper.js 32 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660
  1. /**
  2. * Created by Mai on 2017/4/1.
  3. */
  4. var TREE_SHEET_HELPER = {
  5. getObjPos: function (obj) {
  6. let target = obj;
  7. let pos = {x: obj.offsetLeft, y: obj.offsetTop};
  8. target = obj.offsetParent;
  9. while (target) {
  10. pos.x += target.offsetLeft;
  11. pos.y += target.offsetTop;
  12. target = target.offsetParent;
  13. }
  14. return pos;
  15. },
  16. /**
  17. * 初始化setting,需要提示单元格text时,必须先初始化setting
  18. * @param obj
  19. * @param setting
  20. */
  21. /*initSetting: function (obj, setting) {
  22. setting.pos = this.getObjPos(obj);
  23. },*/
  24. initSetting: function (obj, setting) {
  25. setting.pos = this.getObjPos(obj);
  26. },
  27. createNewSpread: function (obj) {
  28. var spread = new GC.Spread.Sheets.Workbook(obj, {sheetCount: 1});
  29. spread.options.tabStripVisible = false;
  30. spread.options.scrollbarMaxAlign = true;
  31. spread.options.cutCopyIndicatorVisible = false;
  32. spread.options.allowCopyPasteExcelStyle = false;
  33. spread.options.allowUserDragDrop = false;
  34. spread.getActiveSheet().setRowCount(3);
  35. return spread;
  36. },
  37. getSheetCellStyle: function (setting) {
  38. var style = new GC.Spread.Sheets.Style();
  39. //style.locked = setting.readOnly ? true : false;
  40. style.name = setting.id;
  41. //style.font = setting.data.font;
  42. style.hAlign = setting.data.hAlign;
  43. style.vAlign = setting.data.vAlign;
  44. style.wordWrap = setting.data.wordWrap;
  45. if (setting.data.formatter) {
  46. style.formatter = setting.data.formatter;
  47. }
  48. return style;
  49. },
  50. loadSheetHeader: function (setting, sheet) {
  51. this.massOperationSheet(sheet, function () {
  52. if(setting.rowHeaderWidth !== undefined && setting.rowHeaderWidth !== null){
  53. sheet.setColumnWidth(0, setting.rowHeaderWidth, GC.Spread.Sheets.SheetArea.rowHeader);
  54. }
  55. if (setting.frozenCols) {
  56. sheet.frozenColumnCount(setting.frozenCols);
  57. }
  58. sheet.setColumnCount(setting.cols.length);
  59. sheet.setRowCount(setting.headRows, GC.Spread.Sheets.SheetArea.colHeader);
  60. setting.headRowHeight.forEach(function (rowHeight, index) {
  61. sheet.setRowHeight(index, rowHeight, GC.Spread.Sheets.SheetArea.colHeader);
  62. });
  63. setting.cols.forEach(function (col, index) {
  64. var i, iRow = 0, cell;
  65. for (i = 0; i < col.head.spanCols.length; i++) {
  66. if (col.head.spanCols[i] !== 0) {
  67. cell = sheet.getCell(iRow, index, GC.Spread.Sheets.SheetArea.colHeader);
  68. //cell.value(col.head.titleNames[i]).font(col.head.font).hAlign(col.head.hAlign[i]).vAlign(col.head.vAlign[i]).wordWrap(true);
  69. cell.value(col.head.titleNames[i]).hAlign(col.head.hAlign[i]).vAlign(col.head.vAlign[i]).wordWrap(true);
  70. }
  71. if (col.head.spanCols[i] > 1 || col.head.spanRows[i] > 1) {
  72. sheet.addSpan(iRow, index, col.head.spanRows[i], col.head.spanCols[i], GC.Spread.Sheets.SheetArea.colHeader);
  73. }
  74. iRow += col.head.spanRows[i];
  75. };
  76. sheet.setColumnWidth(index, col.width);
  77. sheet.setColumnVisible(index, col.visible && true);
  78. });
  79. });
  80. },
  81. protectdSheet: function (sheet) {
  82. var option = {
  83. allowSelectLockedCells: true,
  84. allowSelectUnlockedCells: true,
  85. allowResizeRows: true,
  86. allowResizeColumns: true
  87. };
  88. sheet.options.protectionOptions = option;
  89. sheet.options.isProtected = true;
  90. sheet.options.allowCellOverflow = false;
  91. },
  92. massOperationSheet: function (sheet, Operation) {
  93. sheet.suspendPaint();
  94. sheet.suspendEvent();
  95. Operation();
  96. sheet.resumeEvent();
  97. sheet.resumePaint();
  98. },
  99. refreshNodesVisible: function (nodes, sheet, recursive) {
  100. nodes.forEach(function (node) {
  101. var iRow;
  102. iRow = node.serialNo();
  103. sheet.setRowVisible(iRow, node.visible, GC.Spread.Sheets.SheetArea.viewport);
  104. if (recursive) {
  105. TREE_SHEET_HELPER.refreshNodesVisible(node.children, sheet, recursive);
  106. }
  107. })
  108. },
  109. refreshTreeNodeData: function (setting, sheet, nodes, recursive) {
  110. nodes.forEach(function (node) {
  111. let iRow = node.serialNo();
  112. if(setting.emptyRowHeader){
  113. sheet.setValue(iRow, 0, '', GC.Spread.Sheets.SheetArea.rowHeader);
  114. }
  115. if(typeof projectObj !== 'undefined'){
  116. let nodeStyle = projectObj.getNodeColorStyle(sheet, node);
  117. if(node.data.bgColour){
  118. nodeStyle.backColor = node.data.bgColour;
  119. }
  120. if(nodeStyle){
  121. sheet.setStyle(iRow, -1, nodeStyle);
  122. }
  123. }
  124. setting.cols.forEach(function (colSetting, iCol) {
  125. /* if(typeof projectObj !== 'undefined'){ 7/28 取消黑体显示
  126. let boldFontStyle = projectObj.getBoldFontStyle(node, colSetting);
  127. sheet.setStyle(iRow, iCol, boldFontStyle);
  128. }
  129. }*/
  130. // var getFieldText = function () {
  131. // var fields = colSetting.data.field.split('.');
  132. // var validField = fields.reduce(function (field1, field2) {
  133. // if (eval('node.data.' + field1)) {
  134. // return field1 + '.' + field2
  135. // } else {
  136. // return field1;
  137. // }
  138. // });
  139. // if (eval('node.data.' + validField)) {
  140. // return eval('node.data.' + validField);
  141. // } else {
  142. // return '';
  143. // }
  144. // };
  145. var getFieldText2 = function () {
  146. var fields = colSetting.data.field.split('.'), iField, data = node.data;
  147. for (iField = 0; iField < fields.length; iField++) {
  148. if (data[fields[iField]] && data[fields[iField]]!='0') {
  149. data = data[fields[iField]];
  150. } else {
  151. return '';
  152. }
  153. }
  154. return data;
  155. };
  156. if(sheet.name()=="mainSheet"){
  157. /* if(colSetting.data.field=="quantity"){ 2018-08-06 去掉工程量列表达式
  158. let tag = node.data.quantityEXP?node.data.quantityEXP:'';
  159. sheet.setTag(iRow, iCol,tag);
  160. }*/
  161. if(colSetting.data.field=="code"){
  162. let tag ="";
  163. if(node.sourceType == ModuleNames.ration){//定额的时候换算子目
  164. tag = node.data.adjustState?node.data.adjustState:'';
  165. }/*else if(node.sourceType == ModuleNames.bills &&projectObj.ifItemCharHiden(setting)){//清单、并且项目特征列隐藏的时候悬浮提示 这里改成在 计量单位那里提示
  166. tag = node.data.itemCharacterText?node.data.itemCharacterText:'';
  167. }*/
  168. sheet.setTag(iRow, iCol,tag);
  169. }
  170. /*if(colSetting.data.field=="name"){ 2018-08-06 改成在编号列悬浮提示
  171. let tag = node.data.itemCharacterText?node.data.itemCharacterText:'';
  172. sheet.setTag(iRow, iCol,tag);
  173. }*/
  174. }
  175. if(colSetting.visible == false) return;//隐藏列不做其它操作
  176. var cell = sheet.getCell(iRow, iCol, GC.Spread.Sheets.SheetArea.viewport);
  177. if (colSetting.data.getText && Object.prototype.toString.apply(colSetting.data.getText) === "[object Function]") {
  178. cell.value(colSetting.data.getText(node));
  179. } else {
  180. cell.value(getFieldText2());
  181. }
  182. if (colSetting.data.cellType && Object.prototype.toString.apply(colSetting.data.cellType) !== "[object String]") {
  183. cell.cellType(colSetting.data.cellType(node,setting));
  184. }
  185. //树节点显示列
  186. if(iCol == setting.treeCol) cell.cellType(TREE_SHEET_HELPER.getTreeNodeCellType(setting, sheet, node.tree,node));
  187. if(colSetting.data.autoHeight == true){
  188. colSetting.setAutoHeight(cell,node);
  189. }
  190. if(colSetting.editChecking&&colSetting.editChecking(node)){
  191. cell.locked(true);
  192. }else if (colSetting.readOnly) {
  193. if(typeof projectReadOnly !== 'undefined' && projectReadOnly){
  194. cell.locked(true);
  195. }else {
  196. if (Object.prototype.toString.apply(colSetting.readOnly) === "[object Function]") {
  197. cell.locked(colSetting.readOnly(node));
  198. } else {
  199. cell.locked(true);
  200. }
  201. }
  202. } else {
  203. cell.locked(typeof projectReadOnly !== 'undefined' && projectReadOnly ? true : false);
  204. }
  205. });
  206. if(setting.setAutoFitRow){
  207. setting.setAutoFitRow(sheet,node)
  208. }
  209. if (recursive) {
  210. TREE_SHEET_HELPER.refreshTreeNodeData(setting, sheet, node.children, recursive);
  211. }
  212. });
  213. },
  214. refreshChildrenVisiable:function(sheet,tree,node,row,visiable){
  215. let iCount = node.posterityCount(), i, child;
  216. for (i = 0; i < iCount; i++) {
  217. child = tree.items[row + i +1];
  218. sheet.setRowVisible(row + i + 1, visiable?visiable:child.visible, GC.Spread.Sheets.SheetArea.viewport);
  219. }
  220. sheet.invalidateLayout();
  221. },
  222. showTreeData: function (setting, sheet, tree) {
  223. let TipCellType = function () {};
  224. TipCellType.prototype = new GC.Spread.Sheets.CellTypes.Text();
  225. TipCellType.prototype.getHitInfo = function (x, y, cellStyle, cellRect, context) {
  226. return {
  227. x: x,
  228. y: y,
  229. row: context.row,
  230. col: context.col,
  231. cellStyle: cellStyle,
  232. cellRect: cellRect,
  233. sheet: context.sheet,
  234. sheetArea: context.sheetArea
  235. };
  236. };
  237. TipCellType.prototype.processMouseEnter = function (hitinfo) {
  238. let text = hitinfo.sheet.getText(hitinfo.row, hitinfo.col);
  239. let value = hitinfo.sheet.getValue(hitinfo.row, hitinfo.col);
  240. let tag = hitinfo.sheet.getTag(hitinfo.row, hitinfo.col);
  241. let acStyle = hitinfo.sheet.getActualStyle(hitinfo.row, hitinfo.col),
  242. zoom = hitinfo.sheet.zoom();
  243. let textLength = this.getAutoFitWidth(value, text, acStyle, zoom, {sheet: hitinfo.sheet, row: hitinfo.row, col: hitinfo.col, sheetArea: GC.Spread.Sheets.SheetArea.viewport});
  244. let cellWidth = hitinfo.sheet.getCell(-1, hitinfo.col).width();
  245. let dataField = setting.cols[hitinfo.col].data.field;
  246. if((tag==undefined||tag=='')&&hitinfo.sheet.getCell(hitinfo.row,hitinfo.col).wordWrap()==true){//显示其它列的标记为空并且设置了自动换行
  247. return;
  248. }
  249. if(dataField === 'itemCharacterText' || dataField === 'jobContentText' || dataField === 'adjustState'||dataField=="name"){
  250. if((hitinfo.sheet.getParent() === projectObj.mainSpread||hitinfo.sheet.getParent() === tender_obj.tenderSpread) && textLength <= cellWidth)
  251. return;
  252. }
  253. if(hitinfo.sheet.name()=="mainSheet"){
  254. if(dataField=="quantity"){//显示工程量明细
  255. text = tag;
  256. }/*if(dataField=="name"){//项目特征及内容隐藏时,显示特征及内容
  257. if(projectObj.ifItemCharHiden(setting)&&tag!=''){
  258. text = tag;
  259. }else if(textLength <= cellWidth){
  260. return;
  261. }
  262. }*/
  263. else if(tag !== undefined && tag) {
  264. text = tag;
  265. }
  266. }
  267. TREE_SHEET_HELPER.showTipsDiv(text,setting,hitinfo);
  268. };
  269. TipCellType.prototype.processMouseLeave = function (hitinfo) {
  270. TREE_SHEET_HELPER.hideTipsDiv();
  271. }
  272. TREE_SHEET_HELPER.protectdSheet(sheet);
  273. TREE_SHEET_HELPER.massOperationSheet(sheet, function () {
  274. sheet.rowOutlines.direction(GC.Spread.Sheets.Outlines.OutlineDirection.backward);
  275. sheet.showRowOutline(false);
  276. if (setting.defaultRowHeight) {
  277. sheet.defaults.rowHeight = setting.defaultRowHeight;
  278. }
  279. sheet.setRowCount(tree.count() + setting.emptyRows, GC.Spread.Sheets.SheetArea.viewport);
  280. sheet.getRange(tree.count(), -1, setting.emptyRows, -1).locked(true);
  281. setting.cols.forEach(function (colSetting, iCol) {
  282. sheet.setStyle(-1, iCol, TREE_SHEET_HELPER.getSheetCellStyle(colSetting));
  283. if (colSetting.showHint) {
  284. sheet.getRange(-1, iCol, -1, 1).cellType(new TipCellType());
  285. }
  286. if(colSetting.formatter){
  287. sheet.setFormatter(-1, iCol, colSetting.formatter, GC.Spread.Sheets.SheetArea.viewport);
  288. }
  289. });
  290. //sheet.getRange(-1, setting.treeCol, -1, 1).cellType(new TreeNodeCellType());
  291. TREE_SHEET_HELPER.refreshTreeNodeData(setting, sheet, tree.roots, true);
  292. TREE_SHEET_HELPER.refreshNodesVisible(tree.roots, sheet, true);
  293. });
  294. },
  295. getTreeNodeCellType:function(setting, sheet,tree,initNode){
  296. let indent = 20;
  297. let levelIndent = -5;
  298. let halfBoxLength = 5;
  299. let halfExpandLength = 3;
  300. let isRationNode = sheet.name()=="mainSheet" && initNode.sourceType == ModuleNames.ration;
  301. let TreeNodeCellType = function () {
  302. this.clickDropDown = false; //如果是点击下拉框的三角形的时候,默认展开下拉框
  303. };
  304. TreeNodeCellType.prototype =isRationNode? new GC.Spread.Sheets.CellTypes.Base(): new GC.Spread.Sheets.CellTypes.Text();//new GC.Spread.Sheets.CellTypes.Text();
  305. TreeNodeCellType.prototype.paint = function (ctx, value, x, y, w, h, style, options) {
  306. if (style.backColor) {
  307. ctx.save();
  308. ctx.fillStyle = style.backColor;
  309. ctx.fillRect(x, y, w, h);
  310. ctx.restore();
  311. } else {
  312. ctx.clearRect(x, y, w, h);
  313. }
  314. // ������(x1, y1)���(��, ��), (x2, y2)�յ�(��, ��), ��ɫ
  315. let drawLine = function (canvas, x1, y1, x2, y2, color) {
  316. ctx.save();
  317. // ����ƫ����
  318. ctx.translate(0.5, 0.5);
  319. ctx.beginPath();
  320. ctx.moveTo(x1, y1);
  321. ctx.lineTo(x2, y2);
  322. ctx.strokeStyle = color;
  323. ctx.stroke();
  324. ctx.restore();
  325. };
  326. let drawExpandBox = function (ctx, x, y, w, h, centerX, centerY, expanded) {
  327. let rect = {}, h1, h2, offset = 1;
  328. rect.top = centerY - halfBoxLength;
  329. rect.bottom = centerY + halfBoxLength;
  330. rect.left = centerX - halfBoxLength;
  331. rect.right = centerX + halfBoxLength;
  332. if (rect.left < x + w) {
  333. rect.right = Math.min(rect.right, x + w);
  334. ctx.save();
  335. // ����ƫ����
  336. ctx.translate(0.5, 0.5);
  337. ctx.strokeStyle = 'black';
  338. ctx.beginPath();
  339. ctx.moveTo(rect.left, rect.top);
  340. ctx.lineTo(rect.left, rect.bottom);
  341. ctx.lineTo(rect.right, rect.bottom);
  342. ctx.lineTo(rect.right, rect.top);
  343. ctx.lineTo(rect.left, rect.top);
  344. ctx.stroke();
  345. ctx.fillStyle = 'white';
  346. ctx.fill();
  347. ctx.restore();
  348. // Draw Horizontal Line
  349. h1 = centerX - halfExpandLength;
  350. h2 = Math.min(centerX + halfExpandLength, x + w);
  351. if (h2 > h1) {
  352. drawLine(ctx, h1, centerY, h2, centerY, 'black');
  353. }
  354. // Draw Vertical Line
  355. if (!expanded && (centerX < x + w)) {
  356. drawLine(ctx, centerX, centerY - halfExpandLength, centerX, centerY + halfExpandLength, 'black');
  357. }
  358. }
  359. }
  360. let node = tree.items[options.row];
  361. let showTreeLine = true;
  362. if (!node) { return; }
  363. let centerX = Math.floor(x) + node.depth() * indent + node.depth() * levelIndent + indent / 2;
  364. let x1 = centerX + indent / 2;
  365. let centerY = Math.floor((y + (y + h)) / 2);
  366. let y1;
  367. // Draw Sibling Line
  368. if (showTreeLine) {
  369. // Draw Horizontal Line
  370. if (centerX < x + w) {
  371. drawLine(ctx, centerX, centerY, Math.min(x1, x + w), centerY, 'gray');
  372. }
  373. // Draw Vertical Line
  374. if (centerX < x + w) {
  375. y1 = node.isLast() ? centerY : y + h;
  376. if (node.isFirst() && !node.parent) {
  377. drawLine(ctx, centerX, centerY, centerX, y1, 'gray');
  378. } else {
  379. drawLine(ctx, centerX, y, centerX, y1, 'gray');
  380. }
  381. }
  382. }
  383. // Draw Expand Box
  384. if (node.children.length > 0) {
  385. drawExpandBox(ctx, x, y, w, h, centerX, centerY, node.expanded);
  386. }
  387. // Draw Parent Line
  388. if (showTreeLine) {
  389. var parent = node.parent, parentCenterX = centerX - indent - levelIndent;
  390. while (parent) {
  391. if (!parent.isLast()) {
  392. if (parentCenterX < x + w) {
  393. drawLine(ctx, parentCenterX, y, parentCenterX, y + h, 'gray');
  394. }
  395. }
  396. parent = parent.parent;
  397. parentCenterX -= (indent + levelIndent);
  398. }
  399. };
  400. // Draw Text
  401. x = x + (node.depth() + 1) * indent + node.depth() * levelIndent;
  402. w = w - (node.depth() + 1) * indent - node.depth() * levelIndent;
  403. GC.Spread.Sheets.CellTypes.Text.prototype.paint.apply(this, arguments);
  404. //画下拉框三角形
  405. let sheet = options.sheet;
  406. if (isRationNode&& options.row === sheet.getActiveRowIndex() && options.col === sheet.getActiveColumnIndex()) {
  407. sheetCommonObj.drowTriangle(ctx,x+w-12,y+h/2+2);
  408. }
  409. };
  410. TreeNodeCellType.prototype.getHitInfo = function (x, y, cellStyle, cellRect, context) {
  411. return {
  412. x: x,
  413. y: y,
  414. row: context.row,
  415. col: context.col,
  416. cellStyle: cellStyle,
  417. cellRect: cellRect,
  418. sheetArea: context.sheetArea
  419. };
  420. };
  421. TreeNodeCellType.prototype.processMouseDown = function (hitinfo) {
  422. let offset = -1;
  423. let node = tree.items[hitinfo.row];
  424. tree.selected = node;
  425. if(isRationNode &&hitinfo.row === hitinfo.sheet.getActiveRowIndex() && hitinfo.col === hitinfo.sheet.getActiveColumnIndex()){
  426. if( hitinfo.x > hitinfo.cellRect.x + hitinfo.cellRect.width - 17){
  427. this.clickDropDown = true;
  428. setTimeout(function () {hitinfo.sheet.startEdit();},10);
  429. return;
  430. }
  431. }
  432. if (!node || node.children.length === 0) { return; }
  433. let centerX = hitinfo.cellRect.x + offset + node.depth() * indent + node.depth() * levelIndent + indent / 2;
  434. let centerY = (hitinfo.cellRect.y + offset + (hitinfo.cellRect.y + offset + hitinfo.cellRect.height)) / 2;
  435. if (hitinfo.x > centerX - halfBoxLength && hitinfo.x < centerX + halfBoxLength && hitinfo.y > centerY - halfBoxLength && hitinfo.y < centerY + halfBoxLength) {
  436. node.setExpanded(!node.expanded);
  437. let sheetName = hitinfo.sheet.name();
  438. if(sheetName === 'stdBillsLib_bills'){
  439. sessionStorage.setItem('stdBillsLibExpState', billsLibObj.stdBillsTree.getExpState(billsLibObj.stdBillsTree.items));
  440. }
  441. else if(sheetName === 'stdRationLib_chapter'){
  442. sessionStorage.setItem('stdRationLibExpState', rationLibObj.tree.getExpState(rationLibObj.tree.items));
  443. }
  444. else if(sheetName === 'stdBillsGuidance_bills'){
  445. sessionStorage.setItem('stdBillsGuidanceExpState', billsGuidance.bills.tree.getExpState(billsGuidance.bills.tree.items));
  446. }
  447. TREE_SHEET_HELPER.massOperationSheet(hitinfo.sheet, function () {
  448. let iCount = node.posterityCount(), i, child;
  449. for (i = 0; i < iCount; i++) {
  450. child = tree.items[hitinfo.row + i + 1];
  451. hitinfo.sheet.setRowVisible(hitinfo.row + i + 1, child.visible, hitinfo.sheetArea);
  452. //hitinfo.sheet.setRowVisible(hitinfo.row + i + 1, child.vis(), hitinfo.sheetArea);
  453. }
  454. hitinfo.sheet.invalidateLayout();
  455. });
  456. hitinfo.sheet.repaint();
  457. }
  458. };
  459. TreeNodeCellType.prototype.processMouseEnter = function(hitinfo){
  460. if(hitinfo.sheet.name() === 'stdBillsGuidance_bills'){
  461. TREE_SHEET_HELPER.delayShowTips(hitinfo,setting);
  462. }
  463. };
  464. TreeNodeCellType.prototype.processMouseMove = function(hitinfo){//造价书主界面,当鼠标移动到单元格最右往左50个像素内时才显示悬浮提示内容
  465. if (hitinfo.sheet.name()!=="mainSheet") return;//只有在造价书主界面才显示
  466. let offset = 20;//从右向左显示的像素范围
  467. let leftX = hitinfo.cellRect.x + hitinfo.cellRect.width;//最右边的坐标
  468. if(leftX - hitinfo.x <= offset){//如果鼠标移动到的位置是在显示的范围内显示悬浮提示
  469. TREE_SHEET_HELPER.delayShowTips(hitinfo,setting);
  470. }else {//如果移出了范围,隐藏悬浮提示
  471. TREE_SHEET_HELPER.hideTipsDiv();
  472. }
  473. };
  474. TreeNodeCellType.prototype.processMouseLeave = function (hitinfo) {
  475. TREE_SHEET_HELPER.hideTipsDiv();
  476. };
  477. if(isRationNode){
  478. TreeNodeCellType.prototype.createEditorElement = function (context) {
  479. return document.createElement("div");
  480. };
  481. TreeNodeCellType.prototype.activateEditor = function (editorContext, cellStyle, cellRect, context) {
  482. $editor = $(editorContext);
  483. $editor.css("position", "fixed");
  484. $editor.css("background", 'white');
  485. $editor.css("width", cellRect.width);
  486. $editor.css("height", cellRect.height);
  487. $editor.attr("gcUIElement", "gcEditingInput");//padding:0 //value="${context.sheet.getValue(context.row,context.col)}"
  488. $editor.html(` <div class="input-group input-group-sm">
  489. <input type="text" id="esInput" class="form-control" aria-label="Text input with dropdown button" autocomplete="off" style="background-color:${cellStyle.backColor}">
  490. <div class="">
  491. <div class="triangle-border_dropdown tb-border_dropdown" id="esBtn" style="left: ${cellRect.width - 15+"px"}"></div>
  492. </div>
  493. </div>
  494. `);
  495. // <div class = "input-group-append"><button class="btn btn-outline-secondary dropdown-toggle" id="esBtn" type="button" aria-haspopup="true" aria-expanded="false"></button></div>
  496. $editor.children('div').height(cellRect.height+2);
  497. return $editor;
  498. };
  499. TreeNodeCellType.prototype.updateEditor = function (editorContext, cellStyle, cellRect, context) {
  500. let me = this;
  501. $(editorContext).append(`<div><ul class="es-list" style="display: block;background-color:${cellStyle.backColor}"></ul></div>`);//<li class="" data-value="" style=""> <br></li>
  502. $('#esInput').val(context.sheet.getValue(context.row,context.col));
  503. $('#esInput').select();
  504. projectObj.project.Ration.getNearRations(initNode.data,function(rations){
  505. if(rations.length > 0){
  506. let li_html = "";
  507. for(let r of rations){
  508. if(r.code==initNode.data.code) continue; //排除自已
  509. li_html += `<li class="es_li" data-value="${r.code}" >${r.code} ${r.name} ${r.unit}</li>`;//定额编码+空格+定额名称+空格+定额单位。
  510. }
  511. $(".es-list").html(li_html);
  512. $(".es-list").css("min-width",cellRect.width);
  513. }
  514. if(me.clickDropDown == false) $(".es-list").hide();
  515. $(".es-list").children(".es_li").bind('click',function (e) {
  516. $('#esInput').val(this.dataset.value);
  517. $(".es-list").hide();
  518. context.sheet.endEdit();
  519. })
  520. $("#esBtn").bind('click',function(e){
  521. $(".es-list").toggle();
  522. });
  523. if( $('#esInput').val()) setCursor( $("#esInput")[0], $('#esInput').val().length)
  524. });
  525. };
  526. TreeNodeCellType.prototype.setEditorValue = function (editor, value, context) {
  527. $('#esInput').val(value);
  528. };
  529. TreeNodeCellType.prototype.getEditorValue = function (editor, context) {
  530. this.isEscKey = false;
  531. console.log($('#esInput').val());
  532. return $('#esInput').val()!==''? $('#esInput').val():null;
  533. };
  534. }
  535. return new TreeNodeCellType();
  536. },
  537. showTipsDiv:function (text,setting,hitinfo) {
  538. if (setting.pos && text && text !== '') {
  539. if(text) text = replaceAll(/[\n]/,'<br>',text);
  540. if(!this._fixedTipElement){
  541. let div = $('#fixedTip')[0];
  542. if (!div) {
  543. div = document.createElement("div");
  544. $(div).css("padding", 5)
  545. .attr("id", 'fixedTip');
  546. $(div).hide();
  547. document.body.insertBefore(div, null);
  548. }
  549. this._fixedTipElement = div;
  550. }
  551. $(this._fixedTipElement).width('');
  552. $(this._fixedTipElement).html(text);
  553. if (!this._toolTipElement) {
  554. let div = $('#autoTip')[0];
  555. if (!div) {
  556. div = document.createElement("div");
  557. $(div).addClass("message-box");
  558. $(div).attr("id", 'autoTip');
  559. $(div).hide();
  560. document.body.insertBefore(div, null);
  561. }
  562. this._toolTipElement = div;
  563. $(this._toolTipElement).width('');
  564. //实时读取位置信息
  565. if(hitinfo.sheet && hitinfo.sheet.getParent().qo){
  566. setting.pos = SheetDataHelper.getObjPos(hitinfo.sheet.getParent().qo);
  567. }
  568. $(this._toolTipElement).html(`<span>${text}</span><div class="triangle-border tb-border_up"></div><div class="triangle-border tb-background_up"></div>`);
  569. //清单指引、清单库做特殊处理
  570. if($(hitinfo.sheet.getParent().qo).attr('id') === 'stdBillsSpread' || $(hitinfo.sheet.getParent().qo).attr('id') === 'billsGuidance_bills'){
  571. $(this._toolTipElement).html(`<span>${text}</span>`);
  572. let divWidth = $(this._fixedTipElement).width(),
  573. divHeight = $(this._fixedTipElement).height();
  574. if(divWidth > 600){
  575. divWidth = 590;
  576. $(this._toolTipElement).width(divWidth);
  577. }
  578. let top = setting.pos.y + hitinfo.y - divHeight / 2 < 0 ? 0 : setting.pos.y + hitinfo.y - divHeight / 2;
  579. $(this._toolTipElement).css("top", top).css("left", setting.pos.x - divWidth);
  580. } else {
  581. //计算显示的初始位置
  582. /* 显示在单元格上方,三角形指向下的版本
  583. let top = setting.pos.y + hitinfo.cellRect.y -$(this._toolTipElement).height() -26;
  584. let left = setting.pos.x + hitinfo.cellRect.x;
  585. $(this._toolTipElement).css("top", top).css("left", left);*/
  586. //显示在下方,三角形指
  587. let top = setting.pos.y + hitinfo.cellRect.y+26;
  588. let left = setting.pos.x + hitinfo.cellRect.x;
  589. $(this._toolTipElement).css("top", top).css("left", left);
  590. }
  591. $(this._toolTipElement).show("fast");
  592. TREE_SHEET_HELPER.tipDiv = 'show';//做个标记
  593. }
  594. }
  595. },
  596. hideTipsDiv:function () {
  597. TREE_SHEET_HELPER.tipTimeStamp = +new Date();//这个是为了造价书清单编号树节点的那个延时显示而打的时间戳,防止已经要隐藏的提示框,延时显示
  598. let me = TREE_SHEET_HELPER;
  599. TREE_SHEET_HELPER.tipDiv = 'hide';
  600. if (me._toolTipElement) {
  601. $(me._toolTipElement).hide();
  602. me._toolTipElement = null;
  603. }
  604. TREE_SHEET_HELPER.tipDivCheck();//延时检查:当tips正在show的时候,就调用了hide方法,会导致tips一直存在,所以设置一个超时处理
  605. },
  606. tipDivCheck(){
  607. setTimeout(function () {
  608. let tips = $('#autoTip');
  609. if(TREE_SHEET_HELPER.tipDiv == 'show'){
  610. return;
  611. } else if(TREE_SHEET_HELPER.tipDiv == 'hide'&&tips){
  612. tips.hide();
  613. TREE_SHEET_HELPER._toolTipElement = null;
  614. }
  615. },600)
  616. },
  617. delayShowTips:function(hitinfo,setting,tips){//延时显示
  618. let delayTimes = 500; //延时时间
  619. let now_timeStamp = +new Date();
  620. TREE_SHEET_HELPER.tipTimeStamp = now_timeStamp;
  621. setTimeout(function () {
  622. if(now_timeStamp - TREE_SHEET_HELPER.tipTimeStamp == 0){//鼠标停下的时候才显示
  623. let tag = hitinfo.sheet.getTag(hitinfo.row, hitinfo.col);
  624. if(tips && tips !=""){ //有tips的话优先显示tips
  625. tag = tips;
  626. }
  627. if(tag&&tag!=''){
  628. TREE_SHEET_HELPER.showTipsDiv(tag,setting,hitinfo);
  629. }
  630. }
  631. },delayTimes);
  632. }
  633. };