| | |
|---|
| | | </head> |
|---|
| | | <body> |
|---|
| | | <div style="padding: 25px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;"> |
|---|
| | | <span style="font-size: large; font-weight: bold">选择商品</span> |
|---|
| | | <span style="font-size: large; font-weight: bold">Выбрать товар</span> |
|---|
| | | </div> |
|---|
| | | <div class="layui-card" style="padding: 0 20px; overflow: scroll;"> |
|---|
| | | <fieldset class="layui-elem-field site-demo-button" style="margin: 20px;"> |
|---|
| | | <legend>搜索栏</legend> |
|---|
| | | <legend>Поисковая строка</legend> |
|---|
| | | <div id="search-box" class="layui-form layui-card-header"> |
|---|
| | | <div class="layui-inline"> |
|---|
| | | <div class="layui-input-inline"> |
|---|
| | | <input class="layui-input" type="text" name="mat_no" placeholder="商品编号" autocomplete="off"> |
|---|
| | | <input class="layui-input" type="text" name="matnr" placeholder="Код товара" autocomplete="off"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="layui-inline"> |
|---|
| | | <div class="layui-input-inline"> |
|---|
| | | <input class="layui-input" type="text" name="maktx" placeholder="Наименование товара" autocomplete="off"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <!-- 日期范围 --> |
|---|
| | | <div class="layui-inline" style="width: 300px"> |
|---|
| | | <div class="layui-input-inline"> |
|---|
| | | <input class="layui-input layui-laydate-range" name="modi_time" type="text" placeholder="起始时间 - 终止时间" autocomplete="off" style="width: 300px"> |
|---|
| | | <input class="layui-input layui-laydate-range" name="modi_time" type="text" placeholder="Начальное время - конечное время" autocomplete="off" style="width: 300px"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="layui-inline"> |
|---|
| | | <div class="layui-input-inline"> |
|---|
| | | <input class="layui-input" type="text" name="condition" placeholder="请输入" autocomplete="off"> |
|---|
| | | <input class="layui-input" type="text" name="condition" placeholder="Пожалуйста, введите" autocomplete="off"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <!-- 待添加 --> |
|---|
| | | <div id="data-search-btn" class="layui-btn-container layui-form-item" style="display: inline-block"> |
|---|
| | | <button id="search" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="search">搜索</button> |
|---|
| | | <button id="search" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="search">Поиск</button> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </fieldset> |
|---|
| | | |
|---|
| | | <div class="layui-form"> |
|---|
| | | <table class="layui-hide" id="matCode" lay-filter="matCode"></table> |
|---|
| | | <table class="layui-hide" id="mat" lay-filter="mat"></table> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <script type="text/html" id="toolbar"> |
|---|
| | | <div class="layui-btn-container"> |
|---|
| | | <button class="layui-btn" id="btn-confirm" lay-event="confirm" style="">提取</button> |
|---|
| | | <button class="layui-btn" id="btn-confirm" lay-event="confirm" style="">Извлечь</button> |
|---|
| | | </div> |
|---|
| | | </script> |
|---|
| | | |
|---|
| | |
|---|
| | | ]; |
|---|
| | | cols.push.apply(cols, matCols); |
|---|
| | | cols.push( |
|---|
| | | {field: 'modiUser$', align: 'center',title: '修改人员', hide: true}, |
|---|
| | | {field: 'modiTime$', align: 'center',title: '修改时间'} |
|---|
| | | {field: 'modiUser$', align: 'center',title: 'Редактировал', hide: true}, |
|---|
| | | {field: 'modiTime$', align: 'center',title: 'Время редактирования'} |
|---|
| | | ) |
|---|
| | | return cols; |
|---|
| | | } |
|---|
| | |
|---|
| | | |
|---|
| | | // 物料查询数据表 |
|---|
| | | matQueryTable = table.render({ |
|---|
| | | elem: '#matCode', |
|---|
| | | elem: '#mat', |
|---|
| | | headers: {token: localStorage.getItem('token')}, |
|---|
| | | url: baseUrl + '/matCode/list/auth', |
|---|
| | | url: baseUrl + '/mat/list/auth', |
|---|
| | | page: true, |
|---|
| | | limit: 7, |
|---|
| | | limits: [7, 10, 30,50,100], |
|---|
| | |
|---|
| | | }); |
|---|
| | | |
|---|
| | | // 监听头工具栏事件 |
|---|
| | | table.on('toolbar(matCode)', function (obj) { |
|---|
| | | table.on('toolbar(mat)', function (obj) { |
|---|
| | | let checkStatus = table.checkStatus(obj.config.id); |
|---|
| | | let data = checkStatus.data; |
|---|
| | | switch(obj.event) { |
|---|
| | | case 'confirm': |
|---|
| | | if (data.length === 0){ |
|---|
| | | layer.msg("请选择数据", {icon: 2}); |
|---|
| | | layer.msg("Пожалуйста, выберите данные", {icon: 2}); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | parent.addTableData(data); |
|---|
