jjhc
/
reservation_admin


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
							<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>layui</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="__PUBLIC__/layui/css/layui.css"  media="all">
  <link rel="stylesheet" href="__PUBLIC__/font-awesome/css/font-awesome.min.css" media="all" />
  <link rel="stylesheet" href="__CSS__/admin.css"  media="all">
</head>
<style>
  .layui-upload-img{
    cursor: pointer;
    width:150px;
    height:150px;
    background: url('/static/public/images/uploadimg.jpg');
    background-size:contain;
    border-radius: 2px;
    border-width: 1px;
    border-style: solid;
    border-color: #e6e6e6;
  }
</style>
<body style="padding:10px;">
  <div class="tplay-body-div">

    <div class="layui-tab">
      <ul class="layui-tab-title">
        <li><a href="{:url('index',['pid'=>$Request.param.pid])}" class="a_menu">配置项</a></li>
        <li class="layui-this">{notempty name="$link"}编辑{else/}新增{/notempty}</li>
      </ul>
    </div>

    <div style="margin-top: 20px;">
    </div>
    <form class="layui-form" id="publish" method="post">

      <div class="layui-col-md7">
        <div class="layui-form-item">
          <label class="layui-form-label">{$config.name_label}</label>
          <div class="layui-input-inline" style="max-width:300px;">
            <input name="name" lay-verify="required" maxlength="30" autocomplete="off" placeholder="请输入" class="layui-input" type="text" {notempty name="$link.name"}value="{$link.name}"{/notempty}>
          </div>
        </div>

        <div class="layui-form-item">
          <label class="layui-form-label">{$config.value_label}</label>
          <div class="layui-input-block" style="max-width:600px;">
            <input name="value" lay-verify="" maxlength="255" autocomplete="off" placeholder="请输入，限制255字" class="layui-input" type="text" {notempty name="$link.value"}value="{$link.value}"{/notempty}>
          </div>
        </div>

        <div class="layui-form-item layui-form-text">
          <label class="layui-form-label">{$config.desc_label}</label>
          <div class="layui-input-block" style="max-width:600px;">
            <textarea placeholder="请输入，限制500字" maxlength="500" class="layui-textarea" name="description">{notempty name="$link.description"}{$link.description}{/notempty}</textarea>
          </div>
        </div>
      </div>

      <div class="layui-col-md5">
      {if condition="$config->image_open"}
        <div class="layui-form-item">
          <label class="layui-form-label">{$config.image_label}</label>
          <div class="layui-input-inline" style="width: 152px">
            <img class="layui-upload-img" id="upload_img" {notempty name="$link.image"}src="{$link.image|geturl}"{/notempty}>
            <input type="hidden" id="upload_value" name="image" value='{notempty name="$link.image"}{$link.image}{/notempty}'>
          </div>
          <div class="layui-form-mid layui-word-aux" style="padding-top:124px !important;">{$config.image_aux}</div>
        </div>
      {/if}

      {if condition="$config->color_open"}
        <div class="layui-form-item">
          <label class="layui-form-label">{$config.color_label}</label>
          <div class="layui-input-inline" style="width: 120px;">
            <input type="text" name="color" placeholder="请选择颜色" class="layui-input" id="colorpicker-form-input" {notempty name="$link.color"}value="{$link.color}"{/notempty}>
          </div>
          <div class="layui-inline" style="left: -11px;">
            <div id="colorpicker"></div>
          </div>
        </div>
      {/if}
      </div>


      <input type="hidden" name="pid" value="{$Request.param.pid}">

      {notempty name="$link"}
      <input type="hidden" name="id" value="{$link.id}">
      {/notempty}
      <div class="layui-form-item">
        <div class="layui-input-block">
          <button class="layui-btn" lay-submit lay-filter="admin">保存</button>
          <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        </div>
      </div>
    </form>


    <script src="__PUBLIC__/layui/layui.js"></script>
    <script src="__PUBLIC__/jquery/jquery.min.js"></script>
    <script>

        $(function () {
            $('#upload_img').click(function () {
                layer.open({
                    type: 2,
                    title: '选择图片',
                    area: ['570px', '485px'],
                    id: 'layerDemo', //防止重复弹出
                    anim: 4,
                    content: "{:url('Attachment/selectimage')}",
                    cancel: function () {
                        //右上角关闭回调
                    }
                });
            })
        })
    </script>
    <script>
      layui.use(['layer', 'form','colorpicker'], function() {
          var layer = layui.layer,
              $ = layui.jquery,
              form = layui.form;
          var colorpicker = layui.colorpicker;

              $(window).on('load', function() {
                  form.on('submit(admin)', function(data) {
                      $.ajax({
                          url:"{:url('publish')}",
                          data:$('#publish').serialize(),
                          type:'post',
                          async: false,
                          success:function(res) {
                              if(res.code == 1) {
                                  layer.alert(res.msg, function(index){
                                      location.href = res.url + "?pid=" + res.data.pid;
                                  })
                              } else {
                                  layer.msg(res.msg);
                              }
                          }
                      })
                      return false;
                  });

                  //颜色选择器
                  colorpicker.render({
                      elem: '#colorpicker',  //绑定元素
                      predefine: true,//预定义颜色是否开启
                      colors: ['#FF5722','#FFB800','#009688','#393D49','#5FB878','#31BDEC'], //预定义颜色
                      color:"{notempty name='$link.color'}{$link.color}{/notempty}",
                      done: function(color){
                        $('#colorpicker-form-input').val(color);
                      }
                  });
              });
      });
    </script>

  </div>
</body>
</html>