{"version":3,"file":"solutions.vue2.mjs","sources":["../../../../pages/solutions.vue"],"sourcesContent":["<template>\r\n  <div>\r\n    <!-- 页面标题 -->\r\n    <HeroBanner \r\n      :title=\"$t('solutions.hero.title')\" \r\n      :subtitle=\"$t('solutions.hero.subtitle')\"\r\n    />\r\n\r\n    <!-- 解决方案分类 -->\r\n    <section class=\"py-20\">\r\n      <div class=\"container\">\r\n        <div class=\"max-w-4xl mx-auto text-center mb-16\">\r\n          <h2 class=\"text-4xl font-bold text-[#333333] mb-4\">{{ $t('solutions.categories.title') }}</h2>\r\n          <p class=\"text-xl text-gray-600 leading-relaxed\">{{ $t('solutions.categories.subtitle') }}</p>\r\n        </div>\r\n        \r\n        <div class=\"grid md:grid-cols-3 gap-8\">\r\n          <div v-for=\"(category, index) in solutionCategories\" :key=\"index\" class=\"bg-white p-8 rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 text-center\">\r\n            <div class=\"w-20 h-20 bg-gradient-to-br from-secondary/20 to-secondary/10 rounded-full flex items-center justify-center mx-auto mb-6\">\r\n              <i :class=\"['text-secondary text-3xl', category.icon]\"></i>\r\n            </div>\r\n            <h3 class=\"text-xl font-semibold mb-4\">{{ $t(category.titleKey) }}</h3>\r\n            <p class=\"text-gray-600 leading-relaxed mb-6\">{{ $t(category.descriptionKey) }}</p>\r\n            <a :href=\"'#' + category.id\" class=\"inline-flex items-center text-secondary hover:text-secondary/90\">\r\n              {{ $t('solutions.categories.viewDetails') }}\r\n              <i class=\"fas fa-arrow-right ml-2\"></i>\r\n            </a>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n\r\n    <!-- 解决方案详情 -->\r\n    <div class=\"space-y-16\">\r\n      <section v-for=\"(solution, index) in solutions\" :key=\"index\" :id=\"solution.id\" class=\"py-20\" :class=\"index % 2 === 0 ? 'bg-gray-50' : 'bg-white'\">\r\n        <div class=\"container\">\r\n          <div class=\"grid md:grid-cols-2 gap-12 items-center\">\r\n            <div :class=\"index % 2 === 1 ? 'md:order-1' : ''\">\r\n              <div class=\"bg-gradient-to-br from-secondary/20 to-secondary/10 h-80 rounded-lg flex items-center justify-center\">\r\n                <i :class=\"['text-8xl text-secondary', solution.icon]\"></i>\r\n              </div>\r\n            </div>\r\n            <div>\r\n              <h2 class=\"text-4xl font-bold text-[#333333] mb-6\">{{ $t(solution.titleKey) }}</h2>\r\n              <p class=\"text-gray-600 leading-relaxed mb-6\">{{ $t(solution.descriptionKey) }}</p>\r\n              <div class=\"mb-8\">\r\n                <h4 class=\"text-lg font-semibold mb-4\">{{ $t('solutions.solutionDetails.advantages') }}</h4>\r\n                <ul class=\"space-y-3\">\r\n                  <li v-for=\"(benefit, idx) in solution.benefits\" :key=\"idx\" class=\"flex items-start\">\r\n                    <i class=\"fas fa-check-circle text-green-500 mt-1 mr-3\"></i>\r\n                    <span class=\"text-gray-600\">{{ $t(benefit) }}</span>\r\n                  </li>\r\n                </ul>\r\n              </div>\r\n              <div class=\"mb-8\">\r\n                <h4 class=\"text-lg font-semibold mb-4\">{{ $t('solutions.solutionDetails.industries') }}</h4>\r\n                <div class=\"flex flex-wrap gap-2\">\r\n                  <span v-for=\"(industry, idx) in solution.industries\" :key=\"idx\" class=\"px-3 py-1 bg-gray-100 text-gray-700 rounded-full text-sm\">\r\n                    {{ $t(industry) }}\r\n                  </span>\r\n                </div>\r\n              </div>\r\n              <a href=\"#contact\" class=\"btn-primary\">{{ $t('solutions.solutionDetails.inquiry') }}</a>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </section>\r\n    </div>\r\n\r\n    <!-- 实施流程 -->\r\n    <section class=\"py-20 bg-gray-50\">\r\n      <div class=\"container\">\r\n        <div class=\"max-w-4xl mx-auto text-center mb-16\">\r\n          <h2 class=\"text-4xl font-bold text-[#333333] mb-4\">{{ $t('solutions.implementation.title') }}</h2>\r\n          <p class=\"text-xl text-gray-600 leading-relaxed\">{{ $t('solutions.implementation.subtitle') }}</p>\r\n        </div>\r\n        \r\n        <div class=\"relative\">\r\n          <!-- 流程连接线 -->\r\n          <div class=\"absolute left-1/2 top-8 bottom-8 w-1 bg-secondary/20 -translate-x-1/2 hidden md:block\"></div>\r\n          \r\n          <div class=\"space-y-12\">\r\n            <div v-for=\"(step, index) in implementationSteps\" :key=\"index\" class=\"flex flex-col md:flex-row md:items-center relative\">\r\n              <!-- 步骤编号 -->\r\n              <div class=\"md:absolute md:left-1/2 md:-translate-x-1/2 z-10 w-12 h-12 bg-white rounded-full border-4 border-secondary flex items-center justify-center font-bold text-secondary mb-4 md:mb-0 mx-auto md:mx-0\">\r\n                {{ index + 1 }}\r\n              </div>\r\n              \r\n              <!-- 步骤内容 -->\r\n              <div :class=\"[\r\n                'bg-white p-6 rounded-lg shadow-md w-full md:w-5/12',\r\n                index % 2 === 0 ? 'md:mr-auto' : 'md:ml-auto'\r\n              ]\">\r\n                <h3 class=\"text-xl font-semibold mb-2\">{{ $t(step.titleKey) }}</h3>\r\n                <p class=\"text-gray-600\">{{ $t(step.descriptionKey) }}</p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n\r\n    <!-- 客户案例展示 -->\r\n    <section class=\"py-20\">\r\n      <div class=\"container\">\r\n        <div class=\"max-w-4xl mx-auto text-center mb-16\">\r\n          <h2 class=\"text-4xl font-bold text-[#333333] mb-4\">{{ $t('solutions.cases.title') }}</h2>\r\n          <p class=\"text-xl text-gray-600 leading-relaxed\">{{ $t('solutions.cases.subtitle') }}</p>\r\n        </div>\r\n        \r\n        <div class=\"grid md:grid-cols-3 gap-8\">\r\n          <div v-for=\"(case_item, index) in caseStudies\" :key=\"index\" class=\"bg-white rounded-lg shadow-lg overflow-hidden hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1\">\r\n            <div class=\"h-48 bg-gray-200\"></div>\r\n            <div class=\"p-6\">\r\n              <div class=\"flex justify-between items-center mb-4\">\r\n                <h3 class=\"text-xl font-semibold\">{{ $t(case_item.titleKey) }}</h3>\r\n                <span class=\"px-3 py-1 bg-secondary/10 text-secondary text-sm rounded-full\">{{ $t(case_item.industryKey) }}</span>\r\n              </div>\r\n              <p class=\"text-gray-600 mb-6\">{{ $t(case_item.descriptionKey) }}</p>\r\n              <NuxtLink to=\"/cases\" class=\"inline-flex items-center text-secondary hover:text-secondary/90\">\r\n                {{ $t('solutions.cases.viewDetails') }}\r\n                <i class=\"fas fa-arrow-right ml-2\"></i>\r\n              </NuxtLink>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n\r\n    <!-- 联系我们 -->\r\n    <section id=\"contact\" class=\"py-16 bg-primary text-white\">\r\n      <div class=\"container text-center\">\r\n        <h2 class=\"text-4xl font-bold mb-6\">{{ $t('solutions.contact.title') }}</h2>\r\n        <p class=\"text-xl mb-8 max-w-2xl mx-auto leading-relaxed\">{{ $t('solutions.contact.subtitle') }}</p>\r\n        <NuxtLink to=\"/contact\" class=\"inline-flex items-center bg-white text-black px-8 py-4 rounded-lg hover:bg-gray-100 transition-colors duration-300 text-lg font-semibold\">\r\n          {{ $t('solutions.contact.button') }}\r\n          <i class=\"fas fa-arrow-right ml-2\"></i>\r\n        </NuxtLink>\r\n      </div>\r\n    </section>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { useI18n } from 'vue-i18n';\r\n\r\nconst { t } = useI18n();\r\n\r\n// 解决方案分类\r\nconst solutionCategories = [\r\n  {\r\n    id: 'web-hosting',\r\n    icon: 'fas fa-globe',\r\n    titleKey: 'solutions.solutionItems.webHosting.title',\r\n    descriptionKey: 'solutions.solutionItems.webHosting.description'\r\n  },\r\n  {\r\n    id: 'cloud-migration',\r\n    icon: 'fas fa-cloud-upload-alt',\r\n    titleKey: 'solutions.solutionItems.cloudMigration.title',\r\n    descriptionKey: 'solutions.solutionItems.cloudMigration.description'\r\n  },\r\n  {\r\n    id: 'disaster-recovery',\r\n    icon: 'fas fa-shield-alt',\r\n    titleKey: 'solutions.solutionItems.disasterRecovery.title',\r\n    descriptionKey: 'solutions.solutionItems.disasterRecovery.description'\r\n  },\r\n  {\r\n    id: 'big-data',\r\n    icon: 'fas fa-chart-pie',\r\n    titleKey: 'solutions.solutionItems.bigData.title',\r\n    descriptionKey: 'solutions.solutionItems.bigData.description'\r\n  },\r\n  {\r\n    id: 'microservices',\r\n    icon: 'fas fa-cubes',\r\n    titleKey: 'solutions.solutionItems.microservices.title',\r\n    descriptionKey: 'solutions.solutionItems.microservices.description'\r\n  },\r\n  {\r\n    id: 'ai-ml',\r\n    icon: 'fas fa-brain',\r\n    titleKey: 'solutions.solutionItems.aiMl.title',\r\n    descriptionKey: 'solutions.solutionItems.aiMl.description'\r\n  }\r\n];\r\n\r\n// 解决方案详情\r\nconst solutions = [\r\n  {\r\n    id: 'web-hosting',\r\n    icon: 'fas fa-globe',\r\n    titleKey: 'solutions.solutionDetails.webHosting.title',\r\n    descriptionKey: 'solutions.solutionDetails.webHosting.description',\r\n    benefits: [\r\n      'solutions.solutionDetails.webHosting.benefits[0]',\r\n      'solutions.solutionDetails.webHosting.benefits[1]',\r\n      'solutions.solutionDetails.webHosting.benefits[2]',\r\n      'solutions.solutionDetails.webHosting.benefits[3]',\r\n      'solutions.solutionDetails.webHosting.benefits[4]'\r\n    ],\r\n    industries: [\r\n      'solutions.solutionDetails.webHosting.industries[0]',\r\n      'solutions.solutionDetails.webHosting.industries[1]',\r\n      'solutions.solutionDetails.webHosting.industries[2]',\r\n      'solutions.solutionDetails.webHosting.industries[3]'\r\n    ]\r\n  },\r\n  {\r\n    id: 'cloud-migration',\r\n    icon: 'fas fa-cloud-upload-alt',\r\n    titleKey: 'solutions.solutionDetails.cloudMigration.title',\r\n    descriptionKey: 'solutions.solutionDetails.cloudMigration.description',\r\n    benefits: [\r\n      'solutions.solutionDetails.cloudMigration.benefits[0]',\r\n      'solutions.solutionDetails.cloudMigration.benefits[1]',\r\n      'solutions.solutionDetails.cloudMigration.benefits[2]',\r\n      'solutions.solutionDetails.cloudMigration.benefits[3]',\r\n      'solutions.solutionDetails.cloudMigration.benefits[4]'\r\n    ],\r\n    industries: [\r\n      'solutions.solutionDetails.cloudMigration.industries[0]',\r\n      'solutions.solutionDetails.cloudMigration.industries[1]',\r\n      'solutions.solutionDetails.cloudMigration.industries[2]',\r\n      'solutions.solutionDetails.cloudMigration.industries[3]',\r\n      'solutions.solutionDetails.cloudMigration.industries[4]'\r\n    ]\r\n  },\r\n  {\r\n    id: 'disaster-recovery',\r\n    icon: 'fas fa-shield-alt',\r\n    titleKey: 'solutions.solutionDetails.disasterRecovery.title',\r\n    descriptionKey: 'solutions.solutionDetails.disasterRecovery.description',\r\n    benefits: [\r\n      'solutions.solutionDetails.disasterRecovery.benefits[0]',\r\n      'solutions.solutionDetails.disasterRecovery.benefits[1]',\r\n      'solutions.solutionDetails.disasterRecovery.benefits[2]',\r\n      'solutions.solutionDetails.disasterRecovery.benefits[3]',\r\n      'solutions.solutionDetails.disasterRecovery.benefits[4]'\r\n    ],\r\n    industries: [\r\n      'solutions.solutionDetails.disasterRecovery.industries[0]',\r\n      'solutions.solutionDetails.disasterRecovery.industries[1]',\r\n      'solutions.solutionDetails.disasterRecovery.industries[2]',\r\n      'solutions.solutionDetails.disasterRecovery.industries[3]',\r\n      'solutions.solutionDetails.disasterRecovery.industries[4]'\r\n    ]\r\n  },\r\n  {\r\n    id: 'big-data',\r\n    icon: 'fas fa-chart-pie',\r\n    titleKey: 'solutions.solutionDetails.bigData.title',\r\n    descriptionKey: 'solutions.solutionDetails.bigData.description',\r\n    benefits: [\r\n      'solutions.solutionDetails.bigData.benefits[0]',\r\n      'solutions.solutionDetails.bigData.benefits[1]',\r\n      'solutions.solutionDetails.bigData.benefits[2]',\r\n      'solutions.solutionDetails.bigData.benefits[3]',\r\n      'solutions.solutionDetails.bigData.benefits[4]'\r\n    ],\r\n    industries: [\r\n      'solutions.solutionDetails.bigData.industries[0]',\r\n      'solutions.solutionDetails.bigData.industries[1]',\r\n      'solutions.solutionDetails.bigData.industries[2]',\r\n      'solutions.solutionDetails.bigData.industries[3]',\r\n      'solutions.solutionDetails.bigData.industries[4]'\r\n    ]\r\n  }\r\n];\r\n\r\n// 实施流程\r\nconst implementationSteps = [\r\n  {\r\n    titleKey: 'solutions.implementation.steps.step1.title',\r\n    descriptionKey: 'solutions.implementation.steps.step1.description'\r\n  },\r\n  {\r\n    titleKey: 'solutions.implementation.steps.step2.title',\r\n    descriptionKey: 'solutions.implementation.steps.step2.description'\r\n  },\r\n  {\r\n    titleKey: 'solutions.implementation.steps.step3.title',\r\n    descriptionKey: 'solutions.implementation.steps.step3.description'\r\n  },\r\n  {\r\n    titleKey: 'solutions.implementation.steps.step4.title',\r\n    descriptionKey: 'solutions.implementation.steps.step4.description'\r\n  },\r\n  {\r\n    titleKey: 'solutions.implementation.steps.step5.title',\r\n    descriptionKey: 'solutions.implementation.steps.step5.description'\r\n  }\r\n];\r\n\r\n// 客户案例\r\nconst caseStudies = [\r\n  {\r\n    titleKey: 'solutions.cases.ecommerce.title',\r\n    industryKey: 'solutions.cases.ecommerce.industry',\r\n    descriptionKey: 'solutions.cases.ecommerce.description'\r\n  },\r\n  {\r\n    titleKey: 'solutions.cases.finance.title',\r\n    industryKey: 'solutions.cases.finance.industry',\r\n    descriptionKey: 'solutions.cases.finance.description'\r\n  },\r\n  {\r\n    titleKey: 'solutions.cases.manufacturing.title',\r\n    industryKey: 'solutions.cases.manufacturing.industry',\r\n    descriptionKey: 'solutions.cases.manufacturing.description'\r\n  }\r\n];\r\n</script>"],"names":[],"mappings":"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"}