|
|
|
@ -1,106 +1,111 @@
|
|
|
|
|
<!DOCTYPE html> <!-- 声明文档类型为HTML5 -->
|
|
|
|
|
<html xmlns:th="http://www.thymeleaf.org"
|
|
|
|
|
xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"> <!-- 引入thymeleaf和shiro命名空间 -->
|
|
|
|
|
xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"> <!-- 引入thymeleaf和shiro的命名空间,分别用于模板渲染和权限控制 -->
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8"> <!-- 设置网页编码为UTF-8,支持中文显示 -->
|
|
|
|
|
<title>Right</title> <!-- 网页标题 -->
|
|
|
|
|
<meta name="renderer" content="webkit"> <!-- 强制使用webkit渲染引擎 -->
|
|
|
|
|
<title>Right</title> <!-- 网页标题设置为"Right" -->
|
|
|
|
|
<meta name="renderer" content="webkit"> <!-- 强制使用webkit渲染引擎渲染页面 -->
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <!-- 强制IE使用最新渲染模式 -->
|
|
|
|
|
<meta http-equiv="Access-Control-Allow-Origin" content="*"> <!-- 设置跨域访问,允许所有来源访问 -->
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <!-- 设置视口属性,支持移动设备响应式布局 -->
|
|
|
|
|
<meta http-equiv="Access-Control-Allow-Origin" content="*"> <!-- 允许跨域访问,*表示所有来源均可访问 -->
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <!-- 设置视口参数,使页面在移动设备上也能正确显示 -->
|
|
|
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black"> <!-- 设置苹果移动应用的状态栏样式为黑色 -->
|
|
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes"> <!-- 让网页支持苹果全屏WebApp模式 -->
|
|
|
|
|
<meta name="format-detection" content="telephone=no"> <!-- 禁用自动识别电话号码功能 -->
|
|
|
|
|
<link rel="icon" href="/resources/favicon.ico"> <!-- 设置网站图标 -->
|
|
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes"> <!-- 支持iOS设备的全屏WebApp模式 -->
|
|
|
|
|
<meta name="format-detection" content="telephone=no"> <!-- 禁止自动识别页面中的电话号码 -->
|
|
|
|
|
<link rel="icon" href="/resources/favicon.ico"> <!-- 设置网站的图标 -->
|
|
|
|
|
|
|
|
|
|
<!-- 引入layui的CSS样式文件 -->
|
|
|
|
|
<!-- 引入layui框架CSS文件 -->
|
|
|
|
|
<link rel="stylesheet" href="resources/layui/css/layui.css" th:href="@{/resources/layui/css/layui.css}" media="all"/>
|
|
|
|
|
|
|
|
|
|
<!-- 引入公共CSS样式 -->
|
|
|
|
|
<!-- 引入自定义公共样式CSS文件 -->
|
|
|
|
|
<link rel="stylesheet" th:href="@{/resources/css/public.css}" media="all"/>
|
|
|
|
|
|
|
|
|
|
<!-- 引入树形下拉菜单的样式 -->
|
|
|
|
|
<!-- 引入树形菜单的样式文件 -->
|
|
|
|
|
<link rel="stylesheet" th:href="@{/resources/layui_ext/dtree/dtree.css}" media="all"/>
|
|
|
|
|
|
|
|
|
|
<!-- 引入字体样式 -->
|
|
|
|
|
<!-- 引入树形菜单字体样式 -->
|
|
|
|
|
<link rel="stylesheet" th:href="@{/resources/layui_ext/dtree/font/dtreefont.css}" media="all"/>
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
/* 设置搜索框的样式 */
|
|
|
|
|
/* 定义搜索框样式,使其有圆角和统一高度 */
|
|
|
|
|
input#search_provideridTree_select_input_id,
|
|
|
|
|
input#provideridTree_select_input_id,
|
|
|
|
|
input#leaderprovideridTree_select_input_id,
|
|
|
|
|
input.layui-input.layui-unselect {
|
|
|
|
|
border-radius: 10px; /* 圆角 */
|
|
|
|
|
height: 30px; /* 高度为30px */
|
|
|
|
|
margin-top: 4px; /* 上边距为4px */
|
|
|
|
|
border-radius: 10px; /* 设置圆角为10px */
|
|
|
|
|
height: 30px; /* 设置输入框高度为30px */
|
|
|
|
|
margin-top: 4px; /* 设置输入框的上边距为4px */
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<!-- 搜索条件区域 -->
|
|
|
|
|
<!-- 搜索条件部分区域,用于展示搜索条件表单的标题 -->
|
|
|
|
|
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 15px;">
|
|
|
|
|
<legend>搜索条件</legend> <!-- 标题为“搜索条件” -->
|
|
|
|
|
<legend>搜索条件</legend> <!-- 标题内容为“搜索条件” -->
|
|
|
|
|
</fieldset>
|
|
|
|
|
|
|
|
|
|
<!-- 表单区域,提交搜索 -->
|
|
|
|
|
<!-- 搜索表单区域,用户可以通过此表单提交搜索条件 -->
|
|
|
|
|
<form action="" method="post" id="searchFrm" lay-filter="searchFrm" class="layui-form">
|
|
|
|
|
<div class="layui-form-item">
|
|
|
|
|
<!-- 添加供应商下拉框输入项 -->
|
|
|
|
|
<div class="layui-inline">
|
|
|
|
|
<label class="layui-form-label">供应商</label>
|
|
|
|
|
<div class="layui-input-inline">
|
|
|
|
|
<!-- 供应商下拉框 -->
|
|
|
|
|
<select name="providerid" id="select_providerid">
|
|
|
|
|
<option value="0">请选择供应商</option>
|
|
|
|
|
<option value="0">请选择供应商</option> <!-- 下拉菜单的默认选项 -->
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 添加商品名称输入框 -->
|
|
|
|
|
<div class="layui-inline">
|
|
|
|
|
<label class="layui-form-label">商品名称</label>
|
|
|
|
|
<div class="layui-input-inline">
|
|
|
|
|
<!-- 商品名称输入框 -->
|
|
|
|
|
<input type="text" name="goodsname" id="goodsname" class="layui-input input-radius"
|
|
|
|
|
placeholder="请输入商品名称">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 添加生产批号输入框 -->
|
|
|
|
|
<div class="layui-inline">
|
|
|
|
|
<label class="layui-form-label">生产批号</label>
|
|
|
|
|
<div class="layui-input-inline">
|
|
|
|
|
<!-- 生产批号输入框 -->
|
|
|
|
|
<input type="text" name="productcode" id="productcode" class="layui-input input-radius" placeholder="请输入生产批号">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 添加批准文号输入框 -->
|
|
|
|
|
<div class="layui-inline">
|
|
|
|
|
<label class="layui-form-label">批准文号</label>
|
|
|
|
|
<div class="layui-input-inline">
|
|
|
|
|
<!-- 批准文号输入框 -->
|
|
|
|
|
<input type="text" name="promitcode" id="promitcode" class="layui-input input-radius" placeholder="请输入批准文号">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
|
|
<!-- 添加商品描述输入框 -->
|
|
|
|
|
<div class="layui-inline">
|
|
|
|
|
<label class="layui-form-label">商品描述</label>
|
|
|
|
|
<div class="layui-input-inline">
|
|
|
|
|
<!-- 商品描述输入框 -->
|
|
|
|
|
<input type="text" name="description" id="description" class="layui-input input-radius"
|
|
|
|
|
placeholder="请输入商品描述">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 添加商品规格输入框 -->
|
|
|
|
|
<div class="layui-inline">
|
|
|
|
|
<label class="layui-form-label">商品规格</label>
|
|
|
|
|
<div class="layui-input-inline">
|
|
|
|
|
<!-- 商品规格输入框 -->
|
|
|
|
|
<input type="text" name="size" id="size" class="layui-input input-radius" placeholder="请输入商品规格">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 查询按钮和重置按钮区域 -->
|
|
|
|
|
<div class="layui-inline" style="padding-left: 3%">
|
|
|
|
|
<!-- 查询按钮 -->
|
|
|
|
|
<button type="button" class="layui-btn layui-btn-sm layui-btn-radius" lay-submit="" lay-filter="doSearch">
|
|
|
|
|
<i class="layui-icon layui-icon-search layui-icon-normal"></i>查询
|
|
|
|
|
</button>
|
|
|
|
|
<!-- 重置按钮 -->
|
|
|
|
|
<button type="reset" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-warm">
|
|
|
|
|
<i class="layui-icon layui-icon-refresh"></i><span>重置</span>
|
|
|
|
|
</button>
|
|
|
|
@ -110,30 +115,20 @@
|
|
|
|
|
|
|
|
|
|
<!-- 数据展示区域 -->
|
|
|
|
|
<div>
|
|
|
|
|
<table class="layui-hide" id="goodsTable" lay-filter="goodsTable"></table> <!-- 数据表格 -->
|
|
|
|
|
<table class="layui-hide" id="goodsTable" lay-filter="goodsTable"></table> <!-- 数据表格区域 -->
|
|
|
|
|
|
|
|
|
|
<!-- 工具栏按钮 -->
|
|
|
|
|
<!-- 工具栏按钮区域,仅有添加按钮 -->
|
|
|
|
|
<div id="goodsToolBar" style="display: none">
|
|
|
|
|
<button type="button" lay-event="add" shiro:hasPermission="goods:create" class="layui-btn layui-btn-sm layui-btn-normal layui-btn-radius">
|
|
|
|
|
<i class="layui-icon layui-icon-add-1"></i>添加商品
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 行工具栏按钮区域 -->
|
|
|
|
|
<div id="goodsRowBar" style="display: none;">
|
|
|
|
|
<button type="button" lay-event="update" shiro:hasPermission="goods:update" class="layui-btn layui-btn-sm layui-btn-radius">
|
|
|
|
|
<i class="layui-icon layui-icon-edit"></i>编辑
|
|
|
|
|
</button>
|
|
|
|
|
<button type="button" lay-event="delete" shiro:hasPermission="goods:delete" class="layui-btn layui-btn-sm layui-btn-danger layui-btn-radius">
|
|
|
|
|
<i class="layui-icon layui-icon-delete"></i>删除
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript" src="/resources/layui/layui.js"></script> <!-- 引入layui核心JS文件 -->
|
|
|
|
|
<!-- 引入layui核心JS文件 -->
|
|
|
|
|
<script type="text/javascript" src="/resources/layui/layui.js"></script>
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
// 使用layui模块加载
|
|
|
|
|
layui.use(['jquery', 'form', 'layer', 'table', 'upload'], function () {
|
|
|
|
|
var $ = layui.jquery;
|
|
|
|
|
var form = layui.form;
|
|
|
|
@ -141,7 +136,7 @@
|
|
|
|
|
var table = layui.table;
|
|
|
|
|
var upload = layui.upload;
|
|
|
|
|
|
|
|
|
|
// 初始化数据表格
|
|
|
|
|
// 渲染数据表格
|
|
|
|
|
tableIns = table.render({
|
|
|
|
|
elem: "#goodsTable",
|
|
|
|
|
url: "/goods/loadAllGoods",
|
|
|
|
@ -154,7 +149,7 @@
|
|
|
|
|
]]
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// 表单提交事件
|
|
|
|
|
// 表单提交事件处理
|
|
|
|
|
form.on("submit(doSearch)", function (data) {
|
|
|
|
|
tableIns.reload({
|
|
|
|
|
where: data.field,
|
|
|
|
|