dcf9d96ebfcf2d8636226296b8aae61b.php 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238
  1. <?php if (!defined('THINK_PATH')) exit(); /*a:4:{s:83:"/www/wwwroot/baoxian/public/../application/admin/view/example/customform/index.html";i:1632404312;s:63:"/www/wwwroot/baoxian/application/admin/view/layout/default.html";i:1627698986;s:60:"/www/wwwroot/baoxian/application/admin/view/common/meta.html";i:1627698986;s:62:"/www/wwwroot/baoxian/application/admin/view/common/script.html";i:1627698986;}*/ ?>
  2. <!DOCTYPE html>
  3. <html lang="<?php echo $config['language']; ?>">
  4. <head>
  5. <meta charset="utf-8">
  6. <title><?php echo (isset($title) && ($title !== '')?$title:''); ?></title>
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  8. <meta name="renderer" content="webkit">
  9. <meta name="referrer" content="never">
  10. <meta name="robots" content="noindex, nofollow">
  11. <link rel="shortcut icon" href="/assets/img/favicon.ico" />
  12. <!-- Loading Bootstrap -->
  13. <link href="/assets/css/backend<?php echo \think\Config::get('app_debug')?'':'.min'; ?>.css?v=<?php echo \think\Config::get('site.version'); ?>" rel="stylesheet">
  14. <?php if(\think\Config::get('fastadmin.adminskin')): ?>
  15. <link href="/assets/css/skins/<?php echo \think\Config::get('fastadmin.adminskin'); ?>.css?v=<?php echo \think\Config::get('site.version'); ?>" rel="stylesheet">
  16. <?php endif; ?>
  17. <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
  18. <!--[if lt IE 9]>
  19. <script src="/assets/js/html5shiv.js"></script>
  20. <script src="/assets/js/respond.min.js"></script>
  21. <![endif]-->
  22. <script type="text/javascript">
  23. var require = {
  24. config: <?php echo json_encode($config); ?>
  25. };
  26. </script>
  27. </head>
  28. <body class="inside-header inside-aside <?php echo defined('IS_DIALOG') && IS_DIALOG ? 'is-dialog' : ''; ?>">
  29. <div id="main" role="main">
  30. <div class="tab-content tab-addtabs">
  31. <div id="content">
  32. <div class="row">
  33. <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
  34. <section class="content-header hide">
  35. <h1>
  36. <?php echo __('Dashboard'); ?>
  37. <small><?php echo __('Control panel'); ?></small>
  38. </h1>
  39. </section>
  40. <?php if(!IS_DIALOG && !\think\Config::get('fastadmin.multiplenav') && \think\Config::get('fastadmin.breadcrumb')): ?>
  41. <!-- RIBBON -->
  42. <div id="ribbon">
  43. <ol class="breadcrumb pull-left">
  44. <?php if($auth->check('dashboard')): ?>
  45. <li><a href="dashboard" class="addtabsit"><i class="fa fa-dashboard"></i> <?php echo __('Dashboard'); ?></a></li>
  46. <?php endif; ?>
  47. </ol>
  48. <ol class="breadcrumb pull-right">
  49. <?php foreach($breadcrumb as $vo): ?>
  50. <li><a href="javascript:;" data-url="<?php echo $vo['url']; ?>"><?php echo $vo['title']; ?></a></li>
  51. <?php endforeach; ?>
  52. </ol>
  53. </div>
  54. <!-- END RIBBON -->
  55. <?php endif; ?>
  56. <div class="content">
  57. <div class="row">
  58. <div class="col-md-6">
  59. <div class="box box-success">
  60. <div class="panel-heading">
  61. <?php echo __('自定义图片描述'); ?>
  62. </div>
  63. <div class="panel-body">
  64. <div class="alert alert-success-light">
  65. <b>温馨提示</b><br>
  66. 默认我们的多图是没有图片描述的,如果我们需要自定义描述,可以使用以下的自定义功能<br>
  67. 特别注意的是图片的url和描述是分开储存的,也就是说图片一个字段,描述一个字段,你在前台使用时需要自己匹配映射关系<br>
  68. <b>下面的演示textarea为了便于调试,设置为可见的,实际使用中应该添加个hidden的class进行隐藏</b>
  69. </div>
  70. <form id="first-form" role="form" data-toggle="validator" method="POST" action="">
  71. <div class="form-group row">
  72. <label class="control-label col-xs-12 col-sm-2"><?php echo __('一维数组示例'); ?>:</label>
  73. <div class="col-xs-12 col-sm-8">
  74. <div class="input-group">
  75. <input id="c-files" data-rule="required" class="form-control" size="50" name="row[files]" type="text" value="https://cdn.fastadmin.net/uploads/addons/blog.png,https://cdn.fastadmin.net/uploads/addons/cms.png,https://cdn.fastadmin.net/uploads/addons/vote.png">
  76. <div class="input-group-addon no-border no-padding">
  77. <span><button type="button" id="plupload-files" class="btn btn-danger plupload" data-input-id="c-files" data-mimetype="*" data-multiple="true" data-preview-id="p-files"><i class="fa fa-upload"></i> <?php echo __('Upload'); ?></button></span>
  78. <span><button type="button" id="fachoose-files" class="btn btn-primary fachoose" data-input-id="c-files" data-mimetype="*" data-multiple="true"><i class="fa fa-list"></i> <?php echo __('Choose'); ?></button></span>
  79. </div>
  80. <span class="msg-box n-right" for="c-files"></span>
  81. </div>
  82. <!--ul需要添加 data-template和data-name属性,并一一对应且唯一 -->
  83. <ul class="row list-inline plupload-preview" id="p-files" data-template="introtpl" data-name="row[intro]"></ul>
  84. <!--请注意 ul和textarea间不能存在其它任何元素,实际开发中textarea应该添加个hidden进行隐藏-->
  85. <textarea name="row[intro]" class="form-control" style="margin-top:5px;">["简洁响应式博客","CMS内容管理系统","在线投票系统"]</textarea>
  86. <!--这里自定义图片预览的模板 开始-->
  87. <script type="text/html" id="introtpl">
  88. <li class="col-xs-3">
  89. <a href="<%=fullurl%>" data-url="<%=url%>" target="_blank" class="thumbnail">
  90. <img src="<%=fullurl%>" class="img-responsive">
  91. </a>
  92. <input type="text" name="row[intro][<%=index%>]" class="form-control" placeholder="请输入文件描述" value="<%=value?value:''%>"/>
  93. <a href="javascript:;" class="btn btn-danger btn-xs btn-trash"><i class="fa fa-trash"></i></a>
  94. </li>
  95. </script>
  96. <!--这里自定义图片预览的模板 结束-->
  97. </div>
  98. </div>
  99. <div class="form-group row">
  100. <label class="control-label col-xs-12 col-sm-2"><?php echo __('二维数组示例'); ?>:</label>
  101. <div class="col-xs-12 col-sm-8">
  102. <div class="input-group">
  103. <input id="c-images" data-rule="required" class="form-control" size="50" name="row[images]" type="text" value="https://cdn.fastadmin.net/uploads/addons/example.png,https://cdn.fastadmin.net/uploads/addons/upyun.png,https://cdn.fastadmin.net/uploads/addons/alioss.png">
  104. <div class="input-group-addon no-border no-padding">
  105. <span><button type="button" id="plupload-images" class="btn btn-danger plupload" data-input-id="c-images" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="true" data-preview-id="p-images"><i class="fa fa-upload"></i> <?php echo __('Upload'); ?></button></span>
  106. <span><button type="button" id="fachoose-images" class="btn btn-primary fachoose" data-input-id="c-images" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> <?php echo __('Choose'); ?></button></span>
  107. </div>
  108. <span class="msg-box n-right" for="c-images"></span>
  109. </div>
  110. <!--ul需要添加 data-template和data-name属性,并一一对应且唯一 -->
  111. <ul class="row list-inline plupload-preview" id="p-images" data-template="desctpl" data-name="row[desc]"></ul>
  112. <!--请注意 ul和textarea间不能存在其它任何元素,实际开发中textarea应该添加个hidden进行隐藏-->
  113. <textarea name="row[desc]" class="form-control" style="margin-top:5px;">[{"info":"开发者示例插件","size":"1M"},{"info":"又拍云储存整合","size":"2M"},{"info":"阿里OSS云储存","size":"1M"}]</textarea>
  114. <!--这里自定义图片预览的模板 开始-->
  115. <script type="text/html" id="desctpl">
  116. <li class="col-xs-3">
  117. <a href="<%=fullurl%>" data-url="<%=url%>" target="_blank" class="thumbnail">
  118. <img src="<%=fullurl%>" class="img-responsive">
  119. </a>
  120. <input type="text" name="row[desc][<%=index%>][info]" class="form-control" placeholder="请输入插件描述" value="<%=value?value['info']:''%>"/>
  121. <input type="text" name="row[desc][<%=index%>][size]" class="form-control" placeholder="请输入插件大小" value="<%=value?value['size']:''%>"/>
  122. <a href="javascript:;" class="btn btn-danger btn-xs btn-trash"><i class="fa fa-trash"></i></a>
  123. </li>
  124. </script>
  125. <!--这里自定义图片预览的模板 结束-->
  126. </div>
  127. </div>
  128. <div class="form-group row">
  129. <label class="control-label col-xs-12 col-sm-2"></label>
  130. <div class="col-xs-12 col-sm-8">
  131. <button type="submit" class="btn btn-success btn-embossed"><?php echo __('OK'); ?></button>
  132. <button type="reset" class="btn btn-default btn-embossed"><?php echo __('Reset'); ?></button>
  133. </div>
  134. </div>
  135. </form>
  136. </div>
  137. </div>
  138. </div>
  139. <div class="col-md-6">
  140. <div class="box box-info">
  141. <div class="panel-heading">
  142. <?php echo __('自定义Fieldlist示例'); ?>
  143. </div>
  144. <div class="panel-body">
  145. <div class="alert alert-danger-light">
  146. <b>温馨提示</b><br>
  147. 默认我们的fieldlist只有一维数组,为键值形式,如果需要二维数组,可使用下面的自定义模板来实现<br>
  148. 默认追加的元素是没有进行事件绑定的,我们需要监听btn-append这个按钮的fa.event.appendfieldlist事件<br>
  149. <b>下面的演示textarea为了便于调试,设置为可见的,实际使用中应该添加个hidden的class进行隐藏</b>
  150. </div>
  151. <form id="second-form" role="form" data-toggle="validator" method="POST" action="">
  152. <div class="form-group row">
  153. <label class="control-label col-xs-12 col-sm-2"><?php echo __('Fieldlist示例'); ?>:</label>
  154. <div class="col-xs-12 col-sm-8">
  155. <dl class="fieldlist" data-template="basictpl" data-name="row[basic]">
  156. <dd>
  157. <ins><?php echo __('标题'); ?></ins>
  158. <ins><?php echo __('介绍'); ?></ins>
  159. <ins><?php echo __('大小'); ?></ins>
  160. </dd>
  161. <dd><a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i> <?php echo __('Append'); ?></a></dd>
  162. <!--请注意 dd和textarea间不能存在其它任何元素,实际开发中textarea应该添加个hidden进行隐藏-->
  163. <textarea name="row[basic]" class="form-control" cols="30" rows="5">[{"title":"开发者示例插件","intro":"开发者必备","size":"1M"},{"title":"又拍云储存整合","intro":"一款云储存","size":"2M"},{"title":"阿里OSS云储存","intro":"一款云储存","size":"1M"}]</textarea>
  164. </dl>
  165. <script id="basictpl" type="text/html">
  166. <dd class="form-inline">
  167. <ins><input type="text" name="<%=name%>[<%=index%>][title]" class="form-control" value="<%=row.title%>" placeholder="标题" size="10"/></ins>
  168. <ins><input type="text" name="<%=name%>[<%=index%>][intro]" class="form-control" value="<%=row.intro%>" placeholder="描述"/></ins>
  169. <ins><input type="text" name="<%=name%>[<%=index%>][size]" class="form-control" value="<%=row.size%>" placeholder="大小"/></ins>
  170. <!--下面的两个按钮务必保留-->
  171. <span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span>
  172. <span class="btn btn-sm btn-primary btn-dragsort"><i class="fa fa-arrows"></i></span>
  173. </dd>
  174. </script>
  175. </div>
  176. </div>
  177. <div class="form-group row">
  178. <label class="control-label col-xs-12 col-sm-2"><?php echo __('元素事件'); ?>:</label>
  179. <div class="col-xs-12 col-sm-8">
  180. <dl class="fieldlist" data-template="eventtpl" data-name="row[event]">
  181. <dd>
  182. <ins><?php echo __('管理员'); ?></ins>
  183. <ins><?php echo __('名称'); ?></ins>
  184. <ins><?php echo __('登录时间'); ?></ins>
  185. </dd>
  186. <dd><a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i> <?php echo __('Append'); ?></a></dd>
  187. <!--请注意 dd和textarea间不能存在其它任何元素,实际开发中textarea应该添加个hidden进行隐藏-->
  188. <textarea name="row[event]" class="form-control" cols="30" rows="5">[{"id":"1","name":"admin","time":"2019-06-28 12:05:03"}]</textarea>
  189. </dl>
  190. <script id="eventtpl" type="text/html">
  191. <dd class="form-inline">
  192. <ins><input type="text" name="<%=name%>[<%=index%>][id]" class="form-control selectpage" data-source="auth/admin/selectpage" data-field="username" value="<%=row.id%>" placeholder="管理员" size="10"/></ins>
  193. <ins><input type="text" name="<%=name%>[<%=index%>][name]" class="form-control" value="<%=row.name%>" placeholder="名称"/></ins>
  194. <ins><input type="text" name="<%=name%>[<%=index%>][time]" class="form-control datetimepicker" value="<%=row.time%>" placeholder="时间"/></ins>
  195. <!--下面的两个按钮务必保留-->
  196. <span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span>
  197. <span class="btn btn-sm btn-primary btn-dragsort"><i class="fa fa-arrows"></i></span>
  198. </dd>
  199. </script>
  200. </div>
  201. </div>
  202. <div class="form-group row">
  203. <label class="control-label col-xs-12 col-sm-2"></label>
  204. <div class="col-xs-12 col-sm-8">
  205. <button type="submit" class="btn btn-success btn-embossed"><?php echo __('OK'); ?></button>
  206. <button type="reset" class="btn btn-default btn-embossed"><?php echo __('Reset'); ?></button>
  207. </div>
  208. </div>
  209. </form>
  210. </div>
  211. </div>
  212. </div>
  213. </div>
  214. </div>
  215. </div>
  216. </div>
  217. </div>
  218. </div>
  219. </div>
  220. <script src="/assets/js/require<?php echo \think\Config::get('app_debug')?'':'.min'; ?>.js" data-main="/assets/js/require-backend<?php echo \think\Config::get('app_debug')?'':'.min'; ?>.js?v=<?php echo htmlentities($site['version']); ?>"></script>
  221. </body>
  222. </html>