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

hookehuyr
Commit d202078aa18b9d201ea771c7c2a2cd412b19cb3d d202078a 1 parent 6d3f5b34
Showing 4 changed files with 129 additions and 602 deletions
package.json
src/common/telData.js
src/views/concat.vue
yarn.lock
--- a/package.json
View file @d202078
+++ b/package.json
View file @d202078
@@ -24,6 +24,7 @@
     "dayjs": "^1.11.13",
     "element-ui": "^2.15.14",
     "jquery": "^3.7.1",
+     "lodash-es": "^4.17.21",
     "mui-player": "^1.8.1",
     "object-fit-images": "^3.2.4",
     "sass": "1.55.0",
--- a/src/common/telData.js 0 → 100644
View file @d202078
+++ b/src/common/telData.js 0 → 100644
View file @d202078
+ const tel = [{
+   area: '全 国',
+   list: [{
+     area: 'LSM/智能化产品事业部',
+     name: '贺先生',
+     tel: ['13817300169']
+   }, {
+     area: '发电行业',
+     name: '许先生',
+     tel: ['13910422245']
+   }]
+ }, {
+   area: '华 东',
+   list: [{
+     area: '合肥',
+     name: '丁先生',
+     tel: ['15155181380']
+   }, {
+     area: '南京 苏北 无锡 苏州',
+     name: '葛先生',
+     tel: ['18662188718']
+   }, {
+     area: '上海',
+     name: '侯女士',
+     tel: ['18621185022']
+   }, {
+     area: '杭州',
+     name: '谢先生',
+     tel: ['18657575776']
+   }, {
+     area: '宁波',
+     name: '李女士',
+     tel: ['13819421866']
+   }]
+ }, {
+   area: '华 南',
+   list: [{
+     area: '广州 佛山 顺德 茂名 湛江 韶关 海南',
+     name: '座机',
+     tel: ['020-31650557']
+   }, {
+     area: '深圳 惠州',
+     name: '座机',
+     tel: ['0755-82559248', '020-31650557']
+   }, {
+     area: '珠海 东莞 中山',
+     name: '王先生',
+     tel: ['15900247733']
+   }, {
+     area: '汕头 汕尾 潮州',
+     name: '陈先生',
+     tel: ['15817966395']
+   }, {
+     area: '福建省',
+     name: '林先生',
+     tel: ['18650180767']
+   }]
+ }, {
+   area: '北 区',
+   list: [{
+     area: '北京',
+     name: '座机',
+     tel: ['010-84535251', '010-84535112']
+   }, {
+     area: '京津 内蒙',
+     name: '孙先生',
+     tel: ['13911009923']
+   }, {
+     area: '辽宁',
+     name: '马先生',
+     tel: ['18940112000']
+   }, {
+     area: '吉林 黑龙江',
+     name: '郭女士',
+     tel: ['13394492511']
+   }, {
+     area: '河北 山西',
+     name: '明女士',
+     tel: ['13832171806']
+   }, {
+     area: '济南 烟台',
+     name: '张先生',
+     tel: ['13608967713']
+   }, {
+     area: '青岛',
+     name: '岳先生',
+     tel: ['13608965895']
+   }]
+ }, {
+   area: '华 中',
+   list: [{
+     area: '湖北',
+     name: '余先生',
+     tel: ['13607118550']
+   }, {
+     area: '13607118550',
+     name: '祝先生',
+     tel: ['13507421625']
+   }, {
+     area: '河南',
+     name: '座机',
+     tel: ['0731-84416348']
+   }]
+ }, {
+   area: '西 南',
+   list: [{
+     area: '四川 重庆 贵州 云南 西藏',
+     name: '雷先生',
+     tel: ['13908221121']
+   }]
+ }]
+ 
+ export default tel;
--- a/src/views/concat.vue
View file @d202078
+++ b/src/views/concat.vue
View file @d202078
 <!--
  * @Date: 2024-10-18 09:31:05
  * @LastEditors: hookehuyr hookehuyr@gmail.com
-  * @LastEditTime: 2024-11-04 16:05:44
+  * @LastEditTime: 2024-11-05 11:34:09
  * @FilePath: /hager/src/views/concat.vue
  * @Description: 联系我们
 -->
@@ -9,6 +9,7 @@
   <div class="hager-concat-page">
     <div :class="['top-img', is_xs ? 'xs' : '']"></div>
     <hager-box class="box-wrapper xs">
+       <!-- Start -->
       <el-row v-if="!is_xs" :gutter="0" style="margin-bottom: 1rem;">
         <el-col :span="16">
           <div class="img"></div>
@@ -33,385 +34,7 @@
         </div>
         <div class="img xs"></div>
       </div>
-       <!-- <div>
-         <div :class="['concat-area', is_xs ? 'xs' : '']">全 国</div>
-         <el-row v-if="!is_xs" :gutter="0">
-           <el-col :span="12">
-             <el-row :gutter="0" style="border-right: 1px solid #DADADA; padding: 1.5rem 0;">
-               <el-col :span="13" class="title"><span class="inner">LSM/智能化产品事业部</span></el-col>
-               <el-col :span="3" class="name outer"><p class="inner">贺先生</p></el-col>
-               <el-col :span="8" class="number outer"><span class="inner">13817300169</span></el-col>
-             </el-row>
-           </el-col>
-           <el-col :span="12">
-             <el-row :gutter="0" style="padding: 1.5rem 0;">
-               <el-col :span="13" class="title"><span class="inner">发电行业</span></el-col>
-               <el-col :span="3" class="name outer"><p class="inner">许先生</p></el-col>
-               <el-col :span="8" class="number outer"><span class="inner">13910422245</span></el-col>
-             </el-row>
-           </el-col>
-         </el-row>
-         <div v-else class="xs-box">
-           <el-row :gutter="0" style="border-bottom: 1px solid #DADADA; padding: 1.5rem 0;">
-             <el-col :span="13" class="title"><span class="inner xs">LSM/智能化产品事业部</span></el-col>
-             <el-col :span="3" class="name outer"><p class="inner xs">贺先生</p></el-col>
-             <el-col :span="8" class="number outer"><span class="inner xs">13817300169</span></el-col>
-           </el-row>
-           <el-row :gutter="0" style="padding: 1.5rem 0;">
-             <el-col :span="13" class="title"><span class="inner xs">发电行业</span></el-col>
-             <el-col :span="3" class="name outer"><p class="inner xs">许先生</p></el-col>
-             <el-col :span="8" class="number outer"><span class="inner xs">13910422245</span></el-col>
-           </el-row>
-         </div>
-         <div :class="['concat-area', is_xs ? 'xs' : '']">华 东</div>
-         <div v-if="!is_xs">
-           <el-row :gutter="0" style="border-bottom: 1px solid #DADADA;">
-             <el-col :span="12">
-               <el-row :gutter="0" style="border-right: 1px solid #DADADA; padding: 1.5rem 0;">
-                 <el-col :span="13" class="title"><span class="inner">合肥</span></el-col>
-                 <el-col :span="3" class="name outer"><p class="inner">丁先生</p></el-col>
-                 <el-col :span="8" class="number outer"><span class="inner">15155181380</span></el-col>
-               </el-row>
-             </el-col>
-             <el-col :span="12">
-               <el-row :gutter="0" style="padding: 1.5rem 0;">
-                 <el-col :span="13" class="title"><span class="inner">南京 苏北 无锡 苏州</span></el-col>
-                 <el-col :span="3" class="name outer"><p class="inner">葛先生</p></el-col>
-                 <el-col :span="8" class="number outer"><span class="inner">18662188718</span></el-col>
-               </el-row>
-             </el-col>
-           </el-row>
-           <el-row :gutter="0" style="border-bottom: 1px solid #DADADA;">
-             <el-col :span="12">
-               <el-row :gutter="0" style="border-right: 1px solid #DADADA; padding: 1.5rem 0;">
-                 <el-col :span="13" class="title"><span class="inner">上海</span></el-col>
-                 <el-col :span="3" class="name outer"><p class="inner">侯女士</p></el-col>
-                 <el-col :span="8" class="number outer"><span class="inner">18621185022</span></el-col>
-               </el-row>
-             </el-col>
-             <el-col :span="12">
-               <el-row :gutter="0" style="padding: 1.5rem 0;">
-                 <el-col :span="13" class="title"><span class="inner">杭州</span></el-col>
-                 <el-col :span="3" class="name outer"><p class="inner">谢先生</p></el-col>
-                 <el-col :span="8" class="number outer"><span class="inner">18657575776</span></el-col>
-               </el-row>
-             </el-col>
-           </el-row>
-           <el-row :gutter="0">
-             <el-col :span="12">
-               <el-row :gutter="0" style="border-right: 1px solid #DADADA; padding: 1.5rem 0;">
-                 <el-col :span="13" class="title"><span class="inner">宁波</span></el-col>
-                 <el-col :span="3" class="name outer"><p class="inner">李女士</p></el-col>
-                 <el-col :span="8" class="number outer"><span class="inner">13819421866</span></el-col>
-               </el-row>
-             </el-col>
-             <el-col :span="12">
-               <el-row :gutter="0" style="padding: 1.5rem 0;">
-                 <el-col :span="13" class="title">&nbsp;</el-col>
-                 <el-col :span="3" class="name outer">&nbsp;</el-col>
-                 <el-col :span="8" class="number outer">&nbsp;</el-col>
-               </el-row>
-             </el-col>
-           </el-row>
-         </div>
-         <div v-else class="xs-box">
-           <el-row :gutter="0" style="border-bottom: 1px solid #DADADA; padding: 1.5rem 0;">
-             <el-col :span="13" class="title"><span class="inner xs">合肥</span></el-col>
-             <el-col :span="3" class="name outer"><p class="inner xs">丁先生</p></el-col>
-             <el-col :span="8" class="number outer"><span class="inner xs">15155181380</span></el-col>
-           </el-row>
-           <el-row :gutter="0" style="border-bottom: 1px solid #DADADA; padding: 1.5rem 0;">
-             <el-col :span="13" class="title"><span class="inner xs">南京 苏北 无锡 苏州</span></el-col>
-             <el-col :span="3" class="name outer"><p class="inner xs">葛先生</p></el-col>
-             <el-col :span="8" class="number outer"><span class="inner xs">18662188718</span></el-col>
-           </el-row>
-           <el-row :gutter="0" style="border-bottom: 1px solid #DADADA; padding: 1.5rem 0;">
-             <el-col :span="13" class="title"><span class="inner xs">上海</span></el-col>
-             <el-col :span="3" class="name outer"><p class="inner xs">侯女士</p></el-col>
-             <el-col :span="8" class="number outer"><span class="inner xs">18621185022</span></el-col>
-           </el-row>
-           <el-row :gutter="0" style="border-bottom: 1px solid #DADADA; padding: 1.5rem 0;">
-             <el-col :span="13" class="title"><span class="inner xs">杭州</span></el-col>
-             <el-col :span="3" class="name outer"><p class="inner xs">谢先生</p></el-col>
-             <el-col :span="8" class="number outer"><span class="inner xs">18657575776</span></el-col>
-           </el-row>
-           <el-row :gutter="0" style="padding: 1.5rem 0;">
-             <el-col :span="13" class="title"><span class="inner xs">宁波</span></el-col>
-             <el-col :span="3" class="name outer"><p class="inner xs">李女士</p></el-col>
-             <el-col :span="8" class="number outer"><span class="inner xs">13819421866</span></el-col>
-           </el-row>
-         </div>
-         <div :class="['concat-area', is_xs ? 'xs' : '']">华 南</div>
-         <div v-if="!is_xs">
-           <el-row :gutter="0" style="border-bottom: 1px solid #DADADA;">
-             <el-col :span="12">
-               <el-row :gutter="0" style="border-right: 1px solid #DADADA; padding: 1.5rem 0;">
-                 <el-col :span="13" class="title"><p class="inner">广州 佛山 顺德 茂名 湛江 韶关 海南</p></el-col>
-                 <el-col :span="3" class="name outer"><p class="inner">座机</p></el-col>
-                 <el-col :span="8" class="number outer"><span class="inner">020-31650557</span></el-col>
-               </el-row>
-             </el-col>
-             <el-col :span="12">
-               <el-row :gutter="0">
-                 <el-col :span="13" class="title" style="margin: 1.5rem 0;"><span class="inner">深圳 惠州</span></el-col>
-                 <el-col :span="3" class="name outer" style="margin: 1.5rem 0;"><p class="inner">座机</p></el-col>
-                 <el-col :span="8" class="number outer" style="margin-top: 1rem;">
-                   <p class="inner">0755-82559248</p>
-                   <p class="inner">020-31650557</p>
-                 </el-col>
-               </el-row>
-             </el-col>
-           </el-row>
-           <el-row :gutter="0" style="border-bottom: 1px solid #DADADA;">
-             <el-col :span="12">
-               <el-row :gutter="0" style="border-right: 1px solid #DADADA; padding: 1.5rem 0;">
-                 <el-col :span="13" class="title"><span class="inner">珠海 东莞 中山</span></el-col>
-                 <el-col :span="3" class="name outer"><p class="inner">王先生</p></el-col>
-                 <el-col :span="8" class="number outer"><span class="inner">15900247733</span></el-col>
-               </el-row>
-             </el-col>
-             <el-col :span="12">
-               <el-row :gutter="0" style="padding: 1.5rem 0;">
-                 <el-col :span="13" class="title"><span class="inner">汕头 汕尾 潮州</span></el-col>
-                 <el-col :span="3" class="name outer"><p class="inner">陈先生</p></el-col>
-                 <el-col :span="8" class="number outer"><span class="inner">15817966395</span></el-col>
-               </el-row>
-             </el-col>
-           </el-row>
-           <el-row :gutter="0">
-             <el-col :span="12">
-               <el-row :gutter="0" style="border-right: 1px solid #DADADA; padding: 1.5rem 0;">
-                 <el-col :span="13" class="title"><span class="inner">福建省</span></el-col>
-                 <el-col :span="3" class="name outer"><p class="inner">林先生</p></el-col>
-                 <el-col :span="8" class="number outer"><span class="inner">18650180767</span></el-col>
-               </el-row>
-             </el-col>
-             <el-col :span="12">
-               <el-row :gutter="0" style="padding: 1.5rem 0;">
-                 <el-col :span="13" class="title">&nbsp;</el-col>
-                 <el-col :span="3" class="name outer">&nbsp;</el-col>
-                 <el-col :span="8" class="number outer">&nbsp;</el-col>
-               </el-row>
-             </el-col>
-           </el-row>
-         </div>
-         <div v-else class="xs-box">
-           <el-row :gutter="0" style="border-bottom: 1px solid #DADADA; padding: 1.5rem 0;">
-             <el-col :span="13" class="title"><p class="inner xs">广州 佛山 顺德 茂名 湛江 韶关 海南</p></el-col>
-             <el-col :span="3" class="name outer"><p class="inner xs">座机</p></el-col>
-             <el-col :span="8" class="number outer"><span class="inner xs">020-31650557</span></el-col>
-           </el-row>
-           <el-row :gutter="0" style="border-bottom: 1px solid #DADADA;">
-             <el-col :span="13" class="title" style="margin: 1.5rem 0;"><span class="inner xs">深圳 惠州</span></el-col>
-             <el-col :span="3" class="name outer" style="margin: 1.5rem 0;"><p class="inner xs">座机</p></el-col>
-             <el-col :span="8" class="number outer" style="margin-top: 1rem;">
-               <p class="inner xs">0755-82559248</p>
-               <p class="inner xs">020-31650557</p>
-             </el-col>
-           </el-row>
-           <el-row :gutter="0" style="border-bottom: 1px solid #DADADA; padding: 1.5rem 0;">
-             <el-col :span="13" class="title"><span class="inner xs">珠海 东莞 中山</span></el-col>
-             <el-col :span="3" class="name outer"><p class="inner xs">王先生</p></el-col>
-             <el-col :span="8" class="number outer"><span class="inner xs">15900247733</span></el-col>
-           </el-row>
-           <el-row :gutter="0" style="border-bottom: 1px solid #DADADA;padding: 1.5rem 0;">
-             <el-col :span="13" class="title"><span class="inner xs">汕头 汕尾 潮州</span></el-col>
-             <el-col :span="3" class="name outer"><p class="inner xs">陈先生</p></el-col>
-             <el-col :span="8" class="number outer"><span class="inner xs">15817966395</span></el-col>
-           </el-row>
-           <el-row :gutter="0" style="padding: 1.5rem 0;">
-             <el-col :span="13" class="title"><span class="inner xs">福建省</span></el-col>
-             <el-col :span="3" class="name outer"><p class="inner xs">林先生</p></el-col>
-             <el-col :span="8" class="number outer"><span class="inner xs">18650180767</span></el-col>
-           </el-row>
-         </div>
-         <div :class="['concat-area', is_xs ? 'xs' : '']">北 区</div>
-         <div v-if="!is_xs">
-           <el-row :gutter="0" style="border-bottom: 1px solid #DADADA;">
-             <el-col :span="12" style="border-right: 1px solid #DADADA;">
-               <el-row :gutter="0">
-                 <el-col :span="13" class="title" style="margin: 1.5rem 0;"><span class="inner">北京</span></el-col>
-                 <el-col :span="3" class="name outer" style="margin: 1.5rem 0;"><p class="inner">座机</p></el-col>
-                 <el-col :span="8" class="number outer" style="margin-top: 1rem;">
-                   <p class="inner">010-84535251</p>
-                   <p class="inner">010-84535112</p>
-                 </el-col>
-               </el-row>
-             </el-col>
-             <el-col :span="12">
-               <el-row :gutter="0" style="padding: 1.5rem 0;">
-                 <el-col :span="13" class="title"><p class="inner">京津 内蒙</p></el-col>
-                 <el-col :span="3" class="name outer"><p class="inner">孙先生</p></el-col>
-                 <el-col :span="8" class="number outer"><span class="inner">13911009923</span></el-col>
-               </el-row>
-             </el-col>
-           </el-row>
-           <el-row :gutter="0" style="border-bottom: 1px solid #DADADA;">
-             <el-col :span="12">
-               <el-row :gutter="0" style="border-right: 1px solid #DADADA; padding: 1.5rem 0;">
-                 <el-col :span="13" class="title"><span class="inner">辽宁</span></el-col>
-                 <el-col :span="3" class="name outer"><p class="inner">马先生</p></el-col>
-                 <el-col :span="8" class="number outer"><span class="inner">18940112000</span></el-col>
-               </el-row>
-             </el-col>
-             <el-col :span="12">
-               <el-row :gutter="0" style="padding: 1.5rem 0;">
-                 <el-col :span="13" class="title"><span class="inner">吉林 黑龙江</span></el-col>
-                 <el-col :span="3" class="name outer"><p class="inner">郭女士</p></el-col>
-                 <el-col :span="8" class="number outer"><span class="inner">13394492511</span></el-col>
-               </el-row>
-             </el-col>
-           </el-row>
-           <el-row :gutter="0" style="border-bottom: 1px solid #DADADA;">
-             <el-col :span="12">
-               <el-row :gutter="0" style="border-right: 1px solid #DADADA; padding: 1.5rem 0;">
-                 <el-col :span="13" class="title"><span class="inner">河北 山西</span></el-col>
-                 <el-col :span="3" class="name outer"><p class="inner">明女士</p></el-col>
-                 <el-col :span="8" class="number outer"><span class="inner">13832171806</span></el-col>
-               </el-row>
-             </el-col>
-             <el-col :span="12">
-               <el-row :gutter="0" style="padding: 1.5rem 0;">
-                 <el-col :span="13" class="title"><span class="inner">济南 烟台</span></el-col>
-                 <el-col :span="3" class="name outer"><p class="inner">张先生</p></el-col>
-                 <el-col :span="8" class="number outer"><span class="inner">13608967713</span></el-col>
-               </el-row>
-             </el-col>
-           </el-row>
-           <el-row :gutter="0">
-             <el-col :span="12">
-               <el-row :gutter="0" style="border-right: 1px solid #DADADA; padding: 1.5rem 0;">
-                 <el-col :span="13" class="title"><span class="inner">青岛</span></el-col>
-                 <el-col :span="3" class="name outer"><p class="inner">岳先生</p></el-col>
-                 <el-col :span="8" class="number outer"><span class="inner">13608965895</span></el-col>
-               </el-row>
-             </el-col>
-             <el-col :span="12">
-               <el-row :gutter="0" style="padding: 1.5rem 0;">
-                 <el-col :span="13" class="title">&nbsp;</el-col>
-                 <el-col :span="3" class="name outer">&nbsp;</el-col>
-                 <el-col :span="8" class="number outer">&nbsp;</el-col>
-               </el-row>
-             </el-col>
-           </el-row>
-         </div>
-         <div v-else class="xs-box">
-           <el-row :gutter="0" style="border-bottom: 1px solid #DADADA;">
-             <el-col :span="13" class="title" style="margin: 1.5rem 0;"><span class="inner xs">北京</span></el-col>
-             <el-col :span="3" class="name outer" style="margin: 1.5rem 0;"><p class="inner xs">座机</p></el-col>
-             <el-col :span="8" class="number outer" style="margin-top: 1rem;">
-               <p class="inner xs">010-84535251</p>
-               <p class="inner xs">010-84535112</p>
-             </el-col>
-           </el-row>
-           <el-row :gutter="0" style="border-bottom: 1px solid #DADADA;padding: 1.5rem 0;">
-             <el-col :span="13" class="title"><p class="inner xs">京津 内蒙</p></el-col>
-             <el-col :span="3" class="name outer"><p class="inner xs">孙先生</p></el-col>
-             <el-col :span="8" class="number outer"><span class="inner xs">13911009923</span></el-col>
-           </el-row>
-           <el-row :gutter="0" style="border-bottom: 1px solid #DADADA; padding: 1.5rem 0;">
-             <el-col :span="13" class="title"><span class="inner xs">辽宁</span></el-col>
-             <el-col :span="3" class="name outer"><p class="inner xs">马先生</p></el-col>
-             <el-col :span="8" class="number outer"><span class="inner xs">18940112000</span></el-col>
-           </el-row>
-           <el-row :gutter="0" style="border-bottom: 1px solid #DADADA;padding: 1.5rem 0;">
-             <el-col :span="13" class="title"><span class="inner xs">吉林 黑龙江</span></el-col>
-             <el-col :span="3" class="name outer"><p class="inner xs">郭女士</p></el-col>
-             <el-col :span="8" class="number outer"><span class="inner xs">13394492511</span></el-col>
-           </el-row>
-           <el-row :gutter="0" style="border-bottom: 1px solid #DADADA; padding: 1.5rem 0;">
-             <el-col :span="13" class="title"><span class="inner xs">河北 山西</span></el-col>
-             <el-col :span="3" class="name outer"><p class="inner xs">明女士</p></el-col>
-             <el-col :span="8" class="number outer"><span class="inner xs">13832171806</span></el-col>
-           </el-row>
-           <el-row :gutter="0" style="border-bottom: 1px solid #DADADA;padding: 1.5rem 0;">
-             <el-col :span="13" class="title"><span class="inner xs">济南 烟台</span></el-col>
-             <el-col :span="3" class="name outer"><p class="inner xs">张先生</p></el-col>
-             <el-col :span="8" class="number outer"><span class="inner xs">13608967713</span></el-col>
-           </el-row>
-           <el-row :gutter="0" style="padding: 1.5rem 0;">
-             <el-col :span="13" class="title"><span class="inner xs">青岛</span></el-col>
-             <el-col :span="3" class="name outer"><p class="inner xs">岳先生</p></el-col>
-             <el-col :span="8" class="number outer"><span class="inner xs">13608965895</span></el-col>
-           </el-row>
-         </div>
-         <div :class="['concat-area', is_xs ? 'xs' : '']">华 中</div>
-         <div v-if="!is_xs">
-           <el-row :gutter="0" style="border-bottom: 1px solid #DADADA;">
-             <el-col :span="12">
-               <el-row :gutter="0" style="border-right: 1px solid #DADADA; padding: 1.5rem 0;">
-                 <el-col :span="13" class="title"><span class="inner">湖北</span></el-col>
-                 <el-col :span="3" class="name outer"><p class="inner">余先生</p></el-col>
-                 <el-col :span="8" class="number outer"><span class="inner">13607118550</span></el-col>
-               </el-row>
-             </el-col>
-             <el-col :span="12">
-               <el-row :gutter="0" style="padding: 1.5rem 0;">
-                 <el-col :span="13" class="title"><span class="inner">湖南</span></el-col>
-                 <el-col :span="3" class="name outer"><p class="inner">祝先生</p></el-col>
-                 <el-col :span="8" class="number outer"><span class="inner">13507421625</span></el-col>
-               </el-row>
-             </el-col>
-           </el-row>
-           <el-row :gutter="0">
-             <el-col :span="12">
-               <el-row :gutter="0" style="border-right: 1px solid #DADADA; padding: 1.5rem 0;">
-                 <el-col :span="13" class="title"><span class="inner">河南</span></el-col>
-                 <el-col :span="3" class="name outer"><p class="inner">座机</p></el-col>
-                 <el-col :span="8" class="number outer"><span class="inner">0731-84416348</span></el-col>
-               </el-row>
-             </el-col>
-             <el-col :span="12">
-               <el-row :gutter="0" style="padding: 1.5rem 0;">
-                 <el-col :span="13" class="title">&nbsp;</el-col>
-                 <el-col :span="3" class="name outer">&nbsp;</el-col>
-                 <el-col :span="8" class="number outer">&nbsp;</el-col>
-               </el-row>
-             </el-col>
-           </el-row>
-         </div>
-         <div v-else class="xs-box">
-           <el-row :gutter="0" style="border-bottom: 1px solid #DADADA; padding: 1.5rem 0;">
-             <el-col :span="13" class="title"><span class="inner xs">湖北</span></el-col>
-             <el-col :span="3" class="name outer"><p class="inner xs">余先生</p></el-col>
-             <el-col :span="8" class="number outer"><span class="inner xs">13607118550</span></el-col>
-           </el-row>
-           <el-row :gutter="0" style="border-bottom: 1px solid #DADADA;padding: 1.5rem 0;">
-             <el-col :span="13" class="title"><span class="inner xs">湖南</span></el-col>
-             <el-col :span="3" class="name outer"><p class="inner xs">祝先生</p></el-col>
-             <el-col :span="8" class="number outer"><span class="inner xs">13507421625</span></el-col>
-           </el-row>
-           <el-row :gutter="0" style="padding: 1.5rem 0;">
-             <el-col :span="13" class="title"><span class="inner xs">河南</span></el-col>
-             <el-col :span="3" class="name outer"><p class="inner xs">座机</p></el-col>
-             <el-col :span="8" class="number outer"><span class="inner xs">0731-84416348</span></el-col>
-           </el-row>
-         </div>
-         <div :class="['concat-area', is_xs ? 'xs' : '']">西 南</div>
-         <el-row v-if="!is_xs" :gutter="0" style="border-bottom: 1px solid #DADADA;">
-           <el-col :span="12">
-             <el-row :gutter="0" style="border-right: 1px solid #DADADA; padding: 1.5rem 0;">
-               <el-col :span="13" class="title"><span class="inner">四川 重庆 贵州 云南 西藏</span></el-col>
-               <el-col :span="3" class="name outer"><p class="inner">梁先生</p></el-col>
-               <el-col :span="8" class="number outer"><span class="inner">13637700633</span></el-col>
-             </el-row>
-           </el-col>
-           <el-col :span="12">
-             <el-row :gutter="0" style="padding: 1.5rem 0;">
-               <el-col :span="13" class="title"><span class="inner">&nbsp;</span></el-col>
-               <el-col :span="3" class="name outer"><p class="inner">&nbsp;</p></el-col>
-               <el-col :span="8" class="number outer"><span class="inner">&nbsp;</span></el-col>
-             </el-row>
-           </el-col>
-         </el-row>
-         <div v-else class="xs-box">
-           <el-row :gutter="0" style="padding: 1.5rem 0;">
-             <el-col :span="13" class="title"><span class="inner xs">四川 重庆 贵州 云南 西藏</span></el-col>
-             <el-col :span="3" class="name outer"><p class="inner xs">梁先生</p></el-col>
-             <el-col :span="8" class="number outer"><span class="inner xs">13637700633</span></el-col>
-           </el-row>
-         </div>
-       </div> -->
+       <!-- END -->
       <div v-if="!is_xs" v-for="(item, index) in concat_list" :key="index">
         <div :class="['concat-area', is_xs ? 'xs' : '']">{{ item.area }}</div>
         <div>
@@ -447,237 +70,22 @@
 <script>
 import mixin from 'common/mixin';
 import hagerBox from '@/components/common/hagerBox';
+ import telData from '@/common/telData';
+ import { cloneDeep } from 'lodash-es'
 
 export default {
   components: { hagerBox },
   mixins: [mixin.init],
   data () {
     return {
-       concat_list: [{
-         area: '全 国',
-         list: [{
-           area: 'LSM/智能化产品事业部',
-           name: '贺先生',
-           tel: ['13817300169']
-         }, {
-           area: '发电行业',
-           name: '许先生',
-           tel: ['13910422245']
-         }]
-       }, {
-         area: '华 东',
-         list: [{
-           area: '合肥',
-           name: '丁先生',
-           tel: ['15155181380']
-         }, {
-           area: '南京 苏北 无锡 苏州',
-           name: '葛先生',
-           tel: ['18662188718']
-         }, {
-           area: '上海',
-           name: '侯女士',
-           tel: ['18621185022']
-         }, {
-           area: '杭州',
-           name: '谢先生',
-           tel: ['18657575776']
-         }, {
-           area: '宁波',
-           name: '李女士',
-           tel: ['13819421866']
-         }]
-       }, {
-         area: '华 南',
-         list: [{
-           area: '广州 佛山 顺德 茂名 湛江 韶关 海南',
-           name: '座机',
-           tel: ['020-31650557']
-         }, {
-           area: '深圳 惠州',
-           name: '座机',
-           tel: ['0755-82559248', '020-31650557']
-         }, {
-           area: '珠海 东莞 中山',
-           name: '王先生',
-           tel: ['15900247733']
-         }, {
-           area: '汕头 汕尾 潮州',
-           name: '陈先生',
-           tel: ['15817966395']
-         }, {
-           area: '福建省',
-           name: '林先生',
-           tel: ['18650180767']
-         }]
-       }, {
-         area: '北 区',
-         list: [{
-           area: '北京',
-           name: '座机',
-           tel: ['010-84535251', '010-84535112']
-         }, {
-           area: '京津 内蒙',
-           name: '孙先生',
-           tel: ['13911009923']
-         }, {
-           area: '辽宁',
-           name: '马先生',
-           tel: ['18940112000']
-         }, {
-           area: '吉林 黑龙江',
-           name: '郭女士',
-           tel: ['13394492511']
-         }, {
-           area: '河北 山西',
-           name: '明女士',
-           tel: ['13832171806']
-         }, {
-           area: '济南 烟台',
-           name: '张先生',
-           tel: ['13608967713']
-         }, {
-           area: '青岛',
-           name: '岳先生',
-           tel: ['13608965895']
-         }]
-       }, {
-         area: '华 中',
-         list: [{
-           area: '湖北',
-           name: '余先生',
-           tel: ['13607118550']
-         }, {
-           area: '13607118550',
-           name: '祝先生',
-           tel: ['13507421625']
-         }, {
-           area: '河南',
-           name: '座机',
-           tel: ['0731-84416348']
-         }]
-       }, {
-         area: '西 南',
-         list: [{
-           area: '四川 重庆 贵州 云南 西藏',
-           name: '雷先生',
-           tel: ['13908221121']
-         }]
-       }],
-       mini_concat_list: [{
-         area: '全 国',
-         list: [{
-           area: 'LSM/智能化产品事业部',
-           name: '贺先生',
-           tel: ['13817300169']
-         }, {
-           area: '发电行业',
-           name: '许先生',
-           tel: ['13910422245']
-         }]
-       }, {
-         area: '华 东',
-         list: [{
-           area: '合肥',
-           name: '丁先生',
-           tel: ['15155181380']
-         }, {
-           area: '南京 苏北 无锡 苏州',
-           name: '葛先生',
-           tel: ['18662188718']
-         }, {
-           area: '上海',
-           name: '侯女士',
-           tel: ['18621185022']
-         }, {
-           area: '杭州',
-           name: '谢先生',
-           tel: ['18657575776']
-         }, {
-           area: '宁波',
-           name: '李女士',
-           tel: ['13819421866']
-         }]
-       }, {
-         area: '华 南',
-         list: [{
-           area: '广州 佛山 顺德 茂名 湛江 韶关 海南',
-           name: '座机',
-           tel: ['020-31650557']
-         }, {
-           area: '深圳 惠州',
-           name: '座机',
-           tel: ['0755-82559248', '020-31650557']
-         }, {
-           area: '珠海 东莞 中山',
-           name: '王先生',
-           tel: ['15900247733']
-         }, {
-           area: '汕头 汕尾 潮州',
-           name: '陈先生',
-           tel: ['15817966395']
-         }, {
-           area: '福建省',
-           name: '林先生',
-           tel: ['18650180767']
-         }]
-       }, {
-         area: '北 区',
-         list: [{
-           area: '北京',
-           name: '座机',
-           tel: ['010-84535251', '010-84535112']
-         }, {
-           area: '京津 内蒙',
-           name: '孙先生',
-           tel: ['13911009923']
-         }, {
-           area: '辽宁',
-           name: '马先生',
-           tel: ['18940112000']
-         }, {
-           area: '吉林 黑龙江',
-           name: '郭女士',
-           tel: ['13394492511']
-         }, {
-           area: '河北 山西',
-           name: '明女士',
-           tel: ['13832171806']
-         }, {
-           area: '济南 烟台',
-           name: '张先生',
-           tel: ['13608967713']
-         }, {
-           area: '青岛',
-           name: '岳先生',
-           tel: ['13608965895']
-         }]
-       }, {
-         area: '华 中',
-         list: [{
-           area: '湖北',
-           name: '余先生',
-           tel: ['13607118550']
-         }, {
-           area: '13607118550',
-           name: '祝先生',
-           tel: ['13507421625']
-         }, {
-           area: '河南',
-           name: '座机',
-           tel: ['0731-84416348']
-         }]
-       }, {
-         area: '西 南',
-         list: [{
-           area: '四川 重庆 贵州 云南 西藏',
-           name: '梁先生',
-           tel: ['13637700633']
-         }]
-       }],
+       concat_list: [],
+       mini_concat_list: [],
     }
   },
   mounted () {
+     this.concat_list = cloneDeep(telData);
+     this.mini_concat_list = cloneDeep(telData);
+     // PC端将list中的元素分成两组, 构造显示结构
     this.concat_list.forEach(item => {
       item.list = this.splitListIntoPairs(item.list);
     });
--- a/yarn.lock
View file @d202078
+++ b/yarn.lock
View file @d202078
@@ -2186,6 +2186,11 @@ local-pkg@^0.5.0:
     mlly "^1.4.2"
     pkg-types "^1.0.3"
 
+ lodash-es@^4.17.21:
+   version "4.17.21"
+   resolved "https://mirrors.cloud.tencent.com/npm/lodash-es/-/lodash-es-4.17.21.tgz#43e626c46e6591b7750beb2b50117390c609e3ee"
+   integrity sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==
+ 
 lodash.debounce@^4.0.8:
   version "4.0.8"
   resolved "https://mirrors.cloud.tencent.com/npm/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"