budgetTempSheet-measure4ActualSta.jsp 9.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270
  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. .options-container{
  18. float: right;
  19. width: 350px;
  20. padding: 12px;
  21. height: 100%;
  22. box-sizing: border-box;
  23. background: #fbfbfb;
  24. overflow: auto;
  25. }
  26. .option-row {
  27. font-size: 14px;
  28. padding: 5px;
  29. margin-top: 10px;
  30. }
  31. </style>
  32. <script>
  33. <c:if test="${periodEntity==null}">
  34. alert('${tempSheet.periodYear}年未设置预算周期,请联系管理员');
  35. history.go(-1);
  36. </c:if>
  37. </script>
  38. </head>
  39. <body style="background:#FFFFFF">
  40. <!-- <form id="form1" runat="server"> -->
  41. <div>
  42. <div id="div2">
  43. <%@include file="budgetTempSheet-buttons.jsp"%>
  44. </div>
  45. <div class="sample-tutorial" style="top: 20px;width:calc(100vw - 80px); height: calc(100vh - 120px);">
  46. <div id="ss" class="sample-spreadsheets" ></div>
  47. <div class="options-container">
  48. <div class="option-row" style="text-align:center">
  49. ${tempSheet.name}
  50. </div>
  51. <div class="option-row" id="rowInfo" style="display:none">
  52. <fieldset style="border:1px solid #666666;padding:5px">
  53. <legend>行维度</legend>
  54. <table>
  55. <tr>
  56. <td>预算主体:</td>
  57. <td>
  58. <input type="text" id="rowEntityInput" style="width: 150px;" readonly="readonly">
  59. </td>
  60. <td>
  61. <a href="#" class="easyui-linkbutton l-btn" iconcls="icon-synchronization" id="rowEntityBind" onclick="setEntityRow()">
  62. 绑定
  63. </a>
  64. </td>
  65. </tr>
  66. <tr>
  67. <td>时间维度:</td>
  68. <td>
  69. <input type="text" id="rowTimeInput" style="width: 150px;" readonly="readonly">
  70. </td>
  71. <td>
  72. <a href="#" class="easyui-linkbutton l-btn" iconcls="icon-synchronization" id="rowTimeBind" onclick="setTimeRow()">
  73. 绑定
  74. </a>
  75. </td>
  76. </tr>
  77. <tr>
  78. <td>指标维度:</td>
  79. <td><input type="text" id="rowGoalsInput" style="width: 150px;" readonly="readonly"></td>
  80. <td>
  81. <a href="#" class="easyui-linkbutton l-btn" iconcls="icon-synchronization" id="rowGoalsBind" onclick="setMeasureRow()">
  82. 绑定
  83. </a>
  84. </td>
  85. </tr>
  86. <tr>
  87. <td>含税维度:</td>
  88. <td>
  89. <input type="radio" name="includeTaxRow" value="1" onclick="setIncludeTaxRow()">含税
  90. <input type="radio" name="includeTaxRow" value="0" onclick="setIncludeTaxRow()">不含税
  91. </td>
  92. </tr>
  93. <tr>
  94. <td>预实维度:</td>
  95. <td>
  96. <input type="radio" name="expectRow" value="1" onclick="setExpectRow()">预算数
  97. <input type="radio" name="expectRow" value="0" onclick="setExpectRow()">实际数
  98. </td>
  99. </tr>
  100. <tr>
  101. <td colspan="3" align="center">
  102. <a href="#" class="easyui-linkbutton l-btn" iconcls="icon-remove" onclick="removeRowBind()">
  103. 清空行维度
  104. </a>
  105. </td>
  106. </tr>
  107. </table>
  108. </fieldset>
  109. </div>
  110. <div class="option-row" id="colInfo" style="display:none">
  111. <fieldset style="border:1px solid #666666;padding:5px">
  112. <legend>列维度</legend>
  113. <table>
  114. <tr>
  115. <td>预算主体:</td>
  116. <td>
  117. <input type="text" id="colEntityInput" style="width: 150px;" readonly="readonly">
  118. </td>
  119. <td>
  120. <a href="#" class="easyui-linkbutton l-btn" iconcls="icon-synchronization" id="colEntityBind" onclick="setEntityCol()">
  121. 绑定
  122. </a>
  123. </td>
  124. </tr>
  125. <tr>
  126. <td>时间维度:</td>
  127. <td>
  128. <input type="text" id="colTimeInput" style="width: 150px;" readonly="readonly">
  129. </td>
  130. <td>
  131. <a href="#" class="easyui-linkbutton l-btn" iconcls="icon-synchronization" id="colTimeBind" onclick="setTimeCol()">
  132. 绑定
  133. </a>
  134. </td>
  135. </tr>
  136. <tr>
  137. <td>指标维度:</td>
  138. <td><input type="text" id="colGoalsInput" style="width: 150px;" readonly="readonly"></td>
  139. <td>
  140. <a href="#" class="easyui-linkbutton l-btn" iconcls="icon-synchronization" id="colGoalsBind" onclick="setMeasureCol()">
  141. 绑定
  142. </a>
  143. </td>
  144. </tr>
  145. <tr>
  146. <td>含税维度:</td>
  147. <td>
  148. <input type="radio" name="includeTaxCol" value="1" onclick="setIncludeTaxCol()">含税
  149. <input type="radio" name="includeTaxCol" value="0" onclick="setIncludeTaxCol()">不含税
  150. </td>
  151. </tr>
  152. <tr>
  153. <td>预实维度:</td>
  154. <td>
  155. <input type="radio" name="expectCol" value="1" onclick="setExpectCol()">预算数
  156. <input type="radio" name="expectCol" value="0" onclick="setExpectCol()">实际数
  157. </td>
  158. </tr>
  159. <tr>
  160. <td colspan="3" align="center">
  161. <a href="#" class="easyui-linkbutton l-btn" iconcls="icon-remove" onclick="removeColBind()">
  162. 清空列维度
  163. </a>
  164. </td>
  165. </tr>
  166. </table>
  167. </fieldset>
  168. </div>
  169. <div class="option-row" id="info2" style="display:none">
  170. <fieldset style="border:1px solid #666666;padding:5px">
  171. <legend>单元格维度</legend>
  172. <table>
  173. <tr>
  174. <td>预算主体:</td>
  175. <td>
  176. <input type="text" id="entityInput" style="width: 150px;" readonly="readonly">
  177. </td>
  178. </tr>
  179. <tr>
  180. <td>时间维度:</td>
  181. <td>
  182. <input type="text" id="timeInput" style="width: 150px;" readonly="readonly">
  183. </td>
  184. </tr>
  185. <tr>
  186. <td>指标维度:</td>
  187. <td><input type="text" id="goalsInput" style="width: 150px;" readonly="readonly"></td>
  188. </tr>
  189. <tr>
  190. <td>含税维度:</td>
  191. <td>
  192. <input type="radio" name="includeTax" value="1" disabled="disabled">含税
  193. <input type="radio" name="includeTax" value="0" disabled="disabled">不含税
  194. </td>
  195. </tr>
  196. <tr>
  197. <td>预实维度:</td>
  198. <td>
  199. <input type="radio" name="expect" value="1" disabled="disabled">预算数
  200. <input type="radio" name="expect" value="0" disabled="disabled">实际数
  201. </td>
  202. </tr>
  203. </table>
  204. </fieldset>
  205. </div>
  206. <div class="option-row" id="info3" style="display: none;">
  207. <fieldset style="border:1px solid #666666;padding:5px">
  208. <legend>单元格属性</legend>
  209. <div>只读:<span id="readOnly"></span></div>
  210. <div>数据类型:<span id="goalsDataType"></span></div>
  211. <div style="display: none;" id="controlFlagName">预算控制:<span></span></div>
  212. <div style="display: none;" id="showFuntionTxt">维度公式:<span></span></div>
  213. </fieldset>
  214. </div>
  215. </div>
  216. <!-- <div id="detail" class="options-container"> -->
  217. <!-- <div class="option-row">
  218. 操作<br/>
  219. <div class="option-row">
  220. <input id="addBackgroundColorMenuSelection" type="checkbox" />
  221. <label for="addBackgroundColorMenuSelection">Add background color menu selection</label>
  222. </div>
  223. </div> -->
  224. </div>
  225. </div>
  226. <script>
  227. var periodDetailList = [];
  228. <c:forEach items="${periodDetailList}" var="detail" varStatus="i">
  229. var detail${i.index} = {};
  230. detail${i.index}.id = '${detail.id}';
  231. detail${i.index}.name = '${detail.name}';
  232. periodDetailList.push(detail${i.index});
  233. </c:forEach>
  234. var measureDataTypeList={};
  235. <c:forEach items="${measureDataTypeList}" var="type" varStatus="i">
  236. measureDataTypeList['${type.typecode}'] ='${type.typename}';
  237. </c:forEach>
  238. var entityList =[];
  239. <c:forEach items="${entityList}" var="entity" varStatus="i">
  240. entityList.push({id:'${entity.id}',name:'${entity.entityName}'});
  241. </c:forEach>
  242. var actualStaKind='${tempSheet.actualStaKind}';
  243. function addEntity(){
  244. var sheet = spread.getActiveSheet();
  245. var sheetTag = sheet.tag();
  246. var ids ='';
  247. if(sheetTag && sheetTag.ids){
  248. ids =sheetTag.ids.join(',');
  249. }
  250. _openDialog('budgetEntityController.do?select&excludeIds='+ids,'选择预算主体',function(iframe){
  251. var selectRows = iframe.getSelectRows();
  252. spread.suspendPaint();
  253. for(var i=0;i<selectRows.length;i++){
  254. var one=selectRows[i];
  255. var oneObj = {id:one.id,name:one.entityName};
  256. addOne(oneObj);
  257. }
  258. spread.resumePaint();
  259. },'800px','600px');
  260. }
  261. </script>
  262. <script src="webpage/cn/com/lzt/budget/tempsheet/budgetTempSheet-measure4ActualSta.js" type="text/javascript"></script>
  263. <script src="webpage/cn/com/lzt/budget/tempsheet/js/actual_sta_branch.js" type="text/javascript"></script>
  264. <script src="webpage/cn/com/lzt/budget/tempsheet/js/actual_sta_main.js" type="text/javascript"></script>
  265. </body>
  266. </html>