|  |  |  | 
|---|
|  |  |  | <div class="layui-col-md10"> | 
|---|
|  |  |  | <div class="layui-form-item"> | 
|---|
|  |  |  | <div class="layui-inline"> | 
|---|
|  |  |  | <label class="layui-form-label layui-form-label-sm">商品名称</label> | 
|---|
|  |  |  | <div class="layui-input-inline"> | 
|---|
|  |  |  | <input type="text" placeholder="名称" name="goodsName" autocomplete="off" class="layui-input"> | 
|---|
|  |  |  | <input type="text" placeholder="商品名称" name="goodsName" autocomplete="off" class="layui-input"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </form> | 
|---|
|  |  |  | <table lay-filter="userTable" lay-data="{id: 'userTable'}"></table> | 
|---|
|  |  |  | <table lay-filter="goodsListTable" lay-data="{id: 'goodsListTable'}"></table> | 
|---|
|  |  |  | <style type="text/css"> | 
|---|
|  |  |  | .layui-table-cell{ | 
|---|
|  |  |  | text-align:center; | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .layui-table img{ | 
|---|
|  |  |  | max-width:100px | 
|---|
|  |  |  | } | 
|---|
|  |  |  | ::-webkit-scrollbar { | 
|---|
|  |  |  | height: 20px !important; | 
|---|
|  |  |  | background-color: #f4f4f4; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </style> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  | $reset = $view.find('#reset'), | 
|---|
|  |  |  | $searchForm = $view.find('form'), | 
|---|
|  |  |  | $add = $view.find('#add'), | 
|---|
|  |  |  | sortObject = {field: 'phone', type: null}, | 
|---|
|  |  |  | sortObject = {field: 'isSale', type: 'asc'}, | 
|---|
|  |  |  | tableIns; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | form.render(); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | let currPageGoods = 1;//首先默认值为1,防止出错 | 
|---|
|  |  |  | //获取当前页 | 
|---|
|  |  |  | currPageGoods = $view.find(".layui-laypage-em").next().html(); | 
|---|
|  |  |  | // 表格初始化 | 
|---|
|  |  |  | initTable(); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // 初始化表格操作栏各个按钮功能 | 
|---|
|  |  |  | table.on('tool(userTable)', function (obj) { | 
|---|
|  |  |  | table.on('tool(goodsListTable)', function (obj) { | 
|---|
|  |  |  | var data = obj.data, | 
|---|
|  |  |  | layEvent = obj.event; | 
|---|
|  |  |  | if (layEvent === 'downGoods') { | 
|---|
|  |  |  | 
|---|
|  |  |  | // 查询按钮 | 
|---|
|  |  |  | $query.on('click', function () { | 
|---|
|  |  |  | var params = $.extend(getQueryParams(), {field: sortObject.field, order: sortObject.type}); | 
|---|
|  |  |  | tableIns.reload({where: params, page: {curr: 1}}); | 
|---|
|  |  |  | // params.pageNum = $view.find(".layui-laypage-em").next().html(); | 
|---|
|  |  |  | tableIns.reload({where: params, page: {curr: currPageGoods}}); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // 刷新按钮 | 
|---|
|  |  |  | $reset.on('click', function () { | 
|---|
|  |  |  | $searchForm[0].reset(); | 
|---|
|  |  |  | sortObject.type = 'null'; | 
|---|
|  |  |  | tableIns.reload({where: getQueryParams(), page: {curr: 1}, initSort: sortObject}); | 
|---|
|  |  |  | tableIns.reload({where: getQueryParams(), page: {curr: currPageGoods}, initSort: sortObject}); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | $add.on('click', function () { | 
|---|
|  |  |  | 
|---|
|  |  |  | function initTable() { | 
|---|
|  |  |  | tableIns = febs.table.init({ | 
|---|
|  |  |  | elem: $view.find('table'), | 
|---|
|  |  |  | id: 'userTable', | 
|---|
|  |  |  | id: 'goodsListTable', | 
|---|
|  |  |  | url: ctx + 'admin/goods/goodsList?goodsType=1', | 
|---|
|  |  |  | cols: [[ | 
|---|
|  |  |  | {field: 'goodsNo', title: '商品编号', minWidth: 100,align:'left'}, | 
|---|
|  |  |  | {field: 'goodsName', title: '商品名称', minWidth: 150,align:'left'}, | 
|---|
|  |  |  | {field: 'goodsName', title: '商品名称', minWidth: 140,align:'left'}, | 
|---|
|  |  |  | {field: 'thumb', title: '缩略图', | 
|---|
|  |  |  | templet: function (d) { | 
|---|
|  |  |  | return '<a lay-event="seeImgThumb"><img id="seeImgThumb'+d.id+'" src="'+d.thumb+'" alt=""></a>'; | 
|---|
|  |  |  | }, minWidth: 150,align:'center'}, | 
|---|
|  |  |  | {field: 'categaryName', title: '分类', minWidth: 150,align:'left'}, | 
|---|
|  |  |  | {field: 'categaryName', title: '分类', minWidth: 140,align:'left'}, | 
|---|
|  |  |  | {field: 'isSale', title: '是否上架', templet: '#upOrDownSwitch', minWidth: 100,align:'center'}, | 
|---|
|  |  |  | {field: 'isHot', title: '是否主推', templet: '#isHotSwitch', minWidth: 100,align:'center'}, | 
|---|
|  |  |  | {templet:"#goodsTypeFormat",  title: '商品类型', minWidth: 150,align:'left'}, | 
|---|
|  |  |  | {templet:"#goodsTypeFormat",  title: '商品类型', minWidth: 140,align:'left'}, | 
|---|
|  |  |  | {templet:"#isSkuFormat", title: '是否多规格', minWidth: 100,align:'left'}, | 
|---|
|  |  |  | {field: 'presentPrice', title: '现价', minWidth: 100,align:'left'}, | 
|---|
|  |  |  | {field: 'originalPrice', title: '原价', minWidth: 100,align:'left'}, | 
|---|