{"version":3,"file":"index.d630e172.js","sources":["../../../../components/MobileEmploymentTools.vue","../../../../components/Tabs.vue","../../../../assets/icons/arrow2.svg","../../../../assets/icons/download-blue.svg","../../../../pages/resource/global/[countryName]/index.vue"],"sourcesContent":["<!--\n * @Author: luxiangqiang\n * @Date: 2023-05-15 10:51:23\n * @LastEditors: luxiangqiang\n * @LastEditTime: 2023-05-15 14:42:07\n-->\n<template>\n  <div class=\"employ-tool\">\n    <div class=\"title\">本地雇佣工具</div>\n    <div class=\"tools-wrapper\">\n      <div class=\"tools\">\n        <div class=\"tools-item\" v-for=\"item of tools\" :key=\"item.label\">\n          <img class=\"icon\" :src=\"item.icon\" alt=\"icon\" />\n          <span class=\"label\">{{ item.label }}</span>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport laborEmploymentRegulations from '@/assets/icons/labor-employment-regulations.svg';\nimport corporateTaxIcon from '@/assets/icons/corporate-tax-icon.svg';\nimport governmentDepartmentsRelevantInstitutionsIcon from '@/assets/icons/government-departments-relevant-institutions-icon.svg';\nimport productPayrollIcon from '@/assets/icons/product-payroll-icon.svg';\nimport banksInsuranceCompaniesIcon from '@/assets/icons/banks-insurance-companies-icon.svg';\n\nconst tools = [\n  {\n    icon: 'https://video.reta-inc.com/image/default/5DA9FB54559240A89F19B40FDFDEB3FB-6-2.png',\n    label: '雇佣成本计算器'\n  },\n  {\n    icon: laborEmploymentRegulations,\n    label: '全球劳动法'\n  },\n  {\n    icon: corporateTaxIcon,\n    label: '全球税收政策'\n  },\n  {\n    icon: governmentDepartmentsRelevantInstitutionsIcon,\n    label: '全球政府机构'\n  },\n  {\n    icon: productPayrollIcon,\n    label: '薪酬洞察工具'\n  },\n  {\n    icon: banksInsuranceCompaniesIcon,\n    label: '全球银行保险机构'\n  },\n  {\n    icon: 'https://video.reta-inc.com/image/default/0A45888921D74E39A694685B49019598-6-2.png',\n    label: '员工工资计算器'\n  },\n];\n</script>\n\n<style scoped lang=\"less\">\n.employ-tool {\n  .title {\n    text-align: center;\n    font-weight: 500;\n    font-size: 16px;\n    line-height: 22px;\n    color: #1D2129;\n  }\n\n  .tools-wrapper {\n    margin-top: 16px;\n    padding: 0 20px;\n\n    .tools {\n      display: grid;\n      grid-template-columns: repeat(2, auto);\n      gap: 15px;\n    }\n\n    .tools-item {\n      padding: 15px;\n      box-sizing: border-box;\n      box-shadow: 0px 2px 16px rgba(135, 172, 255, 0.2);\n      border-radius: 4px;\n      display: flex;\n      align-items: center;\n\n      .icon {\n        width: 18px;\n        height: 18px;\n      }\n\n      .label {\n        white-space: nowrap;\n        font-weight: 500;\n        font-size: 14px;\n        line-height: 20px;\n        color: #1D2129;\n        margin-left: 11px;\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <div class=\"container\">\n    <div ref=\"tabContainer\" class=\"tabs\">\n      <div\n        class=\"tab\"\n        v-for=\"tab in tabs\"\n        :key=\"tab.name\"\n        :class=\"{ active: modelValue === tab.name }\"\n        @click=\"onTabClick(tab.name)\"\n        ref=\"tabList\"\n      >\n        {{ tab.text }}\n      </div>\n    </div>\n    <div ref=\"showBtn\" class=\"more\" @click=\"show = !show\">\n      {{ showText }}\n      {{ tabLength }}\n      <img :src=\"arrowBlueIcon\" class=\"icon\" :class=\"{ rotated: show }\" />\n    </div>\n    <transition name=\"popup\">\n      <div ref=\"popup\" v-show=\"show\" class=\"all_content\">\n        <div class=\"tab\" v-for=\"tab in tabs\" :key=\"tab.name\" @click=\"onTabClick(tab.name)\">\n          {{ tab.text }}\n        </div>\n      </div>\n    </transition>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport arrowBlueIcon from '@/assets/icons/arrow-down-blue.svg';\ninterface ITab {\n  name: string;\n  text: string;\n}\nconst props = defineProps<{\n  modelValue: string;\n  tabs?: ITab[];\n}>();\n\nconst show = ref(false);\nconst popup = ref<HTMLDivElement>();\nconst showBtn = ref<HTMLDivElement>();\nconst emit = defineEmits(['change', 'update:modelValue']);\nconst showText = computed(() => (show.value ? '收起' : '展开'));\nconst tabLength = computed(() => {\n  if (!props.tabs?.length) {\n    return;\n  }\n  return `(${props.tabs.length})`;\n});\n\nconst tabContainer = ref<HTMLDivElement>();\nconst tabList = ref<HTMLDivElement[]>();\n\nfunction onTabClick(to: string) {\n  emit('change', to);\n  emit('update:modelValue', to);\n  show.value = false;\n  nextTick(() => {\n    const target = tabList.value?.find(item => item.className.includes('active'));\n    if (!target) {\n      return;\n    }\n    const { offsetLeft } = target;\n    tabContainer.value!.scrollTo({\n      left: offsetLeft,\n      behavior: 'smooth',\n    });\n  });\n}\n\nconst fn = (e: MouseEvent) => {\n  if (e.target !== showBtn.value && e.target !== popup.value) {\n    show.value = false;\n  }\n};\nonMounted(() => {\n  addEventListener('click', fn);\n});\nonUnmounted(() => {\n  removeEventListener('click', fn);\n});\n</script>\n<style lang=\"less\" scoped>\n@media screen and (min-width: 800px) {\n  .container {\n    position: relative;\n    margin-top: 60px;\n    .tabs {\n      width: 1160px;\n      height: 60px;\n      display: flex;\n      overflow: hidden;\n      position: relative;\n      .tab {\n        padding: 16px 32px;\n        font-size: 20px;\n        line-height: 28px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        cursor: pointer;\n        flex-shrink: 0;\n\n        @media screen and (min-width: 800px) {\n          &.active {\n            background: rgba(22, 93, 255, 0.1);\n            color: #386aff;\n            font-weight: 500;\n            &:after {\n              content: ' ';\n              display: block;\n              position: absolute;\n              height: 3px;\n              left: 0;\n              bottom: 0;\n              width: 100%;\n              background: #165dff;\n            }\n          }\n          &:hover {\n            color: #386aff;\n            font-weight: 500;\n          }\n        }\n        // @media screen and (max-width: 800px) {\n        //   &.active {\n        //     color: #386aff;\n        //     font-weight: 500;\n        //     background: rgba(22, 93, 255, 0.1);\n        //     &:after {\n        //       content: ' ';\n        //       display: block;\n        //       position: absolute;\n        //       height: 3px;\n        //       left: 0;\n        //       bottom: 0;\n        //       width: 100%;\n        //       background: #165dff;\n        //     }\n        //   }\n        // }\n      }\n    }\n    .more {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: 120px;\n      letter-spacing: 0.02em;\n      color: #165dff;\n      font-size: 20px;\n      user-select: none;\n      cursor: pointer;\n      background: linear-gradient(270deg, #ffffff 73.81%, rgba(255, 255, 255, 0) 111.9%);\n      .icon {\n        pointer-events: none;\n        margin-left: 4px;\n        transition: transform 0.2s ease-in-out;\n        will-change: transform;\n      }\n      .rotated {\n        transform: rotateZ(180deg);\n      }\n    }\n    .tab {\n      padding: 16px 60px;\n      font-size: 20px;\n      line-height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n      cursor: pointer;\n\n      @media screen and (min-width: 800px) {\n        &.active {\n          background: rgba(22, 93, 255, 0.1);\n          color: #386aff;\n          font-weight: 500;\n          &:after {\n            content: ' ';\n            display: block;\n            position: absolute;\n            height: 3px;\n            left: 0;\n            bottom: 0;\n            width: 100%;\n            background: #165dff;\n          }\n        }\n        &:hover {\n          color: #386aff;\n          font-weight: 500;\n        }\n      }\n      // @media screen and (max-width: 800px) {\n      //   &.active {\n      //     color: #386aff;\n      //     font-weight: 500;\n      //     background: rgba(22, 93, 255, 0.1);\n      //     &:after {\n      //       content: ' ';\n      //       display: block;\n      //       position: absolute;\n      //       height: 3px;\n      //       left: 0;\n      //       bottom: 0;\n      //       width: 100%;\n      //       background: #165dff;\n      //     }\n      //   }\n      // }\n    }\n    @keyframes popup {\n      from {\n        opacity: 0;\n      }\n      to {\n        opacity: 1;\n      }\n    }\n    .popup-enter-active {\n      animation: popup 0.2s ease-in both;\n    }\n    .popup-leave-active {\n      animation: popup 0.2s ease-in alternate-reverse;\n    }\n    .all_content {\n      background: #ffffff;\n      box-shadow: 0px 2px 24px rgba(114, 148, 226, 0.14);\n      border-radius: 4px;\n      position: absolute;\n      z-index: 2;\n      top: 68px;\n      left: 0;\n      right: 0;\n      display: flex;\n      flex-wrap: wrap;\n    }\n  }\n}\n</style>\n<style lang=\"less\" scoped>\n@media screen and (max-width: 800px) {\n  .container {\n    z-index: 2;\n  }\n  .more {\n    display: none;\n  }\n  .all_content {\n    display: none;\n  }\n  .tabs {\n    margin-top: 24px;\n    box-sizing: border-box;\n    height: 40px;\n    display: flex;\n    padding: 0 16px;\n    gap: 16px;\n    overflow-x: scroll;\n  \n\n    .tab {\n      // padding: 0 16px;\n      white-space: nowrap;\n      // padding: 0 12px;\n      font-size: 14px;\n      font-weight: 500;\n      line-height: 28px;\n      display: flex;\n     \n      align-items: center;\n      justify-content: center;\n      position: relative;\n      cursor: pointer;\n\n      &.active {\n        color: #386aff;\n        font-weight: 400;\n        // background: rgba(22, 93, 255, 0.1);\n\n        &:after {\n          content: ' ';\n          display: block;\n          position: absolute;\n          height: 3px;\n          left: 0;\n          bottom: 0;\n          width: 100%;\n          background: #165dff;\n        }\n      }\n    }\n    &::-webkit-scrollbar {\n      display: none;\n    }\n  }\n}\n</style>\n","export default \"__VITE_ASSET__4a5254b5__\"","export default \"__VITE_ASSET__07c5f26d__\"","<template>\n  <div class=\"country\">\n    <div class=\"banner\"\n      :style=\"{ backgroundImage: `url(https://jkqj-assets-beijing.oss-cn-beijing.aliyuncs.com/global/covers/${data?.attributes?.country.data.attributes.shortCode!}.jpg)` }\">\n      <div class=\"banner__mask\"></div>\n      <div class=\"banner__inner\">\n        <Breadcrumb :routes=\"routes\" reversed-color />\n        <div class=\"title\">\n          <h1>{{ data?.attributes?.country.data.attributes.cnName }}</h1>\n          <a-button class=\"download\" @click=\"onContactClick('下载指南')\" type=\"primary\">\n            <img :src=\"downloadIcon\" />\n            下载指南\n          </a-button>\n        </div>\n        <div class=\"infos\">\n          <div class=\"info\">\n            <label>货币: </label><span>{{ data?.attributes?.currency }}</span>\n          </div>\n          <div class=\"info\">\n            <label>首都: </label><span>{{ data?.attributes?.capital }}</span>\n          </div>\n\n          <div class=\"info\">\n            <label>官方语言: </label><span>{{ data?.attributes?.officialLanguage }}</span>\n          </div>\n          <div class=\"info\">\n            <label>薪资周期: </label><span>{{ data?.attributes?.payrollCycle }}</span>\n          </div>\n        </div>\n        <div v-if=\"data?.attributes?.additional?.[6]?.attributes?.content\" class=\"subtitle\">\n          <span class=\"text\">{{ markdownToPlainText(data?.attributes?.additional?.[6]?.attributes?.content || '')\n          }}</span>\n          <nuxt-link class=\"more\" :to=\"`/resource/global/${data?.attributes?.country?.data?.attributes?.name}/overview`\">\n            <span>查看更多</span>\n          </nuxt-link>\n        </div>\n      </div>\n      <div class=\"benefit_box\">\n        <div class=\"benefits-title\">雇佣福利</div>\n        <div class=\"benefits\">\n          <div class=\"benefits__item\" v-for=\"(item, index) in data?.attributes?.benefits\" :key=\"index\">\n            {{ item }}\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"main\">\n      <div class=\"content\">\n        <div class=\"title\">雇佣指南</div>\n        <div class=\"catalogue\">\n          <div :class=\"['catalogue-item', { activated: item.name === activeTab }]\" v-for=\"item of data?.attributes.additional\n            ?.map(item => ({\n              name: item.attributes.category.data.attributes.name,\n              text: item.attributes.category.data.attributes.title,\n            }))\n            .filter(el => employmentGuide.includes(el.text))\" :key=\"item.name\" @click=\"handlerClickCatalogue(item)\">\n            {{ item.text }}\n          </div>\n        </div>\n        <div class=\"bar\"></div>\n        <div class=\"benefit_box_mobile\">\n          <div class=\"benefits-title\">雇佣福利</div>\n          <div class=\"benefits\">\n            <div class=\"benefits__item\" v-for=\"(item, index) in data?.attributes?.benefits\" :key=\"index\">\n              {{ item }}\n            </div>\n          </div>\n        </div>\n        <MobileEmploymentTools class=\"mobile-employment-tools\" style=\"margin-top: 20px\" />\n        <Tabs :tabs=\"data?.attributes.additional?.map(item => ({\n          name: item.attributes.category.data.attributes.name,\n          text: item.attributes.category.data.attributes.title,\n        }))\n          \" v-model=\"activeTab\" class=\"tab\" />\n        <div class=\"detail_catalogue\">\n          <div class=\"policy_content\">\n            <div class=\"article-content markdown-content\" v-for=\"(item, index) in data?.attributes.additional\"\n              :key=\"index\" v-show=\"activeTab === item.attributes.category.data.attributes.name\"\n              v-html=\"marked.parse(item.attributes.content)\"></div>\n          </div>\n        </div>\n        <div class=\"downloadGuide\">\n          <a-button class=\"button\" @click=\"onContactClick('下载指南')\" type=\"primary\">\n            <img :src=\"downloadIcon\" />\n            下载指南\n          </a-button>\n        </div>\n        <div style=\"padding: 0 30px; color: #4e5969\" class=\"divider\">\n          <a-divider class=\"divider\" orientation=\"center\">继续查看当地雇佣信息</a-divider>\n        </div>\n        <div class=\"catalogue catalogue-bottom\">\n          <div :class=\"['catalogue-item', { activated: item.name === activeTab }]\" v-for=\"item of data?.attributes.additional\n            ?.map(item => ({\n              name: item.attributes.category.data.attributes.name,\n              text: item.attributes.category.data.attributes.title,\n            }))\n            .filter(el => employmentGuide.includes(el.text))\" :key=\"item.name\" @click=\"handlerClickCatalogue(item)\">\n            {{ item.text }}\n          </div>\n        </div>\n      </div>\n      <div class=\"side-tools\">\n        <div class=\"country_dynamics\" v-show=\"relatedArticles?.length\">\n          <div class=\"static_title\">国家动态</div>\n          <nuxt-link v-for=\"(article, index) in relatedArticles?.slice(0, 5)\" :key=\"article.id\" class=\"dynamic\"\n            :to=\"`/info/${article.attributes.category.data.attributes.name}/${article.id}`\">\n            <span class=\"marking\">{{ index + 1 }}</span>\n            <span class=\"title-text\">{{ article.attributes.title }}</span>\n          </nuxt-link>\n          <div class=\"more\" @click=\"handlerMoreDynamics\">查看更多</div>\n        </div>\n        <EmploymentTools class=\"employment-tools\" :style=\"{ marginBottom: '20px' }\" :country-code=\"country.shortCode\"\n          :country-name=\"country.name\" />\n        <!-- <ArticleRecommend /> -->\n      </div>\n    </div>\n    <div class=\"employment-details\">\n      <div class=\"title\">其他国家雇佣详情</div>\n      <div class=\"country-list\">\n        <nuxt-link class=\"country\" v-for=\"country in recommendCountry\" :key=\"country.id\"\n          :to=\"`/resource/global/${country.attributes.country.data.attributes.name}`\">\n          <div class=\"hover_box\">{{ country.attributes.country.data.attributes.cnName }}雇佣详情</div>\n          <img class=\"country__cover\"\n            :src=\"`https://jkqj-assets-beijing.oss-cn-beijing.aliyuncs.com/global/covers/${country?.attributes?.country.data.attributes.shortCode}.jpg`\" />\n        </nuxt-link>\n        <div class=\"more-country\" @click=\"handleGoMoreCountry\">\n          <span>更多国家</span>\n          <img src=\"@/assets/icons/arrow2.svg\" alt=\"arrow2\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { IDetail, IEntity, IList } from '@/@types/cms';\nimport type { IArea, IArticle, IGlobalRecruitment } from '@/@types/entities';\nimport downloadIcon from '@/assets/icons/download-blue.svg';\nimport { marked } from 'marked';\nimport { ComputedRef } from 'vue';\n\nconst routes = [{ text: '资源中心' }, { text: '全球雇佣指南', path: '/resource/global' }, { text: '详情' }];\n\nconst router = useRouter();\nconst employmentGuide = ['工资和税收', '休假政策', '法定休假', '入职', '解雇', '合同'];\nconst countryList = ref<any[]>([]);\n\nconst result = await useAsyncData(async () => {\n  const { data } = await useFetch<IList<IGlobalRecruitment>>(`/api/global/list`);\n  const list = data.value?.data.map(item => ({\n    ...item,\n    url: `/resource/global/${item.attributes.country.data.attributes.name}`,\n  }));\n  const areaList = list?.reduce((res, item) => {\n    const itemArea = item.attributes.area.data;\n    if (res.findIndex(area => area.id === itemArea.id) < 0) {\n      res.push(itemArea);\n    }\n    return res;\n  }, [] as IEntity<IArea>[]);\n  return {\n    list,\n    areaList,\n  };\n});\n\ncountryList.value = (result.data.value as any).list?.slice(0, 3);\n\nconst { countryName } = useRoute().params;\nconst { data } = await useAsyncData(async () => {\n  const { data } = await useFetch<IDetail<IGlobalRecruitment>>(\n    `/api/global/detail?countryName=${encodeURIComponent(countryName as string)}`\n  );\n  return data.value?.data;\n});\n\n// 请求国家推荐列表\nconst { data: countryResult } = await useAsyncData(async () => {\n  const result = await useFetch<IList<IGlobalRecruitment>>(`/api/global/recommend-by-page?id=${data.value?.id || ''}`);\n  return {\n    data: result.data,\n  };\n});\n\n// 推荐国家\nconst recommendCountry = computed(() => {\n  return countryResult.value?.data || [];\n}) as ComputedRef<any[]>;\n\nif (!data.value?.id) {\n  useLeadsInfo('下载更多国家资讯', 'freeDownload');\n}\n\nconst { data: relatedArticles } = await useAsyncData(async () => {\n  const { data: res } = await useFetch<IList<IArticle>>(\n    `/api/article/list-by-country/?id=${data.value?.attributes?.country.data.id}`\n  );\n  return res.value?.data!;\n});\n\nconst activeTab = ref(data.value?.attributes!.additional?.[0].attributes.category.data.attributes.name || '');\n\nconst {\n  country: {\n    data: { attributes: country },\n  },\n  tools,\n} = data.value?.attributes as IGlobalRecruitment;\n\nuseSeoHead({\n  title: country.cnName,\n});\n\nconst handlerMoreDynamics = () => {\n  router.push({\n    path: '/info/guide',\n  });\n};\n\nconst handleGoMoreCountry = () => {\n  router.push({\n    path: '/resource/global',\n  });\n};\n\nfunction onContactClick(entry: string) {\n  useLeadsInfo(entry, 'unlock');\n}\n\nfunction handlerClickCatalogue(item: any) {\n  activeTab.value = item.name;\n  document.documentElement.scrollTop = 500;\n}\n\nconst basicTools = [\n  {\n    img: 'https://video.reta-inc.com/image/default/597C3F7323DE472B83D35DD162D0FEAC-6-2.png',\n    text: '雇佣成本计算器',\n    url: `/resource/cost-calculator?countryCode=${country.shortCode}`,\n  },\n  {\n    img: 'https://video.reta-inc.com/image/default/5F4C77B61E9E43DD87BDCFE3662DF8DE-6-2.png',\n    text: '实得工资计算器',\n    url: `/resource/wage-calculator?countryCode=${country.shortCode}`,\n  },\n  {\n    img: 'https://video.reta-inc.com/image/default/F4550FF2313C4B53863E43D9C73B0A74-6-2.png',\n    text: '薪酬洞察工具',\n    url: `/resource/compensation-insight-tool?countryCode=${country.shortCode}`,\n  },\n];\n\n// const advanceTools = [\n//   {\n//     category: 'labor_employment_regulations',\n//     img: 'https://video.reta-inc.com/image/default/32CFD5934D0F4B58997F6DB999D3F823-6-2.png',\n//     text: '全球劳动法',\n//     url: `/resource/global/${country.name}/labor-employment-regulations`,\n//   },\n//   {\n//     category: 'corporate_tax',\n//     img: 'https://video.reta-inc.com/image/default/02F465ED831040EFB85E1DC73220F926-6-2.png',\n//     text: '全球税收政策',\n//     url: `/resource/global/${country.name}/corporate-tax`,\n//   },\n//   {\n//     category: 'government_departments_relevant_institutions',\n//     img: 'https://video.reta-inc.com/image/default/171FF58B756C47F29E3240F8ECD59182-6-2.png',\n//     text: '全球政府机构',\n//     url: `/resource/global/${country.name}/government-departments-relevant-institutions`,\n//   },\n//   {\n//     category: 'banks_insurance_companies',\n//     img: 'https://video.reta-inc.com/image/default/6DEB8DB2C1444410AB28BE805D88C5EB-6-2.png',\n//     text: '全球银行保险机构',\n//     url: `/resource/global/${country.name}/banks-insurance-companies`,\n//   },\n// ].filter(item => !!tools?.find(tool => tool.attributes.name === item.category));\n// const toolList = [...basicTools, ...advanceTools];\n\nfunction markdownToPlainText(markdown: string): string {\n  // 首先删除所有标题和图片链接\n  const noHeaderOrImage = markdown.replace(/^#+\\s+.+|\\n?!\\[.*?\\]\\(.*?\\)/gm, '');\n  // 首先删除所有行首的 #，因为这是 Markdown 的标题标记\n  const text = noHeaderOrImage.replace(/^#+\\s*/gm, '');\n  // 删除所有行首的 *、-、+，因为这是 Markdown 的列表标记\n  const noList = text.replace(/^\\s*([*-+])\\s+/gm, '');\n  // 将所有代码块中的内容视为纯文本，删除反引号\n  const noCodeBlock = noList.replace(/`{3}[\\s\\S]*?`{3}/g, '');\n  // 将所有内联代码中的内容视为纯文本，删除单个反引号\n  const noInlineCode = noCodeBlock.replace(/`(.+?)`/g, '$1');\n  // 将所有强调文本视为纯文本，删除星号或下划线\n  const noEmphasis = noInlineCode.replace(/([*_])(.+?)\\1/g, '$2');\n  // 将所有链接和图像的描述文本视为纯文本，删除方括号和括号\n  const noLinkText = noEmphasis.replace(/\\[([^\\]]+)\\]\\(.*?\\)/g, '$1');\n  // 将所有链接和图像的 URL 或路径视为纯文本，删除方括号和括号\n  const noLinkUrl = noLinkText.replace(/!?\\[[^\\]]*\\]\\((.*?)\\)/g, '$1');\n  // 删除所有 HTML 标签，将其视为纯文本\n  const noHtmlTags = noLinkUrl.replace(/<\\/?[^>]+>/g, '');\n  // 删除所有行末的空格\n  const trimmed = noHtmlTags.replace(/[ \\t]+$/gm, '');\n  return trimmed;\n}\n</script>\n<style lang=\"less\" scoped>\n.side-tools {\n  margin-top: 100px;\n\n  .country_dynamics {\n    width: 330px;\n    box-sizing: border-box;\n    background: linear-gradient(180deg, rgba(255, 195, 162, 0.2) 0%, rgba(255, 195, 161, 0) 22.46%), #ffffff;\n    border: 1px solid #e8f0ff;\n    border-radius: 8px;\n    padding: 24px;\n    // border-radius: 4px;\n    margin-bottom: 20px;\n\n    .more {\n      margin: 0 auto;\n      margin-top: 24px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: 100%;\n      height: 42px;\n      background: #eff3fb;\n      font-weight: 500;\n      font-size: 14px;\n      line-height: 20px;\n      color: #86909c;\n      cursor: pointer;\n\n      &:hover {\n        color: #386aff;\n      }\n    }\n\n    .static_title {\n      font-weight: 500;\n      font-size: 20px;\n      line-height: 26px;\n      letter-spacing: 0.01em;\n      color: #1d2129;\n      display: flex;\n      align-items: center;\n      margin-bottom: 12px;\n    }\n\n    .dynamic {\n      line-height: 24px;\n      color: #4e5969;\n      padding: 12px 0;\n      text-decoration: none;\n      display: flex;\n      align-items: center;\n\n      &:hover {\n        color: #386aff;\n      }\n\n      .marking {\n        width: 18px;\n        height: 18px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        box-sizing: border-box;\n        padding: 3px 8px;\n        margin-right: 8px;\n        background: #ff7d3c;\n        border-radius: 2px;\n        font-weight: 500;\n        font-size: 14px;\n        line-height: 14px;\n        color: #ffffff;\n      }\n\n      .title-text {\n        width: 300px;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n    }\n\n    // .dynamic:not(:last-child) {\n    //   border-bottom: 1px solid #e5e7eb;\n    // }\n  }\n}\n\n@media screen and (min-width: 800px) {\n  .country {\n    background-color: #eff3fb;\n    padding-bottom: 100px;\n\n    .main {\n      display: flex;\n      justify-content: center;\n    }\n\n    .content {\n      max-width: 965px;\n      // font-weight: 500;\n      font-size: 20px;\n      line-height: 32px;\n      letter-spacing: 0.02em;\n      color: #1d2129;\n\n      .title {\n        margin: 24px 44px;\n        font-weight: 500;\n        font-size: 20px;\n        line-height: 32px;\n        letter-spacing: 0.02em;\n        color: #1d2129;\n      }\n\n      .catalogue {\n        padding-bottom: 5px;\n        margin: 24px 44px;\n        display: flex;\n        margin-top: 20px;\n        gap: 10px;\n        overflow-x: auto;\n\n        .catalogue-item {\n          white-space: nowrap;\n          width: fit-content;\n          padding: 8px 20px;\n          cursor: pointer;\n          font-size: 16px;\n          line-height: 28px;\n          letter-spacing: 0.02em;\n          color: #4e5969;\n          border: 1px solid #c9cdd4;\n          border-radius: 8px;\n\n          &:hover {\n            color: #386aff;\n            // background: rgba(22, 93, 255, 0.1);\n          }\n\n          &.activated {\n            color: #386aff;\n            background: rgba(22, 93, 255, 0.1);\n            border: 0;\n          }\n        }\n      }\n\n      .catalogue-bottom {\n        margin-top: 40px;\n        justify-content: center;\n      }\n\n      .bar {\n        margin-top: 24px;\n        height: 2px;\n        background: #eff3fb;\n\n        :deep(.arco-divider-text) {\n          color: #4e5969;\n        }\n      }\n    }\n\n    .employment-details {\n      text-align: left;\n      width: 1318px;\n      margin: 0 auto;\n      margin-top: 40px;\n\n      .title {\n        font-weight: 500;\n        font-size: 20px;\n        line-height: 28px;\n        letter-spacing: 0.02em;\n        color: #1d2129;\n      }\n\n      .country-list {\n        display: flex;\n        margin-top: 16px;\n        width: 100%;\n        gap: 15px;\n\n        .country {\n          display: flex;\n          align-items: center;\n          width: 270px;\n          height: 120px;\n          box-sizing: border-box;\n          background: #ffffff;\n          box-shadow: 0px 4px 16px rgba(135, 172, 255, 0.2);\n          border-radius: 8px;\n          box-sizing: border-box;\n          overflow: hidden;\n          text-decoration: none;\n          position: relative;\n\n          &__cover {\n            width: 400px;\n            height: 240px;\n            display: block;\n          }\n\n          &__content {\n            font-size: 20px;\n            line-height: 26px;\n            color: #1d2129;\n            height: 60px;\n            text-align: center;\n            line-height: 60px;\n          }\n\n          &:hover {\n            .country__content {\n              color: #165dff;\n            }\n          }\n\n          .hover_box {\n            display: block;\n            position: absolute;\n            top: 0;\n            bottom: 0;\n            width: 100%;\n            background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));\n            height: 100%;\n            border-radius: 12px;\n            font-weight: 500;\n            font-size: 20px;\n            line-height: 28px;\n            text-align: center;\n            letter-spacing: 0.02em;\n            color: #ffffff;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n\n            .go_detail {\n              border: 1px solid #ffffff;\n              border-radius: 24px;\n              font-weight: 400;\n              font-size: 20px;\n              line-height: 26px;\n              text-align: center;\n              letter-spacing: 0.01em;\n              color: #ffffff;\n              background-color: transparent;\n              padding: 12px 30px;\n              cursor: pointer;\n            }\n          }\n        }\n\n        .more-country {\n          cursor: pointer;\n          writing-mode: tb;\n          letter-spacing: 5px;\n          width: 48px;\n          height: 120px;\n          background: #ffffff;\n          border-radius: 8px;\n\n          display: flex;\n          justify-content: center;\n          align-items: center;\n\n          &:hover {\n            color: #386aff;\n          }\n        }\n      }\n    }\n  }\n\n  .banner {\n    background-repeat: no-repeat;\n    background-size: cover;\n    position: relative;\n    background-position: top center;\n    padding-bottom: 50px;\n\n    &__mask {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      background: #052367;\n      opacity: 0.4;\n    }\n\n    &__inner {\n      position: relative;\n      max-width: 1280px;\n      padding: 24px 20px 28px;\n      height: 100%;\n      margin: 0 auto;\n\n      .title {\n        padding: 16px 0 0px;\n        display: flex;\n\n        .download {\n          display: none !important;\n        }\n\n        & > h1 {\n          font-weight: 600;\n          font-size: 36px;\n          line-height: 50px;\n          color: #ffffff;\n          margin: 0;\n        }\n\n        & > .arco-btn {\n          margin-left: auto;\n          display: flex;\n          gap: 6px;\n          padding: 0 24px;\n          height: 48px;\n        }\n      }\n\n      .subtitle {\n        display: flex;\n        align-items: center;\n        margin-top: 10px;\n\n        .text {\n          width: 1210px;\n          font-size: 16px;\n          line-height: 32px;\n          color: #fff;\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n        }\n\n        .more {\n          white-space: nowrap;\n          cursor: pointer;\n          font-size: 14px;\n          line-height: 20px;\n          color: #8eb1ff;\n          text-decoration: none;\n        }\n      }\n\n      .infos {\n        display: flex;\n        gap: 60px;\n        margin-top: 20px;\n\n        .info {\n          flex-shrink: 0;\n          font-size: 18px;\n          line-height: 25px;\n          color: #e5e7eb;\n          display: flex;\n          align-items: center;\n          box-sizing: border-box;\n\n          label {\n            white-space: nowrap;\n          }\n\n          span {\n            color: #fff;\n            font-weight: 500;\n            margin-left: 8px;\n          }\n        }\n      }\n    }\n\n    .benefit_box {\n      position: absolute;\n      bottom: -100px;\n      left: 0;\n      right: 0;\n      margin: 32px auto 24px;\n      padding: 24px 0 24px 36px;\n      max-width: 1280px;\n      display: flex;\n      flex-direction: column;\n      background: linear-gradient(180deg, rgba(182, 206, 255, 0.2) 0%, rgba(188, 210, 255, 0) 22.46%), #ffffff;\n      border: 1px solid #e8f0ff;\n      border-radius: 8px;\n\n      .benefits-title {\n        font-weight: 500;\n        font-size: 20px;\n        line-height: 32px;\n        letter-spacing: 0.02em;\n        color: #1d2129;\n      }\n\n      .benefits {\n        margin: 20px 0 0;\n        display: flex;\n        gap: 36px;\n\n        &__item {\n          padding-left: 32px;\n          box-sizing: border-box;\n          background-image: url('@/assets/icons/check-outline.svg');\n          background-repeat: no-repeat;\n          background-position: 0 8px;\n          background-size: 18px;\n          font-size: 20px;\n          line-height: 32px;\n          color: #000;\n        }\n      }\n    }\n  }\n\n  .content {\n    box-sizing: border-box;\n    background: linear-gradient(179.89deg, rgba(222, 255, 229, 0.2) 0.1%, rgba(188, 210, 255, 0) 6.08%), #ffffff;\n    border: 1px solid #e8f0ff;\n    border-radius: 8px;\n    max-width: 975px;\n    margin-top: 100px;\n    margin-right: 24px;\n\n    .tab,\n    .benefit_box_mobile,\n    .mobile-employment-tools {\n      display: none;\n    }\n\n    .hire_tools {\n      padding-bottom: 40px;\n      border-bottom: 1px solid #e4e6e9;\n\n      .tool_title {\n        font-weight: 500;\n        font-size: 24px;\n        line-height: 34px;\n        color: #1d2129;\n      }\n\n      .tools {\n        margin-top: 24px;\n        display: flex;\n        flex-wrap: wrap;\n        gap: 24px;\n\n        .item_entry {\n          text-decoration: none;\n          width: 236px;\n          height: 80px;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          background: #ffffff;\n          box-shadow: 0px 2px 16px rgba(135, 172, 255, 0.2);\n          border-radius: 4px;\n          background-repeat: no-repeat;\n          background-size: 32px 32px;\n          background-position: left 10px center;\n\n          .text {\n            max-width: 140px;\n            margin-left: 50px;\n            margin-right: 7px;\n            font-weight: 500;\n            font-size: 20px;\n            line-height: 28px;\n            color: #1d2129;\n          }\n\n          .icon {\n            width: 28px;\n            height: 28px;\n            margin-right: 8px;\n          }\n        }\n      }\n    }\n\n    .detail_catalogue {\n      padding: 0 44px;\n      display: flex;\n\n      .policy_content {\n        width: 910px;\n      }\n\n      .catalogue {\n        margin-left: auto;\n        background-color: #fff;\n        width: 300px;\n        height: fit-content;\n        position: sticky;\n        top: 120px;\n      }\n    }\n\n    .downloadGuide {\n      display: flex;\n      justify-content: center;\n      padding: 40px 0;\n\n      .button {\n        width: 200px;\n        height: 48px;\n      }\n    }\n\n    .tabs {\n      margin-top: 60px;\n    }\n\n    :deep(& > .arco-select-view-single) {\n      display: flex;\n      margin: 40px 20px 0;\n      width: auto;\n      height: 60px;\n      background: #fff;\n      border: 1px solid rgb(229, 230, 232);\n\n      .arco-select-view-value {\n        font-size: 20px;\n      }\n    }\n  }\n}\n</style>\n<style lang=\"less\" scoped>\n@media screen and (max-width: 800px) {\n  .main {\n    .side-tools {\n      margin-top: 10px;\n\n      .country_dynamics {\n        // width: 340px;\n        width: auto;\n        margin: 0 16px;\n        margin-bottom: 20px;\n        border: 1px solid #f2f3f5;\n      }\n\n      .employment-tools {\n        display: none;\n      }\n    }\n\n    .downloadGuide {\n      display: flex;\n      justify-content: center;\n    }\n\n    .divider {\n      display: none;\n    }\n  }\n\n  .banner {\n    background-repeat: no-repeat;\n    background-size: cover;\n    position: relative;\n    background-position: top center;\n\n    &__mask {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      background: #052367;\n      opacity: 0.4;\n    }\n\n    &__inner {\n      position: relative;\n      // max-width: 1280px;\n      padding: 24px 20px 28px;\n      height: 100%;\n      margin: 0 auto;\n\n      .title {\n        padding: 18px 0;\n        display: flex;\n        align-items: center;\n        border-bottom: 1px solid rgba(229, 231, 235, 0.5);\n\n        & > h1 {\n          font-weight: 600;\n          font-size: 18px;\n          line-height: 25px;\n          color: #ffffff;\n          margin: 0;\n        }\n\n        & > .arco-btn {\n          margin-left: auto;\n\n          & + .arco-btn {\n            margin-left: 24px;\n          }\n        }\n      }\n\n      .subtitle {\n        font-weight: 400;\n        font-size: 14px;\n        line-height: 24px;\n        letter-spacing: 0.02em;\n        color: #ffffff;\n        margin-top: 16px;\n\n        .text {\n          display: -webkit-box;\n          cursor: pointer;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          -webkit-line-clamp: 2;\n          -webkit-box-orient: vertical;\n        }\n\n        .more {\n          white-space: nowrap;\n          cursor: pointer;\n          font-size: 14px;\n          line-height: 20px;\n          color: #8eb1ff;\n          text-decoration: none;\n        }\n      }\n\n      .infos {\n        display: grid;\n        grid-template-columns: auto auto;\n        grid-template-rows: auto auto;\n        row-gap: 6px;\n        margin-top: 20px;\n\n        .info {\n          // width: 296px;\n          // height: 80px;\n          flex-shrink: 0;\n          // background: #ffffff;\n          // box-shadow: 0px 2px 16px rgba(135, 172, 255, 0.2);\n          // border-top-right-radius: 8px;\n          // border-bottom-right-radius: 8px;\n          line-height: 20px;\n          color: #e5e7eb;\n          display: flex;\n          align-items: center;\n          // padding-left: 28px;\n          box-sizing: border-box;\n          // margin-bottom: 32px;\n\n          label {\n            white-space: nowrap;\n          }\n\n          span {\n            color: #fff;\n            font-weight: 500;\n            margin-left: 8px;\n          }\n\n          // &:nth-child(1) {\n          //   border-left: 4px solid #165dff;\n          // }\n\n          // &:nth-child(2) {\n          //   border-left: 4px solid #ffa189;\n          // }\n\n          // &:nth-child(3) {\n          //   border-left: 4px solid #ad92ff;\n          // }\n\n          // &:nth-child(4) {\n          //   border-left: 4px solid #ffd687;\n          // }\n        }\n      }\n    }\n  }\n\n  .benefit_box {\n    display: none;\n  }\n\n  .content {\n    margin: 20px auto 40px;\n\n    .title {\n      display: none;\n    }\n\n    .catalogue {\n      display: none;\n    }\n\n    .hire_tools {\n      .tool_title {\n        font-weight: 500;\n        font-size: 16px;\n        line-height: 22px;\n        color: #1d2129;\n        text-align: center;\n      }\n\n      .tools {\n        padding: 16px 16px 24px;\n        display: grid;\n        gap: 12px;\n        grid-template-columns: 1fr 1fr;\n\n        .item_entry {\n          text-decoration: none;\n          height: 48px;\n          display: flex;\n          align-items: center;\n          background: #ffffff;\n          box-shadow: 0px 2px 16px rgba(135, 172, 255, 0.2);\n          border-radius: 4px;\n          background-repeat: no-repeat;\n          background-size: 24px 24px;\n          background-position: left 12px center;\n\n          .text {\n            margin-left: 44px;\n            // margin-right: 8px;\n            font-weight: 500;\n            line-height: 20px;\n            color: #1d2129;\n          }\n\n          .icon {\n            width: 28px;\n            height: 28px;\n            margin-right: 8px;\n            display: none;\n          }\n        }\n      }\n    }\n\n    .benefit_box_mobile {\n      margin: 0 16px;\n      padding: 12px;\n      display: flex;\n      flex-direction: column;\n      background: #f5f8ff;\n      opacity: 0.9;\n      border-radius: 4px;\n\n      .benefits-title {\n        font-weight: 500;\n        line-height: 20px;\n        color: #1d2129;\n      }\n\n      .benefits {\n        margin: 12px 0 0;\n        display: flex;\n        flex-wrap: wrap;\n        row-gap: 8px;\n        column-gap: 16px;\n\n        &__item {\n          padding-left: 22px;\n          box-sizing: border-box;\n          background-image: url('@/assets/icons/check-outline.svg');\n          background-repeat: no-repeat;\n          background-position: 0 4px;\n          background-size: 14px;\n          line-height: 20px;\n          color: #000;\n          white-space: nowrap;\n        }\n      }\n    }\n\n    :deep(.container) {\n      position: sticky;\n      top: 70px;\n      background-color: #fff;\n\n      .tabs {\n        gap: 0;\n        padding-left: 0;\n\n        .tab {\n          padding-left: 16px;\n          -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n          -webkit-tap-highlight-color: transparent;\n          outline: none;\n          background: none;\n          text-decoration: none;\n\n          &::after {\n            width: calc(100% - 16px);\n            right: 0;\n            left: unset;\n          }\n\n          &:focus-visible,\n          &:active {\n            background: transparent;\n            outline: none;\n          }\n        }\n      }\n\n      .active {\n        font-weight: 500;\n      }\n    }\n\n    .tabs {\n      margin: 26px 16px 0;\n      height: auto;\n      background: #fff;\n      z-index: 10;\n      overflow-x: auto;\n      position: sticky;\n      top: 70px;\n      border-bottom: 1px solid #eee;\n\n      :deep(.tab) {\n        white-space: nowrap;\n        padding: 6px 12px;\n        display: inline-block;\n        font-weight: 500;\n        font-size: 14px;\n        line-height: 28px;\n        letter-spacing: 0.02em;\n\n        &:active {\n          font-weight: 500;\n        }\n      }\n\n      &.active {\n        color: #386aff;\n        background: rgba(22, 93, 255, 0.1);\n\n        &:after {\n          content: ' ';\n          display: block;\n          position: absolute;\n          height: 3px;\n          left: 0;\n          bottom: 0;\n          width: 100%;\n          background: #165dff;\n        }\n      }\n    }\n\n    .tabs::-webkit-scrollbar {\n      display: none;\n    }\n\n    .detail_catalogue {\n      padding: 0 16px;\n      margin-top: 20px;\n\n      .catalogue {\n\n        // padding: 16px;\n        .country_dynamics {\n          padding: 24px;\n          margin-top: 60px;\n          background: linear-gradient(180deg, #f6f9ff 0%, #f6f9ff 100%);\n          border-radius: 4px;\n\n          .static_title {\n            font-weight: 500;\n            font-size: 20px;\n            line-height: 26px;\n            letter-spacing: 0.01em;\n            color: #1d2129;\n            display: flex;\n            align-items: center;\n            margin-bottom: 12px;\n\n            // &::before {\n            //   content: '';\n            //   display: inline-block;\n            //   width: 4px;\n            //   height: 20px;\n            //   background: #165dff;\n            //   margin-right: 12px;\n            // }\n          }\n\n          .dynamic {\n            line-height: 24px;\n            color: #4e5969;\n            padding: 12px 0;\n            text-decoration: none;\n            display: block;\n          }\n\n          // .dynamic:not(:last-child) {\n          //   border-bottom: 1px solid #e5e7eb;\n          // }\n        }\n\n        .employment-tools {\n          width: 336px;\n        }\n      }\n    }\n\n    :deep(.policy-content) {\n      padding: 21px 0 44px;\n      word-wrap: break-word;\n\n      section {\n        margin: 0;\n        padding: 0 16px;\n      }\n\n      section:nth-child(n + 2) {\n        margin-top: 40px;\n      }\n    }\n\n    :deep(& > .arco-select-view-single) {\n      display: flex;\n      margin: 40px 20px 0;\n      width: auto;\n      height: 60px;\n      background: #fff;\n      border: 1px solid rgb(229, 230, 232);\n\n      .arco-select-view-value {\n        font-size: 20px;\n      }\n    }\n\n    .catalogues {\n      display: none;\n    }\n  }\n\n  .employment-details {\n    display: none;\n  }\n}\n</style>\n"],"names":["tools","laborEmploymentRegulations","corporateTaxIcon","governmentDepartmentsRelevantInstitutionsIcon","productPayrollIcon","banksInsuranceCompaniesIcon","show","ref","popup","showBtn","showText","computed","tabLength","_a","props","tabContainer","tabList","onTabClick","to","emit","nextTick","target","item","offsetLeft","fn","e","onMounted","onUnmounted","_imports_0","downloadIcon","routes","router","useRouter","employmentGuide","countryList","result","__temp","__restore","_withAsyncContext","useAsyncData","data2","useFetch","list","areaList","res","itemArea","area","countryName","useRoute","data","countryResult","recommendCountry","_b","useLeadsInfo","relatedArticles","_c","activeTab","_d","country","_e","useSeoHead","handlerMoreDynamics","handleGoMoreCountry","onContactClick","entry","handlerClickCatalogue","markdownToPlainText","markdown"],"mappings":"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"}