You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

73 lines
2.7 KiB

  1. <title>pagesign</title>
  2. <style>
  3. .layui-form-label{
  4. width: 170px !important;
  5. }
  6. .layui-input-block{
  7. margin-left: 200px !important;;
  8. }
  9. </style>
  10. <div class="layui-card layadmin-header">
  11. <div class="layui-breadcrumb" lay-filter="breadcrumb">
  12. <a lay-href="">主页</a>
  13. <a><cite>开发选项</cite></a>
  14. <a><cite>pagesign</cite></a>
  15. </div>
  16. </div>
  17. <div class="layui-fluid">
  18. <div class="layui-row layui-col-space15">
  19. <div class="layui-col-md12">
  20. <div class="layui-card">
  21. <div class="layui-card-header">pagesign</div>
  22. <div class="layui-card-body" pad15>
  23. <div class="layui-form" wid100 lay-filter="LAY-info-form">
  24. <div class="layui-fields">
  25. </div>
  26. <div class="layui-card">
  27. <div class="layui-form-item">
  28. <div class="layui-input-block" style="padding-bottom: 10px">
  29. <button class="layui-btn mb" lay-submit lay-filter="submit">确认修改</button>
  30. <button class="layui-btn mb btn-add">添加</button>
  31. <button class="layui-btn mb btn-del">删除模式</button>
  32. </div>
  33. </div>
  34. </div>
  35. </div>
  36. </div>
  37. </div>
  38. </div>
  39. </div>
  40. </div>
  41. <script>
  42. var api = '/manage/setting/pagesign.json';
  43. layui.use('curd/set', layui.factory('curd/set'));
  44. layui.$('.btn-add').click(function(){
  45. if ( !layui.$(this).hasClass('layui-btn-disabled')){
  46. layui.layer.prompt({title: '请输入路由地址(a.b.c)'}, function(key, index){
  47. layui.layer.close(index);
  48. var newK = key.split(".").join("@");
  49. layui.$('.layui-fields').append('<div class="layui-form-item undefined">\n' +
  50. '<label class="layui-form-label">'+key+'</label>\n' +
  51. '<div class="layui-input-block"><input type="text" name="field['+newK+']" lay-verify="" value="" class="layui-input"></div>\n' +
  52. '</div>');
  53. });
  54. }
  55. });
  56. layui.$('.btn-del').click(function(){
  57. if (layui.$(this).hasClass('layui-btn-danger')) {
  58. layui.$(this).removeClass('layui-btn-danger');
  59. layui.$(this).siblings().removeClass('layui-btn-disabled');
  60. layui.$('.layui-fields .layui-form-label').off('dblclick.del');
  61. }else{
  62. layui.$(this).addClass('layui-btn-danger');
  63. layui.$(this).siblings().addClass('layui-btn-disabled');
  64. layui.$('.layui-fields .layui-form-label').on('dblclick.del',function(){
  65. console.log(this);
  66. layui.$(this).parent().remove();
  67. });
  68. layui.layer.msg('删除模式已开启,双击路由名称删除')
  69. }
  70. });
  71. </script>