From 73685acf8d8ef5c76e4b13c5a9d7026bb8bec7b1 Mon Sep 17 00:00:00 2001
From: tanghaolin <1723298894@qq.com>
Date: 星期五, 07 三月 2025 17:59:58 +0800
Subject: [PATCH] 修改能效产品界面
---
src/views/Home.vue | 92 ++++++++++++++++++++++++++++++++++------------
1 files changed, 68 insertions(+), 24 deletions(-)
diff --git a/src/views/Home.vue b/src/views/Home.vue
index b89b044..bcd297e 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -28,14 +28,10 @@
</div>
<div class="relative z-20 2 -mt-24">
<!-- 鍔熻兘鎸夐挳鍖哄煙 -->
- <div class="bg-white py-8">
+ <div class="bg-white py-8" v-if="false">
<div class="mx-auto px-32">
<div class="grid grid-cols-4 divide-x-w-default">
- <router-link
- to="/subsidy-application"
- class="block"
- style="border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3"
- >
+ <a @click="toSubsidy" class="block" style="border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3">
<div class="flex items-center gap-1 justify-center">
<div class="w-16 h-16">
<svg viewBox="0 0 24 24" class="w-full h-full">
@@ -50,7 +46,7 @@
<div class="text-sm text-info-light-3">Subsidy Application</div>
</div>
</div>
- </router-link>
+ </a>
<router-link to="/certified-products" class="block" style="border-right: 1px solid #e3e3e3">
<div class="flex items-center gap-1 justify-center">
<div class="w-16 h-16">
@@ -83,8 +79,8 @@
</div>
</div>
</router-link>
- <router-link to="/" class="block" style="border-right: 1px solid #e3e3e3">
- <div class="flex items-center gap-1 justify-center" @click="linkClick(' https://www.xpump.net/')">
+ <a class="block" style="border-right: 1px solid #e3e3e3" @click="linkClick">
+ <div class="flex items-center gap-1 justify-center">
<div class="w-16 h-16">
<!-- <svg viewBox="0 0 24 24" class="w-full h-full">
<path
@@ -99,7 +95,7 @@
<div class="text-sm text-info-light-3">Pump Search</div>
</div>
</div>
- </router-link>
+ </a>
<!-- <router-link to="/publish-demand" class="block">
<div class="function-card bg-white rounded-lg shadow-md p-6 text-center">
@@ -269,7 +265,7 @@
</div>
<!-- 娴姩鍙充晶鏍� -->
- <div class="fixed right-[17px] top-2/3 transform -translate-y-1/2 z-50">
+ <div class="fixed right-[60px] bottom-[128px] z-50">
<div class="flex flex-col">
<!-- 璐墿杞� -->
<div class="group relative" v-if="false">
@@ -324,7 +320,8 @@
<!-- 瀹㈡湇 -->
<div class="group relative">
<div
- class="bg-white w-14 h-14 flex items-center justify-center cursor-pointer border border-gray-200 hover:bg-blue-50 transition-colors duration-200 flex-col"
+ class="py-1.5 text-primary bg-white opacity-95 rounded-lg shadow size-19 flex items-center justify-center cursor-pointer border border-gray-200 hover:bg-blue-50 transition-colors duration-200 flex-col"
+ @click="showCustomerService = true"
>
<svg
xmlns="http://www.w3.org/2000/svg"
@@ -340,15 +337,15 @@
d="M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z"
/>
</svg>
- <div class="bg-gray-800 text-white text-sm py-1 px-3 rounded text-black" style="text-align: center">瀹㈡湇</div>
+ <div class="bg-gray-800 text-sm py-1 px-3 rounded text-primary" style="text-align: center">AI瀹㈡湇</div>
</div>
- <div class="hidden group-hover:block absolute right-full top-0 mr-2 whitespace-nowrap card-hover-style">
+ <!-- <div class="hidden group-hover:block absolute right-full top-0 mr-2 whitespace-nowrap card-hover-style">
<img :src="CallMe" width="150" height="150" />
- </div>
+ </div> -->
</div>
<!-- 鍙嶉 -->
- <div class="group relative" @click="toFeedBack">
+ <!-- <div class="group relative" @click="toFeedBack">
<div
class="bg-white w-14 h-14 flex items-center justify-center cursor-pointer border border-gray-200 hover:bg-blue-50 transition-colors duration-200 flex-col"
>
@@ -366,12 +363,38 @@
d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"
/>
</svg>
- <div class="bg-gray-800 text-white text-sm py-1 px-3 rounded text-black" style="text-align: center">鍙嶉</div>
+ <div class="bg-gray-800 text-sm py-1 px-3 rounded text-black" style="text-align: center">鍙嶉</div>
</div>
</div>
+ <div class="group relative">
+ <div
+ class="bg-white w-14 h-14 flex items-center justify-center cursor-pointer border border-gray-200 hover:bg-blue-50 transition-colors duration-200 flex-col"
+ >
+ <svg
+ t="1740060002788"
+ class="icon h-6 w-6 text-gray-600"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="13742"
+ width="128"
+ height="128"
+ >
+ <path
+ d="M767.818667 409.173333C867.338667 444.266667 938.666667 539.136 938.666667 650.666667c0 42.709333-10.496 83.978667-30.261334 120.842666-1.792 3.338667-4.992 8.928-9.696 16.96l14.613334 53.557334c6.506667 23.893333-15.402667 45.813333-39.296 39.296l-53.642667-14.634667-6.229333 3.669333A254.933333 254.933333 0 0 1 682.666667 906.666667c-77.994667 0-147.84-34.88-194.805334-89.888a352.608 352.608 0 0 1-56.64 4.554666c-63.338667 0-124.266667-16.853333-177.472-48.298666-1.834667-1.088-6.410667-3.733333-13.632-7.893334l-80.544 21.653334c-23.914667 6.432-45.76-15.573333-39.146666-39.434667l21.792-78.752a961.205333 961.205333 0 0 1-15.904-27.317333A336.384 336.384 0 0 1 85.333333 480c0-188.618667 154.965333-341.333333 345.888-341.333333 159.914667 0 297.984 108.010667 335.818667 259.296 0.949333 3.765333 1.173333 7.552 0.778667 11.2z m-68.106667-13.952C662.88 282.037333 555.178667 202.666667 431.221333 202.666667 275.434667 202.666667 149.333333 326.933333 149.333333 480c0 46.272 11.498667 90.837333 33.194667 130.698667 2.88 5.290667 10.176 17.706667 21.621333 36.746666a32 32 0 0 1 3.413334 25.013334l-10.517334 37.994666 39.232-10.549333a32 32 0 0 1 24.234667 3.146667c14.272 8.192 22.773333 13.098667 25.802667 14.890666A283.882667 283.882667 0 0 0 431.221333 757.333333c6.154667 0 12.288-0.192 18.389334-0.576A255.061333 255.061333 0 0 1 426.666667 650.666667c0-141.386667 114.613333-256 256-256 5.728 0 11.413333 0.192 17.045333 0.554666z m133.706667 397.056a32 32 0 0 1 3.338666-24.725333 996.672 996.672 0 0 0 15.242667-26.293333A190.997333 190.997333 0 0 0 874.666667 650.666667c0-106.037333-85.962667-192-192-192s-192 85.962667-192 192 85.962667 192 192 192a190.933333 190.933333 0 0 0 98.570666-27.2c2.208-1.322667 8.288-4.874667 18.517334-10.837334a32 32 0 0 1 24.522666-3.210666l12.565334 3.424-3.424-12.565334zM330.666667 426.666667a42.666667 42.666667 0 1 1 0-85.333334 42.666667 42.666667 0 0 1 0 85.333334z m192 0a42.666667 42.666667 0 1 1 0-85.333334 42.666667 42.666667 0 0 1 0 85.333334z m85.333333 202.666666a32 32 0 1 1 0-64 32 32 0 0 1 0 64z m149.333333 0a32 32 0 1 1 0-64 32 32 0 0 1 0 64z"
+ fill="#000000"
+ p-id="13743"
+ ></path>
+ </svg>
+ <div class="bg-gray-800 text-sm py-1 px-3 rounded text-black" style="text-align: center">寰俊</div>
+ </div>
+ <div class="hidden group-hover:block absolute right-full top-0 mr-2 whitespace-nowrap card-hover-style">
+ <img :src="CallMe" width="150" height="150" />
+ </div>
+ </div> -->
<!-- 杩斿洖椤堕儴 -->
- <div class="group relative" @click="scrollToTop">
+ <!-- <div class="group relative" @click="scrollToTop">
<div
class="bg-white w-14 h-14 flex items-center justify-center flex-col cursor-pointer border border-gray-200 hover:bg-blue-50 transition-colors duration-200"
>
@@ -384,22 +407,29 @@
>
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18" />
</svg>
- <div class="bg-gray-800 text-white text-sm py-1 px-3 rounded text-black" style="text-align: center">椤堕儴</div>
+ <div class="bg-gray-800 text-sm py-1 px-3 rounded text-black" style="text-align: center">椤堕儴</div>
</div>
- </div>
+ </div> -->
</div>
</div>
+ <!-- 瀹㈡湇瀵硅瘽妗� -->
+ <customer-service
+ class="fixed right-[150px] bottom-[17px] z-50 w-[440px] h-[calc(80vh-30px)] shadow-lg rounded-lg"
+ v-show="showCustomerService"
+ @close="showCustomerService = false"
+ />
</div>
</template>
<script setup lang="ts">
import { Document, Operation } from '@element-plus/icons-vue';
import * as echarts from 'echarts';
-import { onMounted, ref,nextTick } from 'vue';
+import { onMounted, ref, nextTick } from 'vue';
import { useRouter } from 'vue-router';
import YWLogo from '@/assets/logo/yw_logo.png';
-import CallMe from "@/assets/qrcode/callme.jpg"
+import CallMe from '@/assets/qrcode/callme.jpg';
import axios from 'axios';
+import CustomerService from '@/components/CustomerService.vue';
import { Swiper, SwiperSlide } from 'swiper/vue';
import { Autoplay } from 'swiper/modules';
@@ -473,8 +503,8 @@
// },
]);
-const linkClick = (url) => {
- window.open(url, '_blank');
+const linkClick = () => {
+ router.push('/select-selpara')
};
const routeClick = (url) => {
@@ -1070,6 +1100,10 @@
const toFeedBack = () => {
router.push('/feedback');
};
+const toSubsidy = () => {
+ // 璺宠浆鍒拌缃戦〉
+ window.open('https://www.sheitc.sh.gov.cn/', '_blank');
+};
const scrollToTop = () => {
nextTick(() => {
// console.log('鎴戣鎵撳嵃浜�');
@@ -1079,6 +1113,8 @@
});
});
};
+
+const showCustomerService = ref(false);
</script>
<style scoped>
@@ -1161,4 +1197,12 @@
border-bottom: none;
}
}
+
+:deep(.customer-service-dialog .el-dialog__body) {
+ padding: 0;
+}
+
+:deep(.customer-service-dialog .el-dialog__header) {
+ display: block;
+}
</style>
--
Gitblit v1.9.3