|
@@ -86,7 +86,7 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
- <!-- 第二列:隐患提示和智能问答 -->
|
|
|
|
|
|
|
+ <!-- 第二列:隐患提示和AI问答 -->
|
|
|
<div class="card-column">
|
|
<div class="card-column">
|
|
|
<div class="hazard-card" @click="goToHazardDetection">
|
|
<div class="hazard-card" @click="goToHazardDetection">
|
|
|
<div class="card-title">隐患提示</div>
|
|
<div class="card-title">隐患提示</div>
|
|
@@ -94,14 +94,27 @@
|
|
|
</div>
|
|
</div>
|
|
|
<div class="ai-chat-card" @click="goToAIChat">
|
|
<div class="ai-chat-card" @click="goToAIChat">
|
|
|
<div class="ai-chat-icon">
|
|
<div class="ai-chat-icon">
|
|
|
- <img src="@/assets/Chat/29.png" alt="智能问答" class="chat-icon-img">
|
|
|
|
|
|
|
+ <img src="@/assets/new_index/chat-icon.png" alt="AI问答" class="chat-icon-img">
|
|
|
</div>
|
|
</div>
|
|
|
<div class="ai-chat-images">
|
|
<div class="ai-chat-images">
|
|
|
- <img src="@/assets/Chat/30.png" alt="对话1" class="chat-img chat-img-back">
|
|
|
|
|
- <img src="@/assets/Chat/31.png" alt="对话2" class="chat-img chat-img-front">
|
|
|
|
|
|
|
+ <img src="@/assets/new_index/chat-img-1.png" alt="对话1" class="chat-img chat-img-back">
|
|
|
|
|
+ <img src="@/assets/new_index/chat-img-2.png" alt="对话2" class="chat-img chat-img-front">
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="card-title">智能问答</div>
|
|
|
|
|
|
|
+ <div class="card-title">AI问答</div>
|
|
|
<div class="card-description">AI对话助手,智能解答您的问题</div>
|
|
<div class="card-description">AI对话助手,智能解答您的问题</div>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 波浪效果 -->
|
|
|
|
|
+ <div class="wave-container">
|
|
|
|
|
+ <svg class="wave" viewBox="0 0 1200 120" preserveAspectRatio="none">
|
|
|
|
|
+ <path d="M0,0 C150,60 350,0 600,30 C850,60 1050,0 1200,30 L1200,120 L0,120 Z" class="wave-path wave1"></path>
|
|
|
|
|
+ </svg>
|
|
|
|
|
+ <svg class="wave" viewBox="0 0 1200 120" preserveAspectRatio="none">
|
|
|
|
|
+ <path d="M0,0 C150,40 350,20 600,50 C850,80 1050,20 1200,50 L1200,120 L0,120 Z" class="wave-path wave2"></path>
|
|
|
|
|
+ </svg>
|
|
|
|
|
+ <svg class="wave" viewBox="0 0 1200 120" preserveAspectRatio="none">
|
|
|
|
|
+ <path d="M0,20 C150,60 350,40 600,70 C850,100 1050,40 1200,70 L1200,120 L0,120 Z" class="wave-path wave3"></path>
|
|
|
|
|
+ </svg>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
@@ -162,6 +175,7 @@
|
|
|
<span>川公网安备: 51010502011234号</span>
|
|
<span>川公网安备: 51010502011234号</span>
|
|
|
<span>推荐电脑分辨率:1920*1080,1920*1200,3840*2160</span>
|
|
<span>推荐电脑分辨率:1920*1080,1920*1200,3840*2160</span>
|
|
|
<span>推荐浏览器:Google,Edge,火狐浏览器</span>
|
|
<span>推荐浏览器:Google,Edge,火狐浏览器</span>
|
|
|
|
|
+ <span class="feedback-link" @click="openFeedbackModal">意见反馈</span>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
@@ -171,11 +185,6 @@
|
|
|
@close="closeFeedbackModal"
|
|
@close="closeFeedbackModal"
|
|
|
@submit="handleFeedbackSubmit"
|
|
@submit="handleFeedbackSubmit"
|
|
|
/>
|
|
/>
|
|
|
-
|
|
|
|
|
- <!-- 意见反馈悬浮按钮 -->
|
|
|
|
|
- <div class="feedback-float-btn" @click="openFeedbackModal">
|
|
|
|
|
- <span>意见反馈</span>
|
|
|
|
|
- </div>
|
|
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
@@ -997,9 +1006,9 @@ onUnmounted(() => {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-/* 智能问答卡片 */
|
|
|
|
|
|
|
+/* AI问答卡片 */
|
|
|
.ai-chat-card {
|
|
.ai-chat-card {
|
|
|
- background: rgb(235, 243, 255);
|
|
|
|
|
|
|
+ background: #428EFE;
|
|
|
border-radius: 16px;
|
|
border-radius: 16px;
|
|
|
width: 406px;
|
|
width: 406px;
|
|
|
height: 217px;
|
|
height: 217px;
|
|
@@ -1062,8 +1071,9 @@ onUnmounted(() => {
|
|
|
left: 40px;
|
|
left: 40px;
|
|
|
top: 119.6px;
|
|
top: 119.6px;
|
|
|
font-size: 22px;
|
|
font-size: 22px;
|
|
|
- color: #000000;
|
|
|
|
|
|
|
+ color: #FFFFFF;
|
|
|
font-weight: 600;
|
|
font-weight: 600;
|
|
|
|
|
+ z-index: 3;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.card-description {
|
|
.card-description {
|
|
@@ -1071,8 +1081,46 @@ onUnmounted(() => {
|
|
|
left: 40px;
|
|
left: 40px;
|
|
|
top: 159.8px;
|
|
top: 159.8px;
|
|
|
font-size: 18px;
|
|
font-size: 18px;
|
|
|
- color: #4B5563;
|
|
|
|
|
|
|
+ color: rgba(255, 255, 255, 0.85);
|
|
|
line-height: 1.4;
|
|
line-height: 1.4;
|
|
|
|
|
+ z-index: 3;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ /* 波浪效果容器 */
|
|
|
|
|
+ .wave-container {
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ bottom: 0;
|
|
|
|
|
+ left: 0;
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 80px;
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
+ z-index: 2;
|
|
|
|
|
+
|
|
|
|
|
+ .wave {
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ bottom: 0;
|
|
|
|
|
+ left: 0;
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+
|
|
|
|
|
+ &:nth-child(1) {
|
|
|
|
|
+ .wave-path {
|
|
|
|
|
+ fill: rgba(255, 255, 255, 0.1);
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ &:nth-child(2) {
|
|
|
|
|
+ .wave-path {
|
|
|
|
|
+ fill: rgba(255, 255, 255, 0.15);
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ &:nth-child(3) {
|
|
|
|
|
+ .wave-path {
|
|
|
|
|
+ fill: rgba(255, 255, 255, 0.2);
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -1178,28 +1226,15 @@ onUnmounted(() => {
|
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
|
color: #6B7280;
|
|
color: #6B7280;
|
|
|
line-height: 1;
|
|
line-height: 1;
|
|
|
- }
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-/* 意见反馈悬浮按钮 */
|
|
|
|
|
-.feedback-float-btn {
|
|
|
|
|
- position: fixed;
|
|
|
|
|
- right: 30px;
|
|
|
|
|
- bottom: 80px;
|
|
|
|
|
- background: linear-gradient(135deg, #9333EA 0%, #7C3AED 100%);
|
|
|
|
|
- color: #FFFFFF;
|
|
|
|
|
- padding: 10px 20px;
|
|
|
|
|
- border-radius: 20px;
|
|
|
|
|
- cursor: pointer;
|
|
|
|
|
- font-size: 14px;
|
|
|
|
|
- font-weight: 500;
|
|
|
|
|
- box-shadow: 0 4px 12px rgba(147, 51, 234, 0.4);
|
|
|
|
|
- transition: all 0.3s ease;
|
|
|
|
|
- z-index: 100;
|
|
|
|
|
-
|
|
|
|
|
- &:hover {
|
|
|
|
|
- transform: translateY(-2px);
|
|
|
|
|
- box-shadow: 0 6px 16px rgba(147, 51, 234, 0.5);
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .feedback-link {
|
|
|
|
|
+ cursor: pointer;
|
|
|
|
|
+ transition: color 0.2s ease;
|
|
|
|
|
+
|
|
|
|
|
+ &:hover {
|
|
|
|
|
+ color: #2563EB;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|