universesupermarket_admin/application/store/view/goods/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">
            <span class="color-green label-required-prev">藏品图片</span>
            <table class="layui-table">
                <thead>
                <tr>
                    <td width="90px" class="text-left"><input name="cover" lay-verify="required" type="hidden" value="{$vo.covers|default=''}"></td>
                </tr>
                </thead>
            </table>
            <script>$('[name="cover"]').uploadOneImage(), $('[name="covers"]').uploadMultipleImage()</script>
        </div>

        <div class="layui-form-item">
            <span class="color-green label-required-prev">详情图片、视频、glb</span>
            <label class="layui-col-xs12 relative">
                <label class="layui-col-xs8 think-form-group-left">
                    <input name="detail_img" value='{$vo.detail_img|default=""}' readonly placeholder="请上传" class="layui-input">
                </label>
                <a class="layui-col-xs2 layui-btn think-form-group-right" data-file="btn" data-field="detail_img" >
                    <i class="layui-icon layui-icon-upload"></i> 上传
                </a>
            </label>
        </div>


        <div class="layui-form-item layui-row layui-col-space15">
            <label class="layui-col-xs12 relative">
                <label class="layui-col-xs3 relative" >
                    <span class="color-green">类型</span>
                    <select name="type" required class="province-selector" id="type"  lay-filter="type" data-value="">
                        <option value="">请选择类型</option>
                        <option value="1" {if isset($vo.id) && $vo.type eq 1}selected{/if}>正常藏品</option>
                        <option value="3" {if isset($vo.id) && $vo.type eq 3}selected{/if}>盲盒藏品</option>
                        <option value="5" {if isset($vo.id) && $vo.type eq 5}selected{/if}>预售藏品</option>

                    </select>
                </label>
            </label>
        </div>

        <div class="layui-form-item layui-row layui-col-space15">
            <label class="layui-col-xs3 relative">
                <span class="color-green">藏品名称</span>
                <input name="name" required class="layui-input" placeholder="请输入藏品名称" value="{$vo.name|default=''}">
            </label>
            <label class="layui-col-xs3 relative">
                <span class="color-green">藏品标签</span>
                <input name="label" required class="layui-input" placeholder="请输入藏品标签" value="{$vo.label|default=''}">
            </label>
            <label class="layui-col-xs3 relative">
                <span class="color-green">藏品库存</span>
                <input name="inventory" required type="number" class="layui-input" placeholder="请输入库存" value="{$vo.inventory|default='1'}">
            </label>
            <label class="layui-col-xs3 relative">
                <span class="color-green">藏品价格</span>
                <input name="price" required type="number" step="1" class="layui-input" placeholder="请输入价格" value="{$vo.price|default='0'}">
            </label>
        </div>
        <div class="layui-form-item layui-row layui-col-space15">
            <label class="layui-col-xs3 relative">
                <span class="color-green">发行日期</span>
                <input name="sell_time" required id="sell_time" readonly value='{$vo.sell_time|default=""}' placeholder="" class="layui-input">
            </label>
            <label class="layui-col-xs3 relative">
                <span class="color-green">限购数量(每人限购数量)</span>
                <input name="buy_count" required type="number" class="layui-input" placeholder="请输入限购数量" value="{$vo.buy_count|default='1'}">
            </label>
            <label class="layui-col-xs3 relative">
                <span class="color-green">转赠天数(第一次转赠限制天数,0为不限制)</span>
                <input name="one_given_day" required type="number" class="layui-input" placeholder="请输入转赠天数(第一次转赠限制天数,0为不限制)" value="{$vo.one_given_day|default='0'}">
            </label>
            <label class="layui-col-xs3 relative">
                <span class="color-green">转赠天数(后续转赠限制天数,0为不限制)</span>
                <input name="other_given_day" required type="number" step="1" class="layui-input" placeholder="请输入转赠天数(后续转赠限制天数,0为不限制)" value="{$vo.other_given_day|default='0'}">
            </label>

        </div>
        <div id = 'show_sale' class="layui-form-item layui-row layui-col-space15">
            <label class="layui-col-xs3 relative">
                <span class="color-green">预售开始日期</span>
                <input name="sale_sta_time"   id="sale_sta_time" readonly value='{$vo.sale_sta_time|default=""}' placeholder="" class="layui-input">
            </label>
            <label class="layui-col-xs3 relative">
                <span class="color-green">预售结束日期</span>
                <input name="sale_end_time"  id="sale_end_time" readonly value='{$vo.sale_end_time|default=""}' placeholder="" class="layui-input">
            </label>
            <label class="layui-col-xs3 relative">
                <span class="color-green">预售数量</span>
                <input name="sale_number"  type="number" class="layui-input" placeholder="请输入预售数量" value="{$vo.sale_number|default='0'}">
            </label>
           <!-- <label class="layui-col-xs3 relative">
                <span class="color-green">优先购持有藏品</span>
                <select class="layui-select" required name="first_cid" lay-search>
                    <option selected value="">请选择持有藏品</option>
                    {foreach $collectionData as $key=>$v}
                    {if (isset($vo.first_cid) && $vo.first_cid  eq $key)}
                    <option selected value="{$key}">{$v|default=''}</option>
                    {else}
                    <option value="{$key}">{$v|default=''}</option>
                    {/if}
                    {/foreach}
                </select>
            </label>-->

<!--            <label class="layui-col-xs3 relative">-->
<!--                <span class="color-green">提前优先购时间（分）</span>-->
<!--                <input name="first_time" required type="number" step="1" class="layui-input" placeholder="请输入优先购时间" value="{$vo.first_time|default='0'}">-->
<!--            </label>-->

        </div>
        <div class="layui-form-item layui-row layui-col-space15">

            <label class="layui-col-xs3 relative">
                <span class="color-green">作者姓名</span>
                <input name="auth_name" required class="layui-input" placeholder="请输入作者姓名" value="{$vo.auth_name|default=''}">
            </label>

        </div>
        <div class="layui-form-item">
            <span class="color-green label-required-prev">作者头像</span>
            <table class="layui-table">
                <thead>
                <tr>
                    <td width="90px" class="text-left"><input name="auth_img" type="hidden" value="{$vo.auth_imgs|default=''}"></td>
                </tr>
                </thead>
            </table>
            <script>$('[name="auth_img"]').uploadOneImage(), $('[name="auth_imgs"]').uploadMultipleImage()</script>
        </div>

        <div class="layui-form-item layui-row layui-col-space15">
            <label class="layui-col-xs3 relative">
                <span class="color-green">作品介绍</span>
                <textarea placeholder="请输入作品介绍" required class="layui-textarea" name="intro">{$vo.intro|default=""}</textarea>
            </label>
            <label class="layui-col-xs3 relative">
                <span class="color-green">权益说明</span>
                <textarea placeholder="请输入权益说明" required class="layui-textarea" name="instructions">{$vo.instructions|default=""}</textarea>
            </label>
            <label class="layui-col-xs3 relative">
                <span class="color-green">购买须知</span>
                <textarea placeholder="请输入购买须知" required class="layui-textarea" name="buy_notice">{$vo.buy_notice|default=""}</textarea>
            </label>
            <label class="layui-col-xs3 relative">
                <span class="color-green">温馨提示</span>
                <textarea placeholder="请输入温馨提示" required class="layui-textarea" name="warm_prompt">{$vo.warm_prompt|default=""}</textarea>
            </label>
        </div>


        <div class="layui-form-item">
            <span class="color-green label-required-prev">商品描述(多张图片)</span>
            <table class="layui-table">
                <thead>
                <tr>
                    <!--<td width="90px" class="text-center"><input name="logo" type="hidden" value="{$vo.logo|default=''}"></td>-->
                    <td width="auto" class="text-left"><input name="describe" type="hidden" value="{$vo.describes|default=''}"></td>
                </tr>
                </thead>
            </table>
            <script>$('[name="logo"]').uploadOneImage(), $('[name="describe"]').uploadMultipleImage()</script>
        </div>

<!--        <div class="layui-form-item">-->
<!--            <span class="color-green label-required-prev">分享二维码</span>-->
<!--            <table class="layui-table">-->
<!--                <thead>-->
<!--                <tr>-->
<!--                    <td width="90px" class="text-left"><input name="share_img" type="hidden" value="{$vo.share_imgs|default=''}"></td>-->
<!--                </tr>-->
<!--                </thead>-->
<!--            </table>-->
<!--            <script>$('[name="share_img"]').uploadOneImage(), $('[name="share_imgs"]').uploadMultipleImage()</script>-->
<!--        </div>-->

        <div class="layui-form-item text-center">
            {notempty name='vo.id'}<input type="hidden" name="id" value="{$vo.id}">{/notempty}
            <button class="layui-btn layui-btn-danger" onclick="history.go(-1);" type="button">取消编辑</button>
            <button class="layui-btn" type="submit">保存</button>
        </div>

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

{block name='script'}
<textarea class="layui-hide" id="goods-specs">{$vo.specs|raw|default=''}</textarea>
<textarea class="layui-hide" id="goods-value">{$defaultValues|raw|default=''}</textarea>
<script>
    layui.form.render();
    layui.use(['form', 'layedit', 'laydate'], function(){

        var form = layui.form
            ,layer = layui.layer
            ,layedit = layui.layedit
            ,laydate = layui.laydate;

        laydate.render({
            elem: '#sell_time'
            ,type: 'datetime'
            ,min:new Date().toLocaleString()
        });
        form.render();
        //日期
        laydate.render({
            elem: '#sale_sta_time'
            ,type: 'datetime'
            ,min:new Date().toLocaleString()
        });
        laydate.render({
            elem: '#sale_end_time'
            ,type: 'datetime'
            ,min:new Date().toLocaleString()
        });
        form.on('select(type)', function(data){
            console.log(data.elem); //得到select原始DOM对象
            console.log(data.value); //得到被选中的值
            console.log(data.othis); //得到美化后的DOM对象
            chooseType = data.value
            if(chooseType=='1'){
                // show hide 显示隐藏
                $("#show_sale").hide()

            }else if(chooseType=='3'){
                $("#show_sale").hide()
            }else if(chooseType=='5'){

                $("#show_sale").show()
            }
        });

        form.on('select(province)', function (data) {
            var val = data.value;
            // console.log(val)
            $.ajax({
                type:"get",
                url:"{:url('member/get_city')}",  //数据传输的控制器方法
                data: {id:val},//这里data传递过去的是序列化以后的字符串
                success:function(data){
                   // console.log(data)
                    var arr = data.data;
                    //console.log(arr)
                    if (arr.length>0){
                        //$("#tow").attr("style","display:block;");//显示div
                        var options='<option value="">请选择市</option>';
                        for (var i = 0; i < arr.length; i++) {
                            var tag = arr[i];
                            options+=' <option value="'+tag.id+'">'+tag.name+'</option>';
                        }
                        $("select[name='city']").html(options)
                        form.render('select');
                    }else {
                        var options='<option value="">请选择市</option>';
                        $("select[name='city']").html(options)
                        form.render('select');
                    }
                }
            });
        });

        form.on('select(city)', function (data) {
            var val = data.value;
            // console.log(val)
            $.ajax({
                type:"get",
                url:"{:url('member/get_area')}",  //数据传输的控制器方法
                data: {id:val},//这里data传递过去的是序列化以后的字符串
                success:function(data){
                    //console.log(data)
                    var arr = data.data;
                   // console.log(arr)
                    if (arr.length>0){
                        var options='<option value="">请选择区</option>';
                        for (var i = 0; i < arr.length; i++) {
                            var tag = arr[i];
                            options+=' <option value="'+tag.id+'">'+tag.name+'</option>';
                        }
                        $("select[name='area']").html(options)
                        form.render('select');
                    }else {
                        var options='<option value="">请选择区</option>';
                        $("select[name='area']").html(options)
                        form.render('select');
                    }
                }
            });
        });



    });
</script>
{/block}