ccba7f96242f2d67734dcee787876931.php 30 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571
  1. <?php if (!defined('THINK_PATH')) exit(); /*a:3:{s:86:"D:\phpStudy\WWW\layui_admin\public/../application/admin\view\article\edit_article.html";i:1542358221;s:69:"D:\phpStudy\WWW\layui_admin\application\admin\view\public\header.html";i:1542340311;s:69:"D:\phpStudy\WWW\layui_admin\application\admin\view\public\footer.html";i:1542617006;}*/ ?>
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta charset="UTF-8">
  6. <title><?php echo config('WEB_SITE_TITLE'); ?></title>
  7. <meta name="renderer" content="webkit">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  9. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  10. <link rel="stylesheet" href="/static/admin/js/layui/css/layui.css" >
  11. <link rel="stylesheet" href="/static/admin/css/admin.css" >
  12. <link rel="stylesheet" href="/static/admin/css/plugins/viewer/viewer.css"><!--viewer图片查看器-->
  13. <link rel="stylesheet" href="/static/admin/css/font-awesome.min.css"><!--fontAwesome图标库-->
  14. <link rel="stylesheet" href="/static/admin/css/plugins/cropper/ImgCropping.css" ><!--图片裁剪组件-->
  15. <link rel="stylesheet" href="/static/admin/css/plugins/cropper/cropper.min.css" ><!--图片裁剪组件-->
  16. <!--<link rel="stylesheet" href="/static/admin/css/plugins/animate/animate.min.css" >-->
  17. <link rel="stylesheet" href="/static/admin/js/plugins/zTree/zTreeStyle.css" ><!--zTree组件-->
  18. <link rel="stylesheet" href="/static/admin/css/plugins/formSelects/formSelects-v4.css" ><!--select多选组件-->
  19. <link rel="stylesheet" href="/static/admin/js/plugins/webuploader/webuploader.css" ><!--webUploader上传组件-->
  20. <link rel="stylesheet" href="/static/admin/js/plugins/webuploader/style.css" ><!--webUploader上传组件-->
  21. <link rel="stylesheet" href="/static/admin/js/plugins/wx-audio/wx-audio.css" ><!--音频播放器组件-->
  22. <link rel="stylesheet" href="/static/admin/css/plugins/toastr/toastr.css" ><!--toastr通知组件-->
  23. <style>
  24. /*layui滚动条自适应*/
  25. /*.layui-body{overflow-y: scroll;}*/
  26. /*body{overflow-y: scroll;}*/
  27. /*灯箱图片*/
  28. /*.closeP{width:60px;height:60px;text-align: center;line-height: 70px;border-radius:30px;background:rgba(0,0,0,0.5);font-size: 25px;position: fixed;top:-23px;right:-20px;color: #ccc;cursor: pointer;}*/
  29. /*.cha{position:relative;top:1px;right:8px;}*/
  30. /*.closeP:hover{color: white}*/
  31. /*.showP{width: 100%;height: 100vh;background: rgba(0,0,0,0.5);text-align: center;position: fixed;top: 0;left: 0;z-index: 1000;}*/
  32. /*图标*/
  33. /*#chooseicon {margin:20px;}*/
  34. /*#chooseicon ul { margin:5px 0 0 0;}*/
  35. /*#chooseicon ul li{width:41px;height:41px;line-height:41px;border:1px solid #e7e7e7;padding:1px;margin:1px;text-align: center;font-size:18px;float: left;}*/
  36. /*#chooseicon ul li:hover{border:1px solid #2c3e50;cursor:pointer;}*/
  37. /* 输入框添加蓝色边框效果,阴影边框效果 */
  38. /*.layui-input:focus,*/
  39. /*.layui-textarea:focus {*/
  40. /*border-color: rgba(91, 192, 222, 0.8) !important;*/
  41. /*-webkit-box-shadow: 0 0 5px rgba(91, 192, 222, .5);*/
  42. /*-moz-box-shadow: 0 0 5px rgba(91, 192, 222, .5);*/
  43. /*box-shadow: 0 0 5px rgba(91, 192, 222, .5);*/
  44. /*}*/
  45. /*.layui-input:hover,*/
  46. /*.layui-textarea:hover {*/
  47. /*border-color: rgba(91, 192, 222, 0.8) !important;*/
  48. /*-webkit-box-shadow: 0 0 5px rgba(91, 192, 222, .5);*/
  49. /*-moz-box-shadow: 0 0 5px rgba(91, 192, 222, .5);*/
  50. /*box-shadow: 0 0 5px rgba(91, 192, 222, .5);*/
  51. /*}*/
  52. /*!* 表单验证失败红色边框效果,阴影效果 *!*/
  53. /*.layui-form-danger, .layui-form-danger:focus, .layui-form-danger:hover{*/
  54. /*border-color: rgba(255,87,34, .8) !important;*/
  55. /*-webkit-box-shadow: 0 0 5px rgba(255,87,34, .5);*/
  56. /*-moz-box-shadow: 0 0 5px rgba(255,87,34, .5);*/
  57. /*box-shadow: 0 0 5px rgba(255,87,34, .5);*/
  58. /*}*/
  59. </style>
  60. </head>
  61. <body class="gray-bg">
  62. <div class="layui-fluid layui-col-md12">
  63. <div class="layui-card">
  64. <div class="layui-card-body layui-form">
  65. <div class="layui-row layui-col-space10 layui-form-item ">
  66. <div class="layui-form-item layui-col-md-offset1 layui-col-md8">
  67. <label class="layui-form-label">标题</label>
  68. <div class="layui-input-block">
  69. <input type="text" class="layui-input" name="title" lay-verify="required" placeholder="文章标题">
  70. </div>
  71. </div>
  72. <div class="layui-form-item layui-col-md-offset1 layui-col-md8">
  73. <label class="layui-form-label">所属分类</label>
  74. <div class="layui-input-block">
  75. <select name="cate_id" lay-verify="required" lay-search="">
  76. <option value="">请选择分类</option>
  77. <?php if(!empty($cate)): if(is_array($cate) || $cate instanceof \think\Collection || $cate instanceof \think\Paginator): if( count($cate)==0 ) : echo "" ;else: foreach($cate as $key=>$vo): ?>
  78. <option value="<?php echo $vo['id']; ?>"><?php echo $vo['name']; ?></option>
  79. <?php endforeach; endif; else: echo "" ;endif; endif; ?>
  80. </select>
  81. </div>
  82. </div>
  83. <div class="layui-form-item layui-col-md-offset1 layui-col-md8">
  84. <label class="layui-form-label">关键字</label>
  85. <div class="layui-input-block">
  86. <input type="text" class="layui-input " name="keyword" lay-verify="required" placeholder="文章关键字">
  87. </div>
  88. </div>
  89. <div class="layui-form-item layui-col-md-offset1 layui-col-md8">
  90. <label class="layui-form-label">描述</label>
  91. <div class="layui-input-block">
  92. <textarea name="remark" class="layui-textarea" lay-verify="required" placeholder="文章描述"></textarea>
  93. </div>
  94. </div>
  95. <div class="layui-form-item layui-col-md-offset1 layui-col-md8">
  96. <label class="layui-form-label">单图片上传</label>
  97. <input type="hidden" name="lay-img" id="lay-img">
  98. <div class="layui-input-block">
  99. <div id="lay-upload">上传图片</div>
  100. <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
  101. 预览图:
  102. <div class="layui-upload-list" id="lay-list">
  103. <img class="layui-append-img" src="http://p73q8jzf0.bkt.clouddn.com/88b9d56b955bf005f447e54712c00bb2.jpg" onerror="this.src='/static/admin/images/no_img.jpg'">
  104. </div>
  105. </blockquote>
  106. </div>
  107. </div>
  108. <div class="layui-form-item layui-col-md-offset1 layui-col-md8">
  109. <label class="layui-form-label">单图片上传</label>
  110. <input type="hidden" name="lay-img" id="lay-img1">
  111. <div class="layui-input-block">
  112. <div id="lay-upload1">上传图片</div>
  113. <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
  114. 预览图:
  115. <div class="layui-upload-list" id="lay-list1">
  116. </div>
  117. </blockquote>
  118. </div>
  119. </div>
  120. <div class="layui-form-item layui-col-md-offset1 layui-col-md8">
  121. <label class="layui-form-label">音频上传</label>
  122. <input type="hidden" name="lay-music" id="lay-music">
  123. <div class="layui-input-block">
  124. <div id="lay-music-upload">上传音频</div>
  125. <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
  126. 预览音频:
  127. <div class="layui-upload-list" id="lay-music-list">
  128. <div id="layui-audio" style="margin: 0 10px 10px 0;" ></div>
  129. </div>
  130. </blockquote>
  131. </div>
  132. </div>
  133. <div class="layui-form-item layui-col-md-offset1 layui-col-md8">
  134. <label class="layui-form-label">音频上传</label>
  135. <input type="hidden" name="lay-music" id="lay-music1">
  136. <div class="layui-input-block">
  137. <div id="lay-music-upload1">上传音频</div>
  138. <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
  139. 预览音频:
  140. <div class="layui-upload-list" id="lay-music-list1">
  141. </div>
  142. </blockquote>
  143. </div>
  144. </div>
  145. <div class="layui-form-item layui-col-md-offset1 layui-col-md8">
  146. <label class="layui-form-label">上传视频</label>
  147. <div class="layui-input-block">
  148. <button type="button" class="layui-btn" id="lay-upload2">上传视频</button>
  149. <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
  150. 预览视频:
  151. <div class="layui-upload-list" id="lay-video-list">
  152. <div style="display: block;width: 80%;height: auto;" id="video" data-url="http://img.ksbbs.com/asset/Mon_1703/05cacb4e02f9d9e.mp4" ></div>
  153. <!--<span id="lay-msg" style="display: none;">-->
  154. <!--<div class="layui-progress layui-progress-big" lay-showpercent="true" lay-filter="lay-video">-->
  155. <!--<div class="layui-progress-bar" lay-percent="0%"></div>-->
  156. <!--</div>-->
  157. <!--<p>正在上传... <i class="layui-icon layui-icon-loading-1 layui-icon layui-anim layui-anim-rotate layui-anim-loop"></i></p>-->
  158. <!--</span>-->
  159. </div>
  160. </blockquote>
  161. </div>
  162. </div>
  163. <div class="layui-form-item layui-col-md-offset1 layui-col-md10">
  164. <label class="layui-form-label">多图片上传</label>
  165. <div class="layui-input-block">
  166. <input type="hidden" name="del" id="del" value="">
  167. <input type="hidden" id="hid" value="<?php echo $article['photo']; ?>">
  168. <input type="hidden" name="photo" id="photo" value="<?php echo $article['photo']; ?>">
  169. <div id="uploader" class="container">
  170. <div class="queueList">
  171. <div class="placeholder">
  172. <div id="filePicker"></div>
  173. <p>或将照片拖到这里</p>
  174. </div>
  175. </div>
  176. <div class="statusBar" style="display:none;">
  177. <div class="layui-progress layui-progress-big active" lay-showpercent="true">
  178. <div class="layui-progress-bar layui-bg-blue" lay-percent="0%">
  179. </div>
  180. </div>
  181. <div class="info"></div>
  182. <div class="btns">
  183. <div id="goPicker" class="filePicker2"></div>
  184. <div class="uploadBtn">开始上传</div>
  185. </div>
  186. </div>
  187. </div>
  188. </div>
  189. </div>
  190. <div class="layui-form-item layui-col-md-offset1 layui-col-md10">
  191. <label class="layui-form-label">多图片上传</label>
  192. <div class="layui-input-block">
  193. <input type="hidden" name="del" id="del1" value="">
  194. <input type="hidden" id="hid1" value="<?php echo $article['photo']; ?>">
  195. <input type="hidden" name="photo" id="photo1" value="<?php echo $article['photo']; ?>">
  196. <div id="uploader1" class="container">
  197. <div class="queueList">
  198. <div class="placeholder">
  199. <div id="filePicker1"></div>
  200. <p>或将照片拖到这里</p>
  201. </div>
  202. </div>
  203. <div class="statusBar" style="display:none;">
  204. <div class="layui-progress layui-progress-big active" lay-showpercent="true">
  205. <div class="layui-progress-bar layui-bg-blue" lay-percent="0%">
  206. </div>
  207. </div>
  208. <div class="info"></div>
  209. <div class="btns">
  210. <div id="goPicker1" class="filePicker2"></div>
  211. <div class="uploadBtn">开始上传</div>
  212. </div>
  213. </div>
  214. </div>
  215. </div>
  216. </div>
  217. <div class="layui-form-item layui-col-md-offset1 layui-col-md10">
  218. <label class="layui-form-label">内容</label>
  219. <div class="layui-input-block" id="LAY_editor">
  220. <p><?php echo $article['content']; ?></p>
  221. </div>
  222. </div>
  223. <div class="layui-form-item layui-col-md-offset1 layui-col-md8">
  224. <label class="layui-form-label">浏览量</label>
  225. <div class="layui-input-block">
  226. <input type="text" class="layui-input " name="views" lay-verify="required" placeholder="文章浏览量">
  227. </div>
  228. </div>
  229. <div class="layui-form-item layui-col-md-offset1 layui-col-md8">
  230. <label class="layui-form-label">作者</label>
  231. <div class="layui-input-block">
  232. <input type="text" class="layui-input " name="views" lay-verify="required" placeholder="文章作者">
  233. </div>
  234. </div>
  235. <div class="layui-form-item layui-col-md-offset1 layui-col-md8">
  236. <label class="layui-form-label">是否推荐</label>
  237. <div class="layui-input-block">
  238. <input type="radio" name="is_tui" value="1" title="是" checked>
  239. <input type="radio" name="is_tui" value="2" title="否" >
  240. </div>
  241. </div>
  242. <div class="layui-form-item layui-col-md-offset1 layui-col-md8">
  243. <div class="layui-input-block">
  244. <button class="layui-btn" lay-submit="" lay-filter="component-form-element">保存
  245. </button>
  246. <button class="layui-btn layui-btn-primary" onclick="wk.layer_close('close')">关闭</button>
  247. </div>
  248. </div>
  249. </div>
  250. </div>
  251. </div>
  252. </div>
  253. <div id="headCrop" style="display:none">
  254. <div class="tailoring-content-one">
  255. <label title="选择图片" for="chooseImg" class="layui-btn">
  256. <input type="file" accept="image/jpg,image/jpeg,image/png" name="file" id="chooseImg" class="hidden" onchange="selectImg(this)"><i class="fa fa-cloud-upload"></i>
  257. 选择图片
  258. </label>
  259. </div>
  260. <div class="ibox-content">
  261. <div class="tailoring-content">
  262. <div class="tailoring-content-two">
  263. <div class="tailoring-box-parcel" style="text-align: center">
  264. <img id="tailoringImg">
  265. <span class="word" style="position:relative;top:50%;font-size:14px;color: #c2c2c2">仅支持JPG、JPEG、PNG格式的图片文件</span><br>
  266. <!--<span class="size" style="position:relative;top:50%;font-size:16px">文件不能大于2MB</span>-->
  267. </div>
  268. <div class="preview-box-parcel">
  269. <!--<p>图片预览:</p>-->
  270. <div class="square previewImg"></div>
  271. <div class="circular previewImg"></div>
  272. </div>
  273. </div>
  274. </div>
  275. </div>
  276. <div class="modal-footer">
  277. <span class="layui-btn cropper-reset-btn" style="float:left">复位</span>
  278. <span class="layui-btn zoomIn" style="float:left">放大</span>
  279. <span class="layui-btn zoomOut" style="float:left">缩小</span>
  280. <span class="layui-btn cropper-rotate-btn" style="float:left">旋转</span>
  281. <span class="layui-btn cropper-scaleX-btn" style="float:left">换向</span>
  282. <span class="layui-btn " id="sureCut"><i class="fa fa-save"></i> 保存</span>
  283. <span class="layui-btn layui-btn-primary" onclick="layer.closeAll()"><i class="fa fa-close"></i> 关闭</span>
  284. </div>
  285. </div>
  286. <script src="/static/admin/js/jquery.min.js"></script>
  287. <script src="/static/admin/js/layui/layui.js"></script>
  288. <script src="/static/admin/js/plugins/viewer/viewer.js"></script><!--viewer图片查看器-->
  289. <script src="/static/admin/js/Icon.js"></script><!--fontAwesome图标库-->
  290. <script src="/static/admin/js/wk.js"></script><!--封装方法-->
  291. <script src="/static/admin/js/common.js"></script><!--全局监听ajax-->
  292. <script src="/static/admin/js/plugins/cropper/cropper.min.js"></script><!--图片裁剪组件-->
  293. <script src="/static/admin/js/plugins/zTree/jquery.ztree.core-3.5.js"></script><!--zTree组件-->
  294. <script src="/static/admin/js/plugins/zTree/jquery.ztree.excheck-3.5.js"></script><!--zTree选择组件-->
  295. <!--<script src="/static/admin/js/plugins/zTree/jquery.ztree.exedit-3.5.js"></script>--><!--zTree编辑组件-->
  296. <script src="/static/admin/js/plugins/webuploader/webuploader.js"></script><!--webUploader上传组件-->
  297. <script src="/static/admin/js/plugins/wangEditor-3.1.1/release/wangEditor.js" ></script><!--wangEditor编辑器-->
  298. <script src="/static/admin/js/plugins/wx-audio/wx-audio.js" ></script><!--音频播放器组件-->
  299. <script src="/static/admin/js/plugins/clipboard/clipboard.js" ></script><!--粘贴板组件-->
  300. <script src="/static/admin/js/plugins/jqprint/jQuery.print.js" ></script><!--打印组件-->
  301. <script src="/static/admin/js/plugins/toastr/toastr.js" ></script><!--toastr通知组件-->
  302. <script src="/static/admin/js/plugins/ueditor/ueditor.config.js" ></script><!--百度富文本-->
  303. <script src="/static/admin/js/plugins/ueditor/ueditor.all.js" ></script><!--百度富文本-->
  304. <script>
  305. layui.config({
  306. base: '/src/' //静态资源所在路径
  307. }).extend({
  308. index: 'lib/index' //主入口模块
  309. , formSelects: 'formSelects-v4'
  310. , dropdown: 'dropdown'
  311. }).use(['index','dropdown','formSelects']),function(){
  312. var formSelects = layui.formSelects
  313. };
  314. </script>
  315. <script>
  316. toastr.options = {
  317. "newestOnTop": false, //新的toastr会显示在旧的toastr前面
  318. "preventDuplicates": false, //重复内容的提示框只出现一次
  319. "target": "body", // 默认为'body', 设置toastr的目标容器
  320. "closeButton": true,//关闭按钮
  321. "debug": false,//调试模式
  322. "progressBar": true,//进度条
  323. "closeOnHover": true,//hover关闭
  324. "positionClass": "toast-bottom-right",//toastr显示位置
  325. "showDuration": "400",//显示的时间
  326. "hideDuration": "100",//消失的时间
  327. "timeOut": "7000",//停留的时间
  328. "extendedTimeOut": "100",//控制时间
  329. "showEasing": "swing",//显示时的动画缓冲方式
  330. "hideEasing": "linear",//消失时的动画缓冲方式
  331. "showMethod": "layui-anim layui-anim-up",//显示时的动画方式
  332. "hideMethod": "layui-anim layui-anim-fadeout",//消失时的动画方式
  333. }
  334. //view初始化查看图片
  335. $(function(){
  336. $('.layui-append-img,.layui-circle').viewer({
  337. url: 'data-original',
  338. });
  339. })
  340. //关闭自动填充
  341. $('input').attr('autocomplete',"off");
  342. // //图片灯箱
  343. // function imgDisplay(obj) {
  344. // var src = $(obj).attr("src");
  345. // var imgHtml = '<div class="showP"><img src=' + src + ' style="margin-top: 120px;height:50%;margin-bottom:120px;" /><p class="closeP" onclick="closePicture(this)"><span class="cha">×</span></p></div>'
  346. // $('body').append(imgHtml);
  347. // }
  348. //
  349. // //关闭图片灯箱
  350. // function closePicture(obj) {
  351. // $(obj).parent("div").remove();
  352. // }
  353. //tips框
  354. $('#offAll').on('mouseover', function(){
  355. var that = this;
  356. layer.tips('<span style="color:#686B6D;"><i class="fa fa-info-circle"></i> 若未勾选默认禁用全部</span>', that,{tips: [2, '#F2F2F2'],time: 10000});
  357. });
  358. //tips框
  359. $('#onAll').on('mouseover', function(){
  360. var that = this;
  361. layer.tips('<span style="color:#686B6D;"><i class="fa fa-info-circle"></i> 若未勾选默认启用全部</span>', that,{tips: [2, '#F2F2F2',''],time: 10000});
  362. });
  363. //tips框
  364. $('#excel').on('mouseover', function(){
  365. var that = this;
  366. layer.tips('<span style="color:#686B6D;"><i class="fa fa-info-circle"></i> 导出筛选完成数据</span>', that,{tips: [2, '#F2F2F2',''],time: 10000});
  367. });
  368. //关闭tips框
  369. $('#offAll,#onAll,#export,#excel').on('mouseout', function(){
  370. layer.closeAll('tips');
  371. });
  372. //layui公共操作
  373. layui.use(['form','table'], function() {
  374. var form = layui.form
  375. ,table = layui.table
  376. //重置搜索框
  377. $('#empty').on('click', function () {
  378. $('.layui-input').val('');
  379. // $(".search").trigger("chosen:updated");
  380. $('select').each(function (i, j) {
  381. $(j).find("option:selected").attr("selected", false);
  382. form.render('select')
  383. })
  384. });
  385. //表格排序
  386. table.on('sort(LAY-table-manage)', function(obj){
  387. table.reload('LAY-table', {
  388. initSort: obj //记录初始排序,如果不设的话,将无法标记表头的排序状态
  389. ,where: { //请求参数
  390. field: obj.field //排序字段
  391. ,order: obj.type //排序方式
  392. }
  393. });
  394. });
  395. //监听搜索
  396. form.on('submit(LAY-search)', function (data) {
  397. //执行重载
  398. table.reload('LAY-table', {
  399. page: {
  400. curr: 1 //重新从第 1 页开始
  401. }
  402. ,where: data.field
  403. });
  404. });
  405. //地区三级联动
  406. form.on('select(province)', function(data){
  407. getArea("province",data.value);
  408. });
  409. form.on('select(city)', function(data){
  410. getArea("city",data.value);
  411. });
  412. function getArea(type,id){
  413. $.ajax({
  414. url:"<?php echo url('admin/Base/place'); ?>",
  415. dataType:"json",
  416. data:'id='+id,
  417. type:'post',
  418. success:function(res){
  419. var opt = null;
  420. $.each(res.msg,function(key,vo){
  421. opt = opt+"<option value="+vo.district_id+">"+vo.district+"</option>";
  422. })
  423. if(type=="province"){
  424. $("#city").empty();
  425. $("#city").append('<option value="">---- 请选择市 ----</option>');
  426. $("#district").empty();
  427. $("#district").append('<option value="">---- 请选择区 ----</option>');
  428. $("#city").append(opt);
  429. }else if(type == "city"){
  430. $("#district").empty();
  431. $("#district").append('<option value="">---- 请选择区 ----</option>');
  432. $("#district").append(opt);
  433. }
  434. form.render('select');
  435. }
  436. })
  437. }
  438. });
  439. </script>
  440. <!--<script type="text/javascript" src="/static/admin/js/webupload/webuploader_update.js"></script>-->
  441. <!--<script src="/static/admin/js/we.js"></script>-->
  442. <script>
  443. var n = wk.uploads({num:8,type:'png,jpg,gif',status:'update'})
  444. var l = wk.uploads({num:8,type:'png,jpg,gif',attr:1,status:'update'})
  445. function imgDel(e,obj,hid,del){
  446. wk.update_del(e,obj,hid,del,n);
  447. }
  448. function imgDel1(e,obj,hid,del){
  449. wk.update_del(e,obj,hid,del,l);
  450. }
  451. var editor = wk.wang({elem:'#LAY_editor'});
  452. wk.lay_audio({elem:'#layui-audio',name:'b45030df9212d398a433610736ea8a51.mp3',src:'http://pi7sdygmd.bkt.clouddn.com/c38b5b14db26f742d782a09072a5edf2.mp3'});
  453. wk.uploadImg({size:2,type:'png',url:"<?php echo url('Upload/upload'); ?>"});
  454. wk.uploadImg({size:5,num:1,type:'jpg',url:"<?php echo url('Upload/upload'); ?>"});
  455. wk.uploadMusic({size:10,type:'mp3',url:"<?php echo url('Upload/upload'); ?>"});
  456. wk.uploadMusic({size:10,num:1,type:'mp3',url:"<?php echo url('Upload/upload'); ?>"});
  457. layui.config({
  458. base: '/src/' //静态资源所在路径
  459. }).extend({
  460. ckplayer: 'modules/ckplayer'
  461. }).use(['form','upload','ckplayer'], function() {
  462. var form = layui.form
  463. , upload = layui.upload
  464. , ckplayer = layui.ckplayer
  465. var vUrl = $('#video').data('url'),
  466. videoObject = {
  467. container: '#video',
  468. loop: false,
  469. autoplay: false,
  470. video: [
  471. [vUrl, 'video/mp4']
  472. ]
  473. };
  474. var player = new ckplayer(videoObject);
  475. //普通图片上传
  476. // var uploadInst = upload.render({
  477. // elem: '#lay-upload'
  478. // ,url: '/admin/Upload/upload'
  479. // ,accept: 'images' //上传文件类型images(图片)、file(所有文件)、video(视频)、audio(音频)
  480. // ,acceptMime: '.png,.jpg' //筛选出指定文件类型
  481. // ,exts: 'png|jpg' //允许上传的文件后缀,结合 accept 参数类设定
  482. // ,auto: true //是否选完文件后自动上传
  483. // ,size: 2*1024 //文件最大可允许上传的大小,单位 KB(0即不限制)
  484. // ,field: 'file' //设定文件域的字段名
  485. // ,progress : function(index, value) {
  486. // element.progress('model' + index, value + '%');
  487. // }
  488. // ,before: function(obj){
  489. // //预读本地文件示例,不支持ie8
  490. // obj.preview(function(index, file, result){
  491. // $('#lay-list').attr('src', result); //图片链接(base64)
  492. // });
  493. // }
  494. // ,done: function(res){
  495. // //上传成功
  496. // if(res.code == 300){
  497. // layer.msg('上传成功');
  498. // }
  499. // }
  500. // ,error: function(){
  501. // //重传
  502. // var layMsg = $('#lay-msg');
  503. // layMsg.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs lay-reload">重试</a>');
  504. // layMsg.find('.lay-reload').on('click', function(){
  505. // uploadInst.upload();
  506. // });
  507. // }
  508. // });
  509. form.verify({
  510. username:function(value,item){
  511. if(!/^[\S]{2,10}$/.test(value)){
  512. return '名称必须2到10字符,且不能出现空格';
  513. }
  514. var checkResult = "";
  515. $.ajax({
  516. url:"<?php echo url('User/checkName'); ?>",
  517. type:'post',
  518. data:"username="+value,
  519. async: false,//必须同步
  520. success:function(res){
  521. if(res.code == 100){
  522. checkResult = "该名称已存在";
  523. }
  524. }
  525. })
  526. return checkResult;
  527. },
  528. pass: [/^[\S]{6,12}$/,'密码必须6到12位,且不能出现空格'],
  529. // headCrop:[/^[\S]$/,'头像不能为空'],
  530. // headCrop:function(value,item){
  531. // if(value == ""){
  532. // return '头像不能为空';
  533. // }
  534. // },
  535. realname:[/^[\S]{2,10}$/,'真实姓名必须2到10字符,且不能出现空格']
  536. });
  537. form.on('submit(component-form-element)', function (data) {
  538. $('.layui-btn').addClass('layui-disabled').attr('disabled','disabled');
  539. $.ajax({
  540. url:"<?php echo url('userAdd'); ?>",
  541. type:'post',
  542. dataType:'json',
  543. data:data.field,
  544. success:function(res){
  545. if (res.code == 200) {
  546. layer.msg(res.msg,{icon:1,time:1500,shade:0.1},function(index){
  547. wk.layer_close();
  548. })
  549. } else {
  550. $(".layui-btn").removeClass('layui-disabled').removeAttr('disabled');
  551. wk.error(res.msg);
  552. return false;
  553. }
  554. }
  555. })
  556. });
  557. });
  558. </script>
  559. </body>
  560. </html>