tpl_flow_input.html 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title><?=$da['title']?>-<?=TITLE?></title>
  6. <link rel="stylesheet" href="webmain/css/css.css" />
  7. <link rel="stylesheet" href="mode/kindeditor/themes/default/default.css" />
  8. <link rel="shortcut icon" href="favicon.ico" />
  9. <script type="text/javascript" src="js/jquery.js"></script>
  10. <script type="text/javascript" src="js/js.js"></script>
  11. <script type="text/javascript" src="mode/kindeditor/kindeditor-min.js"></script>
  12. <script type="text/javascript">
  13. var id = '<?=$da['rs']['id']?>',adminid='<?=$da['adminid']?>';
  14. var modenum = '<?=$da['rs']['num']?>',editor,atype='0',zibiaoshu=<?=$da['rs']['zibiaoshu']?>;
  15. function initbody(){
  16. resizes();
  17. $(window).resize(resizes);
  18. var cans = {
  19. resizeType : 0,
  20. allowPreviewEmoticons : false,
  21. allowImageUpload : true,
  22. formatUploadUrl:false,
  23. allowFileManager:true,
  24. minWidth:'300px',
  25. items : [
  26. 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline','fontsize','hr',
  27. 'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
  28. 'insertunorderedlist', '|','table', 'link','unlink','|','source','clearhtml','fullscreen'
  29. ]
  30. };
  31. editor = KindEditor.create('#content', cans);
  32. }
  33. function resizes(){
  34. var s = winHb();
  35. $('#page_left').css('height',''+(s-80)+'px');
  36. $('#page_conent').css('height',''+s+'px');
  37. $('#content').css('height',''+(s-70)+'px');
  38. }
  39. var subdata={};
  40. var c={
  41. insert1:function(o1,lx){
  42. var o = $(o1).parent();
  43. var fid = o.attr('fields'),fss = o.attr('fname'),iszb=parseFloat(o.attr('iszb'));
  44. if(lx==0)editor.insertHtml(fss);
  45. if(lx==1){
  46. if(iszb=='0'){
  47. editor.insertHtml('{'+fid+'}');
  48. }else{
  49. editor.insertHtml('['+fid+''+(iszb-1)+',0]');
  50. }
  51. }
  52. if(lx==2){
  53. c.insertsubdata(iszb);
  54. }
  55. },
  56. save:function(){
  57. js.msg('wait','保存中...');
  58. var nr= editor.html();
  59. nr = nr.replace(/\n/gi,'');
  60. nr = nr.replace(/[ ]/gi,'');
  61. var d = {content:nr,num:modenum,atype:atype};
  62. $.post(js.getajaxurl('pagesave','flow','main'),d,function(da){
  63. if(da=='success'){
  64. js.msg('success','保存成功');
  65. }else{
  66. js.msg('msg', da);
  67. }
  68. });
  69. return false;
  70. },
  71. addmobo:function(){
  72. var s = '<table width="100%" bordercolor="#000000" border="0"><tbody><tr><td height="34" width="15%" align="right" class="ys1">申请日期</td><td class="ys2" width="35%">{applydt}</td><td align="right" class="ys1" width="15%">操作时间</td><td class="ys2" width="35%">{optdt}</td></tr><tr><td height="34" align="right" class="ys1">说明</td><td colspan="3" class="ys2">{explain}</td></tr><tr><td height="34" align="right" class="ys1">相关文件</td><td colspan="3" class="ys2">{file_content}</td></tr><tr><td height="34" align="right" class="ys1">申请人</td><td class="ys2">{base_name}</td><td class="ys1" align="right">申请人部门</td><td class="ys2">{base_deptname}</td></tr></tbody></table>';
  73. editor.html(s);
  74. },
  75. yulan:function(){
  76. var url = js.getajaxurl('@lu','input','flow',{num:modenum});
  77. js.open(url, 700,450);
  78. },
  79. instartrows:function(){
  80. var s1='';
  81. for(var i=1;i<=zibiaoshu;i++)s1+='<option value="'+i+'">第'+i+'个多行子表</option>';
  82. var s='<div style="padding:10px"><select class="inputs" id="sss1ds">'+s1+'</select>&nbsp;<select class="inputs" id="hangshu"><option value="1">默认1行</option><option value="2">默认2行</option><option value="3">默认3行</option><option value="4">默认4行</option></select></div>';
  83. js.tanbody('charusss','获取多行子表',300,150,{
  84. html:s,
  85. btn:[{text:'确定'}]
  86. });
  87. $('#charusss_btn0').click(function(){
  88. c.instesdsa();
  89. });
  90. },
  91. insertsubdata:function(iszb){
  92. var s = subdata[iszb];
  93. if(!s){
  94. alert('请先获取在操作');
  95. return;
  96. }
  97. var zhtml = editor.html();
  98. if(zhtml.indexOf('tablesub'+(parseFloat(iszb)-1)+'')>0){
  99. alert('请不要重复添加第'+iszb+'个多行子表');
  100. return;
  101. }
  102. editor.insertHtml(s);
  103. },
  104. instesdsa:function(){
  105. var iszb=$('#sss1ds').val();
  106. js.msg('wait','获取表格中...');
  107. var d={iszb:iszb,hang:$('#hangshu').val(),modeid:id};
  108. js.tanclose('charusss');
  109. var url=js.getajaxurl('getsubtable','flow','main');
  110. js.ajax(url,d,function(s){
  111. js.msg('none');
  112. var a=js.decode(s);
  113. if(a.success){
  114. subdata[iszb]=a.data;
  115. js.msg('success','获取成功,请用左边菜单插入到对应位置');
  116. }else{
  117. alert(a.msg);
  118. }
  119. },'post')
  120. },
  121. yyjinru:function(){
  122. js.msg('wait','获取中...');
  123. var xgwj=0,base=0,cont=editor.html();
  124. if(cont.indexOf('file_content')>-1)xgwj=1;
  125. if(cont.indexOf('base_name')>-1)base=1;
  126. var url=js.getajaxurl('yinruone','flow','main');
  127. js.ajax(url,{modeid:id,xgwj:xgwj,base:base},function(s){
  128. js.msg('none');
  129. editor.html(s);
  130. },'get')
  131. }
  132. };
  133. </script>
  134. <style>
  135. select{font-size:12px}
  136. .yangss{height:40px;line-height:40px;background:#e1e1e1;overflow:hidden}
  137. #page_left div{text-align:left;padding:5px 10px;cursor:pointer}
  138. #page_left div:hover{ background-color:#f1f1f1;color:#225DE8}
  139. </style>
  140. </head>
  141. <body>
  142. <div align="center">
  143. <table width="100%">
  144. <tr>
  145. <td bgcolor="#f5f5f5">
  146. <div style="width:270px;">
  147. <div class="yangss"><h1>&nbsp;<?=$da['rs']['name']?>(元素)&nbsp;<a href="javascript:" onclick="return c.yulan()" style="background-color:#888888" class="webbtn">预览</a>&nbsp;</h1></div>
  148. <div id="page_left" style="overflow:auto">
  149. <?php
  150. foreach($da['fleft'] as $k=>$rs){
  151. $str = '<div fields="'.$rs[0].'" fname="'.$rs[1].'" iszb="'.$rs[2].'">';
  152. $str.= ''.($k+1).'. '.$rs[1].'('.$rs[0].')';
  153. if($rs[0]){
  154. $str.= ' <a href="javascript:" onclick="c.insert1(this,0)">+</a> <a href="javascript:" onclick="c.insert1(this,1)">⊥</a>';
  155. }else{
  156. $str.= ' <a href="javascript:" title="插入表格" onclick="c.insert1(this,2)">+</a>';
  157. }
  158. $str.= '</div>';
  159. echo $str;
  160. }
  161. ?>
  162. </div>
  163. <div class="yangss" align="left">&nbsp; &nbsp;<a href="javascript:" onclick="return c.save()" class="webbtn">保存</a>&nbsp;
  164. <a href="javascript:" onclick="return c.addmobo()" style="background-color:#888888" class="webbtn">引用模版</a>&nbsp;
  165. <a href="javascript:" onclick="return c.yyjinru()" style="background-color:#888888" class="webbtn">一键布局</a>
  166. </div>
  167. </div>
  168. </td>
  169. <td width="100%">
  170. <div style="overflow:auto" id="page_conent">
  171. <div style="padding:10px"><textarea style="width:650px;" id="content"><?=$da['content']?></textarea></div>
  172. <div align="left" style="font-size:12px;padding:0px 10px"><a onclick="c.instartrows()" class="blue" href="javascript:;">[获取多行子表]</a>&nbsp;录入JS:<?=$da['p']?>/flow/input/inputjs/mode_<?=$da['rs']['num']?>.js来写交互代码,模版保存在:<?=$da['p']?>/flow/page/input_<?=$da['bianhao']?>.html</div>
  173. </div>
  174. </td>
  175. </tr>
  176. </table>
  177. </div>
  178. </body>
  179. </html>