| | |
| | | height: 100%; |
| | | background-color: #f1f1f1; |
| | | padding: 5px; |
| | | position: relative; |
| | | /*overflow: hidden;*/ |
| | | } |
| | | |
| | | /*header {*/ |
| | | /* position: absolute;*/ |
| | | /*}*/ |
| | | /*main {*/ |
| | | /* padding-top: 30px;*/ |
| | | /*}*/ |
| | | |
| | | /* 头部搜索栏 */ |
| | | .search-box { |
| | |
| | | border-radius: 20px; |
| | | height: 30px; |
| | | box-shadow: 0 0 3px rgba(0,0,0,.3); |
| | | width: 75%; |
| | | width: 73%; |
| | | padding-left: 15px; |
| | | vertical-align: middle; |
| | | } |
| | |
| | | |
| | | <header> |
| | | <div class="search-box"> |
| | | <input type="text" placeholder="请输入商品编码/名称"> |
| | | <button> |
| | | <input id="search-msg" type="text" placeholder="请输入商品编码/名称"> |
| | | <button onclick="search()"> |
| | | <i class="layui-icon"></i> |
| | | </button> |
| | | </div> |
| | |
| | | showTag(); |
| | | }) |
| | | |
| | | // 搜索 |
| | | function search(){ |
| | | var condition = $('#search-msg').val(); |
| | | $.ajax({ |
| | | url: baseUrl + "/mat/search/pda/auth", |
| | | headers: {'token': localStorage.getItem('token')}, |
| | | data: { |
| | | condition: condition |
| | | }, |
| | | method: 'POST', |
| | | success: function (res) { |
| | | if (res.code === 200) { |
| | | if (res.data != null && res.data.length > 0) { |
| | | var tplDom = $("#matTpl"); |
| | | var tpl = tplDom.html(); |
| | | var template = Handlebars.compile(tpl); |
| | | var html = template(res); |
| | | $('#main-contain').html(html); |
| | | } else { |
| | | $('#main-contain').html('<div style="text-align: center; margin-top: 15px"><span style="font-size: large">暂无商品</span></div>'); |
| | | } |
| | | } else if (res.code === 403) { |
| | | top.location.href = baseUrl + "/pda"; |
| | | } else { |
| | | parent.layer.msg(res.msg, {icon: 2}); |
| | | } |
| | | } |
| | | }) |
| | | } |
| | | |
| | | // 归类点击 |
| | | $(document).on('click','.box-tag-item', function () { |
| | | var tagId = $(this).children('input').get(0).value; |