budgetTempSheet-measure4Orders.jsp 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  2. <%@include file="/context/mytags.jsp"%>
  3. <!doctype html>
  4. <html>
  5. <head>
  6. <t:base type="jquery,easyui,tools,DatePicker"></t:base>
  7. <meta charset="utf-8" />
  8. <meta name="spreadjs culture" content="zh-cn" />
  9. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  10. <style>
  11. .sample-spreadsheets {
  12. width: calc(100% - 350px);
  13. height: 100%;
  14. overflow: hidden;
  15. float: left;
  16. }
  17. .sample-spreadsheets-statusBar {
  18. width: calc(100% - 350px);
  19. overflow: hidden;
  20. float: left;
  21. }
  22. .options-container{
  23. /* float: right;*/
  24. width: 350px;
  25. padding: 12px;
  26. height: 100%;
  27. box-sizing: border-box;
  28. background: #fbfbfb;
  29. overflow: auto;
  30. }
  31. .option-row {
  32. font-size: 14px;
  33. padding: 5px;
  34. margin-top: 10px;
  35. }
  36. </style>
  37. <script>
  38. <c:if test="${periodEntity==null}">
  39. alert('${tempSheet.periodYear}年未设置预算周期,请联系管理员');
  40. history.go(-1);
  41. </c:if>
  42. </script>
  43. </head>
  44. <body style="background:#FFFFFF">
  45. <!-- <form id="form1" runat="server"> -->
  46. <div>
  47. <div id="div2">
  48. <%@include file="budgetTempSheet-buttons.jsp"%>
  49. </div>
  50. <%-- //保洁耗材 rootA02 办公用品 rootA03 工程耗材 rootA01 保安耗材 rootA10 会务耗材 rootA08
  51. // 工作服 gzf 代采购 dcg
  52. // 低值易耗 R003 固定资产 rootA04--%>
  53. <div class="sample-tutorial" style="top: 20px;width:calc(100vw - 80px); height: calc(100vh - 120px);">
  54. <div id="ss" class="sample-spreadsheets" ></div>
  55. <div id="statusBar" class="sample-spreadsheets-statusBar"></div>
  56. <div class="options-container">
  57. <div class="option-row" style="text-align:center">
  58. ${tempSheet.name}
  59. </div>
  60. <div class="option-row" id="bindMeasureDiv">
  61. <fieldset style="border:1px solid #666666;padding:5px">
  62. <legend>绑定维度</legend>
  63. <table>
  64. <tr>
  65. <td>${ordersKindTxt}:</td>
  66. <td><input type="text" id="${tempSheet.ordersKind}" style="width: 150px;" readonly="readonly"></td>
  67. <td>
  68. <c:if test="${!readonly}">
  69. <a href="#" class="easyui-linkbutton l-btn" iconcls="icon-synchronization" onclick="bindOneMeasure('${tempSheet.ordersKind}')">
  70. 绑定
  71. </a>
  72. </c:if>
  73. </td>
  74. </tr>
  75. <c:if test="${tempSheet.ordersKindType=='dizhi'}">
  76. <c:forEach items="${subCategoryList}" var="goodsCategory" varStatus="status">
  77. <tr>
  78. <td>${goodsCategory.categoryName}:</td>
  79. <td><input type="text" id="${goodsCategory.categoryCode}" style="width: 150px;" readonly="readonly"></td>
  80. <td>
  81. <c:if test="${!readonly}">
  82. <a href="#" class="easyui-linkbutton l-btn" iconcls="icon-synchronization" onclick="bindOneSubMeasure('${goodsCategory.categoryCode}',${status.index})">
  83. 绑定
  84. </a>
  85. </c:if>
  86. </td>
  87. </tr>
  88. </c:forEach>
  89. </c:if>
  90. <tr>
  91. <td>时间维度:</td>
  92. <td><input type="text" id="periodDetialName" style="width: 150px;" readonly="readonly"></td>
  93. <td>
  94. <c:if test="${!readonly}">
  95. <a href="#" class="easyui-linkbutton l-btn" iconcls="icon-synchronization" onclick="bindPeriodDetail()">
  96. 绑定
  97. </a>
  98. </c:if>
  99. </td>
  100. </tr>
  101. <tr>
  102. <td>含税维度:</td>
  103. <td>
  104. <input type="radio" id="includeTax1" name="includeTax" value="1" onclick="setIncludeTax(1)">含税
  105. <input type="radio" id="includeTax0" name="includeTax" value="0" onclick="setIncludeTax(0)">不含税
  106. </td>
  107. </tr>
  108. <tr>
  109. <td>预实维度:</td>
  110. <td>
  111. <input type="radio" id="expect1" name="expect" value="1" onclick="setExpect(1)">预算数
  112. <input type="radio" id="expect0" name="expect" value="0" onclick="setExpect(0)">实际数
  113. </td>
  114. </tr>
  115. </table>
  116. </fieldset>
  117. </div>
  118. </div>
  119. </div>
  120. </div>
  121. <c:choose>
  122. <c:when test="${tempSheet.ordersKindType=='m'}">
  123. <script src="webpage/cn/com/lzt/budget/tempsheet/js/tempsheet_orders_m_header.js" type="text/javascript"></script>
  124. </c:when>
  125. <c:when test="${tempSheet.ordersKindType=='gzf'}">
  126. <script src="webpage/cn/com/lzt/budget/tempsheet/js/tempsheet_orders_gzf_header.js" type="text/javascript"></script>
  127. </c:when>
  128. <c:when test="${tempSheet.ordersKindType=='dcg'}">
  129. <script src="webpage/cn/com/lzt/budget/tempsheet/js/tempsheet_orders_dcg_header.js" type="text/javascript"></script>
  130. </c:when>
  131. <c:when test="${tempSheet.ordersKindType=='dizhi'}">
  132. <script src="webpage/cn/com/lzt/budget/tempsheet/js/tempsheet_orders_dizhi_header.js" type="text/javascript"></script>
  133. </c:when>
  134. </c:choose>
  135. <script>
  136. var ordersKind='${tempSheet.ordersKind}';
  137. var ordersKindTxt='${ordersKindTxt}';
  138. var ordersKindType='${tempSheet.ordersKindType}';
  139. var ordersCategoryCode='${tempSheet.ordersCategoryCode}';
  140. var refYear='${tempSheet.refYear}';
  141. var defaultPeriodDetailInfo={periodDetailId:"${defaultPeriodDetailEntity.id}",periodDetailName:"${defaultPeriodDetailEntity.name}"};
  142. var sheetVar={};
  143. sheetVar.categoryTotalStartCol=-2;//统计开始列
  144. sheetVar.categoryCodeCol=-2;//分类存放列
  145. sheetVar.headerCount=-2;//头部行高
  146. var categoryTotalRow=0;
  147. function bindOneMeasure(id){
  148. var row,col;
  149. if(ordersKindType=='m'||ordersKindType=='dizhi' ||ordersKindType=='dcg' ||ordersKindType=='gzf'){
  150. row=1;
  151. col=2;
  152. }
  153. selectMeasure(function(selectedRows){
  154. var sheet = spread.getActiveSheet();
  155. var one =selectedRows[0];
  156. one.findKey="total";
  157. bindMeasureValue(sheet,row,col,one);
  158. $('#'+id).val(one.name);
  159. var val={};
  160. val["c_"+id]=one.name;
  161. addSheetTagValue(sheet,val)
  162. },'100%','100%');
  163. }
  164. function bindOneSubMeasure(categoryCode,index){
  165. selectMeasure(function(selectedRows){
  166. var sheet = spread.getActiveSheet();
  167. var one =selectedRows[0];
  168. var col = sheetVar.categoryTotalStartCol+index;
  169. var colCount = sheet.getColumnCount();
  170. if(col+1>colCount){
  171. var addColCount = col+1-colCount;
  172. sheet.addColumns(colCount,addColCount);
  173. for(var i=0;i<addColCount;i++){
  174. sheet.getRange(-1, colCount+i).visible(false);
  175. }
  176. }
  177. one.findKey=categoryCode;
  178. bindMeasureValue(sheet,categoryTotalRow,col,one);
  179. sheet.setFormula(categoryTotalRow,col,'SUMIF(AH:AH,'+'"'+categoryCode+'",'+'AG:AG)');
  180. $('#'+categoryCode).val(one.name);
  181. var val={};
  182. val["c_"+categoryCode]=one.name;
  183. addSheetTagValue(sheet,val)
  184. },'100%','100%');
  185. }
  186. function bindMeasureValue(sheet,row,col,selectRow){
  187. setDataCell(sheet,row,col);
  188. var valueObj = {measureId:selectRow.id,measureName:selectRow.name};
  189. valueObj.datatype=selectRow.datatype;
  190. valueObj.fractionNum=selectRow.fractionNum;
  191. valueObj.currencySymbol=selectRow.currencySymbol;
  192. valueObj.showType=selectRow.showType;
  193. valueObj.thousandth=selectRow.thousandth;
  194. valueObj.findKey=selectRow.findKey;
  195. var oldFormula = sheet.getFormula(row,col);
  196. if(oldFormula) {
  197. if(selectRow.datatype=='amount'){
  198. if(selectRow.showType=='ten_thousand'){
  199. sheet.setFormula(row,col,oldFormula+'/10000');
  200. }
  201. if(selectRow.showType=='hundred_million'){
  202. sheet.setFormula(row,col,oldFormula+'/100000000');
  203. }
  204. }else{
  205. var i = oldFormula.indexOf('/');
  206. if(i>0){
  207. sheet.setFormula(row,col,oldFormula.substr(0,i));
  208. }
  209. }
  210. }
  211. addCellTagValue(sheet,row,col,valueObj);
  212. setAmountFormat(sheet,row,col,valueObj);
  213. var tag = sheet.tag();
  214. if(tag){
  215. if(tag.periodDetailInfo){
  216. addCellTagValue(sheet,row,col,tag.periodDetailInfo);
  217. }
  218. if(typeof tag.includeTax!="undefined"){
  219. addCellTagValue(sheet,row,col,{includeTax:tag.includeTax});
  220. }
  221. if(typeof tag.expect !="undefined"){
  222. addCellTagValue(sheet,row,col,{expect:tag.expect});
  223. }
  224. }
  225. }
  226. function bindPeriodDetail() {
  227. selectPeriodDetail(periodYear,function(obj){
  228. var sheet = spread.getActiveSheet();
  229. addSheetTagValue(sheet,{periodDetailInfo:obj});
  230. loopDataCell(sheet,function(row,col){
  231. addCellTagValue(sheet,row,col,obj)
  232. });
  233. $('#periodDetialName').val(obj.periodDetailName);
  234. })
  235. }
  236. function setIncludeTax(include){
  237. var sheet = spread.getActiveSheet();
  238. var obj = {includeTax:include};
  239. addSheetTagValue(sheet,obj);
  240. loopDataCell(sheet,function(row,col){
  241. addCellTagValue(sheet,row,col,obj)
  242. });
  243. }
  244. function setExpect(expect){
  245. var sheet = spread.getActiveSheet();
  246. var obj = {expect:expect};
  247. addSheetTagValue(sheet,obj);
  248. loopDataCell(sheet,function(row,col){
  249. addCellTagValue(sheet,row,col,obj)
  250. });
  251. }
  252. </script>
  253. <script src="webpage/cn/com/lzt/budget/tempsheet/budgetTempSheet-measure4Orders.js?v=3" type="text/javascript"></script>
  254. </body>
  255. </html>