opkpm/app/admin/view/goods/category/edit.html

{layout name="layout2" /}
<style>
  .layui-form-label {
    color: #6a6f6c;
    width: 140px;
  }
  .layui-input-block{
    margin-left:170px;
  }
  .reqRed::before {
    content: '*';
    color: red;
  }
</style>
<div class="layui-form" lay-filter="layuiadmin-form-category" id="layuiadmin-form-category" style="padding: 20px 30px 0 0;">
  <input type="hidden" name="id" value="{$detail.id}" />
  <div class="layui-form-item">
    <label class="layui-form-label reqRed">分类名称：</label>
    <div class="layui-input-inline">
      <input type="text" name="name" value="{$detail.name}" lay-verify="required" lay-verType="tips" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label reqRed">上级分类：</label>
    <div class="layui-input-inline">
      <select name="pid" lay-verify="required" placeholder="请选择" lay-filter="search_pid">
        <option value="0" data-level="1">顶级分类</option>
        {foreach $category_list as $item => $val}
        <option value="{$item}" data-level="{$val.level}" {if $detail.pid == $item}selected{/if}>{$val.name}</option>
        {/foreach}
      </select>
    </div>
  </div>
  <div class="layui-form-item {if $detail.pid !=0}layui-hide{/if}" id="bg_image">
    <label class="layui-form-label">首页分类背景图：</label>
    <div class="layui-input-inline">
      <div class="like-upload-image">
        {if $detail.bg_image}
            <div class="upload-image-div">
                <img src="{$detail.bg_image}" alt="img">
                <input type="hidden" name="bg_image" value="{$detail.bg_image}">
                <div class="del-upload-btn">x</div>
            </div>
            <div class="upload-image-elem" style="display:none;"><a class="add-upload-image" id="bgimage"> + 添加图片</a></div>
        {else}
            <div class="upload-image-elem"><a class="add-upload-image" id="bgimage"> + 添加图片</a></div>
        {/if}
      </div>
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label"></label>
    <span style="color: #a3a3a3;font-size: 9px">建议尺寸：宽200像素*高200像素的jpg，jpeg，png图片。顶级类可以设置首页分类背景图</span>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">分类图标：</label>
    <div class="layui-input-inline">
      <div class="like-upload-image">
        {if $detail.image}
            <div class="upload-image-div">
                <img src="{$detail.image}" alt="img">
                <input type="hidden" name="image" value="{$detail.image}">
                <div class="del-upload-btn">x</div>
            </div>
            <div class="upload-image-elem" style="display:none;"><a class="add-upload-image" id="image"> + 添加图片</a></div>
        {else}
            <div class="upload-image-elem"><a class="add-upload-image" id="image"> + 添加图片</a></div>
        {/if}
      </div>
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label"></label>
    <span style="color: #a3a3a3;font-size: 9px">建议尺寸：宽200像素*高200像素的jpg，jpeg，png图片</span>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">排序：</label>
    <div class="layui-input-inline">
      <input type="number" name="sort" value="{$detail.sort}" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label"></label>
    <span style="color: #a3a3a3;font-size: 9px">排序值必须为整数；数值越小，越靠前</span>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">显示状态：</label>
    <div class="layui-input-inline">
      <input type="radio" name="is_show" value="1" title="显示" {if $detail.is_show==1}checked{/if} />
      <input type="radio" name="is_show" value="0" title="不显示" {if $detail.is_show==0}checked{/if}>
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">分类描述：</label>
    <div class="layui-input-inline">
      <textarea name="remark" autocomplete="off" class="layui-textarea">{$detail.remark}</textarea>
    </div>
  </div>
  <div class="layui-form-item layui-hide">
      <input type="button" lay-submit lay-filter="edit-goods_category-submit" id="edit-goods_category-submit" value="确认">
  </div>
</div>
<script>
  layui.config({
    version:"{$front_version}",
    base: '/static/lib' //静态资源所在路径
  }).use(['form'], function(){
    var $ = layui.$
    ,form = layui.form;
        
    //监听上级分类选择
    form.on('select(search_pid)', function(data){
      if(data.value != 0) {
        // 只有顶级类才可以设置首页分类背景图,，其它级别分类隐藏上传设置
        $('#bg_image').addClass('layui-hide');
      }else{
        $('#bg_image').removeClass('layui-hide');
      }
    });

    // 图片上传
    like.delUpload();
    // 分类图标
    $(document).on("click", "#image", function () {
        like.imageUpload({
            limit: 1,
            field: "image",
            that: $(this)
        });
    })
    // 首页分类背景图
    $(document).on("click", "#bgimage", function () {
        like.imageUpload({
            limit: 1,
            field: "bg_image",
            that: $(this)
        });
    })

  })
</script>