Hooke / hager

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
d202078a 1 parent 6d3f5b34

联系我们页面数据请求方式优化调整，为后面调整做准备

Inline Side-by-side
Showing 4 changed files with 129 additions and 602 deletions
...@@ -24,6 +24,7 @@ ...@@ -24,6 +24,7 @@
24 "dayjs": "^1.11.13", 24 "dayjs": "^1.11.13",
25 "element-ui": "^2.15.14", 25 "element-ui": "^2.15.14",
26 "jquery": "^3.7.1", 26 "jquery": "^3.7.1",
27 + "lodash-es": "^4.17.21",
27 "mui-player": "^1.8.1", 28 "mui-player": "^1.8.1",
28 "object-fit-images": "^3.2.4", 29 "object-fit-images": "^3.2.4",
29 "sass": "1.55.0", 30 "sass": "1.55.0",
......
1 +const tel = [{
2 + area: '全 国',
3 + list: [{
4 + area: 'LSM/智能化产品事业部',
5 + name: '贺先生',
6 + tel: ['13817300169']
7 + }, {
8 + area: '发电行业',
9 + name: '许先生',
10 + tel: ['13910422245']
11 + }]
12 +}, {
13 + area: '华 东',
14 + list: [{
15 + area: '合肥',
16 + name: '丁先生',
17 + tel: ['15155181380']
18 + }, {
19 + area: '南京 苏北 无锡 苏州',
20 + name: '葛先生',
21 + tel: ['18662188718']
22 + }, {
23 + area: '上海',
24 + name: '侯女士',
25 + tel: ['18621185022']
26 + }, {
27 + area: '杭州',
28 + name: '谢先生',
29 + tel: ['18657575776']
30 + }, {
31 + area: '宁波',
32 + name: '李女士',
33 + tel: ['13819421866']
34 + }]
35 +}, {
36 + area: '华 南',
37 + list: [{
38 + area: '广州 佛山 顺德 茂名 湛江 韶关 海南',
39 + name: '座机',
40 + tel: ['020-31650557']
41 + }, {
42 + area: '深圳 惠州',
43 + name: '座机',
44 + tel: ['0755-82559248', '020-31650557']
45 + }, {
46 + area: '珠海 东莞 中山',
47 + name: '王先生',
48 + tel: ['15900247733']
49 + }, {
50 + area: '汕头 汕尾 潮州',
51 + name: '陈先生',
52 + tel: ['15817966395']
53 + }, {
54 + area: '福建省',
55 + name: '林先生',
56 + tel: ['18650180767']
57 + }]
58 +}, {
59 + area: '北 区',
60 + list: [{
61 + area: '北京',
62 + name: '座机',
63 + tel: ['010-84535251', '010-84535112']
64 + }, {
65 + area: '京津 内蒙',
66 + name: '孙先生',
67 + tel: ['13911009923']
68 + }, {
69 + area: '辽宁',
70 + name: '马先生',
71 + tel: ['18940112000']
72 + }, {
73 + area: '吉林 黑龙江',
74 + name: '郭女士',
75 + tel: ['13394492511']
76 + }, {
77 + area: '河北 山西',
78 + name: '明女士',
79 + tel: ['13832171806']
80 + }, {
81 + area: '济南 烟台',
82 + name: '张先生',
83 + tel: ['13608967713']
84 + }, {
85 + area: '青岛',
86 + name: '岳先生',
87 + tel: ['13608965895']
88 + }]
89 +}, {
90 + area: '华 中',
91 + list: [{
92 + area: '湖北',
93 + name: '余先生',
94 + tel: ['13607118550']
95 + }, {
96 + area: '13607118550',
97 + name: '祝先生',
98 + tel: ['13507421625']
99 + }, {
100 + area: '河南',
101 + name: '座机',
102 + tel: ['0731-84416348']
103 + }]
104 +}, {
105 + area: '西 南',
106 + list: [{
107 + area: '四川 重庆 贵州 云南 西藏',
108 + name: '雷先生',
109 + tel: ['13908221121']
110 + }]
111 +}]
112 +
113 +export default tel;
1 <!-- 1 <!--
2 * @Date: 2024-10-18 09:31:05 2 * @Date: 2024-10-18 09:31:05
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-11-04 16:05:44 4 + * @LastEditTime: 2024-11-05 11:34:09
5 * @FilePath: /hager/src/views/concat.vue 5 * @FilePath: /hager/src/views/concat.vue
6 * @Description: 联系我们 6 * @Description: 联系我们
7 --> 7 -->
...@@ -9,6 +9,7 @@ ...@@ -9,6 +9,7 @@
9 <div class="hager-concat-page"> 9 <div class="hager-concat-page">
10 <div :class="['top-img', is_xs ? 'xs' : '']"></div> 10 <div :class="['top-img', is_xs ? 'xs' : '']"></div>
11 <hager-box class="box-wrapper xs"> 11 <hager-box class="box-wrapper xs">
12 + <!-- Start -->
12 <el-row v-if="!is_xs" :gutter="0" style="margin-bottom: 1rem;"> 13 <el-row v-if="!is_xs" :gutter="0" style="margin-bottom: 1rem;">
13 <el-col :span="16"> 14 <el-col :span="16">
14 <div class="img"></div> 15 <div class="img"></div>
...@@ -33,385 +34,7 @@ ...@@ -33,385 +34,7 @@
33 </div> 34 </div>
34 <div class="img xs"></div> 35 <div class="img xs"></div>
35 </div> 36 </div>
36 - <!-- <div> 37 + <!-- END -->
37 - <div :class="['concat-area', is_xs ? 'xs' : '']">全 国</div>
38 - <el-row v-if="!is_xs" :gutter="0">
39 - <el-col :span="12">
40 - <el-row :gutter="0" style="border-right: 1px solid #DADADA; padding: 1.5rem 0;">
41 - <el-col :span="13" class="title"><span class="inner">LSM/智能化产品事业部</span></el-col>
42 - <el-col :span="3" class="name outer"><p class="inner">贺先生</p></el-col>
43 - <el-col :span="8" class="number outer"><span class="inner">13817300169</span></el-col>
44 - </el-row>
45 - </el-col>
46 - <el-col :span="12">
47 - <el-row :gutter="0" style="padding: 1.5rem 0;">
48 - <el-col :span="13" class="title"><span class="inner">发电行业</span></el-col>
49 - <el-col :span="3" class="name outer"><p class="inner">许先生</p></el-col>
50 - <el-col :span="8" class="number outer"><span class="inner">13910422245</span></el-col>
51 - </el-row>
52 - </el-col>
53 - </el-row>
54 - <div v-else class="xs-box">
55 - <el-row :gutter="0" style="border-bottom: 1px solid #DADADA; padding: 1.5rem 0;">
56 - <el-col :span="13" class="title"><span class="inner xs">LSM/智能化产品事业部</span></el-col>
57 - <el-col :span="3" class="name outer"><p class="inner xs">贺先生</p></el-col>
58 - <el-col :span="8" class="number outer"><span class="inner xs">13817300169</span></el-col>
59 - </el-row>
60 - <el-row :gutter="0" style="padding: 1.5rem 0;">
61 - <el-col :span="13" class="title"><span class="inner xs">发电行业</span></el-col>
62 - <el-col :span="3" class="name outer"><p class="inner xs">许先生</p></el-col>
63 - <el-col :span="8" class="number outer"><span class="inner xs">13910422245</span></el-col>
64 - </el-row>
65 - </div>
66 - <div :class="['concat-area', is_xs ? 'xs' : '']">华 东</div>
67 - <div v-if="!is_xs">
68 - <el-row :gutter="0" style="border-bottom: 1px solid #DADADA;">
69 - <el-col :span="12">
70 - <el-row :gutter="0" style="border-right: 1px solid #DADADA; padding: 1.5rem 0;">
71 - <el-col :span="13" class="title"><span class="inner">合肥</span></el-col>
72 - <el-col :span="3" class="name outer"><p class="inner">丁先生</p></el-col>
73 - <el-col :span="8" class="number outer"><span class="inner">15155181380</span></el-col>
74 - </el-row>
75 - </el-col>
76 - <el-col :span="12">
77 - <el-row :gutter="0" style="padding: 1.5rem 0;">
78 - <el-col :span="13" class="title"><span class="inner">南京 苏北 无锡 苏州</span></el-col>
79 - <el-col :span="3" class="name outer"><p class="inner">葛先生</p></el-col>
80 - <el-col :span="8" class="number outer"><span class="inner">18662188718</span></el-col>
81 - </el-row>
82 - </el-col>
83 - </el-row>
84 - <el-row :gutter="0" style="border-bottom: 1px solid #DADADA;">
85 - <el-col :span="12">
86 - <el-row :gutter="0" style="border-right: 1px solid #DADADA; padding: 1.5rem 0;">
87 - <el-col :span="13" class="title"><span class="inner">上海</span></el-col>
88 - <el-col :span="3" class="name outer"><p class="inner">侯女士</p></el-col>
89 - <el-col :span="8" class="number outer"><span class="inner">18621185022</span></el-col>
90 - </el-row>
91 - </el-col>
92 - <el-col :span="12">
93 - <el-row :gutter="0" style="padding: 1.5rem 0;">
94 - <el-col :span="13" class="title"><span class="inner">杭州</span></el-col>
95 - <el-col :span="3" class="name outer"><p class="inner">谢先生</p></el-col>
96 - <el-col :span="8" class="number outer"><span class="inner">18657575776</span></el-col>
97 - </el-row>
98 - </el-col>
99 - </el-row>
100 - <el-row :gutter="0">
101 - <el-col :span="12">
102 - <el-row :gutter="0" style="border-right: 1px solid #DADADA; padding: 1.5rem 0;">
103 - <el-col :span="13" class="title"><span class="inner">宁波</span></el-col>
104 - <el-col :span="3" class="name outer"><p class="inner">李女士</p></el-col>
105 - <el-col :span="8" class="number outer"><span class="inner">13819421866</span></el-col>
106 - </el-row>
107 - </el-col>
108 - <el-col :span="12">
109 - <el-row :gutter="0" style="padding: 1.5rem 0;">
110 - <el-col :span="13" class="title">&nbsp;</el-col>
111 - <el-col :span="3" class="name outer">&nbsp;</el-col>
112 - <el-col :span="8" class="number outer">&nbsp;</el-col>
113 - </el-row>
114 - </el-col>
115 - </el-row>
116 - </div>
117 - <div v-else class="xs-box">
118 - <el-row :gutter="0" style="border-bottom: 1px solid #DADADA; padding: 1.5rem 0;">
119 - <el-col :span="13" class="title"><span class="inner xs">合肥</span></el-col>
120 - <el-col :span="3" class="name outer"><p class="inner xs">丁先生</p></el-col>
121 - <el-col :span="8" class="number outer"><span class="inner xs">15155181380</span></el-col>
122 - </el-row>
123 - <el-row :gutter="0" style="border-bottom: 1px solid #DADADA; padding: 1.5rem 0;">
124 - <el-col :span="13" class="title"><span class="inner xs">南京 苏北 无锡 苏州</span></el-col>
125 - <el-col :span="3" class="name outer"><p class="inner xs">葛先生</p></el-col>
126 - <el-col :span="8" class="number outer"><span class="inner xs">18662188718</span></el-col>
127 - </el-row>
128 - <el-row :gutter="0" style="border-bottom: 1px solid #DADADA; padding: 1.5rem 0;">
129 - <el-col :span="13" class="title"><span class="inner xs">上海</span></el-col>
130 - <el-col :span="3" class="name outer"><p class="inner xs">侯女士</p></el-col>
131 - <el-col :span="8" class="number outer"><span class="inner xs">18621185022</span></el-col>
132 - </el-row>
133 - <el-row :gutter="0" style="border-bottom: 1px solid #DADADA; padding: 1.5rem 0;">
134 - <el-col :span="13" class="title"><span class="inner xs">杭州</span></el-col>
135 - <el-col :span="3" class="name outer"><p class="inner xs">谢先生</p></el-col>
136 - <el-col :span="8" class="number outer"><span class="inner xs">18657575776</span></el-col>
137 - </el-row>
138 - <el-row :gutter="0" style="padding: 1.5rem 0;">
139 - <el-col :span="13" class="title"><span class="inner xs">宁波</span></el-col>
140 - <el-col :span="3" class="name outer"><p class="inner xs">李女士</p></el-col>
141 - <el-col :span="8" class="number outer"><span class="inner xs">13819421866</span></el-col>
142 - </el-row>
143 - </div>
144 - <div :class="['concat-area', is_xs ? 'xs' : '']">华 南</div>
145 - <div v-if="!is_xs">
146 - <el-row :gutter="0" style="border-bottom: 1px solid #DADADA;">
147 - <el-col :span="12">
148 - <el-row :gutter="0" style="border-right: 1px solid #DADADA; padding: 1.5rem 0;">
149 - <el-col :span="13" class="title"><p class="inner">广州 佛山 顺德 茂名 湛江 韶关 海南</p></el-col>
150 - <el-col :span="3" class="name outer"><p class="inner">座机</p></el-col>
151 - <el-col :span="8" class="number outer"><span class="inner">020-31650557</span></el-col>
152 - </el-row>
153 - </el-col>
154 - <el-col :span="12">
155 - <el-row :gutter="0">
156 - <el-col :span="13" class="title" style="margin: 1.5rem 0;"><span class="inner">深圳 惠州</span></el-col>
157 - <el-col :span="3" class="name outer" style="margin: 1.5rem 0;"><p class="inner">座机</p></el-col>
158 - <el-col :span="8" class="number outer" style="margin-top: 1rem;">
159 - <p class="inner">0755-82559248</p>
160 - <p class="inner">020-31650557</p>
161 - </el-col>
162 - </el-row>
163 - </el-col>
164 - </el-row>
165 - <el-row :gutter="0" style="border-bottom: 1px solid #DADADA;">
166 - <el-col :span="12">
167 - <el-row :gutter="0" style="border-right: 1px solid #DADADA; padding: 1.5rem 0;">
168 - <el-col :span="13" class="title"><span class="inner">珠海 东莞 中山</span></el-col>
169 - <el-col :span="3" class="name outer"><p class="inner">王先生</p></el-col>
170 - <el-col :span="8" class="number outer"><span class="inner">15900247733</span></el-col>
171 - </el-row>
172 - </el-col>
173 - <el-col :span="12">
174 - <el-row :gutter="0" style="padding: 1.5rem 0;">
175 - <el-col :span="13" class="title"><span class="inner">汕头 汕尾 潮州</span></el-col>
176 - <el-col :span="3" class="name outer"><p class="inner">陈先生</p></el-col>
177 - <el-col :span="8" class="number outer"><span class="inner">15817966395</span></el-col>
178 - </el-row>
179 - </el-col>
180 - </el-row>
181 - <el-row :gutter="0">
182 - <el-col :span="12">
183 - <el-row :gutter="0" style="border-right: 1px solid #DADADA; padding: 1.5rem 0;">
184 - <el-col :span="13" class="title"><span class="inner">福建省</span></el-col>
185 - <el-col :span="3" class="name outer"><p class="inner">林先生</p></el-col>
186 - <el-col :span="8" class="number outer"><span class="inner">18650180767</span></el-col>
187 - </el-row>
188 - </el-col>
189 - <el-col :span="12">
190 - <el-row :gutter="0" style="padding: 1.5rem 0;">
191 - <el-col :span="13" class="title">&nbsp;</el-col>
192 - <el-col :span="3" class="name outer">&nbsp;</el-col>
193 - <el-col :span="8" class="number outer">&nbsp;</el-col>
194 - </el-row>
195 - </el-col>
196 - </el-row>
197 - </div>
198 - <div v-else class="xs-box">
199 - <el-row :gutter="0" style="border-bottom: 1px solid #DADADA; padding: 1.5rem 0;">
200 - <el-col :span="13" class="title"><p class="inner xs">广州 佛山 顺德 茂名 湛江 韶关 海南</p></el-col>
201 - <el-col :span="3" class="name outer"><p class="inner xs">座机</p></el-col>
202 - <el-col :span="8" class="number outer"><span class="inner xs">020-31650557</span></el-col>
203 - </el-row>
204 - <el-row :gutter="0" style="border-bottom: 1px solid #DADADA;">
205 - <el-col :span="13" class="title" style="margin: 1.5rem 0;"><span class="inner xs">深圳 惠州</span></el-col>
206 - <el-col :span="3" class="name outer" style="margin: 1.5rem 0;"><p class="inner xs">座机</p></el-col>
207 - <el-col :span="8" class="number outer" style="margin-top: 1rem;">
208 - <p class="inner xs">0755-82559248</p>
209 - <p class="inner xs">020-31650557</p>
210 - </el-col>
211 - </el-row>
212 - <el-row :gutter="0" style="border-bottom: 1px solid #DADADA; padding: 1.5rem 0;">
213 - <el-col :span="13" class="title"><span class="inner xs">珠海 东莞 中山</span></el-col>
214 - <el-col :span="3" class="name outer"><p class="inner xs">王先生</p></el-col>
215 - <el-col :span="8" class="number outer"><span class="inner xs">15900247733</span></el-col>
216 - </el-row>
217 - <el-row :gutter="0" style="border-bottom: 1px solid #DADADA;padding: 1.5rem 0;">
218 - <el-col :span="13" class="title"><span class="inner xs">汕头 汕尾 潮州</span></el-col>
219 - <el-col :span="3" class="name outer"><p class="inner xs">陈先生</p></el-col>
220 - <el-col :span="8" class="number outer"><span class="inner xs">15817966395</span></el-col>
221 - </el-row>
222 - <el-row :gutter="0" style="padding: 1.5rem 0;">
223 - <el-col :span="13" class="title"><span class="inner xs">福建省</span></el-col>
224 - <el-col :span="3" class="name outer"><p class="inner xs">林先生</p></el-col>
225 - <el-col :span="8" class="number outer"><span class="inner xs">18650180767</span></el-col>
226 - </el-row>
227 - </div>
228 - <div :class="['concat-area', is_xs ? 'xs' : '']">北 区</div>
229 - <div v-if="!is_xs">
230 - <el-row :gutter="0" style="border-bottom: 1px solid #DADADA;">
231 - <el-col :span="12" style="border-right: 1px solid #DADADA;">
232 - <el-row :gutter="0">
233 - <el-col :span="13" class="title" style="margin: 1.5rem 0;"><span class="inner">北京</span></el-col>
234 - <el-col :span="3" class="name outer" style="margin: 1.5rem 0;"><p class="inner">座机</p></el-col>
235 - <el-col :span="8" class="number outer" style="margin-top: 1rem;">
236 - <p class="inner">010-84535251</p>
237 - <p class="inner">010-84535112</p>
238 - </el-col>
239 - </el-row>
240 - </el-col>
241 - <el-col :span="12">
242 - <el-row :gutter="0" style="padding: 1.5rem 0;">
243 - <el-col :span="13" class="title"><p class="inner">京津 内蒙</p></el-col>
244 - <el-col :span="3" class="name outer"><p class="inner">孙先生</p></el-col>
245 - <el-col :span="8" class="number outer"><span class="inner">13911009923</span></el-col>
246 - </el-row>
247 - </el-col>
248 - </el-row>
249 - <el-row :gutter="0" style="border-bottom: 1px solid #DADADA;">
250 - <el-col :span="12">
251 - <el-row :gutter="0" style="border-right: 1px solid #DADADA; padding: 1.5rem 0;">
252 - <el-col :span="13" class="title"><span class="inner">辽宁</span></el-col>
253 - <el-col :span="3" class="name outer"><p class="inner">马先生</p></el-col>
254 - <el-col :span="8" class="number outer"><span class="inner">18940112000</span></el-col>
255 - </el-row>
256 - </el-col>
257 - <el-col :span="12">
258 - <el-row :gutter="0" style="padding: 1.5rem 0;">
259 - <el-col :span="13" class="title"><span class="inner">吉林 黑龙江</span></el-col>
260 - <el-col :span="3" class="name outer"><p class="inner">郭女士</p></el-col>
261 - <el-col :span="8" class="number outer"><span class="inner">13394492511</span></el-col>
262 - </el-row>
263 - </el-col>
264 - </el-row>
265 - <el-row :gutter="0" style="border-bottom: 1px solid #DADADA;">
266 - <el-col :span="12">
267 - <el-row :gutter="0" style="border-right: 1px solid #DADADA; padding: 1.5rem 0;">
268 - <el-col :span="13" class="title"><span class="inner">河北 山西</span></el-col>
269 - <el-col :span="3" class="name outer"><p class="inner">明女士</p></el-col>
270 - <el-col :span="8" class="number outer"><span class="inner">13832171806</span></el-col>
271 - </el-row>
272 - </el-col>
273 - <el-col :span="12">
274 - <el-row :gutter="0" style="padding: 1.5rem 0;">
275 - <el-col :span="13" class="title"><span class="inner">济南 烟台</span></el-col>
276 - <el-col :span="3" class="name outer"><p class="inner">张先生</p></el-col>
277 - <el-col :span="8" class="number outer"><span class="inner">13608967713</span></el-col>
278 - </el-row>
279 - </el-col>
280 - </el-row>
281 - <el-row :gutter="0">
282 - <el-col :span="12">
283 - <el-row :gutter="0" style="border-right: 1px solid #DADADA; padding: 1.5rem 0;">
284 - <el-col :span="13" class="title"><span class="inner">青岛</span></el-col>
285 - <el-col :span="3" class="name outer"><p class="inner">岳先生</p></el-col>
286 - <el-col :span="8" class="number outer"><span class="inner">13608965895</span></el-col>
287 - </el-row>
288 - </el-col>
289 - <el-col :span="12">
290 - <el-row :gutter="0" style="padding: 1.5rem 0;">
291 - <el-col :span="13" class="title">&nbsp;</el-col>
292 - <el-col :span="3" class="name outer">&nbsp;</el-col>
293 - <el-col :span="8" class="number outer">&nbsp;</el-col>
294 - </el-row>
295 - </el-col>
296 - </el-row>
297 - </div>
298 - <div v-else class="xs-box">
299 - <el-row :gutter="0" style="border-bottom: 1px solid #DADADA;">
300 - <el-col :span="13" class="title" style="margin: 1.5rem 0;"><span class="inner xs">北京</span></el-col>
301 - <el-col :span="3" class="name outer" style="margin: 1.5rem 0;"><p class="inner xs">座机</p></el-col>
302 - <el-col :span="8" class="number outer" style="margin-top: 1rem;">
303 - <p class="inner xs">010-84535251</p>
304 - <p class="inner xs">010-84535112</p>
305 - </el-col>
306 - </el-row>
307 - <el-row :gutter="0" style="border-bottom: 1px solid #DADADA;padding: 1.5rem 0;">
308 - <el-col :span="13" class="title"><p class="inner xs">京津 内蒙</p></el-col>
309 - <el-col :span="3" class="name outer"><p class="inner xs">孙先生</p></el-col>
310 - <el-col :span="8" class="number outer"><span class="inner xs">13911009923</span></el-col>
311 - </el-row>
312 - <el-row :gutter="0" style="border-bottom: 1px solid #DADADA; padding: 1.5rem 0;">
313 - <el-col :span="13" class="title"><span class="inner xs">辽宁</span></el-col>
314 - <el-col :span="3" class="name outer"><p class="inner xs">马先生</p></el-col>
315 - <el-col :span="8" class="number outer"><span class="inner xs">18940112000</span></el-col>
316 - </el-row>
317 - <el-row :gutter="0" style="border-bottom: 1px solid #DADADA;padding: 1.5rem 0;">
318 - <el-col :span="13" class="title"><span class="inner xs">吉林 黑龙江</span></el-col>
319 - <el-col :span="3" class="name outer"><p class="inner xs">郭女士</p></el-col>
320 - <el-col :span="8" class="number outer"><span class="inner xs">13394492511</span></el-col>
321 - </el-row>
322 - <el-row :gutter="0" style="border-bottom: 1px solid #DADADA; padding: 1.5rem 0;">
323 - <el-col :span="13" class="title"><span class="inner xs">河北 山西</span></el-col>
324 - <el-col :span="3" class="name outer"><p class="inner xs">明女士</p></el-col>
325 - <el-col :span="8" class="number outer"><span class="inner xs">13832171806</span></el-col>
326 - </el-row>
327 - <el-row :gutter="0" style="border-bottom: 1px solid #DADADA;padding: 1.5rem 0;">
328 - <el-col :span="13" class="title"><span class="inner xs">济南 烟台</span></el-col>
329 - <el-col :span="3" class="name outer"><p class="inner xs">张先生</p></el-col>
330 - <el-col :span="8" class="number outer"><span class="inner xs">13608967713</span></el-col>
331 - </el-row>
332 - <el-row :gutter="0" style="padding: 1.5rem 0;">
333 - <el-col :span="13" class="title"><span class="inner xs">青岛</span></el-col>
334 - <el-col :span="3" class="name outer"><p class="inner xs">岳先生</p></el-col>
335 - <el-col :span="8" class="number outer"><span class="inner xs">13608965895</span></el-col>
336 - </el-row>
337 - </div>
338 - <div :class="['concat-area', is_xs ? 'xs' : '']">华 中</div>
339 - <div v-if="!is_xs">
340 - <el-row :gutter="0" style="border-bottom: 1px solid #DADADA;">
341 - <el-col :span="12">
342 - <el-row :gutter="0" style="border-right: 1px solid #DADADA; padding: 1.5rem 0;">
343 - <el-col :span="13" class="title"><span class="inner">湖北</span></el-col>
344 - <el-col :span="3" class="name outer"><p class="inner">余先生</p></el-col>
345 - <el-col :span="8" class="number outer"><span class="inner">13607118550</span></el-col>
346 - </el-row>
347 - </el-col>
348 - <el-col :span="12">
349 - <el-row :gutter="0" style="padding: 1.5rem 0;">
350 - <el-col :span="13" class="title"><span class="inner">湖南</span></el-col>
351 - <el-col :span="3" class="name outer"><p class="inner">祝先生</p></el-col>
352 - <el-col :span="8" class="number outer"><span class="inner">13507421625</span></el-col>
353 - </el-row>
354 - </el-col>
355 - </el-row>
356 - <el-row :gutter="0">
357 - <el-col :span="12">
358 - <el-row :gutter="0" style="border-right: 1px solid #DADADA; padding: 1.5rem 0;">
359 - <el-col :span="13" class="title"><span class="inner">河南</span></el-col>
360 - <el-col :span="3" class="name outer"><p class="inner">座机</p></el-col>
361 - <el-col :span="8" class="number outer"><span class="inner">0731-84416348</span></el-col>
362 - </el-row>
363 - </el-col>
364 - <el-col :span="12">
365 - <el-row :gutter="0" style="padding: 1.5rem 0;">
366 - <el-col :span="13" class="title">&nbsp;</el-col>
367 - <el-col :span="3" class="name outer">&nbsp;</el-col>
368 - <el-col :span="8" class="number outer">&nbsp;</el-col>
369 - </el-row>
370 - </el-col>
371 - </el-row>
372 - </div>
373 - <div v-else class="xs-box">
374 - <el-row :gutter="0" style="border-bottom: 1px solid #DADADA; padding: 1.5rem 0;">
375 - <el-col :span="13" class="title"><span class="inner xs">湖北</span></el-col>
376 - <el-col :span="3" class="name outer"><p class="inner xs">余先生</p></el-col>
377 - <el-col :span="8" class="number outer"><span class="inner xs">13607118550</span></el-col>
378 - </el-row>
379 - <el-row :gutter="0" style="border-bottom: 1px solid #DADADA;padding: 1.5rem 0;">
380 - <el-col :span="13" class="title"><span class="inner xs">湖南</span></el-col>
381 - <el-col :span="3" class="name outer"><p class="inner xs">祝先生</p></el-col>
382 - <el-col :span="8" class="number outer"><span class="inner xs">13507421625</span></el-col>
383 - </el-row>
384 - <el-row :gutter="0" style="padding: 1.5rem 0;">
385 - <el-col :span="13" class="title"><span class="inner xs">河南</span></el-col>
386 - <el-col :span="3" class="name outer"><p class="inner xs">座机</p></el-col>
387 - <el-col :span="8" class="number outer"><span class="inner xs">0731-84416348</span></el-col>
388 - </el-row>
389 - </div>
390 - <div :class="['concat-area', is_xs ? 'xs' : '']">西 南</div>
391 - <el-row v-if="!is_xs" :gutter="0" style="border-bottom: 1px solid #DADADA;">
392 - <el-col :span="12">
393 - <el-row :gutter="0" style="border-right: 1px solid #DADADA; padding: 1.5rem 0;">
394 - <el-col :span="13" class="title"><span class="inner">四川 重庆 贵州 云南 西藏</span></el-col>
395 - <el-col :span="3" class="name outer"><p class="inner">梁先生</p></el-col>
396 - <el-col :span="8" class="number outer"><span class="inner">13637700633</span></el-col>
397 - </el-row>
398 - </el-col>
399 - <el-col :span="12">
400 - <el-row :gutter="0" style="padding: 1.5rem 0;">
401 - <el-col :span="13" class="title"><span class="inner">&nbsp;</span></el-col>
402 - <el-col :span="3" class="name outer"><p class="inner">&nbsp;</p></el-col>
403 - <el-col :span="8" class="number outer"><span class="inner">&nbsp;</span></el-col>
404 - </el-row>
405 - </el-col>
406 - </el-row>
407 - <div v-else class="xs-box">
408 - <el-row :gutter="0" style="padding: 1.5rem 0;">
409 - <el-col :span="13" class="title"><span class="inner xs">四川 重庆 贵州 云南 西藏</span></el-col>
410 - <el-col :span="3" class="name outer"><p class="inner xs">梁先生</p></el-col>
411 - <el-col :span="8" class="number outer"><span class="inner xs">13637700633</span></el-col>
412 - </el-row>
413 - </div>
414 - </div> -->
415 <div v-if="!is_xs" v-for="(item, index) in concat_list" :key="index"> 38 <div v-if="!is_xs" v-for="(item, index) in concat_list" :key="index">
416 <div :class="['concat-area', is_xs ? 'xs' : '']">{{ item.area }}</div> 39 <div :class="['concat-area', is_xs ? 'xs' : '']">{{ item.area }}</div>
417 <div> 40 <div>
...@@ -447,237 +70,22 @@ ...@@ -447,237 +70,22 @@
447 <script> 70 <script>
448 import mixin from 'common/mixin'; 71 import mixin from 'common/mixin';
449 import hagerBox from '@/components/common/hagerBox'; 72 import hagerBox from '@/components/common/hagerBox';
73 +import telData from '@/common/telData';
74 +import { cloneDeep } from 'lodash-es'
450 75
451 export default { 76 export default {
452 components: { hagerBox }, 77 components: { hagerBox },
453 mixins: [mixin.init], 78 mixins: [mixin.init],
454 data () { 79 data () {
455 return { 80 return {
456 - concat_list: [{ 81 + concat_list: [],
457 - area: '全 国', 82 + mini_concat_list: [],
458 - list: [{
459 - area: 'LSM/智能化产品事业部',
460 - name: '贺先生',
461 - tel: ['13817300169']
462 - }, {
463 - area: '发电行业',
464 - name: '许先生',
465 - tel: ['13910422245']
466 - }]
467 - }, {
468 - area: '华 东',
469 - list: [{
470 - area: '合肥',
471 - name: '丁先生',
472 - tel: ['15155181380']
473 - }, {
474 - area: '南京 苏北 无锡 苏州',
475 - name: '葛先生',
476 - tel: ['18662188718']
477 - }, {
478 - area: '上海',
479 - name: '侯女士',
480 - tel: ['18621185022']
481 - }, {
482 - area: '杭州',
483 - name: '谢先生',
484 - tel: ['18657575776']
485 - }, {
486 - area: '宁波',
487 - name: '李女士',
488 - tel: ['13819421866']
489 - }]
490 - }, {
491 - area: '华 南',
492 - list: [{
493 - area: '广州 佛山 顺德 茂名 湛江 韶关 海南',
494 - name: '座机',
495 - tel: ['020-31650557']
496 - }, {
497 - area: '深圳 惠州',
498 - name: '座机',
499 - tel: ['0755-82559248', '020-31650557']
500 - }, {
501 - area: '珠海 东莞 中山',
502 - name: '王先生',
503 - tel: ['15900247733']
504 - }, {
505 - area: '汕头 汕尾 潮州',
506 - name: '陈先生',
507 - tel: ['15817966395']
508 - }, {
509 - area: '福建省',
510 - name: '林先生',
511 - tel: ['18650180767']
512 - }]
513 - }, {
514 - area: '北 区',
515 - list: [{
516 - area: '北京',
517 - name: '座机',
518 - tel: ['010-84535251', '010-84535112']
519 - }, {
520 - area: '京津 内蒙',
521 - name: '孙先生',
522 - tel: ['13911009923']
523 - }, {
524 - area: '辽宁',
525 - name: '马先生',
526 - tel: ['18940112000']
527 - }, {
528 - area: '吉林 黑龙江',
529 - name: '郭女士',
530 - tel: ['13394492511']
531 - }, {
532 - area: '河北 山西',
533 - name: '明女士',
534 - tel: ['13832171806']
535 - }, {
536 - area: '济南 烟台',
537 - name: '张先生',
538 - tel: ['13608967713']
539 - }, {
540 - area: '青岛',
541 - name: '岳先生',
542 - tel: ['13608965895']
543 - }]
544 - }, {
545 - area: '华 中',
546 - list: [{
547 - area: '湖北',
548 - name: '余先生',
549 - tel: ['13607118550']
550 - }, {
551 - area: '13607118550',
552 - name: '祝先生',
553 - tel: ['13507421625']
554 - }, {
555 - area: '河南',
556 - name: '座机',
557 - tel: ['0731-84416348']
558 - }]
559 - }, {
560 - area: '西 南',
561 - list: [{
562 - area: '四川 重庆 贵州 云南 西藏',
563 - name: '雷先生',
564 - tel: ['13908221121']
565 - }]
566 - }],
567 - mini_concat_list: [{
568 - area: '全 国',
569 - list: [{
570 - area: 'LSM/智能化产品事业部',
571 - name: '贺先生',
572 - tel: ['13817300169']
573 - }, {
574 - area: '发电行业',
575 - name: '许先生',
576 - tel: ['13910422245']
577 - }]
578 - }, {
579 - area: '华 东',
580 - list: [{
581 - area: '合肥',
582 - name: '丁先生',
583 - tel: ['15155181380']
584 - }, {
585 - area: '南京 苏北 无锡 苏州',
586 - name: '葛先生',
587 - tel: ['18662188718']
588 - }, {
589 - area: '上海',
590 - name: '侯女士',
591 - tel: ['18621185022']
592 - }, {
593 - area: '杭州',
594 - name: '谢先生',
595 - tel: ['18657575776']
596 - }, {
597 - area: '宁波',
598 - name: '李女士',
599 - tel: ['13819421866']
600 - }]
601 - }, {
602 - area: '华 南',
603 - list: [{
604 - area: '广州 佛山 顺德 茂名 湛江 韶关 海南',
605 - name: '座机',
606 - tel: ['020-31650557']
607 - }, {
608 - area: '深圳 惠州',
609 - name: '座机',
610 - tel: ['0755-82559248', '020-31650557']
611 - }, {
612 - area: '珠海 东莞 中山',
613 - name: '王先生',
614 - tel: ['15900247733']
615 - }, {
616 - area: '汕头 汕尾 潮州',
617 - name: '陈先生',
618 - tel: ['15817966395']
619 - }, {
620 - area: '福建省',
621 - name: '林先生',
622 - tel: ['18650180767']
623 - }]
624 - }, {
625 - area: '北 区',
626 - list: [{
627 - area: '北京',
628 - name: '座机',
629 - tel: ['010-84535251', '010-84535112']
630 - }, {
631 - area: '京津 内蒙',
632 - name: '孙先生',
633 - tel: ['13911009923']
634 - }, {
635 - area: '辽宁',
636 - name: '马先生',
637 - tel: ['18940112000']
638 - }, {
639 - area: '吉林 黑龙江',
640 - name: '郭女士',
641 - tel: ['13394492511']
642 - }, {
643 - area: '河北 山西',
644 - name: '明女士',
645 - tel: ['13832171806']
646 - }, {
647 - area: '济南 烟台',
648 - name: '张先生',
649 - tel: ['13608967713']
650 - }, {
651 - area: '青岛',
652 - name: '岳先生',
653 - tel: ['13608965895']
654 - }]
655 - }, {
656 - area: '华 中',
657 - list: [{
658 - area: '湖北',
659 - name: '余先生',
660 - tel: ['13607118550']
661 - }, {
662 - area: '13607118550',
663 - name: '祝先生',
664 - tel: ['13507421625']
665 - }, {
666 - area: '河南',
667 - name: '座机',
668 - tel: ['0731-84416348']
669 - }]
670 - }, {
671 - area: '西 南',
672 - list: [{
673 - area: '四川 重庆 贵州 云南 西藏',
674 - name: '梁先生',
675 - tel: ['13637700633']
676 - }]
677 - }],
678 } 83 }
679 }, 84 },
680 mounted () { 85 mounted () {
86 + this.concat_list = cloneDeep(telData);
87 + this.mini_concat_list = cloneDeep(telData);
88 + // PC端将list中的元素分成两组, 构造显示结构
681 this.concat_list.forEach(item => { 89 this.concat_list.forEach(item => {
682 item.list = this.splitListIntoPairs(item.list); 90 item.list = this.splitListIntoPairs(item.list);
683 }); 91 });
......
...@@ -2186,6 +2186,11 @@ local-pkg@^0.5.0: ...@@ -2186,6 +2186,11 @@ local-pkg@^0.5.0:
2186 mlly "^1.4.2" 2186 mlly "^1.4.2"
2187 pkg-types "^1.0.3" 2187 pkg-types "^1.0.3"
2188 2188
2189 +lodash-es@^4.17.21:
2190 + version "4.17.21"
2191 + resolved "https://mirrors.cloud.tencent.com/npm/lodash-es/-/lodash-es-4.17.21.tgz#43e626c46e6591b7750beb2b50117390c609e3ee"
2192 + integrity sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==
2193 +
2189 lodash.debounce@^4.0.8: 2194 lodash.debounce@^4.0.8:
2190 version "4.0.8" 2195 version "4.0.8"
2191 resolved "https://mirrors.cloud.tencent.com/npm/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af" 2196 resolved "https://mirrors.cloud.tencent.com/npm/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
......