pcjs8mx7g
/
warehouse
1
0
Fork 0
Code Issues Pull Requests 2 Packages Projects Releases Wiki Activity

12/17

Browse Source
liaobiaojie_branch
STAR 9 months ago
parent b50f045dac
commit fb1f0a1dd3
1 changed files with 39 additions and 44 deletions
Show Stats Download Patch File Download Diff File

83
src/main/resources/templates/business/goods/goodsManager.html
Unescape View File

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

Write Preview
Loading…
Cancel
Save