view.html 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286
  1. <div style="background-color: #FFF; overflow: hidden">
  2. <div title="基本" class="MWFTab">
  3. <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
  4. <tr>
  5. <td class="editTableTitle">标识:</td>
  6. <td class="editTableValue">text{$.id}</td>
  7. </tr>
  8. <tr>
  9. <td class="editTableTitle">名称:</td>
  10. <td class="editTableValue"><input type="text" name="name" value="text{$.name}" class="editTableInput"/></td>
  11. </tr>
  12. <tr>
  13. <td class="editTableTitle">别名:</td>
  14. <td class="editTableValue"><input type="text" name="alias" value="text{$.alias}" class="editTableInput"/></td>
  15. </tr>
  16. <tr>
  17. <td class="editTableTitle">描述:</td>
  18. <td class="editTableValue"><input type="text" name="description" value="text{$.description}" class="editTableInput"/></td>
  19. </tr>
  20. <tr>
  21. <td class="editTableTitle">隐藏视图:</td>
  22. <td class="editTableValue">
  23. <input class="editTableRadio" name="display" text{($.display===false)?'checked':''} type="radio" value="false"/>是
  24. <input class="editTableRadio" name="display" text{($.display!==false)?'checked':''} type="radio" value="true"/>否
  25. </td>
  26. </tr>
  27. <!--<tr>-->
  28. <!--<td class="editTableTitle">最大行数:</td>-->
  29. <!--<td class="editTableValue"><input type="text" name="max" value="text{$.max}" class="editTableInput"/></td>-->
  30. <!--</tr>-->
  31. </table>
  32. <div style="height:24px; text-align: center; line-height: 24px; background-color: #EEE; border-top: 1px solid #999; font-weight: bold">权限</div>
  33. <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable" id="processEditStarter">
  34. <tr>
  35. <td class="editTableTitle">可执行人:</td>
  36. <td class="editTableValue">
  37. <div class="MWFSelectIdentity" name="availableIdentityList"></div>
  38. </td>
  39. </tr>
  40. <tr>
  41. <td class="editTableTitle">执行部门:</td>
  42. <td class="editTableValue">
  43. <div class="MWFSelectDepartment" name="availableDepartmentList"></div>
  44. </td>
  45. </tr>
  46. <tr>
  47. <td class="editTableTitle">执行公司:</td>
  48. <td class="editTableValue">
  49. <div class="MWFSelectCompany" name="availableCompanyList"></div>
  50. </td>
  51. </tr>
  52. </table>
  53. <!--<div class="MWFApplicationSelect" title="选择应用"></div>-->
  54. <!--<div class="MWFProcessSelect" title="选择流程"></div>-->
  55. <!--<div class="MWFCompanySelect" title="选择公司"></div>-->
  56. <!--<div class="MWFDepartmentSelect" title="选择部门"></div>-->
  57. <!--<div class="MWFPersonSelect" title="选择人员"></div>-->
  58. <!--<div class="MWFIdentitySelect" title="选择身份"></div>-->
  59. </div>
  60. <div title="范围" class="MWFTab">
  61. <div style="height:24px; text-align: center; line-height: 24px; background-color: #EEE; border-top: 1px solid #999; font-weight: bold">范围</div>
  62. <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
  63. <tr>
  64. <td class="editTableTitle">选择栏目:</td>
  65. <td class="editTableValue">
  66. <div class="MWFSelectApplication" name="data.restrictWhereEntry.appInfoList"></div>
  67. </td>
  68. </tr>
  69. <tr>
  70. <td class="editTableTitle">选择分类:</td>
  71. <td class="editTableValue">
  72. <div class="MWFSelectCategory" name="data.restrictWhereEntry.categoryInfoList"></div>
  73. </td>
  74. </tr>
  75. <tr>
  76. <td class="editTableTitle">选择公司:</td>
  77. <td class="editTableValue">
  78. <div class="MWFSelectCompany" name="data.restrictWhereEntry.companyList"></div>
  79. </td>
  80. </tr>
  81. <tr>
  82. <td class="editTableTitle">选择部门:</td>
  83. <td class="editTableValue">
  84. <div class="MWFSelectDepartment" name="data.restrictWhereEntry.departmentList"></div>
  85. </td>
  86. </tr>
  87. <tr>
  88. <td class="editTableTitle">选择人员:</td>
  89. <td class="editTableValue">
  90. <div class="MWFSelectPerson" name="data.restrictWhereEntry.personList"></div>
  91. </td>
  92. </tr>
  93. <tr>
  94. <td class="editTableTitle">选择身份:</td>
  95. <td class="editTableValue">
  96. <div class="MWFSelectIdentity" name="data.restrictWhereEntry.identityList"></div>
  97. </td>
  98. </tr>
  99. </table>
  100. <div style="height:24px; text-align: center; line-height: 24px; background-color: #EEE; border-top: 1px solid #999; font-weight: bold">时段</div>
  101. <div id="text{$.id}dateEffectTypeTable" style="display: text{($.data.scopeType!='workCompleted')?'none':'block'}">
  102. <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
  103. <tr><td class="editTableTitle">时间依据:</td><td class="editTableValue">
  104. <input class="editTableRadio" name="text{$.id}*data.restrictDateRangeEntry.dateEffectType" type="radio" text{($.data.restrictDateRangeEntry.dateEffectType!='completed')?'checked':''} value="start"/>创建时间
  105. <input class="editTableRadio" name="text{$.id}*data.restrictDateRangeEntry.dateEffectType" type="radio" text{($.data.restrictDateRangeEntry.dateEffectType=='completed')?'checked':''} value="completed"/>完成时间
  106. </td></tr>
  107. </table>
  108. </div>
  109. <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
  110. <tr><td class="editTableTitle">时段类型:</td><td class="editTableValue">
  111. <input class="editTableRadio" name="text{$.id}*data.restrictDateRangeEntry.dateRangeType"
  112. onclick="if (this.checked){ $('text{$.id}dateRangeType_RangeArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_DateArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_WeekArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_MonthArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_YearArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_SeasonArea').setStyle('display', 'none'); }"
  113. type="radio" text{(['year','season','month','week','date','season'].indexOf($.data.restrictDateRangeEntry.dateEffectType)==-1)?'checked':''} value="none"/>全部
  114. <input class="editTableRadio" name="text{$.id}*data.restrictDateRangeEntry.dateRangeType"
  115. onclick="if (this.checked){ $('text{$.id}dateRangeType_RangeArea').setStyle('display', 'block'); $('text{$.id}dateRangeType_DateArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_WeekArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_MonthArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_YearArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_SeasonArea').setStyle('display', 'none'); }"
  116. type="radio" text{($.data.restrictDateRangeEntry.dateEffectType=='season')?'range':''} value="range"/>范围<br/>
  117. <input class="editTableRadio" name="text{$.id}*data.restrictDateRangeEntry.dateRangeType"
  118. onclick="if (this.checked){ $('text{$.id}dateRangeType_YearArea').setStyle('display', 'block'); $('text{$.id}dateRangeType_DateArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_WeekArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_MonthArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_RangeArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_SeasonArea').setStyle('display', 'none'); }"
  119. type="radio" text{($.data.restrictDateRangeEntry.dateEffectType=='year')?'checked':''} value="year"/>年度
  120. <input class="editTableRadio" name="text{$.id}*data.restrictDateRangeEntry.dateRangeType"
  121. onclick="if (this.checked){ $('text{$.id}dateRangeType_YearArea').setStyle('display', 'block'); $('text{$.id}dateRangeType_DateArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_WeekArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_MonthArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_SeasonArea').setStyle('display', 'block'); $('text{$.id}dateRangeType_RangeArea').setStyle('display', 'none');}"
  122. type="radio" text{($.data.restrictDateRangeEntry.dateEffectType=='season')?'checked':''} value="season"/>季度
  123. <input class="editTableRadio" name="text{$.id}*data.restrictDateRangeEntry.dateRangeType"
  124. onclick="if (this.checked){ $('text{$.id}dateRangeType_YearArea').setStyle('display', 'block'); $('text{$.id}dateRangeType_DateArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_WeekArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_MonthArea').setStyle('display', 'block'); $('text{$.id}dateRangeType_SeasonArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_RangeArea').setStyle('display', 'none');}"
  125. type="radio" text{($.data.restrictDateRangeEntry.dateEffectType=='month')?'checked':''} value="month"/>月度
  126. <input class="editTableRadio" name="text{$.id}*data.restrictDateRangeEntry.dateRangeType"
  127. onclick="if (this.checked){ $('text{$.id}dateRangeType_YearArea').setStyle('display', 'block'); $('text{$.id}dateRangeType_DateArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_WeekArea').setStyle('display', 'block'); $('text{$.id}dateRangeType_MonthArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_SeasonArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_RangeArea').setStyle('display', 'none');}"
  128. type="radio" text{($.data.restrictDateRangeEntry.dateEffectType=='week')?'checked':''} value="week"/>周
  129. <input class="editTableRadio" name="text{$.id}*data.restrictDateRangeEntry.dateRangeType"
  130. onclick="if (this.checked){ $('text{$.id}dateRangeType_YearArea').setStyle('display', 'block'); $('text{$.id}dateRangeType_DateArea').setStyle('display', 'block'); $('text{$.id}dateRangeType_WeekArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_MonthArea').setStyle('display', 'block'); $('text{$.id}dateRangeType_SeasonArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_RangeArea').setStyle('display', 'none');}"
  131. type="radio" text{($.data.restrictDateRangeEntry.dateEffectType=='date')?'checked':''} value="date"/>日
  132. </td></tr>
  133. </table>
  134. <div id="text{$.id}dateRangeType_RangeArea" style="display: text{($.data.restrictDateRangeEntry.dateRangeType=='range')?'block':'none'}">
  135. <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
  136. <tr>
  137. <td class="editTableTitle">开始日期:</td>
  138. <td class="editTableValue"><input readonly type="text" name="data.restrictDateRangeEntry.start" value="text{$.data.restrictDateRangeEntry.start}" class="editTableInputDate"/></td>
  139. </tr>
  140. <tr>
  141. <td class="editTableTitle">结束日期:</td>
  142. <td class="editTableValue"><input readonly type="text" name="data.restrictDateRangeEntry.completed" value="text{$.data.restrictDateRangeEntry.completed}" class="editTableInputDate"/></td>
  143. </tr>
  144. </table>
  145. </div>
  146. <div id="text{$.id}dateRangeType_YearArea" style="display: text{(['year','season','month'].indexOf($.data.restrictDateRangeEntry.dateRangeType)!=-1)?'block':'none'}">
  147. <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
  148. <tr>
  149. <td class="editTableTitle">年度:</td>
  150. <td class="editTableValue"><select name="data.restrictDateRangeEntry.year">
  151. <option value="">当前年度</option>
  152. fun{var y=(new Date()).getFullYear(); var html = ""; for (var i=0; i<10; i++)html+="<option value='"+(y-i)+"'>"+(y-i)+"</option>"; return html;}
  153. </select></td>
  154. </tr>
  155. </table>
  156. </div>
  157. <div id="text{$.id}dateRangeType_SeasonArea" style="display: text{($.data.restrictDateRangeEntry.dateRangeType=='season')?'block':'none'}">
  158. <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
  159. <tr>
  160. <td class="editTableTitle">季度:</td>
  161. <td class="editTableValue"><select name="data.restrictDateRangeEntry.season">
  162. <option value="">当前季度</option>
  163. <option value="1">第一季度</option>
  164. <option value="2">第二季度</option>
  165. <option value="3">第三季度</option>
  166. <option value="4">第四季度</option>
  167. </select></td>
  168. </tr>
  169. </table>
  170. </div>
  171. <div id="text{$.id}dateRangeType_MonthArea" style="display: text{($.data.restrictDateRangeEntry.dateRangeType=='month')?'block':'none'}">
  172. <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
  173. <tr>
  174. <td class="editTableTitle">月份:</td>
  175. <td class="editTableValue"><select name="data.restrictDateRangeEntry.month">
  176. <option value="">当前月份</option>
  177. <option value="1">1月</option>
  178. <option value="2">2月</option>
  179. <option value="3">3月</option>
  180. <option value="4">4月</option>
  181. <option value="5">5月</option>
  182. <option value="6">6月</option>
  183. <option value="7">7月</option>
  184. <option value="8">8月</option>
  185. <option value="9">9月</option>
  186. <option value="10">10月</option>
  187. <option value="11">11月</option>
  188. <option value="12">12月</option>
  189. </select></td>
  190. </tr>
  191. </table>
  192. </div>
  193. <div id="text{$.id}dateRangeType_WeekArea" style="display: text{($.data.restrictDateRangeEntry.dateRangeType=='week')?'block':'none'}">
  194. <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
  195. <tr>
  196. <td class="editTableTitle">周:</td>
  197. <td class="editTableValue"><select name="data.restrictDateRangeEntry.week">
  198. <option value="">当前周</option>
  199. fun{var html = ""; for (var i=1; i<56; i++)html+="<option value='"+i+"'>第"+i+"周</option>"; return html;}
  200. </select></td>
  201. </tr>
  202. </table>
  203. </div>
  204. <div id="text{$.id}dateRangeType_DateArea" style="display: text{($.data.restrictDateRangeEntry.dateRangeType=='week')?'block':'none'}">
  205. <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
  206. <tr>
  207. <td class="editTableTitle">日期:</td>
  208. <td class="editTableValue"><select name="data.restrictDateRangeEntry.date">
  209. <option value="">当天</option>
  210. fun{var html = ""; for (var i=1; i<32; i++)html+="<option value='"+i+"'>"+i+"日</option>"; return html;}
  211. </select></td>
  212. </tr>
  213. </table>
  214. </div>
  215. </div>
  216. <div title="过滤" class="MWFTab">
  217. <div class="MWFViewFilter">
  218. <div>
  219. <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
  220. <tr>
  221. <td class="editTableTitle">逻辑:</td>
  222. <td class="editTableValue"><select><option selected value="and">并且(and)</option><option value="or">或者(or)</option></select></td>
  223. </tr>
  224. <tr>
  225. <td class="editTableTitle">路径:</td>
  226. <td class="editTableValue"><input type="text" class="editTableInput"/></td>
  227. </tr>
  228. <tr>
  229. <td class="editTableTitle">比较:</td>
  230. <td class="editTableValue"><select>
  231. <option value="equals" selected>等于(==)</option>
  232. <option value="notEquals">不等于(!=)</option>
  233. <option value="greaterThan">大于(>)</option>
  234. <option value="greaterThanOrEqualTo">大于等于(>=)</option>
  235. <option value="lessThan">小于(<)</option>
  236. <option value="lessThanOrEqualTo">小于等于(<=)</option>
  237. <option value="like">匹配(like)</option>
  238. <option value="notLike">不匹配(not-like)</option>
  239. </select></td>
  240. </tr>
  241. <tr>
  242. <td class="editTableTitle">数据类型:</td>
  243. <td class="editTableValue"><select>
  244. <option value="textValue" selected>文本</option>
  245. <option value="numberValue">数字</option>
  246. <option value="datetimeValue">日期</option>
  247. <option value="booleanValue">布尔</option>
  248. </select></td>
  249. </tr>
  250. <tr>
  251. <td class="editTableTitle">值:</td>
  252. <td class="editTableValue">
  253. <input type="text" class="editTableInput" style="display: block"/>
  254. <input type="number" class="editTableInput" style="display: none"/>
  255. <input type="text" class="editTableInput" style="display: none" readonly/>
  256. <select style="display: none">
  257. <option value="true" selected>是(True)</option>
  258. <option value="false">否(False)</option>
  259. </select>
  260. </td>
  261. </tr>
  262. </table>
  263. </div>
  264. <div></div>
  265. <div></div>
  266. </div>
  267. </div>
  268. <div title="JSON" class="MWFTab">
  269. <div class="MWFJSONArea" style="font-family: Verdana, Geneva, sans-serif; font-size:14px"></div>
  270. </div>
  271. </div>