xzzn/SIPAIIS_WMS_JSSW
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

登录页UI、主页UI

Browse Source
This commit is contained in:
Rue Ji
2026-02-08 01:02:58 +08:00
parent 580606c267
commit fcf08b8b69
8 changed files with 151 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

130
src/main/webapp/jsp/safety/SafetyJobInsideEdit.jsp
View File

@ -1,143 +1,144 @@
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" pageEncoding="utf-8" %>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<style type="text/css">
/* 覆盖Bootstrap Modal样式以匹配APP风格 */
.modal-dialog {
width: 46%;
#subModal .modal-dialog {
width: 900px; /* 加宽弹窗 */
margin: 30px auto;
}
@media (max-width: 768px) {
.modal-dialog {
@media (max-width: 992px) {
#subModal .modal-dialog {
width: 94%;
margin: 10px auto;
}
}
.modal-content {
border-radius: 16px;
#subModal .modal-content {
border-radius: 12px;
border: none;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
overflow: hidden;
font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
}
.modal-header {
#subModal .modal-header {
/* 截图中的蓝绿渐变背景 */
background: linear-gradient(135deg, #4CD964 0%, #20E2D7 50%, #12B7F5 100%);
color: white;
padding: 20px 25px;
padding: 15px 25px;
border-bottom: none;
}
.modal-title {
#subModal .modal-title {
font-weight: 600;
font-size: 18px;
letter-spacing: 1px;
}
.close {
#subModal .close {
color: white;
opacity: 0.8;
text-shadow: none;
font-size: 28px;
margin-top: -5px;
margin-top: -2px;
}
.close:hover {
#subModal .close:hover {
color: #fff;
opacity: 1;
}
.modal-body {
#subModal .modal-body {
padding: 25px 30px;
background-color: #f9fbfd; /* 极淡的背景色 */
max-height: 70vh; /* 限制高度 */
overflow-y: auto; /* 允许滚动 */
}
/* 表单样式优化 */
.form-horizontal {
#subModal .form-horizontal {
padding-top: 10px;
}
.form-group {
#subModal .form-group {
margin-bottom: 20px;
}
.form-group label {
#subModal .form-group label {
font-weight: 500;
color: #555;
font-size: 14px;
padding-top: 10px !important; /* 垂直居中 */
text-align: right;
}
.form-control {
border-radius: 8px;
#subModal .form-control {
border-radius: 6px;
border: 1px solid #e0e0e0;
box-shadow: none;
height: 40px;
height: 38px;
background-color: #fff;
transition: all 0.3s;
}
.form-control:focus {
#subModal .form-control:focus {
border-color: #20E2D7;
box-shadow: 0 0 0 3px rgba(32, 226, 215, 0.1);
background-color: #fff;
}
/* 只读输入框样式 */
.form-control[readonly] {
#subModal .form-control[readonly] {
background-color: #f5f7fa;
color: #777;
cursor: pointer; /* 如果有点击事件 */
}
/* Select2 样式覆盖 */
.select2-container .select2-selection--single {
height: 40px !important;
#subModal .select2-container .select2-selection--single {
height: 38px !important;
border: 1px solid #e0e0e0 !important;
border-radius: 8px !important;
line-height: 40px !important;
border-radius: 6px !important;
line-height: 38px !important;
outline: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 40px !important;
#subModal .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 38px !important;
color: #555;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 38px !important;
#subModal .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 36px !important;
right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
#subModal .select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e3f2fd;
border: 1px solid #bbdefb;
color: #1e88e5;
border-radius: 4px;
margin-top: 7px;
margin-top: 6px;
}
.select2-container .select2-selection--multiple {
min-height: 40px !important;
#subModal .select2-container .select2-selection--multiple {
min-height: 38px !important;
border: 1px solid #e0e0e0 !important;
border-radius: 8px !important;
border-radius: 6px !important;
}
/* 底部按钮区 */
.modal-footer {
border-top: none;
padding: 20px 30px 30px;
background-color: #f9fbfd;
#subModal .modal-footer {
border-top: 1px solid #eee;
padding: 15px 30px;
background-color: #fff;
text-align: right;
}
.btn {
border-radius: 25px; /* 圆角胶囊按钮 */
padding: 8px 30px;
#subModal .btn {
border-radius: 20px; /* 圆角胶囊按钮 */
padding: 6px 25px;
font-size: 14px;
border: none;
font-weight: 500;
@ -145,47 +146,48 @@ PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD
transition: transform 0.2s, box-shadow 0.2s;
}
.btn:active {
#subModal .btn:active {
transform: scale(0.98);
}
.btn-default {
#subModal .btn-default {
background-color: #edf2f7;
color: #666;
}
.btn-default:hover {
#subModal .btn-default:hover {
background-color: #e2e8f0;
}
.btn-primary {
#subModal .btn-primary {
/* 按钮也使用渐变 */
background: linear-gradient(90deg, #20E2D7 0%, #12B7F5 100%);
color: white;
box-shadow: 0 4px 12px rgba(18, 183, 245, 0.3);
}
.btn-primary:hover {
#subModal .btn-primary:hover {
background: linear-gradient(90deg, #1CD1C7 0%, #10A6DF 100%);
box-shadow: 0 6px 15px rgba(18, 183, 245, 0.4);
color: white;
}
/* 日期选择器图标 */
.input-group-addon {
#subModal .input-group-addon {
background-color: #fff;
border: 1px solid #e0e0e0;
border-left: none;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
color: #12B7F5;
}
.input-group .form-control {
#subModal .input-group .form-control {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
/* 其他 */
.right {
margin-left: 50px;
@ -248,8 +250,21 @@ PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD
var fileinput = function () {
$('#file').click();
};
var filedel = function () {
$('#fileName').val('');
var filedel = function (id) {
if (id) {
$.post(ext.contextPath + '/safety/SafetyFiles/delete.do', {
fileId: id
}, function (data) {
if (data.code == 1) {
showAlert('s', '文件删除成功！');
initFileList();
} else {
showAlert('d', '删除失败');
}
}, 'json');
} else {
$('#fileName').val('');
}
};
var fileSelected = function () {
var filename = $('#file').val();
@ -590,14 +605,14 @@ PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD
</div>
<div class="form-group">
<label class="col-sm-2 control-label ">*作业内容</label>
<div class="col-sm-4">
<div class="col-sm-10">
<input type="text" class="form-control" id="jobContent" name="jobContent"
value="${bean.jobContent}">
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label ">*主管部门意见</label>
<div class="col-sm-4">
<div class="col-sm-10">
<input type="text" class="form-control" id="competentAdvice" name="competentAdvice"
placeholder="请选择.."
value="${bean.competentAdvice}">
@ -628,7 +643,8 @@ PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD
value="${bean.copyUserId}">
</div>
</div>
<div class="form-group" style="margin-left: 19px">
<div class="form-group">
<label class="col-sm-2 control-label">附件</label>
<div class="col-sm-10" id="fileList"></div>
</div>