| | |
| | | </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"> |
| | | <a |
| | | @click="toSubsidy" |
| | | 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"> |
| | |
| | | </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 |
| | |
| | | <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"> |
| | |
| | | </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"> |
| | |
| | | <!-- 客服 --> |
| | | <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 |
| | |
| | | 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-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"> |
| | | <img :src="CallMe" width="150" height="150" /> |
| | |
| | | </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" |
| | | > |
| | |
| | | <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="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" |
| | | > |
| | |
| | | </svg> |
| | | <div class="bg-gray-800 text-sm py-1 px-3 rounded text-black" style="text-align: center">顶部</div> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | </div> |
| | | <!-- 客服对话框 --> |
| | | <el-dialog |
| | | v-model="showCustomerService" |
| | | :show-close="true" |
| | | :modal="true" |
| | | :close-on-click-modal="false" |
| | | :close-on-press-escape="false" |
| | | class="customer-service-dialog" |
| | | > |
| | | <customer-service /> |
| | | </el-dialog> |
| | | <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> |
| | | |
| | |
| | | // }, |
| | | ]); |
| | | |
| | | const linkClick = (url) => { |
| | | window.open(url, '_blank'); |
| | | const linkClick = () => { |
| | | router.push('/select-selpara') |
| | | }; |
| | | |
| | | const routeClick = (url) => { |
| | |
| | | const toFeedBack = () => { |
| | | router.push('/feedback'); |
| | | }; |
| | | const toSubsidy = ()=>{ |
| | | const toSubsidy = () => { |
| | | // 跳转到该网页 |
| | | window.open('https://www.sheitc.sh.gov.cn/','_blank') |
| | | } |
| | | window.open('https://www.sheitc.sh.gov.cn/', '_blank'); |
| | | }; |
| | | const scrollToTop = () => { |
| | | nextTick(() => { |
| | | // console.log('我被打印了'); |