{"version":3,"sources":["webpack:///./src/views/service/index.vue","webpack:///./src/views/service/index.vue?581d"],"names":["class","id","_createElementVNode","href","src","_hoisted_13","_hoisted_14","_hoisted_16","_hoisted_17","_hoisted_19","_hoisted_20","_hoisted_22","_hoisted_23","_hoisted_25","_hoisted_26","_hoisted_28","_hoisted_29","_hoisted_31","_hoisted_32","_hoisted_34","_hoisted_35","_createElementBlock","_hoisted_1","_hoisted_2","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","onClick","_ctx","jumpToPageName","_hoisted_37","name","components","setup","proxy","getCurrentInstance","store","useStore","watch","state","curPageTarget","newValue","oldValue","console","log","jumpToTarget","document","querySelector","scrollIntoView","behavior","block","inline","deep","onMounted","title","window","scrollTo","$route","query","pagePostion","$","scroll","wst","scrollTop","i","offset","top","addClass","$number","Math","ceil","length","margin","$w","width","$width","pre","next","hide","num","$numimg","click","leftdis","long_img","sum","zero","stop","animate","left","rightdis","__exports__","render"],"mappings":"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","file":"js/chunk-2d231577.78abc24b.js","sourcesContent":["<template>\r\n  <div class=\"service-container\">\r\n    <!-- banner_service -->\r\n    <div\r\n      class=\"banner_service\"\r\n      style=\"\r\n        background-image: url(https://img.cdn.wxzhida.cn/shzd-web-site/images/banner_service.jpg);\r\n      \"\r\n    >\r\n      <div class=\"margin width1480 hidden\">\r\n        <div class=\"bg a-fdB\">\r\n          <ol>\r\n            <img\r\n              src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/service_logo.png\"\r\n            />\r\n          </ol>\r\n          <dd>欢迎使用挚达服务</dd>\r\n          <!-- <dl>\r\n                      <form>\r\n                          <input type=\"text\" placeholder=\"请输入您的问题\">\r\n                          <button type=\"button\"></button>\r\n                      </form>\r\n                  </dl> -->\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- banner_service en -->\r\n    <!-- service -->\r\n    <div id=\"s1\">\r\n      <div class=\"margin width1480 hidden service_bg\">\r\n        <i class=\"md\" id=\"d1\"></i>\r\n        <div class=\"tit\">充电服务</div>\r\n        <div class=\"service_zzfw\">\r\n          <div class=\"fl bg\">\r\n            <i\r\n              style=\"\r\n                background-image: url(https://img.cdn.wxzhida.cn/shzd-web-site/images/service_zzfw1.jpg);\r\n              \"\r\n            ></i>\r\n            <div>\r\n              <dd>安装服务</dd>\r\n              <dl>产品到货后，您可以随时联系挚达专业人士上门安装。</dl>\r\n            </div>\r\n          </div>\r\n          <div class=\"fr\">\r\n            <div class=\"bg t\">\r\n              <i\r\n                style=\"\r\n                  background-image: url(https://img.cdn.wxzhida.cn/shzd-web-site/images/service_zzfw2.jpg);\r\n                \"\r\n              ></i>\r\n              <div>\r\n                <dd>售后服务</dd>\r\n                <dl>\r\n                  当产品出现故障，您可以联系挚达专业人员为您提供高品质的上门维修服务。\r\n                </dl>\r\n              </div>\r\n            </div>\r\n            <div class=\"bg f\">\r\n              <i\r\n                style=\"\r\n                  background-image: url(https://img.cdn.wxzhida.cn/shzd-web-site/images/service_zzfw3.jpg);\r\n                \"\r\n              ></i>\r\n              <div>\r\n                <dd>热线支持</dd>\r\n                <dl>\r\n                  <p>向所有客户提供7x24小时全年无休服务热线</p>\r\n                  <p>电话：4006596580</p>\r\n                </dl>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- 挚达安装服务的4大优势 -->\r\n    <div id=\"s2\">\r\n      <div class=\"service_ys\">\r\n        <div class=\"margin width1480 hidden\">\r\n          <i class=\"md\" id=\"d2\"></i>\r\n          <div class=\"t\">挚达安装服务的4大优势</div>\r\n          <ul class=\"f\">\r\n            <li>\r\n              <div>\r\n                <ol>\r\n                  <img\r\n                    src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/service_ys1.png\"\r\n                  />\r\n                </ol>\r\n                <dd>严格的质量控制</dd>\r\n                <dl>优选高品质耗材安装工艺专业规范</dl>\r\n              </div>\r\n            </li>\r\n            <li>\r\n              <i></i>\r\n              <div>\r\n                <ol>\r\n                  <img\r\n                    src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/service_ys2.png\"\r\n                  />\r\n                </ol>\r\n                <dd>40余项安装审核管理</dd>\r\n                <dl>拥有强大的智能订单管理系统：安装详情全记录，安装进度可查询，售后质保可追溯</dl>\r\n              </div>\r\n            </li>\r\n            <li>\r\n              <i></i>\r\n              <div>\r\n                <ol>\r\n                  <img\r\n                    src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/service_ys3.png\"\r\n                  />\r\n                </ol>\r\n                <dd>高效的流程管控</dd>\r\n                <dl>\r\n                  安装详情全记录，安装进度可查询，售后质保可追溯\r\n                </dl>\r\n              </div>\r\n            </li>\r\n            <li>\r\n              <i></i>\r\n              <div>\r\n                <ol>\r\n                  <img\r\n                    src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/service_ys4.png\"\r\n                  />\r\n                </ol>\r\n                <dd>安装网络覆盖360座城市</dd>\r\n                <dl>挚达安装服务支持34个省，360个城市无忧上门</dl>\r\n              </div>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- 安装准备 -->\r\n    <div id=\"s3\">\r\n      <div class=\"service_azzb\">\r\n        <div class=\"margin width1480 hidden\">\r\n          <i class=\"md\" id=\"d3\"></i>\r\n          <div class=\"t\">安装准备</div>\r\n          <ul class=\"f\">\r\n            <li\r\n              style=\"\r\n                background-image: url(https://img.cdn.wxzhida.cn/shzd-web-site/images/service_azzb1.png);\r\n              \"\r\n            >\r\n              <div>\r\n                <ol>\r\n                  01\r\n                </ol>\r\n                <dd>物业提前沟通</dd>\r\n                <dl>\r\n                  <p><b></b>咨询是否可以安装</p>\r\n                  <p><b></b>容许安装的充电桩功率</p>\r\n                  <p><b></b>需要提交的资质材料</p>\r\n                </dl>\r\n              </div>\r\n            </li>\r\n            <li\r\n              style=\"\r\n                background-image: url(https://img.cdn.wxzhida.cn/shzd-web-site/images/service_azzb2.png);\r\n              \"\r\n            >\r\n              <i></i>\r\n              <div>\r\n                <ol>\r\n                  02\r\n                </ol>\r\n                <dd>申请电表</dd>\r\n                <dl>\r\n                  <p><b></b>向电力公司申请电表</p>\r\n                  <p>\r\n                    <b></b\r\n                    >申请时需提交车位使用证明、身份证明、物业证明、车位及允许施工证明\r\n                  </p>\r\n                  <p><b></b>电力公司等第三方上门安装电表</p>\r\n                </dl>\r\n              </div>\r\n            </li>\r\n            <li\r\n              style=\"\r\n                background-image: url(https://img.cdn.wxzhida.cn/shzd-web-site/images/service_azzb3.png);\r\n              \"\r\n            >\r\n              <i></i>\r\n              <div>\r\n                <ol>\r\n                  03\r\n                </ol>\r\n                <dd>咨询客服并下单</dd>\r\n                <dl>\r\n                  <p><b></b>收费透明</p>\r\n                  <p><b></b>资质齐全（可协助提交物业所需资质证明）</p>\r\n                  <p><b></b>售后有保障（全国覆盖，上门无忧）</p>\r\n                </dl>\r\n              </div>\r\n            </li>\r\n            <li\r\n              style=\"\r\n                background-image: url(https://img.cdn.wxzhida.cn/shzd-web-site/images/service_azzb4.png);\r\n              \"\r\n            >\r\n              <i></i>\r\n              <div>\r\n                <ol>\r\n                  04\r\n                </ol>\r\n                <dd>派单员电话预约上门</dd>\r\n                <dl>\r\n                  <p><b></b>下单后，派单客服将在48小时内主动电话联络您</p>\r\n                  <p><b></b>核实安装条件，如具备，则预约上门日期</p>\r\n                  <p>\r\n                    <b></b\r\n                    >此过程中，客户可关注并进入“桩到家”公众号，点击底部菜单“充电服务”-“安装进度查询”，登录下单手机号后查询进展\r\n                  </p>\r\n                </dl>\r\n              </div>\r\n            </li>\r\n            <li\r\n              style=\"\r\n                background-image: url(https://img.cdn.wxzhida.cn/shzd-web-site/images/service_azzb5.png);\r\n              \"\r\n            >\r\n              <i></i>\r\n              <div>\r\n                <ol>\r\n                  05\r\n                </ol>\r\n                <dd>充电桩上门安装</dd>\r\n                <dl>\r\n                  <p><b></b>绘制施工图</p>\r\n                  <p><b></b>告知可能的所有费用项目和金额</p>\r\n                  <p><b></b>签字确认后开始施工</p>\r\n                  <p><b></b>安装完成后通电测试</p>\r\n                </dl>\r\n              </div>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- 严控质量 做好监管 -->\r\n    <div id=\"s4\">\r\n      <div class=\"service_zl\">\r\n        <div class=\"margin width1480 hidden\">\r\n          <i class=\"md\" id=\"d4\"></i>\r\n          <div class=\"t\">\r\n            <dd>严控质量 做好监管</dd>\r\n            <dl>无论是安装人员的培训选拔，还是安装服务的质量审核</dl>\r\n          </div>\r\n          <ul class=\"f\">\r\n            <li>\r\n              <ol>\r\n                <img\r\n                  src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/service_zl1.png\"\r\n                />\r\n              </ol>\r\n              <dd>集中培训</dd>\r\n            </li>\r\n            <li>\r\n              <i></i>\r\n              <ol>\r\n                <img\r\n                  src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/service_zl2.png\"\r\n                />\r\n              </ol>\r\n              <dd>现场试训</dd>\r\n            </li>\r\n            <li>\r\n              <i></i>\r\n              <ol>\r\n                <img\r\n                  src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/service_zl3.png\"\r\n                />\r\n              </ol>\r\n              <dd>试单考核</dd>\r\n            </li>\r\n            <li>\r\n              <i></i>\r\n              <ol>\r\n                <img\r\n                  src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/service_zl4.png\"\r\n                />\r\n              </ol>\r\n              <dd>授权上岗</dd>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- 了解您的产品 -->\r\n    <div id=\"s5\">\r\n      <div class=\"margin width1480 service_bg service_cp\">\r\n        <i class=\"md\" id=\"d5\"></i>\r\n        <div class=\"tit\">了解您的产品</div>\r\n        <div class=\"n\">\r\n          点击相关产品图片可下载产品手册，方便了解和使用您购买的产品\r\n        </div>\r\n        <div class=\"m\">\r\n          <span\r\n            ><i>扫码查看说明书</i\r\n            ><img\r\n              src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/ewm1.jpg\"\r\n              class=\"ewm\"\r\n          /></span>\r\n        </div>\r\n      </div>\r\n      <div class=\"service_cp_f device\">\r\n        <div class=\"margin width1480 hidden\">\r\n          <a href=\"javascript:;\" class=\"qh pre\"\r\n            ><i class=\"fa fa-angle-left\"></i\r\n          ></a>\r\n          <div class=\"scroll\">\r\n            <ul>\r\n              <li>\r\n                <a @click=\"$U.jumpToPageName('kaituozhe', '')\">\r\n                  <ol>\r\n                    <img\r\n                      src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/xl_cp1.png\"\r\n                    />\r\n                  </ol>\r\n                  <dd>开拓者</dd>\r\n                </a>\r\n              </li>\r\n              <li>\r\n                <a @click=\"$U.jumpToPageName('tansuozhe', '')\">\r\n                  <ol>\r\n                    <img\r\n                      src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/xl_cp2.png\"\r\n                    />\r\n                  </ol>\r\n                  <dd>探索者</dd>\r\n                </a>\r\n              </li>\r\n              <li>\r\n                <a @click=\"$U.jumpToPageName('shouwangzhe', '')\">\r\n                  <ol>\r\n                    <img\r\n                      src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/xl_cp3.png\"\r\n                    />\r\n                  </ol>\r\n                  <dd>守望者</dd>\r\n                </a>\r\n              </li>\r\n              <li>\r\n                <a @click=\"$U.jumpToPageName('shouhuzhe', '')\">\r\n                  <ol>\r\n                    <img\r\n                      src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/xl_cp4.png\"\r\n                    />\r\n                  </ol>\r\n                  <dd>守护者</dd>\r\n                </a>\r\n              </li>\r\n              <li>\r\n                <a @click=\"$U.jumpToPageName('jingang', '')\">\r\n                  <ol>\r\n                    <img\r\n                      src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/xl_cp5.png\"\r\n                    />\r\n                  </ol>\r\n                  <dd>金刚</dd>\r\n                </a>\r\n              </li>\r\n              <li>\r\n                <a @click=\"$U.jumpToPageName('tiaozhanzhe', '')\">\r\n                  <ol>\r\n                    <img\r\n                      src=\"https://img.cdn.wxzhida.cn/shzd-site-imgs/kaizuozhem/www.yalijuda.com_%E6%8C%91%E6%88%98%E8%80%85%E4%B8%BB%E9%A1%B5%E5%9B%BE_Ggb9IUcxPl.png\"\r\n                    />\r\n                  </ol>\r\n                  <dd>挑战者</dd>\r\n                </a>\r\n              </li>\r\n              <li>\r\n                <a @click=\"$U.jumpToPageName('shenxingxia', '')\">\r\n                  <ol>\r\n                    <img\r\n                      src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/xl_cp6.png\"\r\n                    />\r\n                  </ol>\r\n                  <dd>神行侠</dd>\r\n                </a>\r\n              </li>\r\n              <li>\r\n                <a @click=\"$U.jumpToPageName('xiaoheixia', '')\">\r\n                  <ol>\r\n                    <img\r\n                      src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/xl_cp7.png\"\r\n                    />\r\n                  </ol>\r\n                  <dd>小黑侠</dd>\r\n                </a>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n          <a href=\"javascript:;\" class=\"qh next\"\r\n            ><i class=\"fa fa-angle-right\"></i\r\n          ></a>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { getCurrentInstance, onMounted, watch } from 'vue'\r\nimport { useStore } from 'vuex'\r\nexport default {\r\n  name: 'service',\r\n  components: {},\r\n  setup() {\r\n    const { proxy } = getCurrentInstance()\r\n    const store = useStore()\r\n\r\n    watch(\r\n      () => store.state.curPageTarget,\r\n      (newValue, oldValue) => {\r\n        console.log('值发生了变更', newValue, oldValue)\r\n        const jumpToTarget = newValue\r\n        if (jumpToTarget) {\r\n          document.querySelector('#' + jumpToTarget).scrollIntoView({\r\n            behavior: 'smooth',\r\n            // 定义动画过渡效果， \"auto\"或 \"smooth\" 之一。默认为 \"auto\"\r\n            block: 'start',\r\n            // 定义垂直方向的对齐， \"start\", \"center\", \"end\", 或 \"nearest\"之一。默认为 \"start\"\r\n            inline: 'nearest',\r\n            // 定义水平方向的对齐， \"start\", \"center\", \"end\", 或 \"nearest\"之一。默认为 \"nearest\"\r\n          })\r\n        }\r\n      },\r\n      { deep: true }\r\n    )\r\n\r\n    onMounted(() => {\r\n      document.title = '服务支持'\r\n      // 滚动到页面最上方\r\n      window.scrollTo(0, 0)\r\n\r\n      const jumpToTarget = proxy.$route.query.pagePostion\r\n      if (jumpToTarget) {\r\n        document.querySelector('#' + jumpToTarget).scrollIntoView({\r\n          behavior: 'smooth',\r\n          // 定义动画过渡效果， \"auto\"或 \"smooth\" 之一。默认为 \"auto\"\r\n          block: 'start',\r\n          // 定义垂直方向的对齐， \"start\", \"center\", \"end\", 或 \"nearest\"之一。默认为 \"start\"\r\n          inline: 'nearest',\r\n          // 定义水平方向的对齐， \"start\", \"center\", \"end\", 或 \"nearest\"之一。默认为 \"nearest\"\r\n        })\r\n      }\r\n\r\n      $(window).scroll(function () {\r\n        //为页面添加页面滚动监听事件\r\n        var wst = $(window).scrollTop() //滚动条距离顶端值\r\n        for (var i = 1; i < 20; i++) {\r\n          //加循环\r\n          if ($('#s' + i) && $('#s' + i).offset()) {\r\n            if ($('#s' + i).offset().top <= wst) {\r\n              //判断滚动条位置\r\n              $('#s' + i).addClass('on') //给当前导航加c类\r\n            } else {\r\n              //$(\"#s\"+i).removeClass('on');\r\n            }\r\n          }\r\n        }\r\n      })\r\n\r\n      var $number = Math.ceil($('.scroll ul li').length / 1) //获取滚动几屏个数\r\n      var margin = 0 //设置图片间距\r\n      var $w = $('.scroll li').width() + margin // 一屏图片的宽度\r\n      var $width = $w * $number * 1 //设置ul宽度\r\n      var pre = $('.device .pre')\r\n      var next = $('.device .next')\r\n      if ($number == 1) {\r\n        pre.hide()\r\n        next.hide()\r\n      }\r\n      $('.scroll ul').width($width)\r\n      var num = 0\r\n      var $numimg = $number * 1 //产品个数\r\n      //下一组\r\n      next.click(function () {\r\n        num++\r\n        var leftdis = -1 * $w * num\r\n        var long_img = $numimg * $w\r\n        var sum = leftdis + -1 * $w //预留产品个数 3\r\n        var zero = long_img + sum\r\n        //if($width+leftdis == 0){\r\n        if (zero == 0) {\r\n          num--\r\n          var leftdis = -1 * $w * num\r\n          $('.scroll ul').stop().animate({ left: leftdis })\r\n        } else {\r\n          $('.scroll ul').stop().animate({ left: leftdis })\r\n        }\r\n      })\r\n      //上一组\r\n      pre.click(function () {\r\n        num--\r\n        console.log(num)\r\n        if (num < 0) {\r\n          num = 0\r\n        } else {\r\n          var rightdis = -1 * $w * num\r\n          $('.scroll ul').stop().animate({ left: rightdis })\r\n        }\r\n      })\r\n    })\r\n    return {}\r\n  },\r\n}\r\n</script>\r\n\r\n<style scoped></style>\r\n","import { render } from \"./index.vue?vue&type=template&id=0f349c62\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"D:\\\\workspace\\\\workspace-2023\\\\shzd-site-web-2023\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}