From 348247468ec9fe4998af66620de420ffbd460e22 Mon Sep 17 00:00:00 2001
From: zhangwei <1504152376@qq.com>
Date: 星期五, 19 十二月 2025 16:37:18 +0800
Subject: [PATCH] 部分改动
---
src/views/servecustomers/index.vue | 240 +++++++++++++++++++++++++++++++++--------------------------
1 files changed, 133 insertions(+), 107 deletions(-)
diff --git a/src/views/servecustomers/index.vue b/src/views/servecustomers/index.vue
index e37788c..b96e23a 100644
--- a/src/views/servecustomers/index.vue
+++ b/src/views/servecustomers/index.vue
@@ -12,24 +12,24 @@
<p class="font-['Source_Code_Pro'] font-semibold text-[36px] leading-[50px] tracking-[10%] align-middle capitalize text-center py-4">澶氳涓氳鐩栵紝鍚堜綔鐗堝浘鎸佺画鎵╁睍</p>
<div class="content">
<ul style="width:60%;" class="chuany-flex chuany-justify-between chuany-align-center content chuany-font20 chuany-padding10 h-[60px]">
- <li :class="['chuany-cursor', data.tab == 1 ? 'actived' : '']" ><a href="#part0">鏀垮簻鍗曚綅</a></li>
- <li :class="['chuany-cursor', data.tab == 2 ? 'actived' : '']" ><a href="#part1">鍖荤枟鏈烘瀯</a></li>
- <li :class="['chuany-cursor', data.tab == 2 ? 'actived' : '']" ><a href="#part2">鏁欒偛鏈烘瀯</a></li>
- <li :class="['chuany-cursor', data.tab == 2 ? 'actived' : '']" ><a href="#part3">瀛︽牎</a></li>
+ <li :class="['chuany-cursor', data.tab == 0 ? 'actived' : '']" @click="tabchange(0)"><a href="#part0">鏀垮簻鍗曚綅</a></li>
+ <li :class="['chuany-cursor', data.tab == 1 ? 'actived' : '']" @click="tabchange(1)"><a href="#part1">鍖荤枟鏈烘瀯</a></li>
+ <li :class="['chuany-cursor', data.tab == 2 ? 'actived' : '']" @click="tabchange(2)"><a href="#part2">鏁欒偛鏈烘瀯</a></li>
+ <li :class="['chuany-cursor', data.tab == 3 ? 'actived' : '']" @click="tabchange(3)"><a href="#part3">瀛︽牎</a></li>
</ul>
</div>
</div>
- <div :class="index1%2==0?'':'bg-white'" v-for="(item,index1) in arrayList" :key="index1" :id="`part${index1}`">
- <p class="font-['Source_Code_Pro'] font-semibold text-[36px] leading-[50px] tracking-[10%] align-middle capitalize text-center py-4">{{ item.name }}</p>
- <div class="content" :class="index1==arrayList.length-1?'':'pb-16'">
+ <div :class="data.tab%2==0?'':'bg-white'" v-for="(item,index1) in [arrayList[data.tab]]" :key="index1">
+ <p class="font-['Source_Code_Pro'] font-semibold text-[36px] leading-[50px] tracking-[10%] align-middle capitalize text-center pt-12">{{ item.name }}</p>
+ <div class="content py-10" >
<el-row :gutter="20">
<el-col :span="6" v-for="(value,index) in item.value" :key="index" class="rounded-lg">
- <p class="text-center py-4 rounded-lg my-3" :class="index1%2==0?'bg-white':'bg-[#F2F6FF]'">{{ value }}</p>
+ <p class="text-center py-4 rounded-lg my-3" :class="data.tab%2==0?'bg-white':'bg-[#F2F6FF]'">{{ value }}</p>
</el-col>
</el-row>
</div>
+ <p class="text-center py-4">* 閮ㄥ垎瀹㈡埛鍚嶅崟</p>
</div>
- <p class="text-center bg-white py-4">* 閮ㄥ垎瀹㈡埛鍚嶅崟</p>
<div class="bannerbg1 h-96 text-center text-white flex justify-center items-center">
<div>
@@ -44,7 +44,7 @@
<script setup>
-const { $route } = getCurrentInstance().appContext.config.globalProperties
+const { $route,$router } = getCurrentInstance().appContext.config.globalProperties
import $store from "@/store/index.js";
@@ -52,122 +52,148 @@
const data = reactive({
tab: 1,
})
+const tabchange = (el) => {
+ data.isdistribution = true
+ $router.push({
+ path: '/servecustomers',
+ query: { id: el }
+ })
+ data.tab = el
+ $route.query.id = el
+
+}
const arrayList = [
{
name:'鏀垮簻鍗曚綅',
value:[
- "鎴愰兘甯傞噾鐗涘尯铻嶅獟浣撲腑蹇�",
- "鍥涘窛鐪佹硶瀛︿細",
- "缁电鍗氱墿棣�",
- "鎴愰兘鍦伴搧杩愯惀鏈夐檺鍏徃",
- "鎴愰兘甯傜◣鍔″眬",
- "鍥涘窛鐪佸尰鐤椾繚闅滄湇鍔′腑蹇�",
- "缁甸槼甯傚叕瀹夊眬",
- "鍥涘窛鏂板崕寮哄埗闅旂鎴掓瘨鎵�",
- "鍥涘窛鐪佺ぞ浼氱瀛﹂櫌",
- "鍥涘窛鐪佷汉姘戞瀵熼櫌",
- "鎴愰兘浣忔埧鍏Н閲戠鐞嗕腑蹇�",
- "鎴愰兘甯傚叕瀹夊眬鎴愬崕鍖哄垎灞�",
- "鍥涘窛鐪佸鏀挎硶濮斿憳浼�",
- "鍥涘窛鐪佸洟鏍�",
- "缁甸槼甯傚競鍦虹洃鐫ｇ鐞嗗眬甯傚眬",
- "涓叡缁甸槼甯傚鍏氭牎",
- "鎴愰兘浜哄ぇ鍔炲叕鍘�",
- "鍥涘窛鐪佹垚閮藉競涓骇浜烘皯娉曢櫌",
- "鍥涘窛鐪佺柧鎺т腑蹇�",
- "鍗楀厖甯傚叕瀹夊眬椤哄簡鍖哄垎灞�",
- "璧勯槼甯傝嚜鐒惰祫婧愬拰瑙勫垝灞�",
- "涓叡涓睙鍘垮鍏氬彶鐮旂┒瀹�",
- "鍥涘窛鐪佸叕瀹夊巺鎴樿涓績",
- "鎴愰兘甯傚叕瀹夊眬澶╁簻鏂板尯鍒嗗眬"
+ "鍥涘窛鐪佸鏀挎硶濮斿憳浼�",
+ "鍥涘窛鐪佹硶瀛︿細",
+ "鍥涘窛鐪佹垚閮藉競涓骇浜烘皯娉曢櫌",
+ "鍥涘窛鐪佷汉鍔涜祫婧愬拰绀句細淇濋殰鍘�",
+ "鍥涘窛鐪佺柧鎺т腑蹇�",
+ "鍥涘窛鐪佸尰鐤椾繚鍋ユ湇鍔′腑蹇�",
+ "鎴愰兘浣忔埧鍏Н閲戠鐞嗕腑蹇�",
+ "鎴愰兘甯傚叕瀹夊眬鎴愬崕鍖哄垎灞�",
+ "鍥涘窛鐪佸叕瀹夊巺鎴樿涓績",
+ "鍥涘窛鐪佷汉姘戞瀵熼櫌",
+ "缁电鍗氱墿棣�",
+ "鎴愰兘甯傚叕瀹夊眬澶╁簻鏂板尯鍒嗗眬",
+ "鍥涘窛鐪佺ぞ浼氱瀛﹂櫌",
+ "鎴愰兘浜哄ぇ鍔炲叕鍘�",
+ "缁甸槼甯傚叕瀹夊眬",
+ "鎴愰兘甯傞噾鐗涘尯铻嶅獟浣撲腑蹇�",
+ "璧勯槼甯傝嚜鐒惰祫婧愬拰瑙勫垝灞�",
+ "鎴愰兘甯傜◣鍔″眬",
+ "缁甸槼甯傚競鍦虹洃鐫ｇ鐞嗗眬甯傚眬",
+ "鍗楀厖甯傚叕瀹夊眬椤哄簡鍖哄垎灞�",
+ "鎴愬崕鍖轰汉姘戞硶闄�",
+ "涓睙鍘垮鍏氬彶鐮旂┒瀹�",
+ "鎴愰兘甯傛垚鍗庡尯搴旀�ョ鐞嗗眬",
+ "杈惧窞甯傛暀鑲茬瀛︾爺绌舵墍",
+ "骞垮畨甯傚箍瀹夊尯鏁欏笀鍙戝睍涓績",
+ "闆呭畨甯傞洦鍩庡尯鍏闀囦汉姘戞斂搴�",
+ "鎴愰兘甯傚叕瀹夊眬鍙屾祦鍖哄垎灞�",
+ "鎴愰兘甯傚叕瀹夊眬姝︿警鍖哄垎灞�"
]
},
{
name:'鍖荤枟鏈烘瀯',
value:[
- "瀹滃甯傜浜斾汉姘戝尰闄�",
- "鏂伴兘铚�閮界ぞ鍖哄崼鐢熸湇鍔′腑蹇�",
- "缁甸槼甯傜涓変汉姘戝尰闄�",
- "杈惧窞甯備腑蹇冨尰闄�",
- "鐧藉簷闀囦腑蹇冨崼鐢熼櫌",
- "鍙屾祦鍖轰笢鍗囩ぞ鍖哄崼鐢熸湇鍔′腑蹇�",
- "鎴愰兘甯備腑瑗垮尰缁撳悎鍖婚櫌",
- "娉稿窞甯備腑鍖诲尰闄�",
- "鎴愰兘甯傜鍥涗汉姘戝尰闄�",
- "鍙屾祦鍖鸿タ鑸腐绀惧尯鍗敓鏈嶅姟涓績",
- "閬傚畞甯傚畨灞呭尯浜烘皯鍖婚櫌",
- "鍙屾祦鍖轰腑鍖诲尰闄�",
- "閬傚畞甯傜涓�浜烘皯鍖婚櫌",
- "姝︿警鍖虹孩鐗屾ゼ绀惧尯鍗敓鏈嶅姟涓績",
- "鑱斾繚淇濋殰閮ㄩ槦绗節鍥涘尰闄�",
- "瀵岄『鍘夸腑鍖诲尰闄�",
- "鑷础甯傜涓�浜烘皯鍖婚櫌",
- "鎴愰兘甯傚叕鍏卞崼鐢熶复搴婂尰鐤椾腑蹇�",
- "鎴愰兘楂樻柊鍖哄濂冲効绔ュ尰闄�",
- "闆呭畨甯備腑鍖诲尰闄�",
- "姝﹁鍥涘窛鐪佹�婚槦鍖婚櫌",
- "寰烽槼缁忔祹鎶�鏈紑鍙戝尯浜烘皯鍖婚櫌",
- "鎴愰兘涓尰鑽ぇ瀛﹂檮灞炲尰闄�",
- "寰烽槼甯備汉姘戝尰闄�"
+ "鎴愰兘甯備腑瑗垮尰缁撳悎鍖婚櫌",
+ "鎴愰兘绗竴楠ㄧ鍖婚櫌",
+ "鎴愰兘甯傚叕鍏卞崼鐢熶复搴婂尰鐤椾腑蹇�",
+ "鎴愰兘甯傜鍥涗汉姘戝尰闄�",
+ "鎴愰兘涓尰鑽ぇ瀛﹂檮灞炲尰闄�",
+ "鎴愰兘楂樻柊鍖哄濂冲効绔ュ尰闄�",
+ "缁甸槼甯傜涓変汉姘戝尰闄�",
+ "杈惧窞甯備腑蹇冨尰闄�",
+ "瀹滃甯傜浜斾汉姘戝尰闄�",
+ "鍙屾祦鍖轰腑鍖诲尰闄�",
+ "鑷础甯傜涓�浜烘皯鍖婚櫌",
+ "娉稿窞甯備腑鍖诲尰闄�",
+ "寰烽槼甯備汉姘戝尰闄�",
+ "寰烽槼缁忔祹鎶�鏈紑鍙戝尯浜烘皯鍖婚櫌",
+ "姝﹁鍥涘窛鐪佹�婚槦鍖婚櫌",
+ "鎴愰兘甯傜浜斾汉姘戝尰闄�",
+ "娉稿窞甯備汉姘戝尰闄�",
+ "璧勯槼甯備汉姘戝尰闄�",
+ "閬傚畞甯傚畨灞呭尯浜烘皯鍖婚櫌",
+ "闆呭畨甯備腑鍖诲尰闄�",
+ "閬傚畞甯傜涓�浜烘皯鍖婚櫌",
+ "涓浗浜烘皯姝﹁璀﹀療閮ㄩ槦鍥涘窛鐪佹�婚槦鍖婚櫌",
+ "鑱斿嫟淇濋殰閮ㄩ槦绗節鍥涘尰闄�",
+ "瀹滃甯傜涓�浜烘皯鍖婚櫌",
+ "鍐呮睙绗竴浜烘皯鍖婚櫌",
+ "鍏垫睜鍘夸汉姘戝尰闄�",
+ "闆呭畨甯備腑鍖诲尰闄�",
+ "涔愬北甯備汉姘戝尰闄�",
+ "寰烽槼甯傛棇闃冲尯涓尰鍖婚櫌",
+ "瀵岄『鍘夸腑鍖诲尰闄�",
+ "鎴愰兘甯傜涓変汉姘戝尰闄㈢墿",
+ "绠�闃冲競涓尰鍖婚櫌閲�"
]
},
{
name:'鏁欒偛鏈烘瀯',
value:[
- "钂叉睙鍘挎暀鑲插眬",
- "绠�闃冲競鏁欒偛灞�",
- "涔愯嚦鍘挎暀鑲插拰浣撹偛灞�",
- "鑷础甯傛部婊╁尯鏁欒偛鍜屼綋鑲插眬",
- "閲戝爞鍘挎暀鑲插眬",
- "闃垮潩鍘挎暀鑲插眬",
- "鑹茶揪鍘挎暀鑲插拰浣撹偛灞�",
- "甯冩嫋鍘挎暀鑲蹭綋鑲插拰绉戝鎶�鏈眬",
- "閭绘按鍘挎暀灞�",
- "榛戞按鍘挎暀鑲插眬",
- "闈掔鍘挎暀鑲插拰浣撹偛灞�",
- "鏈ㄩ噷鍘挎暀鑲蹭綋鑲插拰绉戝鎶�鏈眬",
- "姹夋簮鍘挎暀鑲插眬",
- "澶╁叏鍘挎暀鑲插眬",
- "搴峰畾甯傛暀鑲插拰浣撹偛灞�",
- "鍥涘窛鐪佹暀鑲茶�冭瘯闄�",
- "闆锋尝鍘挎暀鑲插眬",
- "浠�閭″競鏁欒偛灞�",
- "寰楄崳鍘挎暀鑲插拰浣撹偛灞�",
- "姝︿警鍖烘暀绉戦櫌",
- "榫欐硥椹垮尯鏁欑闄�",
- "鐧界帀鍘挎暀鑲插眬",
- "浠�閭″競鏁欒偛鍜屼綋鑲插眬",
- "涔愬北甯傛嫑鐢熻�冭瘯涓績"
+ "钂叉睙鍘挎暀鑲插眬",
+ "绠�闃冲競鏁欒偛灞�",
+ "涔愯嚦鍘挎暀鑲插拰浣撹偛灞�",
+ "鑷础甯傛部婊╁尯鏁欒偛鍜屼綋鑲插眬",
+ "閲戝爞鍘挎暀鑲插眬",
+ "闃垮潩鍘挎暀鑲插眬",
+ "鑹茶揪鍘挎暀鑲插拰浣撹偛",
+ "甯冩嫋鍘挎暀鑲蹭綋鑲插拰绉戝鎶�鏈眬",
+ "閭绘按鍘挎暀灞�",
+ "榛戞按鍘挎暀鑲插眬",
+ "闈掔鍘挎暀鑲插拰浣撹偛灞�",
+ "鏈ㄩ噷鍘挎暀鑲蹭綋鑲插拰绉戝鎶�鏈眬",
+ "姹夋簮鍘挎暀鑲插眬",
+ "澶╁叏鍘挎暀鑲插眬",
+ "搴峰畾甯傛暀鑲插拰浣撹偛灞�",
+ "鍥涘窛鐪佹暀鑲茶�冭瘯闄�",
+ "闆锋尝鍘挎暀鑲插眬",
+ "浠�閭″競鏁欒偛灞�",
+ "寰楄崳鍘挎暀鑲插拰浣撹偛灞�",
+ "姝︿警鍖烘暀绉戦櫌",
+ "榫欐硥椹垮尯鏁欑闄�",
+ "鐧界帀鍘挎暀鑲插眬",
+ "浠曢偂甯傛暀鑲插拰浣撹偛灞�",
+ "涔愬北甯傛嫑鐢熻�冭瘯涓績"
]
},
{
name:'瀛︽牎',
value:[
- "瑗垮崡浜ら�氬ぇ瀛�",
- "鎴愰兘鐞嗗伐澶у",
- "瑗垮崡浜ら�氬ぇ瀛�",
- "鍥涘窛璀﹀療瀛﹂櫌",
- "鍥涘窛鍐滀笟澶у",
- "鎴愰兘鑱屼笟鎶�鏈闄�",
- "瑗垮崕澶у鍖�",
- "鎴愰兘鍖诲闄�",
- "缁甸槼甯堣寖瀛﹂櫌",
- "瑗垮崡璐㈢粡澶у",
- "缁甸槼甯堣寖瀛﹂櫌",
- "鍥涘窛璐㈢粡瀛﹂櫌",
- "鎴愰兘甯傛爲寰蜂腑瀛�",
- "鍥涘窛鍗庢柊鐜颁唬鑱屼笟瀛﹂櫌",
- "寰烽槼甯傜涓�灏忓鏍�",
- "鍥涘窛鐪佸唴姹熷尰绉戝鏍�",
- "鍥涘窛鐪佹垚閮介珮鏂板尯瀹為獙灏忓",
- "鍥涘窛鐪佷俊鎭�氫俊瀛︽牎",
- "鍥涘窛鐪佷箰灞卞競绗竴涓鏍�",
- "鍗楀厖鑱屼笟鎶�鏈闄�",
- "鎴愰兘涓滈儴鏂板尯鍏婚┈楂樼骇涓",
- "鎴愰兘鍐滀笟绉戞妧鑱屼笟瀛﹂櫌",
- "鍥涘窛鏂囩悊瀛﹂櫌",
- "瑗胯棌涓鏍�"
- ]
+ "瑗垮崡浜ら�氬ぇ瀛�",
+ "鎴愰兘鐞嗗伐澶у",
+ "瑗垮崡浜ら�氬ぇ瀛�",
+ "鍥涘窛璀﹀療瀛﹂櫌",
+ "鍥涘窛鍐滀笟澶у",
+ "鎴愰兘鑱屼笟鎶�鏈闄�",
+ "瑗垮崕澶у",
+ "鎴愰兘鍖诲闄�",
+ "缁甸槼甯堣寖瀛﹂櫌",
+ "瑗垮崡璐㈢粡澶у",
+ "缁甸槼甯堣寖瀛﹂櫌",
+ "鍥涘窛璐㈢粡瀛﹂櫌",
+ "鎴愰兘甯傛爲寰蜂腑瀛�",
+ "鍥涘窛鍗庢柊鐜颁唬鑱屽寳瀛﹂櫌",
+ "寰烽槼甯傜涓�灏忓鏍�",
+ "鍥涘窛鐪佸唴姹熷尰绉戝鏍�",
+ "鍥涘窛鐪佹垚閮介珮鏂板尯瀹為獙灏忓",
+ "鍥涘窛鐪佷俊鎭�氫俊瀛︽牎",
+ "鍥涘窛鐪佷箰灞辩涓�涓鏍�",
+ "鍗楀厖鑱屼笟鎶�鏈闄�",
+ "鎴愰兘涓滈儴鏂板尯鍏婚┈楂樼骇涓",
+ "鎴愰兘鍐滀笟绉戞妧鑱屼笟瀛﹂櫌",
+ "鍥涘窛鏂囩悊瀛﹂櫌",
+ "瑗胯棌涓鏍�",
+ "鍥涘窛鐪佸洟鏍�",
+ "涓叡缁甸槼甯傚鍏氭牎",
+ "鍥涘窛鐪侀��褰瑰啗浜哄浼犳暀鑲蹭腑蹇�",
+ "鍥涘窛鐪佸痉闃充腑瀛︽牎"
+ ]
}
]
onMounted(() => {
--
Gitblit v1.9.1