1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
| <template>
| <div>
| <div class="bannerbg chuany-width100 h-[450px] flex items-center">
| <div
| class="content text-black font-['Source_Han_Sans_SC'] font-bold text-[50px] leading-[80px] tracking-[11%] capitalize ">
| <p class="pb-3">链接多元客户，</p>
| <p>共建更强合作生态</p>
| </div>
| </div>
| <!-- <el-image class="chuany-width100" :src="data.joinbanner"></el-image> -->
| <div class="bg-white">
| <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 == 0 ? 'actived' : '']" @click="tabchange(0)">政府单位</li>
| <li :class="['chuany-cursor', data.tab == 1 ? 'actived' : '']" @click="tabchange(1)">医疗机构</li>
| <li :class="['chuany-cursor', data.tab == 2 ? 'actived' : '']" @click="tabchange(2)">教育机构</li>
| <li :class="['chuany-cursor', data.tab == 3 ? 'actived' : '']" @click="tabchange(3)">学校</li>
| </ul>
| </div>
| </div>
| <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="data.tab%2==0?'bg-white':'bg-[#F2F6FF]'">{{ value }}</p>
| </el-col>
| </el-row>
| </div>
| <p class="text-center py-4">* 部分客户名单</p>
| </div>
|
| <div class="bannerbg1 h-96 text-center text-white flex justify-center items-center">
| <div>
| <p class="font-['Source_Han_Sans_SC'] font-bold text-[36px] leading-[50px] tracking-[10%] capitalize">服务客服</p>
| <p class="font-['Figtree'] font-black text-[56px] leading-[50px] tracking-[10%] text-center capitalize my-4 pb-4">2000+</p>
| <p class="font-['Source_Han_Sans_SC'] font-normal text-[20px] leading-[38px] tracking-[20%] text-center capitalize">我们服务的客户类型多样，覆盖政府机构、国有企业、医疗、教育及各类学校等多个领域。凭借稳定的交</p>
| <p class="font-['Source_Han_Sans_SC'] font-normal text-[20px] leading-[38px] tracking-[20%] text-center capitalize">付能力和专业服务，我们在不同场景下都获得了客户的高度认可，并持续拓展更广泛的合作范围。</p>
| </div>
| </div>
| </div>
| </template>
|
| <script setup>
|
| const { $route,$router } = getCurrentInstance().appContext.config.globalProperties
|
| import $store from "@/store/index.js";
|
|
| 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(() => {
| data.tab = $route.query.id;
| })
| </script>
|
| <style scoped>
| .el-button {
| width: 309.52px;
| height: 77.34px;
| font-size: 28px;
| }
|
| .actived {
| line-height: 52px;
| border-bottom: 4px solid #09a860;
| }
|
| .bannerbg {
| background: url('@/static/img/severbanner.png') center/cover no-repeat;
| }
|
| .bannerbg1 {
| background: linear-gradient(114.84deg, rgba(14, 88, 209, 0.9) 35.46%, rgba(51, 109, 252, 0.7) 93.3%),
| url('@/static/img/severbanner.png') center/cover no-repeat;
| background-blend-mode: multiply;
| }
| </style>
|
|
