publish.html 6.2 KB

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