budgetInst-fill.jsp 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  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. html{
  12. width:99%;
  13. height:90%;
  14. }
  15. body{
  16. width:100%;
  17. height:100%;
  18. }
  19. #easylayout{
  20. width:100%;
  21. height:100%;
  22. }
  23. .center {
  24. width:100%;
  25. height:100%;
  26. }
  27. .sample-spreadsheets {
  28. width: calc(99vw - 50px);
  29. height: calc(99vh - 100px);
  30. }
  31. .options-container{
  32. float: right;
  33. width: 280px;
  34. padding: 12px;
  35. height: 100%;
  36. box-sizing: border-box;
  37. background: #fbfbfb;
  38. overflow: auto;
  39. }
  40. .option-row {
  41. font-size: 14px;
  42. padding: 5px;
  43. margin-top: 10px;
  44. }
  45. </style>
  46. </head>
  47. <body style="background:#FFFFFF;">
  48. <div>
  49. <%@include file="budgetInst-buttons.jsp"%>
  50. </div>
  51. <c:if test="${view}"><%--查看去掉右侧查看 --%>
  52. <div id="ss" class="sample-spreadsheets" style="width:99%"></div>
  53. <div id="statusBar" class="sample-spreadsheets-statusBar"></div>
  54. </c:if>
  55. <c:if test="${!view}">
  56. <div class="easyui-layout" id="easylayout">
  57. <div region="center" class="center">
  58. <div id="ss" class="sample-spreadsheets"></div>
  59. <div id="statusBar" class="sample-spreadsheets-statusBar"></div>
  60. </div>
  61. <div data-options="region:'east',
  62. title:'维度信息',
  63. collapsed:true,
  64. split:true,
  65. border:false,
  66. onExpand : function(){
  67. li_east = 1;
  68. },
  69. onCollapse : function() {
  70. li_east = 0;
  71. }"
  72. style="width: 350px; overflow: hidden;" id="eastPanel">
  73. <div class="option-row" id="info1" style="display: none;">
  74. <fieldset style="border:1px solid #666666;padding:5px">
  75. <legend>单元格维度</legend>
  76. <table>
  77. <tr id="entityTr" style="display: none;">
  78. <td>预算主体:</td>
  79. <td>
  80. <input type="text" id="entityInput" style="width: 150px;" readonly="readonly">
  81. </td>
  82. </tr>
  83. <tr>
  84. <td>时间维度:</td>
  85. <td>
  86. <input type="text" id="timeInput" style="width: 150px;" readonly="readonly">
  87. </td>
  88. </tr>
  89. <tr>
  90. <td>指标维度:</td>
  91. <td><input type="text" id="measureInput" style="width: 150px;" readonly="readonly"></td>
  92. </tr>
  93. <tr>
  94. <td>含税维度:</td>
  95. <td>
  96. <input type="radio" name="includeTax" value="1" disabled="disabled">含税
  97. <input type="radio" name="includeTax" value="0" disabled="disabled">不含税
  98. </td>
  99. </tr>
  100. <tr>
  101. <td>预实维度:</td>
  102. <td>
  103. <input type="radio" name="expect" value="1" disabled="disabled">预算数
  104. <input type="radio" name="expect" value="0" disabled="disabled">实际数
  105. </td>
  106. </tr>
  107. </table>
  108. </fieldset>
  109. <fieldset style="border:1px solid #666666;padding:5px">
  110. <legend>单元格属性</legend>
  111. <table>
  112. <tr>
  113. <td>只读:</td>
  114. <td>
  115. <input type="text" id="readOnlyInput" style="width: 150px;" readonly="readonly">
  116. </td>
  117. </tr>
  118. <tr>
  119. <td>数据类型:</td>
  120. <td><input type="text" id="datatypeInput" style="width: 150px;" readonly="readonly"></td>
  121. </tr>
  122. <tr id="functionInputTr" style="display:none">
  123. <td>维度公式:</td>
  124. <td>
  125. <input type="text" id="functionInput" style="width: 150px;" readonly="readonly">
  126. </td>
  127. </tr>
  128. <tr id="controlFlagNameTr" style="display:none">
  129. <td>预算控制:</td>
  130. <td>
  131. <input type="text" id="controlFlagNameInput" style="width: 150px;" readonly="readonly">
  132. </td>
  133. </tr>
  134. </table>
  135. </fieldset>
  136. </div>
  137. <div class="option-row" id="info2" style="display: none;">
  138. <fieldset style="border:1px solid #666666;padding:5px">
  139. <legend>单元格维度</legend>
  140. <span id="otherTxt"></span>
  141. </fieldset>
  142. </div>
  143. </div>
  144. </div>
  145. </c:if>
  146. <script>
  147. var measureDataTypeList={};
  148. <c:forEach items="${measureDataTypeList}" var="type" varStatus="i">
  149. measureDataTypeList['${type.typecode}'] ='${type.typename}';
  150. </c:forEach>
  151. measureDataTypeList['formula']='维度公式';
  152. $(function(){
  153. setTimeout(function(){
  154. $('#easylayout').layout('expand','east');
  155. },500)
  156. setTimeout(function(){
  157. $('#easylayout').layout('collapse','east');
  158. },1000)
  159. })
  160. </script>
  161. <script src="webpage/cn/com/lzt/budget/inst/budgetInst-fill.js?v=11" type="text/javascript"></script>
  162. </body>
  163. </html>