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

五金產品報價不準、財務管理混亂應該怎么解決？用象過河倉庫管理軟件就可以了

4個月前 (03-13)公司新聞187

五金件沖壓.jpg

五金行業(yè)在管理中面臨許多問題，比如在報價不準確、財務管理混亂等方面。這些問題的存在不僅影響公司的運營效率，還可能導致資源浪費和客戶流失，給公司帶來損失。

針對這些問題，象過河倉庫管理軟件提供了一套高效的解決方案，能夠幫助五金企業(yè)實現(xiàn)規(guī)范化、智能化的管理。

1. 報價速度慢、記不準、報高客戶跑，報低自己虧

五金產品的價格復雜，不同型號、規(guī)格的產品價格差異大，且市場行情變化快。如果報價不準確或不及時，可能會導致客戶流失（報價過高）或利潤減少（報價過低）。

象過河倉庫管理軟件的解決方案：

智能報價功能：軟件可以根據(jù)產品的成本價、市場價、庫存情況等信息，快速生成合理的報價單，確保報價準確。

價格管理模塊：支持設置不同客戶的價格策略，例如批量折扣、會員價格等，靈活應對不同的客戶需求，同時實現(xiàn)客戶價格跟蹤、產品價格更新等多種跟蹤模式。

價格更新提醒：當市場價格發(fā)生變化時，軟件可以提醒用戶更新產品價格，確保報價信息及時準確。

2. 財務管理亂，經營利潤不知道、產品銷售排行不清楚

五金行業(yè)的財務管理混亂會導致企業(yè)無法清晰了解經營狀況，例如利潤來源、銷售排行等關鍵數(shù)據(jù)不明確，影響企業(yè)的決策。

象過河倉庫管理軟件的解決方案：

財務報表功能：軟件可以自動生成銷售報表、利潤報表、成本報表等，幫助企業(yè)清晰了解經營狀況。

銷售排行分析：通過數(shù)據(jù)分析功能，可以快速生成產品銷售排行，幫助企業(yè)找到暢銷產品和滯銷產品，優(yōu)化庫存結構。

多維度數(shù)據(jù)分析：支持按時間段、產品類別、客戶區(qū)域等多種維度進行數(shù)據(jù)分析，幫助企業(yè)做出科學的經營決策。

標簽: 五金倉庫管理軟件

返回列表

上一篇：五金產品種類多庫存亂，應該怎么解決？看看象過河倉庫管理軟件的解決方案就明白了

下一篇：五金店老板開單慢？應收應付統(tǒng)計、客戶欠款核算統(tǒng)計不清楚？

五金行業(yè)倉庫管理，要使用象過河倉庫管理軟件的原因

在五金行業(yè)，倉庫管理是企業(yè)運營的重要環(huán)節(jié)，直接關系到庫存的準確性和管理效率。五金產品的種類繁多、規(guī)格復雜，且進出庫頻率高，這對倉庫管理提出了更高的要求。象過河倉庫管理軟件憑借其簡單好用的特點和強大的功...

五金產品種類多庫存亂，應該怎么解決？看看象過河倉庫管理軟件的解決方案就明白了

五金行業(yè)在管理中面臨許多問題，尤其是在產品種類繁多、庫存管理混亂等方面。這些問題不僅影響企業(yè)的運營效率，還可能導致資源浪費和客戶流失。針對這些問題，象過河進銷存軟件提供了一套高效的解決方案，能夠幫助五...

象過河倉庫管理軟件，五金件倉庫管理的智能化升級方案

五金件倉庫管理的核心挑戰(zhàn)在于如何應對產品種類繁多、型號復雜、庫存頻繁變動等難題。傳統(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;
			}

/* 輸入?yún)^(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ù)據(jù)添加會話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ù)據(jù)異常，請稍后再試', 'bot');
							}
						},
						error: function (xhr) {
							removeLoading();
							addMessage(`網(wǎng)絡請求異常，請稍后再試`, '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ù)據(jù)
					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è)倉庫管理，要使用象過河倉庫管理軟件的原因

五金產品種類多庫存亂，應該怎么解決？看看象過河倉庫管理軟件的解決方案就明白了

象過河倉庫管理軟件，五金件倉庫管理的智能化升級方案

豫ICP備11015894號-5 公示信息

Powered By Z-BlogPHP. Theme by TOYEAN.

申請免費獲取軟件

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

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

五金產品報價不準、財務管理混亂應該怎么解決？用象過河倉庫管理軟件就可以了

相關文章

五金行業(yè)倉庫管理，要使用象過河倉庫管理軟件的原因

五金產品種類多庫存亂，應該怎么解決？看看象過河倉庫管理軟件的解決方案就明白了

象過河倉庫管理軟件，五金件倉庫管理的智能化升級方案

豫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 公示信息