天天爽夜夜春|美女下半身无遮挡免费网站|操尻|国产精品理人伦一区二区三区|国产成人aaa

如何優(yōu)化倉庫空間利用率？企業(yè)倉庫管理的挑戰(zhàn)與創(chuàng)新思路

1個月前 (06-04)公司新聞35

倉庫空間的合理利用是企業(yè)降低成本、提高效率的重要途徑。然而，許多企業(yè)在實際操作中往往忽視了這一點，導致倉庫空間利用率低下，增加了運營成本。

造成倉庫空間利用率低的原因主要包括以下幾個方面。

首先，缺乏科學的倉儲規(guī)劃，導致貨物擺放混亂，空間浪費嚴重。

其次，庫存周轉率低，使得倉庫長期被滯銷產品占據。

此外，缺乏有效的庫存監(jiān)控機制，無法及時發(fā)現(xiàn)和處理庫存積壓問題。

為了優(yōu)化倉庫空間利用率，企業(yè)需要采取一系列措施。

首先，進行科學的倉儲規(guī)劃，合理布局貨架和通道，最大限度地利用垂直空間。

其次，定期清理滯銷產品，保持庫存的流動性。

此外，引入先進的倉庫管理軟件，實現(xiàn)對庫存的動態(tài)監(jiān)控和智能調度。

c倉庫管理 (3)幫助企業(yè)減少人工錯誤，節(jié)省人力成本.png

象過河盤點管理系統(tǒng)在優(yōu)化倉庫空間利用率方面具有顯著優(yōu)勢。它提供了一套完整的倉儲解決方案，包括智能貨位分配、庫存周轉分析等功能。通過系統(tǒng)的實時監(jiān)控和數(shù)據分析，企業(yè)可以隨時掌握庫存狀況，合理安排貨物存放，從而最大化地利用倉庫空間，提升整體運營效率。

現(xiàn)在聯(lián)系客服申請預約演示即享：1、終身免費服務資格；2、VIP增值服務一套；3、精美單據樣式模板一套。

返回列表

上一篇：如何精準統(tǒng)計醫(yī)藥倉庫出入庫數(shù)據？用象過河就很簡單

下一篇：醫(yī)療器械倉庫管理如何優(yōu)化GSP規(guī)范下的庫存盤點效率？

倉庫物料管理方案

倉庫物料管理方案旨在優(yōu)化庫存控制，提高物料流轉效率，以下是一套簡化的方案：物料分類與編碼：對所有物料進行分類，并為每種物料分配唯一編碼，便于快速識別和檢索。庫位規(guī)劃：根據物料特性規(guī)劃庫位，實行區(qū)域化管...

商貿倉庫管理出入庫流程的簡單高效化重塑——象過河軟件

在商貿行業(yè)，倉庫管理是連接供應鏈與市場的核心樞紐。傳統(tǒng)的出入庫管理依賴手工記錄、Excel表格或功能臃腫的復雜系統(tǒng)，不僅效率低下，還容易因人為失誤導致庫存偏差、訂單延遲等問題。而象過河倉庫管理軟件以“...

簡單好用的倉庫軟件，選擇哪個好？

市面上的倉庫軟件有很多，但是對于企業(yè)來說，應該選擇什么樣的呢？公說公有理婆說婆有理。其實對于廣大的中小微企業(yè)來說，有針對性的選擇，既可以降低開支，也可以在使用的過程中，避免很多不必要的麻煩。以象過河倉...

原材料倉庫管理怎么更省事？一款軟件解決問題

在企業(yè)運營中，原材料的管理效率直接關系到生產成本和供應鏈穩(wěn)定性。然而，許多企業(yè)因缺乏專業(yè)的管理工具，導致庫存數(shù)據混亂、出入庫流程低效，甚至因信息延遲影響生產計劃。象過河倉庫管理軟件以“輕量級”設計理念...

企業(yè)如何進行庫存統(tǒng)計？使用什么方法或者軟件更便捷？

企業(yè)進行庫存統(tǒng)計是一個復雜而細致的過程，涉及多個環(huán)節(jié)和步驟。有效的庫存統(tǒng)計不僅能夠提高企業(yè)的運營效率，還能優(yōu)化資金使用，減少庫存積壓，確保供應鏈暢通無阻。具體分析如下：1. 庫存數(shù)據收集采集庫存數(shù)據：...

庫存管理優(yōu)勢

支持多倉庫進行管理，不同的倉庫間可以進行調撥;支持簡單的組裝、拆分管理;可以定期進行庫存盤點;庫存的進出庫統(tǒng)計報表清晰、完善，查詢速度非常快;支持庫存上下限預警設置，一旦超出上下限后，將自動報警;軟件...

申請免費獲取軟件

請?zhí)顚懩碾娫捥柎a，我們將聯(lián)系您發(fā)送軟件

</form>
</div>
<script>
function ytecn_fedback_send(event){
event.preventDefault(); // 阻止默認提交
    $.ajax({
        type: "POST",
        url: "http://www.qqkjmz.com/zb_users/plugin/ytecn_fedback/send.php",
        data: $("#feedbackForm").serialize(),
        success: function(data){
        }
    });
    	const form = document.getElementById('feedbackForm');
	    thisurl = window.location.href;
		name= form.querySelector('.name').value;
		tel= form.querySelector('.phone').value;
		demand= form.querySelector('.area').value;
		
		$.ajax({
		    url:"https://sem.xgohe.com/index.php/message/addnew",
		    type:"POST",
		    data:{username:name,phone:tel,banben:demand,urlfrom:thisurl},
		    dataType:"json",
		    success:function (data1) {
		    console.log(data1)
                 alert(data1.msg);
       	        location.reload();
       	        
	      	}
    	});
        
}
</script><script src="http://www.qqkjmz.com/zb_users/plugin/ytecn_fedback/static/js/fedback.js" type="text/javascript"></script>
   
<!DOCTYPE html>
<html lang="en">
	<head>
		
		<script src="/CryptoJS/rollups/md5.js"></script>
		<style>
			/* 基礎樣式 */
			body {
				margin: 0;
				font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
				background: #f0f2f5;
			}

/* 懸浮圖標 */
			.chat-icon {
				position: fixed;
				bottom: 50%;
				right: 30px;
				/*width: 56px;*/
				/*height: 56px;*/
				/* background: #007ebf; */
				border-radius: 50%;
				cursor: pointer;
				/*box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);*/
				display: flex;
				align-items: center;
				justify-content: center;
				color: white;
				font-size: 24px;
				z-index: 9999999;
				transition: transform 0.2s, box-shadow 0.2s;
			}

/*.chat-icon:hover {*/
			/*	transform: scale(1.05);*/
			/*	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);*/
			/*}*/

/* 聊天窗口 */
			.chat-container {
				position: fixed;
				top: 200px;
				right: 30px;
				width: 400px;
				height: 600px;
				background: #f9f9f9;
				border-radius: 16px;
				/*box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);*/
				display: none;
				flex-direction: column;
				overflow: hidden;
				z-index: 99999999;
			}

/* 頭部 */
			.chat-header {
				padding: 8px 20px;
				background: linear-gradient(90deg, #FF6B6B 0%, #FF313F 100%);
				color: white;
				display: flex;
				justify-content: space-between;
				align-items: center;
				cursor: move;
				user-select: none;
			}

.chat-title {
				font-weight: 500;
				font-size: 16px;
			}

.close-btn {
				font-size: 15px;
				cursor: pointer;
				padding: 4px;
				order: 2;
			}

/* 消息區(qū)域 */
			.chat-messages {
				flex: 1;
				padding: 16px;
				overflow-y: auto;
				background: #f9f9f9;
				height: 450px;
			}

/* 消息氣泡 */
			.message {
				/* margin-bottom: 12px;
				display: flex; */
				display: flex;
				align-items: flex-end;
				margin: 12px 0;
				/* max-width: 90%; */
				flex-wrap: wrap;
    align-items: flex-end;
			}

.message.user {
				margin-left: auto;
				/* flex-direction: row-reverse; */
				justify-content: flex-end;
			}

/* 時間戳 */
			/* .timestamp {
				font-size: 12px;
				color: #666;
				margin-top: 4px;
				text-align: right;
			} */

/* 用戶時間樣式 */
			.timestamp.user-time {
				order: -1;
				margin-right: 8px;
				color: #666;
				font-size: 0.75rem;
			}
			/* AI時間樣式 */
			.timestamp.bot-time {
				margin-left: 8px;
				color: #666;
				font-size: 0.75rem;
			}

.bubble {
				/* max-width: 80%; */
				padding: 12px 16px;
				border-radius: 12px;
				line-height: 1.4;
				font-size: 14px;
				position: relative;
				animation: fadeIn 0.3s ease;
			}

.message.bot .bubble {
				background: white;
				color: #333;
				box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
			}

.message.user .bubble {
				background: #FF515D;
				color: white;
			}

/* 調整氣泡位置 */
			.message.user .bubble {
				margin-left: 0;
				margin-right: 8px;
			}

.message.bot .bubble {
				margin-left: 8px;
				margin-right: 0;
			}

/* 輸入區(qū)域 */
			.chat-input {
				padding: 16px;
				background: white;
				border-top: 1px solid #eee;
				display: flex;
				gap: 8px;
			}

.chat-input input {
				flex: 1;
				padding: 12px 16px;
				border: 1px solid #ddd;
				border-radius: 8px;
				font-size: 14px;
				outline: none;
			}

.chat-input input:focus {
				border-color: #FF515D;
				box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.2);
			}

.send-btn {
				padding: 12px 20px;
				background: #FF515D;
				color: white;
				border: none;
				border-radius: 8px;
				cursor: pointer;
				transition: background 0.2s;
			}

.send-btn:hover {
				background: #FF515D;
			}

/* 禁用狀態(tài)樣式 */
			#sendBtn.disabled {
				opacity: 0.6;
				background-color: #cccccc !important;
			}

/* 輸入框保持可用狀態(tài) */
			#userInput:disabled {
				background-color: transparent;
				opacity: 1;
			}

/* 遮罩層 */
			.chat-overlay {
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				background: rgba(0, 0, 0, 0.5);
				z-index: 999999;
				display: none;
			}

body.lock-scroll {
				overflow: hidden;
				position: fixed;
				width: 100%;
				height: 100%;
			}

/* 增加日期分隔樣式 */
			.date-separator {
				text-align: center;
				margin: 20px 0;
				position: relative;
			}

.date-separator span {
				display: inline-block;
				padding: 4px 12px;
				background: #e0e0e0;
				border-radius: 12px;
				font-size: 12px;
				color: #666;
				position: relative;
				z-index: 1;
			}

.date-separator:before {
				content: '';
				position: absolute;
				left: 0;
				right: 0;
				top: 50%;
				height: 1px;
				background: #ddd;
				transform: translateY(-50%);
			}
			.db {
				display: block !important;
			}
			.dn {
				display: none !important;
			}
			/* 添加折疊按鈕樣式 */
			.header-controls {
				display: flex;
				gap: 12px;
				align-items: center;
			}

.minimize-btn {
				cursor: pointer;
				padding: 4px;
				opacity: 0.8;
				transition: opacity 0.2s;
				font-size: 18px;
				order: 1;
			}

.minimize-btn:hover {
				opacity: 1;
			}
			/* 添加收起狀態(tài)樣式 */
			.chat-container.minimized {
				height: 50px !important;
				overflow: hidden;
			}

.chat-container.minimized .chat-messages,
			.chat-container.minimized .chat-input {
				display: none !important;
			}

.chat-container.minimized .minimize-btn::after {
				content: '+';
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translate(-50%, -50%);
			}

.chat-container.minimized .minimize-btn {
				position: relative;
			}

.chat-container.minimized .minimize-btn::after {
				content: '+';
			}

.chat-container:not(.minimized) .minimize-btn::after {
				display: none;
			}

/* 彈窗樣式 */
			.popup {
				position: fixed;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				background-color: white;
				border: 1px solid #ccc;
				border-radius: 12px;
				padding: 20px;
				box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
				z-index: 99999999;
				text-align: center;
			}

.popup-close {
				position: absolute;
				top: 10px;
				right: 10px;
				cursor: pointer;
				font-size: 18px;
			}

.popup button {
				background-color: #FF515D;
				color: white;
				border: none;
				border-radius: 23px;
				padding: 8px 36px;
				cursor: pointer;
				margin-top: 10px;
			}
			.popup img{
				width: 56px;
				height: 56px;
				margin-top: -45px;
			}
			.popup p{
				font-size: 16px;
				line-height: 26px;
				padding: 8px 40px;
			}

/* 動畫 */
			@keyframes fadeIn {
				from {
					opacity: 0;
					transform: translateY(10px);
				}
				to {
					opacity: 1;
					transform: translateY(0);
				}
			}

/* 移動端媒體查詢CSS */
			@media (max-width: 768px) {
				/* .chat-container {
					width: 100%;
					height: 100vh;
					bottom: 0;
					right: 0;
					border-radius: 0;
				} */
				.chat-container {
					width: 100%;
					height: 100% !important; /* 改為動態(tài)高度 */
					max-height: 100vh;
					bottom: 0;
					right: 0;
					border-radius: 0;
					position: fixed;
					top: 0;
					transform: translate3d(0, 0, 0); /* 啟用GPU加速 */
					/* z-index: 1000000;  */
					display: none !important;
				}

.chat-input {
					padding-bottom: max(16px, env(safe-area-inset-bottom)); /* 適配全面屏 */
				}

.chat-container.chatactive {
					display: flex;
				}

.chat-overlay.chatactive {
					display: block;
				}

.chat-messages {
					height: auto;
				}
				.chat-overlay {
					display: none !important;
				}
				.db {
					display: none !important;
				}
				.dn {
					display: block !important;
				}
				.popup p{
					font-size: 12px;
					line-height: 18px;
					padding: 8px 13px;
				}
				.popup button {
					background-color: #FF515D;
					color: white;
					border: none;
					border-radius: 23px;
					padding: 4px 25px;
					cursor: pointer;
					margin-bottom: 16px;
					font-size: 12px;
					margin-top: 0px;
				}

.popup img{
					width: 45px;
					height: 45px;
					margin-top: -25px;
				}
				.popup {
					padding: 0px;
					width: 80%;
				}
			}

.loading {
				position: relative;
				color: #666 !important;
			}
			.loading::after {
				content: '';
				display: inline-block;
				animation: dotPulse 1.4s infinite;
			}
			@keyframes dotPulse {
				0%,
				100% {
					content: '.';
				}
				33% {
					content: '..';
				}
				66% {
					content: '...';
				}
			}
			/* ------------------------------------------- */
		</style>
	</head>
	<body>
		
		<div   id="spigs9la"   class="chat-overlay" id="chatOverlay"></div>

<div   id="spigs9la"   class="chat-container" id="chatContainer">
			<div   id="spigs9la"   class="chat-header" id="chatHeader">
				<div   id="spigs9la"   class="chat-title">象過河軟件客服</div>
				<div   id="spigs9la"   class="header-controls">
					<div   id="spigs9la"   class="minimize-btn">–</div>
					<div   id="spigs9la"   class="close-btn">✗</div>
				</div>
			</div>
			<div   id="spigs9la"   class="chat-messages" id="chatMessages" style="height:450px"></div>
			<div   id="spigs9la"   class="chat-input">
				<input type="text" id="userInput" placeholder="輸入消息..." />
				<button class="send-btn" id="sendBtn">發(fā)送</button>
			</div>
		</div>

<div   id="spigs9la"   class="popup" id="welcomePopup" style="display: none;">
			<div>
				<img max-width="100%" src="/img/liaotian1.png" alt="">
			</div>
			<span id="spigs9la"    class="popup-close" id="popupClose">✕</span>
			<p>歡迎來到象過河,象過河終身免費服務！<br>歡迎咨詢在線客服！</p>
			<button id="popupButton">在線咨詢</button>
		</div>

// 狀態(tài)變量
				let conversationId = localStorage.getItem('conversationId') || ''; // 會話id
				let userReferrer = localStorage.getItem('userReferrer') || ''; //referer
				let firstMessageTime = localStorage.getItem('firstMessageTime') || null; // 新增變量：記錄第一次消息時間
				let ip = localStorage.getItem('IP') || null; // 新增變量：記錄IP第一次消息時間
				let hasUserSentMessage = false; // 是否用戶已發(fā)送消息
				let isPageRefresh = false; // 是否頁面刷新
				let isDragging = false; // 是否正在拖拽
				let isAIResponding = false; // 是否AI正在響應
				let dragOffset = { x: 0, y: 0 }; // 拖拽偏移量
				let scrollPosition = 0; // 保存滾動位置

// 元素緩存
				const $chatIcon = $('#chatIcon');
				const $chatContainer = $('#chatContainer');
				const $chatHeader = $('#chatHeader');
				const $sendBtn = $('#sendBtn');
				const $userInput = $('#userInput');
				const $chatMessages = $('#chatMessages');

// 初始化頁面刷新檢測
				try {
					const navigationEntries = performance.getEntriesByType('navigation');
					isPageRefresh = navigationEntries.length > 0 && navigationEntries[0].type === 'reload';
				} catch (e) {
					isPageRefresh = performance.navigation?.type === 1;
				}

// 初始化位置
				const savedPosition = localStorage.getItem('chatPosition');
				if (savedPosition) {
					const pos = JSON.parse(savedPosition);
					$chatContainer.css({ left: pos.x + 'px', top: pos.y + 'px' });
				}

// 事件監(jiān)聽
				$chatIcon.click(toggleChat);
				$userInput.keypress(handleInputKeypress);
				$chatHeader.mousedown(startDrag);
				$(document).mousemove(handleDrag).mouseup(endDrag);
				$('.close-btn').click(closeChat);
				$(window).resize(scrollToBottom);
				// 發(fā)送按鈕點擊事件
				$sendBtn.click(function () {
					if (!isAIResponding) {
						// 增加狀態(tài)判斷
						sendMessage();
					}
				});

// 添加折疊按鈕點擊事件
				$('.minimize-btn').click(function () {
					const $container = $('#chatContainer');
					$container.toggleClass('minimized');

// 保存折疊狀態(tài)
					localStorage.setItem('chatMinimized', $container.hasClass('minimized'));

// 如果展開時在移動端，恢復滾動鎖定
					if (!$container.hasClass('minimized')) {
						calculateMessagesHeight();
						scrollToBottom();
					}
				});
				// 初始化折疊狀態(tài)
				const isMinimized = localStorage.getItem('chatMinimized') === 'true';
				if (isMinimized) {
					$('#chatContainer').addClass('minimized');
				}

// 頁面關閉處理
				window.addEventListener('beforeunload', handlePageUnload1);

// 初始化歷史記錄
				initChatHistory();
				// initInactivityTimer();

// function toggleChat() {
				// 	$chatContainer.toggle();
				// 	if ($chatContainer.is(':visible')) {
				// 		setTimeout(calculateMessagesHeight, 50);
				// 	}
				// 	scrollToBottom();
				// }
				function toggleChat() {
					const isMobile = window.innerWidth <= 768;
					const $messages = $chatMessages[0];
					if ($chatContainer.hasClass('minimized')) {
						$chatContainer.removeClass('minimized');
					}
					if (isMobile) {
						const wasActive = $chatContainer.hasClass('chatactive');
						$('#chatOverlay').toggleClass('chatactive');
						$chatContainer.toggleClass('chatactive');

if ($chatContainer.hasClass('chatactive')) {
							// 打開彈窗時
							scrollPosition = window.pageYOffset;
							$('body')
								.addClass('lock-scroll')
								.css('top', -scrollPosition + 'px');
							document.addEventListener('touchmove', handleTouchMove, { passive: false });

// 添加打開動畫
							$chatContainer.css({
								transform: 'translateY(100%)',
								transition: 'transform 0.3s ease-out',
							});

// 強制重繪以觸發(fā)動畫
							void $chatContainer[0].offsetHeight;

$chatContainer.css('transform', 'translateY(0)');

// 動畫結束后處理滾動
							setTimeout(() => {
								calculateMessagesHeight();
								smoothScrollToBottom(800); // 800ms滾動動畫
								setupMobileViewportHandler();
							}, 300);
						} else {
							// 關閉動畫
							$chatContainer.css('transform', 'translateY(100%)');
							setTimeout(() => {
								$('body').removeClass('lock-scroll').css('top', '');
								window.scrollTo(0, scrollPosition);
								document.removeEventListener('touchmove', handleTouchMove);
								teardownMobileViewportHandler();
							}, 300);
						}
					} else {
						$chatContainer.toggle();
						if ($chatContainer.is(':visible')) {
							// 強制重繪
							void $chatContainer[0].offsetHeight;

setTimeout(() => {
								calculateMessagesHeight();
								smoothScrollToBottom(200); // 500ms滾動動畫
							}, 300);
						}
					}
				}

// 新增平滑滾動函數(shù)
				function smoothScrollToBottom(duration = 500) {
					const $messages = $chatMessages[0];
					if (!$messages) return;

const start = $messages.scrollTop;
					const distance = $messages.scrollHeight - start - $messages.clientHeight;
					let startTime = null;

function animateScroll(timestamp) {
						if (!startTime) startTime = timestamp;
						const progress = timestamp - startTime;
						const percentage = Math.min(progress / duration, 1);

$messages.scrollTop = start + distance * easeInOutQuad(percentage);

if (progress < duration) {
							requestAnimationFrame(animateScroll);
						}
					}

requestAnimationFrame(animateScroll);
				}

// 緩動函數(shù)
				function easeInOutQuad(t) {
					return t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t;
				}

function sendMessage() {
					const message = $userInput.val().trim();
					if (!message || isAIResponding) return;

// 記錄第一次消息時間
					if (!hasUserSentMessage) {
						firstMessageTime = new Date().getTime();
						localStorage.setItem('firstMessageTime', firstMessageTime);
					}

// 標記用戶已發(fā)送消息
					hasUserSentMessage = true;
					isAIResponding = true; // 標記為響應中
					addMessage(message, 'user');
					$userInput.val('');
					disableInput(true);

// 顯示加載狀態(tài)
					showLoading();

// 請求數(shù)據添加會話ID
					let requestData = {
						question: message,
					};
					if (conversationId) {
						requestData.conversation_id = conversationId;
					}
					// 調用API
					$.ajax({
						url: 'https://www.xianghaigufen.com/do/Chat',
						method: 'POST',
						data: requestData,
						timeout: 60000, // 60秒超時設置
						success: function (response) {
							removeLoading();
							try {
								const data = JSON.parse(response).data;
								console.log('data.chat', data.chat);
								if (data.chat) {
									addMessage(data.chat, 'bot');

// 更新會話ID
									if (data.conversation_id) {
										conversationId = data.conversation_id;
										localStorage.setItem('conversationId', conversationId);
									}
								}
							} catch (e) {
								addMessage('數(shù)據異常，請稍后再試', 'bot');
							}
						},
						error: function (xhr) {
							removeLoading();
							addMessage(`網絡請求異常，請稍后再試`, 'bot');
							logErrorToServer({
								errorMessage: xhr,
							});
						},
						complete: function () {
							isAIResponding = false; // 清除響應狀態(tài)
							disableInput(false);
						},
					});
				}

// 新增錯誤日志上報函數(shù)
				function logErrorToServer(errorInfo) {
					const logData = {
						...errorInfo
					};

// 調用獨立的后端錯誤日志接口
					$.ajax({
						url: 'https://www.xianghaigufen.com/do/error_write',
						method: 'POST',
						data: JSON.stringify(logData),
						timeout: 5000,
						success: function() {
							console.log('Error logged successfully');
						},
						error: function(xhr) {
							console.error('Error logging failed:', xhr.statusText);
						}
					});
				}

// 鍵盤事件處理
				function handleInputKeypress(e) {
					if (e.which === 13 && !e.shiftKey) {
						e.preventDefault();
						// 增加AI響應狀態(tài)判斷
						if (!isAIResponding) {
							sendMessage();
						}
					}
				}

// 頁面關閉瀏覽器關閉處理
				function handlePageUnload1(e) {
					submitChatHistory(); // 提交聊天記錄
				}

// 禁用發(fā)送按鈕
				function disableInput(disabled) {
					// 僅禁用發(fā)送按鈕
					$sendBtn.prop('disabled', disabled);
					// 保持輸入框始終可用
					$userInput.prop('disabled', false);

// 添加按鈕狀態(tài)樣式
					if (disabled) {
						$sendBtn.addClass('disabled').css('cursor', 'not-allowed');
					} else {
						$sendBtn.removeClass('disabled').css('cursor', 'pointer');
					}
				}

function showLoading() {
					$chatMessages.append(`
							<div   id="spigs9la"   class="message bot">
									<div   id="spigs9la"   class="bubble loading">正在輸入...</div>
							</div>
					`);
					scrollToBottom();
				}

function removeLoading() {
					$chatMessages.children().last().remove();
				}

// 修改后的 addMessage 方法（增加 skipDateCheck 參數(shù)）
				function addMessage(text, type, timestamp = null, skipDateCheck = false) {
					const messageTime = timestamp ? new Date(timestamp) : new Date();
					const currentDate = getDateString(messageTime);

// 如果不跳過日期檢查
					if (!skipDateCheck) {
						// 獲取最后一個有效元素（消息或分隔條）
						const $lastElement = $chatMessages.children(':not(.loading)').last();
						let lastDate = '';

if ($lastElement.length > 0) {
							const lastTimestamp = $lastElement.hasClass('date-separator')
								? $lastElement.data('date')
								: $lastElement.find('[data-timestamp]').data('timestamp');
							lastDate = getDateString(lastTimestamp);
						}

// 添加日期分隔條
						if (currentDate !== lastDate) {
							const dateSeparator = `
								<div   id="spigs9la"   class="date-separator" data-date="${messageTime.getTime()}">
									<span>${formatFullDate(messageTime)}</span>
								</div>
							`;
							$chatMessages.append(dateSeparator);
						}
					}

// 原有消息添加邏輯
					const timeString = messageTime.toLocaleTimeString([], {
						hour: '2-digit',
						minute: '2-digit',
					});

const saveTimestamp = messageTime.getTime();

const template =
						type === 'user'
							? `<div   id="spigs9la"   class="message ${type}">
							<div   id="spigs9la"   class="timestamp user-time" data-timestamp="${saveTimestamp}">${timeString}</div>
							<div   id="spigs9la"   class="bubble">${text}</div>
						</div>`
							: `<div   id="spigs9la"   class="message ${type}">
							<div   id="spigs9la"   class="bubble">${text}</div>
							<div   id="spigs9la"   class="timestamp bot-time" data-timestamp="${saveTimestamp}">${timeString}</div>
						</div>`;

$chatMessages.append(template);

// 保存歷史記錄時跳過日期分隔條
					if (!skipDateCheck) {
						saveHistory();
						if (type === 'user') resetInactivityTimer();
					}
					// scrollToBottom();
					// 修改為平滑滾動
					requestAnimationFrame(() => {
						if ($chatContainer.is(':visible')) {
							scrollToBottom(); // 實時消息使用原生平滑滾動
						}
					});
				}

// 新增日期處理函數(shù)
				function getDateString(timestamp) {
					const date = new Date(timestamp);
					return date.toLocaleDateString('zh-CN', {
						timeZone: 'Asia/Shanghai',
						year: 'numeric',
						month: '2-digit',
						day: '2-digit',
					});
				}
				function formatFullDate(date) {
					return date.toLocaleDateString('zh-CN', {
						timeZone: 'Asia/Shanghai',
						year: 'numeric',
						month: 'long',
						day: 'numeric',
					});
				}
				// 新增按日期分組方法
				function groupMessagesByDate(messages) {
					const groups = [];
					let currentDate = null;

messages.forEach((msg) => {
						const dateStr = getDateString(msg.timestamp);

if (dateStr !== currentDate) {
							groups.push({
								date: msg.timestamp,
								messages: [],
							});
							currentDate = dateStr;
						}

groups[groups.length - 1].messages.push(msg);
					});

return groups;
				}

function initChatHistory() {
					const history = JSON.parse(localStorage.getItem('chatHistory')) || [];
					// 從存儲恢復首次消息時間
					const savedFirstTime = localStorage.getItem('firstMessageTime');
					if (savedFirstTime) {
						firstMessageTime = parseInt(savedFirstTime);
						hasUserSentMessage = true; // 恢復用戶已發(fā)送狀態(tài)
					}
					// 從存儲恢復會話ID
					const savedConvId = localStorage.getItem('conversationId');
					if (savedConvId) {
						conversationId = savedConvId;
					}

const groupedMessages = groupMessagesByDate(history);

groupedMessages.forEach((group) => {
						// 添加日期分隔條
						$chatMessages.append(`
							<div   id="spigs9la"   class="date-separator" data-date="${group.date}">
								<span>${formatFullDate(new Date(group.date))}</span>
							</div>
						`);

// 添加該日期所有消息（跳過日期檢查）
						group.messages.forEach((msg) => {
							addMessage(msg.text, msg.type, msg.timestamp, true); // 第三個參數(shù) true 表示跳過日期檢查
						});
					});

// history.forEach((msg) => {
					// 	addMessage(msg.text, msg.type, msg.timestamp);
					// });
					hasUserSentMessage = history.some((msg) => msg.type === 'user');
					if (hasUserSentMessage) resetInactivityTimer();

if (history.length === 0) {
						addMessage(
							'您好，有什么我可以幫您的嗎？我們很樂意回答您關于產品功能或任何其他方面的問題。您方便提供一下您的電話號碼，以便我們?yōu)槟峁└敿毜男畔⒑头諉幔?,
							'bot',
							Date.now() // 初始消息使用當前時間
						);
					}

// 在加載完所有歷史消息后滾動到底部
					setTimeout(() => {
						scrollToBottom();
						// 確保在移動端正確處理
						if (window.innerWidth <= 768) {
							requestAnimationFrame(() => {
								$chatMessages.scrollTop($chatMessages[0].scrollHeight);
							});
						}
					}, 100);
				}

function saveHistory() {
					const history = getChatHistory();
					localStorage.setItem('chatHistory', JSON.stringify(history));
					localStorage.setItem('conversationId', conversationId);
					localStorage.setItem('firstMessageTime', firstMessageTime);
				}

function formatChatContent(history) {
					return history.map((msg) => ({
						content: msg.type === 'user' ? `用戶: ${msg.text}` : `AI智能客服: ${msg.text}`,
						// 如果原始記錄中沒有時間，可以使用當前時間；如果有，請?zhí)鎿Q為 msg.time
						time: convertDate(msg.timestamp),
					}));
				}

// 無活動處理
				function initInactivityTimer() {
					resetInactivityTimer();
					$userInput.on('input', resetInactivityTimer);
				}

// 計時器控制
				function resetInactivityTimer() {
					clearTimeout(inactivityTimer);
					if (hasUserSentMessage) {
						inactivityTimer = setTimeout(submitChatHistory, INACTIVITY_TIMEOUT);
					}
				}

function submitChatHistory() {
					const history = getChatHistory();
					if (history.length === 0 || !hasUserSentMessage || !firstMessageTime) return;

let time = new Date().getTime();
					const firstMd5Hash = CryptoJS.MD5(xgh + time).toString();

$.ajax({
						url: 'https://www.xianghaigufen.com/do',
						method: 'POST',
						data: {
							chat: formatChatContent(history),
							conversationId: conversationId, // 使用當前會話ID
							userReferrer: userReferrer,
							sign: firstMd5Hash,
							check: time,
							time: convertDate(firstMessageTime), // 使用第一次消息時間
							ip: ip, // 瀏覽器IP
						},
						success: () => {
							console.log('提交成功');
							// clearChatHistory(); // 重置聊天界面
						},
						error: (xhr) => console.error('提交失敗:', xhr.statusText),
					});
				}

// 轉換年月日
				function convertDate(timestamp) {
					// 創(chuàng)建 Date 對象
					const date = new Date(timestamp);
					const year = date.getFullYear();
					const month = String(date.getMonth() + 1).padStart(2, '0');
					const day = String(date.getDate()).padStart(2, '0');
					const hour = String(date.getHours()).padStart(2, '0');
					const minute = String(date.getMinutes()).padStart(2, '0');
					const second = String(date.getSeconds()).padStart(2, '0');
					return `${year}-${month}-${day} ${hour}:${minute}:${second}`;
				}

function clearChatHistory() {
					// 統(tǒng)一清除所有存儲數(shù)據
					localStorage.removeItem('conversationId');
					localStorage.removeItem('chatHistory');
					localStorage.removeItem('firstMessageTime');
					// 重置內存變量
					hasUserSentMessage = false;
					firstMessageTime = null;
					conversationId = '';
					$chatMessages.empty();
					addMessage(
						'您好，有什么我可以幫您的嗎？我們很樂意回答您關于產品功能或任何其他方面的問題。您方便提供一下您的電話號碼，以便我們?yōu)槟峁└敿毜男畔⒑头諉幔?,
						'bot',
						Date.now() // 初始消息使用當前時間
					);
				}

// 拖拽功能
				function startDrag(e) {
					isDragging = true;

// 獲取正確的文檔滾動量
					const scrollX = window.scrollX || window.pageXOffset;
					const scrollY = window.scrollY || window.pageYOffset;

// 獲取元素相對于文檔的位置
					const offset = $chatContainer.offset();

// 計算基于文檔坐標的偏移量
					dragOffset = {
						x: e.clientX + scrollX - offset.left,
						y: e.clientY + scrollY - offset.top,
					};
				}

function handleDrag(e) {
					if (window.innerWidth <= 768) return; // 在移動設備上禁用拖拽
					if (!isDragging) return;
					let newLeft = e.clientX - dragOffset.x;
					let newTop = e.clientY - dragOffset.y;

// 獲取聊天窗口的寬度和高度
					const containerWidth = $chatContainer.outerWidth();
					const containerHeight = $chatContainer.outerHeight();

// 計算視口允許的最大 left 和 top 值
					const maxLeft = $(window).width() - containerWidth;
					const maxTop = $(window).height() - containerHeight;

// 限制 newLeft 和 newTop 在 0 和最大值之間
					newLeft = Math.max(0, Math.min(newLeft, maxLeft));
					newTop = Math.max(0, Math.min(newTop, maxTop));

// $chatContainer.css({
					// 	left: newLeft,
					// 	top: newTop,
					// });
					$chatContainer[0].style.setProperty('left', newLeft + 'px', 'important');
					$chatContainer[0].style.setProperty('top', newTop + 'px', 'important');
				}

function endDrag() {
					if (isDragging) {
						isDragging = false;
						savePosition();
					}
				}

function savePosition() {
					const pos = $chatContainer.offset();
					localStorage.setItem('chatPosition', JSON.stringify(pos));
				}

function scrollToBottom() {
					const $messages = $chatMessages[0];
					if (!$messages) return;

// 立即滾動用于實時消息
					$messages.scrollTo({
						top: $messages.scrollHeight,
						behavior: 'smooth',
					});
				}

// 新增移動端視口處理
				let viewportHandler = null;
				function setupMobileViewportHandler() {
					if (!('visualViewport' in window)) return;

viewportHandler = function () {
						const visual = window.visualViewport;
						const $input = $('#userInput');

// 計算鍵盤高度
						const keyboardHeight = window.innerHeight - visual.height;

// 調整容器位置
						$chatContainer.css({
							transform: `translateY(${Math.max(0, visual.offsetTop)}px)`,
							height: visual.height,
						});

// 自動滾動輸入框
						if ($input.is(':focus')) {
							const inputTop = $input.offset().top;
							const scrollPos = inputTop - visual.height * 0.3;
							$chatMessages.scrollTop(scrollPos);
						}
					};

window.visualViewport.addEventListener('resize', viewportHandler);
					window.visualViewport.addEventListener('scroll', viewportHandler);
				}

function teardownMobileViewportHandler() {
					if (viewportHandler) {
						window.visualViewport.removeEventListener('resize', viewportHandler);
						window.visualViewport.removeEventListener('scroll', viewportHandler);
						viewportHandler = null;
					}
				}

// 計算消息高度
				function calculateMessagesHeight() {
					try {
						const isMobile = window.innerWidth <= 768;
						const containerHeight = isMobile
							? window.visualViewport?.height || window.innerHeight
							: $chatContainer.height();

const messagesPaddingTop = parseInt($chatMessages.css('padding-top'), 10) || 0;
						const messagesPaddingBottom = parseInt($chatMessages.css('padding-bottom'), 10) || 0;

const headerHeight = $chatHeader.outerHeight(true) || 0;
						const inputHeight = $('.chat-input').outerHeight(true) || 0;

const messagesHeight = containerHeight - headerHeight - inputHeight;

$chatMessages.css('height', `${Math.max(messagesHeight, 100)}px`);
					} catch (e) {
						console.error('高度計算錯誤:', e);
						$chatMessages.css('height', 'calc(100% - 140px)');
					}
				}
				// 新增輸入框聚焦處理
				$userInput.on('focus', function () {
					if (window.innerWidth > 768) return;

setTimeout(() => {
						const inputRect = this.getBoundingClientRect();
						const viewportHeight = window.visualViewport?.height || window.innerHeight;

if (inputRect.bottom > viewportHeight) {
							const scrollAmount = inputRect.bottom - viewportHeight + 50;
							$chatMessages.scrollTop($chatMessages.scrollTop() + scrollAmount);
						}
					}, 300);
				});

// 處理觸摸移動事件
				function handleTouchMove(e) {
					// 檢查觸摸目標是否在彈窗內
					let target = e.target;
					while (target) {
						if (target === $chatContainer[0] || target === $chatMessages[0]) {
							return; // 在彈窗內允許滾動
						}
						target = target.parentNode;
					}
					e.preventDefault(); // 阻止外部頁面滾動
				}

// 獲取ip地址  http://192.168.2.113:9096/aichat/getUserIP
				function getIPAddress() {
					$.ajax({
						url: 'https://www.xiangguohe.com/do/getUserIP',
						type: 'GET',
						success: function (data) {
							console.log('IP地址:', data);
							if (data) {
								ip = data;
								localStorage.setItem('IP', ip);
							} else {
								console.error('無法獲取IP地址');
							}
						},
						error: function (xhr, status, error) {
							console.log(xhr, status, error);
							console.error('獲取IP地址失敗:', error);
						},
					});
				}
				// 獲取ip地址
				getIPAddress();

// 窗口大小變化時優(yōu)化（防抖處理）
				let resizeTimer;
				$(window).resize(function () {
					clearTimeout(resizeTimer);
					resizeTimer = setTimeout(() => {
						calculateMessagesHeight();
						scrollToBottom();
					}, 100);
				});

// 元素緩存中新增彈窗相關元素
				const $welcomePopup = $('#welcomePopup');
				const $popupClose = $('#popupClose');
				const $popupButton = $('#popupButton');

// 5秒后顯示彈窗
				setTimeout(() => {
					$welcomePopup.show();
				}, 3000);

// 關閉彈窗事件
				$popupClose.click(() => {
					$welcomePopup.hide();
				});

// 在線咨詢按鈕點擊事件
				$popupButton.click(() => {
					$welcomePopup.hide();
					const isMobile = window.innerWidth <= 768;
					if (isMobile) {
						// 手機端打開新頁面進入客服聊天
						window.open('/html/custom.html', '_blank');
					} else {
						// 非手機端正常顯示聊天窗口
						toggleChat();
					}
				});
			});
		</script>
	</body>
</html>

<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://www.qqkjmz.com/" title="天天爽夜夜春">天天爽夜夜春</a>

</div>
</div>

</footer>

天天爽夜夜春|美女下半身无遮挡免费网站|操尻|国产精品理人伦一区二区三区|国产成人aaa

倉庫管理軟件|免費倉庫管理軟件|倉庫管理軟件免費版

如何優(yōu)化倉庫空間利用率？企業(yè)倉庫管理的挑戰(zhàn)與創(chuàng)新思路

相關文章

倉庫物料管理方案

商貿倉庫管理出入庫流程的簡單高效化重塑——象過河軟件

簡單好用的倉庫軟件，選擇哪個好？

原材料倉庫管理怎么更省事？一款軟件解決問題

企業(yè)如何進行庫存統(tǒng)計？使用什么方法或者軟件更便捷？

庫存管理優(yōu)勢

豫ICP備11015894號-5 公示信息

Powered By Z-BlogPHP. Theme by TOYEAN.

申請免費獲取軟件

如何優(yōu)化倉庫空間利用率？企業(yè)倉庫管理的挑戰(zhàn)與創(chuàng)新思路

相關文章

豫ICP備11015894號-5 公示信息 var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?30fcfcd6492319d38725638f34f3fdd6"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })();

Powered By Z-BlogPHP. Theme by TOYEAN.

申請免費獲取軟件

豫ICP備11015894號-5 公示信息