{"version":3,"file":"index-df87f53e.js","sources":["../../src/assets/images/logo.png","../../src/layout/component/togglerButton.vue","../../src/components/dropDown.vue","../../src/api/productCenter.ts","../../src/layout/headerLayout.vue","../../src/assets/police-insignia.jpg","../../src/layout/footerLayout.vue","../../src/layout/mainLayout.vue","../../src/router/index.ts"],"sourcesContent":["export default \"__VITE_ASSET__ab211233__\"","<template>\r\n  <div class=\"navbar-toggler_button\" @click=\"onClickToggle\">\r\n    <div\r\n      class=\"navbar-toggler_icon\"\r\n      :class=\"\r\n        toggleStatus ? 'navbar-toggler_icon_open' : 'navbar-toggler_icon_close'\r\n      \"\r\n    >\r\n      <div class=\"navbar-toggler_icon-line\"></div>\r\n      <div class=\"navbar-toggler_icon-line\"></div>\r\n      <div class=\"navbar-toggler_icon-line\"></div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { ref, watch } from \"vue\";\r\nconst props = defineProps([\"togglerStatus\"]);\r\nconst emit = defineEmits([\"update:togglerStatus\"]);\r\nwatch(props, (value) => {\r\n  toggleStatus.value = value.togglerStatus;\r\n});\r\nconst toggleStatus = ref(false);\r\nconst onClickToggle = () => {\r\n  toggleStatus.value = !toggleStatus.value;\r\n  emit(\"update:togglerStatus\", toggleStatus.value);\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@media screen and (min-width: 1200px) {\r\n  .navbar-toggler_button {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.navbar-toggler_button {\r\n  width: transformRem(56px);\r\n  height: transformRem(40px);\r\n  border: 1px solid $gray_secondary_font;\r\n  border-radius: transformRem(6px);\r\n  padding: transformRem(4px) transformRem(12px);\r\n  .navbar-toggler_icon {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-around;\r\n    width: transformRem(30px);\r\n    height: transformRem(30px);\r\n    transition: 0.5s;\r\n\r\n    .navbar-toggler_icon-line {\r\n      height: 2px;\r\n      background-color: $gray_secondary_font;\r\n      transition: 0.5s;\r\n    }\r\n  }\r\n\r\n  .navbar-toggler_icon_close {\r\n    .navbar-toggler_icon-line {\r\n      height: 2px;\r\n      background-color: $gray_secondary_font;\r\n    }\r\n  }\r\n\r\n  .navbar-toggler_icon_open {\r\n    width: transformRem(33px);\r\n    .navbar-toggler_icon-line:nth-child(1) {\r\n      transform: rotateZ(28deg);\r\n      transform-origin: left;\r\n    }\r\n    .navbar-toggler_icon-line:nth-child(2) {\r\n      display: none;\r\n    }\r\n    .navbar-toggler_icon-line:nth-child(3) {\r\n      transform: rotateZ(-28deg);\r\n      transform-origin: left;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","<template>\r\n  <div class=\"dropdown\">\r\n    <slot></slot>\r\n    <div class=\"dropdown_wrap\" ref=\"dropdownWrapElement\">\r\n      <slot name=\"dropdown_wrap\"></slot>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { ref } from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nconst router = useRouter();\r\nrouter.beforeEach(() => {\r\n  setTimeout(() => {\r\n    dropdownWrapElement.value.style.display = \"none\";\r\n  }, 500);\r\n\r\n  setTimeout(() => {\r\n    dropdownWrapElement.value.style = \"\";\r\n  }, 1000);\r\n});\r\nconst dropdownWrapElement = ref();\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.dropdown {\r\n  position: unset;\r\n}\r\n\r\n.dropdown:hover .dropdown_wrap {\r\n  display: block;\r\n  box-shadow: 0 1px 4px 0 #ccc;\r\n  padding-bottom: 20px;\r\n}\r\n.dropdown_wrap:hover {\r\n  display: block;\r\n}\r\n.dropdown_wrap {\r\n  display: none;\r\n  position: absolute;\r\n  // top: transformRem(97.5px);\r\n  top: transformRem(72px);\r\n  left: 0;\r\n  // height: 300px;\r\n  width: 100%;\r\n  background-color: #fff;\r\n  z-index: 9;\r\n}\r\n</style>\r\n","import request from \"@/request\";\r\n\r\n/**\r\n * @description 查询产品分类\r\n * @returns 返回 Axios请求 实例\r\n */\r\nexport const queryProductCategoryList = () => {\r\n  return request({\r\n    url: \"/product/category/list\",\r\n    method: \"get\",\r\n  });\r\n};\r\n\r\n/**\r\n * @description 查询产品分类下的所有产品\r\n * @param {Number}categoryId  产品分类 id\r\n * @returns 返回 Axios请求 实例\r\n */\r\nexport const queryProductDetail = (categoryId: Number) => {\r\n  return request({\r\n    url: `/product/list/${categoryId}/1/20`,\r\n  });\r\n};\r\n","<template>\r\n  <div class=\"header\">\r\n    <div class=\"header_body\">\r\n      <div class=\"logo\">\r\n        <!-- <a href=\"http://kattgatt.com\"> -->\r\n        <img src=\"@/assets/images/logo.png\" alt=\"\" />\r\n        <!-- </a> -->\r\n      </div>\r\n      <nav class=\"nav\">\r\n        <template v-for=\"navItem in navLinkList\" :key=\"navItem.label\">\r\n          <dropDownVue v-if=\"navItem.dropDown\">\r\n            <RouterLink class=\"nav-item_link\" :to=\"navItem.path\">{{ navItem.label }}\r\n            </RouterLink>\r\n\r\n            <template v-slot:dropdown_wrap>\r\n              <div class=\"category-list\">\r\n                <RouterLink v-for=\"navItemChildren in navItem.children\" :key=\"navItemChildren.label\"\r\n                  :to=\"navItemChildren.path\" class=\"category\">\r\n                  {{ navItemChildren.label }}\r\n                </RouterLink>\r\n              </div>\r\n\r\n              <template v-if=\"navItem.label == 'AI产品中心'\">\r\n                <div class=\"category-list\">\r\n                  <div v-for=\"(category, index) in productCategoryList\" :key=\"category.id.toString()\" class=\"category\"\r\n                    @mouseover=\"onHover(index)\">\r\n                    {{ category.categoryName }}\r\n                  </div>\r\n                </div>\r\n                <swiper :slides-per-view=\"5\" :space-between=\"50\" style=\"width: 1200px\" :modules=\"[Navigation]\"\r\n                  @swiper=\"setControlledSwiper\" :navigation=\"true\">\r\n                  <swiper-slide v-for=\"productInfo in currentProductDetailList\" :key=\"productInfo.id\">\r\n                    <a class=\"product_item wow animate__animated animate__fadeInUp\" @click=\"onClickProduct(productInfo)\">\r\n                      <div class=\"product_avatar\">\r\n                        <img :src=\"productInfo.avatar\" alt=\"\" />\r\n                      </div>\r\n                      <span class=\"product_name\">\r\n                        {{ productInfo.goodsName }}\r\n                      </span>\r\n                    </a>\r\n                  </swiper-slide>\r\n                </swiper>\r\n              </template>\r\n            </template>\r\n          </dropDownVue>\r\n          <a class=\"scaleModel\" v-else-if=\"navItem.label == 'AI大模型'\" target=\"_blank\" :href=\"navItem.path\">{{\r\n            navItem.label }}</a>\r\n          <RouterLink class=\"nav-item_link\" :to=\"navItem.path\" v-else>{{ navItem.label }}\r\n          </RouterLink>\r\n        </template>\r\n      </nav>\r\n      <togglerButtonVue v-model:toggler-status=\"togglerStatus\"></togglerButtonVue>\r\n    </div>\r\n  </div>\r\n  <nav class=\"nav-h5\" v-show=\"togglerStatus\" @click=\"onClickNav\">\r\n    <RouterLink v-for=\"navItem in navLinkList\" class=\"nav-item_link\" :to=\"navItem.path\" :key=\"navItem.label\">{{\r\n      navItem.label }}\r\n    </RouterLink>\r\n  </nav>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { onMounted, reactive, ref } from \"vue\";\r\nimport togglerButtonVue from \"./component/togglerButton.vue\";\r\nimport dropDownVue from \"@/components/dropDown.vue\";\r\nimport type {\r\n  ProductCategoryList,\r\n  ProductDetailRecords,\r\n  ProductDetailRecordsList,\r\n} from \"@/views/productCenter/productCenter\";\r\nimport {\r\n  queryProductCategoryList,\r\n  queryProductDetail,\r\n} from \"@/api/productCenter\";\r\nimport type { PaginationResult } from \"@/request/request\";\r\nimport { Swiper, SwiperSlide } from \"swiper/vue\";\r\nimport \"swiper/css\";\r\nimport \"swiper/css/navigation\";\r\nimport { Navigation } from \"swiper\";\r\nimport { useRouter } from \"vue-router\";\r\n\r\nconst router = useRouter();\r\nconst controlledSwiper: any = ref(null);\r\nconst setControlledSwiper = (swiper: any) => {\r\n  controlledSwiper.value = swiper;\r\n};\r\n\r\nconst productCategoryList = ref([] as ProductCategoryList);\r\n\r\nconst AllproductDetailList = ref([] as ProductDetailRecordsList);\r\n\r\nconst currentProductDetailList = ref([] as ProductDetailRecords);\r\n\r\nconst togglerStatus = ref(false);\r\n\r\nconst navLinkList = reactive([\r\n  {\r\n    path: \"/homePage\",\r\n    label: \"首页\",\r\n  },\r\n\r\n  // {\r\n  //   path: \"/dataBusiness\",\r\n  //   label: \"数字商业\",\r\n  // },\r\n  {\r\n    path: \"/productCenter\",\r\n    label: \"AI产品中心\",\r\n    dropDown: true,\r\n  },\r\n  {\r\n    path: \"https://assistant.kattgatt.com/\",\r\n    label: \"AI大模型\",\r\n  },\r\n  // {\r\n  //   path: \"/videoCenter\",\r\n  //   label: \"视频中心\",\r\n  // },\r\n  {\r\n    path: \"/businessCooperation\",\r\n    label: \"城市合伙人\",\r\n    dropDown: true,\r\n    children: [\r\n      {\r\n        label: \"经销代理\",\r\n        path: \"/businessCooperation\",\r\n      },\r\n      {\r\n        // label: \"加盟商\",\r\n        label: \"城市展厅\",\r\n        path: \"/businessCooperation/showRoom\",\r\n      },\r\n    ],\r\n  },\r\n  {\r\n    path: \"/about\",\r\n    label: \"关于我们\",\r\n    dropDown: true,\r\n    children: [\r\n      {\r\n        label: \"公司简介\",\r\n        path: \"/about/companyIntroduce\",\r\n      },\r\n      {\r\n        label: \"新闻动态\",\r\n        path: \"/about/newList\",\r\n      },\r\n      {\r\n        label: \"加入我们\",\r\n        path: \"/about/joinUs\",\r\n      },\r\n      {\r\n        label: \"联系我们\",\r\n        path: \"/about/contactUs\",\r\n      },\r\n    ],\r\n  },\r\n  // {\r\n  //   path: \"/newProductCenter\",\r\n  //   label: \"新品中心\",\r\n  // },\r\n]);\r\n\r\nconst onClickNav = () => {\r\n  togglerStatus.value = false;\r\n};\r\n\r\nconst onHover = (index: number) => {\r\n  currentProductDetailList.value = AllproductDetailList.value[index];\r\n};\r\n\r\nconst onClickProduct = (productInfo: any) => {\r\n  router.push({\r\n    path: \"/productDetailPage\",\r\n    query: {\r\n      productInfo: encodeURI(JSON.stringify(productInfo)),\r\n    },\r\n  });\r\n};\r\n\r\nonMounted(() => {\r\n  queryProductCategoryList().then((res) => {\r\n    productCategoryList.value = res.result as ProductCategoryList;\r\n    Promise.all(\r\n      productCategoryList.value.map((productCategory) =>\r\n        queryProductDetail(productCategory.id)\r\n      )\r\n    ).then((responseList) => {\r\n      AllproductDetailList.value = responseList.map((response) => {\r\n        return (response.result as PaginationResult)\r\n          .records as ProductDetailRecords;\r\n      });\r\n      onHover(0);\r\n    });\r\n  });\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.category-list {\r\n  display: flex;\r\n  justify-content: center;\r\n  font-size: transformRem(18px);\r\n  width: transformRem(1200px);\r\n  margin: auto;\r\n  line-height: transformRem(75px);\r\n\r\n  .category {\r\n    margin: 0 10px;\r\n    border-bottom: rgba($color: #000000, $alpha: 0) 2px solid;\r\n\r\n    &:hover {\r\n      border-bottom: #0441b3 2px solid;\r\n    }\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 1200px) {\r\n  .nav {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.header {\r\n  display: flex;\r\n  justify-content: center;\r\n  background-color: $black_bg;\r\n\r\n  .header_body {\r\n    display: flex;\r\n    // flex-direction: column;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    width: transformRem($pc_min_width);\r\n    line-height: transformRem(75px);\r\n\r\n    .product_item {\r\n      flex-shrink: 0;\r\n      width: calc(transformRem(300px));\r\n      // height: calc(transformRem(200px));\r\n      margin-left: transformRem(18px);\r\n      margin-right: transformRem(18px);\r\n      margin-bottom: transformRem(60px);\r\n      text-align: center;\r\n\r\n      .product_avatar {\r\n        background-color: #ececec;\r\n        width: 100%;\r\n        // min-height: 153px;\r\n        height: 153px;\r\n        margin-bottom: transformRem(18px);\r\n\r\n        img {\r\n          width: 100%;\r\n        }\r\n      }\r\n\r\n      .product_name {\r\n        // font-size: transformRem(24px);\r\n      }\r\n    }\r\n  }\r\n\r\n  @media screen and (max-width: 1200px) {\r\n    .header_body {\r\n      padding: 0 16px;\r\n    }\r\n  }\r\n}\r\n\r\n.swiper {\r\n  line-height: 1.5;\r\n}\r\n\r\n.logo {\r\n  width: transformRem(209px);\r\n  // width: transformRem(313px);\r\n  // height: transformRem(22.5px);\r\n  // margin: transformRem(15px) 0;\r\n\r\n  img {\r\n    width: 100%;\r\n    // height: 100%;\r\n  }\r\n}\r\n\r\n.nav {\r\n  margin: 0 transformRem(-30px);\r\n\r\n  .nav-item_link {\r\n    display: block;\r\n    height: transformRem(75px);\r\n    // height: transformRem(45px);\r\n    // line-height: transformRem(45px);\r\n    font-size: transformRem(18px);\r\n    margin: 0 transformRem(20px);\r\n    padding: 0 5px;\r\n    color: $gray_secondary_font;\r\n    border-bottom: 5px solid $black_bg;\r\n\r\n    &:hover {\r\n      color: #fff;\r\n      border-bottom: 5px solid #0441b3;\r\n    }\r\n  }\r\n\r\n  .scaleModel {\r\n    display: block;\r\n    height: transformRem(75px);\r\n    // height: transformRem(45px);\r\n    // line-height: transformRem(45px);\r\n    font-size: transformRem(18px);\r\n    margin: 0 transformRem(20px);\r\n    padding: 0 5px;\r\n    color: $gray_secondary_font;\r\n    border-bottom: 5px solid $black_bg;\r\n\r\n    &:hover {\r\n      color: #fff;\r\n      border-bottom: 5px solid #0441b3;\r\n    }\r\n  }\r\n}\r\n\r\n.nav-h5 {\r\n  position: absolute;\r\n  width: 100%;\r\n  background-color: $black_bg;\r\n  color: $gray_secondary_font;\r\n  z-index: 9;\r\n\r\n  .nav-item_link {\r\n    display: block;\r\n    font-size: transformRem(32px);\r\n    line-height: transformRem(72px);\r\n    padding: 0 16px;\r\n    border-top: 1px solid $gray_normal_font;\r\n  }\r\n}\r\n\r\n@media screen and (min-width: 1200px) {\r\n  .nav-h5 {\r\n    display: none;\r\n  }\r\n}\r\n</style>\r\n","export default \"__VITE_ASSET__810ad840__\"","<template>\r\n  <div class=\"footer\">\r\n    <div class=\"footer_body\">\r\n      <nav class=\"nav\">\r\n        <div v-for=\"cloumn in navData\" :key=\"cloumn.label\" class=\"nav-column\">\r\n          <div class=\"nav-column_title wow animate__animated animate__fadeInUp\">\r\n            {{ cloumn.label }}\r\n          </div>\r\n          <div class=\"nav-column_body\">\r\n            <template v-for=\"navItem in cloumn.children\" :key=\"navItem.label\">\r\n              <a class=\"nav-item_link wow animate__animated animate__fadeInUp\" :href=\"navItem.path\"\r\n                v-if=\"navItem.type === 'link'\" target=\"_blank\">\r\n                {{ navItem.label }}\r\n              </a>\r\n\r\n              <RouterLink v-else class=\"nav-item_link wow animate__animated animate__fadeInUp\" :to=\"navItem.path\">\r\n                {{ navItem.label }}\r\n              </RouterLink>\r\n            </template>\r\n          </div>\r\n        </div>\r\n      </nav>\r\n\r\n      <div class=\"contact\">\r\n        <div class=\"contact_body\">\r\n          <div class=\"contact-info wow animate__animated animate__fadeInUp\">\r\n            <div class=\"contact-info_title\">联系我们</div>\r\n            <div v-for=\"contactInfoItem in contactInfoData\" class=\"contact-info_item\" :key=\"contactInfoItem\">\r\n              {{ contactInfoItem }}\r\n            </div>\r\n          </div>\r\n          <div class=\"contact-qrcode_list\">\r\n            <div v-for=\"contactQrcode in contactQrcodeData\" :key=\"contactQrcode.label\"\r\n              class=\"contact-qrcode_list-item wow animate__animated animate__fadeInUp\">\r\n              <img :src=\"contactQrcode.imgPath.toString()\" alt=\"\" />\r\n              <label>{{ contactQrcode.label }}</label>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"webseit-info wow animate__animated animate__fadeInUp\">\r\n        <div class=\"copyright wow animate__animated animate__fadeInUp\">\r\n          版权所有©2019 Kattgatt，Inc。保留所有权利。<a href=\"https://beian.miit.gov.cn/\" target=\"_blank\">\r\n            京ICP备2023010658号\r\n          </a>\r\n\r\n          <a style=\"display: flex\" target=\"_blank\"\r\n            href=\"http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502053531\">\r\n            <img src=\"@/assets/police-insignia.jpg\" style=\"float: left; height: 100%\" />\r\n            <p style=\"\">京公网安备 11010502053531号</p>\r\n          </a>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { reactive } from \"vue\";\r\nconst navData = reactive([\r\n  {\r\n    label: \"关于我们\",\r\n    children: [\r\n      {\r\n        label: \"公司简介\",\r\n        path: \"/about/companyIntroduce\",\r\n        type: \"route\",\r\n      },\r\n      // {\r\n      //   label: \"企业文化\",\r\n      //   path: \"#\",\r\n      // },\r\n    ],\r\n  },\r\n  {\r\n    label: \"新闻中心\",\r\n    children: [\r\n      {\r\n        label: \"新闻消息\",\r\n        path: \"/about/newList\",\r\n        type: \"route\",\r\n      },\r\n      // {\r\n      //   label: \"行业信息\",\r\n      //   path: \"#\",\r\n      // },\r\n    ],\r\n  },\r\n  // {\r\n  //   label: \"解决方案\",\r\n  //   children: [\r\n  //     {\r\n  //       label: \"数字家庭方案\",\r\n  //       path: \"/dataFamily\",\r\n  //       type: \"route\",\r\n  //     },\r\n  //     {\r\n  //       label: \"数字校园方案 \",\r\n  //       path: \"/dataSchool\",\r\n  //       type: \"route\",\r\n  //     },\r\n  //     {\r\n  //       label: \"数字社区方案 \",\r\n  //       path: \"/dataCommunity\",\r\n  //       type: \"route\",\r\n  //     },\r\n  //     {\r\n  //       label: \"数字楼宇方案 \",\r\n  //       path: \"/dataBuilding\",\r\n  //       type: \"route\",\r\n  //     },\r\n  //     {\r\n  //       label: \"数字办公方案 \",\r\n  //       path: \"/dataOffice\",\r\n  //       type: \"route\",\r\n  //     },\r\n  //   ],\r\n  // },\r\n  {\r\n    label: \"产品中心\",\r\n    children: [\r\n      {\r\n        // label: \"数字中控\",\r\n        label: \"AI家庭超算主机\",\r\n        path: \"/productCenter\",\r\n        type: \"route\",\r\n      },\r\n      {\r\n        // label: \"数字照明\",\r\n        label: \"AI智慧照明\",\r\n        path: \"/productCenter\",\r\n        type: \"route\",\r\n      },\r\n      {\r\n        // label: \"数字开关\",\r\n        label: \"AI智慧影音\",\r\n        path: \"/productCenter\",\r\n        type: \"route\",\r\n      },\r\n      {\r\n        // label: \"数字门锁\",\r\n        label: \"AI智慧开关\",\r\n        path: \"/productCenter\",\r\n        type: \"route\",\r\n      },\r\n      {\r\n        label: \"更多产品\",\r\n        path: \"/productCenter\",\r\n        type: \"route\",\r\n      },\r\n    ],\r\n  },\r\n  {\r\n    label: \"商务合作\",\r\n    children: [\r\n      {\r\n        label: \"经销代理\",\r\n        path: \"/businessCooperation\",\r\n        type: \"route\",\r\n      },\r\n      {\r\n        label: \"加盟商\",\r\n        path: \"/about/showRoom\",\r\n        type: \"route\",\r\n      },\r\n    ],\r\n  },\r\n  {\r\n    label: \"招贤纳士\",\r\n    children: [\r\n      {\r\n        label: \"职位信息\",\r\n        path: \"/about/joinUs\",\r\n        type: \"route\",\r\n      },\r\n    ],\r\n  },\r\n  {\r\n    label: \"更多工具\",\r\n    children: [\r\n      {\r\n        label: \"工具下载\",\r\n        path: \"/Download\",\r\n      },\r\n      {\r\n        label: \"CRM\",\r\n        path: \"http://www.kattgatt.com:5001/\",\r\n        type: \"link\",\r\n      },\r\n    ],\r\n  },\r\n]);\r\nconst contactInfoData = reactive([\r\n  // \"电话：(0755) 8273 5192\",\r\n  \"电话：400 0256 889\",\r\n  \"商务合作：136 5114 4947\",\r\n  \"媒体合作：134 3926 0906\",\r\n  \"联系地址：北京市朝阳区紫月路18号院4号楼306\",\r\n  \"公司名称：北京卡特加特人工智能科技有限公司\",\r\n]);\r\n\r\nconst contactQrcodeData = reactive([\r\n  {\r\n    imgPath: new URL(\"@/assets/images/wx_official_account.png\", import.meta.url)\r\n      .href,\r\n    label: \"公众号\",\r\n  },\r\n  {\r\n    imgPath: new URL(\"@/assets/images/ios.png\", import.meta.url),\r\n    label: \"IOS\",\r\n  },\r\n  {\r\n    imgPath: new URL(\"@/assets/images/android.png\", import.meta.url),\r\n    label: \"安卓\",\r\n  },\r\n  {\r\n    imgPath: new URL(\"@/assets/images/android-pad.png\", import.meta.url),\r\n    label: \"安卓平板\",\r\n  },\r\n]);\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.footer {\r\n  background-color: $black_bg;\r\n\r\n  .footer_body {\r\n    width: transformRem($pc_min_width);\r\n    padding-top: transformRem(70px);\r\n    padding-bottom: transformRem(124px);\r\n    margin: auto;\r\n  }\r\n}\r\n\r\n.nav {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  margin-bottom: 54px;\r\n\r\n  .nav-column {\r\n    flex-grow: 1;\r\n    flex-shrink: 1;\r\n\r\n    &:nth-of-type(1) {\r\n      flex-grow: 1.6;\r\n    }\r\n\r\n    &:nth-of-type(7) {\r\n      flex-grow: 0;\r\n    }\r\n\r\n    .nav-column_title {\r\n      margin-bottom: transformRem(24px);\r\n      font-size: transformRem(20px);\r\n      color: $white_font;\r\n    }\r\n  }\r\n\r\n  @media screen and (max-width: 1200px) {\r\n    .nav-column {\r\n      width: 33.33%;\r\n      text-align: center;\r\n      margin-bottom: transformRem(48px);\r\n\r\n      &:nth-of-type(1) {\r\n        flex-grow: 1;\r\n      }\r\n\r\n      &:nth-of-type(6) {\r\n        flex-grow: 1;\r\n      }\r\n\r\n      .nav-item_link {\r\n        width: auto;\r\n      }\r\n    }\r\n  }\r\n\r\n  .nav-item_link {\r\n    display: block;\r\n    width: max-content;\r\n    margin-bottom: 10px;\r\n    color: $gray_normal_font;\r\n\r\n    &:hover {\r\n      color: $white_font;\r\n    }\r\n  }\r\n}\r\n\r\n.contact {\r\n  margin-bottom: transformRem(60px);\r\n\r\n  .contact_body {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: space-between;\r\n\r\n    .contact-info_title {\r\n      font-size: transformRem(20px);\r\n      color: $white_font;\r\n    }\r\n\r\n    .contact-info_item {\r\n      color: $gray_normal_font;\r\n    }\r\n\r\n    .contact-qrcode_list {\r\n      flex-grow: 1;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: right;\r\n\r\n      .contact-qrcode_list-item {\r\n        margin-left: transformRem(12px);\r\n        text-align: center;\r\n        color: $gray_normal_font;\r\n\r\n        img,\r\n        lable {\r\n          display: block;\r\n          margin-bottom: transformRem(16px);\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.webseit-info {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: space-between;\r\n  border-top: 1px solid #adadad;\r\n  color: $gray_normal_font;\r\n  padding: transformRem(12px) 0;\r\n}\r\n\r\n@media screen and (max-width: 1200px) {\r\n  .footer {\r\n    .footer_body {\r\n      padding-top: transformRem(70px);\r\n      padding-bottom: transformRem(124px);\r\n      padding-left: 16px;\r\n      padding-right: 16px;\r\n      width: transformRem($h5_min_width);\r\n    }\r\n  }\r\n\r\n  .contact {\r\n    .contact_body {\r\n      .contact-qrcode_list {\r\n        margin: 0 -16px;\r\n\r\n        .contact-qrcode_list-item {\r\n          display: flex;\r\n          flex-wrap: wrap;\r\n          flex-direction: column;\r\n          align-items: center;\r\n\r\n          width: 50%;\r\n          margin: 0px;\r\n          padding: 16px;\r\n\r\n          img {\r\n            width: 100%;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport HeaderLayout from \"./headerLayout.vue\";\r\nimport FooterLayout from \"./footerLayout.vue\";\r\nimport { useRoute } from \"vue-router\";\r\nconst route = useRoute();\r\n</script>\r\n<template>\r\n  <HeaderLayout></HeaderLayout>\r\n  <RouterView :key=\"route.fullPath\"></RouterView>\r\n  <FooterLayout></FooterLayout>\r\n</template>\r\n","import { createRouter, createWebHistory, RouterView } from \"vue-router\";\r\nimport mainLayout from \"../layout/mainLayout.vue\";\r\nconst router = createRouter({\r\n  history: createWebHistory(import.meta.env.BASE_URL),\r\n  routes: [\r\n    {\r\n      path: \"/\",\r\n      component: mainLayout,\r\n      redirect: \"/homePage\",\r\n      children: [\r\n        {\r\n          path: \"/homePage\",\r\n          component: () => import(\"@/views/homePage/homePage.vue\"),\r\n        },\r\n        {\r\n          path: \"/dataFamily\",\r\n          component: () => import(\"@/views/dataFamilyPage.vue\"),\r\n        },\r\n        {\r\n          path: \"/videoCenter\",\r\n          component: () =>\r\n            import(\"@/views/videoCenter/videoCenter.vue\"),\r\n        },\r\n        {\r\n          path: \"/newProductCenter\",\r\n          component: () => import(\"@/views/newProductCenter.vue\"),\r\n        },\r\n        {\r\n          path: \"/dataBusiness\",\r\n          component: () => import(\"@/views/dataBusinessPage.vue\"),\r\n        },\r\n        {\r\n          path: \"/dataOffice\",\r\n          component: () => import(\"@/views/dataOfficePage.vue\"),\r\n        },\r\n        {\r\n          path: \"/dataSchool\",\r\n          component: () => import(\"@/views/dataSchoolPage.vue\"),\r\n        },\r\n        {\r\n          path: \"/dataBuilding\",\r\n          component: () => import(\"@/views/dataBuildingPage.vue\"),\r\n        },\r\n        {\r\n          path: \"/dataCommunity\",\r\n          component: () => import(\"@/views/dataCommunityPage.vue\"),\r\n        },\r\n        {\r\n          path: \"/productCenter\",\r\n          component: () => import(\"@/views/productCenter/productCenter.vue\"),\r\n        },\r\n        {\r\n          path: \"/productDetailPage\",\r\n          component: () =>\r\n            import(\"@/views/productCenter/productDetailPage.vue\"),\r\n        },\r\n        {\r\n          path: \"/businessCooperation\",\r\n          component: RouterView,\r\n          children: [\r\n            {\r\n              path: \"/businessCooperation\",\r\n              component: () => import(\"@/views/businessCooperationPage.vue\"),\r\n            },\r\n            {\r\n              path: \"/businessCooperation/showRoom\",\r\n              component: () => import(\"@/views/showRoom/showRoom.vue\"),\r\n            },\r\n          ],\r\n        },\r\n        {\r\n          path: \"/about\",\r\n          component: RouterView,\r\n          redirect: \"/about/companyIntroduce\",\r\n          children: [\r\n            {\r\n              path: \"/about/companyIntroduce\",\r\n              component: () => import(\"@/views/companyIntroduce.vue\"),\r\n            },\r\n            {\r\n              path: \"/about/showRoom\",\r\n              component: () => import(\"@/views/showRoom/showRoom.vue\"),\r\n            },\r\n            {\r\n              path: \"/about/joinUs\",\r\n              component: () => import(\"@/views/joinUsPage.vue\"),\r\n            },\r\n            {\r\n              path: \"/about/newList\",\r\n              component: () => import(\"@/views/newListPage/newListPage.vue\"),\r\n            },\r\n            {\r\n              path: \"/about/newsDetail/:id\",\r\n              component: () => import(\"@/views/newsDetail/newsDetailPage.vue\"),\r\n            },\r\n            {\r\n              path: \"/about/contactUs\",\r\n              component: () => import(\"@/views/contactUsPage.vue\"),\r\n            },\r\n          ],\r\n        },\r\n      ],\r\n    },\r\n    {\r\n      path: \"/Download\",\r\n      component: () => import(\"@/views/DownloadCenter/downloadPage.vue\"),\r\n    },\r\n  ],\r\n});\r\n\r\nrouter.beforeEach(() => {\r\n  document.querySelector(\"html\")?.scrollTo({ top: 0 });\r\n});\r\n\r\nexport default router;\r\n"],"names":["_imports_0$1","watch","value","toggleStatus","ref","onClickToggle","emit","useRouter","dropdownWrapElement","queryProductCategoryList","request","queryProductDetail","categoryId","router","controlledSwiper","setControlledSwiper","swiper","productCategoryList","AllproductDetailList","currentProductDetailList","togglerStatus","navLinkList","reactive","onClickNav","onHover","index","onClickProduct","productInfo","onMounted","res","productCategory","responseList","response","_imports_0","navData","contactInfoData","contactQrcodeData","route","useRoute","createRouter","createWebHistory","mainLayout","__vitePreload","RouterView","_a"],"mappings":"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"}