tpl_flow_inputzs.html 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
  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='<?=$da['atype']?>';
  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. if(nr.indexOf('[xuhao0,0]')>-1){
  62. js.msg('msg', '子表的展示内容请全部替换为{subdata0}');
  63. return;
  64. }
  65. if(nr.indexOf('r-tabs-item')>0){
  66. js.msg('msg', '有选择卡的展示,不能在这里保存否则无法使用选择卡,请直接到对文件修改');
  67. return;
  68. }
  69. var d = {content:nr,num:modenum,atype:atype};
  70. $.post(js.getajaxurl('viewsave','flow','main'),d,function(da){
  71. if(da=='success'){
  72. js.msg('success','保存成功');
  73. }else{
  74. js.msg('msg', da);
  75. }
  76. });
  77. return false;
  78. },
  79. addmobo:function(){
  80. if(atype=='1'){
  81. js.msg('msg','手机页面展示不能使用录入页面');
  82. return;
  83. }
  84. var s = '';
  85. $.get(js.getajaxurl('getinput','flow','main',{num:modenum}),function(s){
  86. var str = '<div id="htmlstsing" style="display:none">'+s+'</div>';
  87. $('body').append(str);
  88. for(var i=0;i<=5;i++)if(get('tablesub'+i+''))$('#tablesub'+i+'').parent().html('{subdata'+i+'}');
  89. editor.html($('#htmlstsing').html());
  90. $('#htmlstsing').remove();
  91. });
  92. },
  93. clearkong:function(){
  94. editor.html('');
  95. js.msg('success','已清空,保存后自动删除对应模版文件');
  96. },
  97. biaotiqieh:function(){
  98. var nr= editor.html(),th='<span class="notitle"></span>';
  99. if(nr.indexOf('notitle')>-1){
  100. js.msg('success','已加入默认标题显示');
  101. editor.html(nr.replace(th,''));
  102. }else{
  103. js.msg('success','已删除标题显示');
  104. editor.html(nr+''+th+'');
  105. }
  106. }
  107. };
  108. </script>
  109. <style>
  110. select{font-size:12px}
  111. .yangss{height:40px;line-height:40px;background:#e1e1e1;overflow:hidden}
  112. #page_left div{text-align:left;padding:5px 10px;cursor:pointer}
  113. #page_left div:hover{ background-color:#f1f1f1;color:#225DE8}
  114. </style>
  115. </head>
  116. <body>
  117. <div align="center">
  118. <table width="100%">
  119. <tr>
  120. <td bgcolor="#f5f5f5">
  121. <div style="width:270px;">
  122. <div class="yangss"><h1>&nbsp;<?=$da['rs']['name']?>(元素)</h1></div>
  123. <div id="page_left" style="overflow:auto">
  124. <?php
  125. foreach($da['fleft'] as $k=>$rs){
  126. $str = '<div fields="'.$rs[0].'" fname="'.$rs[1].'" iszb="'.$rs[2].'">';
  127. $str.= ''.($k+1).'. '.$rs[1].'('.$rs[0].')';
  128. if($rs[0]){
  129. $str.= ' <a href="javascript:" onclick="c.insert1(this,0)">+</a> <a href="javascript:" onclick="c.insert1(this,1)">⊥</a>';
  130. }else{
  131. $str.= '';
  132. }
  133. $str.= '</div>';
  134. echo $str;
  135. }
  136. ?>
  137. </div>
  138. <div class="yangss" align="left">&nbsp; &nbsp;<a href="javascript:" onclick="return c.save()" class="webbtn">保存</a>&nbsp;
  139. <a href="javascript:" onclick="return c.addmobo()" style="background-color:#888888" class="webbtn">使用录入页面</a>&nbsp;
  140. <a href="javascript:" onclick="return c.clearkong()" style="background-color:#888888" class="webbtn">清空</a>
  141. </div>
  142. </div>
  143. </td>
  144. <td width="100%">
  145. <div style="overflow:auto" id="page_conent">
  146. <div style="padding:10px"><textarea style="width:650px;" id="content"><?=$da['content']?></textarea></div>
  147. <div align="left" style="font-size:12px;padding:0px 10px">
  148. <a href="javascript:" onclick="return c.biaotiqieh()" style="background-color:#888888" class="webbtn">是否标题切换</a>&nbsp;
  149. 模版保存在:<?=$da['p']?>/flow/page/view_<?=$da['bianhao']?>_<?=$da['atype']?>.html</div>
  150. </div>
  151. </td>
  152. </tr>
  153. </table>
  154. </div>
  155. </body>
  156. </html>