bq_admin/application/store/view/article/form.html

{extend name='admin@main'}

{block name="content"}

<form onsubmit="return false;" id="GoodsForm" data-auto="true" method="post" class='layui-form layui-card' autocomplete="off">

    <div class="layui-card-body think-box-shadow padding-left-40">

        <div class="layui-form-item layui-row layui-col-space15">
            <div class="layui-form-item" required="required">
                <span class="color-green label-required-prev">图标</span>
                <table class="layui-table">
                    <thead>
                    <tr>
                        <!--                    <th class="text-center">LOGO</th>-->
                        <!--                    <th class="text-left">展示图片</th>-->
                    </tr>
                    <tr>
                        <td width="90px" class="text-left"><input name="icon" type="hidden" value="{$vo.icon|default=''}"></td>
                        <!--                    <td width="auto" class="text-left"><input name="imgs" type="hidden" value=""></td>-->
                    </tr>
                    </thead>
                </table>
                <script>$('[name="icon"]').uploadOneImage(), $('[name="imgs"]').uploadMultipleImage()</script>
            </div>
        </div>
        <div class="layui-form-item layui-row layui-col-space15">
            <label class="layui-col-xs3 relative">
                <span class="color-green">标题</span>
                <input name="title" required class="layui-input" placeholder="请输入标题" value="{$vo.title|default=''}">
            </label>
        </div>

        <div class="layui-form-item layui-row layui-col-space15">
            <label class="layui-col-xs12 relative" class="layui-form-label">
                <span class="color-green" required >类型</span><br />
                <span >
                {if !isset($vo.id)}
                    <input checked type="radio" name="type" lay-filter="type" value="1" title="售前业务">
                    <input type="radio" name="type" value="2" lay-filter="type" title="售后业务">
                {else}
                    {if isset($vo.type) && $vo.type eq 1}
                        <input checked type="radio" name="type" lay-filter="type" value="1" title="售前业务">
                        <input type="radio" name="type" value="2" lay-filter="type" title="售后业务">
                    {else}
                        <input  type="radio" name="type" value="1" lay-filter="type" title="售前业务">
                        <input checked type="radio" name="type" value="2" lay-filter="type" title="售后业务">
                    {/if}
                {/if}
                </span>
            </label>
        </div>

        <div class="layui-form-item layui-row layui-col-space15">
            <label class="layui-col-xs12 relative">
                <span class="color-green" required>类别</span>
                <div id="cate" lay-filter="cate">
                    <input type="radio" name="cate"  value="3" lay-filter="cate" title="123" onchange="changetype(e)">
                    <input type="radio" name="cate"  value="4" lay-filter="cate" title="456" onchange="changetype(e)">

                    <!--                    {if !isset($vo.id)}-->
<!--                       {foreach $catelist as $key=>$v}-->
<!--                         <input type="radio" name="cate"  value="{$v.id}" lay-filter="cate" title="{$v.name}">-->
<!--                       {/foreach}-->
<!--                    {else}-->
<!--                        {foreach $catelist as $key=>$v}-->
<!--                        <input type="radio" lay-filter="cate" name="cate" {if $v.id eq $vo.cate}checked{/if}  value="{$v.id}" title="{$v.name}">-->
<!--                        {/foreach}-->
<!--                    {/if}-->
                </div>
            </label>
        </div>


        <div class="layui-form-item layui-row layui-col-space15">
            <label class="layui-col-xs10">
                <span class="color-green">内容</span>
                <textarea required name="content">{$vo.content|default=''}</textarea>
            </label>

        </div>


        <div class="layui-form-item text-center">
            {if isset($vo.id)}<input type='hidden' value="<?php echo date('Y-m-d H:i:s'); ?>" name='update_at'>{else}<input type='hidden' value="<?php echo date('Y-m-d H:i:s'); ?>" name='create_at'>{/if}
            {notempty name='vo.id'}<input type="hidden" name="id" value="{$vo.id}">{/notempty}
<!--            <button class="layui-btn layui-btn-danger" ng-click="hsitoryBack()" type="button">取消编辑</button>-->
            <button class="layui-btn" type="submit">保存</button>
        </div>

    </div>
</form>
{/block}

{block name='script'}
<script>
    function changetype(e){
        console.log(e)
    }
    layui.form.render();
    form.render();
    layui.use(['form', 'layedit', 'laydate'], function(){
        var form = layui.form
            ,layer = layui.layer
            ,layedit = layui.layedit
            ,laydate = layui.laydate;


        //此处即为 radio 的监听事件
        form.on('radio(type)', function(data){
            console.log(data.value); //被点击的radio的value值
            var value = data.value
            $.ajax({
                url: 'store/article/getcate',
                dataType: 'json',
                type: 'post',
                data:  'id='+value,
                success:function(o){
                    var data = o;
                    $('#cate').empty();
                    $.each(data, function(index, quiz1) {
                        $('#cate').append('<input type="radio" name="cate" lay-filter="cate" value="' + quiz1.id + '" title="'+ quiz1.name +'">');
                    })
                    if (value==1){
                        $("input[name=type][value='1']").prop("checked",true);
                    }else if (value==2){
                        $("input[name=type][value='2']").prop("checked",true);
                    }

                    form.render('radio')
                },
                error:function(o){
                    console.log(o);
                }
            })
        });

        // form.render();

        require(['ckeditor', 'angular'], function () {
            window.createEditor('[name="content"]', {height: 500});
           // var app = angular.module("GoodsForm", []).run(callback);
          //  angular.bootstrap(document.getElementById(app.name), [app.name]);

        })



    });
</script>
{/block}