add_activity.html 7.97 KB
{include file="common/head"/}
<div class="admin-main layui-anim layui-anim-upbit">
    <form class="layui-form layui-form-pane">
        <div class="layui-form-item">
          <label class="layui-form-label">活动类型</label>
          <div class="layui-input-inline">
            <select name="type" lay-verify="required" lay-filter="aid">
              <option value="1" {if $data.type eq 1} selected{/if}>满减</option>
              <option value="2" {if $data.type eq 2} selected{/if}>满赠</option>
              <option value="3" {if $data.type eq 3} selected{/if}>折扣</option>
              <option value="4" {if $data.type eq 4} selected{/if}>代金券</option>
              <option value="5" {if $data.type eq 5} selected{/if}>会员价</option>
            </select>
          </div>
        </div>
        <input type="hidden" name='id' value="{$data.id}">
        {if $data.type eq 2}
        <div class="layui-form-item" id="title_tag" style="display:none">
            <label class="layui-form-label">活动标题</label>
            <div class="layui-input-block">
              <div class="layui-form-mid" id="first_html">&nbsp;&nbsp;满</div>
              <div class="layui-input-inline" style="width: 100px;">
                <input type="text" name="max_num" autocomplete="off" class="layui-input" value="{$data.max_num}">
              </div>
              <div class="layui-form-mid" id="mid_html">元,立享</div>
              <div class="layui-input-inline" style="width: 100px;">
                <input type="text" name="min_num" autocomplete="off" class="layui-input" value="{$data.min_num}">
              </div>
              <div class="layui-form-mid" id="last_html">折</div>
            </div>
        </div>
        {elseif $data.type eq 3}
        <div class="layui-form-item" id="title_tag">
            <label class="layui-form-label">活动标题</label>
            <div class="layui-input-block">
              <div class="layui-form-mid" id="first_html">&nbsp;&nbsp;满</div>
              <div class="layui-input-inline" style="width: 100px;">
                <input type="text" name="max_num" autocomplete="off" class="layui-input" value="{$data.max_num}">
              </div>
              <div class="layui-form-mid" id="mid_html">元,立享</div>
              <div class="layui-input-inline" style="width: 100px;">
                <input type="text" name="min_num" autocomplete="off" class="layui-input" value="{$data.min_num}">
              </div>
              <div class="layui-form-mid" id="last_html">折</div>
            </div>
        </div>
        {elseif $data.type eq 4}
        <div class="layui-form-item" id="title_tag">
            <label class="layui-form-label">活动标题</label>
            <div class="layui-input-block">
              <div class="layui-form-mid" id="first_html">&nbsp;&nbsp;</div>
              <div class="layui-input-inline" style="width: 100px;">
                <input type="text" name="max_num" autocomplete="off" class="layui-input" value="{$data.max_num}">
              </div>
              <div class="layui-form-mid" id="mid_html">元代金券,现价</div>
              <div class="layui-input-inline" style="width: 100px;">
                <input type="text" name="min_num" autocomplete="off" class="layui-input" value="{$data.min_num}">
              </div>
              <div class="layui-form-mid" id="last_html">元</div>
            </div>
        </div>
        {elseif $data.type eq 5}
        <div class="layui-form-item" id="title_tag" style="display:none">
            <label class="layui-form-label">活动标题</label>
            <div class="layui-input-block">
              <div class="layui-form-mid" id="first_html">&nbsp;&nbsp;满</div>
              <div class="layui-input-inline" style="width: 100px;">
                <input type="text" name="max_num" autocomplete="off" class="layui-input" value="{$data.max_num}">
              </div>
              <div class="layui-form-mid" id="mid_html">元,立减</div>
              <div class="layui-input-inline" style="width: 100px;">
                <input type="text" name="min_num" autocomplete="off" class="layui-input" value="{$data.min_num}">
              </div>
              <div class="layui-form-mid" id="last_html">元</div>
            </div>
        </div>
        {else}
        <div class="layui-form-item" id="title_tag">
            <label class="layui-form-label">活动标题</label>
            <div class="layui-input-block">
              <div class="layui-form-mid" id="first_html">&nbsp;&nbsp;满</div>
              <div class="layui-input-inline" style="width: 100px;">
                <input type="text" name="max_num" autocomplete="off" class="layui-input" value="{$data.max_num}">
              </div>
              <div class="layui-form-mid" id="mid_html">元,立减</div>
              <div class="layui-input-inline" style="width: 100px;">
                <input type="text" name="min_num" autocomplete="off" class="layui-input" value="{$data.min_num}">
              </div>
              <div class="layui-form-mid" id="last_html">元</div>
            </div>
        </div>
        {/if}

        <div class="layui-form-item layui-form-text">
        <label class="layui-form-label">活动说明</label>
        <div class="layui-input-block">
          <textarea placeholder="请填写活动说明" class="layui-textarea" id="desc" name="desc">{$data.desc}</textarea>
        </div>
        </div>
        <input type="hidden" name='sid' value="{$hid}">
        <div class="layui-form-item">
        <div class="layui-input-block">
          <button type="button" class="layui-btn" lay-submit="" lay-filter="submit">{:lang('submit')}</button>
        </div>
        </div>
    </form>
</div>
{include file="common/foot"/}
<script>
    layui.use('form', function () {
        var form = layui.form, $ = layui.jquery;
        //根据菜品ID 修改对应菜品的GIF、视频url
        form.on('submit(submit)', function (data) {
            if($('#title').val()=='' || $('#desc').val()==''){
                layer.msg('标题、描述不能为空!', {time: 1000, icon: 2});return;
            }
            var loading = layer.load(1, {shade: [0.1, '#fff']});
            $.post("{:url('add_activity')}", data.field, function (res) {
                layer.close(loading);
                if (res.code == 1) {
                    layer.msg(res.msg, {time: 1000, icon: 1}, function () {
                        window.parent.location.reload();
                    });
                } else {
                    layer.msg(res.msg, {time: 1000, icon: 2});
                }
            });
        })

        //单选按钮显示隐藏
        form.on('select(aid)', function(data){
            console.log(data.value);
            //清空数据
            $('input[name="max_num"]').val('');
            $('input[name="min_num"]').val('');
            $('#desc').html('');
            switch(data.value){
                case "2":
                    $('#title_tag').hide();
                    $('#title').val('满增活动');
                    break;
                case "1":
                    $('#title_tag').show();
                    $('#first_html').html('&nbsp;&nbsp;满');
                    $('#mid_html').html('元,立减');
                    $('#last_html').html('元');
                    break;
                case "3":
                    $('#title_tag').show();
                    $('#mid_html').html('元,立享');
                    $('#last_html').html('折');
                    break;
                case "4":
                    $('#title_tag').show();
                    $('#first_html').html('&nbsp;&nbsp;');
                    $('#mid_html').html('元代金券,现价');
                    $('#last_html').html('元');
                    break;
                case "5":
                    $('#title_tag').hide();
                    break;
                default:
                    $('#title_tag').show();
                    break;
            }
        });
    });
</script>