85 lines
		
	
	
		
			3.1 KiB
		
	
	
	
		
			HTML
		
	
	
			
		
		
	
	
			85 lines
		
	
	
		
			3.1 KiB
		
	
	
	
		
			HTML
		
	
	
{layout name="layout1" /}
 | 
						|
 | 
						|
<div class="wrapper">
 | 
						|
    <div class="layui-card">
 | 
						|
        <!-- 搜索区域 -->
 | 
						|
        <div class="layui-card-body layui-form">
 | 
						|
            <div class="layui-form-item">
 | 
						|
                <div class="layui-inline">
 | 
						|
                    <label for="name" class="layui-form-label">商品名称:</label>
 | 
						|
                    <div class="layui-inline" style="margin-right:0;">
 | 
						|
                        <div class="layui-input-inline" >
 | 
						|
                            <input type="text" id="name" name="name" autocomplete="off" class="layui-input">
 | 
						|
                        </div>
 | 
						|
                    </div>
 | 
						|
                </div>
 | 
						|
                <div class="layui-inline">
 | 
						|
                    <a class="layui-btn layui-btn-sm layui-btn-normal" lay-submit lay-filter="search">搜索</a>
 | 
						|
                    <a class="layui-btn layui-btn-sm layui-btn-primary" lay-submit lay-filter="clear-search">重置</a>
 | 
						|
                </div>
 | 
						|
            </div>
 | 
						|
        </div>
 | 
						|
 | 
						|
        <!-- 主体区域 -->
 | 
						|
        <div class="layui-card-body">
 | 
						|
            <table id="like-table-lists" lay-filter="like-table-lists"></table>
 | 
						|
            <script type="text/html" id="table-activity">
 | 
						|
                {{#  if(d.is_activity=="正常"){ }}正常 {{#  } }}
 | 
						|
                {{#  if(d.is_activity!="正常"){ }}<span style="color:red;">{{d.is_activity}}</span> {{#  } }}
 | 
						|
            </script>
 | 
						|
        </div>
 | 
						|
    </div>
 | 
						|
</div>
 | 
						|
 | 
						|
<script>
 | 
						|
    layui.use(["table", "form"], function(){
 | 
						|
        var table   = layui.table;
 | 
						|
        var form    = layui.form;
 | 
						|
 | 
						|
        like.tableLists("#like-table-lists", "{:url()}", [
 | 
						|
            {type:"radio"}
 | 
						|
            ,{field:"name", title:"商品名称", templet:"#table-goods"}
 | 
						|
            ,{field:"market_price", width:100, align:"center",title:"最高价"}
 | 
						|
            ,{field:"min_price", width:100, align:"center",title:"最低价"}
 | 
						|
            ,{field:"market_price", width:100, align:"center",title:"市场价"}
 | 
						|
            ,{field:"stock", width:150, align:"center", title:"库存"}
 | 
						|
            ,{field:"activity", width:150, align:"center", title:"活动", templet:"#table-activity"}
 | 
						|
        ]);
 | 
						|
 | 
						|
        form.on("submit(search)", function(data){
 | 
						|
            table.reload("like-table-lists", {
 | 
						|
                where: data.field,
 | 
						|
                page: {
 | 
						|
                    curr: 1
 | 
						|
                }
 | 
						|
            });
 | 
						|
        });
 | 
						|
 | 
						|
        form.on("submit(clear-search)", function(){
 | 
						|
            $("#name").val("");
 | 
						|
            $("#cid").val("");
 | 
						|
            table.reload("like-table-lists", {
 | 
						|
                where: {},
 | 
						|
                page: {
 | 
						|
                    curr: 1
 | 
						|
                }
 | 
						|
            });
 | 
						|
        });
 | 
						|
 | 
						|
    });
 | 
						|
 | 
						|
    /**
 | 
						|
     * 获取选择数据
 | 
						|
     * @returns {*}
 | 
						|
     */
 | 
						|
    var callbackData = function () {
 | 
						|
        var data = layui.table.checkStatus('like-table-lists').data;
 | 
						|
        if (data[0]['is_activity'] !== '正常') {
 | 
						|
            layer.msg("此商品正在参与其他活动,换一个吧", {time:1000});
 | 
						|
            return [];
 | 
						|
        }
 | 
						|
        var index = parent.layer.getFrameIndex(window.name);
 | 
						|
        parent.layer.close(index);
 | 
						|
        return data;
 | 
						|
    }
 | 
						|
</script> |