From 8a2733f19643f6c2b60d653df62b4910daec48cd Mon Sep 17 00:00:00 2001
From: 1 <1>
Date: 星期二, 30 十二月 2025 14:32:53 +0800
Subject: [PATCH] #快速查看码垛数量页面优化
---
src/main/webapp/views/index.html | 216 ++++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 211 insertions(+), 5 deletions(-)
diff --git a/src/main/webapp/views/index.html b/src/main/webapp/views/index.html
index 2c67e3e..a1001f4 100644
--- a/src/main/webapp/views/index.html
+++ b/src/main/webapp/views/index.html
@@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8">
- <title>閫熻吘 - 鑷姩鍖栫珛浣撲粨搴� - AS / RS</title>
+ <title>涓壃 - 鑷姩鍖栫珛浣撲粨搴� - AS / RS</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
@@ -10,6 +10,8 @@
<link rel="stylesheet" href="../static/layui/css/layui.css" media="all">
<link rel="stylesheet" href="../static/css/admin.css?v=318" media="all">
<link rel="stylesheet" href="../static/css/loader.css" media="all">
+<!-- <link rel="stylesheet" href="../static/css/layx.min.css" type="text/css"/>-->
+<!-- <script src="../static/js/tools/layx.min.js"></script>-->
<style>
.layui-logo img {
width: 25px;
@@ -19,6 +21,54 @@
font-weight: 400;
/*margin-left: 5px;*/
}
+
+ /* 寮圭獥鏍峰紡 */
+ .popup {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(0, 0, 0, 0.5);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ z-index: 9999;
+ }
+
+ .popup-content {
+ background-color: #fff;
+ padding: 20px;
+ border-radius: 5px;
+ box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
+ text-align: center;
+ }
+
+ button:hover {
+ background-color: #0069d9;
+ }
+
+ /* AI鍔╂墜鎶藉眽鍔ㄧ敾 */
+ @keyframes slideInRight {
+ from { transform: translate3d(100%, 0, 0); opacity: 0; }
+ to { transform: translate3d(0, 0, 0); opacity: 1; }
+ }
+
+ @keyframes slideOutRight {
+ from { transform: translate3d(0, 0, 0); opacity: 1; }
+ to { transform: translate3d(100%, 0, 0); opacity: 0; }
+ }
+
+ .ai-drawer-layer {
+ box-shadow: -8px 0 24px rgba(0, 0, 0, 0.15) !important;
+ border-radius: 8px 0 0 8px !important;
+ overflow: hidden;
+ animation: slideInRight 0.5s cubic-bezier(0.16, 1, 0.3, 1);
+ }
+
+ .ai-drawer-layer-close {
+ animation: slideOutRight 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
+ }
</style>
</head>
<body class="layui-layout-body">
@@ -26,7 +76,7 @@
<!-- 澶撮儴 -->
<div class="layui-header">
<div class="layui-logo">
- <img src="../static/image/logo.png" style="display: inline-block; width: 60%;height: auto">
+ <img src="../static/image/zy_logo_dark_color.png" style="display: inline-block; width: 40%;height: auto">
<!-- <span style="margin-top: 0; letter-spacing: 10px">涓壃绔嬪簱</span>-->
<!-- <img src="../static/image/logo.svg"/>-->
<!-- <cite>涓壃 - Zoneyung</cite>-->
@@ -41,8 +91,8 @@
</li>
</ul>
<ul class="layui-nav layui-layout-right">
- <li class="layui-nav-item" lay-unselect>
- <a ew-event="note" title="渚跨"><i class="layui-icon layui-icon-note"></i></a>
+ <li class="layui-nav-item" lay-unselect id="licenseShow" style="display: none;user-select: none;">
+ <div style="color: red;">涓存椂璁稿彲璇佹湁鏁堟湡锛�<span id="licenseDays">29</span>澶�</div>
</li>
<li class="layui-nav-item layui-hide-xs" lay-unselect>
<a ew-event="fullScreen" title="鍏ㄥ睆"><i class="layui-icon layui-icon-screen-full"></i></a>
@@ -75,24 +125,97 @@
<div class="layui-body"></div>
<!-- 搴曢儴 -->
<div class="layui-footer layui-text">
- copyright 漏 2022 <a href="http://www.zoneyung.com" target="_blank">娴欐睙閫熻吘鐢靛瓙鏈夐檺鍏徃</a> all rights reserved.
+ copyright 漏 2022 <a href="https://www.superton.cn/" target="_blank">娴欐睙涓壃绔嬪簱鏈夐檺鍏徃</a> all rights reserved.
<span class="pull-right">Version 1.0.0</span>
</div>
+</div>
+
+<!-- 鍙充笅瑙扴VG鍔ㄧ敾 -->
+<div id="ai-assistant-btn" style="position: fixed; bottom: 40px; right: 20px; z-index: 9999; cursor: pointer;">
</div>
<!--鍒濆鍖栧姞杞藉眰-->
<div class="layuimini-loader">
<div class="layuimini-loader-inner"></div>
</div>
+<!-- 寮圭獥鍐呭 -->
+<div class="popup" id="popup">
+ <div class="popup-content">
+ <h2 style="font-size: 28px;margin-bottom: 10px;">璁稿彲璇佸嵆灏嗚繃鏈�</h2>
+ <div id="popup-text" style="font-size: 28px;color: red"></div>
+<!-- <p style="font-size: 26px;margin-bottom: 20px;margin-top: 20px;color: blue">璇疯仈绯荤珛搴撳叕鍙稿晢鍔＄画绾�!!!</p>-->
+ <button style="background-color: #007bff;color: #fff;border: none;padding: 10px 20px;border-radius: 5px;cursor: pointer;font-size: 16px;"
+ onclick="hidePopup()">鍏抽棴
+ </button>
+ </div>
+</div>
+
+<script>
+ // 鏄剧ず寮圭獥
+ function showPopup(res) {
+ document.getElementById('popup').style.display = 'block';
+ // 鑾峰彇寮瑰嚭绐楀彛鍐呭鐨勫鍣ㄥ厓绱�
+ var popupText = document.getElementById('popup-text');
+ // 鍋囪鍚庡彴杩斿洖鐨勫瓧绗︿覆涓� responseString
+ if (res != "") {
+ var responseString = "璁稿彲璇佸嵆灏嗚繃鏈燂紝鍓╀綑鏈夋晥鏈�:" + res + "澶╋紒";
+ // 灏嗗瓧绗︿覆璁剧疆涓哄脊绐楀唴瀹圭殑鏂囨湰
+ popupText.textContent = responseString;
+ //鍏抽棴璁惧
+ // document.getElementById('popup').style.display = 'none';
+ } else {
+ document.getElementById('popup').style.display = 'none';
+ }
+
+ }
+
+ // 闅愯棌寮圭獥
+ function hidePopup() {
+ document.getElementById('popup').style.display = 'none';
+ }
+</script>
<script type="text/javascript" src="../static/js/jquery/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="../static/layui/layui.js"></script>
<script type="text/javascript" src="../static/js/handlebars/handlebars-v4.5.3.js"></script>
<script type="text/javascript" src="../static/js/common.js"></script>
<script>
+ f()
+
+ function f() {
+ $.ajax({
+ url: baseUrl + "/license/getLicenseDays",
+ headers: {'token': localStorage.getItem('token')},
+ method: 'POST',
+ success: function (res) {
+ if (res.code == 200) {
+ let days = res.data
+ if (days <= 30) {
+ showPopup(res.data)
+ } else {
+ showPopup("");
+ }
+ }
+ }
+ });
+ // setTimeout(function () {
+ // f()
+ // },3000);
+ }
+</script>
+<script>
console.log('%c 涓壃绔嬪簱骞冲彴 %c 1.0.0','background-color:rgb(53,73,94);color: #fff;border-radius:2px 0 0 2px;padding:2px 4px;','background-color:rgb(25,190,107);color: #fff;border-radius:0 2px 2px 0;padding:2px 4px;font: 9pt "Apercu Regular", Georgia, "Times New Roman", Times, serif;');
$(function () {
+ if ("" === localStorage.getItem('token')) {
+ top.location.href = baseUrl + "/login";
+ }
+ });
+
+ $(function () {
+ // 娉ㄥ叆AI鍔╂墜鍥炬爣
+ $('#ai-assistant-btn').html(getAiIconHtml(60, 60));
+
if ("" === localStorage.getItem('token')) {
top.location.href = baseUrl + "/login";
}
@@ -140,6 +263,23 @@
}
});
+ $.ajax({
+ url: baseUrl + "/license/getLicenseDays",
+ headers: {'token': localStorage.getItem('token')},
+ method: 'POST',
+ success: function (res) {
+ if (res.code == 200) {
+ let days = res.data
+ if (days <= 30) {
+ $("#licenseShow").show()
+ $("#licenseDays").html(days)
+ }
+ }else {
+ top.location.href = baseUrl + "/login";
+ }
+ }
+ });
+
// 榛樿鍔犺浇涓婚〉
index.loadHome({
menuPath: baseUrl+'/views/home/navigation.html',
@@ -160,6 +300,72 @@
var url = logout.getAttribute('href');
logout.setAttribute('href', baseUrl + "/login");
+ // AI鍔╂墜寮圭獥绱㈠紩
+ var aiLayerIndex = null;
+
+ // AI鍔╂墜鍥炬爣鎮诞鎻愮ず
+ $('#ai-assistant-btn').on('mouseenter', function(){
+ this.index = layer.tips('AI鍔╂墜', this, {
+ tips: [1, '#333'], // 涓婃柟鏄剧ず锛屾繁鑹茶儗鏅�
+ time: -1 // 涓嶈嚜鍔ㄥ叧闂�
+ });
+ }).on('mouseleave', function(){
+ layer.close(this.index);
+ }).on('click', function () {
+ // 濡傛灉宸茬粡鎵撳紑杩囦笖鏈攢姣侊紝鐩存帴鏄剧ず
+ if (aiLayerIndex !== null && $('#layui-layer' + aiLayerIndex).length > 0) {
+ var $layero = $('#layui-layer' + aiLayerIndex);
+ var $shade = $('#layui-layer-shade' + aiLayerIndex);
+
+ // 鏄剧ず骞堕噸缃姸鎬�
+ $shade.show().css('opacity', 0.1);
+ $layero.show();
+
+ // 閲嶆柊瑙﹀彂杩涘叆鍔ㄧ敾
+ $layero.removeClass('ai-drawer-layer-close');
+ $layero.removeClass('ai-drawer-layer');
+ void $layero.get(0).offsetWidth; // 瑙﹀彂閲嶇粯
+ $layero.addClass('ai-drawer-layer');
+ return;
+ }
+
+ layer.open({
+ type: 2,
+ title: false, // 闅愯棌榛樿鏍囬鏍忥紝鏇寸畝娲�
+ closeBtn: 0, // 闅愯棌鍏抽棴鎸夐挳锛岀偣鍑婚伄缃╁叧闂�
+ shadeClose: false, // 鏀逛负鎵嬪姩鎺у埗鍏抽棴锛屼互渚挎挱鏀惧姩鐢�
+ shade: 0.1,
+ area: ['600px', '100%'],
+ offset: 'r', // 鍙充晶鎮诞
+ anim: -1, // 绂佺敤榛樿鍔ㄧ敾锛屼娇鐢–SS鍔ㄧ敾
+ isOutAnim: false,
+ skin: 'ai-drawer-layer', // 鑷畾涔夌毊鑲�
+ content: 'ai/diagnosis.html',
+ success: function(layero, index){
+ aiLayerIndex = index; // 璁板綍绱㈠紩
+
+ // 鑳屾櫙妯＄硦鏁堟灉
+ var shadeId = layero.attr('id').replace('layui-layer', 'layui-layer-shade');
+ var $shade = $('#' + shadeId);
+ $shade.css({
+ 'backdrop-filter': 'blur(3px)',
+ 'transition': 'opacity 0.8s'
+ });
+
+ // 鐐瑰嚮閬僵鍏抽棴锛堝甫鍔ㄧ敾锛�
+ $shade.on('click', function() {
+ layero.addClass('ai-drawer-layer-close');
+ $shade.css('opacity', 0);
+ setTimeout(function(){
+ // layer.close(index); // 涓嶉攢姣侊紝鏀逛负闅愯棌
+ layero.hide();
+ $shade.hide();
+ }, 400);
+ });
+ }
+ });
+ });
+
});
</script>
<script type="text/html" id="menuTpl">
--
Gitblit v1.9.1