寒衣批次管理系统 - 添加、编辑和查询 - 常规

<!DOCTYPE html>/n<html xmlns:th=/'http://www.thymeleaf.org/'>/n<head>/n  <meta charset=/'utf-8/'>/n  <title>寒衣批次管理</title>/n  <meta name=/'renderer/' content=/'webkit/'>/n  <meta http-equiv=/'X-UA-Compatible/' content=/'IE=edge,chrome=1/'>/n  <meta name=/'viewport/' content=/'width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0/'>/n  <link rel=/'stylesheet/' href=/'/layuiadmin/layui/css/layui.css/' media=/'all/'>/n  <link rel=/'stylesheet/' href=/'/layuiadmin/style/admin.css/' media=/'all/'>/n</head>/n<body>/n/n<div class=/'layui-fluid/'>/n  <div class=/'layui-row layui-col-space15/'>/n    <div class=/'layui-col-md12/'>/n      <div class=/'layui-card/'>/n        <div class=/'layui-card-header/'>批次管理</div>/n        <div class=/'layui-card-body/'>/n          <!--这是搜索-->/n          <div class=/'layui-form/' action=/'/'>/n            <div class=/'layui-form-item/'>/n              <div class=/'layui-inline/'>/n                <label class=/'layui-form-label/'>批次名称</label>/n                <div class=/'layui-input-inline/'>/n                  <input type=/'text/' id=/'querySn/' name=/'phone/' lay-verify=/'required|phone/' autocomplete=/'off/' class=/'layui-input/'>/n                </div>/n              </div>/n              <div class=/'layui-inline/'>/n                <label class=/'layui-form-label/'>困难等级</label>/n                <div class=/'layui-input-inline/'>/n                  <select name=/'interest/' id=/'queryLeavel/' lay-filter=/'aihao/'>/n                    <option value=/'/'>所有</option>/n                    <option value=/'一般困难/'>一般困难</option>/n                    <option value=/'特殊困难/'>特殊困难</option>/n                    <option value=/'不困难/'>不困难</option>/n                  </select>/n                </div>/n              </div>/n              <div class=/'layui-inline/'>/n                <button class=/'layui-btn/' id=/'queryBtn2/'>查询</button>/n              </div>/n              <div class=/'layui-inline/'>/n                <button class=/'layui-btn/' id=/'addBtn/' lay-event=/'add/'>添加批次</button>/n              </div>/n            </div>/n          </div>/n          <!--这就是表格-->/n          <div class=/'layui-fluid/' id=/'LAY-component-grid-speed-dial/'>/n            <div class=/'layui-row layui-col-space1/'>/n              <div id=/'grid-container/' class=/'layui-container/'></div>/n            </div>/n          </div>/n          <div id=/'demo-laypage-all/'></div>/n        </div>/n      </div>/n    </div>/n  </div>/n</div>/n/n<script src=/'/layuiadmin/layui/layui.js/'></script>/n<script>/n  layui.config({/n    base: '/layuiadmin/' //静态资源所在路径/n  }).extend({/n    index: 'lib/index' //主入口模块/n  }).use(['index', 'table', 'form','laydate','laypage','element','grid'], function(){/n    var admin = layui.admin,/n            $ = layui.$,/n            form = layui.form/n            ,table = layui.table,/n            admin = layui.admin,/n            grid = layui.grid,/n            laypage = layui.laypage,/n            element = layui.element;/n/n    element.render('breadcrumb', 'breadcrumb');/n/n    //监听窗口尺寸改变事件，控制宽度相同/n    admin.resize(function(){/n      var cardBody = $('#LAY-component-grid-speed-dial .layui-card-body');/n      cardBody.height(cardBody.width())/n    });/n/n    $.ajax({/n      url: '/product/proList2',/n      type: 'post',/n      dataType: 'json',/n      success: function(data){/n        // 动态生成html代码/n        var html = '';/n        for(var i = 0; i < data.length; i++){/n          var item = data[i];/n          html += '<div class=/'layui-col-md4/'>';/n          html += '<div class=/'layui-card/'>';/n          html += '<div class=/'layui-card-header/'>' + item.gender + '</div>'; // 商品标题/n          html += '<div class=/'layui-card-body/'>';/n          html += '<img src=/'' + item.path + '/' class=/'layui-col-md6/'>'; // 商品图片/n          html += '<div class=/'layui-col-md6/'>';/n          html += '<p>' + item.productNumber + '</p>'; // 商品简介/n          html += '</div>';/n          html += '</div>';/n          html += '</div>';/n          html += '</div>';/n        }/n/n        // 将生成的html代码添加到grid布局的容器中/n        $('#grid-container').html(html);/n        /n        // 渲染动态生成的html代码/n        form.render();/n      }/n    });/n/n    // 初始化grid布局/n    grid.init(options);/n/n    laypage.render({/n      elem: 'demo-laypage-all', // 元素 id/n      count: 100,/n      layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip'], // 功能布局/n      jump: function(obj){/n        obj.href(/'//')/n      }/n    });/n/n    // 查询/n    $(/'#queryBtn2/').click(function () {/n      console.info($(/'#queryLeavel/').val())/n      table.reload('test-table-toolbar', {/n        url: '/batchSetting/listBatch'/n        ,where: {/n          name: $(/'#queryName/').val(),/n          difficultyLevel: $(/'#queryLeavel/').val()/n        } //设定异步数据接口的额外参数/n      });/n/n    })/n/n    $(/'#dell/').click(function () {/n      layui.alert(/'$/{message}/')/n    })/n    // 点击编辑/n    function editEvent(data) {/n      // 给弹框内容赋值/n      $(/'#editId/').val(data.id)/n      $(/'#editBatchName/').val(data.name)/n      var appliTime1 = data.applicationStartDate;/n      var appliTime2 = data.applicationEndDate;/n      var appliTime = appliTime1.concat(/' - /', appliTime2);/n      var regTime1 = data.registerStartDate;/n      var regTime2 = data.registerEndDate;/n      var regTime = regTime1.concat(/' - /', regTime2);/n      $(/'#test-laydate-range-date3/').val(appliTime)/n      $(/'#test-laydate-range-date4/').val(regTime)/n      $(/'#editLeavel/').val(data.difficultyLevel)/n/n      form.render('select');/n      // 打开弹框/n      layer.open({/n        type: 1,/n        area: '500px',/n        title: '编辑批次',/n        content: $(/'#editBatchDialog/')/n      })/n    }/n/n    // 点击提交-添加批次/n    $('#subBtn2').click(function () {/n      var appliTime = $(/'#test-laydate-range-date/').val().split(' - ');/n      var regTime = $(/'#test-laydate-range-date2/').val().split(' - ');/n      $.ajax({/n        type: 'post',/n        url: '/batchSetting/addBatch',/n        data: {/n          name:  $(/'#addBatchName/').val(),/n          applicationStartDate:appliTime[0],/n          applicationEndDate: appliTime[1],/n          registerStartDate: regTime[0],/n          registerEndDate: regTime[1],/n          difficultyLevel: $(/'#addleavel/').val(),/n        },/n        success: function (res) {/n          if(res.data == true){/n            layer.msg('编辑成功', {/n              icon: 1,/n              time: 1500/n            }, function () {/n              // 重新刷新表格/n              table.reload('test-table-toolbar', {/n                url: '/batchSetting/listBatch'/n                ,where: {} //设定异步数据接口的额外参数/n              });/n              // 关闭弹框/n              layer.closeAll()/n            });/n          }/n        }/n      })/n    })/n/n    // 点击提交-修改批次/n    $('#subBtn3').click(function () {/n      var appliTime02 = $(/'#test-laydate-range-date3/').val().split(' - ');/n      var regTime02 = $(/'#test-laydate-range-date4/').val().split(' - ');/n      $.ajax({/n        type: 'post',/n        url: '/batchSetting/update',/n        data: {/n          id: $(/'#editId/').val(),/n          name:  $(/'#editBatchName/').val(),/n          applicationStartDate:appliTime02[0],/n          applicationEndDate: appliTime02[1],/n          registerStartDate: regTime02[0],/n          registerEndDate: regTime02[1],/n          difficultyLevel: $(/'#editLeavel/').val(),/n        },/n        success: function (res) {/n          if(res.data == true){/n            layer.msg('编辑成功', {/n              icon: 1,/n              time: 1500/n            }, function () {/n              // 重新刷新表格/n              table.reload('test-table-toolbar', {/n                url: '/batchSetting/listBatch'/n                ,where: {} //设定异步数据接口的额外参数/n              });/n              // 关闭弹框/n              layer.closeAll()/n            });/n          }/n        }/n      })/n    })/n/n    // 点击取消/n    $(/'#cancelBtn/').click(function () {/n      layer.closeAll()/n    })/n  });/n</script>/n</body>/n</html>