publish.html 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>layui</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  9. <link rel="stylesheet" href="__PUBLIC__/layui/css/layui.css" media="all">
  10. <link rel="stylesheet" href="__PUBLIC__/font-awesome/css/font-awesome.min.css" media="all" />
  11. <link rel="stylesheet" href="__CSS__/admin.css" media="all">
  12. </head>
  13. <style>
  14. .layui-upload-img{
  15. cursor: pointer;
  16. width:150px;
  17. height:150px;
  18. background: url('/static/public/images/uploadimg.jpg');
  19. background-size:contain;
  20. border-radius: 2px;
  21. border-width: 1px;
  22. border-style: solid;
  23. border-color: #e6e6e6;
  24. }
  25. </style>
  26. <body style="padding:10px;">
  27. <div class="tplay-body-div">
  28. <div class="layui-tab">
  29. <ul class="layui-tab-title">
  30. <li><a href="{:url('index',['pid'=>$Request.param.pid])}" class="a_menu">配置项</a></li>
  31. <li class="layui-this">{notempty name="$link"}编辑{else/}新增{/notempty}</li>
  32. </ul>
  33. </div>
  34. <div style="margin-top: 20px;">
  35. </div>
  36. <form class="layui-form" id="publish" method="post">
  37. <div class="layui-col-md7">
  38. <div class="layui-form-item">
  39. <label class="layui-form-label">{$config.name_label}</label>
  40. <div class="layui-input-inline" style="max-width:300px;">
  41. <input name="name" lay-verify="required" maxlength="30" autocomplete="off" placeholder="请输入" class="layui-input" type="text" {notempty name="$link.name"}value="{$link.name}"{/notempty}>
  42. </div>
  43. </div>
  44. <div class="layui-form-item">
  45. <label class="layui-form-label">{$config.value_label}</label>
  46. <div class="layui-input-block" style="max-width:600px;">
  47. <input name="value" lay-verify="" maxlength="255" autocomplete="off" placeholder="请输入,限制255字" class="layui-input" type="text" {notempty name="$link.value"}value="{$link.value}"{/notempty}>
  48. </div>
  49. </div>
  50. <div class="layui-form-item layui-form-text">
  51. <label class="layui-form-label">{$config.desc_label}</label>
  52. <div class="layui-input-block" style="max-width:600px;">
  53. <textarea placeholder="请输入,限制500字" maxlength="500" class="layui-textarea" name="description">{notempty name="$link.description"}{$link.description}{/notempty}</textarea>
  54. </div>
  55. </div>
  56. </div>
  57. {if condition="$config->image_open"}
  58. <div class="layui-col-md5">
  59. <div class="layui-upload">
  60. <label class="layui-form-label">{$config.image_label}</label>
  61. <div class="layui-upload-list">
  62. <img class="layui-upload-img" id="upload_img" {notempty name="$link.image"}src="{$link.image|geturl}"{/notempty}>
  63. <input type="hidden" id="upload_value" name="image" value='{notempty name="$link.image"}{$link.image}{/notempty}'>
  64. </div>
  65. </div>
  66. </div>
  67. {/if}
  68. <input type="hidden" name="pid" value="{$Request.param.pid}">
  69. {notempty name="$link"}
  70. <input type="hidden" name="id" value="{$link.id}">
  71. {/notempty}
  72. <div class="layui-form-item">
  73. <div class="layui-input-block">
  74. <button class="layui-btn" lay-submit lay-filter="admin">保存</button>
  75. <button type="reset" class="layui-btn layui-btn-primary">重置</button>
  76. </div>
  77. </div>
  78. </form>
  79. <script src="__PUBLIC__/layui/layui.js"></script>
  80. <script src="__PUBLIC__/jquery/jquery.min.js"></script>
  81. <script>
  82. $(function () {
  83. $('#upload_img').click(function () {
  84. layer.open({
  85. type: 2,
  86. title: '选择图片',
  87. area: ['570px', '485px'],
  88. id: 'layerDemo', //防止重复弹出
  89. anim: 4,
  90. content: "{:url('Attachment/selectimage')}",
  91. cancel: function () {
  92. //右上角关闭回调
  93. }
  94. });
  95. })
  96. })
  97. </script>
  98. <script>
  99. layui.use(['layer', 'form'], function() {
  100. var layer = layui.layer,
  101. $ = layui.jquery,
  102. form = layui.form;
  103. $(window).on('load', function() {
  104. form.on('submit(admin)', function(data) {
  105. $.ajax({
  106. url:"{:url('publish')}",
  107. data:$('#publish').serialize(),
  108. type:'post',
  109. async: false,
  110. success:function(res) {
  111. if(res.code == 1) {
  112. layer.alert(res.msg, function(index){
  113. location.href = res.url + "?pid=" + res.data.pid;
  114. })
  115. } else {
  116. layer.msg(res.msg);
  117. }
  118. }
  119. })
  120. return false;
  121. });
  122. });
  123. });
  124. </script>
  125. </div>
  126. </body>
  127. </html>