<style> 
 | 
    #product-sell-pick { 
 | 
        padding: 20px 25px 25px 0; 
 | 
    } 
 | 
  
 | 
    #product-sell-pick .layui-treeSelect .ztree li a, .ztree li span { 
 | 
        margin: 0 0 2px 3px !important; 
 | 
    } 
 | 
    #product-sell-pick #data-permission-tree-block { 
 | 
        border: 1px solid #eee; 
 | 
        border-radius: 2px; 
 | 
        padding: 3px 0; 
 | 
    } 
 | 
    #product-sell-pick .layui-treeSelect .ztree li span.button.switch { 
 | 
        top: 1px; 
 | 
        left: 3px; 
 | 
    } 
 | 
    #product-sell-pick img{ 
 | 
        max-width:100px 
 | 
    } 
 | 
  
 | 
</style> 
 | 
<div class="layui-fluid" id="product-sell-pick"> 
 | 
    <form class="layui-form" action="" lay-filter="product-sell-pick-form"> 
 | 
        <div class="layui-form-item febs-hide"> 
 | 
            <label class="layui-form-label febs-form-item-require">id:</label> 
 | 
            <div class="layui-input-block"> 
 | 
                <input type="text" name="id"> 
 | 
            </div> 
 | 
        </div> 
 | 
        <div class="layui-row layui-col-space10 layui-form-item"> 
 | 
            <div class="layui-col-lg6"> 
 | 
                <label class="layui-form-label febs-form-item-require">预约额度:</label> 
 | 
                <div class="layui-input-block"> 
 | 
                    <input type="text" name="nftTotal" lay-verify="required" placeholder="" autocomplete="off" class="layui-input" readonly> 
 | 
                </div> 
 | 
            </div> 
 | 
        </div> 
 | 
        <div class="layui-row layui-col-space10 layui-form-item"> 
 | 
            <div class="layui-col-lg6"> 
 | 
                <label class="layui-form-label febs-form-item-require">可分配:</label> 
 | 
                <div class="layui-input-block"> 
 | 
                    <input type="text" name="nftAva" lay-verify="required" placeholder="" autocomplete="off" class="layui-input" readonly> 
 | 
                </div> 
 | 
            </div> 
 | 
        </div> 
 | 
  
 | 
        <blockquote class="layui-elem-quote blue-border">匹配设置</blockquote> 
 | 
        <div class="layui-row layui-col-space10 layui-form-item"> 
 | 
            <div class="layui-form-item sell-pick-list"> 
 | 
                <div class="layui-col-lg6"> 
 | 
                    <label class="layui-form-label febs-form-item-require">匹配提现:</label> 
 | 
                    <div class="layui-input-block"> 
 | 
                        <div id="sell-pick-list"></div> 
 | 
                    </div> 
 | 
                </div> 
 | 
            </div> 
 | 
            <div class="layui-col-lg6"> 
 | 
                <label class="layui-form-label febs-form-item-require">本次金额:</label> 
 | 
                <div class="layui-input-block"> 
 | 
                    <input type="text" name="pickNftCnt" lay-verify="required" placeholder="" autocomplete="off" class="layui-input"> 
 | 
                </div> 
 | 
            </div> 
 | 
        </div> 
 | 
        <div class="layui-form-item febs-hide"> 
 | 
            <button class="layui-btn" lay-submit="" lay-filter="product-sell-pick-form-submit" id="submit"></button> 
 | 
        </div> 
 | 
    </form> 
 | 
</div> 
 | 
  
 | 
<script data-th-inline="javascript"> 
 | 
    layui.use(['febs', 'form', 'formSelects', 'validate', 'treeSelect', 'eleTree','layedit', 'laydate', 'upload', 'xmSelect'], function () { 
 | 
        var $ = layui.$, 
 | 
            febs = layui.febs, 
 | 
            layer = layui.layer, 
 | 
            upload = layui.upload, 
 | 
            formSelects = layui.formSelects, 
 | 
            form = layui.form, 
 | 
            laydate = layui.laydate, 
 | 
            layedit = layui.layedit, 
 | 
            mallProductBuy = [[${mallProductBuy}]], 
 | 
            $view = $('#product-sell-pick'), 
 | 
            validate = layui.validate; 
 | 
  
 | 
        var sellPick = xmSelect.render({ 
 | 
            el: '#sell-pick-list', 
 | 
            filterable: true,//设置搜索框 
 | 
            filterMethod: function(val, item, index, prop){ 
 | 
                if(val == item.value){//把value相同的搜索出来 
 | 
                    return true; 
 | 
                } 
 | 
                if(item.name.indexOf(val) != -1){//名称中包含的搜索出来 
 | 
                    return true; 
 | 
                } 
 | 
                return false;//不知道的就不管了 
 | 
            }, 
 | 
            language: 'zn', 
 | 
            prop : { 
 | 
                value : 'id', 
 | 
                children : 'child' 
 | 
            }, 
 | 
            iconfont: { 
 | 
                parent: 'hidden', 
 | 
            }, 
 | 
            radio: true,//单选 
 | 
            clickClose: true, 
 | 
            tree: { 
 | 
                show: true, 
 | 
                //非严格模式 
 | 
                strict: false, 
 | 
            }, 
 | 
            data: [] 
 | 
        }) 
 | 
  
 | 
        febs.get(ctx + 'admin/news/findSellList', null, function(res) { 
 | 
            sellPick.update({ 
 | 
                data : res.data, 
 | 
                autoRow: true, 
 | 
            }); 
 | 
        }) 
 | 
        initPickValue(); 
 | 
        form.render(); 
 | 
        laydate.render({ 
 | 
            elem: '#febs-form-group-date' 
 | 
        }); 
 | 
  
 | 
        formSelects.render(); 
 | 
        form.on('submit(product-sell-pick-form-submit)', function (data) { 
 | 
            let sellPickList = sellPick.getValue(); 
 | 
            if (sellPickList.length > 0) { 
 | 
                var sellPickId = null; 
 | 
                layui.each(sellPickList, function (key, item) { 
 | 
                    sellPickId = item.id 
 | 
                }); 
 | 
                data.field.productSellId = sellPickId; 
 | 
            } 
 | 
            febs.post(ctx + 'admin/news/pickSellRecord', data.field, function () { 
 | 
                layer.closeAll(); 
 | 
                febs.alert.success('操作成功'); 
 | 
                $('#febs-product-buy').find('#query').click(); 
 | 
            }); 
 | 
            return false; 
 | 
        }); 
 | 
  
 | 
  
 | 
        function initPickValue() { 
 | 
            form.val("product-sell-pick-form", { 
 | 
                "id": mallProductBuy.id, 
 | 
                "nftTotal": mallProductBuy.nftTotal, 
 | 
                "nftAva": mallProductBuy.nftAva, 
 | 
            }); 
 | 
        } 
 | 
    }); 
 | 
</script> 
 |