{"version":3,"file":"static/js/app.806f0c2a.js","mappings":"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","sources":["webpack://huayue/./src/App.vue","webpack://huayue/src/App.vue","webpack://huayue/./src/App.vue?51dd","webpack://huayue/./src/App.vue?0e40","webpack://huayue/./src/pages/home/home.vue","webpack://huayue/./src/components/home-view-canvas.vue","webpack://huayue/src/components/home-view-canvas.vue","webpack://huayue/./src/components/home-view-canvas.vue?96b1","webpack://huayue/./src/components/home-view-canvas.vue?4c7a","webpack://huayue/./src/utils/request.js","webpack://huayue/./src/api/column.js","webpack://huayue/./src/api/content.js","webpack://huayue/./src/api/variable.js","webpack://huayue/src/pages/home/home.vue","webpack://huayue/./src/pages/home/home.vue?5418","webpack://huayue/./src/pages/home/home.vue?49e8","webpack://huayue/./src/pages/home/privacy.vue","webpack://huayue/src/pages/home/privacy.vue","webpack://huayue/./src/pages/home/privacy.vue?3431","webpack://huayue/./src/pages/home/privacy.vue?7a31","webpack://huayue/./src/pages/product/staff-manage.vue","webpack://huayue/src/pages/product/staff-manage.vue","webpack://huayue/./src/pages/product/staff-manage.vue?25d1","webpack://huayue/./src/pages/product/staff-manage.vue?c273","webpack://huayue/./src/pages/product/working-hours.vue","webpack://huayue/src/pages/product/working-hours.vue","webpack://huayue/./src/pages/product/working-hours.vue?937e","webpack://huayue/./src/pages/product/working-hours.vue?e445","webpack://huayue/./src/pages/product/pay-welfare.vue","webpack://huayue/src/pages/product/pay-welfare.vue","webpack://huayue/./src/pages/product/pay-welfare.vue?55ff","webpack://huayue/./src/pages/product/pay-welfare.vue?2dd6","webpack://huayue/./src/pages/product/personnel-grow.vue","webpack://huayue/src/pages/product/personnel-grow.vue","webpack://huayue/./src/pages/product/personnel-grow.vue?25ef","webpack://huayue/./src/pages/product/personnel-grow.vue?ebad","webpack://huayue/./src/pages/product/personnel-recruit.vue","webpack://huayue/src/pages/product/personnel-recruit.vue","webpack://huayue/./src/pages/product/personnel-recruit.vue?1a76","webpack://huayue/./src/pages/product/personnel-recruit.vue?b02b","webpack://huayue/./src/pages/product/strategy-organize.vue","webpack://huayue/src/pages/product/strategy-organize.vue","webpack://huayue/./src/pages/product/strategy-organize.vue?4c57","webpack://huayue/./src/pages/product/strategy-organize.vue?4901","webpack://huayue/./src/pages/product/achievements.vue","webpack://huayue/src/pages/product/achievements.vue","webpack://huayue/./src/pages/product/achievements.vue?1042","webpack://huayue/./src/pages/product/achievements.vue?35ce","webpack://huayue/./src/pages/product/cloud-platform.vue","webpack://huayue/src/pages/product/cloud-platform.vue","webpack://huayue/./src/pages/product/cloud-platform.vue?fd66","webpack://huayue/./src/pages/product/cloud-platform.vue?8ed0","webpack://huayue/./src/pages/product/talent-development.vue","webpack://huayue/src/pages/product/talent-development.vue","webpack://huayue/./src/pages/product/talent-development.vue?6cae","webpack://huayue/./src/pages/product/talent-development.vue?f9d2","webpack://huayue/./src/pages/solution/external-recruitment.vue","webpack://huayue/src/pages/solution/external-recruitment.vue","webpack://huayue/./src/pages/solution/external-recruitment.vue?9104","webpack://huayue/./src/pages/solution/external-recruitment.vue?b678","webpack://huayue/./src/pages/solution/piece-rate-salary.vue","webpack://huayue/src/pages/solution/piece-rate-salary.vue","webpack://huayue/./src/pages/solution/piece-rate-salary.vue?ccbf","webpack://huayue/./src/pages/solution/piece-rate-salary.vue?8d32","webpack://huayue/./src/pages/solution/assessment.vue","webpack://huayue/src/pages/solution/assessment.vue","webpack://huayue/./src/pages/solution/assessment.vue?8248","webpack://huayue/./src/pages/solution/assessment.vue?e8d2","webpack://huayue/./src/pages/solution/talent-review.vue","webpack://huayue/src/pages/solution/talent-review.vue","webpack://huayue/./src/pages/solution/talent-review.vue?9214","webpack://huayue/./src/pages/solution/talent-review.vue?e72b","webpack://huayue/./src/pages/solution/target-decomposition.vue","webpack://huayue/src/pages/solution/target-decomposition.vue","webpack://huayue/./src/pages/solution/target-decomposition.vue?a099","webpack://huayue/./src/pages/solution/target-decomposition.vue?a31b","webpack://huayue/./src/pages/solution/virtual-organization.vue","webpack://huayue/src/pages/solution/virtual-organization.vue","webpack://huayue/./src/pages/solution/virtual-organization.vue?2c93","webpack://huayue/./src/pages/solution/virtual-organization.vue?756a","webpack://huayue/./src/pages/solution/mobile-terminal.vue","webpack://huayue/src/pages/solution/mobile-terminal.vue","webpack://huayue/./src/pages/solution/mobile-terminal.vue?248a","webpack://huayue/./src/pages/solution/mobile-terminal.vue?f54a","webpack://huayue/./src/pages/customer/customer-case.vue","webpack://huayue/src/pages/customer/customer-case.vue","webpack://huayue/./src/pages/customer/customer-case.vue?dcb2","webpack://huayue/./src/pages/customer/customer-case.vue?29a0","webpack://huayue/./src/pages/customer/index/index.vue","webpack://huayue/src/pages/customer/index/index.vue","webpack://huayue/./src/pages/customer/index/index.vue?f123","webpack://huayue/./src/pages/customer/index/index.vue?faf8","webpack://huayue/./src/pages/content/software.vue","webpack://huayue/src/pages/content/software.vue","webpack://huayue/./src/pages/content/software.vue?59f9","webpack://huayue/./src/pages/content/software.vue?6098","webpack://huayue/./src/pages/content/experience.vue","webpack://huayue/src/pages/content/experience.vue","webpack://huayue/./src/pages/content/experience.vue?1951","webpack://huayue/./src/pages/content/experience.vue?c185","webpack://huayue/./src/pages/about/index.vue","webpack://huayue/src/pages/about/index.vue","webpack://huayue/./src/pages/about/index.vue?ab32","webpack://huayue/./src/pages/about/index.vue?5da1","webpack://huayue/./src/pages/about/children/brief-infroduction.vue","webpack://huayue/src/pages/about/children/brief-infroduction.vue","webpack://huayue/./src/pages/about/children/brief-infroduction.vue?dbab","webpack://huayue/./src/pages/about/children/brief-infroduction.vue?3748","webpack://huayue/./src/pages/about/children/business-school.vue","webpack://huayue/src/pages/about/children/business-school.vue","webpack://huayue/./src/pages/about/children/business-school.vue?69eb","webpack://huayue/./src/pages/about/children/business-school.vue?721a","webpack://huayue/./src/pages/about/children/development-history.vue","webpack://huayue/src/pages/about/children/development-history.vue","webpack://huayue/./src/pages/about/children/development-history.vue?824d","webpack://huayue/./src/pages/about/children/development-history.vue?47db","webpack://huayue/./src/pages/about/children/corporate-culture.vue","webpack://huayue/src/pages/about/children/corporate-culture.vue","webpack://huayue/./src/pages/about/children/corporate-culture.vue?c2c0","webpack://huayue/./src/pages/about/children/corporate-culture.vue?a7aa","webpack://huayue/./src/pages/about/children/core-values.vue","webpack://huayue/src/pages/about/children/core-values.vue","webpack://huayue/./src/pages/about/children/core-values.vue?1a55","webpack://huayue/./src/pages/about/children/core-values.vue?9f45","webpack://huayue/./src/pages/news/index.vue","webpack://huayue/src/pages/news/index.vue","webpack://huayue/./src/pages/news/index.vue?3a17","webpack://huayue/./src/pages/news/index.vue?0d3d","webpack://huayue/./src/pages/news/children/huayue-info.vue","webpack://huayue/src/pages/news/children/huayue-info.vue","webpack://huayue/./src/pages/news/children/huayue-info.vue?5e91","webpack://huayue/./src/pages/news/children/huayue-info.vue?baf9","webpack://huayue/./src/pages/news/children/industry-info.vue","webpack://huayue/src/pages/news/children/industry-info.vue","webpack://huayue/./src/pages/news/children/industry-info.vue?370c","webpack://huayue/./src/pages/news/children/industry-info.vue?5317","webpack://huayue/./src/pages/news/children/contactUs.vue","webpack://huayue/src/pages/news/children/contactUs.vue","webpack://huayue/./src/pages/news/children/contactUs.vue?77c9","webpack://huayue/./src/pages/news/children/contactUs.vue?215e","webpack://huayue/./src/pages/news/children/news-details.vue","webpack://huayue/src/pages/news/children/news-details.vue","webpack://huayue/./src/pages/news/children/news-details.vue?6989","webpack://huayue/./src/pages/news/children/news-details.vue?acdb","webpack://huayue/./src/pages/BlAnalysis/index.vue","webpack://huayue/src/pages/BlAnalysis/index.vue","webpack://huayue/./src/pages/BlAnalysis/index.vue?6d27","webpack://huayue/./src/pages/BlAnalysis/index.vue?aa98","webpack://huayue/./src/pages/passPlatform/index.vue","webpack://huayue/src/pages/passPlatform/index.vue","webpack://huayue/./src/pages/passPlatform/index.vue?9070","webpack://huayue/./src/pages/passPlatform/index.vue?0bc0","webpack://huayue/./src/router/menu.js","webpack://huayue/./src/router/index.js","webpack://huayue/./src/components/appbar-wrap.vue","webpack://huayue/src/components/appbar-wrap.vue","webpack://huayue/./src/components/appbar-wrap.vue?8bd7","webpack://huayue/./src/components/appbar-wrap.vue?682d","webpack://huayue/./src/components/foot-wrap.vue","webpack://huayue/src/components/foot-wrap.vue","webpack://huayue/./src/components/foot-wrap.vue?cc0e","webpack://huayue/./src/components/foot-wrap.vue?46f1","webpack://huayue/./src/components/right-fixedgt.vue","webpack://huayue/src/components/right-fixedgt.vue","webpack://huayue/./src/components/right-fixedgt.vue?e8c5","webpack://huayue/./src/components/right-fixedgt.vue?8ae5","webpack://huayue/./src/components/alt-product.vue","webpack://huayue/src/components/alt-product.vue","webpack://huayue/./src/components/alt-product.vue?e1da","webpack://huayue/./src/components/alt-product.vue?ca1f","webpack://huayue/./src/components/ast.vue","webpack://huayue/src/components/ast.vue","webpack://huayue/./src/components/ast.vue?3147","webpack://huayue/./src/components/ast.vue?7d0d","webpack://huayue/./src/main.js","webpack://huayue/webpack/bootstrap","webpack://huayue/webpack/runtime/amd options","webpack://huayue/webpack/runtime/chunk loaded","webpack://huayue/webpack/runtime/compat get default export","webpack://huayue/webpack/runtime/define property getters","webpack://huayue/webpack/runtime/global","webpack://huayue/webpack/runtime/hasOwnProperty shorthand","webpack://huayue/webpack/runtime/make namespace object","webpack://huayue/webpack/runtime/node module decorator","webpack://huayue/webpack/runtime/publicPath","webpack://huayue/webpack/runtime/jsonp chunk loading","webpack://huayue/webpack/startup"],"sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"app\"}},[(_vm.blockHadheight)?_c('div',{staticClass:\"hadheight\",staticStyle:{\"display\":\"block\"}}):_vm._e(),_c('router-view')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--\n * @Author: zhb 1822394027@qq.com\n * @Date: 2022-10-05 11:21:08\n * @LastEditors: zhb 1822394027@qq.com\n * @LastEditTime: 2022-10-06 14:56:34\n * @FilePath: \\huayue\\src\\App.vue\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n-->\n<template>\n  <div id=\"app\">\n    <!-- <img alt=\"Vue logo\" src=\"./assets/logo.png\" />\n    <hello-world msg=\"Welcome to Your Vue.js App\" /> -->\n    <div v-if=\"blockHadheight\" class=\"hadheight\" style=\"display: block;\"></div>\n    <router-view />\n  </div>\n</template>\n\n<script>\n// import HelloWorld from './components/hello-world.vue';\n\nexport default {\n  name: 'App',\n  components: {\n    // HelloWorld,\n  },\n  data() {\n    return {\n      blockHadheight: true\n    }\n  },\n  watch: {\n    '$route': {\n      handler(to, from) {\n        if(to.path == '/privacy') {\n          this.blockHadheight = false\n        }else{\n          this.blockHadheight = true\n        }\n      },\n      deep: true,\n      immediate: true,\n    }\n  }\n};\n</script>\n\n<style>\n\n*{\n  margin: 0;\n  padding: 0;\n}\nul li{\n  list-style: none ;\n}\na {\n  text-decoration: none;\n}\nimg {\n  image-rendering:-moz-crisp-edges;\n\timage-rendering:-o-crisp-edges;\n\timage-rendering:-webkit-optimize-contrast;\n\timage-rendering: crisp-edges;\n\t-ms-interpolation-mode:nearest-neighbor;\n}\n.hadheight{\n  background: #fff;\n  height: 70px;\n}\n/* html{\n}\nhtml,body,#app{\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n} */\n</style>\n","import mod from \"-!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=439ffa30&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&id=439ffa30&prod&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"page-wrap\"},[_c('AppBar'),_c('div',{staticClass:\"page-content\"},[_c('div',{staticClass:\"home-canvas\"},[_c('swiper',{ref:\"swiper\",staticClass:\"swiper\",attrs:{\"options\":_vm.swiperOption}},[_c('swiper-slide',[_c('div',{staticClass:\"home-view\",staticStyle:{\"cursor\":\"initial\"}},[_c('div',{staticClass:\"home-view-background\"},[_c('img',{staticClass:\"video\",attrs:{\"src\":require(\"@/assets/home/home-canvas.png\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"por-container\"},[_c('div',{staticClass:\"home-view-info\"},[_c('div',{staticClass:\"home-view-info-top\"},[_vm._v(\" DHCP \")]),_c('div',{staticClass:\"home-view-info-title\"},[_vm._v(\" 数字化人才云平台 \")]),_c('div',{staticClass:\"home-view-info-content\"},[_vm._v(\" 科技让人力资源更智能,帮助企业实现人才管理各部分的数字化。 人才多维数据的打通，立体、直观、联动的对人才数据进行呈现。 \")]),_c('div',{staticClass:\"home-view-btn\",on:{\"click\":_vm.openBealter}},[_vm._v(\" 立即体验 \")])])])])]),_vm._l((_vm.carouselList),function(item,index){return _c('swiper-slide',{key:index},[_c('div',{staticClass:\"home-view\",on:{\"click\":function($event){return _vm.goto(item)}}},[_c('img',{staticClass:\"home-view2\",attrs:{\"src\":item.img,\"alt\":\"\"}})])])}),_c('div',{staticClass:\"bannerbox-page swiper-pagination\",attrs:{\"slot\":\"pagination\"},slot:\"pagination\"})],2)],1),_c('div',{staticClass:\"home-view-nav\"},[_c('div',{staticClass:\"home-view-nav-item\",on:{\"click\":function($event){return _vm.$router.push({ path: '/cloudplatform' })}}},[_c('div',{staticClass:\"home-view-nav-item-left\"},[_c('img',{attrs:{\"src\":require('@/assets/home/analysis-platform-icon1.png'),\"alt\":\"\",\"srcset\":\"\"}})]),_vm._m(0)]),_c('div',{staticClass:\"home-view-nav-item\",on:{\"click\":function($event){return _vm.$router.push({ path: '/analysis' })}}},[_c('div',{staticClass:\"home-view-nav-item-left\"},[_c('img',{attrs:{\"src\":require('@/assets/home/analysis-platform-icon2.png'),\"alt\":\"\",\"srcset\":\"\"}})]),_vm._m(1)]),_c('div',{staticClass:\"home-view-nav-item\",on:{\"click\":function($event){return _vm.$router.push({ path: '/mobileterminal' })}}},[_c('div',{staticClass:\"home-view-nav-item-left\"},[_c('img',{attrs:{\"src\":require('@/assets/home/analysis-platform-icon3.png'),\"alt\":\"\",\"srcset\":\"\"}})]),_vm._m(2)]),_c('div',{staticClass:\"home-view-nav-item\",on:{\"click\":function($event){return _vm.$router.push({ path: '/passPlatform' })}}},[_c('div',{staticClass:\"home-view-nav-item-left\"},[_c('img',{attrs:{\"src\":require('@/assets/home/analysis-platform-icon4.png'),\"alt\":\"\",\"srcset\":\"\"}})]),_vm._m(3)])]),_c('div',{staticClass:\"digitization-cloud-platform\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"数字化人才云平台\")]),(_vm.digitizationList.length != 0)?_c('el-tabs',{model:{value:(_vm.activeDigitizationNav),callback:function ($$v) {_vm.activeDigitizationNav=$$v},expression:\"activeDigitizationNav\"}},_vm._l((_vm.digitizationList),function(dagitization){return _c('el-tab-pane',{key:dagitization.key,attrs:{\"name\":dagitization.key}},[_c('div',{staticClass:\"tag-optios-label\",attrs:{\"slot\":\"label\"},slot:\"label\"},[_c('div',{staticClass:\"tag-optios\"},[_c('div',[_c('img',{attrs:{\"src\":dagitization.labelImage,\"alt\":\"\",\"srcset\":\"\"}})]),_c('div',[_vm._v(_vm._s(dagitization.labelName))])])]),_c('div',{key:_vm.activeDigitizationNav,staticClass:\"digitization-content\"},[_c('div',{staticClass:\"digitization-content-left\"},[_c('div',{staticClass:\"digitization-content-left-title\"},[_vm._v(\" \"+_vm._s(dagitization.title)+\" \")]),_vm._l((dagitization.info),function(item,index){return _c('div',{key:index,staticClass:\"digitization-content-left-content\"},[_c('img',{attrs:{\"src\":require('@/assets/home/content-tip.png'),\"alt\":\"\",\"srcset\":\"\"}}),_c('div',{staticClass:\"digitization-text\"},[_vm._v(_vm._s(item))])])})],2),_c('div',{staticClass:\"digitization-content-right\",domProps:{\"innerHTML\":_vm._s(dagitization.rightImage)}})])])}),1):_vm._e()],1),_c('div',{staticClass:\"demand-customization\"},[_c('div',{staticClass:\"customization-wrap\"},[_c('div',{staticClass:\"demand-customization-title\"},[_vm._v(\" 以数字化人才管理助力企业数字化转型 \")]),_c('div',{staticClass:\"demand-customization-tag\"},_vm._l((_vm.demandCustomizatioTagList),function(item,index){return _c('div',{key:index,staticClass:\"demand-customization-tag\"},[_c('div',{staticClass:\"demand-customization-tag-item\",class:{\n                 'demand-customization-tag-item-active':\n                   item.index === _vm.demandCustomizatioTagActiveIndex\n               },on:{\"click\":function($event){return _vm.changeDemand(index)}}},[_c('div',[_c('img',{attrs:{\"src\":item.url,\"alt\":\"\",\"srcset\":\"\"}})]),_c('div',[_vm._v(_vm._s(item.title))])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(index < 3),expression:\"index < 3\"}],staticClass:\"demand-customization-tag-arrow\"},[_c('img',{attrs:{\"src\":require('@/assets/home/demand-customization7.png'),\"alt\":\"\",\"srcset\":\"\"}})])])}),0),_c('transition',{attrs:{\"name\":\"demand-fade\",\"mode\":\"out-in\"}},[(_vm.demandCustomizatioContentList.length != 0)?_c('div',{key:_vm.demandCustomizatioTagActiveIndex,staticClass:\"demand-customization-content\"},[_c('div',{staticClass:\"demand-customization-content-left\",domProps:{\"innerHTML\":_vm._s(\n                 _vm.demandCustomizatioContentList[\n                   _vm.demandCustomizatioTagActiveIndex\n                 ].gif\n               )}}),_c('div',{staticClass:\"demand-customization-content-right\"},[_c('div',{staticClass:\"demand-customization-content-right-title\"},[_vm._v(\" \"+_vm._s(_vm.demandCustomizatioTagList[_vm.demandCustomizatioTagActiveIndex] .title)+\" \")]),_vm._l((_vm.demandCustomizatioContentList[\n                   _vm.demandCustomizatioTagActiveIndex\n                 ].contentList),function(item,index){return _c('div',{key:index,staticClass:\"demand-customization-panel\"},[_c('img',{attrs:{\"src\":require('@/assets/home/content-tip.png'),\"alt\":\"\",\"srcset\":\"\"}}),_c('div',[_vm._v(_vm._s(item))])])})],2)]):_vm._e()])],1)]),_c('div',{staticClass:\"appointment-demonstration\"},[_c('h4',{staticClass:\"title\"},[_vm._v(\"了解更多有关华跃产品与服务信息\")]),_c('h5',{staticClass:\"subtitle\"},[_vm._v(\"您还可以预约我们的产品演示\")]),_c('div',{staticClass:\"appointment-demonstration-btn\",on:{\"click\":_vm.openBealter}},[_c('img',{attrs:{\"src\":require('@/assets/home/appointment-demonstration1.png'),\"alt\":\"\"}}),_c('span',[_vm._v(\"预约产品演示\")])])]),_c('div',{staticClass:\"qyvideo\"},[_vm._m(4),_c('div',{staticClass:\"classic-case-centent\"},[_c('div',{staticClass:\"classic-case-List\"},_vm._l((_vm.qyvideoList),function(caseItem,caseIndex){return _c('div',{key:caseIndex,staticClass:\"classic-case-item\"},[_c('div',{staticClass:\"companyImg\"},[_c('video',{staticClass:\"viedo\",attrs:{\"width\":\"100%\",\"height\":\"130\",\"loading\":\"lazy\",\"controls\":\"auto\"}},[_c('source',{attrs:{\"src\":caseItem.url,\"type\":\"video/mp4\"}}),_vm._v(\" Your browser does not support the video tag. \")])]),_c('div',{staticClass:\"case-item-content\"},[_c('div',{staticClass:\"case-item-text-warp\"},[_c('div',{staticClass:\"case-item-title\"},[_vm._v(_vm._s(caseItem.title))]),_c('div',{staticClass:\"case-item-describe\"},[_vm._v(\" \"+_vm._s(caseItem.content)+\" \")])])])])}),0)])]),_c('div',{staticClass:\"enterptise-choose\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"中大型企业信赖的选择\")]),_c('el-tabs',{on:{\"tab-click\":_vm.handleClick},model:{value:(_vm.activeDemoIndex),callback:function ($$v) {_vm.activeDemoIndex=$$v},expression:\"activeDemoIndex\"}},_vm._l((_vm.enterptiseDemoTagList),function(item,index){return _c('el-tab-pane',{key:index,attrs:{\"label\":item.label,\"name\":item.name}})}),1),_c('div',{staticClass:\"classic-case-centent\"},[_c('div',{staticClass:\"classic-case-List\"},_vm._l((_vm.enterptiseDemoDetailList),function(caseItem,caseIndex){return _c('div',{key:caseIndex,staticClass:\"classic-case-item\",on:{\"click\":function($event){return _vm.lookToCase(caseItem)}}},[_c('div',{staticClass:\"companyImg\"},[_c('img',{staticClass:\"item-img\",attrs:{\"src\":caseItem.icon,\"alt\":\"\"}})]),_c('div',{staticClass:\"case-item-content\"},[_c('img',{staticClass:\"case-item-logo\",attrs:{\"src\":caseItem.logo,\"alt\":\"\"}}),_c('div',{staticClass:\"case-item-text-warp\"},[_c('div',{staticClass:\"case-item-title\"},[_vm._v(_vm._s(caseItem.title))]),_c('div',{staticClass:\"case-item-type\"},[_vm._v(_vm._s(caseItem.summaryTitle))]),_c('div',{staticClass:\"case-item-describe\"},[_vm._v(\" \"+_vm._s(caseItem.description)+\" \")])]),_c('img',{staticClass:\"quotes-left\",attrs:{\"src\":require('@/assets/customer/icon/quotes-left.png'),\"alt\":\"\"}}),_c('img',{staticClass:\"quotes-right\",attrs:{\"src\":require('@/assets/customer/icon/quotes-right.png'),\"alt\":\"\"}})])])}),0)]),_c('div',{staticClass:\"enterprise-more-btn\",on:{\"click\":_vm.moreEnterprise}},[_vm._v(\" 查看更多案例 \")]),_c('div',{ref:\"enterprisePartner\",staticClass:\"enterprise-partner\"},[_c('img',{attrs:{\"src\":require('@/assets/home/partner-title.png'),\"alt\":\"\",\"srcset\":\"\"}}),_c('div',{ref:\"enterprisePartnerItemWrap\",staticClass:\"enterprise-partner-item-wrap\"},[_vm._l((_vm.partnerList),function(item,index){return _c('div',{key:index,staticClass:\"enterprise-partner-item\",style:({ animationDuration: `${_vm.partnerList.length * 2}s` })},[_c('img',{attrs:{\"src\":item,\"alt\":\"\",\"srcset\":\"\"}})])}),(_vm.partnerRecursion)?_c('div',{staticStyle:{\"display\":\"flex\"}},_vm._l((_vm.partnerList),function(item,index){return _c('div',{key:index,staticClass:\"enterprise-partner-item\",style:({ animationDuration: `${_vm.partnerList.length * 2}s` })},[_c('img',{attrs:{\"src\":item,\"alt\":\"\",\"srcset\":\"\"}})])}),0):_vm._e()],2)])],1),_c('div',{staticClass:\"enterprise-advertisement\"},[_c('img',{staticClass:\"enterprise-advertisement1\",attrs:{\"src\":require('@/assets/home/enterprise-advertisement1.png'),\"alt\":\"\",\"srcset\":\"\"}}),_c('div',{staticClass:\"enterprise-advertisement-num\"},[_vm._m(5),_c('img',{attrs:{\"src\":require('@/assets/home/enterprise-advertisement2.png'),\"alt\":\"\",\"srcset\":\"\"}}),_vm._m(6),_c('img',{attrs:{\"src\":require('@/assets/home/enterprise-advertisement2.png'),\"alt\":\"\",\"srcset\":\"\"}}),_vm._m(7)]),_c('div',{staticClass:\"get-product-advertisement-btn\",on:{\"click\":_vm.openBealter}},[_vm._v(\" 获取产品演示 \")]),_c('div',{staticClass:\"get-product-advertisement-phone\"},[_c('img',{attrs:{\"src\":require('@/assets/home/enterprise-advertisement3.png'),\"alt\":\"\",\"srcset\":\"\"}}),_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.preSales)}}),_vm._v(\"、\"),_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.afterSales)}})])]),_c('el-backtop',{attrs:{\"target\":\"body\"}})],1),_c('RightFixedgt'),_c('FootWrap'),_c('AltProduct',{ref:\"altProduct\"}),_c('ast',{ref:\"ast\"})],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"home-view-nav-item-right\"},[_c('div',[_vm._v(\"DHCP数字化人才云平台\")]),_c('div',[_vm._v(\"助力企业人才优化管理\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"home-view-nav-item-right\"},[_c('div',[_vm._v(\"BI分析平台\")]),_c('div',[_vm._v(\"助力企业精准人才决策\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"home-view-nav-item-right\"},[_c('div',[_vm._v(\"员工移动云平台\")]),_c('div',[_vm._v(\"提升企业管理效率，提升员工满意度\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"home-view-nav-item-right\"},[_c('div',[_vm._v(\"前端PASS智能平台\")]),_c('div',[_vm._v(\"可视化智能设置平台，帮助管理落地\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"title\"},[_vm._v(\" 华跃HR\"),_c('br'),_vm._v(\" 优质产品、优质服务\"),_c('br'),_vm._v(\" 由客户来定义 \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"enterprise-advertisement-num-item\"},[_c('div',{staticClass:\"enterprise-advertisement-num-item-top\"},[_c('div',[_vm._v(\"10万+\")]),_c('div',[_vm._v(\"服务企业HR人数\")])]),_c('div',{staticClass:\"enterprise-advertisement-num-item-foot\"},[_c('div',[_vm._v(\"100万+\")]),_c('div',[_vm._v(\"HR线上线下培训赋能\")])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"enterprise-advertisement-num-item\"},[_c('div',{staticClass:\"enterprise-advertisement-num-item\"},[_c('div',{staticClass:\"enterprise-advertisement-num-item-top\"},[_c('div',[_vm._v(\"20亿+\")]),_c('div',[_vm._v(\"日处理数据条数\")])]),_c('div',{staticClass:\"enterprise-advertisement-num-item-foot\"},[_c('div',[_vm._v(\"30万+\")]),_c('div',[_vm._v(\"每年产生HR招聘行为数据\")])])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"enterprise-advertisement-num-item\"},[_c('div',{staticClass:\"enterprise-advertisement-num-item\"},[_c('div',{staticClass:\"enterprise-advertisement-num-item-top\"},[_c('div',[_vm._v(\"2000万+\")]),_c('div',[_vm._v(\"服务企业员工人数\")])]),_c('div',{staticClass:\"enterprise-advertisement-num-item-foot\"},[_c('div',[_vm._v(\"30万+\")]),_c('div',[_vm._v(\"协助企业人才盘点人数\")])])])])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('img',{staticStyle:{\"display\":\"none\"},attrs:{\"id\":\"home-canvas6\",\"src\":require('@/assets/home/home-canvas6.png'),\"alt\":\"\"}}),_c('canvas',{attrs:{\"id\":\"myCanvas\",\"width\":\"1200\",\"height\":\"666\"}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--\n * @Author: zhb 1822394027@qq.com\n * @Date: 2022-10-11 15:40:53\n * @LastEditors: zhb 1822394027@qq.com\n * @LastEditTime: 2022-10-17 18:15:37\n * @FilePath: \\huayue\\src\\components\\home-view-canvas.vue\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n-->\n<template>\n  <div>\n    <img\n      id=\"home-canvas6\"\n      :src=\"require('@/assets/home/home-canvas6.png')\"\n      alt=\"\"\n      style=\"display:none\"\n    />\n    <canvas\n      id=\"myCanvas\"\n      width=\"1200\"\n      height=\"666\"\n    >\n    </canvas>\n  </div>\n</template>\n<script>\nexport default {\n  data () {\n    return {\n      ctx: null,\n      arcy1: 90,\n      arcX2: 600,\n      arcX3: 1200,\n      arcX4: 1200,\n    };\n  },\n  mounted () {\n    const c = document.getElementById('myCanvas');\n    this.homeCavas6 = document.getElementById('home-canvas6');\n    this.ctx = c.getContext('2d');\n    this.draw({ type: 'down', });\n  },\n  methods: {\n    draw ({ type, }) {\n      this.ctx.clearRect(0, 0, 1199, 671);\n      this.ctx.beginPath();\n      this.ctx.globalCompositeOperation = 'source-over';\n      this.ctx.drawImage(this.homeCavas6, this.arcX2, Math.abs((0.3 * this.arcX2) - 180));\n      this.ctx.drawImage(this.homeCavas6, this.arcX3, 400 - (this.arcX3 === 1200 ? this.arcX3 : 0.3 * this.arcX3) - 40);\n      this.ctx.drawImage(this.homeCavas6, this.arcX4, 600 - (this.arcX4 === 1200 ? this.arcX4 : 0.3 * this.arcX4) - 40);\n      this.ctx.stroke();\n      if (this.arcX2 <= -40) {\n        this.arcX2 = 600;\n      } else {\n        this.arcX2 -= 4;\n      }\n      if (this.arcX3 <= -40) {\n        this.arcX3 = 1200;\n      } else {\n        this.arcX3 -= 4;\n      }\n      if (this.arcX4 <= -40) {\n        this.arcX4 = 1200;\n      } else {\n        this.arcX4 -= 5;\n      }\n      if (this.arcy1 === 70) {\n        this.arcy1 += 0.5;\n        window.requestAnimationFrame(this.draw.bind(this, { type: 'up', }));\n      } else if (this.arcy1 === 90) {\n        this.arcy1 -= 0.5;\n        window.requestAnimationFrame(this.draw.bind(this, { type: 'down', }));\n      } else {\n        if (type === 'up') {\n          this.arcy1 += 0.5;\n          window.requestAnimationFrame(this.draw.bind(this, { type: 'up', }));\n        } else {\n          this.arcy1 -= 0.5;\n          window.requestAnimationFrame(this.draw.bind(this, { type: 'down', }));\n        }\n      }\n    },\n    clear() {\n      // context.clearRect(0, 0, canvas.width, canvas.height);\n    },\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n</style>\n","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./home-view-canvas.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./home-view-canvas.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./home-view-canvas.vue?vue&type=template&id=7f997b6a&scoped=true&\"\nimport script from \"./home-view-canvas.vue?vue&type=script&lang=js&\"\nexport * from \"./home-view-canvas.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7f997b6a\",\n  null\n  \n)\n\nexport default component.exports","import Axios from 'axios';\nimport qs from 'qs';\n\nexport const CONTENT_TYPE = 'Content-Type';\n\nexport const FORM_URLENCODED = 'application/x-www-form-urlencoded; charset=UTF-8';\n\nexport const APPLICATION_JSON = 'application/json; charset=UTF-8';\n\nexport const apiUrl = {\n  dev: 'http://120.76.77.155:9999',\n  pro: 'http://120.76.77.155:9999',\n};\n// pro: 'http://huayue-api.test.jobs123.cn',\n\nconst service = Axios.create({\n  baseURL: process.env.NODE_ENV === 'production' ? apiUrl['pro'] : apiUrl['dev'],\n  timeout: 10 * 60 * 1000,\n});\n\nservice.interceptors.request.use(\n  config => {\n    !config.headers && (config.headers = {});\n    if (!config.headers[CONTENT_TYPE]) {\n      config.headers[CONTENT_TYPE] = APPLICATION_JSON;\n    }\n    if (config.headers[CONTENT_TYPE] === FORM_URLENCODED) {\n      config.data = qs.stringify(config.data);\n    }\n    return config;\n  },\n  error => {\n    return Promise.reject(error.response);\n  }\n);\n\nservice.interceptors.response.use(\n  response => {\n    const { code, } = response.data;\n    if (response.data.type) {\n      return response;\n    }\n    if (response.data.error == 0) {\n      return response.data;\n    }\n    if (code === 200) {\n      return response.data;\n    } else {\n      throw new Error('失败');\n    }\n  },\n  error => {\n    console.log(error);\n    return Promise.reject({ code: 500, msg: '', });\n  }\n);\n\nexport default service;\n","import request from '../utils/request';\n\n// 获取栏目列表\nexport function getColumnList() {\n  return request({\n    url: '/index/website/column',\n    method: 'get',\n  });\n}\n\n// 根据栏目id获取子栏目\nexport function getColumnChild(params) {\n  return request({\n    url: '/index/website/column/child',\n    method: 'get',\n    params,\n  });\n}\n\n// 根据栏目id获取栏目详情\nexport function getColumnDetail(columnId) {\n  return request({\n    url: '/index/website/column/' + columnId,\n    method: 'get',\n  });\n}\n","import request from '../utils/request'\n\n// 获取文章列表\nexport function getContentList(params) {\n  return request({\n    url: '/index/website/content',\n    method: 'get',\n    params\n  })\n}\n\n// 获取文章详情\nexport function getContentDetail(contentId) {\n  return request({\n    url: '/index/website/content/detail/' + contentId,\n    method: 'get'\n  })\n}\n\n// 获取最新的文章\nexport function getRecentContent(contentId) {\n  return request({\n    url: '/index/website/recent/content/' + contentId,\n    method: 'get'\n  })\n}\n\n// 获取短信验证码\nexport function getSmsCode(params) {\n  return request({\n    url: '/index/getSmsCode',\n    method: 'get',\n    params\n  })\n}\n\n// 验证验证码\nexport function checkCode(data) {\n  return request({\n    url: '/index/reserveProduct/checkCode',\n    method: 'post',\n    data\n  })\n}\n\n// 提交预约演示表单数据\nexport function submitFormData(data) {\n  return request({\n    url: 'http://120.76.77.155:8055/huayue/AddYYYS',\n    method: 'post',\n    data\n  })\n}\n\n// 查询\nexport function search(data) {\n  return request({\n    url: 'http://120.76.77.155:8055/Tech/search',\n    method: 'post',\n    data\n  })\n}\n\n// 获取最新5文章\nexport function GetTotal() {\n  return request({\n    url: 'http://120.76.77.155:8055/Tech/GetTotal2',\n    method: 'Get'\n  })\n}\n\nexport function submitForm(data) {\n  return request({\n    url: '/index/website/form/data',\n    method: 'post',\n    data\n  })\n}\n\n// 下载附件\nexport function download(id) {\n  return request({\n    url: '/resource/download/' + id,\n    method: 'get',\n    responseType: 'blob'\n  })\n}\n","import request from '../utils/request';\n\n// 获取所有自定义变量\nexport function getVariable() {\n  return request({\n    url: '/index/website/variable',\n    method: 'get',\n  });\n}\n\n// 根据标识获取指定自定义变量\nexport function getVariableInfo(params) {\n  return request({\n    url: '/index/website/variable/info',\n    method: 'get',\n    params,\n  });\n}\n","<!--\n * @Author: zhb 1822394027@qq.com\n * @Date: 2022-10-05 11:54:29\n * @LastEditors: zhb 1822394027@qq.com\n * @LastEditTime: 2022-10-17 18:14:55\n * @FilePath: \\huayue\\src\\pages\\home\\home.vue\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n-->\n<template>\n  <div class=\"page-wrap\">\n    <AppBar />\n    <div class=\"page-content\">\n      <div class=\"home-canvas\">\n        <swiper ref=\"swiper\" class=\"swiper\" :options=\"swiperOption\">\n          <!-- <swiper-slide>\n              <div class=\"home-view\" style=\"cursor: initial;\">\n              <div class=\"home-view-background\">\n                \n                 <img src=\"@/assets/home/20241108184510.jpg\" alt=\"\" class=\"video\" />\n              </div>\n               <div class=\"por-container\">\n <video width=\"100%\" height=\"520\" controls class=\"viedo\">\n                  <source\n                    src=\"/37fc06a5c605d586dcd2ec07bd508c6d.mp4\"\n                    type=\"video/mp4\"\n                  />\n                  Your browser does not support the video tag.\n                </video>\n\n               </div>\n              </div>\n          </swiper-slide> -->\n          <swiper-slide>\n            <div class=\"home-view\" style=\"cursor: initial;\">\n              <div class=\"home-view-background\">\n                <!-- <video\n                  src=\"@/assets/home/home-canvas.png\"\n                  autoplay\n                  loop\n                  muted\n                ></video> -->\n                <img src=\"@/assets/home/home-canvas.png\" alt=\"\" class=\"video\" />\n              </div>\n              <!-- <home-view-canvas class=\"home-view-canvas\" /> -->\n              <div class=\"por-container\">\n                <div class=\"home-view-info\">\n                  <div class=\"home-view-info-top\">\n                    DHCP\n                  </div>\n                  <div class=\"home-view-info-title\">\n                    数字化人才云平台\n                  </div>\n                  <div class=\"home-view-info-content\">\n                    科技让人力资源更智能,帮助企业实现人才管理各部分的数字化。\n                    人才多维数据的打通，立体、直观、联动的对人才数据进行呈现。\n                  </div>\n                  <div class=\"home-view-btn\" @click=\"openBealter\">\n                    立即体验\n                  </div>\n                </div>\n              </div>\n            </div>\n          </swiper-slide>\n          <swiper-slide v-for=\"(item, index) in carouselList\" :key=\"index\">\n            <div class=\"home-view\" @click=\"goto(item)\">\n              <img :src=\"item.img\" alt=\"\" class=\"home-view2\" />\n            </div>\n          </swiper-slide>\n          <div slot=\"pagination\" class=\"bannerbox-page swiper-pagination\"></div>\n        </swiper>\n      </div>\n      <div class=\"home-view-nav\">\n        <div\n          class=\"home-view-nav-item\"\n          @click=\"$router.push({ path: '/cloudplatform' })\"\n        >\n          <div class=\"home-view-nav-item-left\">\n            <img\n              :src=\"require('@/assets/home/analysis-platform-icon1.png')\"\n              alt=\"\"\n              srcset=\"\"\n            />\n          </div>\n          <div class=\"home-view-nav-item-right\">\n            <div>DHCP数字化人才云平台</div>\n            <div>助力企业人才优化管理</div>\n          </div>\n        </div>\n        <div\n          class=\"home-view-nav-item\"\n          @click=\"$router.push({ path: '/analysis' })\"\n        >\n          <div class=\"home-view-nav-item-left\">\n            <img\n              :src=\"require('@/assets/home/analysis-platform-icon2.png')\"\n              alt=\"\"\n              srcset=\"\"\n            />\n          </div>\n          <div class=\"home-view-nav-item-right\">\n            <div>BI分析平台</div>\n            <div>助力企业精准人才决策</div>\n          </div>\n        </div>\n        <div\n          class=\"home-view-nav-item\"\n          @click=\"$router.push({ path: '/mobileterminal' })\"\n        >\n          <div class=\"home-view-nav-item-left\">\n            <img\n              :src=\"require('@/assets/home/analysis-platform-icon3.png')\"\n              alt=\"\"\n              srcset=\"\"\n            />\n          </div>\n          <div class=\"home-view-nav-item-right\">\n            <div>员工移动云平台</div>\n            <div>提升企业管理效率，提升员工满意度</div>\n          </div>\n        </div>\n        <div\n          class=\"home-view-nav-item\"\n          @click=\"$router.push({ path: '/passPlatform' })\"\n        >\n          <div class=\"home-view-nav-item-left\">\n            <img\n              :src=\"require('@/assets/home/analysis-platform-icon4.png')\"\n              alt=\"\"\n              srcset=\"\"\n            />\n          </div>\n          <div class=\"home-view-nav-item-right\">\n            <div>前端PASS智能平台</div>\n            <div>可视化智能设置平台，帮助管理落地</div>\n          </div>\n        </div>\n      </div>\n      <div class=\"digitization-cloud-platform\">\n        <div class=\"title\">数字化人才云平台</div>\n        <el-tabs\n          v-if=\"digitizationList.length != 0\"\n          v-model=\"activeDigitizationNav\"\n        >\n          <!-- <transition name=\"demand-fade\" mode=\"out-in\"> -->\n          <el-tab-pane\n            v-for=\"dagitization in digitizationList\"\n            :key=\"dagitization.key\"\n            :name=\"dagitization.key\"\n          >\n            <div slot=\"label\" class=\"tag-optios-label\">\n              <div class=\"tag-optios\">\n                <div>\n                  <img :src=\"dagitization.labelImage\" alt=\"\" srcset=\"\" />\n                </div>\n                <div>{{ dagitization.labelName }}</div>\n              </div>\n            </div>\n            <div :key=\"activeDigitizationNav\" class=\"digitization-content\">\n              <div class=\"digitization-content-left\">\n                <div class=\"digitization-content-left-title\">\n                  {{ dagitization.title }}\n                </div>\n                <div\n                  v-for=\"(item, index) in dagitization.info\"\n                  :key=\"index\"\n                  class=\"digitization-content-left-content\"\n                >\n                  <img\n                    :src=\"require('@/assets/home/content-tip.png')\"\n                    alt=\"\"\n                    srcset=\"\"\n                  />\n                  <div class=\"digitization-text\">{{ item }}</div>\n                </div>\n              </div>\n              <div\n                class=\"digitization-content-right\"\n                v-html=\"dagitization.rightImage\"\n              >\n                <!-- <img :src=\"dagitization.rightImage\" alt=\"\" srcset=\"\" /> -->\n              </div>\n            </div>\n            <!-- <transition name=\"el-fade-in-linear\">\n            </transition> -->\n          </el-tab-pane>\n          <!-- </transition> -->\n        </el-tabs>\n      </div>\n      <div class=\"demand-customization\">\n        <div class=\"customization-wrap\">\n          <div class=\"demand-customization-title\">\n            以数字化人才管理助力企业数字化转型\n          </div>\n          <div class=\"demand-customization-tag\">\n            <div\n              v-for=\"(item, index) in demandCustomizatioTagList\"\n              :key=\"index\"\n              class=\"demand-customization-tag\"\n            >\n              <div\n                class=\"demand-customization-tag-item\"\n                :class=\"{\n                  'demand-customization-tag-item-active':\n                    item.index === demandCustomizatioTagActiveIndex\n                }\"\n                @click=\"changeDemand(index)\"\n              >\n                <div>\n                  <img :src=\"item.url\" alt=\"\" srcset=\"\" />\n                </div>\n                <div>{{ item.title }}</div>\n              </div>\n              <div v-show=\"index < 3\" class=\"demand-customization-tag-arrow\">\n                <img\n                  :src=\"require('@/assets/home/demand-customization7.png')\"\n                  alt=\"\"\n                  srcset=\"\"\n                />\n              </div>\n            </div>\n          </div>\n          <transition name=\"demand-fade\" mode=\"out-in\">\n            <div\n              v-if=\"demandCustomizatioContentList.length != 0\"\n              :key=\"demandCustomizatioTagActiveIndex\"\n              class=\"demand-customization-content\"\n            >\n              <div\n                class=\"demand-customization-content-left\"\n                v-html=\"\n                  demandCustomizatioContentList[\n                    demandCustomizatioTagActiveIndex\n                  ].gif\n                \"\n              >\n                <!-- <img :src=\"demandCustomizatioContentList[demandCustomizatioTagActiveIndex].gif\" alt=\"\" srcset=\"\" /> -->\n              </div>\n              <div class=\"demand-customization-content-right\">\n                <div class=\"demand-customization-content-right-title\">\n                  {{\n                    demandCustomizatioTagList[demandCustomizatioTagActiveIndex]\n                      .title\n                  }}\n                </div>\n                <div\n                  v-for=\"(item, index) in demandCustomizatioContentList[\n                    demandCustomizatioTagActiveIndex\n                  ].contentList\"\n                  :key=\"index\"\n                  class=\"demand-customization-panel\"\n                >\n                  <img\n                    :src=\"require('@/assets/home/content-tip.png')\"\n                    alt=\"\"\n                    srcset=\"\"\n                  />\n                  <div>{{ item }}</div>\n                </div>\n              </div>\n            </div>\n          </transition>\n        </div>\n      </div>\n      <div class=\"appointment-demonstration\">\n        <h4 class=\"title\">了解更多有关华跃产品与服务信息</h4>\n        <h5 class=\"subtitle\">您还可以预约我们的产品演示</h5>\n        <div class=\"appointment-demonstration-btn\" @click=\"openBealter\">\n          <img\n            :src=\"require('@/assets/home/appointment-demonstration1.png')\"\n            alt=\"\"\n          />\n          <span>预约产品演示</span>\n        </div>\n      </div>\n      <div class=\"qyvideo\">\n        <div class=\"title\">\n          华跃HR<br />\n          优质产品、优质服务<br />\n          由客户来定义\n        </div>\n        <div class=\"classic-case-centent\">\n          <div class=\"classic-case-List\">\n            <div\n              v-for=\"(caseItem, caseIndex) in qyvideoList\"\n              :key=\"caseIndex\"\n              class=\"classic-case-item\"\n            >\n              <div class=\"companyImg\">\n                <!-- <vue-core-video-player :src=\"caseItem.url\"  \n                :autoplay=\"false\"\n                :title=\"caseItem.title\"\n                preload=\"nona\"\n                :loop=\"true\"\n                controls=\"auto\"\n                /> -->\n                 <video width=\"100%\" height=\"130\" class=\"viedo\" loading=\"lazy\" controls=\"auto\">\n                  <source\n                    :src=\"caseItem.url\"\n                    type=\"video/mp4\"\n                  />\n                  Your browser does not support the video tag.\n                </video>\n              </div>\n              <div class=\"case-item-content\">\n                <div class=\"case-item-text-warp\">\n                  <div class=\"case-item-title\">{{ caseItem.title }}</div>\n                  <div class=\"case-item-describe\">\n                    {{ caseItem.content }}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"enterptise-choose\">\n        <div class=\"title\">中大型企业信赖的选择</div>\n        <el-tabs v-model=\"activeDemoIndex\" @tab-click=\"handleClick\">\n          <el-tab-pane\n            v-for=\"(item, index) in enterptiseDemoTagList\"\n            :key=\"index\"\n            :label=\"item.label\"\n            :name=\"item.name\"\n          />\n        </el-tabs>\n        <div class=\"classic-case-centent\">\n          <div class=\"classic-case-List\">\n            <div\n              v-for=\"(caseItem, caseIndex) in enterptiseDemoDetailList\"\n              :key=\"caseIndex\"\n              class=\"classic-case-item\"\n              @click=\"lookToCase(caseItem)\"\n            >\n              <div class=\"companyImg\">\n                <img :src=\"caseItem.icon\" alt=\"\" class=\"item-img\" />\n              </div>\n              <div class=\"case-item-content\">\n                <img :src=\"caseItem.logo\" alt=\"\" class=\"case-item-logo\" />\n                <div class=\"case-item-text-warp\">\n                  <div class=\"case-item-title\">{{ caseItem.title }}</div>\n                  <div class=\"case-item-type\">{{ caseItem.summaryTitle }}</div>\n                  <div class=\"case-item-describe\">\n                    {{ caseItem.description }}\n                  </div>\n                </div>\n                <img\n                  :src=\"require('@/assets/customer/icon/quotes-left.png')\"\n                  alt=\"\"\n                  class=\"quotes-left\"\n                />\n                <img\n                  :src=\"require('@/assets/customer/icon/quotes-right.png')\"\n                  alt=\"\"\n                  class=\"quotes-right\"\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"enterprise-more-btn\" @click=\"moreEnterprise\">\n          查看更多案例\n        </div>\n        <div class=\"enterprise-partner\" ref=\"enterprisePartner\">\n          <img\n            :src=\"require('@/assets/home/partner-title.png')\"\n            alt=\"\"\n            srcset=\"\"\n          />\n          <div\n            ref=\"enterprisePartnerItemWrap\"\n            class=\"enterprise-partner-item-wrap\"\n          >\n            <div\n              v-for=\"(item, index) in partnerList\"\n              :key=\"index\"\n              class=\"enterprise-partner-item\"\n              :style=\"{ animationDuration: `${partnerList.length * 2}s` }\"\n            >\n              <img :src=\"item\" alt=\"\" srcset=\"\" />\n            </div>\n            <div v-if=\"partnerRecursion\" style=\"display:flex\">\n              <div\n                v-for=\"(item, index) in partnerList\"\n                :key=\"index\"\n                class=\"enterprise-partner-item\"\n                :style=\"{ animationDuration: `${partnerList.length * 2}s` }\"\n              >\n                <img :src=\"item\" alt=\"\" srcset=\"\" />\n              </div>\n            </div>\n          </div>\n          <!-- <div ref=\"enterprisePartnerItemWrap\" class=\"enterprise-partner-item-wrap\">\n            <div v-for=\"(item, index) in partnerList\" :key=\"index\" class=\"enterprise-partner-item\">\n              <img :src=\"require(`@/assets/home/${item}.png`)\" alt=\"\" srcset=\"\" />\n            </div> -->\n          <!-- </div> -->\n        </div>\n      </div>\n      <div class=\"enterprise-advertisement\">\n        <!-- <enterprise-advertisement /> -->\n\n        <img\n          :src=\"require('@/assets/home/enterprise-advertisement1.png')\"\n          alt=\"\"\n          srcset=\"\"\n          class=\"enterprise-advertisement1\"\n        />\n        <div class=\"enterprise-advertisement-num\">\n          <div class=\"enterprise-advertisement-num-item\">\n            <div class=\"enterprise-advertisement-num-item-top\">\n              <div>10万+</div>\n              <div>服务企业HR人数</div>\n            </div>\n            <div class=\"enterprise-advertisement-num-item-foot\">\n              <div>100万+</div>\n              <div>HR线上线下培训赋能</div>\n            </div>\n          </div>\n          <img\n            :src=\"require('@/assets/home/enterprise-advertisement2.png')\"\n            alt=\"\"\n            srcset=\"\"\n          />\n          <div class=\"enterprise-advertisement-num-item\">\n            <div class=\"enterprise-advertisement-num-item\">\n              <div class=\"enterprise-advertisement-num-item-top\">\n                <div>20亿+</div>\n                <div>日处理数据条数</div>\n              </div>\n              <div class=\"enterprise-advertisement-num-item-foot\">\n                <div>30万+</div>\n                <div>每年产生HR招聘行为数据</div>\n              </div>\n            </div>\n          </div>\n          <img\n            :src=\"require('@/assets/home/enterprise-advertisement2.png')\"\n            alt=\"\"\n            srcset=\"\"\n          />\n          <div class=\"enterprise-advertisement-num-item\">\n            <div class=\"enterprise-advertisement-num-item\">\n              <div class=\"enterprise-advertisement-num-item-top\">\n                <div>2000万+</div>\n                <div>服务企业员工人数</div>\n              </div>\n              <div class=\"enterprise-advertisement-num-item-foot\">\n                <div>30万+</div>\n                <div>协助企业人才盘点人数</div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"get-product-advertisement-btn\" @click=\"openBealter\">\n          获取产品演示\n        </div>\n        <div class=\"get-product-advertisement-phone\">\n          <img\n            :src=\"require('@/assets/home/enterprise-advertisement3.png')\"\n            alt=\"\"\n            srcset=\"\"\n          />\n          <span v-html=\"preSales\"></span>、<span v-html=\"afterSales\"></span>\n        </div>\n      </div>\n      <el-backtop target=\"body\" />\n    </div>\n    <RightFixedgt />\n    <FootWrap />\n    <AltProduct ref=\"altProduct\" />\n    <ast ref=\"ast\" />\n  </div>\n</template>\n<script>\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\nimport HomeViewCanvas from '@/components/home-view-canvas.vue'\nimport { getColumnChild } from '@/api/column'\nimport { getContentList, getContentDetail } from '@/api/content'\nimport { getVariableInfo } from '@/api/variable'\n// import EnterpriseAdvertisement from '@/components/enterprise-advertisement.vue';\nexport default {\n  name: 'HomeView',\n  components: {\n    HomeViewCanvas,\n    Swiper,\n    SwiperSlide\n    // EnterpriseAdvertisement,\n  },\n  data() {\n    return {\n      swiperOption: {\n        spaceBetween: 30,\n        effect: 'fade',\n        // loop: true,\n        // 因为加了视频，所以要暂停自动轮播\n        // autoplay: {\n        //   delay: 5000,\n        //   disableOnInteraction: false\n        // },\n        pagination: {\n          el: '.swiper-pagination',\n          clickable: true\n        }\n      },\n      carouselList: [\n        // {\n        //   website: 'http://www.baidu.com',\n        //   img: require('@/assets/home/home-canvas2.png'),\n        // },\n      ],\n      activeDigitizationNav: '',\n      digitizationList: [\n        // {\n        //   key: 'first',\n        //   labelImage: require('@/assets/home/tag-optios-icon1.png'),\n        //   labelName: '战略组织',\n        //   title: '满足企业战略规划需要，集团化组织布局',\n        //   rightImage: require('@/assets/home/digitization-content1.png'),\n        //   info: [\n        //     '解决企业由于经营发展带来的对战略组织定时进行大量调整的需求',\n        //     '解决企业应为成本预算的要求进行组织的模拟推演，预判未来企业组织架构的走向和人员编制的变化，并根据推演结果进行薪酬预算管理。',\n        //     '解决企业由于发展需要建立的临时性组织或分支机构的前身（项目组），并结合流程管理和任务管理对项目的关键任务节点和整个项目进程进行监督。',\n        //   ],\n        // },\n        // {\n        //   key: 'second',\n        //   labelImage: require('@/assets/home/tag-optios-icon2.png'),\n        //   labelName: '人才招聘',\n        //   title: '人才招聘',\n        //   rightImage: require('@/assets/home/digitization-content2.png'),\n        //   info: [\n        //     '实现企业一键发布岗位招聘信息，一键下载简历信息。',\n        //     '以一系列合理化的招聘流程，实时管控整个招聘过程，减少企业在招聘中人力物力的投入。',\n        //     '在线上轻松完成简历初筛、面试安排、信息通知等等工作，大幅提升HR工作效率及招聘成功率。  ',\n        //   ],\n        // },\n        // {\n        //   key: 'third',\n        //   labelImage: require('@/assets/home/tag-optios-icon3.png'),\n        //   labelName: '人才培育',\n        //   title: '人才培育',\n        //   rightImage: require('@/assets/home/digitization-content3.png'),\n        //   info: [\n        //     '以资源整合为基础，构建线上培训、考试一体化中心。',\n        //     '为企业打造全方位、多层次、高质量的人才培育平台。',\n        //     '使得培训不再是形式上的培训，将会是有培训、有跟踪、有考核、有晋升的流程化管理。  ',\n        //   ],\n        // },\n        // {\n        //   key: 'four',\n        //   labelImage: require('@/assets/home/tag-optios-icon4.png'),\n        //   labelName: '绩效激励',\n        //   title: '绩效激励',\n        //   rightImage: require('@/assets/home/digitization-content4.png'),\n        //   info: [\n        //     '帮助企业实现将企业战略目标转化为内部活动的过程管理。',\n        //     '实现从结果考核到过程考核的转化。',\n        //     '支持KPI、360、OKR等多种绩效方式的落地执行。',\n        //   ],\n        // },\n        // {\n        //   key: 'five',\n        //   labelImage: require('@/assets/home/tag-optios-icon5.png'),\n        //   labelName: 'BI分析',\n        //   title: 'BI分析',\n        //   rightImage: require('@/assets/home/digitization-content5.png'),\n        //   info: [\n        //     '快速准确地提供报表，并给出决策数据依据。',\n        //     '快速实现数据统计分析，并根据要求进行同比、环比、趋势等等分析功能。',\n        //     '在实现可视化数据的同时，能够深入挖掘数据信息，实现数据穿透',\n        //   ],\n        // },\n      ],\n      activeDemoIndex: '1605405080163672064',\n      activeIndex: 0,\n      demandCustomizatioTagActiveIndex: 0,\n      demandCustomizatioTagList: [\n        // {\n        //   title: '需求定制',\n        //   url: require('@/assets/home/demand-customization3.png'),\n        //   index: 0,\n        // },\n        // {\n        //   title: '项目管理',\n        //   url: require('@/assets/home/demand-customization4.png'),\n        //   index: 1,\n        // },\n        // {\n        //   title: '数据安全',\n        //   url: require('@/assets/home/demand-customization5.png'),\n        //   index: 2,\n        // },\n        // {\n        //   title: '售后服务',\n        //   url: require('@/assets/home/demand-customization6.png'),\n        //   index: 3,\n        // },\n      ],\n      demandCustomizatioContentList: [],\n      enterptiseDemoTagList: [\n        {\n          name: '1605405080163672064',\n          label: '全部行业'\n        }\n      ],\n      enterptiseDemoDetailList: [],\n      productCenterList: [\n        '华跃eHR',\n        '人事管理系统',\n        '考勤管理系统',\n        '餐饮管理系统',\n        '薪资管理系统',\n        '招聘管理',\n        '培训管理',\n        '绩效管理',\n        '硬件系统',\n        '门禁管理系统',\n        '报表功能'\n      ],\n      serviceAndPromiseList: [\n        '5S服务',\n        '1000＋实施案例',\n        'HR管理讲座',\n        'HR经理人沙龙',\n        '7x24小时服务',\n        '技术服务，历史档案'\n      ],\n      aboutUsList: [\n        '关于华跃',\n        '公司环境',\n        '华跃资质',\n        '华跃荣誉',\n        '员工风采',\n        '员工风采',\n        '华跃新闻',\n        '行业新闻',\n        '华跃百科'\n      ],\n      partnerList: [\n        'partner1',\n        'partner2',\n        'partner3',\n        'partner4',\n        'partner5',\n        'partner6',\n        'partner7'\n      ],\n      enterprisePartnerScrollTimer: null,\n      preSales: '',\n      afterSales: '',\n      qyvideoList: [\n        {\n          url: '/鸿图.mp4',\n          title:'广东鸿图科技股份有限公司',\n          content: `\n华跃HR系统功能强大，操作简单易上手，团队的服务技术都很好，华跃HR系统很好用，点赞`\n        },\n        {\n          url: '/彩迅.mp4',\n          title:'彩迅工业（中山）有限公司',\n          content: `\n华跃系统大大的提高了人事的工作效率，给华跃HR系统点赞！`\n        },\n        {\n          url: '/合和.mp4',\n          title:'广东合和建筑五金制品有限公司',\n          content: `\n华跃售后团体一直以来认真负责，及时响应地解决问题，值得点赞！`\n        },\n        {\n          url: '/振鸿.mp4',\n          title:'佛山市三水振鸿钢制品有限公司',\n          content: `\n华跃售后5星好评，10分满意！`\n        },\n        {\n          url: '/美涂士.mp4',\n          title:'广东美涂士建材股份有限公司',\n          content: `\n在实施过程中，各位顾问都积极热情的服务，受到了大家一致的好评，为他们的专业热心点赞！`\n        },\n        {\n          url: '/日东.mp4',\n          title:'广东日东工具有限公司',\n          content: `\n华跃的实施团队服务技术都很好，华跃HR系统解决了我们日常工作的难题，系统很好用，点赞！`\n        },\n        {\n          url: '/伟邦.mp4',\n          title:'广东伟邦科技股份有限公司',\n          content: `\n我们今年又升级了一个新版本，感谢华跃客服部欧经理为我们完美解决问题，系统现在也用得比较顺，感谢！`\n        },\n        {\n          url: '/佳成.mp4',\n          title:'广东佳成新能源有限公司',\n          content: `\n华跃全面一体化的HR系统，极大的提高了公司人事管理方面的工作效率及系统化管理，华跃的实施手法服务质量也是棒棒的！`\n        },\n        {\n          url: '/三晶.mp4',\n          title:'广州三晶电气有限公司',\n          content: `\n感谢华跃售后部门，为我司人力资源系统的使用提供了优质的服务和专业的技术支持！`\n        },\n        {\n          url: '/三五.mp4',\n          title:'广州三五汽车部件有限公司',\n          content: `\n华跃售后5星好评，10分满意！`\n        },\n        {\n          url: '/熵能.mp4',\n          title:'广州熵能创新材料股份有限公司',\n          content: `\n华跃售后部门在系统后期运维过程中专业高效，表现优异，五星好评！`\n        },\n        {\n          url: '/松柏.mp4',\n          title:'松柏（广东）电池工业有限公司',\n          content: `\n华跃售后服务周到，反应迅速，专业高效，问题解决满意100分！`\n        },\n        {\n          url: '/三锐.mp4',title:'珠海三锐精工科技有限公司',\n          content: `\n华跃售后五星好评，售后吴斯薇小姐姐友善有效，为她点赞！`\n        },\n        {\n          url: '/联升.mp4',title:'广东联升精密智能装备科技有限公司',\n          content: `\n华跃HR系统功能强，服务好，用户操作简单，提升了工作效率，给华跃点赞！`\n        },\n        {\n          url: '/祥鑫.mp4',title:'佛山市祥鑫汽车电子科技有限公司',\n          content: `\n华跃售后部门在后期维护过程中表现优异，高效专业，值得点赞！`\n        }\n      ]\n    }\n  },\n  mounted() {\n    this.getCarousel()\n    this.getPageColumn()\n    this.getPartner()\n    this.getCaseLabalList()\n    this.getVariable()\n    // this.playVideo();\n  },\n  beforeDestroy() {\n    window.removeEventListener('resize', this.enterprisePartnerScroll())\n  },\n  methods: {\n    // 顶部图\n    getCarousel() {\n      var params = { columnId: '1608366121839452160', pageNum: 1, pageSize: 99 }\n      getContentList(params).then(res => {\n        const { result } = res\n        for (var i = 0; i < result.data.length; i++) {\n          var carousel = {\n            website: result.data[i].description,\n            img: result.data[i].icon\n          }\n          this.carouselList.push(carousel)\n        }\n      })\n    },\n\n    // 获取页面栏目\n    getPageColumn() {\n      const params = { parentId: '1605128373091393536' }\n      getColumnChild(params).then(async res => {\n        const { result } = res\n        for (var i = 0; i < result.length; i++) {\n          if (result[i].name === '数字化人才云平台') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99 }\n            getContentList(data).then(async rrs => {\n              const rrsult = rrs.result\n              this.activeDigitizationNav = rrsult.data[0].id\n              for (var j = 0; j < rrsult.data.length; j++) {\n                const rts = await getContentDetail(rrsult.data[j].id)\n                const rtsult = rts.result\n                var doc = new DOMParser().parseFromString(\n                  rtsult.defaultContent,\n                  'text/html'\n                )\n                var digitization = {\n                  key: rtsult.id,\n                  labelImage: rtsult.icon,\n                  labelName: rtsult.title,\n                  title: rtsult.summaryTitle,\n                  rightImage: doc.documentElement.textContent.replace(\n                    /&nbsp;/g,\n                    ' '\n                  ),\n                  info: []\n                }\n                for (var x = 0; x < rtsult.elements.length; x++) {\n                  digitization.info.push(rtsult.elements[x].content)\n                }\n                this.digitizationList.push(digitization)\n              }\n            })\n          } else if (result[i].name === '以数字化人才管理助力企业数字化转型') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99 }\n            getContentList(data).then(async rrs => {\n              const rrsult = rrs.result\n              for (var j = 0; j < rrsult.data.length; j++) {\n                this.demandCustomizatioTagList.push({\n                  title: rrsult.data[j].title,\n                  url: rrsult.data[j].icon,\n                  index: j\n                })\n                const rts = await getContentDetail(rrsult.data[j].id)\n                const rtsult = rts.result\n                const doc = new DOMParser().parseFromString(\n                  rtsult.defaultContent,\n                  'text/html'\n                )\n                var demandCustomizatioContent = {\n                  gif: doc.documentElement.textContent.replace(/&nbsp;/g, ' '),\n                  contentList: []\n                }\n                for (var x = 0; x < rtsult.elements.length; x++) {\n                  demandCustomizatioContent.contentList.push(\n                    rtsult.elements[x].content\n                  )\n                }\n                this.demandCustomizatioContentList.push(\n                  demandCustomizatioContent\n                )\n              }\n            })\n          }\n        }\n      })\n    },\n\n    // 合作伙伴列表\n    getPartner() {\n      var params = {\n        columnId: '1605405080163672064',\n        pageNum: 1,\n        pageSize: 99,\n        commendation: 16,\n        cascade: true\n      }\n      getContentList(params).then(res => {\n        this.partnerList = []\n        const { result } = res\n        for (var i = 0; i < result.data.length; i++) {\n          this.partnerList.push(result.data[i].logo)\n        }\n        this.$nextTick(() => {\n          this.enterprisePartnerScroll()\n          window.addEventListener('resize', this.enterprisePartnerScroll())\n        })\n      })\n    },\n\n    getVariable() {\n      getVariableInfo({ label: 'Hotline' }).then(res => {\n        const { result } = res\n        var doc = new DOMParser().parseFromString(result.content, 'text/html')\n        this.preSales = doc.documentElement.textContent.replace(/&nbsp;/g, ' ')\n      })\n      getVariableInfo({ label: 'afterSales' }).then(res => {\n        const { result } = res\n        var doc = new DOMParser().parseFromString(result.content, 'text/html')\n        this.afterSales = doc.documentElement.textContent.replace(\n          /&nbsp;/g,\n          ' '\n        )\n      })\n    },\n\n    goto(item) {\n      if (item.website != '') {\n        window.open(item.website, '_blank')\n      }\n    },\n\n    getCaseList() {\n      if (this.activeIndex === 0) {\n        var params = {\n          columnId: this.enterptiseDemoTagList[this.activeIndex].name,\n          pageNum: 1,\n          pageSize: 6,\n          commendation: 6,\n          cascade: true\n        }\n        getContentList(params).then(res => {\n          const { result } = res\n          this.enterptiseDemoDetailList = result.data\n        })\n      } else {\n        var data = {\n          columnId: this.enterptiseDemoTagList[this.activeIndex].name,\n          pageNum: 1,\n          pageSize: 6,\n          commendation: 6\n        }\n        getContentList(data).then(res => {\n          const { result } = res\n          this.enterptiseDemoDetailList = result.data\n        })\n      }\n    },\n\n    handleClick(e) {\n      this.activeIndex = Number(e.index)\n      this.enterptiseDemoDetailList = []\n      this.getCaseList()\n    },\n\n    getCaseLabalList() {\n      getColumnChild({ parentId: '1605405080163672064' }).then(res => {\n        const { result } = res\n        for (var i = 0; i < result.length; i++) {\n          this.enterptiseDemoTagList.push({\n            name: result[i].id,\n            label: result[i].name\n          })\n        }\n        this.getCaseList()\n      })\n    },\n\n    lookToCase(caseItem) {\n      this.$router.push({ path: `/caseindex/${caseItem.id}` })\n    },\n\n    partnerRecursion() {\n      return true\n    },\n\n    enterprisePartnerScroll() {\n      const el = this.$refs.enterprisePartnerItemWrap\n      if (el.scrollWidth - el.offsetWidth > 10) {\n        clearInterval(this.enterprisePartnerScrollTimer)\n        const lenPx = this.partnerList.length * 135\n        el.style = `--parnertwrapscrollWidth: ${lenPx}px;--parnertwrapscrollhiddenWidth: ${lenPx}px`\n        // el.style = `--parnertwrapscrollWidth: ${el.clientWidth}px;--parnertwrapscrollhiddenWidth: ${lenPx}px`;\n      }\n      this.$refs.enterprisePartner.style = 'display: none'\n      setTimeout(() => {\n        this.$refs.enterprisePartner.style = 'display: block'\n      }, 50)\n    },\n\n    changeDemand(index) {\n      this.demandCustomizatioTagActiveIndex = index\n    },\n\n    moreEnterprise() {\n      this.$router.push({ name: 'CustomerCase' })\n    },\n\n    openBealter() {\n      this.$refs.altProduct.tobealter()\n    },\n    openBealter2() {\n      this.$refs.ast.drawer = true\n    }\n  }\n}\n</script>\n<style lang=\"less\">\n:root {\n  --minwidth: 1200px;\n}\n.digitization-content-right {\n  img {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n}\n.demand-customization-content-left {\n  img {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n}\n.get-product-advertisement-phone {\n  p {\n    display: inline-block;\n  }\n}\n</style>\n<style lang=\"less\" scoped>\n.page-wrap {\n  background-color: #fff;\n  .page-content {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    .home-canvas {\n      .home-view {\n        width: 100%;\n        height: fit-content;\n        min-width: var(--minwidth);\n        position: relative;\n        background-size: cover;\n        z-index: 1;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        .home-view-background {\n          position: absolute;\n          left: 0;\n          right: 0;\n          top: 0;\n          bottom: 0;\n          display: flex;\n          justify-content: center;\n          align-items: flex-start;\n          background-position: top;\n          background-size: cover;\n          background-repeat: no-repeat;\n          video {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            object-position: center top;\n          }\n        }\n        .home-view2 {\n          height: 520px;\n        }\n        @media (min-width: 1440px) and (max-width: 1900px) {\n          .home-view2 {\n            height: 630px;\n          }\n        }\n        @media (min-width: 1900px) {\n          .home-view2 {\n            height: 730px;\n          }\n        }\n        .home-view-canvas {\n          position: absolute;\n          top: 0;\n          right: 0;\n          z-index: 0;\n        }\n        .por-container {\n          width: 80%;\n          // max-width: 1600px;\n          min-width: var(--minwidth);\n          margin: 0 auto;\n          position: relative;\n          // display: flex;\n          // align-items: center;\n          .home-view-info {\n            width: 39%;\n            // flex: 1;\n            height: 520px;\n            display: flex;\n            justify-content: center;\n            flex-direction: column;\n            transform: translateY(-10%);\n            // padding-left: 144px;\n            box-sizing: border-box;\n            .home-view-info-top {\n              font-size: 42px;\n              font-weight: bold;\n              line-height: 1;\n              color: #00b0dc;\n              margin-bottom: 14px;\n            }\n            .home-view-info-title {\n              font-size: 44px;\n              font-weight: bold;\n              line-height: 1;\n              color: #000000;\n              margin-bottom: 20px;\n            }\n            .home-view-info-content {\n              font-size: 16px;\n              line-height: 26px;\n              color: #6d6e6f;\n              margin-bottom: 30px;\n            }\n            .home-view-btn {\n              width: 150px;\n              height: 50px;\n              background: #00b0dc;\n              color: #fff;\n              text-align: center;\n              line-height: 50px;\n              cursor: pointer;\n              transition: border-radius 0.5s linear;\n              user-select: none;\n              &:hover {\n                border-radius: 10px;\n                transition: all 0.5s linear;\n              }\n            }\n          }\n          @media (min-width: 1440px) and (max-width: 1900px) {\n            .home-view-info {\n              height: 630px;\n            }\n          }\n          @media (min-width: 1900px) {\n            .home-view-info {\n              height: 730px;\n            }\n          }\n        }\n      }\n      .bannerbox-page {\n        bottom: 80px;\n        ::v-deep span {\n          width: 100px;\n          height: 5px;\n          border-radius: initial;\n          opacity: 1;\n          background-color: #ccc;\n          &::after {\n            content: '';\n            display: block;\n            width: 0;\n            height: 100%;\n            background-color: #00b0dc;\n          }\n        }\n        ::v-deep .swiper-pagination-bullet-active {\n          &::after {\n            width: 100%;\n            transition: width 5s linear;\n          }\n        }\n      }\n    }\n    .home-view-nav {\n      width: 80%;\n      min-width: 1400px;\n      height: 114px;\n      background: #fff;\n      margin: 0 auto;\n      transform: translateY(calc(-50% - 5px));\n      border-radius: 10px;\n      box-shadow: 0px 0px 14px #dddcdc;\n      box-sizing: border-box;\n      padding: 10px;\n      display: flex;\n      z-index: 2;\n      .home-view-nav-item {\n        width: 25%;\n        height: 100%;\n        box-sizing: border-box;\n        padding: 0 18px;\n        display: flex;\n        align-items: center;\n        cursor: pointer;\n        .home-view-nav-item-right {\n          box-sizing: border-box;\n          padding-left: 20px;\n          line-height: 33px;\n          flex: 1;\n          div {\n            &:first-child {\n              font-weight: 600;\n            }\n            &:last-child {\n              font-size: 13px;\n              color: rgb(139, 139, 139);\n            }\n          }\n        }\n        &::after {\n          content: '';\n          display: block;\n          width: 2px;\n          height: 50%;\n          background: rgb(212, 215, 226);\n          position: relative;\n          top: 0;\n        }\n        &:last-child {\n          &::after {\n            content: '';\n            display: none;\n          }\n        }\n      }\n    }\n    .digitization-cloud-platform {\n      width: 1200px;\n      margin: 0 auto;\n      margin-bottom: 70px;\n      .title {\n        font-family: OPPOSans-M;\n        font-size: 23px;\n        font-weight: 600;\n        color: #181818;\n        text-align: center;\n        margin-bottom: 69px;\n      }\n      .digitization-content {\n        display: flex;\n        justify-content: space-between;\n        align-content: center;\n        padding-top: 55px;\n        box-sizing: border-box;\n        .digitization-content-left {\n          padding-top: 30px;\n          flex: 1;\n          .digitization-content-left-title {\n            width: 310px;\n            font-family: OPPOSans-M;\n            font-size: 28px;\n            color: #181818;\n            line-height: 45px;\n            margin-bottom: 35px;\n          }\n          .digitization-content-left-content {\n            width: 100%;\n            word-break: break-all;\n            margin-bottom: 25px;\n            display: flex;\n            align-items: baseline;\n            img {\n              width: 16px;\n              height: 16px;\n              margin: 0 10px 0 0;\n              transform: translateY(4px);\n              vertical-align: middle;\n              box-sizing: border-box;\n            }\n            .digitization-text {\n              font-size: 16px;\n              font-family: OPPOSans-R;\n              color: #181818;\n              line-height: 27px;\n            }\n          }\n        }\n        .digitization-content-right {\n          width: 630px;\n          margin-left: 70px;\n          > img {\n            width: 100%;\n            height: auto;\n          }\n        }\n      }\n      ::v-deep .el-tabs__nav-scroll {\n        width: 85%;\n        margin: auto;\n        display: flex;\n        justify-content: center;\n        .el-tabs__active-bar {\n          background-color: #00b0dc;\n        }\n        .tag-optios-label {\n          margin: 0 50px;\n          text-align: center;\n        }\n        .el-tabs__nav {\n          padding: 0 0 15px 0;\n        }\n      }\n    }\n    .demand-customization {\n      width: 100%;\n      background-color: #f7f9fc;\n      padding-bottom: 60px;\n      .customization-wrap {\n        width: 1200px;\n        margin: 0 auto;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: flex-start;\n        .demand-customization-title {\n          font-size: 32px;\n          color: #181818;\n          text-align: center;\n          padding: 69px 0;\n          box-sizing: border-box;\n        }\n        .demand-customization-tag {\n          display: flex;\n          justify-content: center;\n          .demand-customization-tag-item {\n            text-align: center;\n            margin: 0 25px;\n            cursor: pointer;\n            &:hover {\n              color: #00b0dc;\n              img {\n                transform: scale(1.1);\n              }\n            }\n            img {\n              width: 145px;\n              height: 119px;\n            }\n          }\n          .demand-customization-tag-item-active {\n            color: #00b0dc;\n          }\n          .demand-customization-tag-arrow {\n            line-height: 119px;\n          }\n        }\n        .demand-customization-content {\n          width: 100%;\n          display: flex;\n          justify-content: center;\n          margin-top: 100px;\n          .demand-customization-content-left {\n            width: 680px;\n            height: 424px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            img {\n              width: 100%;\n              height: auto;\n              display: block;\n            }\n          }\n          .demand-customization-content-right {\n            flex: 1;\n            margin-left: 100px;\n            padding-top: 72px;\n            box-sizing: border-box;\n            .demand-customization-content-right-title {\n              font-size: 28px;\n              font-weight: 600;\n              color: #181818;\n              margin-bottom: 10px;\n            }\n            .demand-customization-panel {\n              width: 100%;\n              word-break: break-all;\n              margin-top: 35px;\n              display: flex;\n              align-items: baseline;\n              img {\n                width: 16px;\n                height: 16px;\n                margin: 0 10px 0 0;\n                transform: translateY(4px);\n                vertical-align: middle;\n                box-sizing: border-box;\n              }\n              div {\n                font-size: 16px;\n                color: #181818;\n              }\n            }\n          }\n        }\n      }\n    }\n    .el-fade-in-linear-enter-active {\n      animation: bounce-in 1.3s;\n    }\n    .el-fade-in-linear-leave-active {\n      animation: bounce-in 0.5s reverse;\n    }\n    @keyframes bounce-in {\n      0% {\n        opacity: 0;\n      }\n      100% {\n        opacity: 1;\n      }\n    }\n    .appointment-demonstration {\n      width: 100%;\n      min-width: var(--minwidth);\n      height: 188px;\n      background-image: url('@/assets/home/appointment-demonstration.png');\n      background-repeat: no-repeat;\n      background-size: cover;\n      text-align: center;\n      color: #fff;\n      padding: 22px;\n      box-sizing: border-box;\n      .title {\n        font-size: 26px;\n        margin-bottom: 20px;\n        color: #fff;\n      }\n      .subtitle {\n        font-size: 16px;\n        margin-bottom: 25px;\n        font-weight: 400;\n      }\n      .appointment-demonstration-btn {\n        width: 220px;\n        height: 46px;\n        text-align: center;\n        line-height: 46px;\n        margin: auto;\n        background: #00b0dc;\n        border-radius: 30px;\n        cursor: pointer;\n        img {\n          width: 18px;\n          height: 22px;\n          vertical-align: middle;\n          margin-right: 10px;\n        }\n        transition: all 0.5s;\n        &:hover {\n          transform: scale(1.1);\n          transition: all 0.5s;\n        }\n      }\n    }\n    .qyvideo {\n      width: 1200px;\n      min-height: 722px;\n      margin: 69px auto 0;\n      .title {\n        font-family: OPPOSans-M;\n        font-size: 23px;\n        font-weight: 600;\n        color: #181818;\n        text-align: center;\n        margin-bottom: 69px;\n      }\n      .classic-case-centent {\n        width: 100%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        .classic-case-List {\n          width: 100%;\n          display: flex;\n          flex-wrap: wrap;\n          margin-bottom: 25px;\n          .classic-case-item {\n            width: 224px;\n            height: 350px;\n            background-color: #fff;\n            border: solid 1px #dfdfdf;\n            box-sizing: border-box;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: flex-start;\n            margin: 10px 7px;\n            cursor: pointer;\n            .companyImg {\n              width: 100%;\n              height: 140px;\n              .item-img {\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n                object-position: center center;\n                display: block;\n              }\n            }\n            .case-item-content {\n              width: 100%;\n              flex: 1;\n              padding: 20px 30px;\n              box-sizing: border-box;\n              position: relative;\n              display: flex;\n              flex-direction: column;\n              align-items: center;\n              .case-item-logo {\n                width: auto;\n                height: 50px;\n                margin-bottom: 30px;\n              }\n              .case-item-text-warp {\n                width: 100%;\n                z-index: 1;\n                position: relative;\n                display: flex;\n                flex-direction: column;\n                align-items: flex-start;\n                .case-item-title {\n                  font-size: 18px;\n                  line-height: 1;\n                  color: #002c79;\n                }\n                .case-item-type {\n                  font-size: 15px;\n                  line-height: 1;\n                  color: #363f4e;\n                  margin: 19px 0 13px 0;\n                }\n                .case-item-describe {\n                  width: 100%;\n                  font-size: 15px;\n                  line-height: 26px;\n                  color: #737c8b;\n                  overflow: hidden;\n                  text-overflow: ellipsis;\n                  word-break: break-all;\n                  display: -webkit-box;\n                  -webkit-box-orient: vertical;\n                  -webkit-line-clamp: 5;\n                  height: 130px;\n                }\n              }\n              .quotes-left {\n                width: 52px;\n                height: auto;\n                z-index: 0;\n                position: absolute;\n                left: 0;\n                bottom: 102px;\n                display: block;\n              }\n              .quotes-right {\n                width: 52px;\n                height: auto;\n                z-index: 0;\n                position: absolute;\n                right: 0;\n                bottom: 45px;\n                display: block;\n              }\n            }\n          }\n          .classic-case-item:hover {\n            width: calc(20% - 8px);\n            height: 350px;\n            box-shadow: 0px 4px 8px 0px rgba(139, 139, 139, 0.18);\n            margin: 6.5px 4px;\n            .case-item-content {\n              padding: 20.4px 30.5px;\n              .case-item-logo {\n                height: 51px;\n                margin-bottom: 30.5px;\n              }\n              .case-item-text-warp {\n                .case-item-title {\n                  font-size: 18.3px;\n                }\n                .case-item-type {\n                  font-size: 15.24px;\n                  margin: 19.3px 0 13.2px 0;\n                }\n                .case-item-describe {\n                  font-size: 15.3px;\n                  line-height: 26.4px;\n                }\n              }\n              .quotes-left {\n                width: 53px;\n              }\n              .quotes-right {\n                width: 53px;\n              }\n            }\n          }\n        }\n      }\n    }\n    .enterptise-choose {\n      width: 1200px;\n      min-height: 722px;\n      margin: 69px auto 0;\n      .title {\n        font-family: OPPOSans-M;\n        font-size: 23px;\n        font-weight: 600;\n        color: #181818;\n        text-align: center;\n        margin-bottom: 69px;\n      }\n      .classic-case-centent {\n        width: 100%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        .classic-case-List {\n          width: 100%;\n          display: flex;\n          flex-wrap: wrap;\n          margin-bottom: 25px;\n          .classic-case-item {\n            width: 386px;\n            height: 445px;\n            background-color: #fff;\n            border: solid 1px #dfdfdf;\n            box-sizing: border-box;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: flex-start;\n            margin: 10px 7px;\n            cursor: pointer;\n            .companyImg {\n              width: 100%;\n              height: 140px;\n              .item-img {\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n                object-position: center center;\n                display: block;\n              }\n            }\n            .case-item-content {\n              width: 100%;\n              flex: 1;\n              padding: 20px 30px;\n              box-sizing: border-box;\n              position: relative;\n              display: flex;\n              flex-direction: column;\n              align-items: center;\n              .case-item-logo {\n                width: auto;\n                height: 50px;\n                margin-bottom: 30px;\n              }\n              .case-item-text-warp {\n                width: 100%;\n                z-index: 1;\n                position: relative;\n                display: flex;\n                flex-direction: column;\n                align-items: flex-start;\n                .case-item-title {\n                  font-size: 18px;\n                  line-height: 1;\n                  color: #363f4e;\n                }\n                .case-item-type {\n                  font-size: 15px;\n                  line-height: 1;\n                  color: #363f4e;\n                  margin: 19px 0 13px 0;\n                }\n                .case-item-describe {\n                  width: 100%;\n                  font-size: 15px;\n                  line-height: 26px;\n                  color: #737c8b;\n                  overflow: hidden;\n                  text-overflow: ellipsis;\n                  word-break: break-all;\n                  display: -webkit-box;\n                  -webkit-box-orient: vertical;\n                  -webkit-line-clamp: 3;\n                }\n              }\n              .quotes-left {\n                width: 52px;\n                height: auto;\n                z-index: 0;\n                position: absolute;\n                left: 0;\n                bottom: 102px;\n                display: block;\n              }\n              .quotes-right {\n                width: 52px;\n                height: auto;\n                z-index: 0;\n                position: absolute;\n                right: 0;\n                bottom: 45px;\n                display: block;\n              }\n            }\n          }\n          .classic-case-item:hover {\n            width: calc(33.33% - 8px);\n            height: 452px;\n            box-shadow: 0px 4px 8px 0px rgba(139, 139, 139, 0.18);\n            margin: 6.5px 4px;\n            .case-item-content {\n              padding: 20.4px 30.5px;\n              .case-item-logo {\n                height: 51px;\n                margin-bottom: 30.5px;\n              }\n              .case-item-text-warp {\n                .case-item-title {\n                  font-size: 18.3px;\n                }\n                .case-item-type {\n                  font-size: 15.24px;\n                  margin: 19.3px 0 13.2px 0;\n                }\n                .case-item-describe {\n                  font-size: 15.3px;\n                  line-height: 26.4px;\n                }\n              }\n              .quotes-left {\n                width: 53px;\n              }\n              .quotes-right {\n                width: 53px;\n              }\n            }\n          }\n        }\n      }\n      .enterprise-more-btn {\n        width: 155px;\n        height: 50px;\n        background-color: #00b0dc;\n        border-radius: 25px;\n        margin: 30px auto;\n        text-align: center;\n        line-height: 50px;\n        opacity: 1;\n        color: #fff;\n        cursor: pointer;\n        &:hover {\n          background: #00b0dc;\n          opacity: 0.9;\n        }\n      }\n      ::v-deep .el-tab-pane {\n        display: flex;\n      }\n      ::v-deep .el-tabs__nav-scroll {\n        display: flex;\n        justify-content: flex-start;\n        .el-tabs__active-bar {\n          background-color: #00b0dc;\n        }\n        .el-tabs__item:hover {\n          color: #00b0dc;\n        }\n        .is-active {\n          color: #00b0dc;\n        }\n        .tag-optios-label {\n          margin: 0 50px;\n        }\n        .el-tabs__nav {\n          padding: 0 0 15px 0;\n        }\n        .el-tabs__item {\n          padding: 0 30px;\n        }\n      }\n    }\n    .enterprise-partner {\n      height: 89px;\n      overflow: hidden;\n      img {\n        width: 100%;\n        height: 89px;\n      }\n      .enterprise-partner-item-wrap {\n        // border: 1px solid\n        height: 82px;\n        position: relative;\n        top: -90px;\n        left: 115px;\n        display: flex;\n        align-items: center;\n        width: calc(100% - 116px);\n        overflow: scroll;\n        .enterprise-partner-item {\n          flex-shrink: 0;\n          min-width: 135px;\n          margin: 0 5px;\n          animation: scrollbarpartner infinite;\n          box-sizing: border-box;\n          animation-timing-function: linear;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          img {\n            width: auto;\n            height: 52px;\n          }\n        }\n      }\n    }\n    .enterprise-partner-item-wrap::-webkit-scrollbar {\n      width: 0px !important; /*高宽分别对应横竖滚动条的尺寸*/\n      height: 0px;\n    }\n    .enterprise-partner-item-wrap::-webkit-scrollbar-thumb {\n      border-radius: 0px !important;\n      background: #acacac !important;\n    }\n    @keyframes scrollbarpartner {\n      0% {\n        transform: translateX(0);\n        // transform: translateX(var(--parnertwrapscrollWidth));\n      }\n      100% {\n        // transform: translateX(var(--parnertwrapscrollWidth));\n        // transform: translateX(0)\n        transform: translateX(calc(var(--parnertwrapscrollhiddenWidth) * -1));\n      }\n    }\n    .enterprise-advertisement {\n      width: 100%;\n      min-width: var(--minwidth);\n      height: 450px;\n      margin-top: 60px;\n      background-image: url('@/assets/home/enterprise-advertisement.png');\n      background-size: cover;\n      background-repeat: no-repeat;\n      box-sizing: border-box;\n      padding-top: 43px;\n      // background: #2979ff;\n      .enterprise-advertisement1 {\n        width: 612px;\n        height: 39px;\n        display: block;\n        margin: 0px auto 49px;\n        box-sizing: border-box;\n      }\n\n      .get-product-advertisement-btn {\n        margin: 24px auto 10px;\n        width: 242px;\n        height: 46px;\n        background-color: #ffffff;\n        border-radius: 23px;\n        font-size: 18px;\n        font-weight: bold;\n        font-stretch: normal;\n        line-height: 32px;\n        letter-spacing: 1px;\n        color: #00b0dc;\n        text-align: center;\n        line-height: 46px;\n        cursor: pointer;\n        transition: border-radius 0.5s linear;\n        user-select: none;\n        &:hover {\n          border-radius: 10px;\n          transition: border-radius 0.5s linear;\n          // background: #2a7aff;\n          // color: #fff;\n        }\n      }\n      .get-product-advertisement-phone {\n        width: 305px;\n        margin: auto;\n        color: #fff;\n        img {\n          width: 14px;\n          height: 14px;\n          margin: 0 8px 0 0;\n        }\n      }\n    }\n  }\n  .enterprise-advertisement-num {\n    display: flex;\n    justify-content: center;\n    .enterprise-advertisement-num-item {\n      width: 409px;\n      // border: 1px solid;\n      text-align: center;\n      .enterprise-advertisement-num-item-top,\n      .enterprise-advertisement-num-item-foot {\n        div:first-child {\n          font-size: 36px;\n          font-weight: normal;\n          font-style: italic;\n          font-stretch: normal;\n          line-height: 32px;\n          letter-spacing: 0px;\n          color: #f6f9fc;\n          font-weight: 600;\n          margin-bottom: 19px;\n        }\n        div:last-child {\n          font-size: 16px;\n          font-weight: normal;\n          font-stretch: normal;\n          line-height: 32px;\n          letter-spacing: 0px;\n          color: #f6f9fc;\n          opacity: 0.9;\n        }\n      }\n      .enterprise-advertisement-num-item-top {\n        margin-bottom: 46px;\n      }\n    }\n  }\n  .enterprise-foot-info {\n    width: 100%;\n    min-width: var(--minwidth);\n    height: 502px;\n    background: #f7f7f7;\n    padding-top: 59px;\n    display: flex;\n    justify-content: center;\n    .enterprise-foot-info-log {\n      img {\n        width: 104px;\n        height: 23px;\n      }\n    }\n    .enterprise-foot-project-title {\n      margin: 0 50px;\n      font-size: 14px;\n      font-weight: 600;\n      color: #181818;\n    }\n    .enterprise-foot-project {\n      height: 346px;\n      writing-mode: vertical-lr;\n      margin: 22px 50px 0;\n      box-sizing: border-box;\n      .enterprise-foot-project-item {\n        margin-right: 59px;\n        margin-bottom: 19px;\n        display: inline-block;\n        font-size: 14px;\n        writing-mode: lr-tb;\n        vertical-align: text-bottom;\n      }\n      .enterprise-foot-contact-item {\n        display: inline-block;\n        margin: 22px 0 0px;\n        width: 337px;\n        writing-mode: lr-tb;\n        vertical-align: text-bottom;\n        .qrcode-wrap {\n          display: flex;\n          div {\n            margin: 0 20px 0 0;\n          }\n        }\n        .qrcode-app {\n          padding: 5px;\n          background: #fff;\n          width: fit-content;\n          box-sizing: border-box;\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./home.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./home.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./home.vue?vue&type=template&id=1048fcd6&scoped=true&\"\nimport script from \"./home.vue?vue&type=script&lang=js&\"\nexport * from \"./home.vue?vue&type=script&lang=js&\"\nimport style0 from \"./home.vue?vue&type=style&index=0&id=1048fcd6&prod&lang=less&\"\nimport style1 from \"./home.vue?vue&type=style&index=1&id=1048fcd6&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1048fcd6\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"privacy\"},[_c('div',{staticClass:\"dialog-content\",domProps:{\"innerHTML\":_vm._s(_vm.privacy)}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"privacy\">\n    <div class=\"dialog-content\" v-html=\"privacy\"></div>\n  </div>\n</template>\n\n<script>\nimport { getVariableInfo } from '@/api/variable';\nexport default {\n  name: 'Privacy',\n  data () {\n    return {\n      privacy: '123456789734564',\n    }\n  },\n  mounted() {\n    this.getPrivacy();\n  },\n  methods: {\n    getPrivacy() {\n      getVariableInfo({ label: 'privacy' }).then((res) => {\n        const { result, } = res;\n        var doc = new DOMParser().parseFromString(result.content, 'text/html');\n        this.privacy = doc.documentElement.textContent.replace(/&nbsp;/g, ' ');\n      });\n    }\n  }\n}\n</script>\n\n<style lang=\"less\" scoped>\n.privacy {\n  display: block;\n  .dialog-content{\n    padding: 50px 25px;\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./privacy.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./privacy.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./privacy.vue?vue&type=template&id=77b8bbfa&scoped=true&\"\nimport script from \"./privacy.vue?vue&type=script&lang=js&\"\nexport * from \"./privacy.vue?vue&type=script&lang=js&\"\nimport style0 from \"./privacy.vue?vue&type=style&index=0&id=77b8bbfa&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"77b8bbfa\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"staff-manage\"},[_c('AppBar'),_c('div',{staticClass:\"page-content\"},[_c('div',{staticClass:\"staff-manage-canvas\"},[_c('div',{staticClass:\"staff-manage-background\"},[_c('img',{attrs:{\"src\":_vm.top.imgBack,\"alt\":\"\"}})]),_c('div',{staticClass:\"por-container\"},[_c('div',{staticClass:\"solution-info\"},[_c('div',{staticClass:\"solution-info-title\"},[_vm._v(_vm._s(_vm.top.title))]),_c('div',{staticClass:\"solution-info-content\",domProps:{\"innerHTML\":_vm._s(_vm.top.content)}}),_c('div',{staticClass:\"solution-btn\",on:{\"click\":_vm.openBealter}},[_vm._v(\"预约演示\")])])])]),_c('div',{ref:\"nav\",staticClass:\"staff-manage-nav\"},[_c('div',{ref:\"navTabs\",staticClass:\"staff-manage-nav-tabs\",style:({width: _vm.navWidth+'%', height: _vm.navHeight+'px'})},_vm._l((_vm.navList),function(item,index){return _c('div',{key:index,class:['staff-manage-nav-item', _vm.topNaviId === item.id ? 'top-nav-item' : ''],on:{\"click\":function($event){return _vm.goAnchor(item)}}},[_vm._v(\" \"+_vm._s(item.title)+\" \")])}),0)]),_c('div',[_c('div',{ref:\"product-value\",staticClass:\"product-value\"},[_vm._m(0),_c('div',{staticClass:\"value-list\"},_vm._l((_vm.valueList),function(item,index){return _c('div',{key:index,staticClass:\"value-list-item\"},[_c('div',{staticClass:\"value-list-item-card-wrap\"},[_c('div',{staticClass:\"value-list-item-card\",on:{\"mouseenter\":function($event){return _vm.onMouseenter(index)},\"mouseleave\":_vm.onMouseleve}},[_c('div',{staticClass:\"list-item-icon-wrap\"},[(_vm.valueIndex !== index)?_c('img',{staticClass:\"list-item-icon\",attrs:{\"src\":item.icon,\"alt\":\"\"}}):_c('img',{staticClass:\"list-item-icon\",attrs:{\"src\":item.iconChange,\"alt\":\"\"}})]),_c('div',{staticClass:\"list-item-title\"},[_vm._v(\" \"+_vm._s(item.title)+\" \")]),_c('div',{staticClass:\"list-item-des\"},[_vm._v(\" \"+_vm._s(item.describe)+\" \")])])])])}),0)])]),_c('div',[_c('div',{ref:\"architecture\",staticClass:\"architecture\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"系统流程图\")]),_c('div',{staticClass:\"architecture-content\"},[_c('img',{attrs:{\"src\":_vm.architecture,\"alt\":\"\"}})])])]),_c('div',[_c('div',{ref:\"introduction\",staticClass:\"introduction\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"系统功能介绍\")]),_c('div',{staticClass:\"introduction-tag\"},_vm._l((_vm.introductionTagList),function(item,index){return _c('div',{key:index,staticClass:\"introduction-tag\"},[_c('div',{staticClass:\"introduction-tag-item\",class:{'introduction-tag-item-active': item.index === _vm.introductionTagActiveIndex},on:{\"click\":function($event){return _vm.changeIntroduction(index)}}},[_c('div',[_c('img',{attrs:{\"src\":item.url,\"alt\":\"\"}})]),_c('div',{staticClass:\"item-text\"},[_vm._v(_vm._s(item.title))])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(index < 3),expression:\"index < 3\"}],staticClass:\"introduction-tag-arrow\"},[_c('img',{attrs:{\"src\":require('@/assets/home/demand-customization7.png'),\"alt\":\"\"}})])])}),0),_c('transition',{attrs:{\"name\":\"introduction-fade\",\"mode\":\"out-in\"}},[(_vm.introductionList.length != 0)?_c('div',{key:_vm.introductionTagActiveIndex,staticClass:\"introduction-content\"},[_c('div',{staticClass:\"introduction-content-left\",domProps:{\"innerHTML\":_vm._s(_vm.introductionList[_vm.introductionTagActiveIndex].img)}}),_c('div',{staticClass:\"introduction-content-right\"},[_c('div',{staticClass:\"introduction-content-right-title\"},[_vm._v(_vm._s(_vm.introductionList[_vm.introductionTagActiveIndex].title))]),_c('div',{staticClass:\"introduction-content-right-describe\"},[_vm._v(_vm._s(_vm.introductionList[_vm.introductionTagActiveIndex].describe))]),_vm._l((_vm.introductionList[_vm.introductionTagActiveIndex].contentList),function(item,index){return _c('div',{key:index,staticClass:\"introduction-panel\"},[_c('img',{attrs:{\"src\":require('@/assets/staffmanage/icon/liIcon.png'),\"alt\":\"\"}}),_c('div',{staticClass:\"introduction-panel-text\"},[_vm._v(_vm._s(item))])])})],2)]):_vm._e()])],1)]),_c('div',{staticStyle:{\"padding-top\":\"60px\"}},[_c('div',{staticStyle:{\"background-color\":\"#f7f9fc\"}},[_c('div',{ref:\"data-security\",staticClass:\"data-security\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"数据安全\")]),_c('div',{staticClass:\"data-security-content\"},_vm._l((_vm.dataSecurityList),function(item,index){return _c('div',{key:index,staticClass:\"data-security-list-item\"},[_c('img',{staticClass:\"list-item-icon\",attrs:{\"src\":item.icon,\"alt\":\"\"}}),_c('div',{staticClass:\"list-item-title\"},[_vm._v(\" \"+_vm._s(item.title)+\" \")]),_c('div',{staticClass:\"data-security-text\"},_vm._l((item.textList),function(textItem,textIndex){return _c('div',{key:textIndex,staticClass:\"list-text-item\"},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/home/content-tip.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"text\"},[_vm._v(_vm._s(textItem))])])}),0)])}),0)])])]),_c('div',[_c('div',{ref:\"customer-stories\"},[_c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"60px\",\"background-color\":\"#f7f9fc\"}}),_c('div',{staticClass:\"customer-stories\"},[_c('div',{staticClass:\"customer-stories-content\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"中大型企业的共同选择\")]),_c('div',{staticClass:\"customer-stories-list\"},_vm._l((_vm.enterpriseList),function(item,index){return _c('div',{key:index,staticClass:\"cystiner-stirues-item\"},[_c('img',{attrs:{\"src\":item,\"alt\":\"\"}})])}),0),_c('div',{staticClass:\"customer-stories-btn\",on:{\"click\":_vm.moreEnterprise}},[_c('div',{staticClass:\"btn-text\"},[_vm._v(\" 查看更多案例 \")])])])])])]),_c('div',[_c('div',{ref:\"data-download\",staticClass:\"data-download\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"行业资料\")]),_c('div',{staticClass:\"data-download-content\"},_vm._l((_vm.dataDownloadList),function(item,index){return _c('div',{key:index,staticClass:\"data-download-content-item\"},[_c('div',{staticClass:\"dataListTitle\"},[_vm._v(_vm._s(item.title))]),_c('ul',{staticClass:\"data-list\"},_vm._l((item.dataList),function(dataItem,dataIndex){return _c('li',{key:dataIndex,staticClass:\"data-list-item\",on:{\"click\":function($event){return _vm.clickDate(dataItem, index)}}},[_c('div',{staticClass:\"data-list-left\"},[_c('div',{staticClass:\"disc\"}),_c('div',{staticClass:\"data-title\"},[_vm._v(\" \"+_vm._s(dataItem.title)+\" \")])]),_c('div',{staticClass:\"data-list-right\"},[_c('img',{attrs:{\"src\":require('@/assets/icon/right-arrow.png'),\"alt\":\"\"}})])])}),0)])}),0)])]),_c('div',{staticClass:\"appointment-demonstration\"},[_c('h4',{staticClass:\"appointment-demonstration-title\"},[_vm._v(\"了解更多有关华跃产品与服务信息\")]),_c('h5',{staticClass:\"appointment-demonstration-subtitle\"},[_vm._v(\"您还可以预约我们的产品演示\")]),_c('div',{staticClass:\"appointment-demonstration-btn\",on:{\"click\":_vm.openBealter}},[_c('img',{attrs:{\"src\":require('@/assets/home/appointment-demonstration1.png'),\"alt\":\"\"}}),_c('span',[_vm._v(\"预约产品显示\")])])])]),_c('RightFixedgt'),_c('FootWrap'),_c('AltProduct',{ref:\"altProduct\"}),_c('ast',{ref:\"ast\"})],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"title-subtitle\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"产品价值分析\")]),_c('div',{staticClass:\"subtitle\"},[_vm._v(\"帮助企业进行高效人事管理\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"staff-manage\">\n    <AppBar />\n    <div class=\"page-content\">\n      <div class=\"staff-manage-canvas\">\n        <div class=\"staff-manage-background\">\n          <img :src=\"top.imgBack\" alt=\"\" />\n        </div>\n        <div class=\"por-container\">\n          <div class=\"solution-info\">\n            <div class=\"solution-info-title\">{{ top.title }}</div>\n            <div class=\"solution-info-content\" v-html=\"top.content\">\n            </div>\n            <div class=\"solution-btn\" @click=\"openBealter\">预约演示</div>\n          </div>\n        </div>\n      </div>\n      <div ref=\"nav\" class=\"staff-manage-nav\">\n        <div ref=\"navTabs\" class=\"staff-manage-nav-tabs\" :style=\"{width: navWidth+'%', height: navHeight+'px'}\">\n          <div\n            v-for=\"(item, index) in navList\"\n            :key=\"index\"\n            :class=\"['staff-manage-nav-item', topNaviId === item.id ? 'top-nav-item' : '']\"\n            @click=\"goAnchor(item)\"\n          >\n            {{ item.title }}\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"product-value\" class=\"product-value\">\n          <div class=\"title-subtitle\">\n            <div class=\"title\">产品价值分析</div>\n            <div class=\"subtitle\">帮助企业进行高效人事管理</div>\n          </div>\n          <div class=\"value-list\">\n            <div\n              v-for=\"(item, index) in valueList\"\n              :key=\"index\"\n              class=\"value-list-item\"\n            >\n              <div class=\"value-list-item-card-wrap\">\n                <div class=\"value-list-item-card\" @mouseenter=\"onMouseenter(index)\" @mouseleave=\"onMouseleve\">\n                  <div class=\"list-item-icon-wrap\">\n                    <img\n                      v-if=\"valueIndex !== index\"\n                      :src=\"item.icon\"\n                      alt=\"\"\n                      class=\"list-item-icon\"\n                    />\n                    <img\n                      v-else\n                      :src=\"item.iconChange\"\n                      alt=\"\"\n                      class=\"list-item-icon\"\n                    />\n                  </div>\n                  <div class=\"list-item-title\">\n                    {{ item.title }}\n                  </div>\n                  <div class=\"list-item-des\">\n                    {{ item.describe }}\n                  </div>\n                </div>\n                <!-- <img :src=\"item.icon\" alt=\"\" /> -->\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"architecture\" class=\"architecture\">\n          <div class=\"title\">系统流程图</div>\n          <div class=\"architecture-content\">\n            <img :src=\"architecture\" alt=\"\" />\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"introduction\" class=\"introduction\">\n          <div class=\"title\">系统功能介绍</div>\n          <div class=\"introduction-tag\">\n            <div v-for=\"(item, index) in introductionTagList\" :key=\"index\" class=\"introduction-tag\">\n              <div class=\"introduction-tag-item\" :class=\"{'introduction-tag-item-active': item.index === introductionTagActiveIndex}\" @click=\"changeIntroduction(index)\">\n                <div>\n                  <img :src=\"item.url\" alt=\"\" />\n                </div>\n                <div class=\"item-text\">{{ item.title }}</div>\n              </div>\n              <div v-show=\"index < 3\" class=\"introduction-tag-arrow\">\n                <img :src=\"require('@/assets/home/demand-customization7.png')\" alt=\"\" />\n              </div>\n            </div>\n          </div>\n          <transition name=\"introduction-fade\" mode=\"out-in\">\n            <div v-if=\"introductionList.length != 0\" :key=\"introductionTagActiveIndex\" class=\"introduction-content\">\n              <div class=\"introduction-content-left\" v-html=\"introductionList[introductionTagActiveIndex].img\">\n                <!-- <img :src=\"introductionList[introductionTagActiveIndex].img\" alt=\"\" /> -->\n              </div>\n              <div class=\"introduction-content-right\">\n                <div class=\"introduction-content-right-title\">{{ introductionList[introductionTagActiveIndex].title }}</div>\n                <div class=\"introduction-content-right-describe\">{{ introductionList[introductionTagActiveIndex].describe }}</div>\n                <div v-for=\"(item, index) in introductionList[introductionTagActiveIndex].contentList\" :key=\"index\" class=\"introduction-panel\">\n                  <img :src=\"require('@/assets/staffmanage/icon/liIcon.png')\" alt=\"\" />\n                  <div class=\"introduction-panel-text\">{{ item }}</div>\n                </div>\n              </div>\n            </div>\n          </transition>\n        </div>\n      </div>\n      <div style=\"padding-top: 60px;\">\n        <div style=\"background-color: #f7f9fc;\">\n          <div ref=\"data-security\" class=\"data-security\">\n            <div class=\"title\">数据安全</div>\n            <div class=\"data-security-content\">\n              <div v-for=\"(item, index) in dataSecurityList\" :key=\"index\" class=\"data-security-list-item\">\n                <img :src=\"item.icon\" alt=\"\" class=\"list-item-icon\" />\n                <div class=\"list-item-title\">\n                  {{ item.title }}\n                </div>\n                <div class=\"data-security-text\">\n                  <div v-for=\"(textItem, textIndex) in item.textList\" :key=\"textIndex\" class=\"list-text-item\">\n                    <img src=\"@/assets/home/content-tip.png\" alt=\"\" class=\"icon\" />\n                    <div class=\"text\">{{ textItem }}</div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"customer-stories\">\n          <div style=\"width: 100%; height: 60px; background-color: #f7f9fc;\"></div>\n          <div class=\"customer-stories\">\n            <div class=\"customer-stories-content\">\n              <div class=\"title\">中大型企业的共同选择</div>\n              <div class=\"customer-stories-list\">\n                <div v-for=\"(item, index) in enterpriseList\" :key=\"index\" class=\"cystiner-stirues-item\">\n                  <img :src=\"item\" alt=\"\" />\n                </div>\n              </div>\n              <div class=\"customer-stories-btn\" @click=\"moreEnterprise\">\n                <div class=\"btn-text\">\n                  查看更多案例\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"data-download\" class=\"data-download\">\n          <div class=\"title\">行业资料</div>\n          <div class=\"data-download-content\">\n            <div v-for=\"(item, index) in dataDownloadList\" :key=\"index\" class=\"data-download-content-item\">\n              <div class=\"dataListTitle\">{{ item.title }}</div>\n              <ul class=\"data-list\">\n                <li\n                  v-for=\"(dataItem, dataIndex) in item.dataList\"\n                  :key=\"dataIndex\"\n                  class=\"data-list-item\"\n                  @click=\"clickDate(dataItem, index)\"\n                >\n                  <div class=\"data-list-left\">\n                    <div class=\"disc\"></div>\n                    <div class=\"data-title\">\n                      {{ dataItem.title }}\n                    </div>\n                  </div>\n                  <div class=\"data-list-right\">\n                    <img :src=\"require('@/assets/icon/right-arrow.png')\" alt=\"\" />\n                  </div>\n                </li>\n              </ul>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"appointment-demonstration\">\n        <h4 class=\"appointment-demonstration-title\">了解更多有关华跃产品与服务信息</h4>\n        <h5 class=\"appointment-demonstration-subtitle\">您还可以预约我们的产品演示</h5>\n        <div class=\"appointment-demonstration-btn\" @click=\"openBealter\">\n          <img :src=\"require('@/assets/home/appointment-demonstration1.png')\" alt=\"\" />\n          <span>预约产品显示</span>\n        </div>\n      </div>\n    </div>\n    <RightFixedgt />\n    <FootWrap />\n    <AltProduct ref=\"altProduct\" />\n    <ast ref=\"ast\" />\n  </div>\n</template>\n\n<script>\nimport { getColumnChild, getColumnDetail } from '@/api/column';\nimport { getContentList, getContentDetail, download } from '@/api/content';\nexport default {\n  name: 'StaffManage',\n  data () {\n    return {\n      top: {\n        title: '',\n        content: '',\n        imgBack: require('@/assets/staffmanage/canvas.gif'),\n      },\n      navWidth: 80,\n      navHeight: 60,\n      offsetTop: 0,\n      scrollTop: 0,\n      position: 0,\n      navList: [\n        {\n          title: '产品价值',\n          id: 'product-value',\n        },\n        {\n          title: '系统架构',\n          id: 'architecture',\n        },\n        {\n          title: '功能介绍',\n          id: 'introduction',\n        },\n        {\n          title: '数据安全',\n          id: 'data-security',\n        },\n        {\n          title: '客户案例',\n          id: 'customer-stories',\n        },\n        {\n          title: '资料下载',\n          id: 'data-download',\n        },\n      ],\n      valueList: [],\n      architecture: '',\n      valueIndex: null,\n      topNaviId: null,\n      introductionTagList: [\n        // {\n        //   title: '预入职管理',\n        //   url: require('@/assets/staffmanage/introduction-icon1.png'),\n        //   index: 0,\n        // },\n        // {\n        //   title: '证件管理',\n        //   url: require('@/assets/staffmanage/introduction-icon2.png'),\n        //   index: 1,\n        // },\n        // {\n        //   title: '电子签',\n        //   url: require('@/assets/staffmanage/introduction-icon3.png'),\n        //   index: 2,\n        // },\n        // {\n        //   title: '离职交接',\n        //   url: require('@/assets/staffmanage/introduction-icon4.png'),\n        //   index: 3,\n        // },\n      ],\n      introductionTagActiveIndex: 0,\n      introductionList: [\n        // {\n        //   img: require('@/assets/staffmanage/introduction-content1.png'),\n        //   title: '预入职管理',\n        //   describe: '大批人员入职，工作量繁重，信息不准确导致后续重复工作',\n        //   contentList: [\n        //     '使用扫码入职，轻松搞定信息录入',\n        //     '标准格式防止信息缺失',\n        //     '多层级线上审核，防止错误信息',\n        //   ],\n        // },\n        // {\n        //   img: require('@/assets/staffmanage/introduction-content2.png'),\n        //   title: '预入职管理',\n        //   describe: '大批人员入职，工作量繁重，信息不准确导致后续重复工作',\n        //   contentList: [\n        //     '使用扫码入职，轻松搞定信息录入',\n        //     '标准格式防止信息缺失',\n        //     '多层级线上审核，防止错误信息',\n        //   ],\n        // },\n        // {\n        //   img: require('@/assets/staffmanage/introduction-content3.png'),\n        //   title: '预入职管理',\n        //   describe: '大批人员入职，工作量繁重，信息不准确导致后续重复工作',\n        //   contentList: [\n        //     '使用扫码入职，轻松搞定信息录入',\n        //     '标准格式防止信息缺失',\n        //     '多层级线上审核，防止错误信息',\n        //   ],\n        // },\n        // {\n        //   img: require('@/assets/staffmanage/introduction-content4.png'),\n        //   title: '预入职管理',\n        //   describe: '大批人员入职，工作量繁重，信息不准确导致后续重复工作',\n        //   contentList: [\n        //     '使用扫码入职，轻松搞定信息录入',\n        //     '标准格式防止信息缺失',\n        //     '多层级线上审核，防止错误信息',\n        //   ],\n        // },\n      ],\n      dataSecurityList: [\n        // {\n        //   icon: require('@/assets/staffmanage/data-security1.png'),\n        //   title: '身份认证',\n        //   textList: [\n        //     '传统用户名/密码认证',\n        //     '支持动态密码安全认证方式',\n        //     '支持USBE-key电子密钥安全认证方式(CA)',\n        //   ],\n        // },\n        // {\n        //   icon: require('@/assets/staffmanage/data-security2.png'),\n        //   title: '安全访问',\n        //   textList: [\n        //     '通过授权定义用户的数据范围',\n        //     '可以单独或分段设置能够登陆系统的终端，限制未授权机器访问系统',\n        //     '提供针对用户访问数据的操作监视和统计，根据用户身份和应用活动进行审计',\n        //   ],\n        // },\n        // {\n        //   icon: require('@/assets/staffmanage/data-security3.png'),\n        //   title: '品质保证',\n        //   textList: [\n        //     '十五年专注经营',\n        //     '3000+企业长期合作',\n        //     '大型集团化企业的首选',\n        //   ],\n        // },\n      ],\n      enterpriseList: [\n      ],\n      dataDownloadList: [\n        {\n          title: '资料下载',\n          dataList: [\n            {\n              id: 1,\n              title: '【公告】我们拥有精湛的实施工程师团队工程师团队',\n            },\n            {\n              id: 2,\n              title: '【公告】具有定制化知识与丰富经验的维丰富经验的',\n            },\n            {\n              id: 3,\n              title: '【公告】及时为客户解决在使用过程中的过程中的使',\n            },\n          ],\n        },\n        {\n          title: '产品动态',\n          dataList: [\n            {\n              id: 4,\n              title: '【公告】我们拥有精湛的实施工程师团队工程师团队',\n            },\n            {\n              id: 5,\n              title: '【公告】具有定制化知识与丰富经验的维丰富经验的',\n            },\n            {\n              id: 6,\n              title: '【公告】及时为客户解决在使用过程中的过程中的使',\n            },\n          ],\n        },\n        {\n          title: '干货推荐',\n          dataList: [\n            {\n              id: 7,\n              title: '【公告】我们拥有精湛的实施工程师团队工程师团队',\n            },\n            {\n              id: 8,\n              title: '【公告】具有定制化知识与丰富经验的维丰富经验的',\n            },\n            {\n              id: 9,\n              title: '【公告】及时为客户解决在使用过程中的过程中的使',\n            },\n          ],\n        },\n      ],\n    };\n  },\n  watch: {\n    scrollTop(newValue, oldValue) {\n      setTimeout(() => {\n        if (newValue === window.scrollY) {\n          for (var i = 0; i < this.navList.length; i++) {\n            var elementTop = this.$refs[`${this.navList[i].id}`].offsetTop - this.scrollTop - 1;\n            if (elementTop <= 70) {\n              this.topNaviId = this.navList[i].id;\n            }\n          }\n        }\n      }, 20);\n    },\n  },\n  mounted () {\n    window.addEventListener('scroll', this.handleScroll);\n    this.$nextTick(() => {\n      const nav = this.$refs.nav;\n      this.offsetTop = nav.offsetTop;\n    });\n    this.getPageColumn();\n    this.getPartner();\n  },\n  beforeDestroy () {\n    window.removeEventListener('scroll', this.handleScroll);\n  },\n  methods: {\n    handleScroll() {\n      var offsetHeight = this.$refs.navTabs.offsetHeight;\n      this.scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;\n      var headerFixed = this.scrollTop > this.offsetTop - offsetHeight / 2 - 70;\n      var scroll = this.scrollTop - this.position;\n      this.position = this.scrollTop;\n      if (this.scrollTop <= 400) {\n        this.navHeight = 52;\n        this.navWidth = 80;\n        this.$refs.nav.style.position = 'relative';\n        this.$refs.nav.style.top = '0px';\n        this.topNaviId = null;\n      } else if (this.scrollTop >= 400 && !headerFixed) {\n        this.navHeight += 0.04 * scroll;\n        this.navWidth += 0.12 * scroll;\n        this.$refs.navTabs.style.top = -(offsetHeight / 2) + 'px';\n        this.$refs.nav.style.position = 'relative';\n        this.$refs.nav.style.top = '0px';\n        this.topNaviId = null;\n      } else if (headerFixed) {\n        this.navHeight = 60;\n        this.navWidth = 100;\n        this.$refs.navTabs.style.top = -(offsetHeight / 2) + 'px';\n        this.$refs.nav.style.position = 'fixed';\n        this.$refs.nav.style.top = (offsetHeight / 2) + 70 + 'px';\n      }\n    },\n    goAnchor(i) {\n      // var id = '#' + i.id;\n      // document.querySelector(id).scrollIntoView({\n      //   behavior: 'smooth',\n      //   block: 'start',\n      // });\n      window.scrollTo({\n        top: this.$refs[`${i.id}`].offsetTop - 70,\n        left: 0,\n        behavior: 'smooth',\n      });\n    },\n\n    // 获取页面栏目\n    async getPageColumn() {\n      const params = { parentId: '1605834917202321408', };\n      const { result, } = await getColumnChild(params);\n      for (var i = 0; i < result.length; i++) {\n        if (result[i].name === '产品价值') {\n          const data = { columnId: result[i].id, pageNum: 1, pageSize: 10, };\n          getContentList(data).then((rrs) => {\n            const rrsult = rrs.result;\n            for (var j = 0; j < rrsult.data.length; j++) {\n              const valueItem = {\n                icon: rrsult.data[j].icon,\n                iconChange: rrsult.data[j].logo,\n                title: rrsult.data[j].title,\n                describe: rrsult.data[j].description,\n              };\n              this.valueList.push(valueItem);\n            }\n          });\n        } else if (result[i].name === '系统架构') {\n          getColumnDetail(result[i].id).then((rrs) => {\n            this.architecture = rrs.result.icon;\n          });\n        } else if (result[i].name === '功能介绍') {\n          const data = { columnId: result[i].id, pageNum: 1, pageSize: 10, };\n          getContentList(data).then(async (rrs) => {\n            const rrsult = rrs.result;\n            for (var j = 0; j < rrsult.data.length; j++) {\n              this.introductionTagList.push({\n                title: rrsult.data[j].title,\n                url: rrsult.data[j].icon,\n                index: j,\n              });\n              const rts = await getContentDetail(rrsult.data[j].id);\n              const rtsult = rts.result;\n              const doc = new DOMParser().parseFromString(rtsult.defaultContent, 'text/html');\n              const introduction = {\n                img: doc.documentElement.textContent.replace(/&nbsp;/g, ' '),\n                title: rtsult.title,\n                describe: rtsult.description,\n                contentList: [],\n              };\n              for (var x = 0; x < rtsult.elements.length; x++) {\n                introduction.contentList.push(rtsult.elements[x].content);\n              }\n              this.introductionList.push(introduction);\n            }\n          });\n        } else if (result[i].name === '数据安全') {\n          getContentList({ columnId: result[i].id, pageNum: 1, pageSize: 99, }).then(async (rrs) => {\n            const rrsult = rrs.result;\n            for (var j = 0; j < rrsult.data.length; j++) {\n              const rts = await getContentDetail(rrsult.data[j].id);\n              const rtsult = rts.result;\n              var dataSecurityItem = {\n                icon: rtsult.icon,\n                title: rtsult.title,\n                textList: [],\n              };\n              for (var x = 0; x < rtsult.elements.length; x++) {\n                dataSecurityItem.textList.push(rtsult.elements[x].content);\n              }\n              this.dataSecurityList.push(dataSecurityItem);\n            }\n          });\n        } else if (result[i].name === '顶部图') {\n          getColumnDetail(result[i].id).then((rrs) => {\n            const rrsult = rrs.result;\n            var content = rrsult.elements.find(obj => obj.name === 'content').content;\n            var contentdoc = new DOMParser().parseFromString(content, 'text/html');\n            this.top.title = rrsult.elements.find(obj => obj.name === 'subtitle').content;\n            this.top.content = contentdoc.documentElement.textContent.replace(/&nbsp;/g, ' ');\n            // this.top = {\n            //   imgBack: rrsult.icon,\n            // };\n          });\n        }\n      }\n      const downLoadParams = { columnId: '1605494229646401536', pageNum: 1, pageSize: 4, commendation: 9, cascade: true, };\n      getContentList(downLoadParams).then(async (res) => {\n        const { result, } = res;\n        this.dataDownloadList[0].dataList = result.data;\n      });\n      const contentParams = { columnId: '1605774350588534784', pageNum: 1, pageSize: 4, commendation: 9, };\n      getContentList(contentParams).then(async (res) => {\n        const { result, } = res;\n        this.dataDownloadList[1].dataList = result.data;\n      });\n      const industryParams = { columnId: '1605774444985540608', pageNum: 1, pageSize: 4, commendation: 9, };\n      getContentList(industryParams).then(async (res) => {\n        const { result, } = res;\n        this.dataDownloadList[2].dataList = result.data;\n      });\n    },\n\n    // 合作伙伴列表\n    getPartner() {\n      var params = { columnId: '1605405080163672064', pageNum: 1, pageSize: 18, commendation: 16, cascade: true, };\n      getContentList(params).then((res) => {\n        const { result, } = res;\n        for (var i = 0; i < result.data.length; i++) {\n          this.enterpriseList.push(result.data[i].logo);\n        }\n      });\n    },\n\n    clickDate(data, index) {\n      if (index === 0) {\n        getContentDetail(data.id).then((res) => {\n          const { result, } = res;\n          var file = result.elements.find(obj => obj.name === 'file').content;\n          download(file[0].url).then((rrs) => {\n            const fileName = file[0].name;\n            const blob = new Blob([ rrs.data, ]);\n            if (typeof window.navigator.msSaveBlob !== 'undefined') {\n              // 兼容window.navigator.msSaveBlob：以本地方式保存文件\n              window.navigator.msSaveBlob(blob, decodeURI(fileName));\n            } else {\n              // 创建新的URL并指向File对象或者Blob对象的地址\n              const blobURL = window.URL.createObjectURL(blob);\n              // 创建a标签，用于跳转至下载链接\n              const tempLink = document.createElement('a');\n              tempLink.style.display = 'block';\n              tempLink.href = blobURL;\n              tempLink.setAttribute('download', decodeURI(fileName));\n              // 兼容：某些浏览器不支持HTML5的download属性\n              if (typeof tempLink.download === 'undefined') {\n                tempLink.setAttribute('target', '_blank');\n              }\n              // 挂载a标签\n              document.body.appendChild(tempLink);\n              tempLink.click();\n              document.body.removeChild(tempLink);\n              // 释放blob URL地址\n              window.URL.revokeObjectURL(blobURL);\n            }\n          });\n        });\n      } else if (index === 1) {\n        this.$router.push({ path: `/news/details/${data.id}`, query: { type: 1, }, });\n      } else if (index === 2) {\n        this.$router.push({ path: `/news/details/${data.id}`, query: { type: 2, }, });\n      }\n    },\n\n    onMouseenter(i) {\n      this.valueIndex = i;\n    },\n    onMouseleve() {\n      this.valueIndex = null;\n    },\n    changeIntroduction (index) {\n      this.introductionTagActiveIndex = index;\n    },\n    moreEnterprise () {\n      this.$router.push({ name: 'CustomerCase', });\n    },\n    openBealter () {\n      this.$refs.altProduct.tobealter();\n    },\n    openBealter2() {\n       this.$refs.ast.drawer  = true\n    },\n  },\n};\n</script>\n\n<style>\n:root{\n  --minwidth: 1200px\n}\n</style>\n<style lang=\"less\" scoped>\n.staff-manage{\n  background-color: #fff;\n  .page-content{\n    width: 100%;\n    // position: relative;\n    .staff-manage-canvas{\n      width: 100%;\n      height: fit-content;\n      min-width: var(--minwidth);\n      position: relative;\n      background-size: cover;\n      overflow: hidden;\n      .staff-manage-background{\n        // width: 100%;\n        // height: 560px;\n        position: absolute;\n        left: 0;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        background-position: top;\n        background-size: cover;\n        background-repeat: no-repeat;\n        // display: flex;\n        // justify-content: center;\n        // align-items: center;\n        // object-fit: cover;\n        img{\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n          object-position: center top;\n        }\n      }\n      .por-container {\n          width: 85%;\n          max-width: 1200px;\n          margin: 0 auto;\n          position: relative;\n          .solution-info {\n            width: 540px;\n            height: 560px;\n            display: flex;\n            justify-content: center;\n            flex-direction: column;\n            box-sizing: border-box;\n            .solution-info-title {\n              font-size: 45px;\n              font-weight: bold;\n              line-height: 55px;\n              color: #181818;\n              margin-bottom: 30px;\n            }\n            .solution-info-content {\n              font-size: 20px;\n              line-height: 32px;\n              color: #7b7b7b;\n              margin-bottom: 44px;\n            }\n            .solution-btn {\n              width: 142px;\n              height: 48px;\n              background-color: #00b0dc;\n              color: #fff;\n              text-align: center;\n              line-height: 48px;\n              cursor: pointer;\n              border-radius: 24px;\n            }\n          }\n        }\n    }\n    .staff-manage-nav {\n      width: 100%;\n      display: flex;\n      position: relative;\n      justify-content: center;\n      z-index: 50;\n      .staff-manage-nav-tabs{\n        // min-width: var(--minwidth);\n        // max-width: 100%;\n        margin: 0 auto;\n        // min-width: var(--minwidth);\n        box-shadow: 0px 2px 8px 0px rgba(139, 139, 139, 0.18);\n        border-radius: 2px;\n        background-color: #fff;\n        display: flex;\n        position: absolute;\n        // left: 0;\n        top: -26px;\n        // transition: height .5s;\n        .staff-manage-nav-item{\n          flex: 1;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          color: #181818;\n          font-size: 14px;\n          cursor: pointer;\n        }\n        .staff-manage-nav-item:hover{\n          color: #00b0dc;\n        }\n        .top-nav-item {\n          color: #ffffff;\n          background-color: #00b0dc;\n        }\n        .top-nav-item:hover {\n          color: #fff;\n        }\n      }\n    }\n    .product-value{\n      width: 70%;\n      min-width: var(--minwidth);\n      padding-top: 116px;\n      margin: 0 auto;\n      background-color: #fff;\n      box-sizing: border-box;\n      .title-subtitle{\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-direction: column;\n        margin-bottom: 64px;\n        .title{\n          font-size: 32px;\n          color: #181818;\n          line-height: 1;\n        }\n        .subtitle{\n          font-size: 16px;\n          color: #7b7b7b;\n          margin-top: 23px;\n          line-height: 1;\n        }\n      }\n      .value-list{\n        width: 100%;\n        display: flex;\n        align-items: center;\n        .value-list-item{\n          flex: 1;\n          height: 322px;\n          .value-list-item-card-wrap{\n            display: flex;\n            align-items: center;\n            height: 100%;\n            width: 100%;\n            .value-list-item-card{\n              width: 100%;\n              height: 250px;\n              background-color: #f5f5f5;\n              color: #181818;\n              width: 100%;\n              transition: all .3s ease-in-out;\n              padding: 50px 33px 48px 30px;\n              box-sizing: border-box;\n              display: flex;\n              flex-direction: column;\n              align-items: flex-start;\n              .list-item-icon-wrap{\n                height: 24px;\n                width: 100%;\n                display: flex;\n                justify-content: flex-start;\n                align-items: center;\n                .list-item-icon{\n                  width: auto;\n                  height: 24px;\n                  opacity: 1;\n                  display: block;\n                }\n              }\n              .list-item-title{\n                padding: 19px 0;\n                font-weight: 500;\n                font-size: 18px;\n                line-height: 1;\n              }\n              .list-item-des{\n                width: 100%;\n                flex: 1;\n                color: #757575;\n                font-size: 14px;\n                margin-bottom: 15px;\n                overflow: hidden;\n                display: -webkit-box;\n                -webkit-line-clamp: 3;\n                -webkit-box-orient: vertical;\n                text-overflow: ellipsis;\n                transition: all .3s ease-in-out;\n              }\n            }\n            .value-list-item-card:hover{\n              height: 100%;\n              // background: url('@/assets/staffmanage/value-background.png') no-repeat;\n              background-color: #00b0dc;\n              background-size: cover;\n              color: #fff;\n              box-shadow: 0px 4px 15px 1px rgba(158, 157, 157, 0.59);\n              .list-item-des{\n                color: #fff;\n                display: block;\n              }\n            }\n          }\n        }\n      }\n    }\n    .architecture{\n      width: 1200px;\n      padding-top: 119px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      .title{\n        font-size: 32px;\n        color: #181818;\n        line-height: 1;\n        margin-bottom: 70px;\n      }\n      .architecture-content{\n        width: 100%;\n        img{\n          width: 100%;\n        }\n      }\n    }\n    .introduction{\n      width: 1200px;\n      padding-top: 109px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      .title{\n        font-size: 32px;\n        color: #181818;\n        line-height: 1;\n        padding-bottom: 70px;\n        box-sizing: border-box;\n      }\n      .introduction-tag{\n        display: flex;\n        justify-content: center;\n        align-items: flex-end;\n        .introduction-tag-item{\n          text-align: center;\n          margin: 0 25px;\n          cursor: pointer;\n          color: #6d6e6f;\n          img{\n            display: flex;\n          }\n          .item-text{\n            line-height: 1;\n          }\n          &:hover{\n            color: #00b0dc;\n          }\n        }\n        .introduction-tag-item-active{\n          color: #00b0dc;\n        }\n        .introduction-tag-arrow{\n          img{\n            margin-bottom: 75px;\n            display: flex;\n          }\n        }\n      }\n      .introduction-tag:nth-child(1){\n        .introduction-tag-item{\n          img{\n            transform: translateY(4px);\n          }\n          &:hover{\n            img{\n              transform: translateY(4px) scale(1.1);\n            }\n          }\n        }\n      }\n      .introduction-tag:nth-child(2){\n        .introduction-tag-item{\n          img{\n            transform: translateY(5px);\n          }\n          &:hover{\n            img{\n              transform: translateY(5px) scale(1.1);\n            }\n          }\n        }\n      }\n      .introduction-tag:nth-child(3){\n        .introduction-tag-item{\n          img{\n            transform: translateY(13px);\n          }\n          &:hover{\n            img{\n              transform: translateY(13px) scale(1.1);\n            }\n          }\n        }\n      }\n      .introduction-tag:nth-child(4){\n        .introduction-tag-item{\n          img{\n            transform: translateY(4px);\n          }\n          &:hover{\n            img{\n              transform: translateY(4px) scale(1.1);\n            }\n          }\n        }\n      }\n      .introduction-content{\n        display: flex;\n        justify-content: space-between;\n        margin-top: 80px;\n        width: 100%;\n        height: 425px;\n        .introduction-content-left{\n          height: 100%;\n          img{\n            width: auto;\n            height: 100%;\n          }\n        }\n        .introduction-content-right{\n          display: flex;\n          flex-direction: column;\n          justify-content: flex-start;\n          align-items: flex-start;\n          padding-top: 85px;\n          .introduction-content-right-title{\n            font-size: 28px;\n            font-weight: 500;\n            color: #181818;\n            line-height: 1;\n            margin-bottom: 15px;\n          }\n          .introduction-content-right-describe{\n            font-size: 16px;\n            color: #7b7b7b;\n            line-height: 1;\n            margin-bottom: 46px;\n          }\n          .introduction-panel{\n            display: flex;\n            justify-content: flex-start;\n            align-items: center;\n            margin-bottom: 36px;\n            img{\n              width: 24px;\n              height: auto;\n            }\n            .introduction-panel-text{\n              font-size: 16px;\n              color: #181818;\n              line-height: 1;\n              margin-left: 8px;\n            }\n          }\n        }\n      }\n    }\n    .introduction-fade-enter-active {\n      animation: bounce-in 1.3s;\n    }\n    .introduction-fade-leave-active {\n      animation: bounce-in .5s reverse;\n    }\n    @keyframes bounce-in {\n      0% {\n        opacity: 0;\n      }\n      100% {\n        opacity: 1;\n      }\n    }\n    .data-security{\n      width: 70%;\n      min-width: var(--minwidth);\n      padding-top: 70px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      .title{\n        font-size: 32px;\n        color: #181818;\n      }\n      .data-security-content{\n        width: 100%;\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        margin-top: 70px;\n        .data-security-list-item{\n          width: 318px;\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: flex-start;\n          .list-item-icon{\n            width: auto;\n            height: 117px;\n            margin-bottom: 7px;\n          }\n          .list-item-title{\n            font-size: 18px;\n            color: #181818;\n            font-weight: 500;\n            margin-bottom: 35px;\n          }\n          .data-security-text{\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            align-items: flex-start;\n            .list-text-item{\n              display: flex;\n              justify-content: flex-start;\n              align-items: flex-start;\n              margin-bottom: 32px;\n              .icon{\n                margin-top: 3px;\n              }\n              .text{\n                font-size: 16px;\n                color: #181818;\n                margin-left: 16px;\n              }\n            }\n          }\n        }\n      }\n    }\n    .customer-stories{\n      width: 100%;\n      min-width: 1200px;\n      display: flex;\n      flex-direction: column;\n      background: url('@/assets/staffmanage/customer-back.png') no-repeat;\n      background-position: center;\n      background-size: cover;\n      background-position: center;\n      height: 561px;\n      padding: 69px 0 60px;\n      box-sizing: border-box;\n      .customer-stories-content{\n        width: 80%;\n        min-width: var(--minwidth);\n        margin: 0 auto;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        .title{\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          font-size: 32px;\n          font-weight: 500;\n          color: #181818;\n          margin-bottom: 70px;\n        }\n        .customer-stories-list{\n          width: 100%;\n          display: flex;\n          flex-wrap: wrap;\n          justify-content: flex-start;\n          .cystiner-stirues-item{\n            width: calc(16.666% - 20px);\n            height: 70px;\n            margin: 10px;\n            background-color: #fff;\n            border: solid 1px #dfdfdf;\n            display: flex;\n            box-sizing: border-box;\n            justify-content: center;\n            align-items: center;\n            padding: 10px;\n            img{\n              width: 100%;\n              height: 100%;\n              object-fit: contain;\n              display: block;\n            }\n          }\n        }\n        .customer-stories-btn{\n          width: 155px;\n          height: 50px;\n          background-color: #00b0dc;\n          border-radius: 25px;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          margin-top: 20px;\n          cursor: pointer;\n          .btn-text{\n            font-size: 15px;\n            color: #ffffff;\n          }\n          &:hover{\n            transform: scale(1.1);\n            transition: all  0.5s;\n          }\n        }\n      }\n    }\n    .data-download{\n      width: 70%;\n      min-width: 1209px;\n      padding-top: 70px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      padding-bottom: 100px;\n      .title{\n        font-size: 32px;\n        color: #181818;\n      }\n      .data-download-content{\n        display: flex;\n        margin: 70px auto 0;\n        .data-download-content-item{\n          width: 386px;\n          height: 250px;\n          margin-right: 21px;\n          padding: 31px 32px 0 28px;\n          background: url('@/assets/staffmanage/download-back.png') center;\n          background-size: cover;\n          box-sizing: border-box;\n          .dataListTitle{\n            font-size: 18px;\n            color: #181818;\n            line-height: 1;\n            margin-bottom: 14px;\n          }\n          .data-list{\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            .data-list-item{\n              width: 100%;\n              display: flex;\n              justify-content: space-between;\n              margin-top: 14px;\n              // padding-left: 24px;\n              box-sizing: border-box;\n              list-style:disc;\n              .data-list-left{\n                display: flex;\n                align-items: center;\n                justify-content: flex-start;\n                .disc{\n                  width: 4px;\n                  height: 4px;\n                  border-radius: 50%;\n                  background-color: #000;\n                }\n                .data-title{\n                  width: 254px;\n                  overflow: hidden;\n                  white-space: nowrap;\n                  text-overflow: ellipsis;\n                  font-size: 14px;\n                  color: #181818;\n                  cursor: pointer;\n                  position: relative;\n                  margin-left: 20px;\n                }\n              }\n              .data-list-right{\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                img{\n                  width: auto;\n                  height: 10px;\n                  display: block;\n                }\n                display: none;\n              }\n            }\n            .data-list-item:hover{\n              .data-list-left{\n                .disc{\n                  background-color: #00b0dc;\n                }\n                .data-title{\n                  color: #00b0dc;\n                }\n              }\n              .data-list-right{\n                display: block;\n              }\n            }\n          }\n        }\n        .data-download-content-item:last-child{\n          margin-right: 0;\n        }\n      }\n    }\n    .appointment-demonstration{\n      width: 100%;\n      min-width: var(--minwidth);\n      height: 188px;\n      background-image: url('@/assets/home/appointment-demonstration.png');\n      background-repeat: no-repeat;\n      background-size: cover;\n      background-position: center;\n      text-align: center;\n      color: #fff;\n      padding: 22px;\n      box-sizing: border-box;\n      .appointment-demonstration-title{\n        font-size: 26px;\n        color: #fff;\n        margin-bottom: 20px;\n      }\n      .appointment-demonstration-subtitle{\n        font-size: 16px;\n        font-weight: 400;\n        color: #fff;\n        margin-bottom: 25px;\n      }\n      .appointment-demonstration-btn{\n        width: 220px;\n        height: 46px;\n        text-align: center;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin: auto;\n        background: #00b0dc;\n        border-radius: 30px;\n        cursor: pointer;\n        img{\n          width: 18px;\n          height: 22px;\n          vertical-align: middle;\n          margin-right: 10px\n        }\n        transition: all 0.5s;\n        &:hover{\n          transform: scale(1.1);\n          transition: all  0.5s;\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./staff-manage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./staff-manage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./staff-manage.vue?vue&type=template&id=27291b58&scoped=true&\"\nimport script from \"./staff-manage.vue?vue&type=script&lang=js&\"\nexport * from \"./staff-manage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./staff-manage.vue?vue&type=style&index=0&id=27291b58&prod&lang=css&\"\nimport style1 from \"./staff-manage.vue?vue&type=style&index=1&id=27291b58&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"27291b58\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"working-hours\"},[_c('AppBar'),_c('div',{staticClass:\"page-content\"},[_c('div',{staticClass:\"working-hours-canvas\"},[_c('div',{staticClass:\"working-hours-background\"},[_c('img',{attrs:{\"src\":_vm.top.imgBack,\"alt\":\"\"}})]),_c('div',{staticClass:\"por-container\"},[_c('div',{staticClass:\"solution-info\"},[_c('div',{staticClass:\"solution-info-title\"},[_vm._v(_vm._s(_vm.top.title))]),_c('div',{staticClass:\"solution-info-content\",domProps:{\"innerHTML\":_vm._s(_vm.top.content)}}),_c('div',{staticClass:\"solution-btn\",on:{\"click\":_vm.openBealter}},[_vm._v(\"预约演示\")])])])]),_c('div',{ref:\"nav\",staticClass:\"working-hours-nav\"},[_c('div',{ref:\"navTabs\",staticClass:\"working-hours-nav-tabs\",style:({width: _vm.navWidth+'%', height: _vm.navHeight+'px'})},_vm._l((_vm.navList),function(item,index){return _c('div',{key:index,class:['working-hours-nav-item', _vm.topNaviId === item.id ? 'top-nav-item' : ''],on:{\"click\":function($event){return _vm.goAnchor(item)}}},[_vm._v(\" \"+_vm._s(item.title)+\" \")])}),0)]),_c('div',[_c('div',{ref:\"product-value\",staticClass:\"product-value\"},[_vm._m(0),_c('div',{staticClass:\"value-list\"},_vm._l((_vm.valueList),function(item,index){return _c('div',{key:index,staticClass:\"value-list-item\"},[_c('div',{staticClass:\"value-list-item-card-wrap\"},[_c('div',{staticClass:\"value-list-item-card\",on:{\"mouseenter\":function($event){return _vm.onMouseenter(index)},\"mouseleave\":_vm.onMouseleve}},[_c('div',{staticClass:\"list-item-icon-wrap\"},[(_vm.valueIndex !== index)?_c('img',{staticClass:\"list-item-icon\",attrs:{\"src\":item.icon,\"alt\":\"\"}}):_c('img',{staticClass:\"list-item-icon\",attrs:{\"src\":item.iconChange,\"alt\":\"\"}})]),_c('div',{staticClass:\"list-item-title\"},[_vm._v(\" \"+_vm._s(item.title)+\" \")]),_c('div',{staticClass:\"list-item-des\"},[_vm._v(\" \"+_vm._s(item.describe)+\" \")])])])])}),0)])]),_c('div',[_c('div',{ref:\"architecture\",staticClass:\"architecture\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"系统流程图\")]),_c('div',{staticClass:\"architecture-content\"},[_c('img',{attrs:{\"src\":_vm.architecture,\"alt\":\"\"}})])])]),_c('div',[_c('div',{ref:\"introduction\",staticClass:\"introduction\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"系统功能介绍\")]),_c('div',{staticClass:\"introduction-tag\"},_vm._l((_vm.introductionTagList),function(item,index){return _c('div',{key:index,staticClass:\"introduction-tag\"},[_c('div',{staticClass:\"introduction-tag-item\",class:{'introduction-tag-item-active': item.index === _vm.introductionTagActiveIndex},on:{\"click\":function($event){return _vm.changeIntroduction(index)}}},[_c('div',[_c('img',{attrs:{\"src\":item.url,\"alt\":\"\"}})]),_c('div',{staticClass:\"item-text\"},[_vm._v(_vm._s(item.title))])])])}),0),_c('transition',{attrs:{\"name\":\"introduction-fade\",\"mode\":\"out-in\"}},[(_vm.introductionList.length != 0)?_c('div',{key:_vm.introductionTagActiveIndex,staticClass:\"introduction-content\"},[_c('div',{staticClass:\"introduction-content-left\",domProps:{\"innerHTML\":_vm._s(_vm.introductionList[_vm.introductionTagActiveIndex].img)}}),_c('div',{staticClass:\"introduction-content-right\"},[_c('div',{staticClass:\"introduction-content-right-title\"},[_vm._v(_vm._s(_vm.introductionList[_vm.introductionTagActiveIndex].title))]),_c('div',{staticClass:\"introduction-content-right-describe\"},[_vm._v(_vm._s(_vm.introductionList[_vm.introductionTagActiveIndex].subtitle))]),_vm._l((_vm.introductionList[_vm.introductionTagActiveIndex].ContentList),function(item,index){return _c('div',{key:index,staticClass:\"introduction-panel\"},[_c('img',{attrs:{\"src\":require('@/assets/staffmanage/icon/liIcon.png'),\"alt\":\"\"}}),_c('div',{staticClass:\"introduction-panel-text\"},[_vm._v(_vm._s(item))])])})],2)]):_vm._e()])],1)]),_c('div',{staticStyle:{\"padding-top\":\"60px\"}},[_c('div',{staticStyle:{\"background-color\":\"#f7f9fc\"}},[_c('div',{ref:\"data-security\",staticClass:\"data-security\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"数据安全\")]),_c('div',{staticClass:\"data-security-content\"},_vm._l((_vm.dataSecurityList),function(item,index){return _c('div',{key:index,staticClass:\"data-security-list-item\"},[_c('img',{staticClass:\"list-item-icon\",attrs:{\"src\":item.icon,\"alt\":\"\"}}),_c('div',{staticClass:\"list-item-title\"},[_vm._v(\" \"+_vm._s(item.title)+\" \")]),_c('div',{staticClass:\"data-security-text\"},_vm._l((item.textList),function(textItem,textIndex){return _c('div',{key:textIndex,staticClass:\"list-text-item\"},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/home/content-tip.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"text\"},[_vm._v(_vm._s(textItem))])])}),0)])}),0)])])]),_c('div',[_c('div',{ref:\"customer-stories\"},[_c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"60px\",\"background-color\":\"#f7f9fc\"}}),_c('div',{staticClass:\"customer-stories\"},[_c('div',{staticClass:\"customer-stories-content\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"中大型企业的共同选择\")]),_c('div',{staticClass:\"customer-stories-list\"},_vm._l((_vm.enterpriseList),function(item,index){return _c('div',{key:index,staticClass:\"cystiner-stirues-item\"},[_c('img',{attrs:{\"src\":item,\"alt\":\"\"}})])}),0),_c('div',{staticClass:\"customer-stories-btn\",on:{\"click\":_vm.moreEnterprise}},[_c('div',{staticClass:\"btn-text\"},[_vm._v(\" 查看更多案例 \")])])])])])]),_c('div',[_c('div',{ref:\"data-download\",staticClass:\"data-download\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"行业资料\")]),_c('div',{staticClass:\"data-download-content\"},_vm._l((_vm.dataDownloadList),function(item,index){return _c('div',{key:index,staticClass:\"data-download-content-item\"},[_c('div',{staticClass:\"dataListTitle\"},[_vm._v(_vm._s(item.title))]),_c('ul',{staticClass:\"data-list\"},_vm._l((item.dataList),function(dataItem,dataIndex){return _c('li',{key:dataIndex,staticClass:\"data-list-item\",on:{\"click\":function($event){return _vm.clickDate(dataItem, index)}}},[_c('div',{staticClass:\"data-list-left\"},[_c('div',{staticClass:\"disc\"}),_c('div',{staticClass:\"data-title\"},[_vm._v(\" \"+_vm._s(dataItem.title)+\" \")])]),_c('div',{staticClass:\"data-list-right\"},[_c('img',{attrs:{\"src\":require('@/assets/icon/right-arrow.png'),\"alt\":\"\"}})])])}),0)])}),0)])]),_c('div',{staticClass:\"appointment-demonstration\"},[_c('h4',{staticClass:\"appointment-demonstration-title\"},[_vm._v(\"了解更多有关华跃产品与服务信息\")]),_c('h5',{staticClass:\"appointment-demonstration-subtitle\"},[_vm._v(\"您还可以预约我们的产品演示\")]),_c('div',{staticClass:\"appointment-demonstration-btn\",on:{\"click\":_vm.openBealter}},[_c('img',{attrs:{\"src\":require('@/assets/home/appointment-demonstration1.png'),\"alt\":\"\"}}),_c('span',[_vm._v(\"预约产品显示\")])])])]),_c('RightFixedgt'),_c('FootWrap'),_c('AltProduct',{ref:\"altProduct\"}),_c('ast',{ref:\"ast\"})],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"title-subtitle\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"产品价值分析\")]),_c('div',{staticClass:\"subtitle\"},[_vm._v(\"智能排班，简化日常工作流程，提升管理效率\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"working-hours\">\n    <AppBar />\n    <div class=\"page-content\">\n      <div class=\"working-hours-canvas\">\n        <div class=\"working-hours-background\">\n          <img :src=\"top.imgBack\" alt=\"\" />\n        </div>\n        <div class=\"por-container\">\n          <div class=\"solution-info\">\n            <div class=\"solution-info-title\">{{ top.title }}</div>\n            <div class=\"solution-info-content\" v-html=\"top.content\">\n              <!-- 利用在线招聘流程，帮助企业实现智能、便捷的招聘模式，\n              建立企业自己的人才储备机制 -->\n            </div>\n            <div class=\"solution-btn\" @click=\"openBealter\">预约演示</div>\n          </div>\n        </div>\n      </div>\n      <div ref=\"nav\" class=\"working-hours-nav\">\n        <div ref=\"navTabs\" class=\"working-hours-nav-tabs\" :style=\"{width: navWidth+'%', height: navHeight+'px'}\">\n          <div\n            v-for=\"(item, index) in navList\"\n            :key=\"index\"\n            :class=\"['working-hours-nav-item', topNaviId === item.id ? 'top-nav-item' : '']\"\n            @click=\"goAnchor(item)\"\n          >\n            {{ item.title }}\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"product-value\" class=\"product-value\">\n          <div class=\"title-subtitle\">\n            <div class=\"title\">产品价值分析</div>\n            <div class=\"subtitle\">智能排班，简化日常工作流程，提升管理效率</div>\n          </div>\n          <div class=\"value-list\">\n            <div\n              v-for=\"(item, index) in valueList\"\n              :key=\"index\"\n              class=\"value-list-item\"\n            >\n              <div class=\"value-list-item-card-wrap\">\n                <div class=\"value-list-item-card\" @mouseenter=\"onMouseenter(index)\" @mouseleave=\"onMouseleve\">\n                  <div class=\"list-item-icon-wrap\">\n                    <img\n                      v-if=\"valueIndex !== index\"\n                      :src=\"item.icon\"\n                      alt=\"\"\n                      class=\"list-item-icon\"\n                    />\n                    <img\n                      v-else\n                      :src=\"item.iconChange\"\n                      alt=\"\"\n                      class=\"list-item-icon\"\n                    />\n                  </div>\n                  <div class=\"list-item-title\">\n                    {{ item.title }}\n                  </div>\n                  <div class=\"list-item-des\">\n                    {{ item.describe }}\n                  </div>\n                </div>\n                <!-- <img :src=\"item.icon\" alt=\"\" /> -->\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"architecture\" class=\"architecture\">\n          <div class=\"title\">系统流程图</div>\n          <div class=\"architecture-content\">\n            <img :src=\"architecture\" alt=\"\" />\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"introduction\" class=\"introduction\">\n          <div class=\"title\">系统功能介绍</div>\n          <div class=\"introduction-tag\">\n            <div v-for=\"(item, index) in introductionTagList\" :key=\"index\" class=\"introduction-tag\">\n              <div class=\"introduction-tag-item\" :class=\"{'introduction-tag-item-active': item.index === introductionTagActiveIndex}\" @click=\"changeIntroduction(index)\">\n                <div>\n                  <img :src=\"item.url\" alt=\"\" />\n                </div>\n                <div class=\"item-text\">{{ item.title }}</div>\n              </div>\n              <!-- <div v-show=\"index < 3\" class=\"introduction-tag-arrow\">\n                <img :src=\"require('@/assets/home/demand-customization7.png')\" alt=\"\" />\n              </div> -->\n            </div>\n          </div>\n          <!-- v-for=\"(item, index) in introductionList\" -->\n          <transition name=\"introduction-fade\" mode=\"out-in\">\n            <div v-if=\"introductionList.length != 0\" :key=\"introductionTagActiveIndex\" class=\"introduction-content\">\n              <div class=\"introduction-content-left\" v-html=\"introductionList[introductionTagActiveIndex].img\">\n                <!-- <img :src=\"introductionList[introductionTagActiveIndex].img\" alt=\"\" /> -->\n              </div>\n              <div class=\"introduction-content-right\">\n                <div class=\"introduction-content-right-title\">{{ introductionList[introductionTagActiveIndex].title }}</div>\n                <div class=\"introduction-content-right-describe\">{{ introductionList[introductionTagActiveIndex].subtitle }}</div>\n                <div v-for=\"(item, index) in introductionList[introductionTagActiveIndex].ContentList\" :key=\"index\" class=\"introduction-panel\">\n                  <img :src=\"require('@/assets/staffmanage/icon/liIcon.png')\" alt=\"\" />\n                  <div class=\"introduction-panel-text\">{{ item }}</div>\n                </div>\n              </div>\n            </div>\n          </transition>\n        </div>\n      </div>\n      <div style=\"padding-top: 60px;\">\n        <div style=\"background-color: #f7f9fc;\">\n          <div ref=\"data-security\" class=\"data-security\">\n            <div class=\"title\">数据安全</div>\n            <div class=\"data-security-content\">\n              <div v-for=\"(item, index) in dataSecurityList\" :key=\"index\" class=\"data-security-list-item\">\n                <img :src=\"item.icon\" alt=\"\" class=\"list-item-icon\" />\n                <div class=\"list-item-title\">\n                  {{ item.title }}\n                </div>\n                <div class=\"data-security-text\">\n                  <div v-for=\"(textItem, textIndex) in item.textList\" :key=\"textIndex\" class=\"list-text-item\">\n                    <img src=\"@/assets/home/content-tip.png\" alt=\"\" class=\"icon\" />\n                    <div class=\"text\">{{ textItem }}</div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"customer-stories\">\n          <div style=\"width: 100%; height: 60px; background-color: #f7f9fc;\"></div>\n          <div class=\"customer-stories\">\n            <div class=\"customer-stories-content\">\n              <div class=\"title\">中大型企业的共同选择</div>\n              <div class=\"customer-stories-list\">\n                <div v-for=\"(item, index) in enterpriseList\" :key=\"index\" class=\"cystiner-stirues-item\">\n                  <img :src=\"item\" alt=\"\" />\n                </div>\n              </div>\n              <div class=\"customer-stories-btn\" @click=\"moreEnterprise\">\n                <div class=\"btn-text\">\n                  查看更多案例\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"data-download\" class=\"data-download\">\n          <div class=\"title\">行业资料</div>\n          <div class=\"data-download-content\">\n            <div v-for=\"(item, index) in dataDownloadList\" :key=\"index\" class=\"data-download-content-item\">\n              <div class=\"dataListTitle\">{{ item.title }}</div>\n              <ul class=\"data-list\">\n                <li\n                  v-for=\"(dataItem, dataIndex) in item.dataList\"\n                  :key=\"dataIndex\"\n                  class=\"data-list-item\"\n                  @click=\"clickDate(dataItem, index)\"\n                >\n                  <div class=\"data-list-left\">\n                    <div class=\"disc\"></div>\n                    <div class=\"data-title\">\n                      {{ dataItem.title }}\n                    </div>\n                  </div>\n                  <div class=\"data-list-right\">\n                    <img :src=\"require('@/assets/icon/right-arrow.png')\" alt=\"\" />\n                  </div>\n                </li>\n              </ul>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"appointment-demonstration\">\n        <h4 class=\"appointment-demonstration-title\">了解更多有关华跃产品与服务信息</h4>\n        <h5 class=\"appointment-demonstration-subtitle\">您还可以预约我们的产品演示</h5>\n        <div class=\"appointment-demonstration-btn\" @click=\"openBealter\">\n          <img :src=\"require('@/assets/home/appointment-demonstration1.png')\" alt=\"\" />\n          <span>预约产品显示</span>\n        </div>\n      </div>\n    </div>\n    <RightFixedgt />\n    <FootWrap />\n    <AltProduct ref=\"altProduct\" />\n    <ast ref=\"ast\" />\n  </div>\n</template>\n\n<script>\nimport { getColumnChild, getColumnDetail } from '@/api/column';\nimport { getContentList, getContentDetail, download } from '@/api/content';\n// import value1 from '@/assets/workinghours/icon/value1.png';\n// import value1Change from '@/assets/workinghours/icon/value1-change.png';\n// import value2 from '@/assets/workinghours/icon/value2.png';\n// import value2Change from '@/assets/workinghours/icon/value2-change.png';\n// import value3 from '@/assets/workinghours/icon/value3.png';\n// import value3Change from '@/assets/workinghours/icon/value3-change.png';\n// import value4 from '@/assets/workinghours/icon/value4.png';\n// import value4Change from '@/assets/workinghours/icon/value4-change.png';\n// import stories1 from '@/assets/staffmanage/stories1.png';\n// import stories2 from '@/assets/staffmanage/stories2.png';\n// import stories3 from '@/assets/staffmanage/stories3.png';\n// import stories4 from '@/assets/staffmanage/stories4.png';\n// import stories5 from '@/assets/staffmanage/stories5.png';\n// import stories6 from '@/assets/staffmanage/stories6.png';\n// import stories7 from '@/assets/staffmanage/stories7.png';\nexport default {\n  name: 'WorkingHours',\n  data () {\n    return {\n      top: {\n        title: '',\n        content: '',\n        imgBack: require('@/assets/workinghours/canvas.png'),\n      },\n      navWidth: 80,\n      navHeight: 60,\n      offsetTop: 0,\n      scrollTop: 0,\n      position: 0,\n      valueIndex: null,\n      topNaviId: null,\n      navList: [\n        {\n          title: '产品价值',\n          id: 'product-value',\n        },\n        {\n          title: '系统架构',\n          id: 'architecture',\n        },\n        {\n          title: '功能介绍',\n          id: 'introduction',\n        },\n        {\n          title: '数据安全',\n          id: 'data-security',\n        },\n        {\n          title: '客户案例',\n          id: 'customer-stories',\n        },\n        {\n          title: '资料下载',\n          id: 'data-download',\n        },\n      ],\n      valueList: [\n        // {\n        //   icon: value1,\n        //   iconChange: value1Change,\n        //   title: '简化日常操作',\n        //   describe: '独特的智能排班，帮助企业实现一次性排班设置，满足集团化企业各个分部的独立规则设置，实现分公司数据统一监管，独立运营的模式。',\n        // },\n        // {\n        //   icon: value2,\n        //   iconChange: value2Change,\n        //   title: '',\n        //   describe: '',\n        // },\n        // {\n        //   icon: value3,\n        //   iconChange: value3Change,\n        //   title: '简化管理模式',\n        //   describe: '',\n        // },\n        // {\n        //   icon: value4,\n        //   iconChange: value4Change,\n        //   title: '',\n        //   describe: '',\n        // },\n      ],\n      architecture: '',\n      introductionTagList: [\n        // {\n        //   title: '智能排班',\n        //   url: require('@/assets/workinghours/introduction-icon1.png'),\n        //   index: 0,\n        // },\n        // {\n        //   title: '工时管控',\n        //   url: require('@/assets/workinghours/introduction-icon2.png'),\n        //   index: 1,\n        // },\n        // {\n        //   title: '综合假期',\n        //   url: require('@/assets/workinghours/introduction-icon3.png'),\n        //   index: 2,\n        // },\n        // {\n        //   title: '企业日历',\n        //   url: require('@/assets/workinghours/introduction-icon4.png'),\n        //   index: 3,\n        // },\n      ],\n      introductionList: [\n        // {\n        //   img: require('@/assets/workinghours/introduction-img1.png'),\n        //   title: '智能排班',\n        //   subtitle: '日常排班反复调整，工作量大',\n        //   ContentList: [\n        //     '通过智能排班，根据员工的实际考勤情况自动排班',\n        //     '班次的多参数设置满足企业对于超时部分、夜班、倒班、跨天等情况自动识别',\n        //     '员工自助的参与，让企业非标准的部分排班也能轻松搞定',\n        //   ],\n        // },\n        // {\n        //   img: require('@/assets/workinghours/introduction-img2.png'),\n        //   title: '工时管控',\n        //   subtitle: '生产订单大，无法自动甄别超时员工',\n        //   ContentList: [\n        //     '自动统计全月工时，智能发出超时预警',\n        //     '实现全员工时动态分析，方便管理者合理安排加班',\n        //     '强制设置“七休一”制度，系统智能进行排休',\n        //   ],\n        // },\n        // {\n        //   img: require('@/assets/workinghours/introduction-img3.png'),\n        //   title: '综合假期',\n        //   subtitle: '各种假期规则，如何从根源杜绝错误',\n        //   ContentList: [\n        //     '根据企业制度将假期规则固化至系统，自动判断单据的有效与合理性',\n        //     '自定义的假期审批管理，实现线上无纸化的办公模式',\n        //     '加班调休标准化，让企业能够轻松应对淡季、旺季，降低人工成本',\n        //   ],\n        // },\n        // {\n        //   img: require('@/assets/workinghours/introduction-img4.png'),\n        //   title: '企业日历',\n        //   subtitle: '企业中各种人员，无法满足多种节假日情况',\n        //   ContentList: [\n        //     '满足集团化企业各个分支公司可以根据当地的休假要求自定义设置法定节假日',\n        //     '满足企业员工有外资人员或少数民族的各种节假日设置',\n        //     '满足企业根据员工性质不一样需要设定“单休”，“双休”等各种特殊情况',\n        //   ],\n        // },\n      ],\n      introductionTagActiveIndex: 0,\n      dataSecurityList: [\n        // {\n        //   icon: require('@/assets/staffmanage/data-security1.png'),\n        //   title: '身份认证',\n        //   textList: [\n        //     '传统用户名/密码认证',\n        //     '支持动态密码安全认证方式',\n        //     '支持USBE-key电子密钥安全认证方式(CA)',\n        //   ],\n        // },\n        // {\n        //   icon: require('@/assets/staffmanage/data-security2.png'),\n        //   title: '安全访问',\n        //   textList: [\n        //     '通过授权定义用户的数据范围',\n        //     '可以单独或分段设置能够登陆系统的终端，限制未授权机器访问系统',\n        //     '提供针对用户访问数据的操作监视和统计，根据用户身份和应用活动进行审计',\n        //   ],\n        // },\n        // {\n        //   icon: require('@/assets/staffmanage/data-security3.png'),\n        //   title: '品质保证',\n        //   textList: [\n        //     '十五年专注经营',\n        //     '3000+企业长期合作',\n        //     '大型集团化企业的首选',\n        //   ],\n        // },\n      ],\n      enterpriseList: [\n        // stories1,\n        // stories2,\n        // stories3,\n        // stories4,\n        // stories5,\n        // stories6,\n        // stories7,\n        // stories1,\n        // stories2,\n        // stories3,\n        // stories4,\n        // stories5,\n        // stories6,\n        // stories7,\n        // stories1,\n        // stories2,\n        // stories3,\n        // stories4,\n      ],\n      dataDownloadList: [\n        {\n          title: '资料下载',\n          dataList: [\n            {\n              id: 1,\n              title: '【公告】我们拥有精湛的实施工程师团队工程师团队',\n            },\n            {\n              id: 2,\n              title: '【公告】具有定制化知识与丰富经验的维丰富经验的',\n            },\n            {\n              id: 3,\n              title: '【公告】及时为客户解决在使用过程中的过程中的使',\n            },\n          ],\n        },\n        {\n          title: '产品动态',\n          dataList: [\n            {\n              id: 4,\n              title: '【公告】我们拥有精湛的实施工程师团队工程师团队',\n            },\n            {\n              id: 5,\n              title: '【公告】具有定制化知识与丰富经验的维丰富经验的',\n            },\n            {\n              id: 6,\n              title: '【公告】及时为客户解决在使用过程中的过程中的使',\n            },\n          ],\n        },\n        {\n          title: '干货推荐',\n          dataList: [\n            {\n              id: 7,\n              title: '【公告】我们拥有精湛的实施工程师团队工程师团队',\n            },\n            {\n              id: 8,\n              title: '【公告】具有定制化知识与丰富经验的维丰富经验的',\n            },\n            {\n              id: 9,\n              title: '【公告】及时为客户解决在使用过程中的过程中的使',\n            },\n          ],\n        },\n      ],\n    };\n  },\n  watch: {\n    scrollTop(newValue, oldValue) {\n      setTimeout(() => {\n        if (newValue === window.scrollY) {\n          for (var i = 0; i < this.navList.length; i++) {\n            var elementTop = this.$refs[`${this.navList[i].id}`].offsetTop - this.scrollTop - 1;\n            if (elementTop <= 70) {\n              this.topNaviId = this.navList[i].id;\n            }\n          }\n        }\n      }, 20);\n    },\n  },\n  mounted () {\n    window.addEventListener('scroll', this.handleScroll);\n    this.$nextTick(() => {\n      const nav = this.$refs.nav;\n      this.offsetTop = nav.offsetTop;\n    });\n    this.getPageColumn();\n    this.getPartner();\n  },\n  beforeDestroy () {\n    window.removeEventListener('scroll', this.handleScroll);\n  },\n  methods: {\n    handleScroll() {\n      var offsetHeight = this.$refs.navTabs.offsetHeight;\n      this.scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;\n      var headerFixed = this.scrollTop > this.offsetTop - offsetHeight / 2 - 70;\n      var scroll = this.scrollTop - this.position;\n      this.position = this.scrollTop;\n      if (this.scrollTop <= 400) {\n        this.navHeight = 52;\n        this.navWidth = 80;\n        this.$refs.nav.style.position = 'relative';\n        this.$refs.nav.style.top = '0px';\n        this.topNaviId = null;\n      } else if (this.scrollTop >= 400 && !headerFixed) {\n        this.navHeight += 0.04 * scroll;\n        this.navWidth += 0.12 * scroll;\n        this.$refs.navTabs.style.top = -(offsetHeight / 2) + 'px';\n        this.$refs.nav.style.position = 'relative';\n        this.$refs.nav.style.top = '0px';\n        this.topNaviId = null;\n      } else if (headerFixed) {\n        this.navHeight = 60;\n        this.navWidth = 100;\n        this.$refs.navTabs.style.top = -(offsetHeight / 2) + 'px';\n        this.$refs.nav.style.position = 'fixed';\n        this.$refs.nav.style.top = offsetHeight / 2 + 70 + 'px';\n      }\n    },\n    goAnchor(i) {\n      // var id = '#' + i.id;\n      // document.querySelector(id).scrollIntoView({\n      //   behavior: 'smooth',\n      //   block: 'start',\n      // });\n      window.scrollTo({\n        top: this.$refs[`${i.id}`].offsetTop - 70,\n        left: 0,\n        behavior: 'smooth',\n      });\n    },\n\n    async getPageColumn() {\n      const params = { parentId: '1605835289023176704', };\n      const { result, } = await getColumnChild(params);\n      for (var i = 0; i < result.length; i++) {\n        if (result[i].name === '产品价值') {\n          const data = { columnId: result[i].id, pageNum: 1, pageSize: 10, };\n          getContentList(data).then((rrs) => {\n            const rrsult = rrs.result;\n            for (var j = 0; j < rrsult.data.length; j++) {\n              const valueItem = {\n                icon: rrsult.data[j].icon,\n                iconChange: rrsult.data[j].logo,\n                title: rrsult.data[j].title,\n                describe: rrsult.data[j].description,\n              };\n              this.valueList.push(valueItem);\n            }\n          });\n        } else if (result[i].name === '系统架构') {\n          getColumnDetail(result[i].id).then((rrs) => {\n            // const doc = new DOMParser().parseFromString(rrs.result.elements[0].content, 'text/html');\n            this.architecture = rrs.result.icon;\n          });\n        } else if (result[i].name === '功能介绍') {\n          const data = { columnId: result[i].id, pageNum: 1, pageSize: 10, };\n          getContentList(data).then(async (rrs) => {\n            const rrsult = rrs.result;\n            for (var j = 0; j < rrsult.data.length; j++) {\n              this.introductionTagList.push({\n                title: rrsult.data[j].title,\n                url: rrsult.data[j].icon,\n                index: j,\n              });\n              const rts = await getContentDetail(rrsult.data[j].id);\n              const rtsult = rts.result;\n              const doc = new DOMParser().parseFromString(rtsult.defaultContent, 'text/html');\n              const introduction = {\n                img: doc.documentElement.textContent.replace(/&nbsp;/g, ' '),\n                title: rtsult.title,\n                describe: rtsult.description,\n                ContentList: [],\n              };\n              for (var x = 0; x < rtsult.elements.length; x++) {\n                introduction.ContentList.push(rtsult.elements[x].content);\n              }\n              this.introductionList.push(introduction);\n            }\n          });\n        } else if (result[i].name === '数据安全') {\n          getContentList({ columnId: result[i].id, pageNum: 1, pageSize: 99, }).then((rrs) => {\n            const rrsult = rrs.result;\n            for (var j = 0; j < rrsult.data.length; j++) {\n              getContentDetail(rrsult.data[j].id).then((rts) => {\n                const rtsult = rts.result;\n                var dataSecurityItem = {\n                  icon: rtsult.icon,\n                  title: rtsult.title,\n                  textList: [],\n                };\n                for (var x = 0; x < rtsult.elements.length; x++) {\n                  dataSecurityItem.textList.push(rtsult.elements[x].content);\n                }\n                this.dataSecurityList.push(dataSecurityItem);\n              });\n            }\n          });\n        } else if (result[i].name === '顶部图') {\n          getColumnDetail(result[i].id).then((rrs) => {\n            const rrsult = rrs.result;\n            var content = rrsult.elements.find(obj => obj.name === 'content').content;\n            var contentdoc = new DOMParser().parseFromString(content, 'text/html');\n            this.top.title = rrsult.elements.find(obj => obj.name === 'subtitle').content;\n            this.top.content = contentdoc.documentElement.textContent.replace(/&nbsp;/g, ' ');\n            // this.top = {\n            //   imgBack: rrsult.icon,\n            // };\n          });\n        }\n      }\n      const downLoadParams = { columnId: '1605494229646401536', pageNum: 1, pageSize: 4, commendation: 10, cascade: true, };\n      getContentList(downLoadParams).then(async (res) => {\n        const { result, } = res;\n        this.dataDownloadList[0].dataList = result.data;\n      });\n      const contentParams = { columnId: '1605774350588534784', pageNum: 1, pageSize: 4, commendation: 10, };\n      getContentList(contentParams).then(async (res) => {\n        const { result, } = res;\n        this.dataDownloadList[1].dataList = result.data;\n      });\n      const industryParams = { columnId: '1605774444985540608', pageNum: 1, pageSize: 4, commendation: 10, };\n      getContentList(industryParams).then(async (res) => {\n        const { result, } = res;\n        this.dataDownloadList[2].dataList = result.data;\n      });\n    },\n\n    // 合作伙伴列表\n    getPartner() {\n      var params = { columnId: '1605405080163672064', pageNum: 1, pageSize: 18, commendation: 16, cascade: true, };\n      getContentList(params).then((res) => {\n        const { result, } = res;\n        for (var i = 0; i < result.data.length; i++) {\n          this.enterpriseList.push(result.data[i].logo);\n        }\n      });\n    },\n\n    clickDate(data, index) {\n      if (index === 0) {\n        getContentDetail(data.id).then((res) => {\n          const { result, } = res;\n          var file = result.elements.find(obj => obj.name === 'file').content;\n          download(file[0].url).then((rrs) => {\n            const fileName = file[0].name;\n            const blob = new Blob([ rrs.data, ]);\n            if (typeof window.navigator.msSaveBlob !== 'undefined') {\n              // 兼容window.navigator.msSaveBlob：以本地方式保存文件\n              window.navigator.msSaveBlob(blob, decodeURI(fileName));\n            } else {\n              // 创建新的URL并指向File对象或者Blob对象的地址\n              const blobURL = window.URL.createObjectURL(blob);\n              // 创建a标签，用于跳转至下载链接\n              const tempLink = document.createElement('a');\n              tempLink.style.display = 'block';\n              tempLink.href = blobURL;\n              tempLink.setAttribute('download', decodeURI(fileName));\n              // 兼容：某些浏览器不支持HTML5的download属性\n              if (typeof tempLink.download === 'undefined') {\n                tempLink.setAttribute('target', '_blank');\n              }\n              // 挂载a标签\n              document.body.appendChild(tempLink);\n              tempLink.click();\n              document.body.removeChild(tempLink);\n              // 释放blob URL地址\n              window.URL.revokeObjectURL(blobURL);\n            }\n          });\n        });\n      } else if (index === 1) {\n        this.$router.push({ path: `/news/details/${data.id}`, query: { type: 1, }, });\n      } else if (index === 2) {\n        this.$router.push({ path: `/news/details/${data.id}`, query: { type: 2, }, });\n      }\n    },\n\n    onMouseenter(i) {\n      this.valueIndex = i;\n    },\n    onMouseleve() {\n      this.valueIndex = null;\n    },\n    changeIntroduction (index) {\n      this.introductionTagActiveIndex = index;\n    },\n    moreEnterprise () {\n      this.$router.push({ name: 'CustomerCase', });\n    },\n    openBealter () {\n      this.$refs.altProduct.tobealter();\n    },\n    openBealter2() {\n       this.$refs.ast.drawer  = true\n    },\n  },\n};\n</script>\n\n<style>\n:root{\n  --minwidth: 1200px\n}\n</style>\n<style lang=\"less\" scoped>\n.working-hours{\n  background-color: #fff;\n  .page-content {\n    width: 100%;\n    // padding-top: 70px;\n    .working-hours-canvas{\n      width: 100%;\n      height: fit-content;\n      min-width: var(--minwidth);\n      position: relative;\n      background-size: cover;\n      overflow: hidden;\n      .working-hours-background{\n        position: absolute;\n        left: 0;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        background-position: top;\n        background-size: cover;\n        background-repeat: no-repeat;\n        // width: 100%;\n        // height: 560px;\n        // display: flex;\n        // justify-content: center;\n        // align-items: center;\n        // object-fit: cover;\n        img{\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n          object-position: center top;\n        }\n      }\n      .por-container {\n          width: 85%;\n          max-width: 1200px;\n          margin: 0 auto;\n          position: relative;\n          .solution-info {\n            width: 540px;\n            height: 560px;\n            display: flex;\n            justify-content: center;\n            flex-direction: column;\n            box-sizing: border-box;\n            .solution-info-title {\n              font-size: 45px;\n              font-weight: bold;\n              line-height: 55px;\n              color: #181818;\n              margin-bottom: 30px;\n            }\n            .solution-info-content {\n              font-size: 20px;\n              line-height: 32px;\n              color: #7b7b7b;\n              margin-bottom: 44px;\n            }\n            .solution-btn {\n              width: 142px;\n              height: 48px;\n              background-color: #00b0dc;\n              color: #fff;\n              text-align: center;\n              line-height: 48px;\n              cursor: pointer;\n              border-radius: 24px;\n            }\n          }\n        }\n    }\n    .working-hours-nav{\n      width: 100%;\n      display: flex;\n      position: relative;\n      justify-content: center;\n      z-index: 50;\n      .working-hours-nav-tabs{\n        margin: 0 auto;\n        box-shadow: 0px 2px 8px 0px rgba(139, 139, 139, 0.18);\n        border-radius: 2px;\n        background-color: #fff;\n        display: flex;\n        position: absolute;\n        top: -26px;\n        .working-hours-nav-item{\n          flex: 1;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          color: #181818;\n          font-size: 14px;\n          cursor: pointer;\n        }\n        .working-hours-nav-item:hover{\n          color: #00b0dc;\n        }\n        .top-nav-item {\n          color: #ffffff;\n          background-color: #00b0dc;\n        }\n        .top-nav-item:hover {\n          color: #fff;\n        }\n      }\n    }\n    .product-value{\n      width: 80%;\n      min-width: var(--minwidth);\n      padding-top: 116px;\n      margin: 0 auto;\n      background-color: #fff;\n      box-sizing: border-box;\n      .title-subtitle{\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-direction: column;\n        margin-bottom: 64px;\n        .title{\n          font-size: 32px;\n          color: #181818;\n          line-height: 1;\n        }\n        .subtitle{\n          font-size: 16px;\n          color: #7b7b7b;\n          margin-top: 23px;\n          line-height: 1;\n        }\n      }\n      .value-list{\n        width: 1200px;\n        display: flex;\n        align-items: center;\n        margin: 0 auto;\n        .value-list-item{\n          flex: 1;\n          height: 322px;\n          .value-list-item-card-wrap{\n            display: flex;\n            align-items: center;\n            height: 100%;\n            width: 100%;\n            .value-list-item-card{\n              width: 100%;\n              height: 250px;\n              background-color: #f5f5f5;\n              color: #181818;\n              width: 100%;\n              transition: all .3s ease-in-out;\n              padding: 50px 33px 48px 30px;\n              box-sizing: border-box;\n              display: flex;\n              flex-direction: column;\n              align-items: flex-start;\n              .list-item-icon-wrap{\n                width: 100%;\n                height: 24px;\n                display: flex;\n                justify-content: flex-start;\n                align-items: center;\n                .list-item-icon{\n                  width: auto;\n                  height: 24px;\n                  opacity: 1;\n                  display: block;\n                }\n              }\n              .list-item-title{\n                padding: 19px 0;\n                font-weight: 500;\n                font-size: 18px;\n                line-height: 1;\n              }\n              .list-item-des{\n                width: 100%;\n                flex: 1;\n                color: #757575;\n                font-size: 14px;\n                margin-bottom: 15px;\n                overflow: hidden;\n                display: -webkit-box;\n                -webkit-line-clamp: 3;\n                -webkit-box-orient: vertical;\n                text-overflow: ellipsis;\n                transition: all .3s ease-in-out;\n              }\n            }\n            .value-list-item-card:hover{\n              height: 100%;\n              // background: url('@/assets/staffmanage/value-background.png') no-repeat;\n              background-color: #00b0dc;\n              background-size: cover;\n              color: #fff;\n              box-shadow: 0px 4px 15px 1px rgba(158, 157, 157, 0.59);\n              .list-item-des{\n                color: #fff;\n                display: block;\n              }\n            }\n          }\n        }\n      }\n    }\n    .architecture{\n      width: 1200px;\n      padding-top: 119px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      .title{\n        font-size: 32px;\n        color: #181818;\n        line-height: 1;\n        margin-bottom: 70px;\n      }\n      .architecture-content{\n        width: 100%;\n        img{\n          width: 100%;\n        }\n      }\n    }\n    .introduction{\n      width: 1200px;\n      // min-width: var(--minwidth);\n      padding-top: 109px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      .title{\n        font-size: 32px;\n        color: #181818;\n        line-height: 1;\n        padding-bottom: 70px;\n        box-sizing: border-box;\n      }\n      .introduction-tag{\n        height: 155px;\n        display: flex;\n        justify-content: center;\n        align-items: flex-end;\n        .introduction-tag-item{\n          height: 100%;\n          text-align: center;\n          margin: 0 25px;\n          cursor: pointer;\n          display: flex;\n          flex-direction: column;\n          justify-content: space-between;\n          color: #6d6e6f;\n          position: relative;\n          img{\n            display: flex;\n          }\n          .item-text{\n            width: 100%;\n            line-height: 1;\n            position: absolute;\n            bottom: 0;\n            display: flex;\n            justify-content: center;\n          }\n          &:hover{\n            color: #00b0dc;\n            img{\n              transform: scale(1.1);\n            }\n          }\n        }\n        .introduction-tag-item-active{\n          color: #00b0dc;\n        }\n        .introduction-tag-arrow{\n          img{\n            margin-bottom: 75px;\n            display: flex;\n          }\n        }\n      }\n      // .introduction-tag:nth-child(1){\n      //   .introduction-tag-item{\n      //     img{\n      //       transform: translateY(4px);\n      //     }\n      //     &:hover{\n      //       img{\n      //         transform: translateY(4px) scale(1.1);\n      //       }\n      //     }\n      //   }\n      // }\n      // .introduction-tag:nth-child(2){\n      //   .introduction-tag-item{\n      //     img{\n      //       transform: translateY(5px);\n      //     }\n      //     &:hover{\n      //       img{\n      //         transform: translateY(5px) scale(1.1);\n      //       }\n      //     }\n      //   }\n      // }\n      // .introduction-tag:nth-child(3){\n      //   .introduction-tag-item{\n      //     img{\n      //       transform: translateY(13px);\n      //     }\n      //     &:hover{\n      //       img{\n      //         transform: translateY(13px) scale(1.1);\n      //       }\n      //     }\n      //   }\n      // }\n      // .introduction-tag:nth-child(4){\n      //   .introduction-tag-item{\n      //     img{\n      //       transform: translateY(4px);\n      //     }\n      //     &:hover{\n      //       img{\n      //         transform: translateY(4px) scale(1.1);\n      //       }\n      //     }\n      //   }\n      // }\n      .introduction-content{\n        display: flex;\n        justify-content: space-between;\n        margin-top: 80px;\n        width: 100%;\n        height: 425px;\n        .introduction-content-left{\n          height: 100%;\n          img{\n            width: auto;\n            height: 100%;\n          }\n        }\n        .introduction-content-right{\n          display: flex;\n          flex-direction: column;\n          justify-content: flex-start;\n          align-items: flex-start;\n          padding-top: 85px;\n          .introduction-content-right-title{\n            font-size: 28px;\n            font-weight: 500;\n            color: #181818;\n            line-height: 1;\n            margin-bottom: 15px;\n          }\n          .introduction-content-right-describe{\n            font-size: 16px;\n            color: #7b7b7b;\n            line-height: 1;\n            margin-bottom: 46px;\n          }\n          .introduction-panel{\n            display: flex;\n            justify-content: flex-start;\n            align-items: flex-start;\n            margin-bottom: 36px;\n            img{\n              width: 24px;\n              height: auto;\n              margin-top: 3px;\n            }\n            .introduction-panel-text{\n              width: 385px;\n              font-size: 16px;\n              color: #181818;\n              margin-left: 8px;\n            }\n          }\n        }\n      }\n    }\n    .introduction-fade-enter-active {\n      animation: bounce-in 1.3s;\n    }\n    .introduction-fade-leave-active {\n      animation: bounce-in .5s reverse;\n    }\n    @keyframes bounce-in {\n      0% {\n        opacity: 0;\n      }\n      100% {\n        opacity: 1;\n      }\n    }\n    .data-security{\n      width: 1200px;\n      // min-width: var(--minwidth);\n      padding-top: 70px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      .title{\n        font-size: 32px;\n        color: #181818;\n      }\n      .data-security-content{\n        width: 100%;\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        margin-top: 70px;\n        .data-security-list-item{\n          width: 318px;\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: flex-start;\n          .list-item-icon{\n            width: auto;\n            height: 117px;\n            margin-bottom: 7px;\n          }\n          .list-item-title{\n            font-size: 18px;\n            color: #181818;\n            font-weight: 500;\n            margin-bottom: 35px;\n          }\n          .data-security-text{\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            align-items: flex-start;\n            .list-text-item{\n              display: flex;\n              justify-content: flex-start;\n              align-items: flex-start;\n              margin-bottom: 32px;\n              .icon{\n                margin-top: 3px;\n              }\n              .text{\n                font-size: 16px;\n                color: #181818;\n                margin-left: 16px;\n              }\n            }\n          }\n        }\n      }\n    }\n    .customer-stories{\n      display: flex;\n      flex-direction: column;\n      background: url('@/assets/staffmanage/customer-back.png') center;\n      background-size: cover;\n      height: 561px;\n      padding: 69px 0 60px;\n      box-sizing: border-box;\n      .customer-stories-content{\n        width: 1200px;\n        // min-width: var(--minwidth);\n        margin: 0 auto;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        .title{\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          font-size: 32px;\n          font-weight: 500;\n          color: #181818;\n          margin-bottom: 70px;\n        }\n        .customer-stories-list{\n          width: 100%;\n          display: flex;\n          flex-wrap: wrap;\n          justify-content: flex-start;\n          .cystiner-stirues-item{\n            width: calc(16.666% - 20px);\n            height: 70px;\n            margin: 10px;\n            background-color: #fff;\n            display: flex;\n            box-sizing: border-box;\n            justify-content: center;\n            align-items: center;\n            padding: 10px;\n            img{\n              width: 100%;\n              height: 100%;\n              object-fit: contain;\n              display: block;\n            }\n          }\n        }\n        .customer-stories-btn{\n          width: 155px;\n          height: 50px;\n          background-color: #00b0dc;\n          border-radius: 25px;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          margin-top: 20px;\n          cursor: pointer;\n          .btn-text{\n            font-size: 15px;\n            color: #ffffff;\n          }\n          &:hover{\n            transform: scale(1.1);\n            transition: all  0.5s;\n          }\n        }\n      }\n    }\n    .data-download{\n      width: 70%;\n      min-width: 1209px;\n      padding-top: 70px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      padding-bottom: 100px;\n      .title{\n        font-size: 32px;\n        color: #181818;\n      }\n      .data-download-content{\n        display: flex;\n        margin: 70px auto 0;\n        .data-download-content-item{\n          width: 386px;\n          height: 250px;\n          margin-right: 21px;\n          padding: 31px 32px 0 28px;\n          background: url('@/assets/staffmanage/download-back.png') center;\n          background-size: cover;\n          box-sizing: border-box;\n          .dataListTitle{\n            font-size: 18px;\n            color: #181818;\n            line-height: 1;\n            margin-bottom: 14px;\n          }\n          .data-list{\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            .data-list-item{\n              width: 100%;\n              display: flex;\n              justify-content: space-between;\n              margin-top: 14px;\n              box-sizing: border-box;\n              list-style:disc;\n              .data-list-left{\n                display: flex;\n                align-items: center;\n                justify-content: flex-start;\n                .disc{\n                  width: 4px;\n                  height: 4px;\n                  border-radius: 50%;\n                  background-color: #000;\n                }\n                .data-title{\n                  width: 254px;\n                  overflow: hidden;\n                  white-space: nowrap;\n                  text-overflow: ellipsis;\n                  font-size: 14px;\n                  color: #181818;\n                  cursor: pointer;\n                  position: relative;\n                  margin-left: 20px;\n                }\n              }\n              .data-list-right{\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                img{\n                  width: auto;\n                  height: 10px;\n                  display: block;\n                }\n                display: none;\n              }\n            }\n            .data-list-item:hover{\n              .data-list-left{\n                .disc{\n                  background-color: #00b0dc;\n                }\n                .data-title{\n                  color: #00b0dc;\n                }\n              }\n              .data-list-right{\n                display: block;\n              }\n            }\n          }\n        }\n        .data-download-content-item:last-child{\n          margin-right: 0;\n        }\n      }\n    }\n    .appointment-demonstration{\n      width: 100%;\n      min-width: var(--minwidth);\n      height: 188px;\n      background-image: url('@/assets/home/appointment-demonstration.png');\n      background-repeat: no-repeat;\n      background-size: cover;\n      text-align: center;\n      color: #fff;\n      padding: 22px;\n      box-sizing: border-box;\n      .appointment-demonstration-title{\n        font-size: 26px;\n        color: #fff;\n        margin-bottom: 20px;\n      }\n      .appointment-demonstration-subtitle{\n        font-size: 16px;\n        font-weight: 400;\n        color: #fff;\n        margin-bottom: 25px;\n      }\n      .appointment-demonstration-btn{\n        width: 220px;\n        height: 46px;\n        text-align: center;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin: auto;\n        background: #00b0dc;\n        border-radius: 30px;\n        cursor: pointer;\n        img{\n          width: 18px;\n          height: 22px;\n          vertical-align: middle;\n          margin-right: 10px\n        }\n        transition: all 0.5s;\n        &:hover{\n          transform: scale(1.1);\n          transition: all  0.5s;\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./working-hours.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./working-hours.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./working-hours.vue?vue&type=template&id=cc1ad5ae&scoped=true&\"\nimport script from \"./working-hours.vue?vue&type=script&lang=js&\"\nexport * from \"./working-hours.vue?vue&type=script&lang=js&\"\nimport style0 from \"./working-hours.vue?vue&type=style&index=0&id=cc1ad5ae&prod&lang=css&\"\nimport style1 from \"./working-hours.vue?vue&type=style&index=1&id=cc1ad5ae&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"cc1ad5ae\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"pay-welfare\"},[_c('AppBar'),_c('div',{staticClass:\"page-content\"},[_c('div',{staticClass:\"pay-welfare-canvas\"},[_c('div',{staticClass:\"pay-welfare-background\"},[_c('img',{attrs:{\"src\":_vm.top.imgBack,\"alt\":\"\"}})]),_c('div',{staticClass:\"por-container\"},[_c('div',{staticClass:\"solution-info\"},[_c('div',{staticClass:\"solution-info-title\"},[_vm._v(_vm._s(_vm.top.title))]),_c('div',{staticClass:\"solution-info-content\",domProps:{\"innerHTML\":_vm._s(_vm.top.content)}}),_c('div',{staticClass:\"solution-btn\",on:{\"click\":_vm.openBealter}},[_vm._v(\"预约演示\")])])])]),_c('div',{ref:\"nav\",staticClass:\"pay-welfare-nav\"},[_c('div',{ref:\"navTabs\",staticClass:\"pay-welfare-nav-tabs\",style:({width: _vm.navWidth+'%', height: _vm.navHeight+'px'})},_vm._l((_vm.navList),function(item,index){return _c('div',{key:index,class:['pay-welfare-nav-item', _vm.topNaviId === item.id ? 'top-nav-item' : ''],on:{\"click\":function($event){return _vm.goAnchor(item)}}},[_vm._v(\" \"+_vm._s(item.title)+\" \")])}),0)]),_c('div',[_c('div',{ref:\"product-value\",staticClass:\"product-value\"},[_vm._m(0),_c('div',{staticClass:\"value-list\"},_vm._l((_vm.valueList),function(item,index){return _c('div',{key:index,staticClass:\"value-list-item\"},[_c('div',{staticClass:\"value-list-item-card-wrap\"},[_c('div',{staticClass:\"value-list-item-card\",on:{\"mouseenter\":function($event){return _vm.onMouseenter(index)},\"mouseleave\":_vm.onMouseleve}},[_c('div',{staticClass:\"list-item-icon-wrap\"},[(_vm.valueIndex !== index)?_c('img',{staticClass:\"list-item-icon\",attrs:{\"src\":item.icon,\"alt\":\"\"}}):_c('img',{staticClass:\"list-item-icon\",attrs:{\"src\":item.iconChange,\"alt\":\"\"}})]),_c('div',{staticClass:\"list-item-title\"},[_vm._v(\" \"+_vm._s(item.title)+\" \")]),_c('div',{staticClass:\"list-item-des\"},[_vm._v(\" \"+_vm._s(item.describe)+\" \")])])])])}),0)])]),_c('div',[_c('div',{ref:\"architecture\",staticClass:\"architecture\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"系统流程图\")]),_c('div',{staticClass:\"architecture-content\"},[_c('img',{attrs:{\"src\":_vm.architecture,\"alt\":\"\"}})])])]),_c('div',[_c('div',{ref:\"introduction\",staticClass:\"introduction\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"系统功能介绍\")]),_c('div',{staticClass:\"introduction-tag\"},_vm._l((_vm.introductionTagList),function(item,index){return _c('div',{key:index,staticClass:\"introduction-tag\"},[_c('div',{class:['introduction-tag-item', item.index == _vm.introductionTagActiveIndex ? 'introduction-tag-item-active' : ''],on:{\"click\":function($event){return _vm.changeIntroduction(index)}}},[_c('div',[_c('img',{attrs:{\"src\":item.url,\"alt\":\"\"}})]),_c('div',{staticClass:\"item-text\"},[_vm._v(_vm._s(item.title))])])])}),0),_c('transition',{attrs:{\"name\":\"introduction-fade\",\"mode\":\"out-in\"}},[(_vm.introductionList.length != 0)?_c('div',{key:_vm.introductionTagActiveIndex,staticClass:\"introduction-content\"},[_c('div',{staticClass:\"introduction-content-left\",domProps:{\"innerHTML\":_vm._s(_vm.introductionList[_vm.introductionTagActiveIndex].img)}}),_c('div',{staticClass:\"introduction-content-right\"},[_c('div',{staticClass:\"introduction-content-right-title\"},[_vm._v(_vm._s(_vm.introductionList[_vm.introductionTagActiveIndex].title))]),_c('div',{staticClass:\"introduction-content-right-describe\"},[_vm._v(_vm._s(_vm.introductionList[_vm.introductionTagActiveIndex].subtitle))]),_vm._l((_vm.introductionList[_vm.introductionTagActiveIndex].ContentList),function(item,index){return _c('div',{key:index,staticClass:\"introduction-panel\"},[_c('img',{attrs:{\"src\":require('@/assets/staffmanage/icon/liIcon.png'),\"alt\":\"\"}}),_c('div',{staticClass:\"introduction-panel-text\"},[_vm._v(_vm._s(item))])])})],2)]):_vm._e()])],1)]),_c('div',{staticStyle:{\"padding-top\":\"60px\"}},[_c('div',{staticStyle:{\"background-color\":\"#f7f9fc\"}},[_c('div',{ref:\"data-security\",staticClass:\"data-security\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"数据安全\")]),_c('div',{staticClass:\"data-security-content\"},_vm._l((_vm.dataSecurityList),function(item,index){return _c('div',{key:index,staticClass:\"data-security-list-item\"},[_c('img',{staticClass:\"list-item-icon\",attrs:{\"src\":item.icon,\"alt\":\"\"}}),_c('div',{staticClass:\"list-item-title\"},[_vm._v(\" \"+_vm._s(item.title)+\" \")]),_c('div',{staticClass:\"data-security-text\"},_vm._l((item.textList),function(textItem,textIndex){return _c('div',{key:textIndex,staticClass:\"list-text-item\"},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/home/content-tip.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"text\"},[_vm._v(_vm._s(textItem))])])}),0)])}),0)])])]),_c('div',[_c('div',{ref:\"customer-stories\"},[_c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"60px\",\"background-color\":\"#f7f9fc\"}}),_c('div',{staticClass:\"customer-stories\"},[_c('div',{staticClass:\"customer-stories-content\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"中大型企业的共同选择\")]),_c('div',{staticClass:\"customer-stories-list\"},_vm._l((_vm.enterpriseList),function(item,index){return _c('div',{key:index,staticClass:\"cystiner-stirues-item\"},[_c('img',{attrs:{\"src\":item,\"alt\":\"\"}})])}),0),_c('div',{staticClass:\"customer-stories-btn\",on:{\"click\":_vm.moreEnterprise}},[_c('div',{staticClass:\"btn-text\"},[_vm._v(\" 查看更多案例 \")])])])])])]),_c('div',[_c('div',{ref:\"data-download\",staticClass:\"data-download\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"行业资料\")]),_c('div',{staticClass:\"data-download-content\"},_vm._l((_vm.dataDownloadList),function(item,index){return _c('div',{key:index,staticClass:\"data-download-content-item\"},[_c('div',{staticClass:\"dataListTitle\"},[_vm._v(_vm._s(item.title))]),_c('ul',{staticClass:\"data-list\"},_vm._l((item.dataList),function(dataItem,dataIndex){return _c('li',{key:dataIndex,staticClass:\"data-list-item\",on:{\"click\":function($event){return _vm.clickDate(dataItem, index)}}},[_c('div',{staticClass:\"data-list-left\"},[_c('div',{staticClass:\"disc\"}),_c('div',{staticClass:\"data-title\"},[_vm._v(\" \"+_vm._s(dataItem.title)+\" \")])]),_c('div',{staticClass:\"data-list-right\"},[_c('img',{attrs:{\"src\":require('@/assets/icon/right-arrow.png'),\"alt\":\"\"}})])])}),0)])}),0)])]),_c('div',{staticClass:\"appointment-demonstration\"},[_c('h4',{staticClass:\"appointment-demonstration-title\"},[_vm._v(\"了解更多有关华跃产品与服务信息\")]),_c('h5',{staticClass:\"appointment-demonstration-subtitle\"},[_vm._v(\"您还可以预约我们的产品演示\")]),_c('div',{staticClass:\"appointment-demonstration-btn\",on:{\"click\":_vm.openBealter}},[_c('img',{attrs:{\"src\":require('@/assets/home/appointment-demonstration1.png'),\"alt\":\"\"}}),_c('span',[_vm._v(\"预约产品显示\")])])])]),_c('RightFixedgt'),_c('FootWrap'),_c('AltProduct',{ref:\"altProduct\"}),_c('ast',{ref:\"ast\"})],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"title-subtitle\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"产品价值分析\")]),_c('div',{staticClass:\"subtitle\"},[_vm._v(\"智能化的核算方式，综合数据分析，为企业战略决策作出数据支撑\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"pay-welfare\">\n    <AppBar />\n    <div class=\"page-content\">\n      <div class=\"pay-welfare-canvas\">\n        <div class=\"pay-welfare-background\">\n          <img :src=\"top.imgBack\" alt=\"\" />\n        </div>\n        <div class=\"por-container\">\n          <div class=\"solution-info\">\n            <div class=\"solution-info-title\">{{ top.title }}</div>\n            <div class=\"solution-info-content\" v-html=\"top.content\">\n              <!-- 利用在线招聘流程，帮助企业实现智能、便捷的招聘模式，\n              建立企业自己的人才储备机制 -->\n            </div>\n            <div class=\"solution-btn\" @click=\"openBealter\">预约演示</div>\n          </div>\n        </div>\n      </div>\n      <div ref=\"nav\" class=\"pay-welfare-nav\">\n        <div ref=\"navTabs\" class=\"pay-welfare-nav-tabs\" :style=\"{width: navWidth+'%', height: navHeight+'px'}\">\n          <div\n            v-for=\"(item, index) in navList\"\n            :key=\"index\"\n            :class=\"['pay-welfare-nav-item', topNaviId === item.id ? 'top-nav-item' : '']\"\n            @click=\"goAnchor(item)\"\n          >\n            {{ item.title }}\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"product-value\" class=\"product-value\">\n          <div class=\"title-subtitle\">\n            <div class=\"title\">产品价值分析</div>\n            <div class=\"subtitle\">智能化的核算方式，综合数据分析，为企业战略决策作出数据支撑</div>\n          </div>\n          <div class=\"value-list\">\n            <div\n              v-for=\"(item, index) in valueList\"\n              :key=\"index\"\n              class=\"value-list-item\"\n            >\n              <div class=\"value-list-item-card-wrap\">\n                <div class=\"value-list-item-card\" @mouseenter=\"onMouseenter(index)\" @mouseleave=\"onMouseleve\">\n                  <div class=\"list-item-icon-wrap\">\n                    <img\n                      v-if=\"valueIndex !== index\"\n                      :src=\"item.icon\"\n                      alt=\"\"\n                      class=\"list-item-icon\"\n                    />\n                    <img\n                      v-else\n                      :src=\"item.iconChange\"\n                      alt=\"\"\n                      class=\"list-item-icon\"\n                    />\n                  </div>\n                  <div class=\"list-item-title\">\n                    {{ item.title }}\n                  </div>\n                  <div class=\"list-item-des\">\n                    {{ item.describe }}\n                  </div>\n                </div>\n                <!-- <img :src=\"item.icon\" alt=\"\" /> -->\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"architecture\" class=\"architecture\">\n          <div class=\"title\">系统流程图</div>\n          <div class=\"architecture-content\">\n            <img :src=\"architecture\" alt=\"\" />\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"introduction\" class=\"introduction\">\n          <div class=\"title\">系统功能介绍</div>\n          <div class=\"introduction-tag\">\n            <div v-for=\"(item, index) in introductionTagList\" :key=\"index\" class=\"introduction-tag\">\n              <div :class=\"['introduction-tag-item', item.index == introductionTagActiveIndex ? 'introduction-tag-item-active' : '']\" @click=\"changeIntroduction(index)\">\n                <div>\n                  <img :src=\"item.url\" alt=\"\" />\n                </div>\n                <div class=\"item-text\">{{ item.title }}</div>\n              </div>\n              <!-- <div v-show=\"index < 3\" class=\"introduction-tag-arrow\">\n                <img :src=\"require('@/assets/home/demand-customization7.png')\" alt=\"\" />\n              </div> -->\n            </div>\n          </div>\n          <!-- v-for=\"(item, index) in introductionList\" -->\n          <transition name=\"introduction-fade\" mode=\"out-in\">\n            <div v-if=\"introductionList.length != 0\" :key=\"introductionTagActiveIndex\" class=\"introduction-content\">\n              <div class=\"introduction-content-left\" v-html=\"introductionList[introductionTagActiveIndex].img\">\n                <!-- <img :src=\"introductionList[introductionTagActiveIndex].img\" alt=\"\" /> -->\n              </div>\n              <div class=\"introduction-content-right\">\n                <div class=\"introduction-content-right-title\">{{ introductionList[introductionTagActiveIndex].title }}</div>\n                <div class=\"introduction-content-right-describe\">{{ introductionList[introductionTagActiveIndex].subtitle }}</div>\n                <div v-for=\"(item, index) in introductionList[introductionTagActiveIndex].ContentList\" :key=\"index\" class=\"introduction-panel\">\n                  <img :src=\"require('@/assets/staffmanage/icon/liIcon.png')\" alt=\"\" />\n                  <div class=\"introduction-panel-text\">{{ item }}</div>\n                </div>\n              </div>\n            </div>\n          </transition>\n        </div>\n      </div>\n      <div style=\"padding-top: 60px;\">\n        <div style=\"background-color: #f7f9fc;\">\n          <div ref=\"data-security\" class=\"data-security\">\n            <div class=\"title\">数据安全</div>\n            <div class=\"data-security-content\">\n              <div v-for=\"(item, index) in dataSecurityList\" :key=\"index\" class=\"data-security-list-item\">\n                <img :src=\"item.icon\" alt=\"\" class=\"list-item-icon\" />\n                <div class=\"list-item-title\">\n                  {{ item.title }}\n                </div>\n                <div class=\"data-security-text\">\n                  <div v-for=\"(textItem, textIndex) in item.textList\" :key=\"textIndex\" class=\"list-text-item\">\n                    <img src=\"@/assets/home/content-tip.png\" alt=\"\" class=\"icon\" />\n                    <div class=\"text\">{{ textItem }}</div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"customer-stories\">\n          <div style=\"width: 100%; height: 60px; background-color: #f7f9fc;\"></div>\n          <div class=\"customer-stories\">\n            <div class=\"customer-stories-content\">\n              <div class=\"title\">中大型企业的共同选择</div>\n              <div class=\"customer-stories-list\">\n                <div v-for=\"(item, index) in enterpriseList\" :key=\"index\" class=\"cystiner-stirues-item\">\n                  <img :src=\"item\" alt=\"\" />\n                </div>\n              </div>\n              <div class=\"customer-stories-btn\" @click=\"moreEnterprise\">\n                <div class=\"btn-text\">\n                  查看更多案例\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"data-download\" class=\"data-download\">\n          <div class=\"title\">行业资料</div>\n          <div class=\"data-download-content\">\n            <div v-for=\"(item, index) in dataDownloadList\" :key=\"index\" class=\"data-download-content-item\">\n              <div class=\"dataListTitle\">{{ item.title }}</div>\n              <ul class=\"data-list\">\n                <li\n                  v-for=\"(dataItem, dataIndex) in item.dataList\"\n                  :key=\"dataIndex\"\n                  class=\"data-list-item\"\n                  @click=\"clickDate(dataItem, index)\"\n                >\n                  <div class=\"data-list-left\">\n                    <div class=\"disc\"></div>\n                    <div class=\"data-title\">\n                      {{ dataItem.title }}\n                    </div>\n                  </div>\n                  <div class=\"data-list-right\">\n                    <img :src=\"require('@/assets/icon/right-arrow.png')\" alt=\"\" />\n                  </div>\n                </li>\n              </ul>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"appointment-demonstration\">\n        <h4 class=\"appointment-demonstration-title\">了解更多有关华跃产品与服务信息</h4>\n        <h5 class=\"appointment-demonstration-subtitle\">您还可以预约我们的产品演示</h5>\n        <div class=\"appointment-demonstration-btn\" @click=\"openBealter\">\n          <img :src=\"require('@/assets/home/appointment-demonstration1.png')\" alt=\"\" />\n          <span>预约产品显示</span>\n        </div>\n      </div>\n    </div>\n    <RightFixedgt />\n    <FootWrap />\n    <AltProduct ref=\"altProduct\" />\n    <ast ref=\"ast\" />\n  </div>\n</template>\n\n<script>\nimport { getColumnChild, getColumnDetail } from '@/api/column';\nimport { getContentList, getContentDetail, download } from '@/api/content';\n// import value1 from '@/assets/paywelfare/icon/value1.png';\n// import value1Change from '@/assets/paywelfare/icon/value1-change.png';\n// import value2 from '@/assets/paywelfare/icon/value2.png';\n// import value2Change from '@/assets/paywelfare/icon/value2-change.png';\n// import value3 from '@/assets/paywelfare/icon/value3.png';\n// import value3Change from '@/assets/paywelfare/icon/value3-change.png';\n// import value4 from '@/assets/paywelfare/icon/value4.png';\n// import value4Change from '@/assets/paywelfare/icon/value4-change.png';\n// import stories1 from '@/assets/staffmanage/stories1.png';\n// import stories2 from '@/assets/staffmanage/stories2.png';\n// import stories3 from '@/assets/staffmanage/stories3.png';\n// import stories4 from '@/assets/staffmanage/stories4.png';\n// import stories5 from '@/assets/staffmanage/stories5.png';\n// import stories6 from '@/assets/staffmanage/stories6.png';\n// import stories7 from '@/assets/staffmanage/stories7.png';\nexport default {\n  name: 'PayWelfare',\n  data () {\n    return {\n      top: {\n        title: '',\n        content: '',\n        imgBack: require('@/assets/paywelfare/canvas.gif'),\n      },\n      navWidth: 80,\n      navHeight: 60,\n      offsetTop: 0,\n      scrollTop: 0,\n      position: 0,\n      valueIndex: null,\n      topNaviId: null,\n      navList: [\n        {\n          title: '产品价值',\n          id: 'product-value',\n        },\n        {\n          title: '系统架构',\n          id: 'architecture',\n        },\n        {\n          title: '功能介绍',\n          id: 'introduction',\n        },\n        {\n          title: '数据安全',\n          id: 'data-security',\n        },\n        {\n          title: '客户案例',\n          id: 'customer-stories',\n        },\n        {\n          title: '资料下载',\n          id: 'data-download',\n        },\n      ],\n      valueList: [\n        // {\n        //   icon: value1,\n        //   iconChange: value1Change,\n        //   title: '等级激励',\n        //   describe: '利用等级工资模式，让企业内部形成良性竞争环境。等级工资与个人能力、学历等关键因萨法是的挂钩、学历等关键因萨法是的挂钩、学历等关键因萨法是的挂钩',\n        // },\n        // {\n        //   icon: value2,\n        //   iconChange: value2Change,\n        //   title: '考核激励',\n        //   describe: '将绩效考核结果引入，与特定薪酬挂钩从而更好的强化员工的绩效行为。根据不同工作性质的特点，建立不同薪酬，满足企业各种人员考勤需求',\n        // },\n        // {\n        //   icon: value3,\n        //   iconChange: value3Change,\n        //   title: '晋升激励',\n        //   describe: '设定员工的职业规划，调薪制度绑定晋升流程更好的帮助企业留住关键岗位人才。薪酬体系与岗位体系关联，利益驱使..更薪酬，满足企业各种人员考勤需求',\n        // },\n        // {\n        //   icon: value4,\n        //   iconChange: value4Change,\n        //   title: '其他激励',\n        //   describe: '设置额外奖励机制，针对日常工作表现的奖励及时体现在薪酬报表中,提升工的积极性。与培训体系关联，企业预支培训费用为奖励机制让更薪酬，满足企业各种人员考勤需求',\n        // },\n      ],\n      architecture: '',\n      introductionTagList: [\n        // {\n        //   title: '薪酬方案',\n        //   url: require('@/assets/paywelfare/introduction-icon1.png'),\n        //   index: 0,\n        // },\n        // {\n        //   title: '税务方案',\n        //   url: require('@/assets/paywelfare/introduction-icon2.png'),\n        //   index: 1,\n        // },\n        // {\n        //   title: '预算方案',\n        //   url: require('@/assets/paywelfare/introduction-icon3.png'),\n        //   index: 2,\n        // },\n        // {\n        //   title: '特殊方案',\n        //   url: require('@/assets/paywelfare/introduction-icon4.png'),\n        //   index: 3,\n        // },\n      ],\n      introductionList: [\n        // {\n        //   img: require('@/assets/paywelfare/introduction-img1.png'),\n        //   title: '薪酬方案',\n        //   subtitle: '多种薪酬制度如何在同一系统体现',\n        //   ContentList: [\n        //     '无限制的薪酬账套，可以满足企业多个分公司使用不同的薪酬制度进行核算',\n        //     '企业的分支机构可以实现独立运营，数据由总部集中管控',\n        //     '满足多种计算模式在同一账套实现的方案，薪酬拆分方案',\n        //   ],\n        // },\n        // {\n        //   img: require('@/assets/paywelfare/introduction-img2.png'),\n        //   title: '税务方案 ',\n        //   subtitle: '国家税务政策变更频繁',\n        //   ContentList: [\n        //     '多种税务方案并行，同时可以按照年限设置不同的计算逻辑',\n        //     '直接与国家税务系统关联，实时获得最新政策，在线报税',\n        //     '轻松应对各种业务场景,累计税、年终奖、其他所得等等实现一键运算',\n        //   ],\n        // },\n        // {\n        //   img: require('@/assets/paywelfare/introduction-img3.png'),\n        //   title: '预算方案',\n        //   subtitle: '人工成本难以控制',\n        //   ContentList: [\n        //     '建立模拟组织结构和岗位体系，通过对未来人员流动的预判建立预算组织',\n        //     '对历史薪酬数据进行综合分析，得出岗位薪酬平均水平',\n        //     '实时监控人工成本，合理进行调控',\n        //   ],\n        // },\n        // {\n        //   img: require('@/assets/paywelfare/introduction-img4.png'),\n        //   title: '特殊方案',\n        //   subtitle: '计产计件和提成特殊项目如何统一在薪酬体系体现',\n        //   ContentList: [\n        //     '拥有标准API接口，实现与第三方系统的互通',\n        //     '临时性的奖励与处罚可以通过奖惩模块与薪酬系统互通',\n        //     '可以针对企业特殊薪酬项目独立设置核算规则',\n        //   ],\n        // },\n      ],\n      introductionTagActiveIndex: 0,\n      dataSecurityList: [\n        // {\n        //   icon: require('@/assets/staffmanage/data-security1.png'),\n        //   title: '身份认证',\n        //   textList: [\n        //     '传统用户名/密码认证',\n        //     '支持动态密码安全认证方式',\n        //     '支持USBE-key电子密钥安全认证方式(CA)',\n        //   ],\n        // },\n        // {\n        //   icon: require('@/assets/staffmanage/data-security2.png'),\n        //   title: '安全访问',\n        //   textList: [\n        //     '通过授权定义用户的数据范围',\n        //     '可以单独或分段设置能够登陆系统的终端，限制未授权机器访问系统',\n        //     '提供针对用户访问数据的操作监视和统计，根据用户身份和应用活动进行审计',\n        //   ],\n        // },\n        // {\n        //   icon: require('@/assets/staffmanage/data-security3.png'),\n        //   title: '品质保证',\n        //   textList: [\n        //     '十五年专注经营',\n        //     '3000+企业长期合作',\n        //     '大型集团化企业的首选',\n        //   ],\n        // },\n      ],\n      enterpriseList: [\n        // stories1,\n        // stories2,\n        // stories3,\n        // stories4,\n        // stories5,\n        // stories6,\n        // stories7,\n        // stories1,\n        // stories2,\n        // stories3,\n        // stories4,\n        // stories5,\n        // stories6,\n        // stories7,\n        // stories1,\n        // stories2,\n        // stories3,\n        // stories4,\n      ],\n      dataDownloadList: [\n        {\n          title: '资料下载',\n          dataList: [\n            {\n              id: 1,\n              title: '【公告】我们拥有精湛的实施工程师团队工程师团队',\n            },\n            {\n              id: 2,\n              title: '【公告】具有定制化知识与丰富经验的维丰富经验的',\n            },\n            {\n              id: 3,\n              title: '【公告】及时为客户解决在使用过程中的过程中的使',\n            },\n          ],\n        },\n        {\n          title: '产品动态',\n          dataList: [\n            {\n              id: 4,\n              title: '【公告】我们拥有精湛的实施工程师团队工程师团队',\n            },\n            {\n              id: 5,\n              title: '【公告】具有定制化知识与丰富经验的维丰富经验的',\n            },\n            {\n              id: 6,\n              title: '【公告】及时为客户解决在使用过程中的过程中的使',\n            },\n          ],\n        },\n        {\n          title: '干货推荐',\n          dataList: [\n            {\n              id: 7,\n              title: '【公告】我们拥有精湛的实施工程师团队工程师团队',\n            },\n            {\n              id: 8,\n              title: '【公告】具有定制化知识与丰富经验的维丰富经验的',\n            },\n            {\n              id: 9,\n              title: '【公告】及时为客户解决在使用过程中的过程中的使',\n            },\n          ],\n        },\n      ],\n    };\n  },\n  watch: {\n    scrollTop(newValue, oldValue) {\n      setTimeout(() => {\n        if (newValue === window.scrollY) {\n          for (var i = 0; i < this.navList.length; i++) {\n            var elementTop = this.$refs[`${this.navList[i].id}`].offsetTop - this.scrollTop - 1;\n            if (elementTop <= 70) {\n              this.topNaviId = this.navList[i].id;\n            }\n          }\n        }\n      }, 20);\n    },\n  },\n  mounted () {\n    window.addEventListener('scroll', this.handleScroll);\n    this.$nextTick(() => {\n      const nav = this.$refs.nav;\n      this.offsetTop = nav.offsetTop;\n    });\n    this.getPageColumn();\n    this.getPartner();\n  },\n  beforeDestroy () {\n    window.removeEventListener('scroll', this.handleScroll);\n  },\n  methods: {\n    handleScroll() {\n      var offsetHeight = this.$refs.navTabs.offsetHeight;\n      this.scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;\n      var headerFixed = this.scrollTop > this.offsetTop - offsetHeight / 2 - 70;\n      var scroll = this.scrollTop - this.position;\n      this.position = this.scrollTop;\n      if (this.scrollTop <= 400) {\n        this.navHeight = 52;\n        this.navWidth = 80;\n        this.$refs.nav.style.position = 'relative';\n        this.$refs.nav.style.top = '0px';\n        this.topNaviId = null;\n      } else if (this.scrollTop >= 400 && !headerFixed) {\n        this.navHeight += 0.04 * scroll;\n        this.navWidth += 0.12 * scroll;\n        this.$refs.navTabs.style.top = -(offsetHeight / 2) + 'px';\n        this.$refs.nav.style.position = 'relative';\n        this.$refs.nav.style.top = '0px';\n        this.topNaviId = null;\n      } else if (headerFixed) {\n        this.navHeight = 60;\n        this.navWidth = 100;\n        this.$refs.navTabs.style.top = -(offsetHeight / 2) + 'px';\n        this.$refs.nav.style.position = 'fixed';\n        this.$refs.nav.style.top = offsetHeight / 2 + 70 + 'px';\n      }\n    },\n    goAnchor(i) {\n      // var id = '#' + i.id;\n      // document.querySelector(id).scrollIntoView({\n      //   behavior: 'smooth',\n      //   block: 'start',\n      // });\n      window.scrollTo({\n        top: this.$refs[`${i.id}`].offsetTop - 70,\n        left: 0,\n        behavior: 'smooth',\n      });\n    },\n\n    // 获取页面栏目\n    async getPageColumn() {\n      const params = { parentId: '1605835425447108608', };\n      const { result, } = await getColumnChild(params);\n      for (var i = 0; i < result.length; i++) {\n        if (result[i].name === '产品价值') {\n          const data = { columnId: result[i].id, pageNum: 1, pageSize: 10, };\n          getContentList(data).then((rrs) => {\n            const rrsult = rrs.result;\n            for (var j = 0; j < rrsult.data.length; j++) {\n              // this.valueList[j].title = rrsult.data[j].title;\n              // this.valueList[j].describe = rrsult.data[j].description;\n              var valueItem = {\n                icon: rrsult.data[j].icon,\n                iconChange: rrsult.data[j].logo,\n                title: rrsult.data[j].title,\n                describe: rrsult.data[j].description,\n              };\n              this.valueList.push(valueItem);\n            }\n          });\n        } else if (result[i].name === '系统架构') {\n          getColumnDetail(result[i].id).then((rrs) => {\n            this.architecture = rrs.result.icon;\n          });\n        } else if (result[i].name === '功能介绍') {\n          const data = { columnId: result[i].id, pageNum: 1, pageSize: 10, };\n          getContentList(data).then(async (rrs) => {\n            const rrsult = rrs.result;\n            for (var j = 0; j < rrsult.data.length; j++) {\n              this.introductionTagList.push({\n                title: rrsult.data[j].title,\n                url: rrsult.data[j].icon,\n                index: j,\n              });\n              const rts = await getContentDetail(rrsult.data[j].id);\n              const rtsult = rts.result;\n              const doc = new DOMParser().parseFromString(rtsult.defaultContent, 'text/html');\n              const introduction = {\n                img: doc.documentElement.textContent.replace(/&nbsp;/g, ' '),\n                title: rtsult.title,\n                describe: rtsult.description,\n                ContentList: [],\n              };\n              for (var x = 0; x < rtsult.elements.length; x++) {\n                introduction.ContentList.push(rtsult.elements[x].content);\n              }\n              this.introductionList.push(introduction);\n            }\n          });\n        } else if (result[i].name === '数据安全') {\n          getContentList({ columnId: result[i].id, pageNum: 1, pageSize: 99, }).then(async (rrs) => {\n            const rrsult = rrs.result;\n            for (var j = 0; j < rrsult.data.length; j++) {\n              const rts = await getContentDetail(rrsult.data[j].id);\n              const rtsult = rts.result;\n              var dataSecurityItem = {\n                icon: rtsult.icon,\n                title: rtsult.title,\n                textList: [],\n              };\n              for (var x = 0; x < rtsult.elements.length; x++) {\n                dataSecurityItem.textList.push(rtsult.elements[x].content);\n              }\n              this.dataSecurityList.push(dataSecurityItem);\n\n              // getContentDetail(rrsult.data[j].id).then((rts) => {\n              // });\n            }\n          });\n        } else if (result[i].name === '顶部图') {\n          getColumnDetail(result[i].id).then((rrs) => {\n            const rrsult = rrs.result;\n            var content = rrsult.elements.find(obj => obj.name === 'content').content;\n            var contentdoc = new DOMParser().parseFromString(content, 'text/html');\n            this.top.title = rrsult.elements.find(obj => obj.name === 'subtitle').content;\n            this.top.content = contentdoc.documentElement.textContent.replace(/&nbsp;/g, ' ');\n            // this.top = {\n            //   imgBack: rrsult.icon,\n            // };\n          });\n        }\n      }\n      const downLoadParams = { columnId: '1605494229646401536', pageNum: 1, pageSize: 4, commendation: 11, cascade: true, };\n      getContentList(downLoadParams).then(async (res) => {\n        const { result, } = res;\n        this.dataDownloadList[0].dataList = result.data;\n      });\n      const contentParams = { columnId: '1605774350588534784', pageNum: 1, pageSize: 4, commendation: 11, };\n      getContentList(contentParams).then(async (res) => {\n        const { result, } = res;\n        this.dataDownloadList[1].dataList = result.data;\n      });\n      const industryParams = { columnId: '1605774444985540608', pageNum: 1, pageSize: 4, commendation: 11, };\n      getContentList(industryParams).then(async (res) => {\n        const { result, } = res;\n        this.dataDownloadList[2].dataList = result.data;\n      });\n    },\n\n    // 合作伙伴列表\n    getPartner() {\n      var params = { columnId: '1605405080163672064', pageNum: 1, pageSize: 18, commendation: 16, cascade: true, };\n      getContentList(params).then((res) => {\n        const { result, } = res;\n        for (var i = 0; i < result.data.length; i++) {\n          this.enterpriseList.push(result.data[i].logo);\n        }\n      });\n    },\n\n    clickDate(data, index) {\n      if (index === 0) {\n        getContentDetail(data.id).then((res) => {\n          const { result, } = res;\n          var file = result.elements.find(obj => obj.name === 'file').content;\n          download(file[0].url).then((rrs) => {\n            const fileName = file[0].name;\n            const blob = new Blob([ rrs.data, ]);\n            if (typeof window.navigator.msSaveBlob !== 'undefined') {\n              // 兼容window.navigator.msSaveBlob：以本地方式保存文件\n              window.navigator.msSaveBlob(blob, decodeURI(fileName));\n            } else {\n              // 创建新的URL并指向File对象或者Blob对象的地址\n              const blobURL = window.URL.createObjectURL(blob);\n              // 创建a标签，用于跳转至下载链接\n              const tempLink = document.createElement('a');\n              tempLink.style.display = 'block';\n              tempLink.href = blobURL;\n              tempLink.setAttribute('download', decodeURI(fileName));\n              // 兼容：某些浏览器不支持HTML5的download属性\n              if (typeof tempLink.download === 'undefined') {\n                tempLink.setAttribute('target', '_blank');\n              }\n              // 挂载a标签\n              document.body.appendChild(tempLink);\n              tempLink.click();\n              document.body.removeChild(tempLink);\n              // 释放blob URL地址\n              window.URL.revokeObjectURL(blobURL);\n            }\n          });\n        });\n      } else if (index === 1) {\n        this.$router.push({ path: `/news/details/${data.id}`, query: { type: 1, }, });\n      } else if (index === 2) {\n        this.$router.push({ path: `/news/details/${data.id}`, query: { type: 2, }, });\n      }\n    },\n\n    onMouseenter(i) {\n      this.valueIndex = i;\n    },\n    onMouseleve() {\n      this.valueIndex = null;\n    },\n    changeIntroduction (index) {\n      this.introductionTagActiveIndex = index;\n    },\n    moreEnterprise () {\n      this.$router.push({ name: 'CustomerCase', });\n    },\n    openBealter () {\n      this.$refs.altProduct.tobealter();\n    },\n    openBealter2() {\n       this.$refs.ast.drawer  = true\n    },\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n.pay-welfare{\n  background-color: #fff;\n  .page-content{\n    width: 100%;\n    .pay-welfare-canvas{\n      width: 100%;\n      height: fit-content;\n      min-width: var(--minwidth);\n      position: relative;\n      background-size: cover;\n      overflow: hidden;\n      .pay-welfare-background{\n        position: absolute;\n        left: 0;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        background-position: top;\n        background-size: cover;\n        background-repeat: no-repeat;\n        // width: 100%;\n        // height: 560px;\n        // // background-position: top;\n        // // background-size: cover;\n        // // background-repeat: no-repeat;\n        // display: flex;\n        // justify-content: center;\n        // align-items: center;\n        // object-fit: cover;\n        img{\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n          object-position: center top;\n        }\n      }\n      .por-container {\n          width: 85%;\n          max-width: 1200px;\n          margin: 0 auto;\n          position: relative;\n          .solution-info {\n            width: 540px;\n            height: 560px;\n            display: flex;\n            justify-content: center;\n            flex-direction: column;\n            box-sizing: border-box;\n            .solution-info-title {\n              font-size: 45px;\n              font-weight: bold;\n              line-height: 55px;\n              color: #181818;\n              margin-bottom: 30px;\n            }\n            .solution-info-content {\n              font-size: 20px;\n              line-height: 32px;\n              color: #7b7b7b;\n              margin-bottom: 44px;\n            }\n            .solution-btn {\n              width: 142px;\n              height: 48px;\n              background-color: #00b0dc;\n              color: #fff;\n              text-align: center;\n              line-height: 48px;\n              cursor: pointer;\n              border-radius: 24px;\n            }\n          }\n        }\n    }\n    .pay-welfare-nav{\n      width: 100%;\n      display: flex;\n      position: relative;\n      justify-content: center;\n      z-index: 50;\n      .pay-welfare-nav-tabs{\n        margin: 0 auto;\n        box-shadow: 0px 2px 8px 0px rgba(139, 139, 139, 0.18);\n        border-radius: 2px;\n        background-color: #fff;\n        display: flex;\n        position: absolute;\n        top: -26px;\n        .pay-welfare-nav-item{\n          flex: 1;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          color: #181818;\n          font-size: 14px;\n          cursor: pointer;\n        }\n        .pay-welfare-nav-item:hover{\n          color: #00b0dc;\n        }\n        .top-nav-item {\n          color: #ffffff;\n          background-color: #00b0dc;\n        }\n        .top-nav-item:hover {\n          color: #fff;\n        }\n      }\n    }\n    .product-value{\n      width: 80%;\n      min-width: var(--minwidth);\n      padding-top: 116px;\n      margin: 0 auto;\n      background-color: #fff;\n      box-sizing: border-box;\n      .title-subtitle{\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-direction: column;\n        margin-bottom: 64px;\n        .title{\n          font-size: 32px;\n          color: #181818;\n          line-height: 1;\n        }\n        .subtitle{\n          font-size: 16px;\n          color: #7b7b7b;\n          margin-top: 23px;\n          line-height: 1;\n        }\n      }\n      .value-list{\n        width: 1200px;\n        display: flex;\n        align-items: center;\n        margin: 0 auto;\n        .value-list-item{\n          flex: 1;\n          height: 322px;\n          .value-list-item-card-wrap{\n            display: flex;\n            align-items: center;\n            height: 100%;\n            width: 100%;\n            .value-list-item-card{\n              width: 100%;\n              height: 250px;\n              background-color: #f5f5f5;\n              color: #181818;\n              width: 100%;\n              transition: all .3s ease-in-out;\n              padding: 50px 33px 48px 30px;\n              box-sizing: border-box;\n              display: flex;\n              flex-direction: column;\n              align-items: flex-start;\n              .list-item-icon-wrap{\n                width: 100%;\n                height: 24px;\n                display: flex;\n                justify-content: flex-start;\n                align-items: center;\n                .list-item-icon{\n                  width: auto;\n                  height: 24px;\n                  opacity: 1;\n                  display: block;\n                }\n              }\n              .list-item-title{\n                padding: 19px 0;\n                font-weight: 500;\n                font-size: 18px;\n                line-height: 1;\n              }\n              .list-item-des{\n                width: 100%;\n                flex: 1;\n                color: #757575;\n                font-size: 14px;\n                margin-bottom: 15px;\n                overflow: hidden;\n                display: -webkit-box;\n                -webkit-line-clamp: 3;\n                -webkit-box-orient: vertical;\n                text-overflow: ellipsis;\n                transition: all .3s ease-in-out;\n              }\n            }\n            .value-list-item-card:hover{\n              height: 100%;\n              // background: url('@/assets/staffmanage/value-background.png') no-repeat;\n              background-color: #00b0dc;\n              background-size: cover;\n              color: #fff;\n              box-shadow: 0px 4px 15px 1px rgba(158, 157, 157, 0.59);\n              .list-item-des{\n                color: #fff;\n                display: block;\n              }\n            }\n          }\n        }\n      }\n    }\n    .architecture{\n      width: 1200px;\n      padding-top: 119px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      .title{\n        font-size: 32px;\n        color: #181818;\n        line-height: 1;\n        margin-bottom: 70px;\n      }\n      .architecture-content{\n        width: 100%;\n        img{\n          width: 100%;\n        }\n      }\n    }\n    .introduction{\n      width: 1200px;\n      padding-top: 109px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      .title{\n        font-size: 32px;\n        color: #181818;\n        line-height: 1;\n        padding-bottom: 70px;\n        box-sizing: border-box;\n      }\n      .introduction-tag{\n        height: 155px;\n        display: flex;\n        justify-content: center;\n        align-items: flex-end;\n        .introduction-tag-item{\n          height: 100%;\n          text-align: center;\n          margin: 0 25px;\n          cursor: pointer;\n          display: flex;\n          flex-direction: column;\n          justify-content: space-between;\n          color: #6d6e6f;\n          position: relative;\n          img{\n            display: flex;\n          }\n          .item-text{\n            width: 100%;\n            line-height: 1;\n            position: absolute;\n            bottom: 0;\n            display: flex;\n            justify-content: center;\n          }\n          &:hover{\n            color: #00b0dc;\n            img{\n              transform: scale(1.1);\n            }\n          }\n        }\n        .introduction-tag-item-active{\n          color: #00b0dc;\n        }\n        .introduction-tag-arrow{\n          img{\n            margin-bottom: 75px;\n            display: flex;\n          }\n        }\n      }\n      // .introduction-tag:nth-child(1){\n      //   .introduction-tag-item{\n      //     img{\n      //       transform: translateY(4px);\n      //     }\n      //     &:hover{\n      //       img{\n      //         transform: translateY(4px) scale(1.1);\n      //       }\n      //     }\n      //   }\n      // }\n      // .introduction-tag:nth-child(2){\n      //   .introduction-tag-item{\n      //     img{\n      //       transform: translateY(5px);\n      //     }\n      //     &:hover{\n      //       img{\n      //         transform: translateY(5px) scale(1.1);\n      //       }\n      //     }\n      //   }\n      // }\n      // .introduction-tag:nth-child(3){\n      //   .introduction-tag-item{\n      //     img{\n      //       transform: translateY(13px);\n      //     }\n      //     &:hover{\n      //       img{\n      //         transform: translateY(13px) scale(1.1);\n      //       }\n      //     }\n      //   }\n      // }\n      // .introduction-tag:nth-child(4){\n      //   .introduction-tag-item{\n      //     img{\n      //       transform: translateY(4px);\n      //     }\n      //     &:hover{\n      //       img{\n      //         transform: translateY(4px) scale(1.1);\n      //       }\n      //     }\n      //   }\n      // }\n      .introduction-content{\n        display: flex;\n        justify-content: space-between;\n        margin-top: 80px;\n        width: 100%;\n        height: 425px;\n        .introduction-content-left{\n          height: 100%;\n          img{\n            width: auto;\n            height: 100%;\n          }\n        }\n        .introduction-content-right{\n          display: flex;\n          flex-direction: column;\n          justify-content: flex-start;\n          align-items: flex-start;\n          padding-top: 85px;\n          .introduction-content-right-title{\n            font-size: 28px;\n            font-weight: 500;\n            color: #181818;\n            line-height: 1;\n            margin-bottom: 15px;\n          }\n          .introduction-content-right-describe{\n            font-size: 16px;\n            color: #7b7b7b;\n            line-height: 1;\n            margin-bottom: 46px;\n          }\n          .introduction-panel{\n            display: flex;\n            justify-content: flex-start;\n            align-items: flex-start;\n            margin-bottom: 36px;\n            img{\n              width: 24px;\n              height: auto;\n              margin-top: 3px;\n            }\n            .introduction-panel-text{\n              width: 385px;\n              font-size: 16px;\n              color: #181818;\n              margin-left: 8px;\n            }\n          }\n        }\n      }\n    }\n    .introduction-fade-enter-active {\n      animation: bounce-in 1.3s;\n    }\n    .introduction-fade-leave-active {\n      animation: bounce-in .5s reverse;\n    }\n    @keyframes bounce-in {\n      0% {\n        opacity: 0;\n      }\n      100% {\n        opacity: 1;\n      }\n    }\n    .data-security{\n      width: 1200px;\n      // min-width: var(--minwidth);\n      padding-top: 70px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      .title{\n        font-size: 32px;\n        color: #181818;\n      }\n      .data-security-content{\n        width: 100%;\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        margin-top: 70px;\n        .data-security-list-item{\n          width: 340px;\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: flex-start;\n          .list-item-icon{\n            width: auto;\n            height: 117px;\n            margin-bottom: 7px;\n          }\n          .list-item-title{\n            font-size: 18px;\n            color: #181818;\n            font-weight: 500;\n            margin-bottom: 35px;\n          }\n          .data-security-text{\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            align-items: flex-start;\n            .list-text-item{\n              display: flex;\n              justify-content: flex-start;\n              align-items: flex-start;\n              margin-bottom: 32px;\n              .icon{\n                margin-top: 3px;\n              }\n              .text{\n                font-size: 16px;\n                color: #181818;\n                margin-left: 16px;\n              }\n            }\n          }\n        }\n      }\n    }\n    .customer-stories{\n      display: flex;\n      flex-direction: column;\n      background: url('@/assets/staffmanage/customer-back.png') center;\n      background-size: cover;\n      height: 561px;\n      padding: 69px 0 60px;\n      box-sizing: border-box;\n      .customer-stories-content{\n        width: 1200px;\n        // min-width: var(--minwidth);\n        margin: 0 auto;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        .title{\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          font-size: 32px;\n          font-weight: 500;\n          color: #181818;\n          margin-bottom: 70px;\n        }\n        .customer-stories-list{\n          width: 100%;\n          display: flex;\n          flex-wrap: wrap;\n          justify-content: flex-start;\n          .cystiner-stirues-item{\n            width: calc(16.666% - 20px);\n            height: 70px;\n            margin: 10px;\n            background-color: #fff;\n            display: flex;\n            box-sizing: border-box;\n            justify-content: center;\n            align-items: center;\n            padding: 10px;\n            img{\n              width: 100%;\n              height: 100%;\n              object-fit: contain;\n              display: block;\n            }\n          }\n        }\n        .customer-stories-btn{\n          width: 155px;\n          height: 50px;\n          background-color: #00b0dc;\n          border-radius: 25px;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          margin-top: 20px;\n          cursor: pointer;\n          .btn-text{\n            font-size: 15px;\n            color: #ffffff;\n          }\n          &:hover{\n            transform: scale(1.1);\n            transition: all  0.5s;\n          }\n        }\n      }\n    }\n    .data-download{\n      width: 70%;\n      min-width: 1209px;\n      padding-top: 70px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      padding-bottom: 100px;\n      .title{\n        font-size: 32px;\n        color: #181818;\n      }\n      .data-download-content{\n        display: flex;\n        margin: 70px auto 0;\n        .data-download-content-item{\n          width: 386px;\n          height: 250px;\n          margin-right: 21px;\n          padding: 31px 32px 0 28px;\n          background: url('@/assets/staffmanage/download-back.png') center;\n          background-size: cover;\n          box-sizing: border-box;\n          .dataListTitle{\n            font-size: 18px;\n            color: #181818;\n            line-height: 1;\n            margin-bottom: 14px;\n          }\n          .data-list{\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            .data-list-item{\n              width: 100%;\n              display: flex;\n              justify-content: space-between;\n              margin-top: 14px;\n              box-sizing: border-box;\n              list-style:disc;\n              .data-list-left{\n                display: flex;\n                align-items: center;\n                justify-content: flex-start;\n                .disc{\n                  width: 4px;\n                  height: 4px;\n                  border-radius: 50%;\n                  background-color: #000;\n                }\n                .data-title{\n                  width: 254px;\n                  overflow: hidden;\n                  white-space: nowrap;\n                  text-overflow: ellipsis;\n                  font-size: 14px;\n                  color: #181818;\n                  cursor: pointer;\n                  position: relative;\n                  margin-left: 20px;\n                }\n              }\n              .data-list-right{\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                img{\n                  width: auto;\n                  height: 10px;\n                  display: block;\n                }\n                display: none;\n              }\n            }\n            .data-list-item:hover{\n              .data-list-left{\n                .disc{\n                  background-color: #00b0dc;\n                }\n                .data-title{\n                  color: #00b0dc;\n                }\n              }\n              .data-list-right{\n                display: block;\n              }\n            }\n          }\n        }\n        .data-download-content-item:last-child{\n          margin-right: 0;\n        }\n      }\n    }\n    .appointment-demonstration{\n      width: 100%;\n      min-width: var(--minwidth);\n      height: 188px;\n      background-image: url('@/assets/home/appointment-demonstration.png');\n      background-repeat: no-repeat;\n      background-size: cover;\n      text-align: center;\n      color: #fff;\n      padding: 22px;\n      box-sizing: border-box;\n      .appointment-demonstration-title{\n        font-size: 26px;\n        color: #fff;\n        margin-bottom: 20px;\n      }\n      .appointment-demonstration-subtitle{\n        font-size: 16px;\n        font-weight: 400;\n        color: #fff;\n        margin-bottom: 25px;\n      }\n      .appointment-demonstration-btn{\n        width: 220px;\n        height: 46px;\n        text-align: center;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin: auto;\n        background: #00b0dc;\n        border-radius: 30px;\n        cursor: pointer;\n        img{\n          width: 18px;\n          height: 22px;\n          vertical-align: middle;\n          margin-right: 10px\n        }\n        transition: all 0.5s;\n        &:hover{\n          transform: scale(1.1);\n          transition: all  0.5s;\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./pay-welfare.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./pay-welfare.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./pay-welfare.vue?vue&type=template&id=6ba47ac7&scoped=true&\"\nimport script from \"./pay-welfare.vue?vue&type=script&lang=js&\"\nexport * from \"./pay-welfare.vue?vue&type=script&lang=js&\"\nimport style0 from \"./pay-welfare.vue?vue&type=style&index=0&id=6ba47ac7&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6ba47ac7\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"personnel-grow\"},[_c('AppBar'),_c('div',{staticClass:\"page-content\"},[_c('div',{staticClass:\"personnel-grow-canvas\"},[_c('div',{staticClass:\"personnel-grow-background\"},[_c('img',{attrs:{\"src\":_vm.top.imgBack,\"alt\":\"\"}})]),_c('div',{staticClass:\"por-container\"},[_c('div',{staticClass:\"solution-info\"},[_c('div',{staticClass:\"solution-info-title\"},[_vm._v(_vm._s(_vm.top.title))]),_c('div',{staticClass:\"solution-info-content\",domProps:{\"innerHTML\":_vm._s(_vm.top.content)}}),_c('div',{staticClass:\"solution-btn\",on:{\"click\":_vm.openBealter}},[_vm._v(\"预约演示\")])])])]),_c('div',{ref:\"nav\",staticClass:\"personnel-grow-nav\"},[_c('div',{ref:\"navTabs\",staticClass:\"personnel-grow-nav-tabs\",style:({width: _vm.navWidth+'%', height: _vm.navHeight+'px'})},_vm._l((_vm.navList),function(item,index){return _c('div',{key:index,class:['personnel-grow-nav-item', _vm.topNaviId === item.id ? 'top-nav-item' : ''],on:{\"click\":function($event){return _vm.goAnchor(item)}}},[_vm._v(\" \"+_vm._s(item.title)+\" \")])}),0)]),_c('div',[_c('div',{ref:\"product-value\",staticClass:\"product-value\"},[_vm._m(0),_c('div',{staticClass:\"value-list\"},_vm._l((_vm.valueList),function(item,index){return _c('div',{key:index,staticClass:\"value-list-item\"},[_c('div',{staticClass:\"value-list-item-card\"},[_c('div',{staticClass:\"list-item-icon-wrap\"},[_c('img',{staticClass:\"list-item-icon\",attrs:{\"src\":item.icon,\"alt\":\"\"}})]),_c('div',{staticClass:\"list-item-text\"},[_c('div',{staticClass:\"list-item-title\"},[_vm._v(\" \"+_vm._s(item.title)+\" \")]),_c('div',{staticClass:\"list-item-des\"},[_vm._v(\" \"+_vm._s(item.describe)+\" \")])])])])}),0)])]),_c('div',[_c('div',{ref:\"architecture\",staticClass:\"architecture\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"系统流程图\")]),_c('div',{staticClass:\"architecture-content\"},[_c('img',{attrs:{\"src\":_vm.architecture,\"alt\":\"\"}})])])]),_c('div',[_c('div',{ref:\"introduction\",staticClass:\"introduction\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"系统功能介绍\")]),_c('div',{staticClass:\"introduction-content\"},_vm._l((_vm.introductionList),function(item,index){return _c('div',{key:index,staticClass:\"introduction-content-item\",class:{ 'introduction-tag-item-active': index == _vm.introductionTagActiveIndex },on:{\"mouseenter\":function($event){return _vm.changeIntroduction(index)}}},[_c('div',{staticClass:\"introduction-tag-item-text\"},[_c('div',{staticClass:\"introduction-tag-item-title\"},[_vm._v(_vm._s(item.title))]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(index == _vm.introductionTagActiveIndex),expression:\"index == introductionTagActiveIndex\"}],staticClass:\"line\"}),(index != _vm.introductionTagActiveIndex)?_c('div',{staticClass:\"introduction-tag-item-subtitle\"},[_vm._v(_vm._s(item.subtitle))]):_c('div',{staticClass:\"introduction-tag-item-content\"},_vm._l((item.ContentList),function(contentItem,contentIndex){return _c('div',{key:contentIndex,staticClass:\"content-item\"},[_c('img',{attrs:{\"src\":require('@/assets/personnelgrow/icon/check.png'),\"alt\":\"\"}}),_c('div',[_vm._v(_vm._s(contentItem))])])}),0)]),_c('div',{staticClass:\"introduction-tag-item-img\"},[_c('img',{attrs:{\"src\":item.img,\"alt\":\"\"}})])])}),0)])]),_c('div',{staticStyle:{\"padding-top\":\"60px\"}},[_c('div',{staticStyle:{\"background-color\":\"#f7f9fc\"}},[_c('div',{ref:\"data-security\",staticClass:\"data-security\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"数据安全\")]),_c('div',{staticClass:\"data-security-tag\"},_vm._l((_vm.dataSecurityTagList),function(item,index){return _c('div',{key:index,staticClass:\"data-security-tag-item\"},[_c('div',{staticClass:\"item-box\",on:{\"click\":function($event){return _vm.changeStep(index)}}},[_c('div',{staticClass:\"item-icon\",class:{ 'item-icon-active': item.index === _vm.dataSecurityTagActiveIndex }},[_c('img',{attrs:{\"src\":item.url,\"alt\":\"\"}})]),_c('div',{staticClass:\"item-title\"},[_vm._v(_vm._s(item.title))])]),(index<2)?_c('div',{staticClass:\"data-security-tag-arrow\"}):_vm._e()])}),0),_c('div',{staticClass:\"data-security-content\"},[_c('div',{staticClass:\"arrow\",on:{\"click\":_vm.last}},[_c('img',{attrs:{\"src\":require('@/assets/personnelgrow/icon/left-arrow.png'),\"alt\":\"\"}})]),_c('transition',{attrs:{\"name\":\"secrity-fade\",\"mode\":\"out-in\"}},[(_vm.dataSecurityList.length != 0)?_c('div',{key:_vm.dataSecurityTagActiveIndex,staticClass:\"data-security-content-list\"},[_c('div',{staticClass:\"data-security-content-left\"},[_c('img',{attrs:{\"src\":_vm.dataSecurityList[_vm.dataSecurityTagActiveIndex].url,\"alt\":\"\"}})]),_c('div',{staticClass:\"data-security-content-right\"},_vm._l((_vm.dataSecurityList[_vm.dataSecurityTagActiveIndex].textList),function(item,index){return _c('div',{key:index,staticClass:\"content-text-box\"},[_c('img',{staticClass:\"list-icon\",attrs:{\"src\":require('@/assets/home/content-tip.png'),\"alt\":\"\"}}),_c('div',{staticClass:\"text\"},[_vm._v(\" \"+_vm._s(item)+\" \")])])}),0)]):_vm._e()]),_c('div',{staticClass:\"arrow\",on:{\"click\":_vm.next}},[_c('img',{attrs:{\"src\":require('@/assets/personnelgrow/icon/right-arrow.png'),\"alt\":\"\"}})])],1)])])]),_c('div',[_c('div',{ref:\"customer-stories\"},[_c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"60px\",\"background-color\":\"#f7f9fc\"}}),_c('div',{staticClass:\"customer-stories\"},[_c('div',{staticClass:\"customer-stories-content\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"中大型企业的共同选择\")]),_c('div',{staticClass:\"customer-stories-list\"},_vm._l((_vm.enterpriseList),function(item,index){return _c('div',{key:index,staticClass:\"cystiner-stirues-item\"},[_c('img',{attrs:{\"src\":item,\"alt\":\"\"}})])}),0),_c('div',{staticClass:\"customer-stories-btn\",on:{\"click\":_vm.moreEnterprise}},[_c('div',{staticClass:\"btn-text\"},[_vm._v(\" 查看更多案例 \")])])])])])]),_c('div',[_c('div',{ref:\"data-download\",staticClass:\"data-download\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"行业资料\")]),_c('div',{staticClass:\"data-download-content\"},_vm._l((_vm.dataDownloadList),function(item,index){return _c('div',{key:index,staticClass:\"data-download-content-item\"},[_c('div',{staticClass:\"dataListTitle\"},[_vm._v(_vm._s(item.title))]),_c('ul',{staticClass:\"data-list\"},_vm._l((item.dataList),function(dataItem,dataIndex){return _c('li',{key:dataIndex,staticClass:\"data-list-item\",on:{\"click\":function($event){return _vm.clickDate(dataItem, index)}}},[_c('div',{staticClass:\"data-list-left\"},[_c('div',{staticClass:\"disc\"}),_c('div',{staticClass:\"data-title\"},[_vm._v(\" \"+_vm._s(dataItem.title)+\" \")])]),_c('div',{staticClass:\"data-list-right\"},[_c('img',{attrs:{\"src\":require('@/assets/icon/right-arrow.png'),\"alt\":\"\"}})])])}),0)])}),0)])]),_c('div',{staticClass:\"appointment-demonstration\"},[_c('div',{staticClass:\"content-center\"},[_vm._m(1),_c('div',{staticClass:\"appointment-demonstration-btn\",on:{\"click\":_vm.openBealter}},[_c('span',[_vm._v(\"预约产品显示\")])])])])]),_c('RightFixedgt'),_c('FootWrap'),_c('AltProduct',{ref:\"altProduct\"}),_c('ast',{ref:\"ast\"})],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"title-subtitle\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"产品价值分析\")]),_c('div',{staticClass:\"subtitle\"},[_vm._v(\"实现培训从计划到实施的全流程线上管理模式\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"appointment-demonstration-text\"},[_c('h4',{staticClass:\"appointment-demonstration-title\"},[_vm._v(\"了解更多有关华跃产品与服务信息\")]),_c('h5',{staticClass:\"appointment-demonstration-subtitle\"},[_vm._v(\"您还可以预约我们的产品演示\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"personnel-grow\">\n    <AppBar />\n    <div class=\"page-content\">\n      <div class=\"personnel-grow-canvas\">\n        <div class=\"personnel-grow-background\">\n          <img :src=\"top.imgBack\" alt=\"\" />\n        </div>\n        <div class=\"por-container\">\n          <div class=\"solution-info\">\n            <div class=\"solution-info-title\">{{ top.title }}</div>\n            <div class=\"solution-info-content\" v-html=\"top.content\">\n              <!-- 利用在线招聘流程，帮助企业实现智能、便捷的招聘模式，\n              建立企业自己的人才储备机制 -->\n            </div>\n            <div class=\"solution-btn\" @click=\"openBealter\">预约演示</div>\n          </div>\n        </div>\n      </div>\n      <div ref=\"nav\" class=\"personnel-grow-nav\">\n        <div ref=\"navTabs\" class=\"personnel-grow-nav-tabs\" :style=\"{width: navWidth+'%', height: navHeight+'px'}\">\n          <div\n            v-for=\"(item, index) in navList\"\n            :key=\"index\"\n            :class=\"['personnel-grow-nav-item', topNaviId === item.id ? 'top-nav-item' : '']\"\n            @click=\"goAnchor(item)\"\n          >\n            {{ item.title }}\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"product-value\" class=\"product-value\">\n          <div class=\"title-subtitle\">\n            <div class=\"title\">产品价值分析</div>\n            <div class=\"subtitle\">实现培训从计划到实施的全流程线上管理模式</div>\n          </div>\n          <div class=\"value-list\">\n            <div\n              v-for=\"(item, index) in valueList\"\n              :key=\"index\"\n              class=\"value-list-item\"\n            >\n              <div class=\"value-list-item-card\">\n                <div class=\"list-item-icon-wrap\">\n                  <img\n                    :src=\"item.icon\"\n                    alt=\"\"\n                    class=\"list-item-icon\"\n                  />\n                </div>\n                <div class=\"list-item-text\">\n                  <div class=\"list-item-title\">\n                    {{ item.title }}\n                  </div>\n                  <div class=\"list-item-des\">\n                    {{ item.describe }}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"architecture\" class=\"architecture\">\n          <div class=\"title\">系统流程图</div>\n          <div class=\"architecture-content\">\n            <img :src=\"architecture\" alt=\"\" />\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"introduction\" class=\"introduction\">\n          <div class=\"title\">系统功能介绍</div>\n          <div class=\"introduction-content\">\n            <div\n              v-for=\"(item, index) in introductionList\"\n              :key=\"index\"\n              class=\"introduction-content-item\"\n              :class=\"{ 'introduction-tag-item-active': index == introductionTagActiveIndex }\"\n              @mouseenter=\"changeIntroduction(index)\"\n            >\n              <div class=\"introduction-tag-item-text\">\n                <div class=\"introduction-tag-item-title\">{{ item.title }}</div>\n                <div v-show=\"index == introductionTagActiveIndex\" class=\"line\"></div>\n                <div v-if=\"index != introductionTagActiveIndex\" class=\"introduction-tag-item-subtitle\">{{ item.subtitle }}</div>\n                <div v-else class=\"introduction-tag-item-content\">\n                  <div v-for=\"(contentItem, contentIndex) in item.ContentList\" :key=\"contentIndex\" class=\"content-item\">\n                    <img :src=\"require('@/assets/personnelgrow/icon/check.png')\" alt=\"\" />\n                    <div>{{ contentItem }}</div>\n                  </div>\n                </div>\n              </div>\n              <div class=\"introduction-tag-item-img\">\n                <img :src=\"item.img\" alt=\"\" />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div style=\"padding-top: 60px;\">\n        <div style=\"background-color: #f7f9fc;\">\n          <div ref=\"data-security\" class=\"data-security\">\n            <div class=\"title\">数据安全</div>\n            <div class=\"data-security-tag\">\n              <div v-for=\"(item, index) in dataSecurityTagList\" :key=\"index\" class=\"data-security-tag-item\">\n                <div class=\"item-box\" @click=\"changeStep(index)\">\n                  <div class=\"item-icon\" :class=\"{ 'item-icon-active': item.index === dataSecurityTagActiveIndex }\">\n                    <img :src=\"item.url\" alt=\"\" />\n                  </div>\n                  <div class=\"item-title\">{{ item.title }}</div>\n                </div>\n                <div v-if=\"index<2\" class=\"data-security-tag-arrow\"></div>\n              </div>\n            </div>\n            <div class=\"data-security-content\">\n              <div class=\"arrow\" @click=\"last\">\n                <img :src=\"require('@/assets/personnelgrow/icon/left-arrow.png')\" alt=\"\" />\n              </div>\n              <transition name=\"secrity-fade\" mode=\"out-in\">\n                <div v-if=\"dataSecurityList.length != 0\" :key=\"dataSecurityTagActiveIndex\" class=\"data-security-content-list\">\n                  <div class=\"data-security-content-left\">\n                    <img :src=\"dataSecurityList[dataSecurityTagActiveIndex].url\" alt=\"\" />\n                  </div>\n                  <div class=\"data-security-content-right\">\n                    <div\n                      v-for=\"(item, index) in dataSecurityList[dataSecurityTagActiveIndex].textList\"\n                      :key=\"index\"\n                      class=\"content-text-box\"\n                    >\n                      <img :src=\"require('@/assets/home/content-tip.png')\" alt=\"\" class=\"list-icon\" />\n                      <div class=\"text\">\n                        {{ item }}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </transition>\n              <div class=\"arrow\" @click=\"next\">\n                <img :src=\"require('@/assets/personnelgrow/icon/right-arrow.png')\" alt=\"\" />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"customer-stories\">\n          <div style=\"width: 100%; height: 60px; background-color: #f7f9fc;\"></div>\n          <div class=\"customer-stories\">\n            <div class=\"customer-stories-content\">\n              <div class=\"title\">中大型企业的共同选择</div>\n              <div class=\"customer-stories-list\">\n                <div v-for=\"(item, index) in enterpriseList\" :key=\"index\" class=\"cystiner-stirues-item\">\n                  <img :src=\"item\" alt=\"\" />\n                </div>\n              </div>\n              <div class=\"customer-stories-btn\" @click=\"moreEnterprise\">\n                <div class=\"btn-text\">\n                  查看更多案例\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"data-download\" class=\"data-download\">\n          <div class=\"title\">行业资料</div>\n          <div class=\"data-download-content\">\n            <div v-for=\"(item, index) in dataDownloadList\" :key=\"index\" class=\"data-download-content-item\">\n              <div class=\"dataListTitle\">{{ item.title }}</div>\n              <ul class=\"data-list\">\n                <li\n                  v-for=\"(dataItem, dataIndex) in item.dataList\"\n                  :key=\"dataIndex\"\n                  class=\"data-list-item\"\n                  @click=\"clickDate(dataItem, index)\"\n                >\n                  <div class=\"data-list-left\">\n                    <div class=\"disc\"></div>\n                    <div class=\"data-title\">\n                      {{ dataItem.title }}\n                    </div>\n                  </div>\n                  <div class=\"data-list-right\">\n                    <img :src=\"require('@/assets/icon/right-arrow.png')\" alt=\"\" />\n                  </div>\n                </li>\n              </ul>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"appointment-demonstration\">\n        <div class=\"content-center\">\n          <div class=\"appointment-demonstration-text\">\n            <h4 class=\"appointment-demonstration-title\">了解更多有关华跃产品与服务信息</h4>\n            <h5 class=\"appointment-demonstration-subtitle\">您还可以预约我们的产品演示</h5>\n          </div>\n          <div class=\"appointment-demonstration-btn\" @click=\"openBealter\">\n            <span>预约产品显示</span>\n          </div>\n        </div>\n      </div>\n    </div>\n    <RightFixedgt />\n    <FootWrap />\n    <AltProduct ref=\"altProduct\" />\n    <ast ref=\"ast\" />\n  </div>\n</template>\n\n<script>\nimport { getColumnChild, getColumnDetail } from '@/api/column';\nimport { getContentList, getContentDetail, download } from '@/api/content';\n// import value1 from '@/assets/personnelgrow/icon/value1.png';\n// import value2 from '@/assets/personnelgrow/icon/value2.png';\n// import value3 from '@/assets/personnelgrow/icon/value3.png';\n// import value4 from '@/assets/personnelgrow/icon/value4.png';\n// import stories1 from '@/assets/staffmanage/stories1.png';\n// import stories2 from '@/assets/staffmanage/stories2.png';\n// import stories3 from '@/assets/staffmanage/stories3.png';\n// import stories4 from '@/assets/staffmanage/stories4.png';\n// import stories5 from '@/assets/staffmanage/stories5.png';\n// import stories6 from '@/assets/staffmanage/stories6.png';\n// import stories7 from '@/assets/staffmanage/stories7.png';\nexport default {\n  name: 'PersonnelGrow',\n  data () {\n    return {\n      top: {\n        title: '',\n        content: '',\n        imgBack: require('@/assets/personnelgrow/canvas.gif'),\n      },\n      navWidth: 80,\n      navHeight: 60,\n      offsetTop: 0,\n      scrollTop: 0,\n      position: 0,\n      valueIndex: null,\n      topNaviId: null,\n      navList: [\n        {\n          title: '产品价值',\n          id: 'product-value',\n        },\n        {\n          title: '系统架构',\n          id: 'architecture',\n        },\n        {\n          title: '功能介绍',\n          id: 'introduction',\n        },\n        {\n          title: '数据安全',\n          id: 'data-security',\n        },\n        {\n          title: '客户案例',\n          id: 'customer-stories',\n        },\n        {\n          title: '资料下载',\n          id: 'data-download',\n        },\n      ],\n      valueList: [\n        // {\n        //   icon: value1,\n        //   title: '建立知识体系',\n        //   describe: '统筹管理企业各种类型课程包含文档、语音、视频、链接等根据业务需要建立讲师、培训机构、问卷调查等等基础数据',\n        // },\n        // {\n        //   icon: value2,\n        //   title: '管理制度托管',\n        //   describe: '配备标准的三大培训体系流程满足企业业务发展的需要,根据个性化要求进行细节调整',\n        // },\n        // {\n        //   icon: value3,\n        //   title: '管理决策支撑',\n        //   describe: '培训结果的重要体现，对企业人员进行在线考试的模式,实现对培训成果的考核，完善培训闭环中最后一个节点 ',\n        // },\n        // {\n        //   icon: value4,\n        //   title: '员工归属感',\n        //   describe: '建立积分奖励机制和兑换平台激励员工自主提升个人能力和业务素养',\n        // },\n      ],\n      architecture: '',\n      introductionList: [\n        // {\n        //   img: require('@/assets/personnelgrow/introduction-img1.png'),\n        //   title: '智能推送',\n        //   subtitle: '多种薪酬制度如何在同一系统体现',\n        //   ContentList: [\n        //     '实施计划和课程与人员绑定，启动实施的同时系统自动推送信息给培训人员和讲师。',\n        //     '培训体系的课程与岗位关联，人员上岗后能及时知晓必修课程。',\n        //     '年度计划安排会根据参与培训的人员自动推送信息，方便员工合理安排时间培训。',\n        //   ],\n        // },\n        // {\n        //   img: require('@/assets/personnelgrow/introduction-img2.png'),\n        //   title: '移动签到',\n        //   subtitle: '手动签到耗时耗力，时候还需要登记培训记录',\n        //   ContentList: [\n        //     '使用二维码签到模式，签到后自动形成培训记录。',\n        //     '培训开始时系统自动发消息提示参与培训人员进行签到。',\n        //     '系统自动记录培训签到、签离时间，作为培训人员的学习课时。',\n        //   ],\n        // },\n        // {\n        //   img: require('@/assets/personnelgrow/introduction-img3.png'),\n        //   title: '在线培训',\n        //   subtitle: '集团化企业各个分支公司的相关岗位无法集中进行培训',\n        //   ContentList: [\n        //     '利用在线视频的培训方式，满足无法进行现场培训的要求。',\n        //     '系统设置防呆模式，保证培训质量。',\n        //     '直播培训，不限定在同一地点的同时，还能进行在线互动问答。',\n        //   ],\n        // },\n        // {\n        //   img: require('@/assets/personnelgrow/introduction-img4.png'),\n        //   title: '在线考试',\n        //   subtitle: '只有简单培训记录无法对培训成果进行考察  ',\n        //   ContentList: [\n        //     '建立自定义的考试平台，拥有企业自己内部的试题库。',\n        //     '针对不同类型岗位的人员可以随机自动产生试卷。',\n        //     '考试设置合格标准，设置补考模式，结果与岗位胜任关联。',\n        //   ],\n        // },\n      ],\n      introductionTagActiveIndex: 0,\n      dataSecurityTagList: [\n        // {\n        //   title: '身份认证',\n        //   url: require('@/assets/personnelgrow/icon/data-security-tag1.png'),\n        //   index: 0,\n        // },\n        // {\n        //   title: '安全访问',\n        //   url: require('@/assets/personnelgrow/icon/data-security-tag2.png'),\n        //   index: 1,\n        // },\n        // {\n        //   title: '品质保证',\n        //   url: require('@/assets/personnelgrow/icon/data-security-tag3.png'),\n        //   index: 2,\n        // },\n      ],\n      dataSecurityList: [\n        // {\n        //   url: require('@/assets/personnelgrow/data-security-img1.png'),\n        //   textList: [\n        //     '传统用户名/密码认证1',\n        //     '支持动态密码安全认证方式',\n        //     '支持USBE-key电子密钥安全认证方式(CA)',\n        //   ],\n        // },\n        // {\n        //   url: require('@/assets/personnelgrow/data-security-img2.png'),\n        //   textList: [\n        //     '传统用户名/密码认证2',\n        //     '支持动态密码安全认证方式',\n        //     '支持USBE-key电子密钥安全认证方式(CA)',\n        //   ],\n        // },\n        // {\n        //   url: require('@/assets/personnelgrow/data-security-img3.png'),\n        //   textList: [\n        //     '传统用户名/密码认证3',\n        //     '支持动态密码安全认证方式',\n        //     '支持USBE-key电子密钥安全认证方式(CA)',\n        //   ],\n        // },\n      ],\n      dataSecurityTagActiveIndex: 0,\n      enterpriseList: [\n        // stories1,\n        // stories2,\n        // stories3,\n        // stories4,\n        // stories5,\n        // stories6,\n        // stories7,\n        // stories1,\n        // stories2,\n        // stories3,\n        // stories4,\n        // stories5,\n        // stories6,\n        // stories7,\n        // stories1,\n        // stories2,\n        // stories3,\n        // stories4,\n      ],\n      dataDownloadList: [\n        {\n          title: '资料下载',\n          dataList: [\n            {\n              id: 1,\n              title: '【公告】我们拥有精湛的实施工程师团队工程师团队',\n            },\n            {\n              id: 2,\n              title: '【公告】具有定制化知识与丰富经验的维丰富经验的',\n            },\n            {\n              id: 3,\n              title: '【公告】及时为客户解决在使用过程中的过程中的使',\n            },\n          ],\n        },\n        {\n          title: '产品动态',\n          dataList: [\n            {\n              id: 4,\n              title: '【公告】我们拥有精湛的实施工程师团队工程师团队',\n            },\n            {\n              id: 5,\n              title: '【公告】具有定制化知识与丰富经验的维丰富经验的',\n            },\n            {\n              id: 6,\n              title: '【公告】及时为客户解决在使用过程中的过程中的使',\n            },\n          ],\n        },\n        {\n          title: '干货推荐',\n          dataList: [\n            {\n              id: 7,\n              title: '【公告】我们拥有精湛的实施工程师团队工程师团队',\n            },\n            {\n              id: 8,\n              title: '【公告】具有定制化知识与丰富经验的维丰富经验的',\n            },\n            {\n              id: 9,\n              title: '【公告】及时为客户解决在使用过程中的过程中的使',\n            },\n          ],\n        },\n      ],\n    };\n  },\n  watch: {\n    scrollTop(newValue) {\n      setTimeout(() => {\n        if (newValue === window.scrollY) {\n          for (var i = 0; i < this.navList.length; i++) {\n            var elementTop = this.$refs[`${this.navList[i].id}`].offsetTop - this.scrollTop - 1;\n            if (elementTop <= 70) {\n              this.topNaviId = this.navList[i].id;\n            }\n          }\n        }\n      }, 20);\n    },\n  },\n  mounted () {\n    window.addEventListener('scroll', this.handleScroll);\n    this.$nextTick(() => {\n      const nav = this.$refs.nav;\n      this.offsetTop = nav.offsetTop;\n    });\n    this.getPageColumn();\n    this.getPartner();\n  },\n  beforeDestroy () {\n    window.removeEventListener('scroll', this.handleScroll);\n  },\n  methods: {\n    handleScroll() {\n      var offsetHeight = this.$refs.navTabs.offsetHeight;\n      this.scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;\n      var headerFixed = this.scrollTop > this.offsetTop - offsetHeight / 2 - 70;\n      var scroll = this.scrollTop - this.position;\n      this.position = this.scrollTop;\n      if (this.scrollTop <= 400) {\n        this.navHeight = 52;\n        this.navWidth = 80;\n        this.$refs.nav.style.position = 'relative';\n        this.$refs.nav.style.top = '0px';\n        this.topNaviId = null;\n      } else if (this.scrollTop >= 400 && !headerFixed) {\n        this.navHeight += 0.04 * scroll;\n        this.navWidth += 0.12 * scroll;\n        this.$refs.navTabs.style.top = -(offsetHeight / 2) + 'px';\n        this.$refs.nav.style.position = 'relative';\n        this.$refs.nav.style.top = '0px';\n        this.topNaviId = null;\n      } else if (headerFixed) {\n        this.navHeight = 60;\n        this.navWidth = 100;\n        this.$refs.navTabs.style.top = -(offsetHeight / 2) + 'px';\n        this.$refs.nav.style.position = 'fixed';\n        this.$refs.nav.style.top = (offsetHeight / 2) + 70 + 'px';\n      }\n    },\n    goAnchor(i) {\n      // var id = '#' + i.id;\n      // document.querySelector(id).scrollIntoView({\n      //   behavior: 'smooth',\n      //   block: 'start',\n      // });\n      window.scrollTo({\n        top: this.$refs[`${i.id}`].offsetTop - 70,\n        left: 0,\n        behavior: 'smooth',\n      });\n    },\n\n    // 获取页面栏目\n    getPageColumn() {\n      const params = { parentId: '1605835885893607424', };\n      getColumnChild(params).then(async (res) => {\n        const { result, } = res;\n        for (var i = 0; i < result.length; i++) {\n          if (result[i].name === '产品价值') {\n            const rrs = await getContentList({ columnId: result[i].id, pageNum: 1, pageSize: 99, });\n            const rrsult = rrs.result;\n            for (var j = 0; j < rrsult.data.length; j++) {\n              const valueItem = {\n                icon: rrsult.data[j].icon,\n                title: rrsult.data[j].title,\n                describe: rrsult.data[j].description,\n              };\n              this.valueList.push(valueItem);\n            }\n          } else if (result[i].name === '系统架构') {\n            getColumnDetail(result[i].id).then((rrs) => {\n              const rrsult = rrs.result;\n              this.architecture = rrsult.icon;\n            });\n          } else if (result[i].name === '功能介绍') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\n            getContentList(data).then(async (rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                var introductionItem = {\n                  img: rrsult.data[j].icon,\n                  title: rrsult.data[j].title,\n                  subtitle: rrsult.data[j].summaryTitle,\n                  ContentList: [],\n                };\n                const rts = await getContentDetail(rrsult.data[j].id);\n                const rtsult = rts.result;\n                for (var x = 0; x < rtsult.elements.length; x++) {\n                  introductionItem.ContentList.push(rtsult.elements[x].content);\n                }\n                this.introductionList.push(introductionItem);\n              }\n            });\n          } else if (result[i].name === '数据安全') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\n            getContentList(data).then(async (rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                var dataSecurityTag = {\n                  title: rrsult.data[j].title,\n                  url: rrsult.data[j].icon,\n                  index: j,\n                };\n                this.dataSecurityTagList.push(dataSecurityTag);\n                var rts = await getContentDetail(rrsult.data[j].id);\n                const rtsult = rts.result;\n                var dataSecurityItem = {\n                  url: rtsult.logo,\n                  textList: [],\n                };\n                for (var x = 0; x < rtsult.elements.length; x++) {\n                  dataSecurityItem.textList.push(rtsult.elements[x].content);\n                }\n                this.dataSecurityList.push(dataSecurityItem);\n              }\n            });\n          } else if (result[i].name === '顶部图') {\n            getColumnDetail(result[i].id).then((rrs) => {\n              const rrsult = rrs.result;\n              var content = rrsult.elements.find(obj => obj.name === 'content').content;\n              var contentdoc = new DOMParser().parseFromString(content, 'text/html');\n              this.top.title = rrsult.elements.find(obj => obj.name === 'subtitle').content;\n              this.top.content = contentdoc.documentElement.textContent.replace(/&nbsp;/g, ' ');\n              // this.top = {\n              //   imgBack: rrsult.icon,\n              // };\n            });\n          }\n        }\n      });\n      const downLoadParams = { columnId: '1605494229646401536', pageNum: 1, pageSize: 4, commendation: 13, cascade: true, };\n      getContentList(downLoadParams).then(async (res) => {\n        const { result, } = res;\n        this.dataDownloadList[0].dataList = result.data;\n      });\n      const contentParams = { columnId: '1605774350588534784', pageNum: 1, pageSize: 4, commendation: 13, };\n      getContentList(contentParams).then(async (res) => {\n        const { result, } = res;\n        this.dataDownloadList[1].dataList = result.data;\n      });\n      const industryParams = { columnId: '1605774444985540608', pageNum: 1, pageSize: 4, commendation: 13, };\n      getContentList(industryParams).then(async (res) => {\n        const { result, } = res;\n        this.dataDownloadList[2].dataList = result.data;\n      });\n    },\n\n    // 合作伙伴列表\n    getPartner() {\n      var params = { columnId: '1605405080163672064', pageNum: 1, pageSize: 18, commendation: 16, cascade: true, };\n      getContentList(params).then((res) => {\n        const { result, } = res;\n        for (var i = 0; i < result.data.length; i++) {\n          this.enterpriseList.push(result.data[i].logo);\n        }\n      });\n    },\n\n    clickDate(data, index) {\n      if (index === 0) {\n        getContentDetail(data.id).then((res) => {\n          const { result, } = res;\n          var file = result.elements.find(obj => obj.name === 'file').content;\n          download(file[0].url).then((rrs) => {\n            const fileName = file[0].name;\n            const blob = new Blob([ rrs.data, ]);\n            if (typeof window.navigator.msSaveBlob !== 'undefined') {\n              // 兼容window.navigator.msSaveBlob：以本地方式保存文件\n              window.navigator.msSaveBlob(blob, decodeURI(fileName));\n            } else {\n              // 创建新的URL并指向File对象或者Blob对象的地址\n              const blobURL = window.URL.createObjectURL(blob);\n              // 创建a标签，用于跳转至下载链接\n              const tempLink = document.createElement('a');\n              tempLink.style.display = 'block';\n              tempLink.href = blobURL;\n              tempLink.setAttribute('download', decodeURI(fileName));\n              // 兼容：某些浏览器不支持HTML5的download属性\n              if (typeof tempLink.download === 'undefined') {\n                tempLink.setAttribute('target', '_blank');\n              }\n              // 挂载a标签\n              document.body.appendChild(tempLink);\n              tempLink.click();\n              document.body.removeChild(tempLink);\n              // 释放blob URL地址\n              window.URL.revokeObjectURL(blobURL);\n            }\n          });\n        });\n      } else if (index === 1) {\n        this.$router.push({ path: `/news/details/${data.id}`, query: { type: 1, }, });\n      } else if (index === 2) {\n        this.$router.push({ path: `/news/details/${data.id}`, query: { type: 2, }, });\n      }\n    },\n\n    onMouseenter(i) {\n      this.valueIndex = i;\n    },\n    onMouseleve() {\n      this.valueIndex = null;\n    },\n    changeStep (index) {\n      this.dataSecurityTagActiveIndex = index;\n    },\n    changeIntroduction (index) {\n      this.introductionTagActiveIndex = index;\n    },\n    last () {\n      if (this.dataSecurityTagActiveIndex !== 0) {\n        this.dataSecurityTagActiveIndex -= 1;\n      }\n    },\n    next () {\n      if (this.dataSecurityTagActiveIndex !== 2) {\n        this.dataSecurityTagActiveIndex += 1;\n      }\n    },\n    moreEnterprise () {\n      this.$router.push({ name: 'CustomerCase', });\n    },\n    openBealter () {\n      this.$refs.altProduct.tobealter();\n    },\n    openBealter2() {\n       this.$refs.ast.drawer  = true\n    },\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n.personnel-grow{\n  background-color: #fff;\n  .page-content{\n    width: 100%;\n    .personnel-grow-canvas{\n      width: 100%;\n      height: fit-content;\n      min-width: var(--minwidth);\n      position: relative;\n      background-size: cover;\n      overflow: hidden;\n      .personnel-grow-background{\n        position: absolute;\n        left: 0;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        background-position: top;\n        background-size: cover;\n        background-repeat: no-repeat;\n        // width: 100%;\n        // height: 560px;\n        // // background-position: top;\n        // // background-size: cover;\n        // // background-repeat: no-repeat;\n        // display: flex;\n        // justify-content: center;\n        // align-items: center;\n        // object-fit: cover;\n        img{\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n          object-position: center top;\n        }\n      }\n      .por-container {\n          width: 85%;\n          max-width: 1200px;\n          margin: 0 auto;\n          position: relative;\n          .solution-info {\n            width: 540px;\n            height: 560px;\n            display: flex;\n            justify-content: center;\n            flex-direction: column;\n            box-sizing: border-box;\n            .solution-info-title {\n              font-size: 45px;\n              font-weight: bold;\n              line-height: 55px;\n              color: #181818;\n              margin-bottom: 30px;\n            }\n            .solution-info-content {\n              font-size: 20px;\n              line-height: 32px;\n              color: #7b7b7b;\n              margin-bottom: 44px;\n            }\n            .solution-btn {\n              width: 142px;\n              height: 48px;\n              background-color: #617fff;\n              color: #fff;\n              text-align: center;\n              line-height: 48px;\n              cursor: pointer;\n              border-radius: 24px;\n            }\n          }\n        }\n    }\n    .personnel-grow-nav{\n      width: 100%;\n      display: flex;\n      position: relative;\n      justify-content: center;\n      z-index: 50;\n      .personnel-grow-nav-tabs{\n        margin: 0 auto;\n        box-shadow: 0px 2px 8px 0px rgba(139, 139, 139, 0.18);\n        border-radius: 2px;\n        background-color: #fff;\n        display: flex;\n        position: absolute;\n        top: -26px;\n        .personnel-grow-nav-item{\n          flex: 1;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          color: #181818;\n          font-size: 14px;\n          cursor: pointer;\n        }\n        .personnel-grow-nav-item:hover{\n          color: #00b0dc;\n        }\n        .top-nav-item {\n          color: #ffffff;\n          background-color: #00b0dc;\n        }\n        .top-nav-item:hover {\n          color: #fff;\n        }\n      }\n    }\n    .product-value{\n      width: 1200px;\n      padding-top: 116px;\n      margin: 0 auto;\n      background-color: #fff;\n      box-sizing: border-box;\n      .title-subtitle{\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-direction: column;\n        margin-bottom: 64px;\n        .title{\n          font-size: 32px;\n          color: #181818;\n          line-height: 1;\n        }\n        .subtitle{\n          font-size: 16px;\n          color: #7b7b7b;\n          margin-top: 23px;\n          line-height: 1;\n        }\n      }\n      .value-list{\n        width: 1200px;\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        margin: 0 auto;\n        .value-list-item{\n          width: calc(50% - 30px);\n          height: 187px;\n          margin: 15px;\n          background-color: #f5f5f5;\n          .value-list-item-card{\n            width: 100%;\n            color: #181818;\n            height: 100%;\n            padding: 54px 36px 55px 40px;\n            transition: all .3s ease-in-out;\n            box-sizing: border-box;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            .list-item-icon-wrap{\n              .list-item-icon{\n                width: 54px;\n                height: auto;\n                opacity: 1;\n                display: block;\n              }\n            }\n            .list-item-text{\n              margin-left: 40px;\n              display: flex;\n              flex-direction: column;\n              align-items: flex-start;\n              .list-item-title{\n                font-size: 20px;\n                line-height: 1;\n                color: #181818;\n              }\n              .list-item-des{\n                width: 100%;\n                flex: 1;\n                color: #757575;\n                font-size: 16px;\n                margin-top: 18px;\n              }\n            }\n          }\n        }\n      }\n    }\n    .architecture{\n      width: 1200px ;\n      padding-top: 119px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      .title{\n        font-size: 32px;\n        color: #181818;\n        line-height: 1;\n        margin-bottom: 70px;\n      }\n      .architecture-content{\n        width: 100%;\n        img{\n          width: 100%;\n        }\n      }\n    }\n    .introduction{\n      width: 1199px;\n      padding-top: 109px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      .title{\n        font-size: 32px;\n        color: #181818;\n        line-height: 1;\n        padding-bottom: 70px;\n        box-sizing: border-box;\n      }\n      .introduction-content{\n        display: flex;\n        align-items: flex-start;\n        margin-top: 80px;\n        width: 100%;\n        height: 680px;\n        .introduction-content-item{\n          flex: 1;\n          height: 100%;\n          background-color: #fff;\n          border-radius: 12px;\n          border: solid 1px #ebf5ff;\n          transition: all .5s ease-in-out;\n          padding: 50px 26px 60px;\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          position: relative;\n          box-sizing: border-box;\n          .introduction-tag-item-text{\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: flex-start;\n            transition: all .5s ease-in-out;\n            overflow: hidden;\n            .introduction-tag-item-title{\n              font-size: 24px;\n              color: #181818;\n              transition: all .5s ease-in-out;\n            }\n            .line{\n              width: 32px;\n              height: 6px;\n              border-radius: 3px;\n              background-color: #00b0dc;\n              margin: 16px 0 18px;\n            }\n            .introduction-tag-item-subtitle{\n              width: 128px;\n              margin-top: 37px;\n              display: flex;\n              justify-content: center;\n              align-items: center;\n              font-size: 16px;\n              color: #7b7b7b;\n              text-align: center;\n              transition: all .5s ease-in-out;\n            }\n            .introduction-tag-item-content{\n              width: 0px;\n              overflow: hidden;\n              transition: all .5s ease-in-out;\n            }\n          }\n          .introduction-tag-item-img{\n            width: 160px;\n            height: 160px;\n            position: absolute;\n            top: 50%;\n            margin-top: -60px;\n            transition: all .5s ease-in-out;\n            img{\n              width: 100%;\n              height: auto;\n              transition: all .5s ease-in-out;\n            }\n          }\n        }\n        .introduction-tag-item-active{\n          flex: 3;\n          justify-content: space-between;\n          padding: 50px 40px 60px;\n          background-image: linear-gradient(-45deg,\n            #eff4ff 0%,\n            #f1fcfd 100%),\n          linear-gradient(\n            #eff4ff,\n            #eff4ff);\n            .introduction-tag-item-text{\n              width: 100%;\n              align-items: flex-start;\n              .introduction-tag-item-title{\n                font-weight: 500;\n              }\n              .introduction-tag-item-content{\n                width: 520px;\n                overflow: hidden;\n                display: flex;\n                flex-direction: column;\n                align-items: flex-start;\n                justify-content: flex-start;\n                .content-item{\n                  width: 488px;\n                  font-size: 16px;\n                  color: #181818;\n                  margin-top: 20px;\n                  display: flex;\n                  img{\n                    width: 16px;\n                    height: 12px;\n                    margin-top: 5px;\n                    margin-right: 12px;\n                  }\n                }\n              }\n            }\n            .introduction-tag-item-img{\n              width: 520px;\n              height: 324px;\n              position: static;\n            }\n        }\n      }\n    }\n    .introduction-fade-enter-active {\n      animation: bounce-in 1.3s;\n    }\n    .introduction-fade-leave-active {\n      animation: bounce-in .5s reverse;\n    }\n    @keyframes bounce-in {\n      0% {\n        opacity: 0;\n      }\n      100% {\n        opacity: 1;\n      }\n    }\n    .data-security{\n      width: 1200px;\n      // min-width: var(--minwidth);\n      padding-top: 70px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      .title{\n        font-size: 32px;\n        color: #181818;\n        margin-bottom: 70px;\n      }\n      .data-security-tag{\n        display: flex;\n        align-items: center;\n        margin-bottom: 60px;\n        .data-security-tag-item{\n          display: flex;\n          align-items: center;\n          cursor: pointer;\n          .item-box{\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            .item-icon{\n              width: 62px;\n              height: 62px;\n              background-color: transparent;\n              border: 1px solid transparent;\n              border-radius: 50%;\n              display: flex;\n              justify-content: center;\n              align-items: center;\n              margin-bottom: 23px;\n            }\n            .item-icon-active{\n              background-color: #fff;\n              border: 1px solid #00b0dc;\n              box-shadow: 0px 8px 20px 0px rgba(69, 125, 177, 0.12);\n            }\n            .item-title{\n              font-size: 18px;\n              color: #181818;\n            }\n          }\n          .data-security-tag-arrow{\n            width: 192px;\n            height: 1px;\n            background-color: #e1e6f0;\n            margin: 0 28px;\n            margin-bottom: 46px;\n          }\n        }\n      }\n      .data-security-content{\n        width: 100%;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        .arrow{\n          width: 24px;\n          height: 24px;\n          box-shadow: 0px 8px 20px 0px rgba(75, 75, 137, 0.1);\n          cursor: pointer;\n          img{\n            display: block;\n          }\n        }\n        .data-security-content-list{\n          height: 252px;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          .data-security-content-left{\n            width: 355px;\n            height: 100%;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            img{\n              display: block;\n            }\n          }\n          .data-security-content-right{\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n            justify-content: center;\n            margin-left: 145px;\n            .content-text-box{\n              display: flex;\n              justify-content: center;\n              align-items: flex-start;\n              .list-icon{\n                width: 16px;\n                height: 16px;\n                margin-top: 1px;\n                margin-right: 12px;\n              }\n              .text{\n                font-size: 16px;\n                color: #7b7b7b;\n                line-height: 1;\n                padding-bottom: 30px;\n              }\n            }\n          }\n        }\n      }\n      .secrity-fade-enter-active {\n        animation: bounc-in 1.3s;\n      }\n      .secrity-fade-lave-active {\n        animation: bounce-in .5s reverse;\n      }\n      @keyframes bounce-in {\n        0% {\n          opacity: 0;\n        }\n        100% {\n          opacity: 0;\n        }\n      }\n    }\n    .customer-stories{\n      display: flex;\n      flex-direction: column;\n      background: url('@/assets/staffmanage/customer-back.png') center;\n      background-size: cover;\n      height: 561px;\n      padding: 69px 0 60px;\n      box-sizing: border-box;\n      .customer-stories-content{\n        width: 1200px;\n        // min-width: var(--minwidth);\n        margin: 0 auto;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        .title{\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          font-size: 32px;\n          font-weight: 500;\n          color: #181818;\n          margin-bottom: 70px;\n        }\n        .customer-stories-list{\n          width: 100%;\n          display: flex;\n          flex-wrap: wrap;\n          justify-content: flex-start;\n          .cystiner-stirues-item{\n            width: calc(16.666% - 20px);\n            height: 70px;\n            margin: 10px;\n            background-color: #fff;\n            display: flex;\n            box-sizing: border-box;\n            justify-content: center;\n            align-items: center;\n            padding: 10px;\n            img {\n              width: 100%;\n              height: 100%;\n              object-fit: contain;\n              display: block;\n            }\n          }\n        }\n        .customer-stories-btn{\n          width: 155px;\n          height: 50px;\n          background-color: #00b0dc;\n          border-radius: 25px;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          margin-top: 20px;\n          cursor: pointer;\n          .btn-text{\n            font-size: 15px;\n            color: #ffffff;\n          }\n          &:hover{\n            transform: scale(1.1);\n            transition: all  0.5s;\n          }\n        }\n      }\n    }\n    .data-download{\n      width: 70%;\n      min-width: 1209px;\n      padding-top: 70px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      padding-bottom: 100px;\n      .title{\n        font-size: 32px;\n        color: #181818;\n      }\n      .data-download-content{\n        display: flex;\n        margin: 70px auto 0;\n        .data-download-content-item{\n          width: 386px;\n          height: 250px;\n          margin-right: 21px;\n          padding: 31px 32px 0 28px;\n          background: url('@/assets/staffmanage/download-back.png') center;\n          background-size: cover;\n          box-sizing: border-box;\n          .dataListTitle{\n            font-size: 18px;\n            color: #181818;\n            line-height: 1;\n            margin-bottom: 14px;\n          }\n          .data-list{\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            .data-list-item{\n              width: 100%;\n              display: flex;\n              justify-content: space-between;\n              margin-top: 14px;\n              // padding-left: 24px;\n              box-sizing: border-box;\n              list-style:disc;\n              .data-list-left{\n                display: flex;\n                align-items: center;\n                justify-content: flex-start;\n                .disc{\n                  width: 4px;\n                  height: 4px;\n                  border-radius: 50%;\n                  background-color: #000;\n                }\n                .data-title{\n                  width: 254px;\n                  overflow: hidden;\n                  white-space: nowrap;\n                  text-overflow: ellipsis;\n                  font-size: 14px;\n                  color: #181818;\n                  cursor: pointer;\n                  position: relative;\n                  margin-left: 20px;\n                }\n              }\n              .data-list-right{\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                img{\n                  width: auto;\n                  height: 10px;\n                  display: block;\n                }\n                display: none;\n              }\n            }\n            .data-list-item:hover{\n              .data-list-left{\n                .disc{\n                  background-color: #2979ff;\n                }\n                .data-title{\n                  color: #2979ff;\n                }\n              }\n              .data-list-right{\n                display: block;\n              }\n            }\n          }\n        }\n        .data-download-content-item:last-child{\n          margin-right: 0;\n        }\n      }\n    }\n    .appointment-demonstration{\n      width: 100%;\n      height: 126px;\n      background-image: url('@/assets/personnelgrow/appointment-demonstration.png');\n      background-repeat: no-repeat;\n      background-size: cover;\n      color: #fff;\n      // padding: 22px;\n      box-sizing: border-box;\n      .content-center{\n        width: 1200px;\n        height: 100%;\n        margin: 0 auto;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        .appointment-demonstration-text{\n          .appointment-demonstration-title{\n            font-size: 22px;\n            color: #fff;\n            font-weight: 500;\n            margin-bottom: 16px;\n            line-height: 1;\n          }\n          .appointment-demonstration-subtitle{\n            font-size: 16px;\n            font-weight: 400;\n            color: #fff;\n            line-height: 1;\n          }\n        }\n        .appointment-demonstration-btn{\n          width: 124px;\n          height: 42px;\n          text-align: center;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          border-radius: 8px;\n          border: 1px solid #fff;\n          line-height: 42px;\n          cursor: pointer;\n          font-size: 14px;\n          font-weight: 400;\n          // img{\n          //   width: 18px;\n          //   height: 42px;\n          //   vertical-align: middle;\n          // }\n          transition: all 0.5s;\n          // &:hover{\n          //   transform: scale(1.1);\n          //   transition: all  0.5s;\n          // }\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./personnel-grow.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./personnel-grow.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./personnel-grow.vue?vue&type=template&id=d5d80af4&scoped=true&\"\nimport script from \"./personnel-grow.vue?vue&type=script&lang=js&\"\nexport * from \"./personnel-grow.vue?vue&type=script&lang=js&\"\nimport style0 from \"./personnel-grow.vue?vue&type=style&index=0&id=d5d80af4&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"d5d80af4\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"personnel-recruit\"},[_c('AppBar'),_c('div',{staticClass:\"page-content\"},[_c('div',{staticClass:\"personnel-recruit-canvas\"},[_c('div',{staticClass:\"personnel-recruit-background\"},[_c('img',{attrs:{\"src\":_vm.top.imgBack,\"alt\":\"\"}})]),_c('div',{staticClass:\"por-container\"},[_c('div',{staticClass:\"solution-info\"},[_c('div',{staticClass:\"solution-info-title\"},[_vm._v(_vm._s(_vm.top.title))]),_c('div',{staticClass:\"solution-info-content\",domProps:{\"innerHTML\":_vm._s(_vm.top.content)}}),_c('div',{staticClass:\"solution-btn\",on:{\"click\":_vm.openBealter}},[_vm._v(\"预约演示\")])])])]),_c('div',{ref:\"nav\",staticClass:\"personnel-grow-nav\"},[_c('div',{ref:\"navTabs\",staticClass:\"personnel-grow-nav-tabs\",style:({width: _vm.navWidth+'%', height: _vm.navHeight+'px'})},_vm._l((_vm.navList),function(item,index){return _c('div',{key:index,class:['personnel-grow-nav-item', _vm.topNaviId === item.id ? 'top-nav-item' : ''],on:{\"click\":function($event){return _vm.goAnchor(item)}}},[_vm._v(\" \"+_vm._s(item.title)+\" \")])}),0)]),_c('div',{ref:\"product-value\",staticClass:\"product-value\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"产品价值分析\")]),_c('div',{staticClass:\"product-value-content\"},[_c('img',{attrs:{\"src\":_vm.productValue,\"alt\":\"\"}})])]),_c('div',[_c('div',{ref:\"architecture\",staticClass:\"architecture\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"系统流程图\")]),_c('div',{staticClass:\"flow-chart-content\"},[_c('img',{attrs:{\"src\":_vm.architecture,\"alt\":\"\"}})])])]),_c('div',[_c('div',{ref:\"introduction\",staticClass:\"introduction\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"系统功能介绍\")]),_c('div',{staticClass:\"introduction-tag-list\"},_vm._l((_vm.introductionTagList),function(item,index){return _c('div',{key:index,staticClass:\"tag-list-item\",class:{'tag-list-item-change': _vm.introductionIndex == index}},[_c('div',{staticClass:\"tag-list-text\",on:{\"click\":function($event){return _vm.changeStep(item)}}},[_vm._v(\" \"+_vm._s(item.text)+\" \")])])}),0),_c('div',{staticClass:\"introduction-content-box\"},[(_vm.introductionList.length != 0)?_c('div',{key:_vm.introductionIndex,staticClass:\"introduction-content\"},[_c('div',{staticClass:\"introduction-content-left\"},[_c('div',{staticClass:\"content-title\"},[_vm._v(_vm._s(_vm.introductionList[_vm.introductionIndex].title))]),_vm._l((_vm.introductionList[_vm.introductionIndex].content),function(item,index){return _c('div',{key:index,staticClass:\"content-text-box\"},[_c('div',{staticClass:\"content-text-li\"}),_c('div',{staticClass:\"content-text\"},[_vm._v(_vm._s(item))])])})],2),_c('div',{staticClass:\"introduction-content-right\"},[_c('img',{attrs:{\"src\":_vm.introductionList[_vm.introductionIndex].img,\"alt\":\"\"}})])]):_vm._e()])])]),_c('div',[_c('div',{staticStyle:{\"background-color\":\"#f7f9fc\",\"padding-top\":\"40px\"}},[_c('div',{ref:\"data-security\",staticClass:\"data-security\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"数据安全\")]),_c('div',{staticClass:\"data-security-content\"},_vm._l((_vm.dataSecurityList),function(item,index){return _c('div',{key:index,staticClass:\"data-security-list-item\"},[_c('img',{staticClass:\"list-item-icon\",attrs:{\"src\":item.icon,\"alt\":\"\"}}),_c('div',{staticClass:\"list-item-title\"},[_vm._v(\" \"+_vm._s(item.title)+\" \")]),_c('div',{staticClass:\"data-security-text\"},_vm._l((item.textList),function(textItem,textIndex){return _c('div',{key:textIndex,staticClass:\"list-text-item\"},[_c('div',{staticClass:\"text\"},[_vm._v(_vm._s(textItem))])])}),0)])}),0)])])]),_c('div',[_c('div',{ref:\"customer-stories\"},[_c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"60px\",\"background-color\":\"#f7f9fc\"}}),_c('div',{staticClass:\"customer-stories\"},[_c('div',{staticClass:\"customer-stories-content\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"中大型企业的共同选择\")]),_c('div',{staticClass:\"customer-stories-list\"},_vm._l((_vm.enterpriseList),function(item,index){return _c('div',{key:index,staticClass:\"cystiner-stirues-item\"},[_c('img',{attrs:{\"src\":item,\"alt\":\"\"}})])}),0),_c('div',{staticClass:\"customer-stories-btn\",on:{\"click\":_vm.moreEnterprise}},[_c('div',{staticClass:\"btn-text\"},[_vm._v(\" 查看更多案例 \")])])])])])]),_c('div',[_c('div',{ref:\"data-download\",staticClass:\"data-download\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"行业资料\")]),_c('div',{staticClass:\"data-download-content\"},_vm._l((_vm.dataDownloadList),function(item,index){return _c('div',{key:index,staticClass:\"data-download-content-item\"},[_c('div',{staticClass:\"item-title-box\"},[_c('div',{staticClass:\"dataListTitle\"},[_vm._v(_vm._s(item.title))]),_c('div',{staticClass:\"subTitle\"},[_vm._v(_vm._s(item.subtitle))])]),_c('ul',{staticClass:\"data-list\"},_vm._l((item.dataList),function(dataItem,dataIndex){return _c('li',{key:dataIndex,staticClass:\"data-list-item\",on:{\"click\":function($event){return _vm.clickDate(dataItem, index)}}},[_c('div',{staticClass:\"data-list-left\"},[_c('div',{staticClass:\"disc\"}),_c('div',{staticClass:\"data-title\"},[_vm._v(\" \"+_vm._s(dataItem.title)+\" \")])])])}),0),_c('div',{staticClass:\"item-index\"},[_vm._v(\"0\"+_vm._s(index+1))])])}),0)])]),_c('div',{staticClass:\"appointment-demonstration\"},[_c('div',{staticClass:\"content-center\"},[_vm._m(0),_c('div',{staticClass:\"appointment-demonstration-btn\",on:{\"click\":_vm.openBealter}},[_c('span',[_vm._v(\"预约产品显示\")])])])])]),_c('RightFixedgt'),_c('FootWrap'),_c('AltProduct',{ref:\"altProduct\"}),_c('ast',{ref:\"ast\"})],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"appointment-demonstration-text\"},[_c('h4',{staticClass:\"appointment-demonstration-title\"},[_vm._v(\"了解更多有关华跃产品与服务信息\")]),_c('h5',{staticClass:\"appointment-demonstration-subtitle\"},[_vm._v(\"您还可以预约我们的产品演示\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"personnel-recruit\">\n    <AppBar />\n    <div class=\"page-content\">\n      <div class=\"personnel-recruit-canvas\">\n        <div class=\"personnel-recruit-background\">\n          <img :src=\"top.imgBack\" alt=\"\" />\n        </div>\n        <div class=\"por-container\">\n          <div class=\"solution-info\">\n            <div class=\"solution-info-title\">{{ top.title }}</div>\n            <div class=\"solution-info-content\" v-html=\"top.content\">\n              <!-- 利用在线招聘流程，帮助企业实现智能、便捷的招聘模式，\n              建立企业自己的人才储备机制 -->\n            </div>\n            <div class=\"solution-btn\" @click=\"openBealter\">预约演示</div>\n          </div>\n        </div>\n      </div>\n      <div ref=\"nav\" class=\"personnel-grow-nav\">\n        <div ref=\"navTabs\" class=\"personnel-grow-nav-tabs\" :style=\"{width: navWidth+'%', height: navHeight+'px'}\">\n          <div\n            v-for=\"(item, index) in navList\"\n            :key=\"index\"\n            :class=\"['personnel-grow-nav-item', topNaviId === item.id ? 'top-nav-item' : '']\"\n            @click=\"goAnchor(item)\"\n          >\n            {{ item.title }}\n          </div>\n        </div>\n      </div>\n      <div ref=\"product-value\" class=\"product-value\">\n        <div class=\"title\">产品价值分析</div>\n        <div class=\"product-value-content\">\n          <img :src=\"productValue\" alt=\"\" />\n        </div>\n      </div>\n      <div>\n        <div ref=\"architecture\" class=\"architecture\">\n          <div class=\"title\">系统流程图</div>\n          <div class=\"flow-chart-content\">\n            <img :src=\"architecture\" alt=\"\" />\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"introduction\" class=\"introduction\">\n          <div class=\"title\">系统功能介绍</div>\n          <div class=\"introduction-tag-list\">\n            <div\n              v-for=\"(item, index) in introductionTagList\"\n              :key=\"index\"\n              class=\"tag-list-item\"\n              :class=\"{'tag-list-item-change': introductionIndex == index}\"\n            >\n              <div class=\"tag-list-text\" @click=\"changeStep(item)\">\n                {{ item.text }}\n              </div>\n            </div>\n          </div>\n          <div class=\"introduction-content-box\">\n            <div v-if=\"introductionList.length != 0\" :key=\"introductionIndex\" class=\"introduction-content\">\n              <div class=\"introduction-content-left\">\n                <div class=\"content-title\">{{ introductionList[introductionIndex].title }}</div>\n                <div\n                  v-for=\"(item, index) in introductionList[introductionIndex].content\"\n                  :key=\"index\"\n                  class=\"content-text-box\"\n                >\n                  <div class=\"content-text-li\"></div>\n                  <div class=\"content-text\">{{ item }}</div>\n                </div>\n              </div>\n              <div class=\"introduction-content-right\">\n                <img :src=\"introductionList[introductionIndex].img\" alt=\"\" />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div style=\"background-color: #f7f9fc; padding-top: 40px;\">\n          <div ref=\"data-security\" class=\"data-security\">\n            <div class=\"title\">数据安全</div>\n            <div class=\"data-security-content\">\n              <div v-for=\"(item, index) in dataSecurityList\" :key=\"index\" class=\"data-security-list-item\">\n                <img :src=\"item.icon\" alt=\"\" class=\"list-item-icon\" />\n                <div class=\"list-item-title\">\n                  {{ item.title }}\n                </div>\n                <div class=\"data-security-text\">\n                  <div v-for=\"(textItem, textIndex) in item.textList\" :key=\"textIndex\" class=\"list-text-item\">\n                    <div class=\"text\">{{ textItem }}</div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"customer-stories\">\n          <div style=\"width: 100%; height: 60px; background-color: #f7f9fc;\"></div>\n          <div class=\"customer-stories\">\n            <div class=\"customer-stories-content\">\n              <div class=\"title\">中大型企业的共同选择</div>\n              <div class=\"customer-stories-list\">\n                <div v-for=\"(item, index) in enterpriseList\" :key=\"index\" class=\"cystiner-stirues-item\">\n                  <img :src=\"item\" alt=\"\" />\n                </div>\n              </div>\n              <div class=\"customer-stories-btn\" @click=\"moreEnterprise\">\n                <div class=\"btn-text\">\n                  查看更多案例\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"data-download\" class=\"data-download\">\n          <div class=\"title\">行业资料</div>\n          <div class=\"data-download-content\">\n            <div v-for=\"(item, index) in dataDownloadList\" :key=\"index\" class=\"data-download-content-item\">\n              <div class=\"item-title-box\">\n                <div class=\"dataListTitle\">{{ item.title }}</div>\n                <div class=\"subTitle\">{{ item.subtitle }}</div>\n              </div>\n              <ul class=\"data-list\">\n                <li\n                  v-for=\"(dataItem, dataIndex) in item.dataList\"\n                  :key=\"dataIndex\"\n                  class=\"data-list-item\"\n                  @click=\"clickDate(dataItem, index)\"\n                >\n                  <div class=\"data-list-left\">\n                    <div class=\"disc\"></div>\n                    <div class=\"data-title\">\n                      {{ dataItem.title }}\n                    </div>\n                  </div>\n                </li>\n              </ul>\n              <div class=\"item-index\">0{{ index+1 }}</div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"appointment-demonstration\">\n        <div class=\"content-center\">\n          <div class=\"appointment-demonstration-text\">\n            <h4 class=\"appointment-demonstration-title\">了解更多有关华跃产品与服务信息</h4>\n            <h5 class=\"appointment-demonstration-subtitle\">您还可以预约我们的产品演示</h5>\n          </div>\n          <div class=\"appointment-demonstration-btn\" @click=\"openBealter\">\n            <span>预约产品显示</span>\n          </div>\n        </div>\n      </div>\n    </div>\n    <RightFixedgt />\n    <FootWrap />\n    <AltProduct ref=\"altProduct\" />\n    <ast ref=\"ast\" />\n  </div>\n</template>\n\n<script>\nimport { getColumnChild, getColumnDetail } from '@/api/column';\nimport { getContentList, getContentDetail, download } from '@/api/content';\n// import stories1 from '@/assets/staffmanage/stories1.png';\n// import stories2 from '@/assets/staffmanage/stories2.png';\n// import stories3 from '@/assets/staffmanage/stories3.png';\n// import stories4 from '@/assets/staffmanage/stories4.png';\n// import stories5 from '@/assets/staffmanage/stories5.png';\n// import stories6 from '@/assets/staffmanage/stories6.png';\n// import stories7 from '@/assets/staffmanage/stories7.png';\nexport default {\n  name: 'PersonnelRecruit',\n  data () {\n    return {\n      top: {\n        title: '',\n        content: '',\n        imgBack: require('@/assets/personnelrecruit/canvas.gif'),\n      },\n      navWidth: 80,\n      navHeight: 60,\n      offsetTop: 0,\n      scrollTop: 0,\n      position: 0,\n      valueIndex: null,\n      topNaviId: null,\n      navList: [\n        {\n          title: '产品价值',\n          id: 'product-value',\n        },\n        {\n          title: '系统架构',\n          id: 'architecture',\n        },\n        {\n          title: '功能介绍',\n          id: 'introduction',\n        },\n        {\n          title: '数据安全',\n          id: 'data-security',\n        },\n        {\n          title: '客户案例',\n          id: 'customer-stories',\n        },\n        {\n          title: '资料下载',\n          id: 'data-download',\n        },\n      ],\n      productValue: '',\n      architecture: '',\n      introductionTagList: [\n        // {\n        //   text: '岗位智配',\n        //   index: 0,\n        // },\n        // {\n        //   text: '一键发布',\n        //   index: 1,\n        // },\n        // {\n        //   text: '在线评价',\n        //   index: 2,\n        // },\n        // {\n        //   text: '人才分析',\n        //   index: 3,\n        // },\n      ],\n      introductionIndex: 0,\n      introductionList: [\n        // {\n        //   title: '条件太多，如何快速筛选合适简历',\n        //   img: require('@/assets/personnelrecruit/introduction1.png'),\n        //   content: [\n        //     '设置岗位智配规则，利用模糊比对的功能实现对简历匹配',\n        //     '每条岗位要求设置权重比例，可以计算每份简历的匹配度',\n        //     '根据匹配度的高低不同，形成对简历信息的等级管理',\n        //   ],\n        // },\n        // {\n        //   title: '合作渠道太多，重复登记岗位招聘要求',\n        //   img: require('@/assets/personnelrecruit/introduction2.png'),\n        //   content: [\n        //     '建立招聘渠道管理，实现对多个渠道信息进行综合管理',\n        //     '自动获取岗位招聘要求，一键填充网站信息',\n        //     '多个网站实现自动识别，一键发布招聘信息',\n        //   ],\n        // },\n        // {\n        //   title: '在线评价',\n        //   img: require('@/assets/personnelrecruit/introduction3.png'),\n        //   content: [\n        //     '各部门根据岗位需要设置自定义的评价方案',\n        //     '使用移动端调取评价方案，对面试者进行各个维度的评分',\n        //     '多轮面试后系统自动综合分析，将结果呈现给管理者',\n        //   ],\n        // },\n        // {\n        //   title: '人才分析',\n        //   img: require('@/assets/personnelrecruit/introduction4.png'),\n        //   content: [\n        //     '获取各个环节节点数据，自动整合分析',\n        //     '输出可视化的数据结果，直观体现招聘工作效能',\n        //     '对渠道优劣进行分析，帮助企业更好的选择招聘渠道',\n        //   ],\n        // },\n      ],\n      dataDownloadList: [\n        {\n          title: '资料下载',\n          subtitle: '行业资料下载',\n          dataList: [\n            {\n              id: 1,\n              title: '华跃科技2022年国庆节放假通知',\n            },\n            {\n              id: 2,\n              title: '华跃科技携手广东股权交易中心&链股科技，以薪酬与股权激励，激发企业人才动力',\n            },\n            {\n              id: 3,\n              title: '【喜报】热烈祝贺华跃科技签约中标广东高壹工机有限公司人力资源管理系统项目',\n            },\n            {\n              id: 4,\n              title: '【喜报】热烈祝贺华跃科技与顶财人力、方特咨询两家公司达成战略合作',\n            },\n          ],\n        },\n        {\n          title: '产品动态',\n          subtitle: '产品更新动态',\n          dataList: [\n            {\n              id: 5,\n              title: '华跃科技2022年国庆节放假通知',\n            },\n            {\n              id: 6,\n              title: '华跃科技携手广东股权交易中心&链股科技，以薪酬与股权激励，激发企业人才动力',\n            },\n            {\n              id: 7,\n              title: '【喜报】热烈祝贺华跃科技签约中标广东高壹工机有限公司人力资源管理系统项目',\n            },\n            {\n              id: 8,\n              title: '【喜报】热烈祝贺华跃科技与顶财人力、方特咨询两家公司达成战略合作',\n            },\n          ],\n        },\n        {\n          title: '干货推荐',\n          subtitle: '行业硬知识',\n          dataList: [\n            {\n              id: 9,\n              title: '华跃科技2022年国庆节放假通知',\n            },\n            {\n              id: 10,\n              title: '华跃科技携手广东股权交易中心&链股科技，以薪酬与股权激励，激发企业人才动力',\n            },\n            {\n              id: 11,\n              title: '【喜报】热烈祝贺华跃科技签约中标广东高壹工机有限公司人力资源管理系统项目',\n            },\n            {\n              id: 12,\n              title: '【喜报】热烈祝贺华跃科技与顶财人力、方特咨询两家公司达成战略合作',\n            },\n          ],\n        },\n      ],\n      dataSecurityList: [\n        // {\n        //   icon: require('@/assets/staffmanage/data-security1.png'),\n        //   title: '身份认证',\n        //   textList: [\n        //     '传统用户名/密码认证',\n        //     '支持动态密码安全认证方式',\n        //     '支持USBE-key电子密钥安全认证方式(CA)',\n        //   ],\n        // },\n        // {\n        //   icon: require('@/assets/staffmanage/data-security2.png'),\n        //   title: '安全访问',\n        //   textList: [\n        //     '通过授权定义用户的数据范围',\n        //     '可以单独或分段设置能够登陆系统的终端，限制未授权机器访问系统',\n        //     '提供针对用户访问数据的操作监视和统计，根据用户身份和应用活动进行审计',\n        //   ],\n        // },\n        // {\n        //   icon: require('@/assets/staffmanage/data-security3.png'),\n        //   title: '品质保证',\n        //   textList: [\n        //     '十五年专注经营',\n        //     '3000+企业长期合作',\n        //     '大型集团化企业的首选',\n        //   ],\n        // },\n      ],\n      enterpriseList: [\n        // stories1,\n        // stories2,\n        // stories3,\n        // stories4,\n        // stories5,\n        // stories6,\n        // stories7,\n        // stories1,\n        // stories2,\n        // stories3,\n        // stories4,\n        // stories5,\n        // stories6,\n        // stories7,\n      ],\n    };\n  },\n  watch: {\n    scrollTop(newValue) {\n      setTimeout(() => {\n        if (newValue === window.scrollY) {\n          for (var i = 0; i < this.navList.length; i++) {\n            var elementTop = this.$refs[`${this.navList[i].id}`].offsetTop - this.scrollTop - 1;\n            if (elementTop <= 70) {\n              this.topNaviId = this.navList[i].id;\n            }\n          }\n        }\n      }, 20);\n    },\n  },\n  mounted () {\n    window.addEventListener('scroll', this.handleScroll);\n    this.$nextTick(() => {\n      const nav = this.$refs.nav;\n      this.offsetTop = nav.offsetTop;\n    });\n    this.getPageColumn();\n    this.getPartner();\n  },\n  beforeDestroy () {\n    window.removeEventListener('scroll', this.handleScroll);\n  },\n  methods: {\n    handleScroll() {\n      var offsetHeight = this.$refs.navTabs.offsetHeight;\n      this.scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;\n      var headerFixed = this.scrollTop > this.offsetTop - offsetHeight / 2 - 70;\n      var scroll = this.scrollTop - this.position;\n      this.position = this.scrollTop;\n      if (this.scrollTop <= 400) {\n        this.navHeight = 52;\n        this.navWidth = 80;\n        this.$refs.nav.style.position = 'relative';\n        this.$refs.nav.style.top = '0px';\n        this.topNaviId = null;\n      } else if (this.scrollTop >= 400 && !headerFixed) {\n        this.navHeight += 0.04 * scroll;\n        this.navWidth += 0.12 * scroll;\n        this.$refs.navTabs.style.top = -(offsetHeight / 2) + 'px';\n        this.$refs.nav.style.position = 'relative';\n        this.$refs.nav.style.top = '0px';\n        this.topNaviId = null;\n      } else if (headerFixed) {\n        this.navHeight = 60;\n        this.navWidth = 100;\n        this.$refs.navTabs.style.top = -(offsetHeight / 2) + 'px';\n        this.$refs.nav.style.position = 'fixed';\n        this.$refs.nav.style.top = offsetHeight / 2 + 70 + 'px';\n      }\n    },\n    goAnchor(i) {\n      // var id = '#' + i.id;\n      // document.querySelector(id).scrollIntoView({\n      //   behavior: 'smooth',\n      //   block: 'start',\n      // });\n      window.scrollTo({\n        top: this.$refs[`${i.id}`].offsetTop - 70,\n        left: 0,\n        behavior: 'smooth',\n      });\n    },\n\n    // 获取页面栏目\n    async getPageColumn() {\n      const params = { parentId: '1605835552639377408', };\n      getColumnChild(params).then(async (res) => {\n        const { result, } = res;\n        for (var i = 0; i < result.length; i++) {\n          if (result[i].name === '产品价值') {\n            getColumnDetail(result[i].id).then((rrs) => {\n              const rrsult = rrs.result;\n              this.productValue = rrsult.icon;\n              // const doc = new DOMParser().parseFromString(rrs.result.elements[0].content, 'text/html');\n              // this.productValue = doc.documentElement.textContent.replace(/&nbsp;/g, ' ');\n            });\n          } else if (result[i].name === '系统架构') {\n            getColumnDetail(result[i].id).then((rrs) => {\n              const rrsult = rrs.result;\n              this.architecture = rrsult.icon;\n            });\n          } else if (result[i].name === '功能介绍') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\n            const rrs = await getContentList(data);\n            const rrsult = rrs.result;\n            for (var j = 0; j < rrsult.data.length; j++) {\n              this.introductionTagList.push({\n                text: rrsult.data[j].title,\n                index: j,\n              });\n              const rts = await getContentDetail(rrsult.data[j].id);\n              const rtsult = rts.result;\n              // const doc = new DOMParser().parseFromString(rtsult.defaultContent, 'text/html');\n              var introduction = {\n                title: rtsult.description,\n                img: rtsult.icon,\n                content: [],\n              };\n              for (var x = 0; x < rtsult.elements.length; x++) {\n                introduction.content.push(rtsult.elements[x].content);\n              }\n              this.introductionList.push(introduction);\n            }\n          } else if (result[i].name === '数据安全') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\n            getContentList(data).then(async (rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                const rts = await getContentDetail(rrsult.data[j].id);\n                const rtsult = rts.result;\n                var dataSecurityItem = {\n                  icon: rtsult.icon,\n                  title: rtsult.title,\n                  textList: [],\n                };\n                for (var x = 0; x < rtsult.elements.length; x++) {\n                  dataSecurityItem.textList.push(rtsult.elements[x].content);\n                }\n                this.dataSecurityList.push(dataSecurityItem);\n              }\n            });\n          } else if (result[i].name === '顶部图') {\n            getColumnDetail(result[i].id).then((rrs) => {\n              const rrsult = rrs.result;\n              var content = rrsult.elements.find(obj => obj.name === 'content').content;\n              var contentdoc = new DOMParser().parseFromString(content, 'text/html');\n              this.top.title = rrsult.elements.find(obj => obj.name === 'subtitle').content;\n              this.top.content = contentdoc.documentElement.textContent.replace(/&nbsp;/g, ' ');\n              // this.top = {\n              //   imgBack: rrsult.icon,\n              // };\n            });\n          }\n        }\n      });\n      const downLoadParams = { columnId: '1605494229646401536', pageNum: 1, pageSize: 4, commendation: 12, cascade: true, };\n      getContentList(downLoadParams).then(async (res) => {\n        const { result, } = res;\n        this.dataDownloadList[0].dataList = result.data;\n      });\n      const contentParams = { columnId: '1605774350588534784', pageNum: 1, pageSize: 4, commendation: 12, };\n      getContentList(contentParams).then(async (res) => {\n        const { result, } = res;\n        this.dataDownloadList[1].dataList = result.data;\n      });\n      const industryParams = { columnId: '1605774444985540608', pageNum: 1, pageSize: 4, commendation: 12, };\n      getContentList(industryParams).then(async (res) => {\n        const { result, } = res;\n        this.dataDownloadList[2].dataList = result.data;\n      });\n    },\n\n    // 合作伙伴列表\n    getPartner() {\n      var params = { columnId: '1605405080163672064', pageNum: 1, pageSize: 18, commendation: 16, cascade: true, };\n      getContentList(params).then((res) => {\n        const { result, } = res;\n        for (var i = 0; i < result.data.length; i++) {\n          this.enterpriseList.push(result.data[i].logo);\n        }\n      });\n    },\n\n    clickDate(data, index) {\n      if (index === 0) {\n        getContentDetail(data.id).then((res) => {\n          const { result, } = res;\n          var file = result.elements.find(obj => obj.name === 'file').content;\n          download(file[0].url).then((rrs) => {\n            const fileName = file[0].name;\n            const blob = new Blob([ rrs.data, ]);\n            if (typeof window.navigator.msSaveBlob !== 'undefined') {\n              // 兼容window.navigator.msSaveBlob：以本地方式保存文件\n              window.navigator.msSaveBlob(blob, decodeURI(fileName));\n            } else {\n              // 创建新的URL并指向File对象或者Blob对象的地址\n              const blobURL = window.URL.createObjectURL(blob);\n              // 创建a标签，用于跳转至下载链接\n              const tempLink = document.createElement('a');\n              tempLink.style.display = 'block';\n              tempLink.href = blobURL;\n              tempLink.setAttribute('download', decodeURI(fileName));\n              // 兼容：某些浏览器不支持HTML5的download属性\n              if (typeof tempLink.download === 'undefined') {\n                tempLink.setAttribute('target', '_blank');\n              }\n              // 挂载a标签\n              document.body.appendChild(tempLink);\n              tempLink.click();\n              document.body.removeChild(tempLink);\n              // 释放blob URL地址\n              window.URL.revokeObjectURL(blobURL);\n            }\n          });\n        });\n      } else if (index === 1) {\n        this.$router.push({ path: `/news/details/${data.id}`, query: { type: 1, }, });\n      } else if (index === 2) {\n        this.$router.push({ path: `/news/details/${data.id}`, query: { type: 2, }, });\n      }\n    },\n\n    changeStep(i) {\n      this.introductionIndex = i.index;\n    },\n    moreEnterprise () {\n      this.$router.push({ name: 'CustomerCase', });\n    },\n    openBealter () {\n      this.$refs.altProduct.tobealter();\n    },\n    openBealter2() {\n       this.$refs.ast.drawer  = true\n    },\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n.personnel-recruit{\n  background-color: #fff;\n  .page-content{\n    width: 100%;\n    .personnel-recruit-canvas{\n      width: 100%;\n      height: fit-content;\n      min-width: var(--minwidth);\n      position: relative;\n      background-size: cover;\n      overflow: hidden;\n      .personnel-recruit-background{\n        position: absolute;\n        left: 0;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        background-position: top;\n        background-size: cover;\n        background-repeat: no-repeat;\n        //  width: 100%;\n        // height: 560px;\n        // display: flex;\n        // justify-content: center;\n        // align-items: center;\n        // object-fit: cover;\n        img{\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n          object-position: center top;\n        }\n      }\n      .por-container {\n          width: 85%;\n          max-width: 1200px;\n          margin: 0 auto;\n          position: relative;\n          .solution-info {\n            width: 540px;\n            height: 560px;\n            display: flex;\n            justify-content: center;\n            flex-direction: column;\n            box-sizing: border-box;\n            .solution-info-title {\n              font-size: 45px;\n              font-weight: bold;\n              line-height: 55px;\n              color: #181818;\n              margin-bottom: 30px;\n            }\n            .solution-info-content {\n              font-size: 20px;\n              line-height: 32px;\n              color: #7b7b7b;\n              margin-bottom: 44px;\n            }\n            .solution-btn {\n              width: 142px;\n              height: 48px;\n              background-color: #00b0dc;\n              color: #fff;\n              text-align: center;\n              line-height: 48px;\n              cursor: pointer;\n              border-radius: 24px;\n            }\n          }\n        }\n    }\n    .personnel-grow-nav{\n      width: 100%;\n      display: flex;\n      position: relative;\n      justify-content: center;\n      z-index: 50;\n      .personnel-grow-nav-tabs{\n        margin: 0 auto;\n        box-shadow: 0px 2px 8px 0px rgba(139, 139, 139, 0.18);\n        border-radius: 2px;\n        background-color: #fff;\n        display: flex;\n        position: absolute;\n        top: -26px;\n        .personnel-grow-nav-item{\n          flex: 1;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          color: #181818;\n          font-size: 14px;\n          cursor: pointer;\n        }\n        .personnel-grow-nav-item:hover{\n          color: #00b0dc;\n        }\n        .top-nav-item {\n          color: #ffffff;\n          background-color: #00b0dc;\n        }\n        .top-nav-item:hover {\n          color: #fff;\n        }\n      }\n    }\n    .product-value{\n      width: 1200px;\n      padding-top: 119px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      .title{\n        font-size: 32px;\n        color: #181818;\n        line-height: 1;\n        margin-bottom: 70px;\n      }\n      .flow-chart-content{\n        width: 100%;\n        img{\n          display: block;\n          width: 100%;\n        }\n      }\n    }\n    .architecture{\n      width: 1200px;\n      padding-top: 119px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      .title{\n        font-size: 32px;\n        color: #181818;\n        line-height: 1;\n        margin-bottom: 70px;\n      }\n      .flow-chart-content{\n        width: 100%;\n        img{\n          display: block;\n          width: 100%;\n        }\n      }\n    }\n    .introduction{\n      width: 100%;\n      padding-top: 109px;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      .title{\n        font-size: 32px;\n        color: #181818;\n        line-height: 1;\n        padding-bottom: 70px;\n        box-sizing: border-box;\n      }\n      .introduction-tag-list{\n        width: 1200px;\n        margin: 0 auto;\n        display: flex;\n        align-items: center;\n        .tag-list-item{\n          flex: 1;\n          display: flex;\n          justify-content: center;\n          .tag-list-text{\n            font-size: 20px;\n            color: #181818;\n            line-height: 63px;\n            cursor: pointer;\n            border-bottom: 6px solid transparent;\n          }\n          .tag-list-text:hover{\n            font-weight: 600;\n            border-bottom: 6px solid #00b0dc;\n          }\n        }\n        .tag-list-item-change{\n          .tag-list-text{\n            font-weight: 600;\n            border-bottom: 6px solid #00b0dc;\n          }\n        }\n      }\n      .introduction-content-box{\n        width: 100%;\n        background-color: #f8fbff;\n        padding: 80px 0 60px;\n        .introduction-content{\n          width: 1200px;\n          margin: 0 auto;\n          display: flex;\n          justify-content: space-between;\n          align-items: flex-start;\n          .introduction-content-left{\n            width: 420px;\n            padding-top: 80px;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            align-items: flex-start;\n            .content-title{\n              width: 100%;\n              font-size: 28px;\n              font-weight: 600;\n              color: #181818;\n              margin-bottom: 30px;\n            }\n            .content-text-box{\n              display: flex;\n              align-items: flex-start;\n              justify-content: flex-start;\n              margin-bottom: 11px;\n              .content-text-li{\n                width: 6px;\n                height: 6px;\n                background-color: #c8defe;\n                border-radius: 50%;\n                margin-top: 8px;\n                margin-right: 9px;\n              }\n              .content-text{\n                font-size: 16px;\n                color: #314666;\n              }\n            }\n          }\n          .introduction-content-right{\n            width: 740px;\n            height: 460px;\n            img{\n              width: 100%;\n              height: auto;\n              display: block;\n            }\n          }\n        }\n      }\n    }\n    .data-download{\n      width: 1200px;\n      padding-top: 70px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      padding-bottom: 100px;\n      .title{\n        font-size: 32px;\n        color: #181818;\n      }\n      .data-download-content{\n        display: flex;\n        margin: 70px auto 0;\n        .data-download-content-item{\n          width: 380px;\n          height: 375px;\n          margin-right: 30px;\n          box-sizing: border-box;\n          position: relative;\n          border: 1px solid #dfdfdf;\n          background-color: #fff;\n          border-radius: 8px;\n          position: relative;\n          .item-title-box{\n            width: 100%;\n            height: 80px;\n            background-image: linear-gradient(78deg,\n                #edf3f9 0%,\n                #ffffff 100%);\n            position: relative;\n            padding: 44px 0px 0px 36px;\n            box-sizing: border-box;\n            .dataListTitle{\n              position: absolute;\n              top: 0;\n              left: 0;\n              width: 91px;\n              height: 33px;\n              font-size: 14px;\n              color: #fff;\n              line-height: 1;\n              background: url('@/assets/personnelrecruit/icon/data-background.png') no-repeat;\n              line-height: 28px;\n              padding-left: 10px;\n            }\n            .subTitle{\n              line-height: 1;\n              font-size: 16px;\n              font-weight: 600;\n              color: #181818;\n            }\n          }\n          .data-list{\n            width: 100%;\n            padding: 20px;\n            box-sizing: border-box;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            .data-list-item{\n              width: 100%;\n              display: flex;\n              justify-content: space-between;\n              margin-top: 19px;\n              // padding-left: 24px;\n              box-sizing: border-box;\n              list-style:disc;\n              .data-list-left{\n                display: flex;\n                align-items: center;\n                justify-content: flex-start;\n                .disc{\n                  width: 2px;\n                  height: 2px;\n                  background-color: #6d717c;\n                }\n                .data-title{\n                  flex: 1;\n                  font-size: 14px;\n                  color: #6d717c;\n                  cursor: pointer;\n                  position: relative;\n                  margin-left: 15px;\n                }\n              }\n            }\n            .data-list-item:hover{\n              .data-list-left{\n                .disc{\n                  background-color: #00b0dc;\n                }\n                .data-title{\n                  color: #00b0dc;\n                }\n              }\n              .data-list-right{\n                display: block;\n              }\n            }\n          }\n          .item-index{\n            position: absolute;\n            bottom: 20px;\n            right: 27px;\n            font-size: 56px;\n            color: #f1f6fa;\n            font-family: HelveticaNeueDeskInterface-Heavy;\n          }\n        }\n        .data-download-content-item:last-child{\n          margin-right: 0;\n        }\n      }\n    }\n    .data-security{\n      width: 1200px;\n      padding-top: 70px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      .title{\n        font-size: 32px;\n        color: #181818;\n      }\n      .data-security-content{\n        width: 100%;\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        margin-top: 70px;\n        .data-security-list-item{\n          width: 380px;\n          height: 448px;\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: center;\n          background-color: #fff;\n          border-radius: 12px;\n          .list-item-icon{\n            width: auto;\n            height: 117px;\n            margin-bottom: 7px;\n          }\n          .list-item-title{\n            font-size: 18px;\n            color: #181818;\n            font-weight: 500;\n            margin-bottom: 35px;\n          }\n          .data-security-text{\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            .list-text-item{\n              width: 290px;\n              display: flex;\n              justify-content: flex-start;\n              align-items: center;\n              margin-bottom: 24px;\n              .text{\n                width: 100%;\n                font-size: 15px;\n                color: #6d717c;\n                text-align: center;\n              }\n            }\n          }\n        }\n      }\n    }\n    .customer-stories{\n      width: 100%;\n      min-width: 1200px;\n      display: flex;\n      flex-direction: column;\n      background: url('@/assets/staffmanage/customer-back.png') no-repeat;\n      background-position: center;\n      background-size: cover;\n      background-position: center;\n      height: 561px;\n      padding: 69px 0 60px;\n      box-sizing: border-box;\n      .customer-stories-content{\n        width: 80%;\n        min-width: var(--minwidth);\n        margin: 0 auto;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        .title{\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          font-size: 32px;\n          font-weight: 500;\n          color: #181818;\n          margin-bottom: 70px;\n        }\n        .customer-stories-list{\n          width: 100%;\n          display: flex;\n          flex-wrap: wrap;\n          justify-content: flex-start;\n          .cystiner-stirues-item{\n            width: calc(16.666% - 20px);\n            height: 70px;\n            margin: 10px;\n            background-color: #fff;\n            border: solid 1px #dfdfdf;\n            display: flex;\n            box-sizing: border-box;\n            justify-content: center;\n            align-items: center;\n            padding: 10px;\n            img{\n              width: 100%;\n              height: 100%;\n              object-fit: contain;\n              display: block;\n            }\n          }\n        }\n        .customer-stories-btn{\n          width: 155px;\n          height: 50px;\n          background-color: #00b0dc;\n          border-radius: 25px;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          margin-top: 20px;\n          cursor: pointer;\n          .btn-text{\n            font-size: 15px;\n            color: #ffffff;\n          }\n          &:hover{\n            transform: scale(1.1);\n            transition: all  0.5s;\n          }\n        }\n      }\n    }\n    .appointment-demonstration{\n      width: 100%;\n      height: 126px;\n      background-image: url('@/assets/personnelgrow/appointment-demonstration.png');\n      background-repeat: no-repeat;\n      background-size: cover;\n      color: #fff;\n      // padding: 22px;\n      box-sizing: border-box;\n      .content-center{\n        width: 1200px;\n        height: 100%;\n        margin: 0 auto;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        .appointment-demonstration-text{\n          .appointment-demonstration-title{\n            font-size: 22px;\n            color: #fff;\n            font-weight: 500;\n            margin-bottom: 16px;\n            line-height: 1;\n          }\n          .appointment-demonstration-subtitle{\n            font-size: 16px;\n            font-weight: 400;\n            color: #fff;\n            line-height: 1;\n          }\n        }\n        .appointment-demonstration-btn{\n          width: 124px;\n          height: 42px;\n          text-align: center;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          border-radius: 8px;\n          border: 1px solid #fff;\n          line-height: 42px;\n          cursor: pointer;\n          font-size: 14px;\n          font-weight: 400;\n          // img{\n          //   width: 18px;\n          //   height: 42px;\n          //   vertical-align: middle;\n          // }\n          transition: all 0.5s;\n          // &:hover{\n          //   transform: scale(1.1);\n          //   transition: all  0.5s;\n          // }\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./personnel-recruit.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./personnel-recruit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./personnel-recruit.vue?vue&type=template&id=2b1be754&scoped=true&\"\nimport script from \"./personnel-recruit.vue?vue&type=script&lang=js&\"\nexport * from \"./personnel-recruit.vue?vue&type=script&lang=js&\"\nimport style0 from \"./personnel-recruit.vue?vue&type=style&index=0&id=2b1be754&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2b1be754\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"strategy-organize\"},[_c('AppBar'),_c('div',{staticClass:\"page-content\"},[_c('div',{staticClass:\"page-canvas\"},[_c('div',{staticClass:\"page-background\"},[_c('img',{attrs:{\"src\":_vm.top.imgBack,\"alt\":\"\"}})]),_c('div',{staticClass:\"por-container\"},[_c('div',{staticClass:\"solution-info\"},[_c('div',{staticClass:\"solution-info-title\"},[_vm._v(_vm._s(_vm.top.title))]),_c('div',{staticClass:\"solution-info-content\",domProps:{\"innerHTML\":_vm._s(_vm.top.content)}}),_c('div',{staticClass:\"solution-btn\",on:{\"click\":_vm.openBealter}},[_vm._v(\"预约演示\")])])])]),_c('div',{ref:\"nav\",staticClass:\"page-nav\"},[_c('div',{ref:\"navTabs\",staticClass:\"page-tabs\",style:({width: _vm.navWidth+'%', height: _vm.navHeight+'px'})},_vm._l((_vm.navList),function(item,index){return _c('div',{key:index,class:['page-nav-item', _vm.topNaviId === item.id ? 'top-nav-item' : ''],on:{\"click\":function($event){return _vm.goAnchor(item)}}},[_vm._v(\" \"+_vm._s(item.title)+\" \")])}),0)]),_c('div',{ref:\"product-value\",staticClass:\"product-value\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"产品价值分析\")]),_c('div',{staticClass:\"product-value-content\"},[_c('img',{attrs:{\"src\":_vm.productValue,\"alt\":\"\"}})])]),_c('div',[_c('div',{ref:\"architecture\",staticClass:\"architecture\",attrs:{\"id\":\"architecture\"}},[_c('div',{staticClass:\"title\"},[_vm._v(\"系统流程图\")]),_c('div',{staticClass:\"flow-chart-content\"},[_c('img',{attrs:{\"src\":_vm.architecture,\"alt\":\"\"}})])])]),_c('div',[_c('div',{ref:\"introduction\",staticClass:\"introduction\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"系统功能介绍\")]),_c('div',{staticClass:\"introduction-tag-list\"},_vm._l((_vm.introductionTagList),function(item,index){return _c('div',{key:index,staticClass:\"tag-list-item\",class:{'tag-list-item-change': _vm.introductionIndex == index}},[_c('div',{staticClass:\"tag-list-text\",on:{\"click\":function($event){return _vm.changeStep(item)}}},[_vm._v(\" \"+_vm._s(item.text)+\" \")])])}),0),_c('div',{staticClass:\"introduction-content-box\"},[(_vm.introductionList.length > 0)?_c('div',{key:_vm.introductionIndex,staticClass:\"introduction-content\"},[_c('div',{staticClass:\"introduction-content-left\"},[_c('div',{staticClass:\"content-title-wrap\"},[_c('div',{staticClass:\"list\"}),_c('div',{staticClass:\"content-title\"},[_vm._v(\" \"+_vm._s(_vm.introductionList[_vm.introductionIndex].title)+\" \")])]),_c('div',{staticClass:\"content-describe\"},[_vm._v(_vm._s(_vm.introductionList[_vm.introductionIndex].describe))]),_vm._l((_vm.introductionList[_vm.introductionIndex].content),function(item,index){return _c('div',{key:index,staticClass:\"content-text-box\"},[_c('img',{staticClass:\"content-icon\",attrs:{\"src\":require('@/assets/staffmanage/icon/liIcon.png'),\"alt\":\"\"}}),_c('div',{staticClass:\"content-text\"},[_vm._v(_vm._s(item))])])})],2),_c('div',{staticClass:\"introduction-content-right\"},[_c('img',{attrs:{\"src\":_vm.introductionList[_vm.introductionIndex].img,\"alt\":\"\"}})])]):_vm._e()])])]),_c('div',[_c('div',{ref:\"data-security\",staticClass:\"data-security\"},[_c('div',{staticClass:\"data-security-wrap\"},[_c('div',{staticClass:\"data-security-title\"},[_vm._v(\"了解更多有关华跃产品与服务信息\")]),_c('div',{staticClass:\"data-security-subtitle\"},[_vm._v(\"您还可以预约我们的产品演示\")]),_c('div',{staticClass:\"data-security-btn\",on:{\"click\":_vm.openBealter}},[_c('div',{staticClass:\"btn-text\",on:{\"click\":_vm.openBealter}},[_vm._v(\" 预约产品演示 \")])])]),_c('div',{staticClass:\"data-security-list\"},_vm._l((_vm.dataSecurityList),function(item,index){return _c('div',{key:index,staticClass:\"data-security-item\"},[_c('div',{staticClass:\"item-icon-wrap\"},[_c('img',{attrs:{\"src\":item.icon,\"alt\":\"\"}})]),_c('div',{staticClass:\"item-content-wrap\"},[_c('div',{staticClass:\"item-content-title\"},[_vm._v(_vm._s(item.title))]),_vm._l((item.textList),function(textItem,textIndex){return _c('div',{key:textIndex,staticClass:\"item-content-text\"},[_c('div',{staticClass:\"textItem-li\"}),_c('div',{staticClass:\"textItem\"},[_vm._v(\" \"+_vm._s(textItem)+\" \")])])})],2)])}),0)])]),_c('div',[_c('div',{ref:\"customer-stories\"},[_c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"60px\",\"background-color\":\"#f7f9fc\"}}),_c('div',{staticClass:\"customer-stories\"},[_c('div',{staticClass:\"customer-stories-content\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"中大型企业的共同选择\")]),_c('div',{staticClass:\"customer-stories-list\"},_vm._l((_vm.enterpriseList),function(item,index){return _c('div',{key:index,staticClass:\"cystiner-stirues-item\"},[_c('img',{attrs:{\"src\":item,\"alt\":\"\"}})])}),0),_c('div',{staticClass:\"customer-stories-btn\",on:{\"click\":_vm.moreEnterprise}},[_c('div',{staticClass:\"btn-text\"},[_vm._v(\" 查看更多案例 \")])])])])])]),_c('div',{ref:\"data-download\",staticClass:\"data-download-wrap\"},[_c('div',{staticClass:\"data-download\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"行业资料\")]),_c('div',{staticClass:\"data-download-content\"},_vm._l((_vm.dataDownloadList),function(item,index){return _c('div',{key:index,staticClass:\"data-download-content-item\"},[_c('div',{staticClass:\"dataListTitle\"},[_vm._v(_vm._s(item.title))]),_c('ul',{staticClass:\"data-list\"},_vm._l((item.dataList),function(dataItem,dataIndex){return _c('li',{key:dataIndex,staticClass:\"data-list-item\",on:{\"click\":function($event){return _vm.clickDate(dataItem, index)}}},[_c('div',{staticClass:\"data-list-left\"},[_c('div',{staticClass:\"data-title\"},[_vm._v(\" \"+_vm._s(dataItem.title)+\" \")])]),_c('div',{staticClass:\"data-list-right\"},[_c('img',{attrs:{\"src\":require('@/assets/icon/right-arrow.png'),\"alt\":\"\"}})])])}),0)])}),0)])])]),_c('RightFixedgt'),_c('FootWrap'),_c('AltProduct',{ref:\"altProduct\"}),_c('ast',{ref:\"ast\"})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"strategy-organize\">\n    <AppBar />\n    <div class=\"page-content\">\n      <div class=\"page-canvas\">\n        <div class=\"page-background\">\n          <img :src=\"top.imgBack\" alt=\"\" />\n        </div>\n        <div class=\"por-container\">\n          <div class=\"solution-info\">\n            <div class=\"solution-info-title\">{{ top.title }}</div>\n            <div class=\"solution-info-content\" v-html=\"top.content\">\n              <!-- 利用在线招聘流程，帮助企业实现智能、便捷的招聘模式，\n              建立企业自己的人才储备机制 -->\n            </div>\n            <div class=\"solution-btn\" @click=\"openBealter\">预约演示</div>\n          </div>\n        </div>\n      </div>\n      <div ref=\"nav\" class=\"page-nav\">\n        <div ref=\"navTabs\" class=\"page-tabs\" :style=\"{width: navWidth+'%', height: navHeight+'px'}\">\n          <div\n            v-for=\"(item, index) in navList\"\n            :key=\"index\"\n            :class=\"['page-nav-item', topNaviId === item.id ? 'top-nav-item' : '']\"\n            @click=\"goAnchor(item)\"\n          >\n            {{ item.title }}\n          </div>\n        </div>\n      </div>\n      <div ref=\"product-value\" class=\"product-value\">\n        <div class=\"title\">产品价值分析</div>\n        <div class=\"product-value-content\">\n          <img :src=\"productValue\" alt=\"\" />\n        </div>\n      </div>\n      <div>\n        <div id=\"architecture\" ref=\"architecture\" class=\"architecture\">\n          <div class=\"title\">系统流程图</div>\n          <div class=\"flow-chart-content\">\n            <img :src=\"architecture\" alt=\"\" />\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"introduction\" class=\"introduction\">\n          <div class=\"title\">系统功能介绍</div>\n          <div class=\"introduction-tag-list\">\n            <div\n              v-for=\"(item, index) in introductionTagList\"\n              :key=\"index\"\n              class=\"tag-list-item\"\n              :class=\"{'tag-list-item-change': introductionIndex == index}\"\n            >\n              <div class=\"tag-list-text\" @click=\"changeStep(item)\">\n                {{ item.text }}\n              </div>\n            </div>\n          </div>\n          <div class=\"introduction-content-box\">\n            <div v-if=\"introductionList.length > 0\" :key=\"introductionIndex\" class=\"introduction-content\">\n              <div class=\"introduction-content-left\">\n                <div class=\"content-title-wrap\">\n                  <div class=\"list\"></div>\n                  <div class=\"content-title\">\n                    {{ introductionList[introductionIndex].title }}\n                  </div>\n                </div>\n                <div class=\"content-describe\">{{ introductionList[introductionIndex].describe }}</div>\n                <div\n                  v-for=\"(item, index) in introductionList[introductionIndex].content\"\n                  :key=\"index\"\n                  class=\"content-text-box\"\n                >\n                  <img :src=\"require('@/assets/staffmanage/icon/liIcon.png')\" alt=\"\" class=\"content-icon\" />\n                  <div class=\"content-text\">{{ item }}</div>\n                </div>\n              </div>\n              <div class=\"introduction-content-right\">\n                <img :src=\"introductionList[introductionIndex].img\" alt=\"\" />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"data-security\" class=\"data-security\">\n          <div class=\"data-security-wrap\">\n            <div class=\"data-security-title\">了解更多有关华跃产品与服务信息</div>\n            <div class=\"data-security-subtitle\">您还可以预约我们的产品演示</div>\n            <div class=\"data-security-btn\" @click=\"openBealter\">\n              <div class=\"btn-text\" @click=\"openBealter\">\n                预约产品演示\n              </div>\n            </div>\n          </div>\n          <div class=\"data-security-list\">\n            <div\n              v-for=\"(item, index) in dataSecurityList\"\n              :key=\"index\"\n              class=\"data-security-item\"\n            >\n              <div class=\"item-icon-wrap\">\n                <img :src=\"item.icon\" alt=\"\" />\n              </div>\n              <div class=\"item-content-wrap\">\n                <div class=\"item-content-title\">{{ item.title }}</div>\n                <div\n                  v-for=\"(textItem, textIndex) in item.textList\"\n                  :key=\"textIndex\"\n                  class=\"item-content-text\"\n                >\n                  <div class=\"textItem-li\"></div>\n                  <div class=\"textItem\">\n                    {{ textItem }}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"customer-stories\">\n          <div style=\"width: 100%; height: 60px; background-color: #f7f9fc;\"></div>\n          <div class=\"customer-stories\">\n            <div class=\"customer-stories-content\">\n              <div class=\"title\">中大型企业的共同选择</div>\n              <div class=\"customer-stories-list\">\n                <div v-for=\"(item, index) in enterpriseList\" :key=\"index\" class=\"cystiner-stirues-item\">\n                  <img :src=\"item\" alt=\"\" />\n                </div>\n              </div>\n              <div class=\"customer-stories-btn\" @click=\"moreEnterprise\">\n                <div class=\"btn-text\">\n                  查看更多案例\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div ref=\"data-download\" class=\"data-download-wrap\">\n        <div class=\"data-download\">\n          <div class=\"title\">行业资料</div>\n          <div class=\"data-download-content\">\n            <div v-for=\"(item, index) in dataDownloadList\" :key=\"index\" class=\"data-download-content-item\">\n              <div class=\"dataListTitle\">{{ item.title }}</div>\n              <ul class=\"data-list\">\n                <li\n                  v-for=\"(dataItem, dataIndex) in item.dataList\"\n                  :key=\"dataIndex\"\n                  class=\"data-list-item\"\n                  @click=\"clickDate(dataItem, index)\"\n                >\n                  <div class=\"data-list-left\">\n                    <div class=\"data-title\">\n                      {{ dataItem.title }}\n                    </div>\n                  </div>\n                  <div class=\"data-list-right\">\n                    <img :src=\"require('@/assets/icon/right-arrow.png')\" alt=\"\" />\n                  </div>\n                </li>\n              </ul>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <RightFixedgt />\n    <FootWrap />\n    <AltProduct ref=\"altProduct\" />\n    <ast ref=\"ast\" />\n  </div>\n</template>\n\n<script>\nimport { getColumnChild, getColumnDetail } from '@/api/column';\nimport { getContentList, getContentDetail, download } from '@/api/content';\n// import stories1 from '@/assets/staffmanage/stories1.png';\n// import stories2 from '@/assets/staffmanage/stories2.png';\n// import stories3 from '@/assets/staffmanage/stories3.png';\n// import stories4 from '@/assets/staffmanage/stories4.png';\n// import stories5 from '@/assets/staffmanage/stories5.png';\n// import stories6 from '@/assets/staffmanage/stories6.png';\n// import stories7 from '@/assets/staffmanage/stories7.png';\nexport default {\n  name: 'StrategyOrganize',\n  data () {\n    return {\n      top: {\n        title: '',\n        content: '',\n        imgBack: require('@/assets/strategy/canvas.gif'),\n      },\n      navWidth: 80,\n      navHeight: 60,\n      offsetTop: 0,\n      scrollTop: 0,\n      position: 0,\n      valueIndex: null,\n      topNaviId: null,\n      navList: [\n        {\n          title: '产品价值',\n          id: 'product-value',\n        },\n        {\n          title: '系统架构',\n          id: 'architecture',\n        },\n        {\n          title: '功能介绍',\n          id: 'introduction',\n        },\n        {\n          title: '数据安全',\n          id: 'data-security',\n        },\n        {\n          title: '客户案例',\n          id: 'customer-stories',\n        },\n        {\n          title: '资料下载',\n          id: 'data-download',\n        },\n      ],\n      productValue: '',\n      architecture: '',\n      introductionTagList: [\n        // {\n        //   text: '基础组织',\n        //   index: 0,\n        // },\n      ],\n      introductionIndex: 0,\n      introductionList: [\n        // {\n        //   title: '基础组织',\n        //   describe: '组织架构复杂，调整频繁，无法实时呈现架构图',\n        //   img: require('@/assets/strategy/introduction1.png'),\n        //   content: [\n        //     '系统架构图与组织架构联动，在进行架构调整的时候，架构图也实时更新。',\n        //     '实现多组织并存的形式，满足集团化多元化业务场景的要求。',\n        //     '自动封存变更节点，记录架构变更前后的信息对比',\n        //   ],\n        // },\n      ],\n      dataDownloadList: [\n        {\n          title: '资料下载',\n          dataList: [],\n        },\n        {\n          title: '产品动态',\n          dataList: [],\n        },\n        {\n          title: '干货推荐',\n          dataList: [],\n        },\n      ],\n      enterpriseList: [\n      ],\n      dataSecurityList: [],\n    };\n  },\n  watch: {\n    scrollTop(newValue, oldValue) {\n      setTimeout(() => {\n        if (newValue === window.scrollY) {\n          for (var i = 0; i < this.navList.length; i++) {\n            // var elementTop = document.querySelector('#' + this.navList[i].id).offsetTop - this.scrollTop - 1;\n            var elementTop = this.$refs[`${this.navList[i].id}`].offsetTop - this.scrollTop - 1;\n            if (elementTop <= 70) {\n              this.topNaviId = this.navList[i].id;\n            }\n          }\n        }\n      }, 20);\n    },\n  },\n  mounted () {\n    window.addEventListener('scroll', this.handleScroll);\n    this.$nextTick(() => {\n      const nav = this.$refs.nav;\n      this.offsetTop = nav.offsetTop;\n    });\n    this.getPageColumn();\n    this.getPartner();\n  },\n  beforeDestroy () {\n    window.removeEventListener('scroll', this.handleScroll);\n  },\n  methods: {\n    handleScroll() {\n      var offsetHeight = this.$refs.navTabs.offsetHeight;\n      this.scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;\n      var headerFixed = this.scrollTop > this.offsetTop - offsetHeight / 2 - 70;\n      var scroll = this.scrollTop - this.position;\n      this.position = this.scrollTop;\n      if (this.scrollTop <= 400) {\n        this.navHeight = 52;\n        this.navWidth = 80;\n        this.$refs.nav.style.position = 'relative';\n        this.$refs.nav.style.top = '0px';\n        this.topNaviId = null;\n      } else if (this.scrollTop >= 400 && !headerFixed) {\n        this.navHeight += 0.04 * scroll;\n        this.navWidth += 0.12 * scroll;\n        this.$refs.navTabs.style.top = -(offsetHeight / 2) + 'px';\n        this.$refs.nav.style.position = 'relative';\n        this.$refs.nav.style.top = '0px';\n        this.topNaviId = null;\n      } else if (headerFixed) {\n        this.navHeight = 60;\n        this.navWidth = 100;\n        this.$refs.navTabs.style.top = -(offsetHeight / 2) + 'px';\n        this.$refs.nav.style.position = 'fixed';\n        this.$refs.nav.style.top = (offsetHeight / 2) + 70 + 'px';\n      }\n    },\n\n    // 获取页面栏目\n    getPageColumn() {\n      const params = { parentId: '1605128867625000960', };\n      getColumnChild(params).then((res) => {\n        const { result, } = res;\n        for (var i = 0; i < result.length; i++) {\n          if (result[i].name === '产品价值') {\n            getColumnDetail(result[i].id).then((rrs) => {\n              this.productValue = rrs.result.icon;\n            });\n          } else if (result[i].name === '系统架构') {\n            getColumnDetail(result[i].id).then((rrs) => {\n              this.architecture = rrs.result.icon;\n            });\n          } else if (result[i].name === '功能介绍') {\n            getContentList({ columnId: result[i].id, pageNum: 1, pageSize: 99, }).then(async (rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                var TagItem = {\n                  text: rrsult.data[j].title,\n                  index: j,\n                };\n                const rts = await getContentDetail(rrsult.data[j].id);\n                var introductionItem = {\n                  title: '',\n                  describe: '',\n                  img: '',\n                  content: [],\n                };\n                const rtsult = rts.result;\n                introductionItem.title = rtsult.title;\n                introductionItem.describe = rtsult.summaryTitle;\n                introductionItem.img = rtsult.icon;\n                for (var x = 0; x < rtsult.elements.length; x++) {\n                  introductionItem.content.push(rtsult.elements[x].content);\n                }\n                this.introductionList.push(introductionItem);\n                this.introductionTagList.push(TagItem);\n              }\n            });\n          } else if (result[i].name === '数据安全') {\n            getContentList({ columnId: result[i].id, pageNum: 1, pageSize: 99, }).then(async (rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                const rts = await getContentDetail(rrsult.data[j].id);\n                var dataSecurityItem = {\n                  title: '',\n                  icon: '',\n                  textList: [],\n                };\n                const rtsult = rts.result;\n                dataSecurityItem.title = rtsult.title;\n                dataSecurityItem.icon = rtsult.icon;\n                for (var x = 0; x < rtsult.elements.length; x++) {\n                  dataSecurityItem.textList.push(rtsult.elements[x].content);\n                }\n                this.dataSecurityList.push(dataSecurityItem);\n                // getContentDetail(rrsult.data[j].id).then((rts) => {\n                // });\n              }\n            });\n          } else if (result[i].name === '顶部图') {\n            getColumnDetail(result[i].id).then((rrs) => {\n              const rrsult = rrs.result;\n              var content = rrsult.elements.find(obj => obj.name === 'content').content;\n              var contentdoc = new DOMParser().parseFromString(content, 'text/html');\n              this.top.title = rrsult.elements.find(obj => obj.name === 'subtitle').content;\n              this.top.content = contentdoc.documentElement.textContent.replace(/&nbsp;/g, ' ');\n              // this.top = {\n              //   imgBack: rrsult.icon,\n              // };\n            });\n          }\n        }\n      });\n      const downLoadParams = { columnId: '1605494229646401536', pageNum: 1, pageSize: 4, commendation: 8, cascade: true, };\n      getContentList(downLoadParams).then(async (res) => {\n        const { result, } = res;\n        this.dataDownloadList[0].dataList = result.data;\n      });\n      const contentParams = { columnId: '1605774350588534784', pageNum: 1, pageSize: 4, commendation: 8, };\n      getContentList(contentParams).then(async (res) => {\n        const { result, } = res;\n        this.dataDownloadList[1].dataList = result.data;\n      });\n      const industryParams = { columnId: '1605774444985540608', pageNum: 1, pageSize: 4, commendation: 8, };\n      getContentList(industryParams).then(async (res) => {\n        const { result, } = res;\n        this.dataDownloadList[2].dataList = result.data;\n      });\n    },\n\n    // 合作伙伴列表\n    getPartner() {\n      var params = { columnId: '1605405080163672064', pageNum: 1, pageSize: 18, commendation: 16, cascade: true, };\n      getContentList(params).then((res) => {\n        const { result, } = res;\n        for (var i = 0; i < result.data.length; i++) {\n          this.enterpriseList.push(result.data[i].logo);\n        }\n      });\n    },\n\n    goAnchor(i) {\n      // var id = '#' + i.id;\n      // document.querySelector(id).scrollIntoView({\n      //   behavior: 'smooth',\n      //   block: 'start',\n      // });\n      window.scrollTo({\n        top: this.$refs[`${i.id}`].offsetTop - 70,\n        left: 0,\n        behavior: 'smooth',\n      });\n    },\n\n    clickDate(data, index) {\n      if (index === 0) {\n        getContentDetail(data.id).then((res) => {\n          const { result, } = res;\n          var file = result.elements.find(obj => obj.name === 'file').content;\n          download(file[0].url).then((rrs) => {\n            const fileName = file[0].name;\n            const blob = new Blob([ rrs.data, ]);\n            if (typeof window.navigator.msSaveBlob !== 'undefined') {\n              // 兼容window.navigator.msSaveBlob：以本地方式保存文件\n              window.navigator.msSaveBlob(blob, decodeURI(fileName));\n            } else {\n              // 创建新的URL并指向File对象或者Blob对象的地址\n              const blobURL = window.URL.createObjectURL(blob);\n              // 创建a标签，用于跳转至下载链接\n              const tempLink = document.createElement('a');\n              tempLink.style.display = 'block';\n              tempLink.href = blobURL;\n              tempLink.setAttribute('download', decodeURI(fileName));\n              // 兼容：某些浏览器不支持HTML5的download属性\n              if (typeof tempLink.download === 'undefined') {\n                tempLink.setAttribute('target', '_blank');\n              }\n              // 挂载a标签\n              document.body.appendChild(tempLink);\n              tempLink.click();\n              document.body.removeChild(tempLink);\n              // 释放blob URL地址\n              window.URL.revokeObjectURL(blobURL);\n            }\n          });\n        });\n      } else if (index === 1) {\n        this.$router.push({ path: `/news/details/${data.id}`, query: { type: 1, }, });\n      } else if (index === 2) {\n        this.$router.push({ path: `/news/details/${data.id}`, query: { type: 2, }, });\n      }\n    },\n    moreEnterprise () {\n      this.$router.push({ name: 'CustomerCase', });\n    },\n    changeStep(i) {\n      this.introductionIndex = i.index;\n    },\n    openBealter () {\n      this.$refs.altProduct.tobealter();\n    },\n    openBealter2() {\n       this.$refs.ast.drawer  = true\n    },\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n.strategy-organize{\n  background-color: #fff;\n  .page-content{\n    width: 100%;\n    .page-canvas{\n        width: 100%;\n        height: fit-content;\n        min-width: var(--minwidth);\n        position: relative;\n        background-size: cover;\n        overflow: hidden;\n        .page-background{\n          position: absolute;\n          left: 0;\n          top: 0;\n          right: 0;\n          bottom: 0;\n          background-position: top;\n          background-size: cover;\n          background-repeat: no-repeat;\n          // width: 100%;\n          // height: 560px;\n          // display: flex;\n          // justify-content: center;\n          // align-items: center;\n          // object-fit: cover;\n          img{\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            object-position: center top;\n          }\n        }\n        .por-container {\n          width: 85%;\n          max-width: 1200px;\n          margin: 0 auto;\n          position: relative;\n          .solution-info {\n            width: 540px;\n            height: 560px;\n            display: flex;\n            justify-content: center;\n            flex-direction: column;\n            box-sizing: border-box;\n            .solution-info-title {\n              font-size: 45px;\n              font-weight: bold;\n              line-height: 55px;\n              color: #181818;\n              margin-bottom: 30px;\n            }\n            .solution-info-content {\n              font-size: 20px;\n              line-height: 32px;\n              color: #7b7b7b;\n              margin-bottom: 44px;\n            }\n            .solution-btn {\n              width: 142px;\n              height: 48px;\n              background-color: #00b0dc;\n              color: #fff;\n              text-align: center;\n              line-height: 48px;\n              cursor: pointer;\n              border-radius: 24px;\n            }\n          }\n        }\n    }\n    .page-nav{\n          width: 100%;\n          display: flex;\n          position: relative;\n          justify-content: center;\n          z-index: 50;\n          .page-tabs{\n              margin: 0 auto;\n              box-shadow: 0px 2px 8px 0px rgba(139, 139, 139, 0.18);\n              border-radius: 2px;\n              background-color: #fff;\n              display: flex;\n              position: absolute;\n              top: -26px;\n              .page-nav-item{\n              flex: 1;\n              display: flex;\n              align-items: center;\n              justify-content: center;\n              color: #181818;\n              font-size: 14px;\n              cursor: pointer;\n              }\n              .page-nav-item:hover{\n              color: #00b0dc;\n              }\n              .top-nav-item {\n              color: #fff;\n              background-color: #00b0dc;\n              }\n              .top-nav-item:hover {\n              color: #fff;\n              }\n          }\n    }\n    .product-value{\n      width: 1200px;\n      padding-top: 119px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      .title{\n        font-size: 32px;\n        color: #181818;\n        line-height: 1;\n        margin-bottom: 70px;\n      }\n      .flow-chart-content{\n        width: 100%;\n        img{\n          display: block;\n          width: 100%;\n        }\n      }\n    }\n    .architecture{\n      width: 1200px;\n      padding-top: 119px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      .title{\n        font-size: 32px;\n        color: #181818;\n        line-height: 1;\n        margin-bottom: 70px;\n      }\n      .flow-chart-content{\n        width: 100%;\n        img{\n          display: block;\n          width: 100%;\n        }\n      }\n    }\n    .introduction{\n      width: 100%;\n      padding-top: 109px;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      .title{\n        font-size: 32px;\n        color: #181818;\n        line-height: 1;\n        padding-bottom: 70px;\n        box-sizing: border-box;\n      }\n      .introduction-tag-list{\n        width: 1200px;\n        margin: 0 auto;\n        display: flex;\n        align-items: center;\n        .tag-list-item{\n          flex: 1;\n          display: flex;\n          justify-content: center;\n          .tag-list-text{\n            font-size: 20px;\n            color: #181818;\n            line-height: 63px;\n            cursor: pointer;\n            border-bottom: 6px solid transparent;\n          }\n          .tag-list-text:hover{\n            font-weight: 600;\n            border-bottom: 6px solid #00b0dc;\n          }\n        }\n        .tag-list-item-change{\n          .tag-list-text{\n            font-weight: 600;\n            border-bottom: 6px solid #00b0dc;\n          }\n        }\n      }\n      .introduction-content-box{\n        width: 100%;\n        // background-color: #f8fbff;\n        padding: 80px 0 60px;\n        .introduction-content{\n          width: 1200px;\n          margin: 0 auto;\n          display: flex;\n          justify-content: space-between;\n          align-items: flex-start;\n          .introduction-content-left{\n            width: 450px;\n            padding-top: 41px;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            align-items: flex-start;\n            box-sizing: border-box;\n            .content-title-wrap{\n              display: flex;\n              align-items: center;\n              justify-content: flex-start;\n              margin-bottom: 14px;\n              .list{\n                width: 6px;\n                height: 30px;\n                border-radius: 3px;\n                background-color: #00b0dc;\n              }\n              .content-title{\n                margin-left: 10px;\n                font-size: 32px;\n                font-weight: 600;\n                line-height: 1;\n                color: #181818;\n              }\n            }\n            .content-describe{\n              margin-left: 18px;\n              font-size: 16px;\n              color: #7b7b7b;\n              margin-bottom: 15px;\n            }\n            .content-text-box{\n              display: flex;\n              align-items: flex-start;\n              justify-content: flex-start;\n              margin-top: 33px;\n              .content-icon{\n                width: 24px;\n                height: 16px;\n                display: block;\n                margin-top: 4px;\n                margin-right: 8px;\n              }\n              .content-text{\n                font-size: 16px;\n                line-height: 25px;\n                color: #314666;\n              }\n            }\n          }\n          .introduction-content-right{\n            width: 740px;\n            height: 460px;\n            img{\n              width: 100%;\n              height: auto;\n              display: block;\n            }\n          }\n        }\n      }\n    }\n    .data-download-wrap{\n      min-width: 1200px;\n      background: url('@/assets/strategy/data-back.png') no-repeat;\n      background-position: center;\n      .data-download{\n        width: 70%;\n        min-width: 1209px;\n        padding-top: 70px;\n        margin: 0 auto;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        padding-bottom: 60px;\n        .title{\n          font-size: 32px;\n          color: #181818;\n        }\n        .data-download-content{\n          display: flex;\n          margin: 70px auto 0;\n          .data-download-content-item{\n            width: 386px;\n            height: 250px;\n            margin-right: 24px;\n            padding: 51px 31px 0 31px;\n            background-color: #fff;\n            box-sizing: border-box;\n            .dataListTitle{\n              font-size: 18px;\n              color: #181818;\n              line-height: 1;\n              margin-bottom: 31px;\n            }\n            .data-list{\n              width: 100%;\n              display: flex;\n              flex-direction: column;\n              justify-content: flex-start;\n              .data-list-item{\n                width: 100%;\n                display: flex;\n                justify-content: space-between;\n                margin-top: 14px;\n                // padding-left: 24px;\n                box-sizing: border-box;\n                list-style:disc;\n                .data-list-left{\n                  display: flex;\n                  align-items: center;\n                  justify-content: flex-start;\n                  .data-title{\n                    width: 254px;\n                    overflow: hidden;\n                    white-space: nowrap;\n                    text-overflow: ellipsis;\n                    font-size: 14px;\n                    color: #181818;\n                    cursor: pointer;\n                    position: relative;\n                  }\n                }\n                .data-list-right{\n                  display: flex;\n                  justify-content: center;\n                  align-items: center;\n                  img{\n                    width: auto;\n                    height: 10px;\n                    display: block;\n                  }\n                  display: none;\n                }\n              }\n              .data-list-item:hover{\n                .data-list-left{\n                  .data-title{\n                    color: #00b0dc;\n                  }\n                }\n                .data-list-right{\n                  display: block;\n                }\n              }\n            }\n          }\n          .data-download-content-item:hover{\n            background: url('@/assets/strategy/data-item-back.png') no-repeat;\n          }\n          .data-download-content-item:last-child{\n            margin-right: 0;\n          }\n        }\n      }\n    }\n    .customer-stories{\n      width: 100%;\n      min-width: 1200px;\n      display: flex;\n      flex-direction: column;\n      background: url('@/assets/staffmanage/customer-back.png') no-repeat;\n      background-position: center;\n      background-size: cover;\n      background-position: center;\n      height: 561px;\n      padding: 69px 0 60px;\n      box-sizing: border-box;\n      .customer-stories-content{\n        width: 80%;\n        min-width: var(--minwidth);\n        margin: 0 auto;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        .title{\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          font-size: 32px;\n          font-weight: 500;\n          color: #181818;\n          margin-bottom: 70px;\n        }\n        .customer-stories-list{\n          width: 100%;\n          display: flex;\n          flex-wrap: wrap;\n          justify-content: flex-start;\n          .cystiner-stirues-item{\n            width: calc(16.666% - 20px);\n            height: 70px;\n            margin: 10px;\n            background-color: #fff;\n            border: solid 1px #dfdfdf;\n            display: flex;\n            box-sizing: border-box;\n            justify-content: center;\n            align-items: center;\n            padding: 10px;\n            img{\n              width: 100%;\n              height: 100%;\n              object-fit: contain;\n              display: block;\n            }\n          }\n        }\n        .customer-stories-btn{\n          width: 155px;\n          height: 50px;\n          background-color: #00b0dc;\n          border-radius: 25px;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          margin-top: 20px;\n          cursor: pointer;\n          .btn-text{\n            font-size: 15px;\n            color: #ffffff;\n          }\n          &:hover{\n            transform: scale(1.1);\n            transition: all  0.5s;\n          }\n        }\n      }\n    }\n    .data-security{\n      padding-top: 60px;\n      width: 100%;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: flex-start;\n      .data-security-wrap{\n        width: 100%;\n        min-width: 1200px;\n        height: 330px;\n        background: url('@/assets/strategy/security-back.png') no-repeat;\n        background-position: center;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: flex-start;\n        padding-top: 55px;\n        box-sizing: border-box;\n        .data-security-title{\n          font-size: 32px;\n          color: #181818;\n          line-height: 1;\n          margin-bottom: 25px;\n        }\n        .data-security-subtitle{\n          font-size: 14px;\n          color: #181818;\n          line-height: 1;\n          margin-bottom: 25px;\n        }\n        .data-security-btn{\n          width: 124px;\n          height: 42px;\n          background-color: #00b0dc;\n          border-radius: 8px;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          cursor: pointer;\n          .btn-text{\n            font-size: 14px;\n            color: #fff;\n          }\n        }\n      }\n      .data-security-list{\n        width: 1200px;\n        height: 280px;\n        margin: 0 auto;\n        background-color: #fff;\n        box-shadow: 0px 4px 16px 0px rgba(171, 168, 168, 0.26);\n        border-radius: 12px;\n        transform: translateY(-92px);\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 0 38px;\n        box-sizing: border-box;\n        .data-security-item{\n          width: 365px;\n          height: 100%;\n          display: flex;\n          justify-content: flex-start;\n          align-items: flex-start;\n          padding-top: 50px;\n          box-sizing: border-box;\n          .item-icon-wrap{\n            width: 36px;\n            img{\n              width: 100%;\n              height: auto;\n              display: block;\n            }\n          }\n          .item-content-wrap{\n            flex: 1;\n            margin-left: 15px;\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n            justify-content: flex-start;\n            .item-content-title{\n              margin-top: 5px;\n              margin-bottom: 18px;\n              font-size: 20px;\n              color: #181818;\n            }\n            .item-content-text{\n              margin-top: 10px;\n              display: flex;\n              justify-content: flex-start;\n              align-items: flex-start;\n              .textItem-li{\n                width: 5px;\n                height: 5px;\n                border-radius: 50%;\n                background-color: #00b0dc;\n                margin-right: 10px;\n                margin-top: 8px;\n              }\n              .textItem{\n                flex: 1;\n                font-size: 16px;\n                color: #6d717c;\n                line-height: 24px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./strategy-organize.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./strategy-organize.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./strategy-organize.vue?vue&type=template&id=0aa2d6f9&scoped=true&\"\nimport script from \"./strategy-organize.vue?vue&type=script&lang=js&\"\nexport * from \"./strategy-organize.vue?vue&type=script&lang=js&\"\nimport style0 from \"./strategy-organize.vue?vue&type=style&index=0&id=0aa2d6f9&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0aa2d6f9\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"achievements\"},[_c('AppBar'),_c('div',{staticClass:\"page-content\"},[_c('div',{staticClass:\"achievements-canvas\"},[_c('div',{staticClass:\"achievements-background\"},[_c('img',{attrs:{\"src\":_vm.top.imgBack,\"alt\":\"\"}})]),_c('div',{staticClass:\"por-container\"},[_c('div',{staticClass:\"solution-info\"},[_c('div',{staticClass:\"solution-info-title\"},[_vm._v(_vm._s(_vm.top.title))]),_c('div',{staticClass:\"solution-info-content\",domProps:{\"innerHTML\":_vm._s(_vm.top.content)}}),_c('div',{staticClass:\"solution-btn\",on:{\"click\":_vm.openBealter}},[_vm._v(\"预约演示\")])])])]),_c('div',{ref:\"nav\",staticClass:\"achievements-nav\"},[_c('div',{ref:\"navTabs\",staticClass:\"achievements-nav-tabs\",style:({ width: _vm.navWidth + '%', height: _vm.navHeight + 'px' })},_vm._l((_vm.navList),function(item,index){return _c('div',{key:index,class:[\n            'achievements-nav-item',\n            _vm.topNaviId === item.id ? 'top-nav-item' : '',\n          ],on:{\"click\":function($event){return _vm.goAnchor(item)}}},[_vm._v(\" \"+_vm._s(item.title)+\" \")])}),0)]),_c('div',[_c('div',{ref:\"product-value\",staticClass:\"product-value\"},[_vm._m(0),_c('div',{staticClass:\"value-list\"},_vm._l((_vm.valueList),function(item,index){return _c('div',{key:index,staticClass:\"value-list-item\"},[_c('div',{staticClass:\"value-list-item-card\"},[_c('div',{staticClass:\"list-item-icon-wrap\"},[_c('img',{staticClass:\"list-item-icon\",attrs:{\"src\":item.icon,\"alt\":\"\"}})]),_c('div',{staticClass:\"list-item-text\"},[_c('div',{staticClass:\"list-item-title\"},[_vm._v(\" \"+_vm._s(item.title)+\" \")]),_c('div',{staticClass:\"list-item-des\"},_vm._l((item.describeList),function(textItem,textindex){return _c('div',{key:textindex,staticClass:\"list-item-des-item\"},[_vm._v(\" \"+_vm._s(textItem)+\" \")])}),0)])])])}),0)])]),_c('div',[_c('div',{ref:\"architecture\",staticClass:\"architecture\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"系统流程图\")]),_c('div',{staticClass:\"architecture-content\"},[_c('img',{attrs:{\"src\":_vm.architecture,\"alt\":\"\"}})])])]),_c('div',[_c('div',{ref:\"introduction\",staticClass:\"introduction\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"系统功能介绍\")]),_c('div',{staticClass:\"introduction-tag-list\"},_vm._l((_vm.introductionTagList),function(item,index){return _c('div',{key:index,staticClass:\"tag-list-item\",class:{'tag-list-item-change': _vm.introductionIndex == index}},[_c('div',{staticClass:\"tag-list-text\",on:{\"click\":function($event){return _vm.changeIndex(item)}}},[_vm._v(\" \"+_vm._s(item.text)+\" \")])])}),0),_c('div',{staticClass:\"introduction-content-box\"},[_c('transition',{attrs:{\"name\":\"introduction-contents\"}},[(_vm.introductionList.length != 0)?_c('div',{key:_vm.introductionIndex,staticClass:\"introduction-content\"},[_c('div',{staticClass:\"introduction-content-left\"},[_c('div',{staticClass:\"content-title\"},[_vm._v(_vm._s(_vm.introductionList[_vm.introductionIndex].title))]),_vm._l((_vm.introductionList[_vm.introductionIndex].content),function(item,index){return _c('div',{key:index,staticClass:\"content-text-box\"},[_c('div',{staticClass:\"content-text-li\"}),_c('div',{staticClass:\"content-text\"},[_vm._v(_vm._s(item))])])})],2),_c('div',{staticClass:\"introduction-content-right\"},[_c('img',{attrs:{\"src\":_vm.introductionList[_vm.introductionIndex].img,\"alt\":\"\"}})])]):_vm._e()])],1)])]),_c('div',[_c('div',{staticStyle:{\"background-color\":\"#f7f9fc\",\"padding-top\":\"40px\"}},[_c('div',{ref:\"data-security\",staticClass:\"data-security\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"数据安全\")]),_c('div',{staticClass:\"data-security-tag\"},_vm._l((_vm.dataSecurityTagList),function(item,index){return _c('div',{key:index,staticClass:\"data-security-tag-item\"},[_c('div',{staticClass:\"item-box\",on:{\"click\":function($event){return _vm.changeStep(index)}}},[_c('div',{staticClass:\"item-icon\",class:{\n                    'item-icon-active':\n                      item.index === _vm.dataSecurityTagActiveIndex,\n                  }},[_c('img',{attrs:{\"src\":item.url,\"alt\":\"\"}})]),_c('div',{staticClass:\"item-title\"},[_vm._v(_vm._s(item.title))])]),(index < 2)?_c('div',{staticClass:\"data-security-tag-arrow\"}):_vm._e()])}),0),_c('div',{staticClass:\"data-security-content\"},[_c('div',{staticClass:\"arrow\",on:{\"click\":_vm.last}},[_c('img',{attrs:{\"src\":require('@/assets/personnelgrow/icon/left-arrow.png'),\"alt\":\"\"}})]),_c('transition',{attrs:{\"name\":\"secrity-fade\",\"mode\":\"out-in\"}},[(_vm.dataSecurityList.length != 0)?_c('div',{key:_vm.dataSecurityTagActiveIndex,staticClass:\"data-security-content-list\"},[_c('div',{staticClass:\"data-security-content-left\"},[_c('img',{attrs:{\"src\":_vm.dataSecurityList[_vm.dataSecurityTagActiveIndex].url,\"alt\":\"\"}})]),_c('div',{staticClass:\"data-security-content-right\"},_vm._l((_vm.dataSecurityList[\n                      _vm.dataSecurityTagActiveIndex\n                    ].textList),function(item,index){return _c('div',{key:index,staticClass:\"content-text-box\"},[_c('img',{staticClass:\"list-icon\",attrs:{\"src\":require('@/assets/home/content-tip.png'),\"alt\":\"\"}}),_c('div',{staticClass:\"text\"},[_vm._v(\" \"+_vm._s(item)+\" \")])])}),0)]):_vm._e()]),_c('div',{staticClass:\"arrow\",on:{\"click\":_vm.next}},[_c('img',{attrs:{\"src\":require('@/assets/personnelgrow/icon/right-arrow.png'),\"alt\":\"\"}})])],1)])])]),_c('div',[_c('div',{ref:\"customer-stories\"},[_c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"60px\",\"background-color\":\"#f7f9fc\"}}),_c('div',{staticClass:\"customer-stories\"},[_c('div',{staticClass:\"customer-stories-content\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"中大型企业的共同选择\")]),_c('div',{staticClass:\"customer-stories-list\"},_vm._l((_vm.enterpriseList),function(item,index){return _c('div',{key:index,staticClass:\"cystiner-stirues-item\"},[_c('img',{attrs:{\"src\":item,\"alt\":\"\"}})])}),0),_c('div',{staticClass:\"customer-stories-btn\",on:{\"click\":_vm.moreEnterprise}},[_c('div',{staticClass:\"btn-text\"},[_vm._v(\" 查看更多案例 \")])])])])])]),_c('div',[_c('div',{ref:\"data-download\",staticClass:\"data-download\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"行业资料\")]),_c('div',{staticClass:\"data-download-content\"},_vm._l((_vm.dataDownloadList),function(item,index){return _c('div',{key:index,staticClass:\"data-download-content-item\"},[_c('div',{staticClass:\"item-title-box\"},[_c('img',{staticClass:\"background\",attrs:{\"src\":item.img,\"alt\":\"\"}}),_c('div',{staticClass:\"eng_title\"},[_vm._v(_vm._s(item.eng))]),_c('div',{staticClass:\"ch_title\"},[_c('div',{staticClass:\"dataListTitle\"},[_vm._v(_vm._s(item.title))]),_c('div',{staticClass:\"subTitle\"},[_vm._v(_vm._s(item.subtitle))])])]),_c('ul',{staticClass:\"data-list\"},_vm._l((item.dataList),function(dataItem,dataIndex){return _c('li',{key:dataIndex,staticClass:\"data-list-item\",on:{\"click\":function($event){return _vm.clickDate(dataItem, index)}}},[_c('div',{staticClass:\"data-list-left\"},[_c('div',{staticClass:\"content-time\"},[_vm._v(_vm._s(dataItem.time))]),_c('div',{staticClass:\"data-title\"},[_vm._v(\" \"+_vm._s(dataItem.title)+\" \")])])])}),0)])}),0)])]),_c('div',{staticClass:\"appointment-demonstration\"},[_c('div',{staticClass:\"content-center\"},[_vm._m(1),_c('div',{staticClass:\"appointment-demonstration-btn\",on:{\"click\":_vm.openBealter}},[_c('span',[_vm._v(\"预约产品显示\")])])])])]),_c('RightFixedgt'),_c('FootWrap'),_c('AltProduct',{ref:\"altProduct\"}),_c('ast',{ref:\"ast\"})],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"title-subtitle\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"产品价值分析\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"appointment-demonstration-text\"},[_c('h4',{staticClass:\"appointment-demonstration-title\"},[_vm._v(\" 了解更多有关华跃产品与服务信息 \")]),_c('h5',{staticClass:\"appointment-demonstration-subtitle\"},[_vm._v(\" 您还可以预约我们的产品演示 \")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"achievements\">\n    <AppBar />\n    <div class=\"page-content\">\n      <div class=\"achievements-canvas\">\n        <div class=\"achievements-background\">\n          <img :src=\"top.imgBack\" alt=\"\" />\n        </div>\n        <div class=\"por-container\">\n          <div class=\"solution-info\">\n            <div class=\"solution-info-title\">{{ top.title }}</div>\n            <div class=\"solution-info-content\" v-html=\"top.content\">\n              <!-- 利用在线招聘流程，帮助企业实现智能、便捷的招聘模式，\n              建立企业自己的人才储备机制 -->\n            </div>\n            <div class=\"solution-btn\" @click=\"openBealter\">预约演示</div>\n          </div>\n        </div>\n      </div>\n      <div ref=\"nav\" class=\"achievements-nav\">\n        <div\n          ref=\"navTabs\"\n          class=\"achievements-nav-tabs\"\n          :style=\"{ width: navWidth + '%', height: navHeight + 'px' }\"\n        >\n          <div\n            v-for=\"(item, index) in navList\"\n            :key=\"index\"\n            :class=\"[\n              'achievements-nav-item',\n              topNaviId === item.id ? 'top-nav-item' : '',\n            ]\"\n            @click=\"goAnchor(item)\"\n          >\n            {{ item.title }}\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"product-value\" class=\"product-value\">\n          <div class=\"title-subtitle\">\n            <div class=\"title\">产品价值分析</div>\n          </div>\n          <div class=\"value-list\">\n            <div\n              v-for=\"(item, index) in valueList\"\n              :key=\"index\"\n              class=\"value-list-item\"\n            >\n              <div class=\"value-list-item-card\">\n                <div class=\"list-item-icon-wrap\">\n                  <img :src=\"item.icon\" alt=\"\" class=\"list-item-icon\" />\n                </div>\n                <div class=\"list-item-text\">\n                  <div class=\"list-item-title\">\n                    {{ item.title }}\n                  </div>\n                  <div class=\"list-item-des\">\n                    <div\n                      v-for=\"(textItem, textindex) in item.describeList\"\n                      :key=\"textindex\"\n                      class=\"list-item-des-item\"\n                    >\n                      {{ textItem }}\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"architecture\" class=\"architecture\">\n          <div class=\"title\">系统流程图</div>\n          <div class=\"architecture-content\">\n            <img :src=\"architecture\" alt=\"\" />\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"introduction\" class=\"introduction\">\n          <div class=\"title\">系统功能介绍</div>\n          <div class=\"introduction-tag-list\">\n            <div\n              v-for=\"(item, index) in introductionTagList\"\n              :key=\"index\"\n              class=\"tag-list-item\"\n              :class=\"{'tag-list-item-change': introductionIndex == index}\"\n            >\n              <div class=\"tag-list-text\" @click=\"changeIndex(item)\">\n                {{ item.text }}\n              </div>\n            </div>\n          </div>\n          <div class=\"introduction-content-box\">\n            <transition name=\"introduction-contents\">\n              <div v-if=\"introductionList.length != 0\" :key=\"introductionIndex\" class=\"introduction-content\">\n                <div class=\"introduction-content-left\">\n                  <div class=\"content-title\">{{ introductionList[introductionIndex].title }}</div>\n                  <div\n                    v-for=\"(item, index) in introductionList[introductionIndex].content\"\n                    :key=\"index\"\n                    class=\"content-text-box\"\n                  >\n                    <div class=\"content-text-li\"></div>\n                    <div class=\"content-text\">{{ item }}</div>\n                  </div>\n                </div>\n                <div class=\"introduction-content-right\">\n                  <img :src=\"introductionList[introductionIndex].img\" alt=\"\" />\n                </div>\n              </div>\n            </transition>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div style=\"background-color: #f7f9fc; padding-top: 40px\">\n          <div ref=\"data-security\" class=\"data-security\">\n            <div class=\"title\">数据安全</div>\n            <div class=\"data-security-tag\">\n              <div\n                v-for=\"(item, index) in dataSecurityTagList\"\n                :key=\"index\"\n                class=\"data-security-tag-item\"\n              >\n                <div class=\"item-box\" @click=\"changeStep(index)\">\n                  <div\n                    class=\"item-icon\"\n                    :class=\"{\n                      'item-icon-active':\n                        item.index === dataSecurityTagActiveIndex,\n                    }\"\n                  >\n                    <img :src=\"item.url\" alt=\"\" />\n                  </div>\n                  <div class=\"item-title\">{{ item.title }}</div>\n                </div>\n                <div v-if=\"index < 2\" class=\"data-security-tag-arrow\"></div>\n              </div>\n            </div>\n            <div class=\"data-security-content\">\n              <div class=\"arrow\" @click=\"last\">\n                <img\n                  :src=\"require('@/assets/personnelgrow/icon/left-arrow.png')\"\n                  alt=\"\"\n                />\n              </div>\n              <transition name=\"secrity-fade\" mode=\"out-in\">\n                <div\n                  v-if=\"dataSecurityList.length != 0\"\n                  :key=\"dataSecurityTagActiveIndex\"\n                  class=\"data-security-content-list\"\n                >\n                  <div class=\"data-security-content-left\">\n                    <img\n                      :src=\"dataSecurityList[dataSecurityTagActiveIndex].url\"\n                      alt=\"\"\n                    />\n                  </div>\n                  <div class=\"data-security-content-right\">\n                    <div\n                      v-for=\"(item, index) in dataSecurityList[\n                        dataSecurityTagActiveIndex\n                      ].textList\"\n                      :key=\"index\"\n                      class=\"content-text-box\"\n                    >\n                      <img\n                        :src=\"require('@/assets/home/content-tip.png')\"\n                        alt=\"\"\n                        class=\"list-icon\"\n                      />\n                      <div class=\"text\">\n                        {{ item }}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </transition>\n              <div class=\"arrow\" @click=\"next\">\n                <img\n                  :src=\"require('@/assets/personnelgrow/icon/right-arrow.png')\"\n                  alt=\"\"\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"customer-stories\">\n          <div style=\"width: 100%; height: 60px; background-color: #f7f9fc;\"></div>\n          <div class=\"customer-stories\">\n            <div class=\"customer-stories-content\">\n              <div class=\"title\">中大型企业的共同选择</div>\n              <div class=\"customer-stories-list\">\n                <div v-for=\"(item, index) in enterpriseList\" :key=\"index\" class=\"cystiner-stirues-item\">\n                  <img :src=\"item\" alt=\"\" />\n                </div>\n              </div>\n              <div class=\"customer-stories-btn\" @click=\"moreEnterprise\">\n                <div class=\"btn-text\">\n                  查看更多案例\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"data-download\" class=\"data-download\">\n          <div class=\"title\">行业资料</div>\n          <div class=\"data-download-content\">\n            <div v-for=\"(item, index) in dataDownloadList\" :key=\"index\" class=\"data-download-content-item\">\n              <div class=\"item-title-box\">\n                <img :src=\"item.img\" alt=\"\" class=\"background\" />\n                <div class=\"eng_title\">{{ item.eng }}</div>\n                <div class=\"ch_title\">\n                  <div class=\"dataListTitle\">{{ item.title }}</div>\n                  <div class=\"subTitle\">{{ item.subtitle }}</div>\n                </div>\n              </div>\n              <ul class=\"data-list\">\n                <li\n                  v-for=\"(dataItem, dataIndex) in item.dataList\"\n                  :key=\"dataIndex\"\n                  class=\"data-list-item\"\n                  @click=\"clickDate(dataItem, index)\"\n                >\n                  <div class=\"data-list-left\">\n                    <div class=\"content-time\">{{ dataItem.time }}</div>\n                    <div class=\"data-title\">\n                      {{ dataItem.title }}\n                    </div>\n                  </div>\n                </li>\n              </ul>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"appointment-demonstration\">\n        <div class=\"content-center\">\n          <div class=\"appointment-demonstration-text\">\n            <h4 class=\"appointment-demonstration-title\">\n              了解更多有关华跃产品与服务信息\n            </h4>\n            <h5 class=\"appointment-demonstration-subtitle\">\n              您还可以预约我们的产品演示\n            </h5>\n          </div>\n          <div class=\"appointment-demonstration-btn\" @click=\"openBealter\">\n            <span>预约产品显示</span>\n          </div>\n        </div>\n      </div>\n    </div>\n    <RightFixedgt />\n    <FootWrap />\n    <AltProduct ref=\"altProduct\" />\n    <ast ref=\"ast\" />\n  </div>\n</template>\n\n<script>\nimport { getColumnChild, getColumnDetail } from '@/api/column';\nimport { getContentList, getContentDetail, download } from '@/api/content';\nexport default {\n  name: 'AchievementView',\n  data() {\n    return {\n      top: {\n        title: '',\n        content: '',\n        imgBack: require('@/assets/achievements/canvas.gif'),\n      },\n      navWidth: 80,\n      navHeight: 60,\n      offsetTop: 0,\n      scrollTop: 0,\n      position: 0,\n      valueIndex: null,\n      topNaviId: null,\n      navList: [\n        {\n          title: '产品价值',\n          id: 'product-value',\n        },\n        {\n          title: '系统架构',\n          id: 'architecture',\n        },\n        {\n          title: '功能介绍',\n          id: 'introduction',\n        },\n        {\n          title: '数据安全',\n          id: 'data-security',\n        },\n        {\n          title: '客户案例',\n          id: 'customer-stories',\n        },\n        {\n          title: '资料下载',\n          id: 'data-download',\n        },\n      ],\n      valueList: [\n        // {\n        //   icon: value1,\n        //   title: '多种绩效模式',\n        //   describeList: [\n        //     '提供含KPI、360、OKR等多种绩效模式',\n        //     '建立标准化的绩效管理流程',\n        //     '减少人为干预因素，实现绩效管理制度快速落地',\n        //   ],\n        // },\n      ],\n      architecture: '',\n      introductionTagList: [\n        // {\n        //   text: '目标分解',\n        //   index: 0,\n        // },\n      ],\n      introductionIndex: 0,\n      introductionList: [\n        // {\n        //   title: '绩效指标无法有效的与团队和公司目标结合',\n        //   img: require('@/assets/achievements/introduction1.png'),\n        //   content: [\n        //     '将公司经营目标通过逻辑关系与各个部门目标建立联系',\n        //     '部门目标用同样的方式实现与关键岗位指标关联',\n        //     '所有逻辑关系可以通过可视化的设置灵活调整',\n        //   ],\n        // },\n      ],\n      dataDownloadList: [\n        {\n          title: '资料下载',\n          eng: 'DOWNLOAD',\n          subtitle: '行业资料下载',\n          img: require('@/assets/achievements/dataDownload1.png'),\n          dataList: [],\n        },\n        {\n          title: '产品动态',\n          eng: 'PRODUCT NEWS',\n          subtitle: '产品更新动态',\n          img: require('@/assets/achievements/dataDownload2.png'),\n          dataList: [],\n        },\n        {\n          title: '干货推荐',\n          eng: 'INDUSTRY KNOWLEDGE',\n          subtitle: '行业硬知识',\n          img: require('@/assets/achievements/dataDownload3.png'),\n          dataList: [],\n        },\n      ],\n      dataSecurityTagList: [\n        // {\n        //   title: '身份认证',\n        //   url: require('@/assets/personnelgrow/icon/data-security-tag1.png'),\n        //   index: 0,\n        // },\n      ],\n      dataSecurityList: [\n        // {\n        //   url: require('@/assets/personnelgrow/data-security-img1.png'),\n        //   textList: [\n        //     '传统用户名/密码认证1',\n        //     '支持动态密码安全认证方式',\n        //     '支持USBE-key电子密钥安全认证方式(CA)',\n        //   ],\n        // },\n      ],\n      dataSecurityTagActiveIndex: 0,\n\n      enterpriseList: [],\n    };\n  },\n  watch: {\n    scrollTop(newValue) {\n      setTimeout(() => {\n        if (newValue === window.scrollY) {\n          for (var i = 0; i < this.navList.length; i++) {\n            var elementTop =\n              this.$refs[`${this.navList[i].id}`].offsetTop -\n              this.scrollTop -\n              1;\n            if (elementTop <= 70) {\n              this.topNaviId = this.navList[i].id;\n            }\n          }\n        }\n      }, 20);\n    },\n  },\n  mounted() {\n    window.addEventListener('scroll', this.handleScroll);\n    this.$nextTick(() => {\n      const nav = this.$refs.nav;\n      this.offsetTop = nav.offsetTop;\n    });\n    this.getPageColumn();\n    this.getPartner();\n  },\n  beforeDestroy() {\n    window.removeEventListener('scroll', this.handleScroll);\n  },\n  methods: {\n    handleScroll() {\n      var offsetHeight = this.$refs.navTabs.offsetHeight;\n      this.scrollTop =\n        window.pageYOffset ||\n        document.documentElement.scrollTop ||\n        document.body.scrollTop;\n      var headerFixed = this.scrollTop > this.offsetTop - offsetHeight / 2 - 70;\n      var scroll = this.scrollTop - this.position;\n      this.position = this.scrollTop;\n      if (this.scrollTop <= 400) {\n        this.navHeight = 52;\n        this.navWidth = 80;\n        this.$refs.nav.style.position = 'relative';\n        this.$refs.nav.style.top = '0px';\n        this.topNaviId = null;\n      } else if (this.scrollTop >= 400 && !headerFixed) {\n        this.navHeight += 0.04 * scroll;\n        this.navWidth += 0.12 * scroll;\n        this.$refs.navTabs.style.top = -(offsetHeight / 2) + 'px';\n        this.$refs.nav.style.position = 'relative';\n        this.$refs.nav.style.top = '0px';\n        this.topNaviId = null;\n      } else if (headerFixed) {\n        this.navHeight = 60;\n        this.navWidth = 100;\n        this.$refs.navTabs.style.top = -(offsetHeight / 2) + 'px';\n        this.$refs.nav.style.position = 'fixed';\n        this.$refs.nav.style.top = offsetHeight / 2 + 70 + 'px';\n      }\n    },\n    goAnchor(i) {\n      // var id = '#' + i.id;\n      // document.querySelector(id).scrollIntoView({\n      //   behavior: 'smooth',\n      //   block: 'start',\n      // });\n      window.scrollTo({\n        top: this.$refs[`${i.id}`].offsetTop - 70,\n        left: 0,\n        behavior: 'smooth',\n      });\n    },\n\n    // 获取页面栏目\n    getPageColumn() {\n      const params = { parentId: '1605836054676594688', };\n      getColumnChild(params).then(async (res) => {\n        const { result, } = res;\n        for (var i = 0; i < result.length; i++) {\n          if (result[i].name === '产品价值') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\n            getContentList(data).then(async (rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                var valueItem = {\n                  title: rrsult.data[j].title,\n                  icon: rrsult.data[j].icon,\n                  describeList: [],\n                };\n                const rts = await getContentDetail(rrsult.data[j].id);\n                const rtsult = rts.result;\n                for (var x = 0; x < rtsult.elements.length; x++) {\n                  valueItem.describeList.push(rtsult.elements[x].content);\n                }\n                this.valueList.push(valueItem);\n              }\n            });\n          } else if (result[i].name === '系统架构') {\n            getColumnDetail(result[i].id).then((rrs) => {\n              const rrsult = rrs.result;\n              this.architecture = rrsult.icon;\n            });\n          } else if (result[i].name === '功能介绍') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\n            getContentList(data).then(async (rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                var introductionTag = {\n                  text: rrsult.data[j].title,\n                  index: j,\n                };\n                this.introductionTagList.push(introductionTag);\n                const rts = await getContentDetail(rrsult.data[j].id);\n                const rtsult = rts.result;\n                var introductionItem = {\n                  title: rtsult.title,\n                  img: rtsult.icon,\n                  content: [],\n                };\n                for (var x = 0; x < rtsult.elements.length; x++) {\n                  introductionItem.content.push(rtsult.elements[x].content);\n                }\n                this.introductionList.push(introductionItem);\n              }\n            });\n          } else if (result[i].name === '数据安全') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\n            getContentList(data).then(async (rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                var dataSecurityTag = {\n                  title: rrsult.data[j].title,\n                  url: rrsult.data[j].icon,\n                  index: j,\n                };\n                this.dataSecurityTagList.push(dataSecurityTag);\n                var rts = await getContentDetail(rrsult.data[j].id);\n                const rtsult = rts.result;\n                var dataSecurityItem = {\n                  url: rtsult.logo,\n                  textList: [],\n                };\n                for (var x = 0; x < rtsult.elements.length; x++) {\n                  dataSecurityItem.textList.push(rtsult.elements[x].content);\n                }\n                this.dataSecurityList.push(dataSecurityItem);\n              }\n            });\n          } else if (result[i].name === '顶部图') {\n            getColumnDetail(result[i].id).then((rrs) => {\n              const rrsult = rrs.result;\n              var content = rrsult.elements.find(obj => obj.name === 'content').content;\n              var contentdoc = new DOMParser().parseFromString(content, 'text/html');\n              this.top.title = rrsult.elements.find(obj => obj.name === 'subtitle').content;\n              this.top.content = contentdoc.documentElement.textContent.replace(/&nbsp;/g, ' ');\n              // this.top = {\n              //   imgBack: rrsult.icon,\n              // };\n            });\n          }\n        }\n      });\n      const downLoadParams = { columnId: '1605494229646401536', pageNum: 1, pageSize: 4, commendation: 14, cascade: true, };\n      getContentList(downLoadParams).then(async (res) => {\n        const { result, } = res;\n        this.dataDownloadList[0].dataList = result.data;\n      });\n      const contentParams = { columnId: '1605774350588534784', pageNum: 1, pageSize: 4, commendation: 14, };\n      getContentList(contentParams).then(async (res) => {\n        const { result, } = res;\n        this.dataDownloadList[1].dataList = result.data;\n      });\n      const industryParams = { columnId: '1605774444985540608', pageNum: 1, pageSize: 4, commendation: 14, };\n      getContentList(industryParams).then(async (res) => {\n        const { result, } = res;\n        this.dataDownloadList[2].dataList = result.data;\n      });\n    },\n\n    // 合作伙伴列表\n    getPartner() {\n      var params = { columnId: '1605405080163672064', pageNum: 1, pageSize: 18, commendation: 16, cascade: true, };\n      getContentList(params).then((res) => {\n        const { result, } = res;\n        for (var i = 0; i < result.data.length; i++) {\n          this.enterpriseList.push(result.data[i].logo);\n        }\n      });\n    },\n\n    clickDate(data, index) {\n      if (index === 0) {\n        getContentDetail(data.id).then((res) => {\n          const { result, } = res;\n          var file = result.elements.find(obj => obj.name === 'file').content;\n          download(file[0].url).then((rrs) => {\n            const fileName = file[0].name;\n            const blob = new Blob([ rrs.data, ]);\n            if (typeof window.navigator.msSaveBlob !== 'undefined') {\n              // 兼容window.navigator.msSaveBlob：以本地方式保存文件\n              window.navigator.msSaveBlob(blob, decodeURI(fileName));\n            } else {\n              // 创建新的URL并指向File对象或者Blob对象的地址\n              const blobURL = window.URL.createObjectURL(blob);\n              // 创建a标签，用于跳转至下载链接\n              const tempLink = document.createElement('a');\n              tempLink.style.display = 'block';\n              tempLink.href = blobURL;\n              tempLink.setAttribute('download', decodeURI(fileName));\n              // 兼容：某些浏览器不支持HTML5的download属性\n              if (typeof tempLink.download === 'undefined') {\n                tempLink.setAttribute('target', '_blank');\n              }\n              // 挂载a标签\n              document.body.appendChild(tempLink);\n              tempLink.click();\n              document.body.removeChild(tempLink);\n              // 释放blob URL地址\n              window.URL.revokeObjectURL(blobURL);\n            }\n          });\n        });\n      } else if (index === 1) {\n        this.$router.push({ path: `/news/details/${data.id}`, query: { type: 1, }, });\n      } else if (index === 2) {\n        this.$router.push({ path: `/news/details/${data.id}`, query: { type: 2, }, });\n      }\n    },\n\n    onMouseenter(i) {\n      this.valueIndex = i;\n    },\n    onMouseleve() {\n      this.valueIndex = null;\n    },\n    changeStep(index) {\n      this.dataSecurityTagActiveIndex = index;\n    },\n    changeIntroduction(index) {\n      this.introductionTagActiveIndex = index;\n    },\n    changeIndex(i) {\n      this.introductionIndex = i.index;\n    },\n    last() {\n      if (this.dataSecurityTagActiveIndex !== 0) {\n        this.dataSecurityTagActiveIndex -= 1;\n      }\n    },\n    next() {\n      if (this.dataSecurityTagActiveIndex !== 2) {\n        this.dataSecurityTagActiveIndex += 1;\n      }\n    },\n    moreEnterprise () {\n      this.$router.push({ name: 'CustomerCase', });\n    },\n    openBealter () {\n      this.$refs.altProduct.tobealter();\n    },\n    openBealter2() {\n       this.$refs.ast.drawer  = true\n    },\n  },\n};\n</script>\n\n<style lang='less' scoped>\n.achievements {\n  background-color: #fff;\n  .page-content {\n    width: 100%;\n    .achievements-canvas {\n      width: 100%;\n      height: fit-content;\n      min-width: var(--minwidth);\n      position: relative;\n      background-size: cover;\n      overflow: hidden;\n      .achievements-background {\n        position: absolute;\n        left: 0;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        background-position: top;\n        background-size: cover;\n        background-repeat: no-repeat;\n        // width: 100%;\n        // height: 560px;\n        // display: flex;\n        // justify-content: center;\n        // align-items: center;\n        // object-fit: cover;\n        img {\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n          object-position: center top;\n        }\n      }\n      .por-container {\n          width: 85%;\n          max-width: 1200px;\n          margin: 0 auto;\n          position: relative;\n          .solution-info {\n            width: 540px;\n            height: 560px;\n            display: flex;\n            justify-content: center;\n            flex-direction: column;\n            box-sizing: border-box;\n            .solution-info-title {\n              font-size: 45px;\n              font-weight: bold;\n              line-height: 55px;\n              color: #181818;\n              margin-bottom: 30px;\n            }\n            .solution-info-content {\n              font-size: 20px;\n              line-height: 32px;\n              color: #7b7b7b;\n              margin-bottom: 44px;\n            }\n            .solution-btn {\n              width: 142px;\n              height: 48px;\n              background-color: #00b0dc;\n              color: #fff;\n              text-align: center;\n              line-height: 48px;\n              cursor: pointer;\n              border-radius: 24px;\n            }\n          }\n        }\n    }\n    .achievements-nav {\n      width: 100%;\n      display: flex;\n      position: relative;\n      justify-content: center;\n      z-index: 50;\n      .achievements-nav-tabs {\n        margin: 0 auto;\n        box-shadow: 0px 2px 8px 0px rgba(139, 139, 139, 0.18);\n        border-radius: 2px;\n        background-color: #fff;\n        display: flex;\n        position: absolute;\n        top: -26px;\n        .achievements-nav-item {\n          flex: 1;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          color: #181818;\n          font-size: 14px;\n          cursor: pointer;\n        }\n        .achievements-nav-item:hover {\n          color: #00b0dc;\n        }\n        .top-nav-item {\n          color: #ffffff;\n          background-color: #00b0dc;\n        }\n        .top-nav-item:hover {\n          color: #fff;\n        }\n      }\n    }\n    .product-value {\n      width: 1200px;\n      padding-top: 116px;\n      margin: 0 auto;\n      background-color: #fff;\n      box-sizing: border-box;\n      .title-subtitle {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-direction: column;\n        margin-bottom: 64px;\n        .title {\n          font-size: 32px;\n          color: #181818;\n          line-height: 1;\n        }\n      }\n      .value-list {\n        width: 1200px;\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        margin: 0 auto;\n        .value-list-item {\n          width: calc(50% - 34px);\n          height: 187px;\n          margin: 15px;\n          background-color: #ffffff;\n          border: 1px solid #dddddd;\n          border-radius: 8px;\n          .value-list-item-card {\n            width: 100%;\n            color: #181818;\n            height: 100%;\n            padding: 16px;\n            transition: all 0.3s ease-in-out;\n            box-sizing: border-box;\n            display: flex;\n            justify-content: flex-start;\n            align-items: flex-start;\n            .list-item-icon-wrap {\n              width: 44px;\n              height: 44px;\n              background-color: #ebf9fc;\n              border-radius: 8px;\n              display: flex;\n              justify-content: center;\n              align-items: center;\n              .list-item-icon {\n                width: 18px;\n                height: auto;\n                opacity: 1;\n                display: block;\n              }\n            }\n            .list-item-text {\n              flex: 1;\n              margin-left: 17px;\n              display: flex;\n              flex-direction: column;\n              align-items: flex-start;\n              .list-item-title {\n                margin-top: 7px;\n                font-size: 18px;\n                font-weight: bold;\n                line-height: 1;\n                color: #181818;\n              }\n              .list-item-des {\n                width: 100%;\n                flex: 1;\n                margin-top: 18px;\n                .list-item-des-item{\n                  color: #757575;\n                  font-size: 16px;\n                  line-height: 25px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n    .architecture{\n      width: 1200px ;\n      // min-width: var(--minwidth);\n      padding-top: 119px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      .title{\n        font-size: 32px;\n        color: #181818;\n        line-height: 1;\n        margin-bottom: 70px;\n      }\n      .architecture-content{\n        width: 100%;\n        img{\n          width: 100%;\n        }\n      }\n    }\n    .introduction{\n      width: 100%;\n      padding-top: 109px;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      .title{\n        font-size: 32px;\n        color: #181818;\n        line-height: 1;\n        padding-bottom: 70px;\n        box-sizing: border-box;\n      }\n      .introduction-tag-list{\n        width: 1200px;\n        margin: 0 auto;\n        display: flex;\n        align-items: center;\n        .tag-list-item{\n          flex: 1;\n          display: flex;\n          justify-content: center;\n          .tag-list-text{\n            font-size: 20px;\n            color: #181818;\n            line-height: 63px;\n            cursor: pointer;\n            border-bottom: 6px solid transparent;\n          }\n          .tag-list-text:hover{\n            font-weight: 600;\n            border-bottom: 6px solid #00b0dc;\n          }\n        }\n        .tag-list-item-change{\n          .tag-list-text{\n            font-weight: 600;\n            border-bottom: 6px solid #00b0dc;\n          }\n        }\n      }\n      .introduction-content-box{\n        width: 100%;\n        background-color: #f8fbff;\n        padding: 80px 0 60px;\n        .introduction-content{\n          width: 1200px;\n          margin: 0 auto;\n          display: flex;\n          justify-content: space-between;\n          align-items: flex-start;\n          .introduction-content-left{\n            width: 420px;\n            padding-top: 80px;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            align-items: flex-start;\n            .content-title{\n              width: 362px;\n              font-size: 28px;\n              font-weight: 600;\n              color: #181818;\n              margin-bottom: 30px;\n            }\n            .content-text-box{\n              display: flex;\n              align-items: flex-start;\n              justify-content: flex-start;\n              margin-bottom: 17px;\n              .content-text-li{\n                width: 6px;\n                height: 6px;\n                background-color: #c8defe;\n                border-radius: 50%;\n                margin-top: 8px;\n                margin-right: 9px;\n              }\n              .content-text{\n                flex: 1;\n                font-size: 16px;\n                color: #314666;\n              }\n            }\n          }\n          .introduction-content-right{\n            width: 740px;\n            height: 460px;\n            img{\n              width: 100%;\n              height: auto;\n              display: block;\n            }\n          }\n        }\n        .introduction-contents-enter-active{\n          animation: bounce-in 0.3s;\n        }\n        .introduction-contents-leave-active{\n          animation: bounce-in 0 reverse;\n        }\n        @keyframes bounce-in {\n          0% {\n            opacity: 0;\n          }\n          100% {\n            opacity: 1;\n          }\n        }\n      }\n    }\n    .data-download{\n      width: 1200px;\n      padding-top: 70px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      padding-bottom: 100px;\n      .title{\n        font-size: 32px;\n        color: #181818;\n      }\n      .data-download-content{\n        display: flex;\n        margin: 70px auto 0;\n        .data-download-content-item{\n          width: 380px;\n          height: 330px;\n          margin-right: 30px;\n          box-sizing: border-box;\n          border: 1px solid #ddd;\n          background-color: #fff;\n          border-radius: 8px;\n          .item-title-box{\n            width: 100%;\n            height: 168px;\n            padding: 29px;\n            box-sizing: border-box;\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n            justify-content: center;\n            position: relative;\n            .background{\n              position: absolute;\n              top: 0;\n              left: 0;\n              right: 0;\n              bottom: 0;\n              display: block;\n              width: 100%;\n              height: auto;\n            }\n            .eng_title{\n              font-size: 12px;\n              opacity: 0.8;\n              color: #fff;\n              line-height: 1;\n            }\n            .ch_title{\n              display: flex;\n              align-items: center;\n              justify-content: flex-start;\n              z-index: 99;\n              margin-top: 16px;\n              .dataListTitle{\n                font-size: 18px;\n                color: #fff;\n                line-height: 1;\n                font-weight: bold;\n                padding-right: 9px;\n                border-right: 2px solid #ffffff;\n              }\n              .subTitle{\n                padding-left: 10px;\n                line-height: 1;\n                font-size: 18px;\n                color: #ffffff;\n              }\n            }\n          }\n          .data-list{\n            width: 100%;\n            padding: 14px 30px 0 30px;\n            box-sizing: border-box;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            .data-list-item{\n              width: 100%;\n              display: flex;\n              justify-content: space-between;\n              margin-top: 14px;\n              box-sizing: border-box;\n              list-style:disc;\n              .data-list-left{\n                display: flex;\n                align-items: center;\n                justify-content: flex-start;\n                .content-time{\n                  color: #6d717c;\n                  font-size: 12px;\n\n                }\n                .data-title{\n                  width: 260px;\n                  overflow: hidden;\n                  white-space: nowrap;\n                  text-overflow: ellipsis;\n                  font-size: 14px;\n                  color: #181818;\n                  cursor: pointer;\n                  position: relative;\n                  margin-left: 15px;\n                }\n              }\n            }\n            .data-list-item:hover{\n              .data-list-left{\n                .disc{\n                  background-color: #00b0dc;\n                }\n                .data-title{\n                  color: #00b0dc;\n                }\n              }\n              .data-list-right{\n                display: block;\n              }\n            }\n          }\n        }\n        .data-download-content-item:last-child{\n          margin-right: 0;\n        }\n      }\n    }\n    .data-security {\n      width: 1200px;\n      // min-width: var(--minwidth);\n      padding-top: 70px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      .title {\n        font-size: 32px;\n        color: #181818;\n        margin-bottom: 70px;\n      }\n      .data-security-tag {\n        display: flex;\n        align-items: center;\n        margin-bottom: 60px;\n        .data-security-tag-item {\n          display: flex;\n          align-items: center;\n          cursor: pointer;\n          .item-box {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            .item-icon {\n              width: 62px;\n              height: 62px;\n              background-color: transparent;\n              border: 1px solid transparent;\n              border-radius: 50%;\n              display: flex;\n              justify-content: center;\n              align-items: center;\n              margin-bottom: 23px;\n            }\n            .item-icon-active {\n              background-color: #fff;\n              border: 1px solid #00b0dc;\n              box-shadow: 0px 8px 20px 0px rgba(69, 125, 177, 0.12);\n            }\n            .item-title {\n              font-size: 18px;\n              color: #181818;\n            }\n          }\n          .data-security-tag-arrow {\n            width: 192px;\n            height: 1px;\n            background-color: #e1e6f0;\n            margin: 0 28px;\n            margin-bottom: 46px;\n          }\n        }\n      }\n      .data-security-content {\n        width: 100%;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        .arrow {\n          width: 24px;\n          height: 24px;\n          box-shadow: 0px 8px 20px 0px rgba(75, 75, 137, 0.1);\n          cursor: pointer;\n          img {\n            display: block;\n          }\n        }\n        .data-security-content-list {\n          height: 252px;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          .data-security-content-left {\n            width: 355px;\n            height: 100%;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            img {\n              display: block;\n            }\n          }\n          .data-security-content-right {\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n            justify-content: center;\n            margin-left: 145px;\n            .content-text-box {\n              display: flex;\n              justify-content: center;\n              align-items: flex-start;\n              .list-icon {\n                width: 16px;\n                height: 16px;\n                margin-top: 1px;\n                margin-right: 12px;\n              }\n              .text {\n                font-size: 16px;\n                color: #7b7b7b;\n                line-height: 1;\n                padding-bottom: 30px;\n              }\n            }\n          }\n        }\n      }\n      // .secrity-fade-enter-active {\n      //   animation: bounc-in 1.3s;\n      // }\n      // .secrity-fade-lave-active {\n      //   animation: bounce-in 0.5s reverse;\n      // }\n      // @keyframes bounce-in {\n      //   0% {\n      //     opacity: 0;\n      //   }\n      //   100% {\n      //     opacity: 0;\n      //   }\n      // }\n    }\n    .customer-stories{\n      width: 100%;\n      min-width: 1200px;\n      display: flex;\n      flex-direction: column;\n      background: url('@/assets/staffmanage/customer-back.png') no-repeat;\n      background-position: center;\n      background-size: cover;\n      background-position: center;\n      height: 561px;\n      padding: 69px 0 60px;\n      box-sizing: border-box;\n      .customer-stories-content{\n        width: 80%;\n        min-width: var(--minwidth);\n        margin: 0 auto;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        .title{\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          font-size: 32px;\n          font-weight: 500;\n          color: #181818;\n          margin-bottom: 70px;\n        }\n        .customer-stories-list{\n          width: 100%;\n          display: flex;\n          flex-wrap: wrap;\n          justify-content: flex-start;\n          .cystiner-stirues-item{\n            width: calc(16.666% - 20px);\n            height: 70px;\n            margin: 10px;\n            background-color: #fff;\n            border: solid 1px #dfdfdf;\n            display: flex;\n            box-sizing: border-box;\n            justify-content: center;\n            align-items: center;\n            padding: 10px;\n            img{\n              width: 100%;\n              height: 100%;\n              object-fit: contain;\n              display: block;\n            }\n          }\n        }\n        .customer-stories-btn{\n          width: 155px;\n          height: 50px;\n          background-color: #00b0dc;\n          border-radius: 25px;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          margin-top: 20px;\n          cursor: pointer;\n          .btn-text{\n            font-size: 15px;\n            color: #ffffff;\n          }\n          &:hover{\n            transform: scale(1.1);\n            transition: all  0.5s;\n          }\n        }\n      }\n    }\n    .appointment-demonstration {\n      width: 100%;\n      height: 126px;\n      background-image: url('@/assets/personnelgrow/appointment-demonstration.png');\n      background-repeat: no-repeat;\n      background-size: cover;\n      color: #fff;\n      // padding: 22px;\n      box-sizing: border-box;\n      .content-center {\n        width: 1200px;\n        height: 100%;\n        margin: 0 auto;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        .appointment-demonstration-text {\n          .appointment-demonstration-title {\n            font-size: 22px;\n            color: #fff;\n            font-weight: 500;\n            margin-bottom: 16px;\n            line-height: 1;\n          }\n          .appointment-demonstration-subtitle {\n            font-size: 16px;\n            font-weight: 400;\n            color: #fff;\n            line-height: 1;\n          }\n        }\n        .appointment-demonstration-btn {\n          width: 124px;\n          height: 42px;\n          text-align: center;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          border-radius: 8px;\n          border: 1px solid #fff;\n          line-height: 42px;\n          cursor: pointer;\n          font-size: 14px;\n          font-weight: 400;\n          // img{\n          //   width: 18px;\n          //   height: 42px;\n          //   vertical-align: middle;\n          // }\n          transition: all 0.5s;\n          // &:hover{\n          //   transform: scale(1.1);\n          //   transition: all  0.5s;\n          // }\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./achievements.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./achievements.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./achievements.vue?vue&type=template&id=04bcf3ba&scoped=true&\"\nimport script from \"./achievements.vue?vue&type=script&lang=js&\"\nexport * from \"./achievements.vue?vue&type=script&lang=js&\"\nimport style0 from \"./achievements.vue?vue&type=style&index=0&id=04bcf3ba&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"04bcf3ba\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"cloud-platform\"},[_c('AppBar'),_c('div',{staticClass:\"page-content\"},[_c('div',{staticClass:\"cloud-platform-canvas\"},[_c('div',{staticClass:\"cloud-platform-background\"},[_c('img',{attrs:{\"src\":_vm.top.imgBack,\"alt\":\"\"}})]),_c('div',{staticClass:\"por-container\"},[_c('div',{staticClass:\"solution-info\"},[_c('div',{staticClass:\"solution-info-title\"},[_vm._v(_vm._s(_vm.top.title))]),_c('div',{staticClass:\"solution-info-content\",domProps:{\"innerHTML\":_vm._s(_vm.top.content)}})])])]),_c('div',{ref:\"nav\",staticClass:\"staff-manage-nav\"},[_c('div',{ref:\"navTabs\",staticClass:\"staff-manage-nav-tabs\",style:({width: _vm.navWidth+'%', height: _vm.navHeight+'px'})},_vm._l((_vm.navList),function(item,index){return _c('div',{key:index,class:['staff-manage-nav-item', _vm.topNaviId === item.id ? 'top-nav-item' : ''],on:{\"click\":function($event){return _vm.goAnchor(item)}}},[_vm._v(\" \"+_vm._s(item.title)+\" \")])}),0)]),_c('div',{staticStyle:{\"padding-top\":\"60px\"}},[_c('div',{ref:\"data-security\",staticClass:\"data-security\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"企业人力资源系统面临的问题\")]),_c('div',{staticClass:\"data-security-content\"},_vm._l((_vm.dataSecurityList),function(item,index){return _c('div',{key:index,staticClass:\"data-security-list-item\"},[_c('img',{staticClass:\"list-item-icon\",attrs:{\"src\":item.icon,\"alt\":\"\"}}),_c('div',{staticClass:\"list-item-title\"},[_vm._v(\" \"+_vm._s(item.title)+\" \")]),_c('div',{staticClass:\"data-security-text\"},[_c('div',{staticClass:\"list-item-text\"},[_vm._v(\" \"+_vm._s(item.text)+\" \")])])])}),0)])]),_c('div',{staticStyle:{\"background-color\":\"#f7f9fc\"}},[_c('div',{staticStyle:{\"background-color\":\"#fff\",\"width\":\"100%\",\"height\":\"60px\"}}),_c('div',{ref:\"architecture\",staticClass:\"architecture\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"人力系统综合平台，赋能企业信息数字化\")]),_c('div',{staticClass:\"architecture-content\"},[_c('img',{attrs:{\"src\":_vm.architectureImg,\"alt\":\"\"}})])])]),_c('div',[_c('div',{ref:\"introduction\",staticClass:\"introduction\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"制造型企业的首选人力资源系统\")]),(_vm.introductionTagList.length != 0)?_c('div',{staticClass:\"introduction-content\"},[_c('div',{staticClass:\"introduction-tag\"},_vm._l((_vm.introductionTagList),function(item,index){return _c('div',{key:index,staticClass:\"introduction-tag-item\",class:{'display-tag-item': index === _vm.introductionTagActiveIndex},on:{\"click\":function($event){return _vm.displayTag(index)}}},[_c('div',{staticClass:\"tag-item-title\"},[_c('div',{staticClass:\"title-text\"},[_vm._v(_vm._s(item.title))]),(index !== _vm.introductionTagActiveIndex)?_c('img',{attrs:{\"src\":require('@/assets/cloudplatform/icon/right-arrow.png'),\"alt\":\"\"}}):_c('img',{attrs:{\"src\":require('@/assets/cloudplatform/icon/down-arrow.png'),\"alt\":\"\"}})]),_c('div',{staticClass:\"tag-item-describe\"},_vm._l((item.describeList),function(textItem,textIndex){return _c('div',{key:textIndex,staticClass:\"describe\"},[_vm._v(\" \"+_vm._s(textItem)+\" \")])}),0)])}),0),_c('transition',{attrs:{\"name\":\"introduction-fade\",\"mode\":\"out-in\"}},[_c('div',{key:_vm.introductionTagActiveIndex,staticClass:\"fade-content\"},[_c('img',{attrs:{\"src\":_vm.introductionTagList[_vm.introductionTagActiveIndex].img,\"alt\":\"\"}})])])],1):_vm._e()])])]),_c('RightFixedgt'),_c('FootWrap'),_c('AltProduct',{ref:\"altProduct\"}),_c('ast',{ref:\"ast\"})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"cloud-platform\">\n    <AppBar />\n    <div class=\"page-content\">\n      <div class=\"cloud-platform-canvas\">\n        <div class=\"cloud-platform-background\">\n          <img :src=\"top.imgBack\" alt=\"\" />\n        </div>\n        <div class=\"por-container\">\n          <div class=\"solution-info\">\n            <div class=\"solution-info-title\">{{ top.title }}</div>\n            <div class=\"solution-info-content\" v-html=\"top.content\">\n              <!-- 利用在线招聘流程，帮助企业实现智能、便捷的招聘模式，\n              建立企业自己的人才储备机制 -->\n            </div>\n          </div>\n        </div>\n      </div>\n      <div ref=\"nav\" class=\"staff-manage-nav\">\n        <div ref=\"navTabs\" class=\"staff-manage-nav-tabs\" :style=\"{width: navWidth+'%', height: navHeight+'px'}\">\n          <div\n            v-for=\"(item, index) in navList\"\n            :key=\"index\"\n            :class=\"['staff-manage-nav-item', topNaviId === item.id ? 'top-nav-item' : '']\"\n            @click=\"goAnchor(item)\"\n          >\n            {{ item.title }}\n          </div>\n        </div>\n      </div>\n      <div style=\"padding-top: 60px;\">\n        <div ref=\"data-security\" class=\"data-security\">\n          <div class=\"title\">企业人力资源系统面临的问题</div>\n          <div class=\"data-security-content\">\n            <div v-for=\"(item, index) in dataSecurityList\" :key=\"index\" class=\"data-security-list-item\">\n              <img :src=\"item.icon\" alt=\"\" class=\"list-item-icon\" />\n              <div class=\"list-item-title\">\n                {{ item.title }}\n              </div>\n              <div class=\"data-security-text\">\n                <div class=\"list-item-text\">\n                  {{ item.text }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div style=\"background-color: #f7f9fc;\">\n        <div style=\"background-color: #fff; width: 100%; height: 60px;\"></div>\n        <div ref=\"architecture\" class=\"architecture\">\n          <div class=\"title\">人力系统综合平台，赋能企业信息数字化</div>\n          <div class=\"architecture-content\">\n            <img :src=\"architectureImg\" alt=\"\" />\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"introduction\" class=\"introduction\">\n          <div class=\"title\">制造型企业的首选人力资源系统</div>\n          <div v-if=\"introductionTagList.length != 0\" class=\"introduction-content\">\n            <div class=\"introduction-tag\">\n              <div\n                v-for=\"(item, index) in introductionTagList\"\n                :key=\"index\"\n                class=\"introduction-tag-item\"\n                :class=\"{'display-tag-item': index === introductionTagActiveIndex}\"\n                @click=\"displayTag(index)\"\n              >\n                <div class=\"tag-item-title\">\n                  <div class=\"title-text\">{{ item.title }}</div>\n                  <img v-if=\"index !== introductionTagActiveIndex\" :src=\"require('@/assets/cloudplatform/icon/right-arrow.png')\" alt=\"\" />\n                  <img v-else :src=\"require('@/assets/cloudplatform/icon/down-arrow.png')\" alt=\"\" />\n                </div>\n                <div class=\"tag-item-describe\">\n                  <div\n                    v-for=\"(textItem, textIndex) in item.describeList\"\n                    :key=\"textIndex\"\n                    class=\"describe\"\n                  >\n                    {{ textItem }}\n                  </div>\n                </div>\n              </div>\n            </div>\n            <transition name=\"introduction-fade\" mode=\"out-in\">\n              <div :key=\"introductionTagActiveIndex\" class=\"fade-content\">\n                <img :src=\"introductionTagList[introductionTagActiveIndex].img\" alt=\"\" />\n              </div>\n            </transition>\n          </div>\n        </div>\n      </div>\n    </div>\n    <RightFixedgt />\n    <FootWrap />\n    <AltProduct ref=\"altProduct\" />\n    <ast ref=\"ast\" />\n  </div>\n</template>\n\n<script>\nimport { getColumnChild, getColumnDetail } from '@/api/column';\nimport { getContentList, getContentDetail } from '@/api/content';\nexport default {\n  name: 'CloudPlatform',\n  data () {\n    return {\n      top: {\n        title: '',\n        content: '',\n        imgBack: require('@/assets/cloudplatform/canvas.gif'),\n      },\n      navWidth: 80,\n      navHeight: 60,\n      offsetTop: 0,\n      scrollTop: 0,\n      position: 0,\n      valueIndex: null,\n      topNaviId: null,\n      navList: [\n        {\n          title: '管理难点',\n          id: 'data-security',\n        },\n        {\n          title: '综合平台',\n          id: 'architecture',\n        },\n        {\n          title: '推荐功能',\n          id: 'introduction',\n        },\n      ],\n      dataSecurityList: [\n        // {\n        //   icon: require('@/assets/cloudplatform/data-security1.png'),\n        //   title: '数据孤岛',\n        //   text: '各个版块独立运行或各个分子公司使用不同的系统，导致数据无法共享互通。',\n        // },\n      ],\n      architectureImg: '',\n      introductionTagList: [\n        // {\n        //   title: '管理制度体系化，业务流程标准化',\n        //   img: require('@/assets/cloudplatform/introduction1.png'),\n        //   describeList: [\n        //     '从企业的人员规划出发，实现对企业人才“入”,“离”,“调”,“转”的整个生命周期进行管理。',\n        //     '建立应对企业人才“选”，“用”，“育”，“留”的全方位管理体系和制度落地，建立标准的业务流程，赋能企业HR管理者，提升管理效率。',\n        //   ],\n        // },\n      ],\n      introductionTagActiveIndex: 0,\n    };\n  },\n  watch: {\n    scrollTop(newValue, oldValue) {\n      setTimeout(() => {\n        if (newValue === window.scrollY) {\n          for (var i = 0; i < this.navList.length; i++) {\n            var elementTop = this.$refs[`${this.navList[i].id}`].offsetTop - this.scrollTop - 1;\n            if (elementTop <= 70) {\n              this.topNaviId = this.navList[i].id;\n            }\n          }\n        }\n      }, 20);\n    },\n  },\n  mounted () {\n    window.addEventListener('scroll', this.handleScroll);\n    this.$nextTick(() => {\n      const nav = this.$refs.nav;\n      this.offsetTop = nav.offsetTop;\n    });\n    this.getPageColumn();\n  },\n  beforeDestroy () {\n    window.removeEventListener('scroll', this.handleScroll);\n  },\n  methods: {\n    handleScroll() {\n      var offsetHeight = this.$refs.navTabs.offsetHeight;\n      this.scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;\n      var headerFixed = this.scrollTop > this.offsetTop - offsetHeight / 2 - 70;\n      var scroll = this.scrollTop - this.position;\n      this.position = this.scrollTop;\n      if (this.scrollTop <= 400) {\n        this.navHeight = 52;\n        this.navWidth = 80;\n        this.$refs.nav.style.position = 'relative';\n        this.$refs.nav.style.top = '0px';\n        this.topNaviId = null;\n      } else if (this.scrollTop >= 400 && !headerFixed) {\n        this.navHeight += 0.04 * scroll;\n        this.navWidth += 0.12 * scroll;\n        this.$refs.navTabs.style.top = -(offsetHeight / 2) + 'px';\n        this.$refs.nav.style.position = 'relative';\n        this.$refs.nav.style.top = '0px';\n        this.topNaviId = null;\n      } else if (headerFixed) {\n        this.navHeight = 60;\n        this.navWidth = 100;\n        this.$refs.navTabs.style.top = -(offsetHeight / 2) + 'px';\n        this.$refs.nav.style.position = 'fixed';\n        this.$refs.nav.style.top = offsetHeight / 2 + 70 + 'px';\n      }\n    },\n    goAnchor(i) {\n      window.scrollTo({\n        top: this.$refs[`${i.id}`].offsetTop - 70,\n        left: 0,\n        behavior: 'smooth',\n      });\n    },\n\n    // 获取页面栏目\n    async getPageColumn() {\n      const params = { parentId: '1607261022626996224', };\n      getColumnChild(params).then(async (res) => {\n        const { result, } = res;\n        for (var i = 0; i < result.length; i++) {\n          if (result[i].name === '管理难点') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\n            getContentList(data).then(async (rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                const rts = await getContentDetail(rrsult.data[j].id);\n                const rtsult = rts.result;\n                var dataSecurityItem = {\n                  title: rtsult.title,\n                  icon: rtsult.icon,\n                  text: rtsult.description,\n                };\n                this.dataSecurityList.push(dataSecurityItem);\n              }\n            });\n          } else if (result[i].name === '综合平台') {\n            this.architectureImg = result[i].icon;\n          } else if (result[i].name === '推荐功能') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\n            getContentList(data).then(async (rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                var introductionTag = {\n                  title: rrsult.data[j].title,\n                  img: rrsult.data[j].icon,\n                  describeList: [],\n                };\n                const rts = await getContentDetail(rrsult.data[j].id);\n                const rtsult = rts.result;\n                for (var x = 0; x < rtsult.elements.length; x++) {\n                  introductionTag.describeList.push(rtsult.elements[x].content);\n                }\n                this.introductionTagList.push(introductionTag);\n              }\n            });\n          } else if (result[i].name === '顶部图') {\n            getColumnDetail(result[i].id).then((rrs) => {\n              const rrsult = rrs.result;\n              var content = rrsult.elements.find(obj => obj.name === 'content').content;\n              var contentdoc = new DOMParser().parseFromString(content, 'text/html');\n              this.top.title = rrsult.elements.find(obj => obj.name === 'subtitle').content;\n              this.top.content = contentdoc.documentElement.textContent.replace(/&nbsp;/g, ' ');\n              // this.top = {\n              //   imgBack: rrsult.icon,\n              // };\n            });\n          }\n        }\n      });\n    },\n\n    displayTag(index) {\n      this.introductionTagActiveIndex = index;\n    },\n    openBealter () {\n      this.$refs.altProduct.tobealter();\n    },\n    openBealter2() {\n       this.$refs.ast.drawer  = true\n    },\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n.cloud-platform{\n  background-color: #fff;\n  .page-content{\n    width: 100%;\n    .cloud-platform-canvas {\n      width: 100%;\n      height: fit-content;\n      min-width: var(--minwidth);\n      position: relative;\n      background-size: cover;\n      overflow: hidden;\n      .cloud-platform-background {\n        position: absolute;\n        left: 0;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        background-position: top;\n        background-size: cover;\n        background-repeat: no-repeat;\n        img {\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n          object-position: center top;\n        }\n      }\n      .por-container {\n        width: 70%;\n        max-width: 1200px;\n        margin: 0 auto;\n        position: relative;\n        .solution-info {\n          width: 480px;\n          height: 560px;\n          display: flex;\n          justify-content: center;\n          flex-direction: column;\n          box-sizing: border-box;\n          .solution-info-title {\n            font-size: 45px;\n            font-weight: bold;\n            line-height: 55px;\n            color: #fff;\n            margin-bottom: 29px;\n          }\n          .solution-info-content {\n            font-size: 20px;\n            line-height: 32px;\n            color: #fff;\n            margin-bottom: 44px;\n          }\n          // .solution-btn {\n          //   width: 142px;\n          //   height: 48px;\n          //   background-color: #1589fd;\n          //   color: #fff;\n          //   text-align: center;\n          //   line-height: 48px;\n          //   cursor: pointer;\n          //   border-radius: 24px;\n          // }\n        }\n      }\n    }\n    .staff-manage-nav {\n      width: 100%;\n      display: flex;\n      position: relative;\n      justify-content: center;\n      z-index: 50;\n      .staff-manage-nav-tabs{\n        // min-width: var(--minwidth);\n        // max-width: 100%;\n        margin: 0 auto;\n        // min-width: var(--minwidth);\n        box-shadow: 0px 2px 8px 0px rgba(139, 139, 139, 0.18);\n        border-radius: 2px;\n        background-color: #fff;\n        display: flex;\n        position: absolute;\n        // left: 0;\n        top: -26px;\n        // transition: height .5s;\n        .staff-manage-nav-item{\n          flex: 1;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          color: #181818;\n          font-size: 14px;\n          cursor: pointer;\n        }\n        .staff-manage-nav-item:hover{\n          color: #00b0dc;\n        }\n        .top-nav-item {\n          color: #ffffff;\n          background-color: #00b0dc;\n        }\n        .top-nav-item:hover {\n          color: #fff;\n        }\n      }\n    }\n    .data-security{\n      width: 1200px;\n      padding-top: 70px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      .title{\n        font-size: 32px;\n        color: #181818;\n      }\n      .data-security-content{\n        width: 100%;\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        margin-top: 70px;\n        .data-security-list-item{\n          width: 380px;\n          height: 400px;\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          background-color: #f7f9fc;\n          border-radius: 12px;\n          padding-top: 65px;\n          box-sizing: border-box;\n          .list-item-icon{\n            width: auto;\n            height: 117px;\n            margin-bottom: 7px;\n          }\n          .list-item-title{\n            font-size: 18px;\n            color: #181818;\n            font-weight: 500;\n            margin-bottom: 35px;\n          }\n          .data-security-text{\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            .list-item-text{\n              width: 297px;\n              font-size: 16px;\n              color: #6d717c;\n              text-align: center;\n              line-height: 25px;\n            }\n          }\n        }\n      }\n    }\n    .architecture{\n      width: 1200px ;\n      // min-width: var(--minwidth);\n      padding-top: 119px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      .title{\n        font-size: 32px;\n        color: #181818;\n        line-height: 1;\n        margin-bottom: 70px;\n      }\n      .architecture-content{\n        width: 100%;\n        img{\n          width: 100%;\n        }\n      }\n    }\n    .introduction{\n      width: 1200px;\n      padding-top: 109px;\n      padding-bottom: 50px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      .title{\n        font-size: 32px;\n        color: #181818;\n        line-height: 1;\n        padding-bottom: 90px;\n        box-sizing: border-box;\n      }\n      .introduction-content{\n        width: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        .introduction-tag{\n          width: 440px;\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          .introduction-tag-item{\n            width: 100%;\n            height: 83px;\n            padding: 31px;\n            margin-bottom: 16px;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            box-sizing: border-box;\n            background-color: #f5f7f9;\n            border-radius: 8px;\n            cursor: pointer;\n            transition: all .3s ease-in-out;\n            .tag-item-title {\n              width: 100%;\n              display: flex;\n              justify-content: space-between;\n              align-items: center;\n              transition: all .3s ease-in-out;\n              margin-bottom: 20px;\n              .title-text{\n                font-weight: 600;\n                font-size: 18px;\n                color: #181818;\n                transition: all .3s ease-in-out;\n              }\n            }\n            .tag-item-describe{\n              width: 100%;\n              flex: 1;\n              overflow: hidden;\n              .describe{\n                font-size: 16px;\n                font-weight: 300;\n                color: #181818;\n                line-height: 25px;\n                transition: all .3s ease-in-out;\n              }\n            }\n          }\n          .display-tag-item{\n            height: 230px;\n            background: url('@/assets/cloudplatform/introduction-tag.png') no-repeat;\n            background-size: cover;\n            .tag-item-title{\n              .title-text{\n                color: #fff;\n              }\n            }\n            .tag-item-describe{\n              .describe{\n                color: #fff;\n              }\n            }\n          }\n          .introduction-tag-item:last-child{\n            margin: 0;\n          }\n        }\n        .introduction-fade-enter-active {\n          animation: bounce-in 0.5s;\n        }\n        .introduction-fade-leave-active {\n          animation: bounce-in 0.3s reverse;\n        }\n        @keyframes bounce-in {\n          0% {\n            opacity: 0;\n          }\n          100% {\n            opacity: 1;\n          }\n        }\n      }\n    }\n    // .data-download{\n    //   width: 1200px;\n    //   padding-top: 70px;\n    //   margin: 0 auto;\n    //   display: flex;\n    //   flex-direction: column;\n    //   justify-content: center;\n    //   align-items: center;\n    //   .title{\n    //     font-size: 32px;\n    //     color: #181818;\n    //   }\n    //   .data-download-content{\n    //     display: flex;\n    //     margin: 70px auto 0;\n    //     .data-download-content-item{\n    //       width: 380px;\n    //       height: 330px;\n    //       margin-right: 30px;\n    //       box-sizing: border-box;\n    //       border: 1px solid #ddd;\n    //       background-color: #fff;\n    //       border-radius: 8px;\n    //       .item-title-box{\n    //         width: 100%;\n    //         height: 168px;\n    //         padding: 29px;\n    //         box-sizing: border-box;\n    //         display: flex;\n    //         flex-direction: column;\n    //         align-items: flex-start;\n    //         justify-content: center;\n    //         position: relative;\n    //         .background{\n    //           position: absolute;\n    //           top: 0;\n    //           left: 0;\n    //           right: 0;\n    //           bottom: 0;\n    //           display: block;\n    //           width: 100%;\n    //           height: auto;\n    //         }\n    //         .eng_title{\n    //           font-size: 12px;\n    //           opacity: 0.8;\n    //           color: #fff;\n    //           line-height: 1;\n    //         }\n    //         .ch_title{\n    //           display: flex;\n    //           align-items: center;\n    //           justify-content: flex-start;\n    //           z-index: 99;\n    //           margin-top: 16px;\n    //           .dataListTitle{\n    //             font-size: 18px;\n    //             color: #fff;\n    //             line-height: 1;\n    //             font-weight: bold;\n    //             padding-right: 9px;\n    //             border-right: 2px solid #ffffff;\n    //           }\n    //           .subTitle{\n    //             padding-left: 10px;\n    //             line-height: 1;\n    //             font-size: 18px;\n    //             color: #ffffff;\n    //           }\n    //         }\n    //       }\n    //       .data-list{\n    //         width: 100%;\n    //         padding: 14px 30px 0 30px;\n    //         box-sizing: border-box;\n    //         display: flex;\n    //         flex-direction: column;\n    //         justify-content: flex-start;\n    //         .data-list-item{\n    //           width: 100%;\n    //           display: flex;\n    //           justify-content: space-between;\n    //           margin-top: 21px;\n    //           box-sizing: border-box;\n    //           list-style:disc;\n    //           .data-list-left{\n    //             display: flex;\n    //             align-items: center;\n    //             justify-content: flex-start;\n    //             .content-time{\n    //               color: #6d717c;\n    //               font-size: 12px;\n\n    //             }\n    //             .data-title{\n    //               width: 260px;\n    //               overflow: hidden;\n    //               white-space: nowrap;\n    //               text-overflow: ellipsis;\n    //               font-size: 14px;\n    //               color: #181818;\n    //               cursor: pointer;\n    //               position: relative;\n    //               margin-left: 15px;\n    //             }\n    //           }\n    //         }\n    //         .data-list-item:hover{\n    //           .data-list-left{\n    //             .disc{\n    //               background-color: #2979ff;\n    //             }\n    //             .data-title{\n    //               color: #2979ff;\n    //             }\n    //           }\n    //           .data-list-right{\n    //             display: block;\n    //           }\n    //         }\n    //       }\n    //     }\n    //     .data-download-content-item:last-child{\n    //       margin-right: 0;\n    //     }\n    //   }\n    // }\n    // .customer-stories {\n    //   display: flex;\n    //   flex-direction: column;\n    //   padding: 69px 0 60px;\n    //   box-sizing: border-box;\n    //   .customer-stories-content {\n    //     width: 1200px;\n    //     // min-width: var(--minwidth);\n    //     margin: 0 auto;\n    //     display: flex;\n    //     flex-direction: column;\n    //     align-items: center;\n    //     .title {\n    //       display: flex;\n    //       justify-content: center;\n    //       align-items: center;\n    //       font-size: 16px;\n    //       font-weight: 500;\n    //       color: #59697d;\n    //       margin-bottom: 64px;\n    //       position: relative;\n    //     }\n    //     .title::before {\n    //       position: absolute;\n    //       left: -516px;\n    //       content: \"\";\n    //       width: 494px;\n    //       height: 1px;\n    //       background-color: #c0c0c0;\n    //     }\n    //     .title::after {\n    //       position: absolute;\n    //       right: -516px;\n    //       content: \"\";\n    //       width: 494px;\n    //       height: 1px;\n    //       background-color: #c0c0c0;\n    //     }\n    //     .customer-stories-list {\n    //       width: 100%;\n    //       display: flex;\n    //       flex-wrap: wrap;\n    //       justify-content: flex-start;\n    //       .cystiner-stirues-item {\n    //         width: calc(14.285% - 56px);\n    //         height: 36px;\n    //         margin: 27px;\n    //         background-color: #fff;\n    //         display: flex;\n    //         justify-content: center;\n    //         align-items: center;\n    //       }\n    //     }\n    //     .customer-stories-btn {\n    //       width: 124px;\n    //       height: 42px;\n    //       background-color: #2979ff;\n    //       border-radius: 8px;\n    //       display: flex;\n    //       justify-content: center;\n    //       align-items: center;\n    //       margin-top: 30px;\n    //       cursor: pointer;\n    //       position: relative;\n    //       .btn-text {\n    //         font-size: 15px;\n    //         color: #ffffff;\n    //       }\n    //     }\n    //     .customer-stories-btn::before {\n    //       position: absolute;\n    //       left: -538px;\n    //       content: \"\";\n    //       width: 494px;\n    //       height: 1px;\n    //       background-color: #c0c0c0;\n    //     }\n    //     .customer-stories-btn::after {\n    //       position: absolute;\n    //       right: -538px;\n    //       content: \"\";\n    //       width: 494px;\n    //       height: 1px;\n    //       background-color: #c0c0c0;\n    //     }\n    //   }\n    // }\n    // .appointment-demonstration {\n    //   width: 100%;\n    //   height: 126px;\n    //   background-image: url(\"@/assets/personnelgrow/appointment-demonstration.png\");\n    //   background-repeat: no-repeat;\n    //   background-size: cover;\n    //   color: #fff;\n    //   // padding: 22px;\n    //   box-sizing: border-box;\n    //   .content-center {\n    //     width: 1200px;\n    //     height: 100%;\n    //     margin: 0 auto;\n    //     display: flex;\n    //     justify-content: space-between;\n    //     align-items: center;\n    //     .appointment-demonstration-text {\n    //       .appointment-demonstration-title {\n    //         font-size: 22px;\n    //         color: #fff;\n    //         font-weight: 500;\n    //         margin-bottom: 16px;\n    //         line-height: 1;\n    //       }\n    //       .appointment-demonstration-subtitle {\n    //         font-size: 16px;\n    //         font-weight: 400;\n    //         color: #fff;\n    //         line-height: 1;\n    //       }\n    //     }\n    //     .appointment-demonstration-btn {\n    //       width: 124px;\n    //       height: 42px;\n    //       text-align: center;\n    //       display: flex;\n    //       justify-content: center;\n    //       align-items: center;\n    //       border-radius: 8px;\n    //       border: 1px solid #fff;\n    //       line-height: 42px;\n    //       cursor: pointer;\n    //       font-size: 14px;\n    //       font-weight: 400;\n    //       // img{\n    //       //   width: 18px;\n    //       //   height: 42px;\n    //       //   vertical-align: middle;\n    //       // }\n    //       transition: all 0.5s;\n    //       // &:hover{\n    //       //   transform: scale(1.1);\n    //       //   transition: all  0.5s;\n    //       // }\n    //     }\n    //   }\n    // }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./cloud-platform.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./cloud-platform.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./cloud-platform.vue?vue&type=template&id=268bfa28&scoped=true&\"\nimport script from \"./cloud-platform.vue?vue&type=script&lang=js&\"\nexport * from \"./cloud-platform.vue?vue&type=script&lang=js&\"\nimport style0 from \"./cloud-platform.vue?vue&type=style&index=0&id=268bfa28&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"268bfa28\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"talent-development\"},[_c('AppBar'),_c('div',{staticClass:\"page-content\"},[_c('div',{staticClass:\"page-canvas\"},[_c('div',{staticClass:\"page-background\"},[_c('img',{attrs:{\"src\":_vm.top.imgBack,\"alt\":\"\"}})]),_c('div',{staticClass:\"por-container\"},[_c('div',{staticClass:\"solution-info\"},[_c('div',{staticClass:\"solution-info-title\"},[_vm._v(_vm._s(_vm.top.title))]),_c('div',{staticClass:\"solution-info-content\",domProps:{\"innerHTML\":_vm._s(_vm.top.content)}}),_c('div',{staticClass:\"solution-btn\",on:{\"click\":_vm.openBealter}},[_vm._v(\"预约演示\")])])])]),_c('div',{ref:\"nav\",staticClass:\"page-nav\"},[_c('div',{ref:\"navTabs\",staticClass:\"page-tabs\",style:({width: _vm.navWidth+'%', height: _vm.navHeight+'px'})},_vm._l((_vm.navList),function(item,index){return _c('div',{key:index,class:['page-nav-item', _vm.topNaviId === item.id ? 'top-nav-item' : ''],on:{\"click\":function($event){return _vm.goAnchor(item)}}},[_vm._v(\" \"+_vm._s(item.title)+\" \")])}),0)]),_c('div',[_c('div',{ref:\"product-value\",staticClass:\"product-value\"},[_vm._m(0),_c('div',{staticClass:\"value-list\"},_vm._l((_vm.valueList),function(item,index){return _c('div',{key:index,staticClass:\"value-list-item\"},[_c('div',{staticClass:\"value-list-item-card\"},[_c('div',{staticClass:\"list-item-icon-wrap\"},[_c('img',{staticClass:\"list-item-icon\",attrs:{\"src\":item.icon,\"alt\":\"\"}})]),_c('div',{staticClass:\"list-item-text\"},[_c('div',{staticClass:\"list-item-title\"},[_vm._v(\" \"+_vm._s(item.title)+\" \")]),_c('div',{staticClass:\"list-item-des\"},[_vm._v(\" \"+_vm._s(item.describe)+\" \")])])])])}),0)])]),_c('div',[_c('div',{ref:\"architecture\",staticClass:\"architecture\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"系统流程图\")]),_c('div',{staticClass:\"architecture-content\"},[_c('img',{attrs:{\"src\":_vm.architecture,\"alt\":\"\"}})])])]),_c('div',[_c('div',{ref:\"introduction\",staticClass:\"introduction\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"系统功能介绍\")]),_c('div',{staticClass:\"introduction-tag-list\"},_vm._l((_vm.introductionTagList),function(item,index){return _c('div',{key:index,staticClass:\"tag-list-item\",class:{'tag-list-item-change': _vm.introductionIndex == index}},[_c('div',{staticClass:\"tag-list-text\",on:{\"click\":function($event){return _vm.changeIndex(item)}}},[_vm._v(\" \"+_vm._s(item.text)+\" \")])])}),0),_c('div',{staticClass:\"introduction-content-box\"},[_c('transition',{attrs:{\"name\":\"introduction-contents\"}},[(_vm.introductionList.length != 0)?_c('div',{key:_vm.introductionIndex,staticClass:\"introduction-content\"},[_c('div',{staticClass:\"introduction-content-left\"},[_c('div',{staticClass:\"content-title\"},[_vm._v(_vm._s(_vm.introductionList[_vm.introductionIndex].title))]),_vm._l((_vm.introductionList[_vm.introductionIndex].content),function(item,index){return _c('div',{key:index,staticClass:\"content-text-box\"},[_c('img',{attrs:{\"src\":require('@/assets/staffmanage/icon/liIcon.png'),\"alt\":\"\"}}),_c('div',{staticClass:\"content-text\"},[_vm._v(_vm._s(item))])])})],2),_c('div',{staticClass:\"introduction-content-right\"},[_c('img',{attrs:{\"src\":_vm.introductionList[_vm.introductionIndex].img,\"alt\":\"\"}})])]):_vm._e()])],1)])]),_c('div',[_c('div',{ref:\"data-security\",staticClass:\"data-security\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"数据安全\")]),_c('div',{staticClass:\"data-security-content\"},_vm._l((_vm.dataSecurityList),function(item,index){return _c('div',{key:index,staticClass:\"data-security-list-item\"},[_c('img',{staticClass:\"list-item-icon\",attrs:{\"src\":item.icon,\"alt\":\"\"}}),_c('div',{staticClass:\"list-item-title\"},[_vm._v(\" \"+_vm._s(item.title)+\" \")]),_c('div',{staticClass:\"data-security-text\"},_vm._l((item.textList),function(textItem,textIndex){return _c('div',{key:textIndex,staticClass:\"list-text-item\"},[_c('div',{staticClass:\"text\"},[_vm._v(_vm._s(textItem))])])}),0)])}),0)])]),_c('div',[_c('div',{ref:\"customer-stories\"},[_c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"60px\",\"background-color\":\"#f7f9fc\"}}),_c('div',{staticClass:\"customer-stories\"},[_c('div',{staticClass:\"customer-stories-content\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"中大型企业的共同选择\")]),_c('div',{staticClass:\"customer-stories-list\"},_vm._l((_vm.enterpriseList),function(item,index){return _c('div',{key:index,staticClass:\"cystiner-stirues-item\"},[_c('img',{attrs:{\"src\":item,\"alt\":\"\"}})])}),0),_c('div',{staticClass:\"customer-stories-btn\",on:{\"click\":_vm.moreEnterprise}},[_c('div',{staticClass:\"btn-text\"},[_vm._v(\" 查看更多案例 \")])])])])])]),_c('div',[_c('div',{ref:\"data-download\",staticClass:\"data-download\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"行业资料\")]),_c('div',{staticClass:\"data-download-content\"},_vm._l((_vm.dataDownloadList),function(item,index){return _c('div',{key:index,staticClass:\"data-download-content-item\"},[_c('div',{staticClass:\"item-title-box\"},[_c('img',{staticClass:\"background\",attrs:{\"src\":item.img,\"alt\":\"\"}}),_c('div',{staticClass:\"eng_title\"},[_vm._v(_vm._s(item.eng))]),_c('div',{staticClass:\"ch_title\"},[_c('div',{staticClass:\"dataListTitle\"},[_vm._v(_vm._s(item.title))]),_c('div',{staticClass:\"subTitle\"},[_vm._v(_vm._s(item.subtitle))])])]),_c('ul',{staticClass:\"data-list\"},_vm._l((item.dataList),function(dataItem,dataIndex){return _c('li',{key:dataIndex,staticClass:\"data-list-item\",on:{\"click\":function($event){return _vm.clickDate(dataItem, index)}}},[_c('div',{staticClass:\"data-list-left\"},[_c('div',{staticClass:\"content-time\"},[_vm._v(_vm._s(dataItem.time))]),_c('div',{staticClass:\"data-title\"},[_vm._v(\" \"+_vm._s(dataItem.title)+\" \")])])])}),0)])}),0)])]),_c('div',{staticClass:\"appointment-demonstration\"},[_c('div',{staticClass:\"content-center\"},[_vm._m(1),_c('div',{staticClass:\"appointment-demonstration-btn\",on:{\"click\":_vm.openBealter}},[_c('span',[_vm._v(\"预约产品显示\")])])])])]),_c('RightFixedgt'),_c('FootWrap'),_c('AltProduct',{ref:\"altProduct\"}),_c('ast',{ref:\"ast\"})],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"title-subtitle\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"产品价值分析\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"appointment-demonstration-text\"},[_c('h4',{staticClass:\"appointment-demonstration-title\"},[_vm._v(\"了解更多有关华跃产品与服务信息\")]),_c('h5',{staticClass:\"appointment-demonstration-subtitle\"},[_vm._v(\"您还可以预约我们的产品演示\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"talent-development\">\n    <AppBar />\n    <div class=\"page-content\">\n      <div class=\"page-canvas\">\n        <div class=\"page-background\">\n          <img :src=\"top.imgBack\" alt=\"\" />\n        </div>\n        <div class=\"por-container\">\n          <div class=\"solution-info\">\n            <div class=\"solution-info-title\">{{ top.title }}</div>\n            <div class=\"solution-info-content\" v-html=\"top.content\">\n              <!-- 利用在线招聘流程，帮助企业实现智能、便捷的招聘模式，\n              建立企业自己的人才储备机制 -->\n            </div>\n            <div class=\"solution-btn\" @click=\"openBealter\">预约演示</div>\n          </div>\n        </div>\n      </div>\n      <div ref=\"nav\" class=\"page-nav\">\n        <div ref=\"navTabs\" class=\"page-tabs\" :style=\"{width: navWidth+'%', height: navHeight+'px'}\">\n          <div\n            v-for=\"(item, index) in navList\"\n            :key=\"index\"\n            :class=\"['page-nav-item', topNaviId === item.id ? 'top-nav-item' : '']\"\n            @click=\"goAnchor(item)\"\n          >\n            {{ item.title }}\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"product-value\" class=\"product-value\">\n          <div class=\"title-subtitle\">\n            <div class=\"title\">产品价值分析</div>\n          </div>\n          <div class=\"value-list\">\n            <div\n              v-for=\"(item, index) in valueList\"\n              :key=\"index\"\n              class=\"value-list-item\"\n            >\n              <div class=\"value-list-item-card\">\n                <div class=\"list-item-icon-wrap\">\n                  <img\n                    :src=\"item.icon\"\n                    alt=\"\"\n                    class=\"list-item-icon\"\n                  />\n                </div>\n                <div class=\"list-item-text\">\n                  <div class=\"list-item-title\">\n                    {{ item.title }}\n                  </div>\n                  <div class=\"list-item-des\">\n                    {{ item.describe }}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"architecture\" class=\"architecture\">\n          <div class=\"title\">系统流程图</div>\n          <div class=\"architecture-content\">\n            <img :src=\"architecture\" alt=\"\" />\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"introduction\" class=\"introduction\">\n          <div class=\"title\">系统功能介绍</div>\n          <div class=\"introduction-tag-list\">\n            <div\n              v-for=\"(item, index) in introductionTagList\"\n              :key=\"index\"\n              class=\"tag-list-item\"\n              :class=\"{'tag-list-item-change': introductionIndex == index}\"\n            >\n              <div class=\"tag-list-text\" @click=\"changeIndex(item)\">\n                {{ item.text }}\n              </div>\n            </div>\n          </div>\n          <div class=\"introduction-content-box\">\n            <transition name=\"introduction-contents\">\n              <div v-if=\"introductionList.length != 0\" :key=\"introductionIndex\" class=\"introduction-content\">\n                <div class=\"introduction-content-left\">\n                  <div class=\"content-title\">{{ introductionList[introductionIndex].title }}</div>\n                  <div\n                    v-for=\"(item, index) in introductionList[introductionIndex].content\"\n                    :key=\"index\"\n                    class=\"content-text-box\"\n                  >\n                    <img :src=\"require('@/assets/staffmanage/icon/liIcon.png')\" alt=\"\" />\n                    <div class=\"content-text\">{{ item }}</div>\n                  </div>\n                </div>\n                <div class=\"introduction-content-right\">\n                  <img :src=\"introductionList[introductionIndex].img\" alt=\"\" />\n                </div>\n              </div>\n            </transition>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"data-security\" class=\"data-security\">\n          <div class=\"title\">数据安全</div>\n          <div class=\"data-security-content\">\n            <div v-for=\"(item, index) in dataSecurityList\" :key=\"index\" class=\"data-security-list-item\">\n              <img :src=\"item.icon\" alt=\"\" class=\"list-item-icon\" />\n              <div class=\"list-item-title\">\n                {{ item.title }}\n              </div>\n              <div class=\"data-security-text\">\n                <div v-for=\"(textItem, textIndex) in item.textList\" :key=\"textIndex\" class=\"list-text-item\">\n                  <div class=\"text\">{{ textItem }}</div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"customer-stories\">\n          <div style=\"width: 100%; height: 60px; background-color: #f7f9fc;\"></div>\n          <div class=\"customer-stories\">\n            <div class=\"customer-stories-content\">\n              <div class=\"title\">中大型企业的共同选择</div>\n              <div class=\"customer-stories-list\">\n                <div v-for=\"(item, index) in enterpriseList\" :key=\"index\" class=\"cystiner-stirues-item\">\n                  <img :src=\"item\" alt=\"\" />\n                </div>\n              </div>\n              <div class=\"customer-stories-btn\" @click=\"moreEnterprise\">\n                <div class=\"btn-text\">\n                  查看更多案例\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"data-download\" class=\"data-download\">\n          <div class=\"title\">行业资料</div>\n          <div class=\"data-download-content\">\n            <div v-for=\"(item, index) in dataDownloadList\" :key=\"index\" class=\"data-download-content-item\">\n              <div class=\"item-title-box\">\n                <img :src=\"item.img\" alt=\"\" class=\"background\" />\n                <div class=\"eng_title\">{{ item.eng }}</div>\n                <div class=\"ch_title\">\n                  <div class=\"dataListTitle\">{{ item.title }}</div>\n                  <div class=\"subTitle\">{{ item.subtitle }}</div>\n                </div>\n              </div>\n              <ul class=\"data-list\">\n                <li\n                  v-for=\"(dataItem, dataIndex) in item.dataList\"\n                  :key=\"dataIndex\"\n                  class=\"data-list-item\"\n                  @click=\"clickDate(dataItem, index)\"\n                >\n                  <div class=\"data-list-left\">\n                    <div class=\"content-time\">{{ dataItem.time }}</div>\n                    <div class=\"data-title\">\n                      {{ dataItem.title }}\n                    </div>\n                  </div>\n                </li>\n              </ul>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"appointment-demonstration\">\n        <div class=\"content-center\">\n          <div class=\"appointment-demonstration-text\">\n            <h4 class=\"appointment-demonstration-title\">了解更多有关华跃产品与服务信息</h4>\n            <h5 class=\"appointment-demonstration-subtitle\">您还可以预约我们的产品演示</h5>\n          </div>\n          <div class=\"appointment-demonstration-btn\" @click=\"openBealter\">\n            <span>预约产品显示</span>\n          </div>\n        </div>\n      </div>\n    </div>\n    <RightFixedgt />\n    <FootWrap />\n    <AltProduct ref=\"altProduct\" />\n    <ast ref=\"ast\" />\n  </div>\n</template>\n\n<script>\nimport { getColumnChild, getColumnDetail } from '@/api/column';\nimport { getContentList, getContentDetail, download } from '@/api/content';\n\n// import value1 from '@/assets/development/icon/value1.png';\n// import value2 from '@/assets/development/icon/value2.png';\n// import value3 from '@/assets/development/icon/value3.png';\n// import value4 from '@/assets/development/icon/value4.png';\n// import stories1 from '@/assets/staffmanage/stories1.png';\n// import stories2 from '@/assets/staffmanage/stories2.png';\n// import stories3 from '@/assets/staffmanage/stories3.png';\n// import stories4 from '@/assets/staffmanage/stories4.png';\n// import stories5 from '@/assets/staffmanage/stories5.png';\n// import stories6 from '@/assets/staffmanage/stories6.png';\n// import stories7 from '@/assets/staffmanage/stories7.png';\nexport default {\n  name: 'TalentDevelopment',\n  data() {\n    return {\n      top: {\n        title: '',\n        content: '',\n        imgBack: require('@/assets/development/canvas.gif'),\n      },\n      navWidth: 80,\n      navHeight: 60,\n      offsetTop: 0,\n      scrollTop: 0,\n      position: 0,\n      topNaviId: null,\n      navList: [\n        {\n          title: '产品价值',\n          id: 'product-value',\n        },\n        {\n          title: '系统架构',\n          id: 'architecture',\n        },\n        {\n          title: '功能介绍',\n          id: 'introduction',\n        },\n        {\n          title: '数据安全',\n          id: 'data-security',\n        },\n        {\n          title: '客户案例',\n          id: 'customer-stories',\n        },\n        {\n          title: '资料下载',\n          id: 'data-download',\n        },\n      ],\n      valueList: [\n        // {\n        //   icon: value1,\n        //   title: '全方位评估分析',\n        //   describe: '根据岗位任职资格建立多维度的评估方案。',\n        // },\n        // {\n        //   icon: value2,\n        //   title: '岗位胜任力模型',\n        //   describe: '立体化的岗位胜任模型更好了解“人”“岗”匹配。',\n        // },\n        // {\n        //   icon: value3,\n        //   title: '继任者智能推送',\n        //   describe: '建立继任者制度，智能推送关键缺失岗位继任者信息。',\n        // },\n        // {\n        //   icon: value4,\n        //   title: '人才发展规划',\n        //   describe: '根据人才盘点分析报告，快速给出人才发展意见。',\n        // },\n      ],\n      architecture: '',\n      introductionTagList: [\n        // {\n        //   text: '岗位素质模型',\n        //   index: 0,\n        // },\n        // {\n        //   text: '继任者管理',\n        //   index: 1,\n        // },\n        // {\n        //   text: '人才梯队建设',\n        //   index: 2,\n        // },\n        // {\n        //   text: '发展与规划',\n        //   index: 3,\n        // },\n      ],\n      introductionIndex: 0,\n      introductionList: [\n        // {\n        //   title: '岗位素质模型',\n        //   img: require('@/assets/development/introduction1.png'),\n        //   content: [\n        //     '根据岗位能力要求建立素质模型',\n        //     '快速进行岗位胜任能力分析，产生差异性对比结果',\n        //   ],\n        // },\n        // {\n        //   title: '继任者管理',\n        //   img: require('@/assets/development/introduction2.png'),\n        //   content: [\n        //     '建立内部人才管理机制，快速筛选符合关键岗位的候选人才。',\n        //     '智能推送人才信息给管理者弥补缺失岗位。',\n        //   ],\n        // },\n        // {\n        //   title: '人才梯队建设',\n        //   img: require('@/assets/development/introduction3.png'),\n        //   content: [\n        //     '针对关键岗位建立人才储备机制。',\n        //     '通过岗位胜任模型，快速甄选内部人才，并形成层级管理模式。',\n        //     '对储备人才进行针对性的培养提升，满足企业未来发展的需要。 ',\n        //   ],\n        // },\n        // {\n        //   title: '发展与规划',\n        //   img: require('@/assets/development/introduction4.png'),\n        //   content: [\n        //     '通过测试评估报告挖掘企业高潜人才，应对企业数字化转型针对性的规划和培养相关人才。',\n        //     '设置职业规划路线以及任务，提升高潜人才的管理能力和业务素养。',\n        //   ],\n        // },\n      ],\n      dataSecurityList: [\n        // {\n        //   icon: require('@/assets/staffmanage/data-security1.png'),\n        //   title: '身份认证',\n        //   textList: [\n        //     '传统用户名/密码认证',\n        //     '支持动态密码安全认证方式',\n        //     '支持USBE-key电子密钥安全认证方式(CA)',\n        //   ],\n        // },\n        // {\n        //   icon: require('@/assets/staffmanage/data-security2.png'),\n        //   title: '安全访问',\n        //   textList: [\n        //     '通过授权定义用户的数据范围',\n        //     '可以单独或分段设置能够登陆系统的终端，限制未授权机器访问系统',\n        //     '提供针对用户访问数据的操作监视和统计，根据用户身份和应用活动进行审计',\n        //   ],\n        // },\n        // {\n        //   icon: require('@/assets/staffmanage/data-security3.png'),\n        //   title: '品质保证',\n        //   textList: [\n        //     '十五年专注经营',\n        //     '3000+企业长期合作',\n        //     '大型集团化企业的首选',\n        //   ],\n        // },\n      ],\n      enterpriseList: [\n        // stories1,\n        // stories2,\n        // stories3,\n        // stories4,\n        // stories5,\n        // stories6,\n        // stories7,\n        // stories1,\n        // stories2,\n        // stories3,\n        // stories4,\n        // stories5,\n        // stories6,\n        // stories7,\n      ],\n      dataDownloadList: [\n        {\n          title: '资料下载',\n          eng: 'DOWNLOAD',\n          subtitle: '行业资料下载',\n          img: require('@/assets/achievements/dataDownload1.png'),\n          dataList: [\n            {\n              id: 1,\n              time: '09-01',\n              title: '华跃科技2022年国庆节放假通知',\n            },\n            {\n              id: 2,\n              time: '09-01',\n              title: '华跃科技携手广东股权交易中心&链股科技，以薪酬与股权激励，激发企业人才动力',\n            },\n            {\n              id: 3,\n              time: '09-01',\n              title: '【喜报】热烈祝贺华跃科技签约中标广东高壹工机有限公司人力资源管理系统项目',\n            },\n          ],\n        },\n        {\n          title: '产品动态',\n          eng: 'PRODUCT NEWS',\n          subtitle: '产品更新动态',\n          img: require('@/assets/achievements/dataDownload2.png'),\n          dataList: [\n            {\n              id: 5,\n              time: '09-01',\n              title: '华跃科技2022年国庆节放假通知',\n            },\n            {\n              id: 6,\n              time: '09-01',\n              title: '华跃科技携手广东股权交易中心&链股科技，以薪酬与股权激励，激发企业人才动力',\n            },\n            {\n              id: 7,\n              time: '09-01',\n              title: '【喜报】热烈祝贺华跃科技签约中标广东高壹工机有限公司人力资源管理系统项目',\n            },\n          ],\n        },\n        {\n          title: '干货推荐',\n          eng: 'INDUSTRY KNOWLEDGE',\n          subtitle: '行业硬知识',\n          img: require('@/assets/achievements/dataDownload3.png'),\n          dataList: [\n            {\n              id: 9,\n              time: '09-01',\n              title: '华跃科技2022年国庆节放假通知',\n            },\n            {\n              id: 10,\n              time: '09-01',\n              title: '华跃科技携手广东股权交易中心&链股科技，以薪酬与股权激励，激发企业人才动力',\n            },\n            {\n              id: 11,\n              time: '09-01',\n              title: '【喜报】热烈祝贺华跃科技签约中标广东高壹工机有限公司人力资源管理系统项目',\n            },\n          ],\n        },\n      ],\n    };\n  },\n  watch: {\n    scrollTop(newValue, oldValue) {\n      setTimeout(() => {\n        if (newValue === window.scrollY) {\n          for (var i = 0; i < this.navList.length; i++) {\n            var elementTop = this.$refs[`${this.navList[i].id}`].offsetTop - this.scrollTop - 1;\n            if (elementTop <= 70) {\n              this.topNaviId = this.navList[i].id;\n            }\n          }\n        }\n      }, 20);\n    },\n  },\n  mounted () {\n    window.addEventListener('scroll', this.handleScroll);\n    this.$nextTick(() => {\n      const nav = this.$refs.nav;\n      this.offsetTop = nav.offsetTop;\n    });\n    this.getPageColumn();\n    this.getPartner();\n  },\n  beforeDestroy () {\n    window.removeEventListener('scroll', this.handleScroll);\n  },\n  methods: {\n    handleScroll() {\n      var offsetHeight = this.$refs.navTabs.offsetHeight;\n      this.scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;\n      var headerFixed = this.scrollTop > this.offsetTop - offsetHeight / 2 - 70;\n      var scroll = this.scrollTop - this.position;\n      this.position = this.scrollTop;\n      if (this.scrollTop <= 400) {\n        this.navHeight = 52;\n        this.navWidth = 80;\n        this.$refs.nav.style.position = 'relative';\n        this.$refs.nav.style.top = '0px';\n        this.topNaviId = null;\n      } else if (this.scrollTop >= 400 && !headerFixed) {\n        this.navHeight += 0.04 * scroll;\n        this.navWidth += 0.12 * scroll;\n        this.$refs.navTabs.style.top = -(offsetHeight / 2) + 'px';\n        this.$refs.nav.style.position = 'relative';\n        this.$refs.nav.style.top = '0px';\n        this.topNaviId = null;\n      } else if (headerFixed) {\n        this.navHeight = 60;\n        this.navWidth = 100;\n        this.$refs.navTabs.style.top = -(offsetHeight / 2) + 'px';\n        this.$refs.nav.style.position = 'fixed';\n        this.$refs.nav.style.top = offsetHeight / 2 + 70 + 'px';\n      }\n    },\n    goAnchor(i) {\n      // var id = '#' + i.id;\n      // document.querySelector(id).scrollIntoView({\n      //   behavior: 'smooth',\n      //   block: 'start',\n      // });\n      window.scrollTo({\n        top: this.$refs[`${i.id}`].offsetTop - 70,\n        left: 0,\n        behavior: 'smooth',\n      });\n    },\n\n    // 获取页面栏目\n    getPageColumn() {\n      const params = { parentId: '1605836166991667200', };\n      getColumnChild(params).then(async (res) => {\n        const { result, } = res;\n        for (var i = 0; i < result.length; i++) {\n          if (result[i].name === '产品价值') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\n            getContentList(data).then((rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                var valueItem = {\n                  icon: rrsult.data[j].icon,\n                  title: rrsult.data[j].title,\n                  describe: rrsult.data[j].description,\n                };\n                this.valueList.push(valueItem);\n              }\n            });\n          } else if (result[i].name === '系统架构') {\n            getColumnDetail(result[i].id).then((rrs) => {\n              const rrsult = rrs.result;\n              this.architecture = rrsult.icon;\n            });\n          } else if (result[i].name === '功能介绍') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\n            getContentList(data).then(async (rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                var introductionTag = {\n                  text: rrsult.data[j].title,\n                  index: j,\n                };\n                this.introductionTagList.push(introductionTag);\n                const rts = await getContentDetail(rrsult.data[j].id);\n                const rtsult = rts.result;\n                var introductionItem = {\n                  title: rtsult.title,\n                  img: rtsult.icon,\n                  content: [],\n                };\n                for (var x = 0; x < rtsult.elements.length; x++) {\n                  introductionItem.content.push(rtsult.elements[x].content);\n                }\n                this.introductionList.push(introductionItem);\n              }\n            });\n          } else if (result[i].name === '数据安全') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\n            getContentList(data).then(async (rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                const rts = await getContentDetail(rrsult.data[j].id);\n                const rtsult = rts.result;\n                var dataSecurityItem = {\n                  icon: rtsult.icon,\n                  title: rtsult.title,\n                  textList: [],\n                };\n                for (var x = 0; x < rtsult.elements.length; x++) {\n                  dataSecurityItem.textList.push(rtsult.elements[x].content);\n                }\n                this.dataSecurityList.push(dataSecurityItem);\n              }\n            });\n          } else if (result[i].name === '顶部图') {\n            getColumnDetail(result[i].id).then((rrs) => {\n              const rrsult = rrs.result;\n              var content = rrsult.elements.find(obj => obj.name === 'content').content;\n              var contentdoc = new DOMParser().parseFromString(content, 'text/html');\n              this.top.title = rrsult.elements.find(obj => obj.name === 'subtitle').content;\n              this.top.content = contentdoc.documentElement.textContent.replace(/&nbsp;/g, ' ');\n              // this.top = {\n              //   imgBack: rrsult.icon,\n              // };\n            });\n          }\n        }\n      });\n      const downLoadParams = { columnId: '1605494229646401536', pageNum: 1, pageSize: 4, commendation: 15, cascade: true, };\n      getContentList(downLoadParams).then(async (res) => {\n        const { result, } = res;\n        this.dataDownloadList[0].dataList = result.data;\n      });\n      const contentParams = { columnId: '1605774350588534784', pageNum: 1, pageSize: 4, commendation: 15, };\n      getContentList(contentParams).then(async (res) => {\n        const { result, } = res;\n        this.dataDownloadList[1].dataList = result.data;\n      });\n      const industryParams = { columnId: '1605774444985540608', pageNum: 1, pageSize: 4, commendation: 15, };\n      getContentList(industryParams).then(async (res) => {\n        const { result, } = res;\n        this.dataDownloadList[2].dataList = result.data;\n      });\n    },\n\n    // 合作伙伴列表\n    getPartner() {\n      var params = { columnId: '1605405080163672064', pageNum: 1, pageSize: 18, commendation: 16, cascade: true, };\n      getContentList(params).then((res) => {\n        const { result, } = res;\n        for (var i = 0; i < result.data.length; i++) {\n          this.enterpriseList.push(result.data[i].logo);\n        }\n      });\n    },\n\n    clickDate(data, index) {\n      if (index === 0) {\n        getContentDetail(data.id).then((res) => {\n          const { result, } = res;\n          var file = result.elements.find(obj => obj.name === 'file').content;\n          download(file[0].url).then((rrs) => {\n            const fileName = file[0].name;\n            const blob = new Blob([ rrs.data, ]);\n            if (typeof window.navigator.msSaveBlob !== 'undefined') {\n              // 兼容window.navigator.msSaveBlob：以本地方式保存文件\n              window.navigator.msSaveBlob(blob, decodeURI(fileName));\n            } else {\n              // 创建新的URL并指向File对象或者Blob对象的地址\n              const blobURL = window.URL.createObjectURL(blob);\n              // 创建a标签，用于跳转至下载链接\n              const tempLink = document.createElement('a');\n              tempLink.style.display = 'block';\n              tempLink.href = blobURL;\n              tempLink.setAttribute('download', decodeURI(fileName));\n              // 兼容：某些浏览器不支持HTML5的download属性\n              if (typeof tempLink.download === 'undefined') {\n                tempLink.setAttribute('target', '_blank');\n              }\n              // 挂载a标签\n              document.body.appendChild(tempLink);\n              tempLink.click();\n              document.body.removeChild(tempLink);\n              // 释放blob URL地址\n              window.URL.revokeObjectURL(blobURL);\n            }\n          });\n        });\n      } else if (index === 1) {\n        this.$router.push({ path: `/news/details/${data.id}`, query: { type: 1, }, });\n      } else if (index === 2) {\n        this.$router.push({ path: `/news/details/${data.id}`, query: { type: 2, }, });\n      }\n    },\n\n    changeIndex(i) {\n      this.introductionIndex = i.index;\n    },\n    moreEnterprise () {\n      this.$router.push({ name: 'CustomerCase', });\n    },\n    openBealter () {\n      this.$refs.altProduct.tobealter();\n    },\n    openBealter2() {\n       this.$refs.ast.drawer  = true\n    },\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n.talent-development{\n  background-color: #fff;\n  .page-content{\n    width: 100%;\n    .page-canvas{\n      width: 100%;\n      height: fit-content;\n      min-width: var(--minwidth);\n      position: relative;\n      background-size: cover;\n      overflow: hidden;\n      .page-background{\n        position: absolute;\n        left: 0;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        background-position: top;\n        background-size: cover;\n        background-repeat: no-repeat;\n        // width: 100%;\n        // height: 560px;\n        // display: flex;\n        // justify-content: center;\n        // align-items: center;\n        // object-fit: cover;\n        img{\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n          object-position: center top;\n        }\n      }\n      .por-container {\n          width: 85%;\n          max-width: 1200px;\n          margin: 0 auto;\n          position: relative;\n          .solution-info {\n            width: 540px;\n            height: 560px;\n            display: flex;\n            justify-content: center;\n            flex-direction: column;\n            box-sizing: border-box;\n            .solution-info-title {\n              font-size: 45px;\n              font-weight: bold;\n              line-height: 55px;\n              color: #181818;\n              margin-bottom: 30px;\n            }\n            .solution-info-content {\n              font-size: 20px;\n              line-height: 32px;\n              color: #7b7b7b;\n              margin-bottom: 44px;\n            }\n            .solution-btn {\n              width: 142px;\n              height: 48px;\n              background-color: #00b0dc;\n              color: #fff;\n              text-align: center;\n              line-height: 48px;\n              cursor: pointer;\n              border-radius: 24px;\n            }\n          }\n        }\n    }\n    .page-nav{\n      width: 100%;\n      display: flex;\n      position: relative;\n      justify-content: center;\n      z-index: 50;\n      .page-tabs{\n        margin: 0 auto;\n        box-shadow: 0px 2px 8px 0px rgba(139, 139, 139, 0.18);\n        border-radius: 2px;\n        background-color: #fff;\n        display: flex;\n        position: absolute;\n        top: -26px;\n        .page-nav-item{\n          flex: 1;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          color: #181818;\n          font-size: 14px;\n          cursor: pointer;\n        }\n        .page-nav-item:hover{\n          color: #00b0dc;\n        }\n        .top-nav-item {\n          color: #fff;\n          background-color: #00b0dc;\n        }\n        .top-nav-item:hover {\n          color: #fff;\n        }\n      }\n    }\n    .product-value{\n      width: 1200px;\n      padding-top: 116px;\n      margin: 0 auto;\n      background-color: #fff;\n      box-sizing: border-box;\n      .title-subtitle{\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-direction: column;\n        margin-bottom: 64px;\n        .title{\n          font-size: 32px;\n          color: #181818;\n          line-height: 1;\n        }\n      }\n      .value-list{\n        width: 1200px;\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        margin: 0 auto;\n        .value-list-item{\n          width: calc(50% - 30px);\n          height: 162px;\n          margin: 15px;\n          background-color: #f5f5f5;\n          border-radius: 8px;\n          .value-list-item-card{\n            width: 100%;\n            color: #181818;\n            height: 100%;\n            padding: 54px 36px 55px 40px;\n            transition: all .3s ease-in-out;\n            box-sizing: border-box;\n            display: flex;\n            justify-content: flex-start;\n            align-items: center;\n            .list-item-icon-wrap{\n              .list-item-icon{\n                width: 54px;\n                height: auto;\n                opacity: 1;\n                display: block;\n              }\n            }\n            .list-item-text{\n              margin-left: 40px;\n              display: flex;\n              flex-direction: column;\n              align-items: flex-start;\n              .list-item-title{\n                font-size: 20px;\n                line-height: 1;\n                color: #181818;\n              }\n              .list-item-des{\n                width: 100%;\n                flex: 1;\n                color: #757575;\n                font-size: 16px;\n                margin-top: 18px;\n              }\n            }\n          }\n        }\n      }\n    }\n    .architecture{\n      width: 1200px ;\n      padding-top: 119px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      .title{\n        font-size: 32px;\n        color: #181818;\n        line-height: 1;\n        margin-bottom: 70px;\n      }\n      .architecture-content{\n        width: 100%;\n        img{\n          width: 100%;\n        }\n      }\n    }\n    .introduction{\n      width: 100%;\n      padding-top: 109px;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      .title{\n        font-size: 32px;\n        color: #181818;\n        line-height: 1;\n        padding-bottom: 70px;\n        box-sizing: border-box;\n      }\n      .introduction-tag-list{\n        width: 1200px;\n        margin: 0 auto;\n        display: flex;\n        align-items: center;\n        .tag-list-item{\n          flex: 1;\n          display: flex;\n          justify-content: center;\n          .tag-list-text{\n            font-size: 20px;\n            color: #181818;\n            line-height: 63px;\n            cursor: pointer;\n            border-bottom: 6px solid transparent;\n          }\n          .tag-list-text:hover{\n            font-weight: 600;\n            border-bottom: 6px solid #00b0dc;\n          }\n        }\n        .tag-list-item-change{\n          .tag-list-text{\n            font-weight: 600;\n            border-bottom: 6px solid #00b0dc;\n          }\n        }\n      }\n      .introduction-content-box{\n        width: 100%;\n        background-color: #f8fbff;\n        padding: 80px 0 60px;\n        .introduction-content{\n          width: 1200px;\n          margin: 0 auto;\n          display: flex;\n          justify-content: space-between;\n          align-items: flex-start;\n          .introduction-content-left{\n            width: 420px;\n            padding-top: 80px;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            align-items: flex-start;\n            .content-title{\n              width: 362px;\n              font-size: 28px;\n              font-weight: 600;\n              color: #181818;\n              margin-bottom: 30px;\n            }\n            .content-text-box{\n              display: flex;\n              align-items: flex-start;\n              justify-content: flex-start;\n              margin-bottom: 17px;\n              img{\n                width: 24px;\n                height: auto;\n                display: block;\n                margin-top: 3px;\n              }\n              .content-text{\n                margin-left: 6px;\n                font-size: 16px;\n                color: #314666;\n              }\n            }\n          }\n          .introduction-content-right{\n            width: 740px;\n            height: 460px;\n            img{\n              width: 100%;\n              height: auto;\n              display: block;\n            }\n          }\n        }\n        .introduction-contents-enter-active{\n          animation: bounce-in 0.5s;\n        }\n        .introduction-contents-leave-active{\n          animation: bounce-in 0 reverse;\n        }\n        @keyframes bounce-in {\n          0% {\n            opacity: 0;\n          }\n          100% {\n            opacity: 1;\n          }\n        }\n      }\n    }\n    .data-security{\n      width: 1200px;\n      padding-top: 70px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      .title{\n        font-size: 32px;\n        color: #181818;\n      }\n      .data-security-content{\n        width: 100%;\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        margin-top: 70px;\n        .data-security-list-item{\n          width: 380px;\n          height: 448px;\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: center;\n          background-color: #f7f9fc;\n          border-radius: 12px;\n          .list-item-icon{\n            width: auto;\n            height: 117px;\n            margin-bottom: 7px;\n          }\n          .list-item-title{\n            font-size: 18px;\n            color: #181818;\n            font-weight: 500;\n            margin-bottom: 35px;\n          }\n          .data-security-text{\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            .list-text-item{\n              width: 290px;\n              display: flex;\n              justify-content: flex-start;\n              align-items: center;\n              margin-bottom: 24px;\n              .text{\n                width: 100%;\n                font-size: 15px;\n                color: #6d717c;\n                text-align: center;\n              }\n            }\n          }\n        }\n      }\n    }\n    .customer-stories{\n      width: 100%;\n      min-width: 1200px;\n      display: flex;\n      flex-direction: column;\n      background: url('@/assets/staffmanage/customer-back.png') no-repeat;\n      background-position: center;\n      background-size: cover;\n      background-position: center;\n      height: 561px;\n      padding: 69px 0 60px;\n      box-sizing: border-box;\n      .customer-stories-content{\n        width: 80%;\n        min-width: var(--minwidth);\n        margin: 0 auto;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        .title{\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          font-size: 32px;\n          font-weight: 500;\n          color: #181818;\n          margin-bottom: 70px;\n        }\n        .customer-stories-list{\n          width: 100%;\n          display: flex;\n          flex-wrap: wrap;\n          justify-content: flex-start;\n          .cystiner-stirues-item{\n            width: calc(16.666% - 20px);\n            height: 70px;\n            margin: 10px;\n            background-color: #fff;\n            border: solid 1px #dfdfdf;\n            display: flex;\n            box-sizing: border-box;\n            justify-content: center;\n            align-items: center;\n            padding: 10px;\n            img{\n              width: 100%;\n              height: 100%;\n              object-fit: contain;\n              display: block;\n            }\n          }\n        }\n        .customer-stories-btn{\n          width: 155px;\n          height: 50px;\n          background-color: #00b0dc;\n          border-radius: 25px;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          margin-top: 20px;\n          cursor: pointer;\n          .btn-text{\n            font-size: 15px;\n            color: #ffffff;\n          }\n          &:hover{\n            transform: scale(1.1);\n            transition: all  0.5s;\n          }\n        }\n      }\n    }\n    .data-download{\n      width: 1200px;\n      padding-top: 70px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      padding-bottom: 100px;\n      .title{\n        font-size: 32px;\n        color: #181818;\n      }\n      .data-download-content{\n        display: flex;\n        margin: 70px auto 0;\n        .data-download-content-item{\n          width: 380px;\n          height: 330px;\n          margin-right: 30px;\n          box-sizing: border-box;\n          border: 1px solid #ddd;\n          background-color: #fff;\n          border-radius: 8px;\n          .item-title-box{\n            width: 100%;\n            height: 168px;\n            padding: 29px;\n            box-sizing: border-box;\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n            justify-content: center;\n            position: relative;\n            .background{\n              position: absolute;\n              top: 0;\n              left: 0;\n              right: 0;\n              bottom: 0;\n              display: block;\n              width: 100%;\n              height: auto;\n            }\n            .eng_title{\n              font-size: 12px;\n              opacity: 0.8;\n              color: #fff;\n              line-height: 1;\n            }\n            .ch_title{\n              display: flex;\n              align-items: center;\n              justify-content: flex-start;\n              z-index: 99;\n              margin-top: 16px;\n              .dataListTitle{\n                font-size: 18px;\n                color: #fff;\n                line-height: 1;\n                font-weight: bold;\n                padding-right: 9px;\n                border-right: 2px solid #ffffff;\n              }\n              .subTitle{\n                padding-left: 10px;\n                line-height: 1;\n                font-size: 18px;\n                color: #ffffff;\n              }\n            }\n          }\n          .data-list{\n            width: 100%;\n            padding: 14px 30px 0 30px;\n            box-sizing: border-box;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            .data-list-item{\n              width: 100%;\n              display: flex;\n              justify-content: space-between;\n              margin-top: 14px;\n              box-sizing: border-box;\n              list-style:disc;\n              .data-list-left{\n                display: flex;\n                align-items: center;\n                justify-content: flex-start;\n                .content-time{\n                  color: #6d717c;\n                  font-size: 12px;\n\n                }\n                .data-title{\n                  width: 260px;\n                  overflow: hidden;\n                  white-space: nowrap;\n                  text-overflow: ellipsis;\n                  font-size: 14px;\n                  color: #181818;\n                  cursor: pointer;\n                  position: relative;\n                  margin-left: 15px;\n                }\n              }\n            }\n            .data-list-item:hover{\n              .data-list-left{\n                .disc{\n                  background-color: #00b0dc;\n                }\n                .data-title{\n                  color: #00b0dc;\n                }\n              }\n              .data-list-right{\n                display: block;\n              }\n            }\n          }\n        }\n        .data-download-content-item:last-child{\n          margin-right: 0;\n        }\n      }\n    }\n    .appointment-demonstration{\n      width: 100%;\n      height: 126px;\n      background-image: url('@/assets/personnelgrow/appointment-demonstration.png');\n      background-repeat: no-repeat;\n      background-size: cover;\n      color: #fff;\n      // padding: 22px;\n      box-sizing: border-box;\n      .content-center{\n        width: 1200px;\n        height: 100%;\n        margin: 0 auto;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        .appointment-demonstration-text{\n          .appointment-demonstration-title{\n            font-size: 22px;\n            color: #fff;\n            font-weight: 500;\n            margin-bottom: 16px;\n            line-height: 1;\n          }\n          .appointment-demonstration-subtitle{\n            font-size: 16px;\n            font-weight: 400;\n            color: #fff;\n            line-height: 1;\n          }\n        }\n        .appointment-demonstration-btn{\n          width: 124px;\n          height: 42px;\n          text-align: center;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          border-radius: 8px;\n          border: 1px solid #fff;\n          line-height: 42px;\n          cursor: pointer;\n          font-size: 14px;\n          font-weight: 400;\n          // img{\n          //   width: 18px;\n          //   height: 42px;\n          //   vertical-align: middle;\n          // }\n          transition: all 0.5s;\n          // &:hover{\n          //   transform: scale(1.1);\n          //   transition: all  0.5s;\n          // }\n        }\n      }\n    }\n  }\n}\n\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./talent-development.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./talent-development.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./talent-development.vue?vue&type=template&id=1479639d&scoped=true&\"\nimport script from \"./talent-development.vue?vue&type=script&lang=js&\"\nexport * from \"./talent-development.vue?vue&type=script&lang=js&\"\nimport style0 from \"./talent-development.vue?vue&type=style&index=0&id=1479639d&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1479639d\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"solution\"},[_c('AppBar'),_c('div',{staticClass:\"page-content\"},[_c('div',{staticClass:\"solution-canvas\"},[_c('div',{staticClass:\"solution-canvas-background\"},[_c('img',{attrs:{\"src\":_vm.top.imgBack,\"alt\":\"\"}})]),_c('div',{staticClass:\"por-container\"},[_c('div',{staticClass:\"solution-info\"},[_c('div',{staticClass:\"solution-info-title\"},[_vm._v(_vm._s(_vm.top.title))]),_c('div',{staticClass:\"solution-info-content\",domProps:{\"innerHTML\":_vm._s(_vm.top.content)}})])])]),_c('div',{ref:\"nav\",staticClass:\"page-nav\"},[_c('div',{ref:\"navTabs\",staticClass:\"page-tabs\",style:({ width: _vm.navWidth + '%', height: _vm.navHeight + 'px' })},_vm._l((_vm.navList),function(item,index){return _c('div',{key:index,class:[\n            'page-nav-item',\n            _vm.topNaviId === item.id ? 'top-nav-item' : '',\n          ],on:{\"click\":function($event){return _vm.goAnchor(item)}}},[_vm._v(\" \"+_vm._s(item.title)+\" \")])}),0)]),_c('div',[_c('div',{ref:\"pain-points\",staticClass:\"pain-spot\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"企业招聘管理的痛点\")]),(_vm.painSpotList.length != 0)?_c('div',{staticClass:\"pain-spot-content\"},_vm._l((_vm.painSpotList),function(item,index){return _c('div',{key:index,staticClass:\"pain-spot-list-item\"},[_c('div',{staticClass:\"pain-spot-list-item-card\"},[_c('div',{staticClass:\"list-item-icon-wrap\"},[_c('img',{staticClass:\"list-item-icon\",attrs:{\"src\":item.icon,\"alt\":\"\"}})]),_c('div',{staticClass:\"list-item-text\"},[_c('div',{staticClass:\"list-item-title\"},[_vm._v(\" \"+_vm._s(item.title)+\" \")]),_c('div',{staticClass:\"list-item-des\"},[_vm._v(\" \"+_vm._s(item.describe)+\" \")])])])])}),0):_vm._e()])]),_c('div',[_c('div',{ref:\"sense-of-worth\",staticClass:\"product-value-analysis\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"产品价值分析\")]),_c('div',{staticClass:\"product-value-content\"},[_c('div',{staticClass:\"product-value-content-left\"},[(_vm.valueAnalysisList[0])?_c('div',{staticClass:\"analysis-content\"},[_c('img',{staticClass:\"analysis-img\",attrs:{\"src\":_vm.valueAnalysisList[0].icon,\"alt\":\"\"}}),_c('div',{staticClass:\"analysis-text\"},[_c('div',{staticClass:\"analysis-num\"},[_vm._v(_vm._s(_vm.valueAnalysisList[0].title))]),_c('div',{staticClass:\"analysis-content-text\"},_vm._l((_vm.valueAnalysisList[0].textList),function(item,index){return _c('div',{key:index,staticClass:\"text\"},[_vm._v(_vm._s(item))])}),0)])]):_vm._e(),(_vm.valueAnalysisList[2])?_c('div',{staticClass:\"analysis-content\"},[_c('img',{staticClass:\"analysis-img\",attrs:{\"src\":_vm.valueAnalysisList[2].icon,\"alt\":\"\"}}),_c('div',{staticClass:\"analysis-text\"},[_c('div',{staticClass:\"analysis-num\"},[_vm._v(_vm._s(_vm.valueAnalysisList[2].title))]),_c('div',{staticClass:\"analysis-content-text\"},_vm._l((_vm.valueAnalysisList[2].textList),function(item,index){return _c('div',{key:index,staticClass:\"text\"},[_vm._v(_vm._s(item))])}),0)])]):_vm._e()]),_c('div',{staticClass:\"product-value-content-center\"},[_c('img',{attrs:{\"src\":_vm.valueCenterImg,\"alt\":\"\"}})]),_c('div',{staticClass:\"product-value-content-right\"},[(_vm.valueAnalysisList[1])?_c('div',{staticClass:\"analysis-content\"},[_c('img',{staticClass:\"analysis-img\",attrs:{\"src\":_vm.valueAnalysisList[1].icon,\"alt\":\"\"}}),_c('div',{staticClass:\"analysis-text\"},[_c('div',{staticClass:\"analysis-num\"},[_vm._v(_vm._s(_vm.valueAnalysisList[1].title))]),_c('div',{staticClass:\"analysis-content-text\"},_vm._l((_vm.valueAnalysisList[1].textList),function(item,index){return _c('div',{key:index,staticClass:\"text\"},[_vm._v(_vm._s(item))])}),0)])]):_vm._e(),(_vm.valueAnalysisList[3])?_c('div',{staticClass:\"analysis-content\"},[_c('img',{staticClass:\"analysis-img\",attrs:{\"src\":_vm.valueAnalysisList[3].icon,\"alt\":\"\"}}),_c('div',{staticClass:\"analysis-text\"},[_c('div',{staticClass:\"analysis-num\"},[_vm._v(_vm._s(_vm.valueAnalysisList[3].title))]),_c('div',{staticClass:\"analysis-content-text\"},_vm._l((_vm.valueAnalysisList[3].textList),function(item,index){return _c('div',{key:index,staticClass:\"text\"},[_vm._v(_vm._s(item))])}),0)])]):_vm._e()])])])]),_c('div',[_c('div',{ref:\"solution\",staticClass:\"business-solutions\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"招聘系统业务解决方案\")]),_c('transition',{attrs:{\"name\":\"solutions-fade\",\"mode\":\"out-in\"}},[(_vm.solutionList.length != 0)?_c('div',{key:_vm.solutionIndex,staticClass:\"business-solutions-content\"},[_c('div',{staticClass:\"business-solutions-content-left\"},[_c('div',{staticClass:\"content-left-text\"},[_c('div',{staticClass:\"text-title\"},[_vm._v(_vm._s(_vm.solutionList[_vm.solutionIndex].title))]),_c('div',{staticClass:\"text-list\"},_vm._l((_vm.solutionList[_vm.solutionIndex].contentList),function(textItem,textIndex){return _c('div',{key:textIndex,staticClass:\"text-list-item\"},[_c('img',{attrs:{\"src\":require('@/assets/staffmanage/icon/liIcon.png'),\"alt\":\"\"}}),_c('div',{staticClass:\"text\"},[_vm._v(_vm._s(textItem))])])}),0)])]),_c('div',{staticClass:\"business-solutions-content-right\"},[_c('img',{attrs:{\"src\":_vm.solutionList[_vm.solutionIndex].img,\"alt\":\"\"}})])]):_vm._e()]),_c('div',{staticClass:\"tabinfo-list-wrap\"},_vm._l((_vm.solutionList),function(item,index){return _c('div',{key:index,staticClass:\"tabinfoItem\",class:{'chack-tabInfo': index === _vm.solutionIndex},on:{\"mouseenter\":function($event){return _vm.onMouseenter(index)}}})}),0)],1)])]),_c('RightFixedgt'),_c('FootWrap'),_c('AltProduct',{ref:\"altProduct\"}),_c('ast',{ref:\"ast\"})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"solution\">\r\n    <AppBar />\r\n    <div class=\"page-content\">\r\n      <div class=\"solution-canvas\">\r\n        <div class=\"solution-canvas-background\">\r\n          <img :src=\"top.imgBack\" alt=\"\" />\r\n        </div>\r\n        <div class=\"por-container\">\r\n          <div class=\"solution-info\">\r\n            <div class=\"solution-info-title\">{{ top.title }}</div>\r\n            <div class=\"solution-info-content\" v-html=\"top.content\">\r\n              <!-- 利用在线招聘流程，帮助企业实现智能、便捷的招聘模式，\r\n              建立企业自己的人才储备机制 -->\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div ref=\"nav\" class=\"page-nav\">\r\n        <div\r\n          ref=\"navTabs\"\r\n          class=\"page-tabs\"\r\n          :style=\"{ width: navWidth + '%', height: navHeight + 'px' }\"\r\n        >\r\n          <div\r\n            v-for=\"(item, index) in navList\"\r\n            :key=\"index\"\r\n            :class=\"[\r\n              'page-nav-item',\r\n              topNaviId === item.id ? 'top-nav-item' : '',\r\n            ]\"\r\n            @click=\"goAnchor(item)\"\r\n          >\r\n            {{ item.title }}\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div>\r\n        <div ref=\"pain-points\" class=\"pain-spot\">\r\n          <div class=\"title\">企业招聘管理的痛点</div>\r\n          <div v-if=\"painSpotList.length != 0\" class=\"pain-spot-content\">\r\n            <div\r\n              v-for=\"(item, index) in painSpotList\"\r\n              :key=\"index\"\r\n              class=\"pain-spot-list-item\"\r\n            >\r\n              <div class=\"pain-spot-list-item-card\">\r\n                <div class=\"list-item-icon-wrap\">\r\n                  <img :src=\"item.icon\" alt=\"\" class=\"list-item-icon\" />\r\n                </div>\r\n                <div class=\"list-item-text\">\r\n                  <div class=\"list-item-title\">\r\n                    {{ item.title }}\r\n                  </div>\r\n                  <div class=\"list-item-des\">\r\n                    {{ item.describe }}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div>\r\n        <div ref=\"sense-of-worth\" class=\"product-value-analysis\">\r\n          <div class=\"title\">产品价值分析</div>\r\n          <div class=\"product-value-content\">\r\n            <div class=\"product-value-content-left\">\r\n              <div v-if=\"valueAnalysisList[0]\" class=\"analysis-content\">\r\n                <img\r\n                  :src=\"valueAnalysisList[0].icon\"\r\n                  alt=\"\"\r\n                  class=\"analysis-img\"\r\n                />\r\n                <div class=\"analysis-text\">\r\n                  <div class=\"analysis-num\">{{ valueAnalysisList[0].title }}</div>\r\n                  <div class=\"analysis-content-text\">\r\n                    <div\r\n                      v-for=\"(item, index) in valueAnalysisList[0].textList\"\r\n                      :key=\"index\"\r\n                      class=\"text\"\r\n                    >{{ item }}</div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div v-if=\"valueAnalysisList[2]\" class=\"analysis-content\">\r\n                <img\r\n                  :src=\"valueAnalysisList[2].icon\"\r\n                  alt=\"\"\r\n                  class=\"analysis-img\"\r\n                />\r\n                <div class=\"analysis-text\">\r\n                  <div class=\"analysis-num\">{{ valueAnalysisList[2].title }}</div>\r\n                  <div class=\"analysis-content-text\">\r\n                    <div\r\n                      v-for=\"(item, index) in valueAnalysisList[2].textList\"\r\n                      :key=\"index\"\r\n                      class=\"text\"\r\n                    >{{ item }}</div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"product-value-content-center\">\r\n              <img :src=\"valueCenterImg\" alt=\"\" />\r\n            </div>\r\n            <div class=\"product-value-content-right\">\r\n              <div v-if=\"valueAnalysisList[1]\" class=\"analysis-content\">\r\n                <img\r\n                  :src=\"valueAnalysisList[1].icon\"\r\n                  alt=\"\"\r\n                  class=\"analysis-img\"\r\n                />\r\n                <div class=\"analysis-text\">\r\n                  <div class=\"analysis-num\">{{ valueAnalysisList[1].title }}</div>\r\n                  <div class=\"analysis-content-text\">\r\n                    <div\r\n                      v-for=\"(item, index) in valueAnalysisList[1].textList\"\r\n                      :key=\"index\"\r\n                      class=\"text\"\r\n                    >{{ item }}</div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div v-if=\"valueAnalysisList[3]\" class=\"analysis-content\">\r\n                <img\r\n                  :src=\"valueAnalysisList[3].icon\"\r\n                  alt=\"\"\r\n                  class=\"analysis-img\"\r\n                />\r\n                <div class=\"analysis-text\">\r\n                  <div class=\"analysis-num\">{{ valueAnalysisList[3].title }}</div>\r\n                  <div class=\"analysis-content-text\">\r\n                    <div\r\n                      v-for=\"(item, index) in valueAnalysisList[3].textList\"\r\n                      :key=\"index\"\r\n                      class=\"text\"\r\n                    >{{ item }}</div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div>\r\n        <div ref=\"solution\" class=\"business-solutions\">\r\n          <div class=\"title\">招聘系统业务解决方案</div>\r\n          <transition name=\"solutions-fade\" mode=\"out-in\">\r\n            <div v-if=\"solutionList.length != 0\" :key=\"solutionIndex\" class=\"business-solutions-content\">\r\n              <div class=\"business-solutions-content-left\">\r\n                <div class=\"content-left-text\">\r\n                  <div class=\"text-title\">{{ solutionList[solutionIndex].title }}</div>\r\n                  <div class=\"text-list\">\r\n                    <div\r\n                      v-for=\"(textItem, textIndex) in solutionList[solutionIndex].contentList\"\r\n                      :key=\"textIndex\"\r\n                      class=\"text-list-item\"\r\n                    >\r\n                      <img\r\n                        :src=\"require('@/assets/staffmanage/icon/liIcon.png')\"\r\n                        alt=\"\"\r\n                      />\r\n                      <div class=\"text\">{{ textItem }}</div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"business-solutions-content-right\">\r\n                <img :src=\"solutionList[solutionIndex].img\" alt=\"\" />\r\n              </div>\r\n            </div>\r\n          </transition>\r\n          <div class=\"tabinfo-list-wrap\">\r\n            <div\r\n              v-for=\"(item, index) in solutionList\"\r\n              :key=\"index\"\r\n              class=\"tabinfoItem\"\r\n              :class=\"{'chack-tabInfo': index === solutionIndex}\"\r\n              @mouseenter=\"onMouseenter(index)\"\r\n            ></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <!-- <div>\r\n        <div ref=\"data-download\" class=\"data-download\">\r\n          <div class=\"title\">行业资料</div>\r\n          <div class=\"data-download-content\">\r\n            <div\r\n              v-for=\"(item, index) in dataDownloadList\"\r\n              :key=\"index\"\r\n              class=\"data-download-content-item\"\r\n            >\r\n              <div class=\"dataListTitle\">{{ item.title }}</div>\r\n              <ul class=\"data-list\">\r\n                <li\r\n                  v-for=\"(dataItem, dataIndex) in item.dataList\"\r\n                  :key=\"dataIndex\"\r\n                  class=\"data-list-item\"\r\n                >\r\n                  <div class=\"data-list-left\">\r\n                    <div class=\"disc\"></div>\r\n                    <div class=\"data-title\">\r\n                      {{ dataItem.title }}\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"data-list-right\">\r\n                    <img\r\n                      :src=\"require('@/assets/icon/right-arrow.png')\"\r\n                      alt=\"\"\r\n                    />\r\n                  </div>\r\n                </li>\r\n              </ul>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div> -->\r\n    </div>\r\n    <RightFixedgt />\r\n    <FootWrap />\r\n    <AltProduct ref=\"altProduct\" />\r\n    <ast ref=\"ast\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { getColumnChild, getColumnDetail } from '@/api/column';\r\nimport { getContentList, getContentDetail } from '@/api/content';\r\n\r\nexport default {\r\n  name: 'ExternalRecruitment',\r\n  data() {\r\n    return {\r\n      top: {\r\n        title: '',\r\n        content: '',\r\n        imgBack: require('@/assets/external/canvas.gif'),\r\n      },\r\n      navWidth: 80,\r\n      navHeight: 60,\r\n      offsetTop: 0,\r\n      scrollTop: 0,\r\n      position: 0,\r\n      topNaviId: null,\r\n      navList: [\r\n        {\r\n          title: '企业痛点',\r\n          id: 'pain-points',\r\n        },\r\n        {\r\n          title: '产品价值观',\r\n          id: 'sense-of-worth',\r\n        },\r\n        {\r\n          title: '解决方案',\r\n          id: 'solution',\r\n        },\r\n      ],\r\n      painSpotList: [\r\n        // {\r\n        //   icon: require('@/assets/solution/icon/pain-spot1.png'),\r\n        //   title: '流程繁琐',\r\n        //   describe: '各个部门招聘流程复杂，线下操作管理成本高',\r\n        // },\r\n        // {\r\n        //   icon: require('@/assets/solution/icon/pain-spot2.png'),\r\n        //   title: '需求繁多',\r\n        //   describe: '岗位要求不一样，简历筛选难度大',\r\n        // },\r\n        // {\r\n        //   icon: require('@/assets/solution/icon/pain-spot3.png'),\r\n        //   title: '安全顾虑多',\r\n        //   describe: '如何进行无接触面试，并保存面试过程痕迹？',\r\n        // },\r\n        // {\r\n        //   icon: require('@/assets/solution/icon/pain-spot4.png'),\r\n        //   title: '数据保存难',\r\n        //   describe: '历史数据无法有效保存分析，人才储备无法实现',\r\n        // },\r\n      ],\r\n      valueCenterImg: '',\r\n      valueAnalysisList: [\r\n        // {\r\n        //   icon: require('@/assets/solution/icon/analysis-content1.png'),\r\n        //   textList: [\r\n        //     '以企业的业务流程为重点',\r\n        //     '打造个性化的招聘模式',\r\n        //   ],\r\n        // },\r\n        // {\r\n        //   icon: require('@/assets/solution/icon/analysis-content2.png'),\r\n        //   textList: [\r\n        //     '通过智能的手段，',\r\n        //     '减轻招聘团队的工作压力，',\r\n        //     '提升招聘效率',\r\n        //   ],\r\n        // },\r\n        // {\r\n        //   icon: require('@/assets/solution/icon/analysis-content3.png'),\r\n        //   textList: [\r\n        //     '建立人才储备方案，',\r\n        //     '让企业用人再无“后顾之忧”',\r\n        //   ],\r\n        // },\r\n        // {\r\n        //   icon: require('@/assets/solution/icon/analysis-content4.png'),\r\n        //   textList: [\r\n        //     '利用BI分析结果快速锁定优质渠道',\r\n        //     '降低招聘成本',\r\n        //   ],\r\n        // },\r\n      ],\r\n      // dataDownloadList: [\r\n      //   {\r\n      //     title: '资料下载',\r\n      //     dataList: [\r\n      //       {\r\n      //         id: 1,\r\n      //         title: '【公告】我们拥有精湛的实施工程师团队工程师团队',\r\n      //       },\r\n      //       {\r\n      //         id: 2,\r\n      //         title: '【公告】具有定制化知识与丰富经验的维丰富经验的',\r\n      //       },\r\n      //       {\r\n      //         id: 3,\r\n      //         title: '【公告】及时为客户解决在使用过程中的过程中的使',\r\n      //       },\r\n      //     ],\r\n      //   },\r\n      //   {\r\n      //     title: '产品动态',\r\n      //     dataList: [\r\n      //       {\r\n      //         id: 4,\r\n      //         title: '【公告】我们拥有精湛的实施工程师团队工程师团队',\r\n      //       },\r\n      //       {\r\n      //         id: 5,\r\n      //         title: '【公告】具有定制化知识与丰富经验的维丰富经验的',\r\n      //       },\r\n      //       {\r\n      //         id: 6,\r\n      //         title: '【公告】及时为客户解决在使用过程中的过程中的使',\r\n      //       },\r\n      //     ],\r\n      //   },\r\n      //   {\r\n      //     title: '干货推荐',\r\n      //     dataList: [\r\n      //       {\r\n      //         id: 7,\r\n      //         title: '【公告】我们拥有精湛的实施工程师团队工程师团队',\r\n      //       },\r\n      //       {\r\n      //         id: 8,\r\n      //         title: '【公告】具有定制化知识与丰富经验的维丰富经验的',\r\n      //       },\r\n      //       {\r\n      //         id: 9,\r\n      //         title: '【公告】及时为客户解决在使用过程中的过程中的使',\r\n      //       },\r\n      //     ],\r\n      //   },\r\n      // ],\r\n      solutionIndex: 0,\r\n      solutionList: [\r\n        // {\r\n        //   title: '简历最适合企业的人才管理模式1',\r\n        //   img: require('@/assets/solution/business-solutions.png'),\r\n        //   contentList: [\r\n        //     '建立个性化岗位智配规则，快速筛选匹配度高的人才',\r\n        //     '利用系统的人才测评工具，帮助企业做到“人尽其才”',\r\n        //     '建立人才储备机制，实现对关键岗位的人才梯队建设，帮助企业实现“岗位继任者”管理模式。',\r\n        //   ],\r\n        // },\r\n        // {\r\n        //   title: '简历最适合企业的人才管理模式2',\r\n        //   img: require('@/assets/solution/business-solutions.png'),\r\n        //   contentList: [\r\n        //     '建立个性化岗位智配规则，快速筛选匹配度高的人才',\r\n        //     '利用系统的人才测评工具，帮助企业做到“人尽其才”',\r\n        //     '建立人才储备机制，实现对关键岗位的人才梯队建设，帮助企业实现“岗位继任者”管理模式。',\r\n        //   ],\r\n        // },\r\n        // {\r\n        //   title: '简历最适合企业的人才管理模式3',\r\n        //   img: require('@/assets/solution/business-solutions.png'),\r\n        //   contentList: [\r\n        //     '建立个性化岗位智配规则，快速筛选匹配度高的人才',\r\n        //     '利用系统的人才测评工具，帮助企业做到“人尽其才”',\r\n        //     '建立人才储备机制，实现对关键岗位的人才梯队建设，帮助企业实现“岗位继任者”管理模式。',\r\n        //   ],\r\n        // },\r\n      ],\r\n    };\r\n  },\r\n  watch: {\r\n    scrollTop(newValue, oldValue) {\r\n      setTimeout(() => {\r\n        if (newValue === window.scrollY) {\r\n          for (var i = 0; i < this.navList.length; i++) {\r\n            var elementTop = this.$refs[`${this.navList[i].id}`].offsetTop - this.scrollTop - 1;\r\n            if (elementTop <= 70) {\r\n              this.topNaviId = this.navList[i].id;\r\n            }\r\n          }\r\n        }\r\n      }, 20);\r\n    },\r\n  },\r\n  mounted () {\r\n    window.addEventListener('scroll', this.handleScroll);\r\n    this.$nextTick(() => {\r\n      const nav = this.$refs.nav;\r\n      this.offsetTop = nav.offsetTop;\r\n    });\r\n    this.getPageColumn();\r\n  },\r\n  beforeDestroy () {\r\n    window.removeEventListener('scroll', this.handleScroll);\r\n  },\r\n  methods: {\r\n    handleScroll() {\r\n      var offsetHeight = this.$refs.navTabs.offsetHeight;\r\n      this.scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;\r\n      var headerFixed = this.scrollTop > this.offsetTop - offsetHeight / 2 - 70;\r\n      var scroll = this.scrollTop - this.position;\r\n      this.position = this.scrollTop;\r\n      if (this.scrollTop <= 400) {\r\n        this.navHeight = 52;\r\n        this.navWidth = 80;\r\n        this.$refs.nav.style.position = 'relative';\r\n        this.$refs.nav.style.top = '0px';\r\n        this.topNaviId = null;\r\n      } else if (this.scrollTop >= 400 && !headerFixed) {\r\n        this.navHeight += 0.04 * scroll;\r\n        this.navWidth += 0.12 * scroll;\r\n        this.$refs.navTabs.style.top = -(offsetHeight / 2) + 'px';\r\n        this.$refs.nav.style.position = 'relative';\r\n        this.$refs.nav.style.top = '0px';\r\n        this.topNaviId = null;\r\n      } else if (headerFixed) {\r\n        this.navHeight = 60;\r\n        this.navWidth = 100;\r\n        this.$refs.navTabs.style.top = -(offsetHeight / 2) + 'px';\r\n        this.$refs.nav.style.position = 'fixed';\r\n        this.$refs.nav.style.top = offsetHeight / 2 + 70 + 'px';\r\n      }\r\n    },\r\n    goAnchor(i) {\r\n      // var id = '#' + i.id;\r\n      // document.querySelector(id).scrollIntoView({\r\n      //   behavior: 'smooth',\r\n      //   block: 'start',\r\n      // });\r\n      window.scrollTo({\r\n        top: this.$refs[`${i.id}`].offsetTop - 70,\r\n        left: 0,\r\n        behavior: 'smooth',\r\n      });\r\n    },\r\n\r\n    // 获取页面栏目\r\n    async getPageColumn() {\r\n      const params = { parentId: '1607260124412600320', };\r\n      getColumnChild(params).then(async (res) => {\r\n        const { result, } = res;\r\n        for (var i = 0; i < result.length; i++) {\r\n          if (result[i].name === '企业痛点') {\r\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\r\n            getContentList(data).then(async (rrs) => {\r\n              const rrsult = rrs.result;\r\n              for (var j = 0; j < rrsult.data.length; j++) {\r\n                const rts = await getContentDetail(rrsult.data[j].id);\r\n                const rtsult = rts.result;\r\n                var painSpotItem = {\r\n                  title: rtsult.title,\r\n                  icon: rtsult.icon,\r\n                  describe: rtsult.description,\r\n                };\r\n                this.painSpotList.push(painSpotItem);\r\n              }\r\n            });\r\n          } else if (result[i].name === '产品价值观') {\r\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\r\n            this.valueCenterImg = result[i].icon;\r\n            getContentList(data).then(async (rrs) => {\r\n              const rrsult = rrs.result;\r\n              for (var j = 0; j < rrsult.data.length; j++) {\r\n                var valueAnalysisItem = {\r\n                  title: rrsult.data[j].title,\r\n                  icon: rrsult.data[j].icon,\r\n                  textList: [],\r\n                };\r\n                const rts = await getContentDetail(rrsult.data[j].id);\r\n                const rtsult = rts.result;\r\n                for (var x = 0; x < rtsult.elements.length; x++) {\r\n                  valueAnalysisItem.textList.push(rtsult.elements[x].content);\r\n                }\r\n                this.valueAnalysisList.push(valueAnalysisItem);\r\n              }\r\n            });\r\n          } else if (result[i].name === '解决方案') {\r\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\r\n            getContentList(data).then(async (rrs) => {\r\n              const rrsult = rrs.result;\r\n              for (var j = 0; j < rrsult.data.length; j++) {\r\n                var solutionItem = {\r\n                  title: rrsult.data[j].title,\r\n                  img: rrsult.data[j].icon,\r\n                  contentList: [],\r\n                };\r\n                const rts = await getContentDetail(rrsult.data[j].id);\r\n                const rtsult = rts.result;\r\n                for (var x = 0; x < rtsult.elements.length; x++) {\r\n                  solutionItem.contentList.push(rtsult.elements[x].content);\r\n                }\r\n                this.solutionList.push(solutionItem);\r\n              }\r\n            });\r\n          } else if (result[i].name === '顶部图') {\r\n            getColumnDetail(result[i].id).then((rrs) => {\r\n              const rrsult = rrs.result;\r\n              var content = rrsult.elements.find(obj => obj.name === 'content').content;\r\n              var contentdoc = new DOMParser().parseFromString(content, 'text/html');\r\n              this.top.title = rrsult.elements.find(obj => obj.name === 'subtitle').content;\r\n              this.top.content = contentdoc.documentElement.textContent.replace(/&nbsp;/g, ' ');\r\n              // this.top = {\r\n              //   imgBack: rrsult.icon,\r\n              // };\r\n            });\r\n          }\r\n        }\r\n      });\r\n    },\r\n\r\n    onMouseenter(i) {\r\n      this.solutionIndex = i;\r\n    },\r\n    openBealter () {\r\n      this.$refs.altProduct.tobealter();\r\n    },\r\n    openBealter2() {\r\n       this.$refs.ast.drawer  = true\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.solution {\r\n  background-color: #fff;\r\n  .page-content {\r\n    width: 100%;\r\n    .solution-canvas {\r\n      width: 100%;\r\n      height: fit-content;\r\n      min-width: var(--minwidth);\r\n      position: relative;\r\n      background-size: cover;\r\n      .solution-canvas-background {\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background-position: top;\r\n        background-size: cover;\r\n        background-repeat: no-repeat;\r\n        img {\r\n          width: 100%;\r\n          height: 100%;\r\n          object-fit: cover;\r\n          object-position: center top;\r\n        }\r\n      }\r\n      .por-container {\r\n        width: 70%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        .solution-info {\r\n          width: 480px;\r\n          height: 560px;\r\n          display: flex;\r\n          justify-content: center;\r\n          flex-direction: column;\r\n          box-sizing: border-box;\r\n          .solution-info-title {\r\n            font-size: 46px;\r\n            font-weight: bold;\r\n            line-height: 45px;\r\n            color: #181818;\r\n            margin-bottom: 29px;\r\n          }\r\n          .solution-info-content {\r\n            font-size: 20px;\r\n            line-height: 32px;\r\n            color: #7b7b7b;\r\n            margin-bottom: 44px;\r\n          }\r\n          // .solution-btn {\r\n          //   width: 142px;\r\n          //   height: 48px;\r\n          //   background-color: #1589fd;\r\n          //   color: #fff;\r\n          //   text-align: center;\r\n          //   line-height: 48px;\r\n          //   cursor: pointer;\r\n          //   border-radius: 24px;\r\n          // }\r\n        }\r\n      }\r\n    }\r\n    .page-nav {\r\n      width: 100%;\r\n      display: flex;\r\n      position: relative;\r\n      justify-content: center;\r\n      z-index: 50;\r\n      .page-tabs {\r\n        margin: 0 auto;\r\n        box-shadow: 0px 2px 8px 0px rgba(139, 139, 139, 0.18);\r\n        border-radius: 2px;\r\n        background-color: #fff;\r\n        display: flex;\r\n        position: absolute;\r\n        top: -26px;\r\n        .page-nav-item {\r\n          flex: 1;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          color: #181818;\r\n          font-size: 14px;\r\n          cursor: pointer;\r\n        }\r\n        .page-nav-item:hover {\r\n          color: #00b0dc;\r\n        }\r\n        .top-nav-item {\r\n          color: #fff;\r\n          background-color: #00b0dc;\r\n        }\r\n        .top-nav-item:hover {\r\n          color: #fff;\r\n        }\r\n      }\r\n    }\r\n    .product-value-analysis {\r\n      width: 70%;\r\n      min-width: 1200px;\r\n      margin: 0 auto;\r\n      padding-top: 90px;\r\n      .title {\r\n        font-family: OPPOSans-M;\r\n        font-size: 23px;\r\n        font-weight: 600;\r\n        color: #181818;\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n      }\r\n      .product-value-content {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        padding-bottom: 100px;\r\n        .product-value-content-left {\r\n          display: flex;\r\n          flex-direction: column;\r\n          justify-content: center;\r\n          align-items: flex-start;\r\n          .analysis-content {\r\n            display: flex;\r\n            justify-content: flex-start;\r\n            align-items: flex-start;\r\n            .analysis-img {\r\n              width: auto;\r\n              height: 25px;\r\n              margin-top: 8px;\r\n            }\r\n            .analysis-text {\r\n              width: 250px;\r\n              height: 180px;\r\n              display: flex;\r\n              flex-direction: column;\r\n              align-items: flex-start;\r\n              margin-left: 15px;\r\n              .analysis-num {\r\n                font-family: FontquanXinYiGuanHeiTi-Regular;\r\n                font-size: 32px;\r\n                color: #181818;\r\n                margin-bottom: 21px;\r\n              }\r\n              .analysis-content-text {\r\n                font-size: 16px;\r\n                color: #181818;\r\n                .text {\r\n                  font-weight: 600;\r\n                  line-height: 25px;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n        .product-value-content-center {\r\n          height: 453px;\r\n          img {\r\n            display: block;\r\n            height: 100%;\r\n            width: auto;\r\n          }\r\n        }\r\n        .product-value-content-right {\r\n          display: flex;\r\n          flex-direction: column;\r\n          justify-content: center;\r\n          align-items: flex-start;\r\n          .analysis-content {\r\n            display: flex;\r\n            justify-content: flex-start;\r\n            align-items: flex-start;\r\n            .analysis-img {\r\n              width: auto;\r\n              height: 25px;\r\n              margin-top: 8px;\r\n            }\r\n            .analysis-text {\r\n              width: 250px;\r\n              height: 180px;\r\n              display: flex;\r\n              flex-direction: column;\r\n              align-items: flex-start;\r\n              margin-left: 15px;\r\n              .analysis-num {\r\n                font-family: FontquanXinYiGuanHeiTi-Regular;\r\n                font-size: 32px;\r\n                color: #181818;\r\n                margin-bottom: 21px;\r\n              }\r\n              .analysis-content-text {\r\n                font-size: 16px;\r\n                color: #181818;\r\n                .text {\r\n                  font-weight: 600;\r\n                  line-height: 25px;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .pain-spot {\r\n      width: 100%;\r\n      padding-top: 115px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-direction: column;\r\n      margin: 0 auto;\r\n      .title {\r\n        font-size: 32px;\r\n        color: #181818;\r\n        line-height: 1;\r\n        margin-bottom: 70px;\r\n        font-weight: bold;\r\n      }\r\n      .pain-spot-content {\r\n        width: 1200px;\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        align-items: center;\r\n        margin: 0 auto;\r\n        .pain-spot-list-item {\r\n          width: calc(50% - 40px);\r\n          height: 140px;\r\n          margin: 15px 20px;\r\n          background-color: #f7f9fc;\r\n          .pain-spot-list-item-card {\r\n            width: 100%;\r\n            color: #181818;\r\n            height: 100%;\r\n            padding: 41px 47px 47px 20px;\r\n            box-sizing: border-box;\r\n            display: flex;\r\n            justify-content: flex-start;\r\n            align-items: center;\r\n            .list-item-icon-wrap {\r\n              .list-item-icon {\r\n                width: 45px;\r\n                height: auto;\r\n                opacity: 1;\r\n                display: block;\r\n              }\r\n            }\r\n            .list-item-text {\r\n              margin-left: 25px;\r\n              display: flex;\r\n              flex-direction: column;\r\n              align-items: flex-start;\r\n              .list-item-title {\r\n                font-size: 18px;\r\n                line-height: 1;\r\n                color: #181818;\r\n              }\r\n              .list-item-des {\r\n                width: 100%;\r\n                flex: 1;\r\n                color: #181818;\r\n                font-size: 16px;\r\n                margin-top: 16px;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .business-solutions {\r\n      width: 1200px;\r\n      margin: 0 auto;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      align-items: center;\r\n      padding-top: 90px;\r\n      position: relative;\r\n      margin-bottom: 36px;\r\n      .title {\r\n        font-size: 32px;\r\n        color: #181818;\r\n        font-weight: bold;\r\n      }\r\n      .business-solutions-content{\r\n        width: 100%;\r\n        margin-top: 70px;\r\n        display: flex;\r\n        .business-solutions-content-left{\r\n            padding-top: 37px;\r\n            box-sizing: border-box;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            justify-content: flex-start;\r\n            .content-left-text{\r\n                display: flex;\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n                justify-content: flex-start;\r\n                .text-title{\r\n                    width: 225px;\r\n                    font-size: 28px;\r\n                    color: #181818;\r\n                    font-weight: bold;\r\n                    margin-bottom: 45px;\r\n                }\r\n                .text-list{\r\n                    .text-list-item{\r\n                        display: flex;\r\n                        justify-content: flex-start;\r\n                        align-items: flex-start;\r\n                        margin-bottom: 30px;\r\n                        img{\r\n                            width: 24px;\r\n                            display: block;\r\n                            margin-top: 2px;\r\n                            margin-right: 8px;\r\n                        }\r\n                        .text{\r\n                            width: 384px;\r\n                            font-size: 16px;\r\n                            color: #181818;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        .business-solutions-content-right{\r\n            width: 790px;\r\n            height: 470px;\r\n            img{\r\n                width: 100%;\r\n                height: auto;\r\n                display: block;\r\n            }\r\n        }\r\n      }\r\n      .solutions-fade-enter-active {\r\n        animation: bounce-in 1.3s;\r\n      }\r\n      .solutions-fade-leave-active {\r\n        animation: bounce-in .5s reverse;\r\n      }\r\n      @keyframes bounce-in {\r\n        0% {\r\n          opacity: 0;\r\n        }\r\n        100% {\r\n          opacity: 1;\r\n        }\r\n      }\r\n      .tabinfo-list-wrap{\r\n        position: absolute;\r\n        left: 0;\r\n        bottom: 0;\r\n        display: flex;\r\n        // flex-direction: column;\r\n        justify-content: flex-start;\r\n        align-items: center;\r\n        margin-bottom: 60px;\r\n        .tabinfoItem{\r\n          width: 8px;\r\n          height: 8px;\r\n          border-radius: 50%;\r\n          background-color: #e1e6f0;\r\n          margin-right: 16px;\r\n          cursor: pointer;\r\n        }\r\n        .chack-tabInfo{\r\n          background-color: #00b0dc;\r\n        }\r\n      }\r\n    }\r\n    // .data-download {\r\n    //   width: 70%;\r\n    //   min-width: 1209px;\r\n    //   padding-top: 70px;\r\n    //   margin: 0 auto;\r\n    //   display: flex;\r\n    //   flex-direction: column;\r\n    //   justify-content: center;\r\n    //   align-items: center;\r\n    //   padding-bottom: 100px;\r\n    //   .title {\r\n    //     font-size: 32px;\r\n    //     color: #181818;\r\n    //     font-weight: bold;\r\n    //   }\r\n    //   .data-download-content {\r\n    //     display: flex;\r\n    //     margin: 70px auto 0;\r\n    //     .data-download-content-item {\r\n    //       width: 386px;\r\n    //       height: 250px;\r\n    //       margin-right: 21px;\r\n    //       padding: 31px 32px 0 28px;\r\n    //       background: url(\"@/assets/staffmanage/download-back.png\") center;\r\n    //       background-size: cover;\r\n    //       box-sizing: border-box;\r\n    //       .dataListTitle {\r\n    //         font-size: 18px;\r\n    //         color: #181818;\r\n    //         line-height: 1;\r\n    //         margin-bottom: 14px;\r\n    //       }\r\n    //       .data-list {\r\n    //         width: 100%;\r\n    //         display: flex;\r\n    //         flex-direction: column;\r\n    //         justify-content: flex-start;\r\n    //         .data-list-item {\r\n    //           width: 100%;\r\n    //           display: flex;\r\n    //           justify-content: space-between;\r\n    //           margin-top: 19px;\r\n    //           // padding-left: 24px;\r\n    //           box-sizing: border-box;\r\n    //           list-style: disc;\r\n    //           .data-list-left {\r\n    //             display: flex;\r\n    //             align-items: center;\r\n    //             justify-content: flex-start;\r\n    //             .disc {\r\n    //               width: 4px;\r\n    //               height: 4px;\r\n    //               border-radius: 50%;\r\n    //               background-color: #000;\r\n    //             }\r\n    //             .data-title {\r\n    //               width: 254px;\r\n    //               overflow: hidden;\r\n    //               white-space: nowrap;\r\n    //               text-overflow: ellipsis;\r\n    //               font-size: 14px;\r\n    //               color: #181818;\r\n    //               cursor: pointer;\r\n    //               line-height: 1;\r\n    //               position: relative;\r\n    //               margin-left: 20px;\r\n    //             }\r\n    //           }\r\n    //           .data-list-right {\r\n    //             display: flex;\r\n    //             justify-content: center;\r\n    //             align-items: center;\r\n    //             img {\r\n    //               width: auto;\r\n    //               height: 10px;\r\n    //               display: block;\r\n    //             }\r\n    //             display: none;\r\n    //           }\r\n    //         }\r\n    //         .data-list-item:hover {\r\n    //           .data-list-left {\r\n    //             .disc {\r\n    //               background-color: #2979ff;\r\n    //             }\r\n    //             .data-title {\r\n    //               color: #2979ff;\r\n    //             }\r\n    //           }\r\n    //           .data-list-right {\r\n    //             display: block;\r\n    //           }\r\n    //         }\r\n    //       }\r\n    //     }\r\n    //     .data-download-content-item:last-child {\r\n    //       margin-right: 0;\r\n    //     }\r\n    //   }\r\n    // }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./external-recruitment.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./external-recruitment.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./external-recruitment.vue?vue&type=template&id=b69cb11e&scoped=true&\"\nimport script from \"./external-recruitment.vue?vue&type=script&lang=js&\"\nexport * from \"./external-recruitment.vue?vue&type=script&lang=js&\"\nimport style0 from \"./external-recruitment.vue?vue&type=style&index=0&id=b69cb11e&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"b69cb11e\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"piece-rate-salary\"},[_c('AppBar'),_c('div',{staticClass:\"page-content\"},[_c('div',{staticClass:\"piece-rate-salary-canvas\"},[_c('div',{staticClass:\"piece-rate-salary-background\"},[_c('img',{attrs:{\"src\":_vm.top.imgBack,\"alt\":\"\"}})]),_c('div',{staticClass:\"por-container\"},[_c('div',{staticClass:\"solution-info\"},[_c('div',{staticClass:\"solution-info-title\"},[_vm._v(_vm._s(_vm.top.title))]),_c('div',{staticClass:\"solution-info-content\",domProps:{\"innerHTML\":_vm._s(_vm.top.content)}})])])]),_c('div',{ref:\"nav\",staticClass:\"piece-rate-salary-nav\"},[_c('div',{ref:\"navTabs\",staticClass:\"piece-rate-salary-tabs\",style:({width: _vm.navWidth+'%', height: _vm.navHeight+'px'})},_vm._l((_vm.navList),function(item,index){return _c('div',{key:index,class:['piece-rate-salary-nav-item', _vm.topNaviId === item.id ? 'top-nav-item' : ''],on:{\"click\":function($event){return _vm.goAnchor(item)}}},[_vm._v(\" \"+_vm._s(item.title)+\" \")])}),0)]),_c('div',[_c('div',{ref:\"pain-points\",staticClass:\"pain-points\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"企业件薪计算的痛点\")]),_c('div',{staticClass:\"pain-points-list\"},_vm._l((_vm.painPointsList),function(item,index){return _c('div',{key:index,staticClass:\"pain-points-list-item\",class:{ 'change-pain-points': _vm.painPointsIndex === index },on:{\"mousemove\":function($event){return _vm.onmousemove(index)}}},[_c('div',{staticClass:\"item-text-box\"},[_c('div',{staticClass:\"item-title\"},[_vm._v(_vm._s(index+1)+\".\"+_vm._s(item.title))]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.painPointsIndex === index ),expression:\"painPointsIndex === index \"}],staticClass:\"item-describe\"},[_vm._v(_vm._s(item.describe))])]),_c('div',{staticClass:\"pain-points-list-index\"},[_vm._v(\"0\"+_vm._s(index+1))])])}),0)])]),_c('div',[_c('div',{ref:\"sense-of-worth\",staticClass:\"sense-of-worth\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"产品价值体现\")]),_c('div',{staticClass:\"sense-of-worth-list\"},_vm._l((_vm.senseOfWorthList),function(item,index){return _c('div',{key:index,staticClass:\"sense-worth-list-item\",style:({'backgroundColor': item.contentColor})},[_c('img',{staticClass:\"content-img\",attrs:{\"src\":item.contentImg,\"alt\":\"\"}})])}),0)])]),_c('div',[_c('div',{ref:\"solution\",staticClass:\"solution\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"计件薪酬业务解决方案\")]),_c('div',{staticClass:\"solution-list\"},_vm._l((_vm.solutionList),function(item,index){return _c('div',{key:index,staticClass:\"solution-list-item\"},[_c('div',{staticClass:\"solution-item-content\"},[_c('div',{staticClass:\"content-text\"},[_c('div',{staticClass:\"content-title\"},[_vm._v(_vm._s(item.title))]),_vm._l((item.describeList),function(textItem,textIndex){return _c('div',{key:textIndex,staticClass:\"content-text-index\"},[_c('img',{attrs:{\"src\":require('@/assets/staffmanage/icon/liIcon.png'),\"alt\":\"\"}}),_c('div',{staticClass:\"text\"},[_vm._v(_vm._s(textItem))])])})],2),_c('div',{staticClass:\"content-img\"},[_c('img',{attrs:{\"src\":item.img,\"alt\":\"\"}})])])])}),0)])])]),_c('RightFixedgt'),_c('FootWrap'),_c('AltProduct',{ref:\"altProduct\"}),_c('ast',{ref:\"ast\"})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"piece-rate-salary\">\n    <AppBar />\n    <div class=\"page-content\">\n      <div class=\"piece-rate-salary-canvas\">\n        <div class=\"piece-rate-salary-background\">\n          <img :src=\"top.imgBack\" alt=\"\" />\n        </div>\n        <div class=\"por-container\">\n          <div class=\"solution-info\">\n            <div class=\"solution-info-title\">{{ top.title }}</div>\n            <div class=\"solution-info-content\" v-html=\"top.content\">\n              <!-- 利用在线招聘流程，帮助企业实现智能、便捷的招聘模式，\n              建立企业自己的人才储备机制 -->\n            </div>\n            <!-- <div class=\"solution-btn\">预约演示</div> -->\n          </div>\n        </div>\n      </div>\n      <div ref=\"nav\" class=\"piece-rate-salary-nav\">\n        <div ref=\"navTabs\" class=\"piece-rate-salary-tabs\" :style=\"{width: navWidth+'%', height: navHeight+'px'}\">\n          <div\n            v-for=\"(item, index) in navList\"\n            :key=\"index\"\n            :class=\"['piece-rate-salary-nav-item', topNaviId === item.id ? 'top-nav-item' : '']\"\n            @click=\"goAnchor(item)\"\n          >\n            {{ item.title }}\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"pain-points\" class=\"pain-points\">\n          <div class=\"title\">企业件薪计算的痛点</div>\n          <div class=\"pain-points-list\">\n            <div\n              v-for=\"(item, index) in painPointsList\"\n              :key=\"index\"\n              class=\"pain-points-list-item\"\n              :class=\"{ 'change-pain-points': painPointsIndex === index }\"\n              @mousemove=\"onmousemove(index)\"\n            >\n              <div class=\"item-text-box\">\n                <div class=\"item-title\">{{ index+1 }}.{{ item.title }}</div>\n                <div v-show=\"painPointsIndex === index \" class=\"item-describe\">{{ item.describe }}</div>\n              </div>\n              <div class=\"pain-points-list-index\">0{{ index+1 }}</div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"sense-of-worth\" class=\"sense-of-worth\">\n          <div class=\"title\">产品价值体现</div>\n          <div class=\"sense-of-worth-list\">\n            <div\n              v-for=\"(item, index) in senseOfWorthList\"\n              :key=\"index\"\n              :style=\"{'backgroundColor': item.contentColor}\"\n              class=\"sense-worth-list-item\"\n            >\n              <img :src=\"item.contentImg\" alt=\"\" class=\"content-img\" />\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"solution\" class=\"solution\">\n          <div class=\"title\">计件薪酬业务解决方案</div>\n          <div class=\"solution-list\">\n            <div\n              v-for=\"(item, index) in solutionList\"\n              :key=\"index\"\n              class=\"solution-list-item\"\n            >\n              <div class=\"solution-item-content\">\n                <div class=\"content-text\">\n                  <div class=\"content-title\">{{ item.title }}</div>\n                  <div\n                    v-for=\"(textItem, textIndex) in item.describeList\"\n                    :key=\"textIndex\"\n                    class=\"content-text-index\"\n                  >\n                    <img :src=\"require('@/assets/staffmanage/icon/liIcon.png')\" alt=\"\" />\n                    <div class=\"text\">{{ textItem }}</div>\n                  </div>\n                </div>\n                <div class=\"content-img\">\n                  <img :src=\"item.img\" alt=\"\" />\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <RightFixedgt />\n    <FootWrap />\n    <AltProduct ref=\"altProduct\" />\n    <ast ref=\"ast\" />\n  </div>\n</template>\n\n<script>\nimport { getColumnChild, getColumnDetail } from '@/api/column';\nimport { getContentList, getContentDetail } from '@/api/content';\n\nexport default {\n  name: 'PieceRateSalary',\n  data () {\n    return {\n      top: {\n        title: '',\n        content: '',\n        imgBack: require('@/assets/piecerate/canvas.gif'),\n      },\n      navWidth: 80,\n      navHeight: 60,\n      offsetTop: 0,\n      scrollTop: 0,\n      position: 0,\n      topNaviId: null,\n      navList: [\n        {\n          title: '企业痛点',\n          id: 'pain-points',\n        },\n        {\n          title: '产品价值观',\n          id: 'sense-of-worth',\n        },\n        {\n          title: '解决方案',\n          id: 'solution',\n        },\n      ],\n      painPointsList: [\n        // {\n        //   title: '手工统计为主，误差率高',\n        //   describe: '大多数产量信息是统计员通过手工登记，管理人员无法有效核验数据。',\n        // },\n        // {\n        //   title: '为应对产量要求，出现虚报情况',\n        //   describe: '大多数产量信息是统计员通过手工登记，管理人员无法有效核验数据。',\n        // },\n        // {\n        //   title: '临时性调动频繁，成本归属难分清',\n        //   describe: '大多数产量信息是统计员通过手工登记，管理人员无法有效核验数据。',\n        // },\n        // {\n        //   title: '集体计件分配规则复杂，Excel核算耗时耗力',\n        //   describe: '大多数产量信息是统计员通过手工登记，管理人员无法有效核验数据。',\n        // },\n      ],\n      painPointsIndex: 0,\n      senseOfWorthList: [\n        // {\n        //   contentImg: require('@/assets/piecerate/senseofworth1.png'),\n        //   contentColor: '#f5f4fe',\n        // },\n        // {\n        //   contentImg: require('@/assets/piecerate/senseofworth2.png'),\n        //   contentColor: '#f0f4ff',\n        // },\n        // {\n        //   contentImg: require('@/assets/piecerate/senseofworth3.png'),\n        //   contentColor: '#e2f1fb',\n        // },\n        // {\n        //   contentImg: require('@/assets/piecerate/senseofworth4.png'),\n        //   contentColor: '#dcf8f4',\n        // },\n      ],\n      solutionList: [\n        // {\n        //   title: '建立一体化的数据流程管理',\n        //   img: require('@/assets/piecerate/solution1.png'),\n        //   describeList: [\n        //     '共享HR人员基础资料，快速实现与生产管理系统互通',\n        //     'API标准接口无缝对接第三方系统，  减少手工环节带来的数据错误',\n        //     '报工数据与入仓数据相互验证，保证数据准确性',\n        //   ],\n        // },\n        // {\n        //   title: '多版块联动，智能识别成本归属',\n        //   img: require('@/assets/piecerate/solution2.png'),\n        //   describeList: [\n        //     '与考勤数据联动，快速识别人员出勤状态',\n        //     '智能完成工时统计与核算',\n        //     '与财务成本架构关联，自动产生人工成本分析',\n        //     '与人员异动版块关联，“异动”前后数据自动分离',\n        //   ],\n        // },\n        // {\n        //   title: '减少手工操作节点，明确权责，减少推诿',\n        //   img: require('@/assets/piecerate/solution3.png'),\n        //   describeList: [\n        //     '通过系统工具使得“计划”、“派工”走全线上管理模式',\n        //     '各个单据实现电子审批，各个节点权责明确',\n        //     '计件工资每日自动推送员工确认，提升员工信任感',\n        //   ],\n        // },\n      ],\n    };\n  },\n  watch: {\n    scrollTop(newValue, oldValue) {\n      setTimeout(() => {\n        if (newValue === window.scrollY) {\n          for (var i = 0; i < this.navList.length; i++) {\n            var elementTop = this.$refs[`${this.navList[i].id}`].offsetTop - this.scrollTop - 1;\n            if (elementTop <= 70) {\n              this.topNaviId = this.navList[i].id;\n            }\n          }\n        }\n      }, 20);\n    },\n  },\n  mounted () {\n    window.addEventListener('scroll', this.handleScroll);\n    this.$nextTick(() => {\n      const nav = this.$refs.nav;\n      this.offsetTop = nav.offsetTop;\n    });\n    this.getPageColumn();\n  },\n  beforeDestroy () {\n    window.removeEventListener('scroll', this.handleScroll);\n  },\n  methods: {\n    handleScroll() {\n      var offsetHeight = this.$refs.navTabs.offsetHeight;\n      this.scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;\n      var headerFixed = this.scrollTop > this.offsetTop - offsetHeight / 2 - 70;\n      var scroll = this.scrollTop - this.position;\n      this.position = this.scrollTop;\n      if (this.scrollTop <= 400) {\n        this.navHeight = 52;\n        this.navWidth = 80;\n        this.$refs.nav.style.position = 'relative';\n        this.$refs.nav.style.top = '0px';\n        this.topNaviId = null;\n      } else if (this.scrollTop >= 400 && !headerFixed) {\n        this.navHeight += 0.04 * scroll;\n        this.navWidth += 0.12 * scroll;\n        this.$refs.navTabs.style.top = -(offsetHeight / 2) + 'px';\n        this.$refs.nav.style.position = 'relative';\n        this.$refs.nav.style.top = '0px';\n        this.topNaviId = null;\n      } else if (headerFixed) {\n        this.navHeight = 60;\n        this.navWidth = 100;\n        this.$refs.navTabs.style.top = -(offsetHeight / 2) + 'px';\n        this.$refs.nav.style.position = 'fixed';\n        this.$refs.nav.style.top = offsetHeight / 2 + 70 + 'px';\n      }\n    },\n    goAnchor(i) {\n      // var id = '#' + i.id;\n      // document.querySelector(id).scrollIntoView({\n      //   behavior: 'smooth',\n      //   block: 'start',\n      // });\n      window.scrollTo({\n        top: this.$refs[`${i.id}`].offsetTop - 70,\n        left: 0,\n        behavior: 'smooth',\n      });\n    },\n\n    // 获取页面栏目\n    async getPageColumn() {\n      const params = { parentId: '1607260226636177408', };\n      getColumnChild(params).then(async (res) => {\n        const { result, } = res;\n        for (var i = 0; i < result.length; i++) {\n          if (result[i].name === '企业痛点') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\n            getContentList(data).then(async (rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                const rts = await getContentDetail(rrsult.data[j].id);\n                const rtsult = rts.result;\n                var painPointsItem = {\n                  title: rtsult.title,\n                  describe: rtsult.description,\n                };\n                this.painPointsList.push(painPointsItem);\n              }\n            });\n          } else if (result[i].name === '产品价值观') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\n            this.valueCenterImg = result[i].icon;\n            getContentList(data).then(async (rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                var valueAnalysisItem = {\n                  contentImg: rrsult.data[j].icon,\n                  contentColor: '#' + rrsult.data[j].summaryTitle,\n                };\n                this.senseOfWorthList.push(valueAnalysisItem);\n              }\n            });\n          } else if (result[i].name === '解决方案') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\n            getContentList(data).then(async (rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                var solutionItem = {\n                  title: rrsult.data[j].title,\n                  img: rrsult.data[j].icon,\n                  describeList: [],\n                };\n                const rts = await getContentDetail(rrsult.data[j].id);\n                const rtsult = rts.result;\n                for (var x = 0; x < rtsult.elements.length; x++) {\n                  solutionItem.describeList.push(rtsult.elements[x].content);\n                }\n                this.solutionList.push(solutionItem);\n              }\n            });\n          } else if (result[i].name === '顶部图') {\n            getColumnDetail(result[i].id).then((rrs) => {\n              const rrsult = rrs.result;\n              var content = rrsult.elements.find(obj => obj.name === 'content').content;\n              var contentdoc = new DOMParser().parseFromString(content, 'text/html');\n              this.top.title = rrsult.elements.find(obj => obj.name === 'subtitle').content;\n              this.top.content = contentdoc.documentElement.textContent.replace(/&nbsp;/g, ' ');\n              // this.top = {\n              //   imgBack: rrsult.icon,\n              // };\n            });\n          }\n        }\n      });\n    },\n\n    onmousemove(i) {\n      this.painPointsIndex = i;\n    },\n    openBealter () {\n      this.$refs.altProduct.tobealter();\n    },\n    openBealter2() {\n       this.$refs.ast.drawer  = true\n    },\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n.piece-rate-salary{\n  background-color: #fff;\n  .page-content{\n    width: 100%;\n    .piece-rate-salary-canvas{\n      width: 100%;\n      height: fit-content;\n      min-width: var(--minwidth);\n      position: relative;\n      background-size: cover;\n      overflow: hidden;\n      .piece-rate-salary-background{\n        position: absolute;\n        left: 0;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        background-position: top;\n        background-size: cover;\n        background-repeat: no-repeat;\n        img{\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n          object-position: center top;\n        }\n      }\n      .por-container {\n        width: 70%;\n        max-width: 1200px;\n        margin: 0 auto;\n        position: relative;\n        .solution-info {\n          width: 480px;\n          height: 560px;\n          display: flex;\n          justify-content: center;\n          flex-direction: column;\n          box-sizing: border-box;\n          .solution-info-title {\n            font-size: 46px;\n            font-weight: bold;\n            line-height: 55px;\n            color: #fff;\n            margin-bottom: 29px;\n          }\n          .solution-info-content {\n            font-size: 20px;\n            line-height: 32px;\n            color: #fff;\n            margin-bottom: 44px;\n          }\n          // .solution-btn {\n          //   width: 142px;\n          //   height: 48px;\n          //   background-color: #1589fd;\n          //   color: #fff;\n          //   text-align: center;\n          //   line-height: 48px;\n          //   cursor: pointer;\n          //   border-radius: 24px;\n          // }\n        }\n      }\n    }\n    .piece-rate-salary-nav{\n      width: 100%;\n      display: flex;\n      position: relative;\n      justify-content: center;\n      z-index: 50;\n      .piece-rate-salary-tabs{\n        margin: 0 auto;\n        box-shadow: 0px 2px 8px 0px rgba(139, 139, 139, 0.18);\n        border-radius: 2px;\n        background-color: #fff;\n        display: flex;\n        position: absolute;\n        top: -26px;\n        .piece-rate-salary-nav-item{\n          flex: 1;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          color: #181818;\n          font-size: 14px;\n          cursor: pointer;\n        }\n        .piece-rate-salary-nav-item:hover{\n          color: #00b0dc;\n        }\n        .top-nav-item {\n          color: #fff;\n          background-color: #00b0dc;\n        }\n        .top-nav-item:hover {\n          color: #fff;\n        }\n      }\n    }\n    .pain-points{\n      width: 1200px;\n      padding-top: 115px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      .title{\n        font-size: 32px;\n        color: #181818;\n        line-height: 1;\n        margin-bottom: 70px;\n      }\n      .pain-points-list{\n        width: 100%;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        .pain-points-list-item{\n          flex: 1;\n          min-width: 228px;\n          height: 210px;\n          margin-left: 15px;\n          padding: 25px 18px 30px 30px;\n          position: relative;\n          box-sizing: border-box;\n          background-color: #fff;\n          border-left: 5px solid #00b0dc;\n          box-shadow: 0px 5px 24px 0px rgba(200, 200, 200, 0.2);\n          transition: all 0.3s ease-in-out;\n          .item-text-box{\n            width: 160px;\n            position: relative;\n            z-index: 9;\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n            margin-top: 20px;\n            // transition: all 0.3s ease-in-out;\n            overflow: hidden;\n            .item-title{\n              font-size: 18px;\n              font-weight: 500;\n              color: #1e2127;\n              transition: all 0.3s ease-in-out;\n            }\n            .item-describe{\n              width: 224px;\n              margin-top: 17px;\n              font-size: 16px;\n              font-weight: 300;\n              color: #cedeff;\n              transition: all 0.3s ease-in-out;\n            }\n          }\n          .pain-points-list-index{\n            z-index: 0;\n            position: absolute;\n            line-height: 1;\n            top: 15px;\n            right: 0;\n            font-size: 150px;\n            font-family: Roboto-Bold;\n            color: #f4f6fe;\n            transition: all 0.3s ease-in-out;\n          }\n        }\n        .pain-points-list-item:first-child{\n          margin-left: 0;\n        }\n        .change-pain-points{\n          flex: 2.5;\n          background-color: #00b0dc;\n          .item-text-box{\n            width: 224px;\n            .item-title{\n              color: #fff;\n            }\n          }\n          .pain-points-list-index{\n            color: #15b9e2;\n          }\n        }\n      }\n    }\n    .sense-of-worth{\n      width: 1200px;\n      padding-top: 120px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      .title{\n        font-size: 32px;\n        color: #181818;\n        line-height: 1;\n        margin-bottom: 70px;\n      }\n      .sense-of-worth-list{\n        width: 100%;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        .sense-worth-list-item{\n          width: 288px;\n          height: 331px;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          border-radius: 24px;\n          transform: translateY(0);\n          overflow: hidden;\n          .content-img{\n            border-radius: 16px;\n            box-shadow: 0px 5px 24px 0px rgba(200, 200, 200, 0.35);\n          }\n        }\n        .sense-worth-list-item:hover{\n          transform: translateY(-10px);\n        }\n      }\n    }\n    .solution{\n      width: 100%;\n      padding-top: 120px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      .title{\n        font-size: 32px;\n        color: #181818;\n        line-height: 1;\n        margin-bottom: 70px;\n      }\n      .solution-list{\n        width: 100%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: flex-start;\n        .solution-list-item{\n          width: 100%;\n          height: 514px;\n          background-color: #ffffff;\n          .solution-item-content{\n            width: 1200px;\n            margin: 30px auto;\n            display: flex;\n            flex-direction: row;\n            justify-content: space-between;\n            .content-text{\n              width: 410px;\n              padding-top: 60px;\n              margin-right: 60px;\n              box-sizing: border-box;\n              display: flex;\n              flex-direction: column;\n              align-items: flex-start;\n              justify-content: flex-start;\n              .content-title{\n                width: 100%;\n                font-size: 28px;\n                font-family: OPPOSans-M;\n                color: #181818;\n                line-height: 40px  ;\n                font-weight: 600;\n                margin-bottom: 36px;\n              }\n              .content-text-index{\n                width: 100%;\n                display: flex;\n                justify-content: flex-start;\n                align-items: flex-start;\n                margin-bottom: 30px;\n                img{\n                  display: block;\n                  width: auto;\n                  height: 16px;\n                  margin-top: 2px;\n                  margin-right: 6px;\n                }\n                .text{\n                  font-size: 16px;\n                  color: #181818;\n                  line-height: 26px;\n                }\n              }\n            }\n            .content-img{\n              flex: 1;\n              img{\n                display: block;\n                width: 100%;\n                height: auto;\n              }\n            }\n          }\n        }\n        .solution-list-item:nth-child(2n){\n          background-color: #f3f5fa;\n          .solution-item-content{\n            flex-direction: row-reverse;\n            .content-text{\n              margin-left: 60px;\n              margin-right: 0;\n              box-sizing: border-box;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./piece-rate-salary.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./piece-rate-salary.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./piece-rate-salary.vue?vue&type=template&id=2c8562e8&scoped=true&\"\nimport script from \"./piece-rate-salary.vue?vue&type=script&lang=js&\"\nexport * from \"./piece-rate-salary.vue?vue&type=script&lang=js&\"\nimport style0 from \"./piece-rate-salary.vue?vue&type=style&index=0&id=2c8562e8&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2c8562e8\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"assessment\"},[_c('AppBar'),_c('div',{staticClass:\"page-content\"},[_c('div',{staticClass:\"assessment-canvas\"},[_c('div',{staticClass:\"assessment-background\"},[_c('img',{attrs:{\"src\":_vm.top.imgBack,\"alt\":\"\"}})]),_c('div',{staticClass:\"por-container\"},[_c('div',{staticClass:\"solution-info\"},[_c('div',{staticClass:\"solution-info-title\"},[_vm._v(_vm._s(_vm.top.title))]),_c('div',{staticClass:\"solution-info-content\",domProps:{\"innerHTML\":_vm._s(_vm.top.content)}})])])]),_c('div',{ref:\"nav\",staticClass:\"assessment-nav\"},[_c('div',{ref:\"navTabs\",staticClass:\"assessment-tabs\",style:({width: _vm.navWidth+'%', height: _vm.navHeight+'px'})},_vm._l((_vm.navList),function(item,index){return _c('div',{key:index,class:['assessment-nav-item', _vm.topNaviId === item.id ? 'top-nav-item' : ''],on:{\"click\":function($event){return _vm.goAnchor(item)}}},[_vm._v(\" \"+_vm._s(item.title)+\" \")])}),0)]),_c('div',[_c('div',{ref:\"pain-points\",staticClass:\"pain-points\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"企业人才测评的痛点\")]),_c('div',{staticClass:\"pain-points-list\"},_vm._l((_vm.painPointsList),function(item,index){return _c('div',{key:index,staticClass:\"pain-points-list-item\"},[_c('div',[_c('div',{staticClass:\"list-item-card\"},[_c('div',{staticClass:\"list-item-icon-wrap\"},[_c('img',{staticClass:\"list-item-icon\",attrs:{\"src\":item.icon,\"alt\":\"\"}})]),_c('div',{staticClass:\"list-item-text\"},[_c('div',{staticClass:\"list-item-title\"},[_vm._v(\" \"+_vm._s(item.title)+\" \")]),_c('div',{staticClass:\"list-item-des\"},[_vm._v(\" \"+_vm._s(item.describe)+\" \")])])])])])}),0)])]),_c('div',{ref:\"sense-of-worth\"},[_c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"60px\",\"background-color\":\"#f7f9fc\"}}),_c('div',{staticClass:\"sense-of-worth\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"产品价值体现\")]),_c('div',{staticClass:\"sense-of-worth-list\"},_vm._l((_vm.senseOfWorthList),function(item,index){return _c('div',{key:index,staticClass:\"sense-worth-list-item\"},[_c('div',{staticClass:\"list-item-img-box\"},[_c('img',{staticClass:\"list-item-img\",attrs:{\"src\":item.img,\"alt\":\"\"}})]),_c('div',{staticClass:\"list-item-text-box\"},[_c('div',{staticClass:\"list-item-title\"},[_vm._v(\" \"+_vm._s(item.title)+\" \")]),_c('div',{staticClass:\"list-item-describe\"},[_vm._v(\" \"+_vm._s(item.describe)+\" \")])])])}),0)])]),_c('div',[_c('div',{ref:\"solution\",staticClass:\"solution\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"人才测评解决方案\")]),(_vm.solutionContentList.length != 0)?_c('div',{staticClass:\"solution-content\"},[_c('div',{staticClass:\"solution-tag\"},_vm._l((_vm.solutionContentList),function(item,index){return _c('div',{key:index,staticClass:\"solution-tag-item\",class:{'display-tag-item': index === _vm.solutionTagActiveIndex},on:{\"click\":function($event){return _vm.displayTag(index)}}},[_c('div',{staticClass:\"tag-item-title\"},[_c('div',{staticClass:\"title-text\"},[_vm._v(_vm._s(item.title))]),(index !== _vm.solutionTagActiveIndex)?_c('img',{attrs:{\"src\":require('@/assets/cloudplatform/icon/right-arrow.png'),\"alt\":\"\"}}):_c('img',{attrs:{\"src\":require('@/assets/cloudplatform/icon/down-arrow.png'),\"alt\":\"\"}})]),_c('div',{staticClass:\"tag-item-describe\"},[_c('div',{staticClass:\"describe\"},[_vm._v(\" \"+_vm._s(item.describe)+\" \")])])])}),0),_c('transition',{attrs:{\"name\":\"solution-fade\"}},[_c('div',{key:_vm.solutionTagActiveIndex,staticClass:\"fade-content\"},[_c('img',{attrs:{\"src\":_vm.solutionContentList[_vm.solutionTagActiveIndex].img,\"alt\":\"\"}})])])],1):_vm._e()])])]),_c('RightFixedgt'),_c('FootWrap'),_c('AltProduct',{ref:\"altProduct\"}),_c('ast',{ref:\"ast\"})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"assessment\">\n    <AppBar />\n    <div class=\"page-content\">\n      <div class=\"assessment-canvas\">\n        <div class=\"assessment-background\">\n          <img :src=\"top.imgBack\" alt=\"\" />\n        </div>\n        <div class=\"por-container\">\n          <div class=\"solution-info\">\n            <div class=\"solution-info-title\">{{ top.title }}</div>\n            <div class=\"solution-info-content\" v-html=\"top.content\">\n              <!-- 利用在线招聘流程，帮助企业实现智能、便捷的招聘模式，\n              建立企业自己的人才储备机制 -->\n            </div>\n          </div>\n        </div>\n      </div>\n      <div ref=\"nav\" class=\"assessment-nav\">\n        <div ref=\"navTabs\" class=\"assessment-tabs\" :style=\"{width: navWidth+'%', height: navHeight+'px'}\">\n          <div\n            v-for=\"(item, index) in navList\"\n            :key=\"index\"\n            :class=\"['assessment-nav-item', topNaviId === item.id ? 'top-nav-item' : '']\"\n            @click=\"goAnchor(item)\"\n          >\n            {{ item.title }}\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"pain-points\" class=\"pain-points\">\n          <div class=\"title\">企业人才测评的痛点</div>\n          <div class=\"pain-points-list\">\n            <div\n              v-for=\"(item, index) in painPointsList\"\n              :key=\"index\"\n              class=\"pain-points-list-item\"\n            >\n              <div>\n                <div class=\"list-item-card\">\n                  <div class=\"list-item-icon-wrap\">\n                    <img\n                      :src=\"item.icon\"\n                      alt=\"\"\n                      class=\"list-item-icon\"\n                    />\n                  </div>\n                  <div class=\"list-item-text\">\n                    <div class=\"list-item-title\">\n                      {{ item.title }}\n                    </div>\n                    <div class=\"list-item-des\">\n                      {{ item.describe }}\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div ref=\"sense-of-worth\">\n        <div style=\"width: 100%; height: 60px; background-color: #f7f9fc;\"></div>\n        <div class=\"sense-of-worth\">\n          <div class=\"title\">产品价值体现</div>\n          <div class=\"sense-of-worth-list\">\n            <div\n              v-for=\"(item, index) in senseOfWorthList\"\n              :key=\"index\"\n              class=\"sense-worth-list-item\"\n            >\n              <div class=\"list-item-img-box\">\n                <img :src=\"item.img\" alt=\"\" class=\"list-item-img\" />\n              </div>\n              <div class=\"list-item-text-box\">\n                <div class=\"list-item-title\">\n                  {{ item.title }}\n                </div>\n                <div class=\"list-item-describe\">\n                  {{ item.describe }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"solution\" class=\"solution\">\n          <div class=\"title\">人才测评解决方案</div>\n          <div v-if=\"solutionContentList.length != 0\" class=\"solution-content\">\n            <div class=\"solution-tag\">\n              <div\n                v-for=\"(item, index) in solutionContentList\"\n                :key=\"index\"\n                class=\"solution-tag-item\"\n                :class=\"{'display-tag-item': index === solutionTagActiveIndex}\"\n                @click=\"displayTag(index)\"\n              >\n                <div class=\"tag-item-title\">\n                  <div class=\"title-text\">{{ item.title }}</div>\n                  <img v-if=\"index !== solutionTagActiveIndex\" :src=\"require('@/assets/cloudplatform/icon/right-arrow.png')\" alt=\"\" />\n                  <img v-else :src=\"require('@/assets/cloudplatform/icon/down-arrow.png')\" alt=\"\" />\n                </div>\n                <div class=\"tag-item-describe\">\n                  <div\n                    class=\"describe\"\n                  >\n                    {{ item.describe }}\n                  </div>\n                </div>\n              </div>\n            </div>\n            <transition name=\"solution-fade\">\n              <div :key=\"solutionTagActiveIndex\" class=\"fade-content\">\n                <img :src=\"solutionContentList[solutionTagActiveIndex].img\" alt=\"\" />\n              </div>\n            </transition>\n          </div>\n        </div>\n      </div>\n    </div>\n    <RightFixedgt />\n    <FootWrap />\n    <AltProduct ref=\"altProduct\" />\n    <ast ref=\"ast\" />\n  </div>\n</template>\n\n<script>\nimport { getColumnChild, getColumnDetail } from '@/api/column';\nimport { getContentList, getContentDetail } from '@/api/content';\n\nexport default {\n  name: 'AssessMent',\n  data () {\n    return {\n      top: {\n        title: '',\n        content: '',\n        imgBack: require('@/assets/assessment/canvas.gif'),\n      },\n      navWidth: 80,\n      navHeight: 60,\n      offsetTop: 0,\n      scrollTop: 0,\n      position: 0,\n      topNaviId: null,\n      navList: [\n        {\n          title: '企业痛点',\n          id: 'pain-points',\n        },\n        {\n          title: '产品价值观',\n          id: 'sense-of-worth',\n        },\n        {\n          title: '解决方案',\n          id: 'solution',\n        },\n      ],\n      painPointsList: [\n        // {\n        //   title: '与岗位要求匹配度不高',\n        //   icon: require('@/assets/assessment/icon/pain-points1.png'),\n        //   describe: '只能简单的根据岗位要求招聘，无法从人员“性格”“特长”“发展要求”等多个维度更深层次定位岗位需求。',\n        // },\n        // {\n        //   title: '无法甄别适合企业发展的人才',\n        //   icon: require('@/assets/assessment/icon/pain-points2.png'),\n        //   describe: '利用测评报告协助管理者，识别适合企业发展的关键岗位人才,根据职位需求及企业组织特性对其素质状况、发展潜力、个性特点等心理特征作出科学地评价。',\n        // },\n        // {\n        //   title: '没有人才特性分析，不能支撑人员调整',\n        //   icon: require('@/assets/assessment/icon/pain-points3.png'),\n        //   describe: '人员调整没有数据依据，需要从主观判断转换成从客观事实依据来进行岗位调整，帮助企业建立更好的人才应用生态。',\n        // },\n        // {\n        //   title: '不能帮助管理者工作开展',\n        //   icon: require('@/assets/assessment/icon/pain-points4.png'),\n        //   describe: '测评系统能够帮助管理者迅速的了解雇员的实际能力，并为人员培训提供诊断性信息。',\n        // },\n      ],\n      senseOfWorthList: [\n        // {\n        //   title: '人员配置',\n        //   describe: '可以对个体的兴趣、人格、能力、技能等多方面进行分析，为实现人才的合理安置提供信息',\n        //   img: require('@/assets/assessment/sense-of-worth1.png'),\n        // },\n        // {\n        //   title: '人员开发',\n        //   describe: '运用人才测评可以判断员工各方面为工作所需要的素质，描述其素质结构，为制定有效的培训方案提供依据',\n        //   img: require('@/assets/assessment/sense-of-worth2.png'),\n        // },\n        // {\n        //   title: '人员考核',\n        //   describe: '人才测评能够提供关于个体的行为的描述，形成对被测者的全面的评价，从而为人事考核提供依据',\n        //   img: require('@/assets/assessment/sense-of-worth3.png'),\n        // },\n        // {\n        //   title: '人员晋升',\n        //   describe: '借助人才测评，可以使组织管理者对晋升的候选人进行考察，降低人事决策的风险',\n        //   img: require('@/assets/assessment/sense-of-worth4.png'),\n        // },\n      ],\n      solutionContentList: [\n        // {\n        //   title: '心理测量',\n        //   describe: '主要是对员工心理现象的测量，包括能力、兴趣、性格、气质及价值观等，这是由心理素质在员工发展事业成功过程的关键性作用所决定的',\n        //   img: require('@/assets/assessment/solution1.png'),\n        // },\n        // {\n        //   title: '抽样测量',\n        //   describe: '人才测评的对象是素质及绩效，但素质和绩效不是单独表现于某个事件或时间段，所以需要根据实际情况进行抽样测量，综合评估。',\n        //   img: require('@/assets/assessment/solution2.png'),\n        // },\n        // {\n        //   title: '相对测量',\n        //   describe: '鉴别评价不一定完全符合对象的实际情况，测评结果既反映被测者素质的基本状态，但与被测者真实素质都有一定程度的偏离，所以对结果的采纳使用相对原则。',\n        //   img: require('@/assets/assessment/solution3.png'),\n        // },\n      ],\n      solutionTagActiveIndex: 0,\n    };\n  },\n  watch: {\n    scrollTop(newValue, oldValue) {\n      setTimeout(() => {\n        if (newValue === window.scrollY) {\n          for (var i = 0; i < this.navList.length; i++) {\n            var elementTop = this.$refs[`${this.navList[i].id}`].offsetTop - this.scrollTop - 1;\n            if (elementTop <= 70) {\n              this.topNaviId = this.navList[i].id;\n            }\n          }\n        }\n      }, 20);\n    },\n  },\n  mounted () {\n    window.addEventListener('scroll', this.handleScroll);\n    this.$nextTick(() => {\n      const nav = this.$refs.nav;\n      this.offsetTop = nav.offsetTop;\n    });\n    this.getPageColumn();\n  },\n  beforeDestroy () {\n    window.removeEventListener('scroll', this.handleScroll);\n  },\n  methods: {\n    handleScroll() {\n      var offsetHeight = this.$refs.navTabs.offsetHeight;\n      this.scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;\n      var headerFixed = this.scrollTop > this.offsetTop - offsetHeight / 2 - 70;\n      var scroll = this.scrollTop - this.position;\n      this.position = this.scrollTop;\n      if (this.scrollTop <= 400) {\n        this.navHeight = 52;\n        this.navWidth = 80;\n        this.$refs.nav.style.position = 'relative';\n        this.$refs.nav.style.top = '0px';\n        this.topNaviId = null;\n      } else if (this.scrollTop >= 400 && !headerFixed) {\n        this.navHeight += 0.04 * scroll;\n        this.navWidth += 0.12 * scroll;\n        this.$refs.navTabs.style.top = -(offsetHeight / 2) + 'px';\n        this.$refs.nav.style.position = 'relative';\n        this.$refs.nav.style.top = '0px';\n        this.topNaviId = null;\n      } else if (headerFixed) {\n        this.navHeight = 60;\n        this.navWidth = 100;\n        this.$refs.navTabs.style.top = -(offsetHeight / 2) + 'px';\n        this.$refs.nav.style.position = 'fixed';\n        this.$refs.nav.style.top = offsetHeight / 2 + 70 + 'px';\n      }\n    },\n    goAnchor(i) {\n      // var id = '#' + i.id;\n      // document.querySelector(id).scrollIntoView({\n      //   behavior: 'smooth',\n      //   block: 'start',\n      // });\n      window.scrollTo({\n        top: this.$refs[`${i.id}`].offsetTop - 70,\n        left: 0,\n        behavior: 'smooth',\n      });\n    },\n\n    // 获取页面栏目\n    async getPageColumn() {\n      const params = { parentId: '1607260450788171776', };\n      getColumnChild(params).then(async (res) => {\n        const { result, } = res;\n        for (var i = 0; i < result.length; i++) {\n          if (result[i].name === '企业痛点') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\n            getContentList(data).then(async (rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                const rts = await getContentDetail(rrsult.data[j].id);\n                const rtsult = rts.result;\n                var painPointsItem = {\n                  title: rtsult.title,\n                  icon: rtsult.icon,\n                  describe: rtsult.description,\n                };\n                this.painPointsList.push(painPointsItem);\n              }\n            });\n          } else if (result[i].name === '产品价值观') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\n            this.valueCenterImg = result[i].icon;\n            getContentList(data).then(async (rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                var senseOfWorthItem = {\n                  title: rrsult.data[j].title,\n                  describe: rrsult.data[j].description,\n                  img: rrsult.data[j].icon,\n                };\n                // const rts = await getContentDetail(rrsult.data[j].id);\n                // const rtsult = rts.result;\n                // for (var x = 0; x < rtsult.elements.length; x++) {\n                //   senseOfWorthItem.textList.push(rtsult.elements[x].content);\n                // }\n                this.senseOfWorthList.push(senseOfWorthItem);\n              }\n            });\n          } else if (result[i].name === '解决方案') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\n            getContentList(data).then(async (rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                var solutionContentItem = {\n                  title: rrsult.data[j].title,\n                  describe: rrsult.data[j].description,\n                  img: rrsult.data[j].icon,\n                };\n                // const rts = await getContentDetail(rrsult.data[j].id);\n                // const rtsult = rts.result;\n                // for (var x = 0; x < rtsult.elements.length; x++) {\n                //   solutionItem.contentList.push(rtsult.elements[x].content);\n                // }\n                this.solutionContentList.push(solutionContentItem);\n              }\n            });\n          } else if (result[i].name === '顶部图') {\n            getColumnDetail(result[i].id).then((rrs) => {\n              const rrsult = rrs.result;\n              var content = rrsult.elements.find(obj => obj.name === 'content').content;\n              var contentdoc = new DOMParser().parseFromString(content, 'text/html');\n              this.top.title = rrsult.elements.find(obj => obj.name === 'subtitle').content;\n              this.top.content = contentdoc.documentElement.textContent.replace(/&nbsp;/g, ' ');\n              // this.top = {\n              //   imgBack: rrsult.icon,\n              // };\n            });\n          }\n        }\n      });\n    },\n\n    // onmousemove(i) {\n    //   this.painPointsIndex = i;\n    // },\n    displayTag(index) {\n      this.solutionTagActiveIndex = index;\n    },\n    openBealter () {\n      this.$refs.altProduct.tobealter();\n    },\n    openBealter2() {\n       this.$refs.ast.drawer  = true\n    },\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n.assessment{\n  background-color: #fff;\n  .page-content{\n      width: 100%;\n      .assessment-canvas{\n            width: 100%;\n            height: fit-content;\n            min-width: var(--minwidth);\n            position: relative;\n            background-size: cover;\n            overflow: hidden;\n            .assessment-background{\n                position: absolute;\n        left: 0;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        background-position: top;\n        background-size: cover;\n        background-repeat: no-repeat;\n                img{\n                    width: 100%;\n          height: 100%;\n          object-fit: cover;\n          object-position: center top;\n                }\n            }\n            .por-container {\n        width: 70%;\n        max-width: 1200px;\n        margin: 0 auto;\n        position: relative;\n        .solution-info {\n          width: 480px;\n          height: 560px;\n          display: flex;\n          justify-content: center;\n          flex-direction: column;\n          box-sizing: border-box;\n          .solution-info-title {\n            font-size: 45px;\n            font-weight: bold;\n            line-height: 55px;\n            color: #fff;\n            margin-bottom: 29px;\n          }\n          .solution-info-content {\n            font-size: 20px;\n            line-height: 32px;\n            color: #fff;\n            margin-bottom: 44px;\n          }\n          // .solution-btn {\n          //   width: 142px;\n          //   height: 48px;\n          //   background-color: #1589fd;\n          //   color: #fff;\n          //   text-align: center;\n          //   line-height: 48px;\n          //   cursor: pointer;\n          //   border-radius: 24px;\n          // }\n        }\n      }\n      }\n      .assessment-nav{\n        width: 100%;\n        display: flex;\n        position: relative;\n        justify-content: center;\n        z-index: 50;\n        .assessment-tabs{\n          margin: 0 auto;\n          box-shadow: 0px 2px 8px 0px rgba(139, 139, 139, 0.18);\n          border-radius: 2px;\n          background-color: #fff;\n          display: flex;\n          position: absolute;\n          top: -26px;\n          .assessment-nav-item{\n          flex: 1;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          color: #181818;\n          font-size: 14px;\n          cursor: pointer;\n        }\n        .assessment-nav-item:hover{\n          color: #00b0dc;\n        }\n        .top-nav-item {\n          color: #fff;\n          background-color: #00b0dc;\n        }\n        .top-nav-item:hover {\n          color: #fff;\n        }\n        }\n      }\n      .pain-points{\n        width: 100%;\n        padding-top: 115px;\n        padding-bottom: 30px;\n        box-sizing: border-box;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        background-color: #f7f9fc;\n        .title{\n            font-size: 32px;\n            color: #181818;\n            line-height: 1;\n            margin-bottom: 70px;\n        }\n        .pain-points-list{\n          width: 1200px;\n          height: 393px;\n          margin: 0 auto;\n          background-color: #fff;\n          border-radius: 4px;\n          box-shadow: 0px 2px 8px 0px rgba(139, 139, 139, 0.12);\n          display: flex;\n          flex-wrap: wrap;\n          justify-content: flex-start;\n          align-items: center;\n          .pain-points-list-item{\n            width: 50%;\n            height: 50%;\n            padding: 50px 50px 0 30px;\n            box-sizing: border-box;\n            .list-item-card{\n              width: 100%;\n              display: flex;\n              justify-content: flex-start;\n              align-items: flex-start;\n              .list-item-icon-wrap{\n                width: 64px;\n                display: flex;\n                justify-content: center;\n                .list-item-icon{\n                  width: auto;\n                  height: 46px;\n                  display: block;\n                }\n              }\n              .list-item-text{\n                margin-left: 16px;\n                display: flex;\n                flex-direction: column;\n                justify-content: flex-start;\n                align-items: flex-start;\n                .list-item-title{\n                  font-size: 18px;\n                  color: #181818;\n                  line-height: 1;\n                  margin-bottom: 17px;\n                }\n                .list-item-des{\n                  width: 440px;\n                  font-size: 16px;\n                  color: #6d6e6f;\n                }\n              }\n            }\n          }\n        }\n      }\n      .sense-of-worth{\n        width: 1200px;\n        margin: 0 auto;\n        margin-top: 90px;\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-start;\n        align-items: center;\n        .title{\n          font-size: 32px;\n          color: #181818;\n        }\n        .sense-of-worth-list{\n          width: 100%;\n          display: flex;\n          justify-content: space-between;\n          align-items: flex-start;\n          margin-top: 70px;\n          .sense-worth-list-item{\n            width: 282px;\n            height: 446px;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            align-items: center;\n            background-color: #fff;\n            border-radius: 10px;\n            border: 1px solid #eee;\n            box-shadow: 0px 3px 24px 0px rgba(139, 139, 139, 0.1);\n            transform: translateY(0);\n            transition: all .3s ease-in-out;\n            .list-item-img-box{\n              flex: 1;\n              display: flex;\n              justify-content: center;\n              align-items: center;\n              .list-item-img{\n                width: auto;\n              }\n            }\n            .list-item-text-box{\n              width: 195px;\n              height: 197px;\n              display: flex;\n              flex-direction: column;\n              align-items: center;\n              justify-content: flex-start;\n              .list-item-title{\n                font-size: 26px;\n                font-weight: 600;\n                line-height: 1;\n                color: #181818;\n                margin-bottom: 29px;\n              }\n              .list-item-describe{\n                text-align: center;\n                font-size: 14px;\n                font-weight: 400;\n                color: #6d6e6f;\n              }\n            }\n          }\n          .sense-worth-list-item:hover{\n            transform: translateY(-15px);\n          }\n        }\n      }\n      .solution{\n        width: 1200px;\n        padding-top: 109px;\n        padding-bottom: 90px;\n        margin: 0 auto;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        .title{\n          font-size: 32px;\n          color: #181818;\n          line-height: 1;\n          padding-bottom: 90px;\n          box-sizing: border-box;\n        }\n        .solution-content{\n          width: 100%;\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          .solution-tag{\n            width: 440px;\n            height: 455px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            .solution-tag-item{\n              width: 100%;\n              height: 83px;\n              padding: 31px;\n              margin-bottom: 16px;\n              display: flex;\n              flex-direction: column;\n              justify-content: flex-start;\n              box-sizing: border-box;\n              background-color: #f5f7f9;\n              border-radius: 8px;\n              cursor: pointer;\n              transition: all .3s ease-in-out;\n              .tag-item-title {\n                width: 100%;\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n                transition: all .3s ease-in-out;\n                margin-bottom: 20px;\n                .title-text{\n                  font-weight: 600;\n                  font-size: 18px;\n                  color: #181818;\n                  transition: all .3s ease-in-out;\n                }\n              }\n              .tag-item-describe{\n                width: 100%;\n                flex: 1;\n                overflow: hidden;\n                .describe{\n                  font-size: 16px;\n                  font-weight: 300;\n                  color: #181818;\n                  line-height: 25px;\n                  transition: all .3s ease-in-out;\n                }\n              }\n            }\n            .display-tag-item{\n              height: 230px;\n              background: url('@/assets/cloudplatform/introduction-tag.png') no-repeat;\n              background-size: cover;\n              .tag-item-title{\n                .title-text{\n                  color: #fff;\n                }\n              }\n              .tag-item-describe{\n                .describe{\n                  color: #fff;\n                }\n              }\n            }\n            .solution-tag-item:last-child{\n              margin: 0;\n            }\n          }\n          .fade-content{\n            width: 740px;\n            height: 455px;\n            img{\n              width: 100%;\n              display: block;\n            }\n          }\n          .solution-fade-enter-active{\n            animation: bounce-in 0.5s;\n          }\n          .solution-fade-leave-active{\n            animation: bounce-in 0s reverse;\n          }\n          @keyframes bounce-in {\n            0% {\n                opacity: 0;\n            }\n            100% {\n                opacity: 1;\n            }\n          }\n        }\n      }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./assessment.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./assessment.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./assessment.vue?vue&type=template&id=30e55c16&scoped=true&\"\nimport script from \"./assessment.vue?vue&type=script&lang=js&\"\nexport * from \"./assessment.vue?vue&type=script&lang=js&\"\nimport style0 from \"./assessment.vue?vue&type=style&index=0&id=30e55c16&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"30e55c16\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"talent-review\"},[_c('AppBar'),_c('div',{staticClass:\"page-content\"},[_c('div',{staticClass:\"talent-review-canvas\"},[_c('div',{staticClass:\"talent-review-background\"},[_c('img',{attrs:{\"src\":_vm.top.imgBack,\"alt\":\"\"}})]),_c('div',{staticClass:\"por-container\"},[_c('div',{staticClass:\"solution-info\"},[_c('div',{staticClass:\"solution-info-title\"},[_vm._v(_vm._s(_vm.top.title))]),_c('div',{staticClass:\"solution-info-content\",domProps:{\"innerHTML\":_vm._s(_vm.top.content)}})])])]),_c('div',{ref:\"nav\",staticClass:\"talent-review-nav\"},[_c('div',{ref:\"navTabs\",staticClass:\"talent-review-tabs\",style:({width: _vm.navWidth+'%', height: _vm.navHeight+'px'})},_vm._l((_vm.navList),function(item,index){return _c('div',{key:index,class:['talent-review-nav-item', _vm.topNaviId === item.id ? 'top-nav-item' : ''],on:{\"click\":function($event){return _vm.goAnchor(item)}}},[_vm._v(\" \"+_vm._s(item.title)+\" \")])}),0)]),_c('div',[_c('div',{ref:\"pain-points\",staticClass:\"pain-points\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"企业痛点\")]),_c('div',{staticClass:\"pain-points-list\"},_vm._l((_vm.painPointsList),function(item,index){return _c('div',{key:index,staticClass:\"pain-points-list-item\",style:({ background: 'url(' + item.backImg + ') no-repeat', })},[_c('div',{staticClass:\"list-item-content\"},[_c('div',{staticClass:\"title\",domProps:{\"innerHTML\":_vm._s(item.title)}}),_c('div',{staticClass:\"describe\"},[_vm._v(\" \"+_vm._s(item.describe)+\" \")])]),_c('div',{staticClass:\"pain-points-btn\",on:{\"click\":_vm.openBealter}},[_vm._v(\" 领取解决方案 \")])])}),0)])]),_c('div',{ref:\"sense-of-worth\"},[_c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"60px\",\"background-color\":\"#fff\"}}),_c('div',{staticClass:\"sense-of-worth\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"产品价值体现\")]),_c('div',{staticClass:\"sense-of-worth-content\"},[_c('img',{attrs:{\"src\":_vm.senseOfWorthImg,\"alt\":\"\"}})])])]),_c('div',[_c('div',{ref:\"solution\",staticClass:\"solution\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"人才盘点解决方案\")]),(_vm.solutionContentList.length != 0)?_c('div',{staticClass:\"solution-content\"},[_c('div',{staticClass:\"solution-content-left\"},_vm._l((_vm.solutionContentList),function(item,index){return _c('div',{key:index,staticClass:\"solution-content__tabInfo\",class:{'chack-tabInfo': index === _vm.solutionIndex},on:{\"mouseenter\":function($event){return _vm.onMouseenter(index)}}},[_c('div',{staticClass:\"solution-content__tabTitle\"},[(index !== _vm.solutionIndex)?_c('img',{attrs:{\"src\":item.icon,\"alt\":\"\"}}):_c('img',{attrs:{\"src\":item.checkIcon,\"alt\":\"\"}}),_c('div',[_vm._v(_vm._s(item.title))])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(index === _vm.solutionIndex),expression:\"index === solutionIndex\"}],staticClass:\"solution-content__tabDesc\"},[_vm._v(\" \"+_vm._s(item.describe)+\" \")])])}),0),_c('div',{staticClass:\"solution-content-right\"},[_c('transition',{attrs:{\"name\":\"tabImageWrap\"}},[_c('div',{key:_vm.solutionIndex,staticClass:\"solution-content__tabImage\",domProps:{\"innerHTML\":_vm._s(_vm.solutionContentList[_vm.solutionIndex].img)}})])],1)]):_vm._e()])])]),_c('RightFixedgt'),_c('FootWrap'),_c('AltProduct',{ref:\"altProduct\"}),_c('ast',{ref:\"ast\"})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"talent-review\">\n    <AppBar />\n    <div class=\"page-content\">\n      <div class=\"talent-review-canvas\">\n        <div class=\"talent-review-background\">\n          <img :src=\"top.imgBack\" alt=\"\" />\n        </div>\n        <div class=\"por-container\">\n          <div class=\"solution-info\">\n            <div class=\"solution-info-title\">{{ top.title }}</div>\n            <div class=\"solution-info-content\" v-html=\"top.content\">\n              <!-- 利用在线招聘流程，帮助企业实现智能、便捷的招聘模式，\n              建立企业自己的人才储备机制 -->\n            </div>\n          </div>\n        </div>\n      </div>\n      <div ref=\"nav\" class=\"talent-review-nav\">\n        <div ref=\"navTabs\" class=\"talent-review-tabs\" :style=\"{width: navWidth+'%', height: navHeight+'px'}\">\n          <div\n            v-for=\"(item, index) in navList\"\n            :key=\"index\"\n            :class=\"['talent-review-nav-item', topNaviId === item.id ? 'top-nav-item' : '']\"\n            @click=\"goAnchor(item)\"\n          >\n            {{ item.title }}\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"pain-points\" class=\"pain-points\">\n          <div class=\"title\">企业痛点</div>\n          <div class=\"pain-points-list\">\n            <div\n              v-for=\"(item, index) in painPointsList\"\n              :key=\"index\"\n              class=\"pain-points-list-item\"\n              :style=\"{ background: 'url(' + item.backImg + ') no-repeat', }\"\n            >\n              <div class=\"list-item-content\">\n                <div class=\"title\" v-html=\"item.title\"></div>\n                <div class=\"describe\">\n                  {{ item.describe }}\n                </div>\n              </div>\n              <div class=\"pain-points-btn\" @click=\"openBealter\">\n                领取解决方案\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div ref=\"sense-of-worth\">\n        <div style=\"width: 100%; height: 60px; background-color: #fff;\"></div>\n        <div class=\"sense-of-worth\">\n          <div class=\"title\">产品价值体现</div>\n          <div class=\"sense-of-worth-content\">\n            <img :src=\"senseOfWorthImg\" alt=\"\" />\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"solution\" class=\"solution\">\n          <div class=\"title\">人才盘点解决方案</div>\n          <div v-if=\"solutionContentList.length != 0\" class=\"solution-content\">\n            <div class=\"solution-content-left\">\n              <div\n                v-for=\"(item, index) in solutionContentList\"\n                :key=\"index\"\n                class=\"solution-content__tabInfo\"\n                :class=\"{'chack-tabInfo': index === solutionIndex}\"\n                @mouseenter=\"onMouseenter(index)\"\n              >\n                <div class=\"solution-content__tabTitle\">\n                  <img v-if=\"index !== solutionIndex\" :src=\"item.icon\" alt=\"\" />\n                  <img v-else :src=\"item.checkIcon\" alt=\"\" />\n                  <div>{{ item.title }}</div>\n                </div>\n                <div v-show=\"index === solutionIndex\" class=\"solution-content__tabDesc\">\n                  {{ item.describe }}\n                </div>\n              </div>\n            </div>\n            <div class=\"solution-content-right\">\n              <transition name=\"tabImageWrap\">\n                <div\n                  :key=\"solutionIndex\"\n                  class=\"solution-content__tabImage\"\n                  v-html=\"solutionContentList[solutionIndex].img\"\n                ></div>\n              </transition>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <RightFixedgt />\n    <FootWrap />\n    <AltProduct ref=\"altProduct\" />\n    <ast ref=\"ast\" />\n  </div>\n</template>\n\n<script>\nimport { getColumnChild, getColumnDetail } from '@/api/column';\nimport { getContentList, getContentDetail } from '@/api/content';\n\nexport default {\n  name: 'TalentReview',\n  data () {\n    return {\n      top: {\n        title: '',\n        content: '',\n        imgBack: require('@/assets/talentreview/canvas.gif'),\n      },\n      navWidth: 80,\n      navHeight: 60,\n      offsetTop: 0,\n      scrollTop: 0,\n      position: 0,\n      topNaviId: null,\n      navList: [\n        {\n          title: '企业痛点',\n          id: 'pain-points',\n        },\n        {\n          title: '产品价值观',\n          id: 'sense-of-worth',\n        },\n        {\n          title: '解决方案',\n          id: 'solution',\n        },\n      ],\n      painPointsList: [\n        // {\n        //   title: '<span style=\"color: #0f78da; font-weight: 600;\">高成本</span>招聘外部关键人才',\n        //   describe: '为应对市场变化，企业在转型升级的同时，需要专业型人才支持，通过外部招聘的方式往往需要投入大良时间和人力成本。',\n        //   backImg: require('@/assets/talentreview/pain-points1.png'),\n        // },\n        // {\n        //   title: '管理人员<span style=\"color: #0f78da; font-weight: 600;\">流动率高</span>',\n        //   describe: '没有好的人才激励方案和发展规划，导致管理人才流动频率高，对企业发展带来负面效果。',\n        //   backImg: require('@/assets/talentreview/pain-points2.png'),\n        // },\n        // {\n        //   title: '如何<span style=\"color: #0f78da; font-weight: 600;\">有效发掘</span>内部人才',\n        //   describe: '外部人才归属感不强，需要发掘内部稳定的潜在人才加以培养，更适合企业未来发展的要求',\n        //   backImg: require('@/assets/talentreview/pain-points3.png'),\n        // },\n      ],\n      senseOfWorthImg: '',\n      solutionContentList: [\n        // {\n        //   icon: require('@/assets/talentreview/icon/tabInfo1.png'),\n        //   checkIcon: require('@/assets/talentreview/icon/chack-tabInfo1.png'),\n        //   title: '完善人才培养机制',\n        //   describe: '树立“以人为本”的管理思想，塑造良好的人才培养环境，实施人性化管理，用关心和服务换取员工的主人翁意识和忠诚服务。',\n        //   img: require('@/assets/talentreview/tabImage1.png'),\n        // },\n        // {\n        //   icon: require('@/assets/talentreview/icon/tabInfo2.png'),\n        //   checkIcon: require('@/assets/talentreview/icon/chack-tabInfo2.png'),\n        //   title: '实施梯队人才培养模式',\n        //   describe: '制定梯队人才培养实施计划，完善职业生涯发展通路，明确人才推荐、储备、培训、考核等制度，引导员工通过努力提升自己实现职业发展',\n        //   img: require('@/assets/talentreview/tabImage2.png'),\n        // },\n        // {\n        //   icon: require('@/assets/talentreview/icon/tabInfo3.png'),\n        //   checkIcon: require('@/assets/talentreview/icon/chack-tabInfo3.png'),\n        //   title: '建立激励机制',\n        //   describe: '动态的为员工创造职业发展空间，以机制促进员工成长。根据其需求进行有效激励，同时必须对其进行有效的监督与制约。',\n        //   img: require('@/assets/talentreview/tabImage3.png'),\n        // },\n      ],\n      solutionIndex: 0,\n    };\n  },\n  watch: {\n    scrollTop(newValue, oldValue) {\n      setTimeout(() => {\n        if (newValue === window.scrollY) {\n          for (var i = 0; i < this.navList.length; i++) {\n            var elementTop = this.$refs[`${this.navList[i].id}`].offsetTop - this.scrollTop - 1;\n            if (elementTop <= 70) {\n              this.topNaviId = this.navList[i].id;\n            }\n          }\n        }\n      }, 20);\n    },\n  },\n  mounted () {\n    window.addEventListener('scroll', this.handleScroll);\n    this.$nextTick(() => {\n      const nav = this.$refs.nav;\n      this.offsetTop = nav.offsetTop;\n    });\n    this.getPageColumn();\n  },\n  beforeDestroy () {\n    window.removeEventListener('scroll', this.handleScroll);\n  },\n  methods: {\n    handleScroll() {\n      var offsetHeight = this.$refs.navTabs.offsetHeight;\n      this.scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;\n      var headerFixed = this.scrollTop > this.offsetTop - offsetHeight / 2 - 70;\n      var scroll = this.scrollTop - this.position;\n      this.position = this.scrollTop;\n      if (this.scrollTop <= 400) {\n        this.navHeight = 52;\n        this.navWidth = 80;\n        this.$refs.nav.style.position = 'relative';\n        this.$refs.nav.style.top = '0px';\n        this.topNaviId = null;\n      } else if (this.scrollTop >= 400 && !headerFixed) {\n        this.navHeight += 0.04 * scroll;\n        this.navWidth += 0.12 * scroll;\n        this.$refs.navTabs.style.top = -(offsetHeight / 2) + 'px';\n        this.$refs.nav.style.position = 'relative';\n        this.$refs.nav.style.top = '0px';\n        this.topNaviId = null;\n      } else if (headerFixed) {\n        this.navHeight = 60;\n        this.navWidth = 100;\n        this.$refs.navTabs.style.top = -(offsetHeight / 2) + 'px';\n        this.$refs.nav.style.position = 'fixed';\n        this.$refs.nav.style.top = offsetHeight / 2 + 70 + 'px';\n      }\n    },\n    goAnchor(i) {\n      // var id = '#' + i.id;\n      // document.querySelector(id).scrollIntoView({\n      //   behavior: 'smooth',\n      //   block: 'start',\n      // });\n      window.scrollTo({\n        top: this.$refs[`${i.id}`].offsetTop - 70,\n        left: 0,\n        behavior: 'smooth',\n      });\n    },\n\n    // 获取页面栏目\n    async getPageColumn() {\n      const params = { parentId: '1607260661950406656', };\n      getColumnChild(params).then(async (res) => {\n        const { result, } = res;\n        for (var i = 0; i < result.length; i++) {\n          if (result[i].name === '企业痛点') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\n            getContentList(data).then(async (rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                const rts = await getContentDetail(rrsult.data[j].id);\n                const rtsult = rts.result;\n                const doc = new DOMParser().parseFromString(rtsult.defaultContent, 'text/html');\n                var painPointsItem = {\n                  title: doc.documentElement.textContent.replace(/&nbsp;/g, ' '),\n                  describe: rtsult.description,\n                  backImg: rtsult.icon,\n                };\n                this.painPointsList.push(painPointsItem);\n              }\n            });\n          } else if (result[i].name === '产品价值观') {\n            this.senseOfWorthImg = result[i].icon;\n            // const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\n            // this.valueCenterImg = result[i].icon;\n            // getContentList(data).then(async (rrs) => {\n            //   const rrsult = rrs.result;\n            //   for (var j = 0; j < rrsult.data.length; j++) {\n            //     var valueAnalysisItem = {\n            //       title: rrsult.data[j].title,\n            //       icon: rrsult.data[j].icon,\n            //       textList: [],\n            //     };\n            //     const rts = await getContentDetail(rrsult.data[j].id);\n            //     const rtsult = rts.result;\n            //     for (var x = 0; x < rtsult.elements.length; x++) {\n            //       valueAnalysisItem.textList.push(rtsult.elements[x].content);\n            //     }\n            //     this.valueAnalysisList.push(valueAnalysisItem);\n            //   }\n            // });\n          } else if (result[i].name === '解决方案') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\n            getContentList(data).then(async (rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                var solutionItem = {\n                  title: rrsult.data[j].title,\n                  icon: rrsult.data[j].icon,\n                  checkIcon: rrsult.data[j].logo,\n                  describe: rrsult.data[j].description,\n                  img: '',\n                };\n                const rts = await getContentDetail(rrsult.data[j].id);\n                const rtsult = rts.result;\n                const doc = new DOMParser().parseFromString(rtsult.defaultContent, 'text/html');\n                solutionItem.img = doc.documentElement.textContent.replace(/&nbsp;/g, ' ');\n                this.solutionContentList.push(solutionItem);\n              }\n            });\n          } else if (result[i].name === '顶部图') {\n            getColumnDetail(result[i].id).then((rrs) => {\n              const rrsult = rrs.result;\n              var content = rrsult.elements.find(obj => obj.name === 'content').content;\n              var contentdoc = new DOMParser().parseFromString(content, 'text/html');\n              this.top.title = rrsult.elements.find(obj => obj.name === 'subtitle').content;\n              this.top.content = contentdoc.documentElement.textContent.replace(/&nbsp;/g, ' ');\n              // this.top = {\n              //   imgBack: rrsult.icon,\n              // };\n            });\n          }\n        }\n      });\n    },\n\n    onMouseenter(i) {\n      this.solutionIndex = i;\n    },\n    openBealter () {\n      this.$refs.altProduct.tobealter();\n    },\n    openBealter2() {\n       this.$refs.ast.drawer  = true\n    },\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n.talent-review{\n  background-color: #fff;\n  .page-content{\n    width: 100%;\n    .talent-review-canvas{\n      width: 100%;\n      height: fit-content;\n      min-width: var(--minwidth);\n      position: relative;\n      background-size: cover;\n      overflow: hidden;\n      .talent-review-background{\n        position: absolute;\n        left: 0;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        background-position: top;\n        background-size: cover;\n        background-repeat: no-repeat;\n        img{\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n          object-position: center top;\n        }\n      }\n      .por-container {\n        width: 70%;\n        max-width: 1200px;\n        margin: 0 auto;\n        position: relative;\n        .solution-info {\n          width: 480px;\n          height: 560px;\n          display: flex;\n          justify-content: center;\n          flex-direction: column;\n          box-sizing: border-box;\n          .solution-info-title {\n            font-size: 46px;\n            font-weight: bold;\n            line-height: 55px;\n            color: #181818;\n            margin-bottom: 29px;\n          }\n          .solution-info-content {\n            font-size: 20px;\n            line-height: 32px;\n            color: #7b7b7b;\n            margin-bottom: 44px;\n          }\n          // .solution-btn {\n          //   width: 142px;\n          //   height: 48px;\n          //   background-color: #1589fd;\n          //   color: #fff;\n          //   text-align: center;\n          //   line-height: 48px;\n          //   cursor: pointer;\n          //   border-radius: 24px;\n          // }\n        }\n      }\n    }\n    .talent-review-nav{\n      width: 100%;\n      display: flex;\n      position: relative;\n      justify-content: center;\n      z-index: 50;\n      .talent-review-tabs{\n        margin: 0 auto;\n        box-shadow: 0px 2px 8px 0px rgba(139, 139, 139, 0.18);\n        border-radius: 2px;\n        background-color: #fff;\n        display: flex;\n        position: absolute;\n        top: -26px;\n        .talent-review-nav-item{\n          flex: 1;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          color: #181818;\n          font-size: 14px;\n          cursor: pointer;\n        }\n        .talent-review-nav-item:hover{\n          color: #00b0dc;\n        }\n        .top-nav-item {\n          color: #fff;\n          background-color: #00b0dc;\n        }\n        .top-nav-item:hover {\n          color: #fff;\n        }\n      }\n    }\n    .pain-points{\n      width: 1200px;\n      padding-top: 115px;\n      padding-bottom: 30px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      .title{\n        font-size: 32px;\n        color: #181818;\n        line-height: 1;\n        margin-bottom: 70px;\n      }\n      .pain-points-list{\n        width: 100%;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        .pain-points-list-item{\n          width: 314px;\n          height: 316px;\n          padding: 40px 25px 50px 25px;\n          border-radius: 4px;\n          border-top: 4px solid #00b0dc;\n          box-shadow: 0px 5px 20px 0px rgba(169, 176, 204, 0.2);\n          box-sizing: border-box;\n          background-size: cover;\n          display: flex;\n          flex-direction: column;\n          justify-content: space-between;\n          align-items: flex-start;\n          .list-item-content{\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n            justify-content: flex-start;\n            .title{\n              font-size: 20px;\n              color: #323233;\n              margin-bottom: 30px;\n              .akey{\n                font-size: 20px;\n                color: #00b0dc;\n                font-weight: 600;\n              }\n            }\n            .describe{\n              width: 100%;\n              font-size: 16px;\n              color: #323233;\n              font-weight: 400;\n              line-height: 24px;\n              margin-bottom: 60;\n            }\n          }\n          .pain-points-btn{\n            width: 156px;\n            height: 44px;\n            background-color: #00b0dc;\n            border-radius: 2px;\n            font-size: 18px;\n            font-weight: 300;\n            text-align: center;\n            line-height: 44px;\n            color: #fff;\n            cursor: pointer;\n          }\n        }\n      }\n    }\n    .sense-of-worth{\n      width: 100%;\n      padding-top: 90px;\n      padding-bottom: 70px;\n      background-color: #f7f9fc;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: flex-start;\n      .title{\n        font-size: 32px;\n        color: #181818;\n        line-height: 1;\n        margin-bottom: 70px;\n      }\n      .sense-of-worth-content{\n        width: 1200px;\n        margin: 0 auto;\n        img{\n          width: 100%;\n          height: auto;\n          display: block;\n        }\n      }\n    }\n    .solution{\n      width: 1200px;\n      margin: 0 auto;\n      padding-top: 90px;\n      padding-bottom: 90px;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: flex-start;\n      .title{\n        font-size: 32px;\n        color: #181818;\n        margin-bottom: 70px;\n      }\n      .solution-content{\n        width: 100%;\n        min-height: 354px;\n        display: flex;\n        .solution-content-left{\n          width: 590px;\n          display: flex;\n          flex-direction: column;\n          justify-content: flex-start;\n          .solution-content__tabInfo {\n            width: 100%;\n            height: 76px;\n            min-height: 76px;\n            padding: 29px 20px;\n            box-sizing: border-box;\n            border-radius: 8px;\n            background-color: #fff;\n            border-radius: 8px;\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n            overflow: hidden;\n            transition: all .5s ease-in-out;\n            .solution-content__tabTitle{\n              width: 100%;\n              display: flex;\n              align-items: flex-start;\n              font-size: 20px;\n              line-height: 1;\n              color: #181818;\n              transition: all .5s ease-in-out;\n              img{\n                width: 20px;\n                height: auto;\n                margin-right: 14px;\n                display: block;\n                margin-top: 1px;\n              }\n            }\n            .solution-content__tabDesc{\n              width: 416px;\n              margin-top: 16px;\n              margin-left: 35px;\n              font-size: 16px;\n              color: #323233;\n              opacity: 0;\n              transition: all .5s ease-in-out;\n            }\n          }\n          .chack-tabInfo{\n            height: 158px;\n            background-color: rgba(224, 235, 255, 0.4);\n            .solution-content__tabTitle{\n              color: #00b0dc;\n            }\n            .solution-content__tabDesc{\n              opacity: 1;\n            }\n          }\n        }\n        .solution-content-right{\n          margin-left: 40px;\n          flex: 1;\n          .solution-content__tabImage{\n            height: 100%;\n          }\n          .tabImageWrap-enter-active{\n            animation: bounce-in 0.5s;\n          }\n          .tabImageWrap-leave-active{\n            animation: bounce-in 0s reverse;\n          }\n          @keyframes bounce-in {\n            0% {\n              opacity: 0;\n            }\n            100% {\n              opacity: 1;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./talent-review.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./talent-review.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./talent-review.vue?vue&type=template&id=1b7d1bb4&scoped=true&\"\nimport script from \"./talent-review.vue?vue&type=script&lang=js&\"\nexport * from \"./talent-review.vue?vue&type=script&lang=js&\"\nimport style0 from \"./talent-review.vue?vue&type=style&index=0&id=1b7d1bb4&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1b7d1bb4\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"target-decomposition\"},[_c('AppBar'),_c('div',{staticClass:\"page-content\"},[_c('div',{staticClass:\"page-canvas\"},[_c('div',{staticClass:\"page-background\"},[_c('img',{attrs:{\"src\":_vm.top.imgBack,\"alt\":\"\"}})]),_c('div',{staticClass:\"por-container\"},[_c('div',{staticClass:\"solution-info\"},[_c('div',{staticClass:\"solution-info-title\"},[_vm._v(_vm._s(_vm.top.title))]),_c('div',{staticClass:\"solution-info-content\",domProps:{\"innerHTML\":_vm._s(_vm.top.content)}})])])]),_c('div',{ref:\"nav\",staticClass:\"page-nav\"},[_c('div',{ref:\"navTabs\",staticClass:\"page-tabs\",style:({width: _vm.navWidth+'%', height: _vm.navHeight+'px'})},_vm._l((_vm.navList),function(item,index){return _c('div',{key:index,class:['page-nav-item', _vm.topNaviId === item.id ? 'top-nav-item' : ''],on:{\"click\":function($event){return _vm.goAnchor(item)}}},[_vm._v(\" \"+_vm._s(item.title)+\" \")])}),0)]),_c('div',[_c('div',{ref:\"pain-points\",staticClass:\"pain-points\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"绩效目标分解痛点\")]),_c('div',{staticClass:\"pain-points-list\"},_vm._l((_vm.painPointsList),function(item,index){return _c('div',{key:index,staticClass:\"pain-points-list-item\",class:{ 'change-pain-points': _vm.painPointsIndex === index },on:{\"mousemove\":function($event){return _vm.onmousemove(index)}}},[_c('div',{staticClass:\"item-text-box\"},[_c('div',{staticClass:\"item-title\"},[_vm._v(_vm._s(index+1)+\".\"+_vm._s(item.title))]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.painPointsIndex === index ),expression:\"painPointsIndex === index \"}],staticClass:\"item-describe\"},[_vm._v(_vm._s(item.describe))])]),_c('div',{staticClass:\"pain-points-list-index\"},[_vm._v(\"0\"+_vm._s(index+1))])])}),0)])]),_c('div',[_c('div',{ref:\"sense-of-worth\",staticClass:\"sense-of-worth\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"产品价值分析\")]),_c('div',{staticClass:\"product-value-content\"},[_c('div',{staticClass:\"product-value-content-center\"},[_c('img',{attrs:{\"src\":_vm.valueCenterImg,\"alt\":\"\"}})]),_c('div',{staticClass:\"content-text-wrap\"},_vm._l((_vm.valueList),function(item,index){return _c('div',{key:index,staticClass:\"analysis-content\"},[_c('img',{staticClass:\"analysis-img\",attrs:{\"src\":item.icon,\"alt\":\"\"}}),_c('div',{staticClass:\"analysis-text\"},[_c('div',{staticClass:\"analysis-title\"},[_vm._v(_vm._s(item.title))]),_c('div',{staticClass:\"analysis-content-text\"},[_vm._v(\" \"+_vm._s(item.describe)+\" \")])])])}),0)])])]),_c('div',[_c('div',{ref:\"solution\",staticClass:\"solution\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"绩效分解解决方案\")]),(_vm.solutionContentList.length != 0)?_c('div',{staticClass:\"solution-content\"},[_c('div',{staticClass:\"solution-content-tabinfo-wrap\"},_vm._l((_vm.solutionContentList),function(item,index){return _c('div',{key:index,staticClass:\"solution-content__tabInfo\",class:{'chack-tabInfo': index === _vm.solutionIndex}},[_c('div',{staticClass:\"solution-content__tabTitle\",on:{\"mouseenter\":function($event){return _vm.onClick(index)}}},[_vm._v(\" \"+_vm._s(item.title)+\" \")]),(index < _vm.solutionContentList.length-1)?_c('div',{staticClass:\"line\"}):_vm._e()])}),0),_c('div',{staticClass:\"solution-content__tabText\"},[_c('transition',{attrs:{\"name\":\"tabContentWrap\"}},[_c('div',{key:_vm.solutionIndex,staticClass:\"solution-content__tabWrap\"},[_c('div',{staticClass:\"solution-content__tabDes\"},[_vm._v(\" \"+_vm._s(_vm.solutionContentList[_vm.solutionIndex].describe)+\" \")]),_c('img',{staticClass:\"solution-content__tabImage\",attrs:{\"src\":_vm.solutionContentList[_vm.solutionIndex].img,\"alt\":\"\"}})])])],1)]):_vm._e()])])]),_c('RightFixedgt'),_c('FootWrap'),_c('AltProduct',{ref:\"altProduct\"}),_c('ast',{ref:\"ast\"})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"target-decomposition\">\n    <AppBar />\n    <div class=\"page-content\">\n      <div class=\"page-canvas\">\n        <div class=\"page-background\">\n          <img :src=\"top.imgBack\" alt=\"\" />\n        </div>\n        <div class=\"por-container\">\n          <div class=\"solution-info\">\n            <div class=\"solution-info-title\">{{ top.title }}</div>\n            <div class=\"solution-info-content\" v-html=\"top.content\">\n              <!-- 利用在线招聘流程，帮助企业实现智能、便捷的招聘模式，\n              建立企业自己的人才储备机制 -->\n            </div>\n          </div>\n        </div>\n      </div>\n      <div ref=\"nav\" class=\"page-nav\">\n        <div ref=\"navTabs\" class=\"page-tabs\" :style=\"{width: navWidth+'%', height: navHeight+'px'}\">\n          <div\n            v-for=\"(item, index) in navList\"\n            :key=\"index\"\n            :class=\"['page-nav-item', topNaviId === item.id ? 'top-nav-item' : '']\"\n            @click=\"goAnchor(item)\"\n          >\n            {{ item.title }}\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"pain-points\" class=\"pain-points\">\n          <div class=\"title\">绩效目标分解痛点</div>\n          <div class=\"pain-points-list\">\n            <div\n              v-for=\"(item, index) in painPointsList\"\n              :key=\"index\"\n              class=\"pain-points-list-item\"\n              :class=\"{ 'change-pain-points': painPointsIndex === index }\"\n              @mousemove=\"onmousemove(index)\"\n            >\n              <div class=\"item-text-box\">\n                <div class=\"item-title\">{{ index+1 }}.{{ item.title }}</div>\n                <div v-show=\"painPointsIndex === index \" class=\"item-describe\">{{ item.describe }}</div>\n              </div>\n              <div class=\"pain-points-list-index\">0{{ index+1 }}</div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"sense-of-worth\" class=\"sense-of-worth\">\n          <div class=\"title\">产品价值分析</div>\n          <div class=\"product-value-content\">\n            <div class=\"product-value-content-center\">\n              <img :src=\"valueCenterImg\" alt=\"\" />\n            </div>\n            <div class=\"content-text-wrap\">\n              <div v-for=\"(item, index) in valueList\" :key=\"index\" class=\"analysis-content\">\n                <img\n                  :src=\"item.icon\"\n                  alt=\"\"\n                  class=\"analysis-img\"\n                />\n                <div class=\"analysis-text\">\n                  <div class=\"analysis-title\">{{ item.title }}</div>\n                  <div class=\"analysis-content-text\">\n                    {{ item.describe }}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"solution\" class=\"solution\">\n          <div class=\"title\">绩效分解解决方案</div>\n          <div v-if=\"solutionContentList.length != 0\" class=\"solution-content\">\n            <div class=\"solution-content-tabinfo-wrap\">\n              <div\n                v-for=\"(item, index) in solutionContentList\"\n                :key=\"index\"\n                class=\"solution-content__tabInfo\"\n                :class=\"{'chack-tabInfo': index === solutionIndex}\"\n              >\n                <div class=\"solution-content__tabTitle\" @mouseenter=\"onClick(index)\">\n                  {{ item.title }}\n                </div>\n                <div v-if=\"index < solutionContentList.length-1\" class=\"line\"></div>\n              </div>\n            </div>\n            <div class=\"solution-content__tabText\">\n              <transition name=\"tabContentWrap\">\n                <div :key=\"solutionIndex\" class=\"solution-content__tabWrap\">\n                  <div class=\"solution-content__tabDes\">\n                    {{ solutionContentList[solutionIndex].describe }}\n                  </div>\n                  <img :src=\"solutionContentList[solutionIndex].img\" alt=\"\" class=\"solution-content__tabImage\" />\n                </div>\n              </transition>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <RightFixedgt />\n    <FootWrap />\n    <AltProduct ref=\"altProduct\" />\n    <ast ref=\"ast\" />\n  </div>\n</template>\n\n<script>\nimport { getColumnChild, getColumnDetail } from '@/api/column';\nimport { getContentList, getContentDetail } from '@/api/content';\n\nexport default {\n  name: 'TargetDecomposition',\n  data () {\n    return {\n      top: {\n        title: '',\n        content: '',\n        imgBack: require('@/assets/decomposition/canvas.gif'),\n      },\n      navWidth: 80,\n      navHeight: 60,\n      offsetTop: 0,\n      scrollTop: 0,\n      position: 0,\n      topNaviId: null,\n      navList: [\n        {\n          title: '企业痛点',\n          id: 'pain-points',\n        },\n        {\n          title: '产品价值观',\n          id: 'sense-of-worth',\n        },\n        {\n          title: '解决方案',\n          id: 'solution',\n        },\n      ],\n      painPointsList: [\n        // {\n        //   title: '目标不清晰，考核浮于表面',\n        //   describe: '大多数企业采用主观评分模式考核，无法明确考核目标，不能有效激励，员工达成或超越目标',\n        // },\n        // {\n        //   title: '无法有效与企业战略目标绑定',\n        //   describe: '大多数产量信息是统计员通过手工登记，管理人员无法有效核验数据。',\n        // },\n        // {\n        //   title: '缺乏沟通和反馈环节',\n        //   describe: '大多数产量信息是统计员通过手工登记，管理人员无法有效核验数据。',\n        // },\n      ],\n      painPointsIndex: 0,\n      valueCenterImg: '',\n      valueList: [\n        // {\n        //   icon: require('@/assets/decomposition/icon/analysis-content1.png'),\n        //   title: '个人能力与目标',\n        //   describe: '分解任务目标时建立沟通机制，充分考虑员工个人能力和环境因素，能更好的实现整个团队目标达成',\n        // },\n        // {\n        //   icon: require('@/assets/decomposition/icon/analysis-content2.png'),\n        //   title: '经营目标与团队目标',\n        //   describe: '团队目标需要能够有效支撑企业经营目标的达成，通过逻辑关系和目标转换，实现与企业战略目标的绑定',\n        // },\n        // {\n        //   icon: require('@/assets/decomposition/icon/analysis-content3.png'),\n        //   title: '激励制度',\n        //   describe: '根据任务的难易程度设置不同的激励制度，能够有效提高员工的积极性和团队的协同能力',\n        // },\n        // {\n        //   icon: require('@/assets/decomposition/icon/analysis-content4.png'),\n        //   title: '绩效跟踪',\n        //   describe: '在绩效周期内对绩效目标达成情况进行实时跟踪，方便管理者根据实际情况及时进行目标调整',\n        // },\n      ],\n      solutionContentList: [\n        // {\n        //   title: '协商式目标分解',\n        //   describe: '上下级对总体目标的分解和层次目标的落实进行充分的商谈或讨论，意见一致更好的促进绩效达成。',\n        //   img: require('@/assets/decomposition/solution1.png'),\n        // },\n        // {\n        //   title: '有效支撑战略目标',\n        //   describe: '目标分解的最终目的是支持企业战略目标实现，将团队目标与企业目标建立联系是绩效目标分解的最终意义。',\n        //   img: require('@/assets/decomposition/solution2.png'),\n        // },\n        // {\n        //   title: '绩效过程考核',\n        //   describe: '只注重结果忽略过程是绩效活动中的一大漏洞，有效的过程监管能够帮助管理者更好的监控目标达成情况和及时调整绩效方案。',\n        //   img: require('@/assets/decomposition/solution3.png'),\n        // },\n      ],\n      solutionIndex: 0,\n    };\n  },\n  watch: {\n    scrollTop(newValue, oldValue) {\n      setTimeout(() => {\n        if (newValue === window.scrollY) {\n          for (var i = 0; i < this.navList.length; i++) {\n            var elementTop = this.$refs[`${this.navList[i].id}`].offsetTop - this.scrollTop - 1;\n            if (elementTop <= 70) {\n              this.topNaviId = this.navList[i].id;\n            }\n          }\n        }\n      }, 20);\n    },\n  },\n  mounted () {\n    window.addEventListener('scroll', this.handleScroll);\n    this.$nextTick(() => {\n      const nav = this.$refs.nav;\n      this.offsetTop = nav.offsetTop;\n    });\n    this.getPageColumn();\n  },\n  beforeDestroy () {\n    window.removeEventListener('scroll', this.handleScroll);\n  },\n  methods: {\n    handleScroll() {\n      var offsetHeight = this.$refs.navTabs.offsetHeight;\n      this.scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;\n      var headerFixed = this.scrollTop > this.offsetTop - offsetHeight / 2 - 70;\n      var scroll = this.scrollTop - this.position;\n      this.position = this.scrollTop;\n      if (this.scrollTop <= 400) {\n        this.navHeight = 52;\n        this.navWidth = 80;\n        this.$refs.nav.style.position = 'relative';\n        this.$refs.nav.style.top = '0px';\n        this.topNaviId = null;\n      } else if (this.scrollTop >= 400 && !headerFixed) {\n        this.navHeight += 0.04 * scroll;\n        this.navWidth += 0.12 * scroll;\n        this.$refs.navTabs.style.top = -(offsetHeight / 2) + 'px';\n        this.$refs.nav.style.position = 'relative';\n        this.$refs.nav.style.top = '0px';\n        this.topNaviId = null;\n      } else if (headerFixed) {\n        this.navHeight = 60;\n        this.navWidth = 100;\n        this.$refs.navTabs.style.top = -(offsetHeight / 2) + 'px';\n        this.$refs.nav.style.position = 'fixed';\n        this.$refs.nav.style.top = offsetHeight / 2 + 70 + 'px';\n      }\n    },\n    goAnchor(i) {\n      // var id = '#' + i.id;\n      // document.querySelector(id).scrollIntoView({\n      //   behavior: 'smooth',\n      //   block: 'start',\n      // });\n      window.scrollTo({\n        top: this.$refs[`${i.id}`].offsetTop - 70,\n        left: 0,\n        behavior: 'smooth',\n      });\n    },\n\n    // 获取页面栏目\n    async getPageColumn() {\n      const params = { parentId: '1607260823548551168', };\n      getColumnChild(params).then(async (res) => {\n        const { result, } = res;\n        for (var i = 0; i < result.length; i++) {\n          if (result[i].name === '企业痛点') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\n            getContentList(data).then(async (rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                const rts = await getContentDetail(rrsult.data[j].id);\n                const rtsult = rts.result;\n                var painPointsItem = {\n                  title: rtsult.title,\n                  describe: rtsult.description,\n                };\n                this.painPointsList.push(painPointsItem);\n              }\n            });\n          } else if (result[i].name === '产品价值观') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\n            this.valueCenterImg = result[i].icon;\n            getContentList(data).then(async (rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                var valueItem = {\n                  title: rrsult.data[j].title,\n                  icon: rrsult.data[j].icon,\n                  describe: rrsult.data[j].description,\n                };\n                this.valueList.push(valueItem);\n              }\n            });\n          } else if (result[i].name === '解决方案') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\n            getContentList(data).then(async (rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                var solutionContentItem = {\n                  title: rrsult.data[j].title,\n                  img: rrsult.data[j].icon,\n                  describe: rrsult.data[j].description,\n                };\n                this.solutionContentList.push(solutionContentItem);\n              }\n            });\n          } else if (result[i].name === '顶部图') {\n            getColumnDetail(result[i].id).then((rrs) => {\n              const rrsult = rrs.result;\n              var content = rrsult.elements.find(obj => obj.name === 'content').content;\n              var contentdoc = new DOMParser().parseFromString(content, 'text/html');\n              this.top.title = rrsult.elements.find(obj => obj.name === 'subtitle').content;\n              this.top.content = contentdoc.documentElement.textContent.replace(/&nbsp;/g, ' ');\n              // this.top = {\n              //   imgBack: rrsult.icon,\n              // };\n            });\n          }\n        }\n      });\n    },\n\n    onmousemove(i) {\n      this.painPointsIndex = i;\n    },\n    onClick(i) {\n      this.solutionIndex = i;\n    },\n    openBealter () {\n      this.$refs.altProduct.tobealter();\n    },\n    openBealter2() {\n       this.$refs.ast.drawer  = true\n    },\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n.target-decomposition{\n    background-color: #fff;\n  .page-content{\n    width: 100%;\n    // padding-top: 70px;\n    .page-canvas{\n      width: 100%;\n      height: fit-content;\n      min-width: var(--minwidth);\n      position: relative;\n      background-size: cover;\n      overflow: hidden;\n      .page-background{\n        position: absolute;\n        left: 0;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        background-position: top;\n        background-size: cover;\n        background-repeat: no-repeat;\n        img{\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n          object-position: center top;\n        }\n      }\n      .por-container {\n        width: 70%;\n        max-width: 1200px;\n        margin: 0 auto;\n        position: relative;\n        .solution-info {\n          width: 480px;\n          height: 560px;\n          display: flex;\n          justify-content: center;\n          flex-direction: column;\n          box-sizing: border-box;\n          .solution-info-title {\n            font-size: 46px;\n            font-weight: bold;\n            line-height: 55px;\n            color: #fff;\n            margin-bottom: 29px;\n          }\n          .solution-info-content {\n            font-size: 20px;\n            line-height: 32px;\n            color: #fff;\n            margin-bottom: 44px;\n          }\n          // .solution-btn {\n          //   width: 142px;\n          //   height: 48px;\n          //   background-color: #1589fd;\n          //   color: #fff;\n          //   text-align: center;\n          //   line-height: 48px;\n          //   cursor: pointer;\n          //   border-radius: 24px;\n          // }\n        }\n      }\n    }\n    .page-nav{\n      width: 100%;\n      display: flex;\n      position: relative;\n      justify-content: center;\n      z-index: 50;\n      .page-tabs{\n        margin: 0 auto;\n        box-shadow: 0px 2px 8px 0px rgba(139, 139, 139, 0.18);\n        border-radius: 2px;\n        background-color: #fff;\n        display: flex;\n        position: absolute;\n        top: -26px;\n        .page-nav-item{\n          flex: 1;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          color: #181818;\n          font-size: 14px;\n          cursor: pointer;\n        }\n        .page-nav-item:hover{\n          color: #00b0dc;\n        }\n        .top-nav-item {\n          color: #fff;\n          background-color: #00b0dc;\n        }\n        .top-nav-item:hover {\n          color: #fff;\n        }\n      }\n    }\n    .pain-points{\n      width: 1200px;\n      padding-top: 115px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      .title{\n        font-size: 32px;\n        color: #181818;\n        line-height: 1;\n        margin-bottom: 70px;\n      }\n      .pain-points-list{\n        width: 100%;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        .pain-points-list-item{\n          flex: 1;\n          min-width: 228px;\n          height: 210px;\n          margin-left: 15px;\n          padding: 25px 18px 30px 30px;\n          position: relative;\n          box-sizing: border-box;\n          background-color: #fff;\n          border-left: 5px solid #00b0dc;\n          box-shadow: 0px 5px 24px 0px rgba(200, 200, 200, 0.2);\n          transition: all 0.3s ease-in-out;\n          .item-text-box{\n            width: 160px;\n            position: relative;\n            z-index: 9;\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n            margin-top: 20px;\n            // transition: all 0.3s ease-in-out;\n            overflow: hidden;\n            .item-title{\n              font-size: 18px;\n              font-weight: 500;\n              color: #1e2127;\n              transition: all 0.3s ease-in-out;\n            }\n            .item-describe{\n              width: 100%;\n              margin-top: 17px;\n              font-size: 16px;\n              font-weight: 300;\n              color: #15b9e2;\n              transition: all 0.3s ease-in-out;\n            }\n          }\n          .pain-points-list-index{\n            z-index: 0;\n            position: absolute;\n            line-height: 1;\n            top: 15px;\n            right: 0;\n            font-size: 150px;\n            font-family: Roboto-Bold;\n            color: #f4f6fe;\n            transition: all 0.3s ease-in-out;\n          }\n        }\n        .pain-points-list-item:first-child{\n          margin-left: 0;\n        }\n        .change-pain-points{\n          flex: 1.5;\n          background-color: #00b0dc;\n          padding-right: 210px;\n          .item-text-box{\n            width: 100%;\n            .item-title{\n              color: #fff;\n            }\n          }\n          .pain-points-list-index{\n            color: #00b0dc;\n          }\n        }\n      }\n    }\n    .sense-of-worth {\n      width: 1200px;\n      margin: 0 auto;\n      padding-top: 30px;\n      .title {\n        font-family: OPPOSans-M;\n        font-size: 32px;\n        color: #181818;\n        text-align: center;\n        margin-top: 90px;\n        margin-bottom: 60px;\n      }\n      .product-value-content {\n        display: flex;\n        justify-content: center;\n        padding-bottom: 100px;\n        position: relative;\n        .product-value-content-center {\n          height: 426px;\n          img {\n            display: block;\n            height: 100%;\n            width: auto;\n          }\n        }\n        .content-text-wrap {\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 100%;\n          display: flex;\n          flex-wrap: wrap;\n          justify-content: center;\n          align-items: flex-start;\n          .analysis-content {\n            width: 50%;\n            display: flex;\n            justify-content: flex-start;\n            align-items: flex-start;\n            padding-top: 65px;\n            .analysis-img {\n              width: auto;\n              height: 25px;\n              margin-top: 8px;\n            }\n            .analysis-text {\n              width: 275px;\n              height: 124px;\n              display: flex;\n              flex-direction: column;\n              align-items: flex-start;\n              margin-left: 15px;\n              .analysis-title {\n                font-family: FontquanXinYiGuanHeiTi-Regular;\n                font-size: 28px;\n                color: #181818;\n                margin-bottom: 21px;\n              }\n              .analysis-content-text {\n                font-size: 16px;\n                color: #181818;\n              }\n            }\n          }\n          .analysis-content:nth-child(2n){\n            justify-content: flex-end;\n          }\n        }\n      }\n    }\n    .solution{\n      width: 1166px;\n      margin: 0 auto;\n      padding-top: 90px;\n      padding-bottom: 90px;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: flex-start;\n      .title{\n        font-size: 32px;\n        color: #181818;\n        margin-bottom: 70px;\n      }\n      .solution-content{\n          width: 100%;\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          .solution-content-tabinfo-wrap{\n              width: 160px;\n              padding: 20px 0;\n              display: flex;\n              flex-direction: column;\n              align-items: center;\n              justify-content: flex-start;\n              box-sizing: border-box;\n              .solution-content__tabInfo{\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                .solution-content__tabTitle{\n                    font-size: 20px;\n                    color: rgba(24, 24, 24, 0.5);\n                    cursor: pointer;\n                }\n                .line{\n                    margin-top: 8px;\n                    margin-bottom: 8px;\n                    width: 1px;\n                    height: 101px;\n                    border-left: 2px dashed #00b0dc;\n                }\n              }\n              .chack-tabInfo{\n                .solution-content__tabTitle{\n                  color: rgba(24, 24, 24, 1);\n                }\n              }\n          }\n          .solution-content__tabText{\n            width: 968px;\n            height: 340px;\n            background: url('@/assets/decomposition/tabInfo-back.png') no-repeat;\n            background-size: cover;\n            padding: 20px 48px 20px 43px;\n            box-sizing: border-box;\n            .solution-content__tabWrap{\n              display: flex;\n              justify-content: space-between;\n              align-items: flex-start;\n              .solution-content__tabDes{\n                width: 380px;\n                margin-top: 68px;\n                font-size: 20px;\n                color: #181818;\n              }\n              .solution-content__tabImage{\n                width: 400px;\n                height: auto;\n              }\n            }\n            .tabContentWrap-enter-active{\n              animation: bounce-in 0.5s;\n            }\n            .tabContentWrap-leave-active{\n              animation: bounce-in 0s reverse;\n            }\n            @keyframes bounce-in {\n              0% {\n                opacity: 0;\n              }\n              100% {\n                opacity: 1;\n              }\n            }\n          }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./target-decomposition.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./target-decomposition.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./target-decomposition.vue?vue&type=template&id=3d5ac950&scoped=true&\"\nimport script from \"./target-decomposition.vue?vue&type=script&lang=js&\"\nexport * from \"./target-decomposition.vue?vue&type=script&lang=js&\"\nimport style0 from \"./target-decomposition.vue?vue&type=style&index=0&id=3d5ac950&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3d5ac950\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"virtual-organization\"},[_c('AppBar'),_c('div',{staticClass:\"page-content\"},[_c('div',{staticClass:\"page-canvas\"},[_c('div',{staticClass:\"page-background\"},[_c('img',{attrs:{\"src\":_vm.top.imgBack,\"alt\":\"\"}})]),_c('div',{staticClass:\"por-container\"},[_c('div',{staticClass:\"solution-info\"},[_c('div',{staticClass:\"solution-info-title\"},[_vm._v(_vm._s(_vm.top.title))]),_c('div',{staticClass:\"solution-info-content\",domProps:{\"innerHTML\":_vm._s(_vm.top.content)}})])])]),_c('div',{ref:\"nav\",staticClass:\"page-nav\"},[_c('div',{ref:\"navTabs\",staticClass:\"page-tabs\",style:({width: _vm.navWidth+'%', height: _vm.navHeight+'px'})},_vm._l((_vm.navList),function(item,index){return _c('div',{key:index,class:['page-nav-item', _vm.topNaviId === item.id ? 'top-nav-item' : ''],on:{\"click\":function($event){return _vm.goAnchor(item)}}},[_vm._v(\" \"+_vm._s(item.title)+\" \")])}),0)]),_c('div',[_c('div',{ref:\"pain-points\",staticClass:\"pain-points\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"虚拟组织痛点\")]),_c('div',{staticClass:\"pain-points-list\"},_vm._l((_vm.painPointsList),function(item,index){return _c('div',{key:index,staticClass:\"pain-points-list-item\"},[_c('div',{staticClass:\"list-item-icon\"},[_c('img',{attrs:{\"src\":item.icon,\"alt\":\"\"}})]),_c('div',{staticClass:\"list-item-title\"},[_vm._v(_vm._s(item.title))]),_c('div',{staticClass:\"list-item-describe\"},[_vm._v(_vm._s(item.describe))])])}),0)])]),_c('div',{ref:\"sense-of-worth\"},[_c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"30px\",\"background-color\":\"#f7f9fc\"}}),_c('div',{staticClass:\"sense-of-worth\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"产品价值体现\")]),_c('div',{staticClass:\"sense-of-worth-list\"},_vm._l((_vm.senseOfWorthList),function(item,index){return _c('div',{key:index,staticClass:\"sense-worth-list-item\"},[_c('div',{staticClass:\"list-item-img-box\"},[_c('img',{staticClass:\"list-item-img\",attrs:{\"src\":item.img,\"alt\":\"\"}})]),_c('div',{staticClass:\"list-item-text-box\"},[_c('div',{staticClass:\"list-item-title\"},[_vm._v(\" \"+_vm._s(item.title)+\" \")]),_c('div',{staticClass:\"list-item-describe\"},[_vm._v(\" \"+_vm._s(item.describe)+\" \")])])])}),0)])]),_c('div',[_c('div',{ref:\"solution\",staticClass:\"solution\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"虚拟组织解决方案\")]),(_vm.solutionContentList.length != 0)?_c('div',{staticClass:\"solution-content\"},[_c('div',{staticClass:\"solution-tag\"},_vm._l((_vm.solutionContentList),function(item,index){return _c('div',{key:index,staticClass:\"solution-tag-item\",class:{'display-tag-item': index === _vm.solutionTagActiveIndex},on:{\"mouseenter\":function($event){return _vm.displayTag(index)}}},[_c('div',{staticClass:\"tag-item-title\"},[_c('div',{staticClass:\"title-text\"},[_vm._v(_vm._s(item.title))]),(index !== _vm.solutionTagActiveIndex)?_c('img',{attrs:{\"src\":require('@/assets/cloudplatform/icon/right-arrow.png'),\"alt\":\"\"}}):_c('img',{attrs:{\"src\":require('@/assets/cloudplatform/icon/down-arrow.png'),\"alt\":\"\"}})]),_c('div',{staticClass:\"tag-item-describe\"},[_c('div',{staticClass:\"describe\"},[_vm._v(\" \"+_vm._s(item.describe)+\" \")])])])}),0),_c('transition',{attrs:{\"name\":\"solution-fade\"}},[_c('div',{key:_vm.solutionTagActiveIndex,staticClass:\"fade-content\"},[_c('img',{attrs:{\"src\":_vm.solutionContentList[_vm.solutionTagActiveIndex].img,\"alt\":\"\"}})])])],1):_vm._e()])])]),_c('RightFixedgt'),_c('FootWrap'),_c('AltProduct',{ref:\"altProduct\"}),_c('ast',{ref:\"ast\"})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"virtual-organization\">\n    <AppBar />\n    <div class=\"page-content\">\n      <div class=\"page-canvas\">\n        <div class=\"page-background\">\n          <img :src=\"top.imgBack\" alt=\"\" />\n        </div>\n        <div class=\"por-container\">\n          <div class=\"solution-info\">\n            <div class=\"solution-info-title\">{{ top.title }}</div>\n            <div class=\"solution-info-content\" v-html=\"top.content\">\n              <!-- 利用在线招聘流程，帮助企业实现智能、便捷的招聘模式，\n              建立企业自己的人才储备机制 -->\n            </div>\n          </div>\n        </div>\n      </div>\n      <div ref=\"nav\" class=\"page-nav\">\n        <div ref=\"navTabs\" class=\"page-tabs\" :style=\"{width: navWidth+'%', height: navHeight+'px'}\">\n          <div\n            v-for=\"(item, index) in navList\"\n            :key=\"index\"\n            :class=\"['page-nav-item', topNaviId === item.id ? 'top-nav-item' : '']\"\n            @click=\"goAnchor(item)\"\n          >\n            {{ item.title }}\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"pain-points\" class=\"pain-points\">\n          <div class=\"title\">虚拟组织痛点</div>\n          <div class=\"pain-points-list\">\n            <div\n              v-for=\"(item, index) in painPointsList\"\n              :key=\"index\"\n              class=\"pain-points-list-item\"\n            >\n              <div class=\"list-item-icon\">\n                <img :src=\"item.icon\" alt=\"\" />\n              </div>\n              <div class=\"list-item-title\">{{ item.title }}</div>\n              <div class=\"list-item-describe\">{{ item.describe }}</div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div ref=\"sense-of-worth\">\n        <div style=\"width: 100%; height: 30px; background-color: #f7f9fc;\"></div>\n        <div class=\"sense-of-worth\">\n          <div class=\"title\">产品价值体现</div>\n          <div class=\"sense-of-worth-list\">\n            <div\n              v-for=\"(item, index) in senseOfWorthList\"\n              :key=\"index\"\n              class=\"sense-worth-list-item\"\n            >\n              <div class=\"list-item-img-box\">\n                <img :src=\"item.img\" alt=\"\" class=\"list-item-img\" />\n              </div>\n              <div class=\"list-item-text-box\">\n                <div class=\"list-item-title\">\n                  {{ item.title }}\n                </div>\n                <div class=\"list-item-describe\">\n                  {{ item.describe }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"solution\" class=\"solution\">\n          <div class=\"title\">虚拟组织解决方案</div>\n          <div v-if=\"solutionContentList.length != 0\" class=\"solution-content\">\n            <div class=\"solution-tag\">\n              <div\n                v-for=\"(item, index) in solutionContentList\"\n                :key=\"index\"\n                class=\"solution-tag-item\"\n                :class=\"{'display-tag-item': index === solutionTagActiveIndex}\"\n                @mouseenter=\"displayTag(index)\"\n              >\n                <div class=\"tag-item-title\">\n                  <div class=\"title-text\">{{ item.title }}</div>\n                  <img v-if=\"index !== solutionTagActiveIndex\" :src=\"require('@/assets/cloudplatform/icon/right-arrow.png')\" alt=\"\" />\n                  <img v-else :src=\"require('@/assets/cloudplatform/icon/down-arrow.png')\" alt=\"\" />\n                </div>\n                <div class=\"tag-item-describe\">\n                  <div\n                    class=\"describe\"\n                  >\n                    {{ item.describe }}\n                  </div>\n                </div>\n              </div>\n            </div>\n            <transition name=\"solution-fade\">\n              <div :key=\"solutionTagActiveIndex\" class=\"fade-content\">\n                <img :src=\"solutionContentList[solutionTagActiveIndex].img\" alt=\"\" />\n              </div>\n            </transition>\n          </div>\n        </div>\n      </div>\n    </div>\n    <RightFixedgt />\n    <FootWrap />\n    <AltProduct ref=\"altProduct\" />\n    <ast ref=\"ast\" />\n  </div>\n</template>\n\n<script>\nimport { getColumnChild, getColumnDetail } from '@/api/column';\nimport { getContentList, getContentDetail } from '@/api/content';\n\nexport default {\n  name: 'VirtualOrganization',\n  data () {\n    return {\n      top: {\n        title: '',\n        content: '',\n        imgBack: require('@/assets/organization/canvas.gif'),\n      },\n      navWidth: 80,\n      navHeight: 60,\n      offsetTop: 0,\n      scrollTop: 0,\n      position: 0,\n      topNaviId: null,\n      navList: [\n        {\n          title: '企业痛点',\n          id: 'pain-points',\n        },\n        {\n          title: '产品价值观',\n          id: 'sense-of-worth',\n        },\n        {\n          title: '解决方案',\n          id: 'solution',\n        },\n      ],\n      painPointsList: [\n        // {\n        //   icon: require('@/assets/organization/icon/pain-points1.png'),\n        //   title: '优势资源分散，不能共享',\n        //   describe: '组织中的优秀人才和资源由于职能的划分往往比较分散，在不改变现有组织形态的前提下需要有效利用优势资源应对外部环境变化。',\n        // },\n        // {\n        //   icon: require('@/assets/organization/icon/pain-points2.png'),\n        //   title: '如何强化组织之间的协同',\n        //   describe: '由于主体架构决定了层级关系，导致各组织之间的协同工作出现许多障碍，降低了工作效率。',\n        // },\n        // {\n        //   icon: require('@/assets/organization/icon/pain-points3.png'),\n        //   title: '临时组织如何管理',\n        //   describe: '企业为应对市场变化或特定情况成立的临时性虚拟组织，不能有效监管，汇报机制不健全。',\n        // },\n      ],\n      senseOfWorthList: [\n        // {\n        //   title: '形成动态联盟',\n        //   describe: '组织或组织成员不受时间和地理空间的限制，资源优化利用，灵活性强，更好的实现组织目标',\n        //   img: require('@/assets/organization/sense-of-worth1.png'),\n        // },\n        // {\n        //   title: '组织扁平化',\n        //   describe: '虚拟组织通过协作和契约关系，使得企业的管理组织扁平化、信息化，削减了中间层次，使决策层贴近执行层据',\n        //   img: require('@/assets/organization/sense-of-worth2.png'),\n        // },\n        // {\n        //   title: '协同工作',\n        //   describe: '更好的利用企业人力资源，可以保证合作各方实现资源共享、优势互补和有效合作 ',\n        //   img: require('@/assets/organization/sense-of-worth3.png'),\n        // },\n        // {\n        //   title: '提升组织经营绩效',\n        //   describe: '虚拟组织内部成员的专业化可以看做是组织能力的分工，这种分工可以产生协同效应，使得整个虚拟组织的经营绩效高于单独经营绩效之和 ',\n        //   img: require('@/assets/organization/sense-of-worth4.png'),\n        // },\n      ],\n      solutionContentList: [\n        // {\n        //   title: '项目组管理模式',\n        //   describe: '在不改变现有组织架构的前提下，可以将企业中的部分管理人才进行整合，成立临时性项目组，能更好的通过系统对项目进度和任务进行管控。',\n        //   img: require('@/assets/organization/solution1.png'),\n        // },\n        // {\n        //   title: '敏捷组织管理',\n        //   describe: '在某些特定项目完成后可以快速解散，不影响组织成员的实体组织关系，实现资源的最大化利用。',\n        //   img: require('@/assets/organization/solution2.png'),\n        // },\n        // {\n        //   title: '提升组织成员能力',\n        //   describe: '在虚拟组织的管理过程中，组织成员进行知识和技术共享，同步完成知识转移的动作，为整个团队的提升带来动力。',\n        //   img: require('@/assets/organization/solution3.png'),\n        // },\n      ],\n      solutionTagActiveIndex: 0,\n    };\n  },\n  watch: {\n    scrollTop(newValue, oldValue) {\n      setTimeout(() => {\n        if (newValue === window.scrollY) {\n          for (var i = 0; i < this.navList.length; i++) {\n            var elementTop = this.$refs[`${this.navList[i].id}`].offsetTop - this.scrollTop - 1;\n            if (elementTop <= 70) {\n              this.topNaviId = this.navList[i].id;\n            }\n          }\n        }\n      }, 20);\n    },\n  },\n  mounted () {\n    window.addEventListener('scroll', this.handleScroll);\n    this.$nextTick(() => {\n      const nav = this.$refs.nav;\n      this.offsetTop = nav.offsetTop;\n    });\n    this.getPageColumn();\n  },\n  beforeDestroy () {\n    window.removeEventListener('scroll', this.handleScroll);\n  },\n  methods: {\n    handleScroll() {\n      var offsetHeight = this.$refs.navTabs.offsetHeight;\n      this.scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;\n      var headerFixed = this.scrollTop > this.offsetTop - offsetHeight / 2 - 70;\n      var scroll = this.scrollTop - this.position;\n      this.position = this.scrollTop;\n      if (this.scrollTop <= 400) {\n        this.navHeight = 52;\n        this.navWidth = 80;\n        this.$refs.nav.style.position = 'relative';\n        this.$refs.nav.style.top = '0px';\n        this.topNaviId = null;\n      } else if (this.scrollTop >= 400 && !headerFixed) {\n        this.navHeight += 0.04 * scroll;\n        this.navWidth += 0.12 * scroll;\n        this.$refs.navTabs.style.top = -(offsetHeight / 2) + 'px';\n        this.$refs.nav.style.position = 'relative';\n        this.$refs.nav.style.top = '0px';\n        this.topNaviId = null;\n      } else if (headerFixed) {\n        this.navHeight = 60;\n        this.navWidth = 100;\n        this.$refs.navTabs.style.top = -(offsetHeight / 2) + 'px';\n        this.$refs.nav.style.position = 'fixed';\n        this.$refs.nav.style.top = offsetHeight / 2 + 70 + 'px';\n      }\n    },\n    goAnchor(i) {\n      // var id = '#' + i.id;\n      // document.querySelector(id).scrollIntoView({\n      //   behavior: 'smooth',\n      //   block: 'start',\n      // });\n      window.scrollTo({\n        top: this.$refs[`${i.id}`].offsetTop - 70,\n        left: 0,\n        behavior: 'smooth',\n      });\n    },\n\n    // 获取页面栏目\n    async getPageColumn() {\n      const params = { parentId: '1607260919291928576', };\n      getColumnChild(params).then(async (res) => {\n        const { result, } = res;\n        for (var i = 0; i < result.length; i++) {\n          if (result[i].name === '企业痛点') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\n            getContentList(data).then(async (rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                const rts = await getContentDetail(rrsult.data[j].id);\n                const rtsult = rts.result;\n                var painPointsItem = {\n                  title: rtsult.title,\n                  icon: rtsult.icon,\n                  describe: rtsult.description,\n                };\n                this.painPointsList.push(painPointsItem);\n              }\n            });\n          } else if (result[i].name === '产品价值观') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\n            this.valueCenterImg = result[i].icon;\n            getContentList(data).then(async (rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                var senseOfWorthItem = {\n                  title: rrsult.data[j].title,\n                  img: rrsult.data[j].icon,\n                  describe: rrsult.data[j].description,\n                };\n                // const rts = await getContentDetail(rrsult.data[j].id);\n                // const rtsult = rts.result;\n                // for (var x = 0; x < rtsult.elements.length; x++) {\n                //   valueAnalysisItem.textList.push(rtsult.elements[x].content);\n                // }\n                this.senseOfWorthList.push(senseOfWorthItem);\n              }\n            });\n          } else if (result[i].name === '解决方案') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\n            getContentList(data).then(async (rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                var solutionContent = {\n                  title: rrsult.data[j].title,\n                  describe: rrsult.data[j].description,\n                  img: rrsult.data[j].icon,\n                };\n                // const rts = await getContentDetail(rrsult.data[j].id);\n                // const rtsult = rts.result;\n                // for (var x = 0; x < rtsult.elements.length; x++) {\n                //   solutionItem.contentList.push(rtsult.elements[x].content);\n                // }\n                this.solutionContentList.push(solutionContent);\n              }\n            });\n          } else if (result[i].name === '顶部图') {\n            getColumnDetail(result[i].id).then((rrs) => {\n              const rrsult = rrs.result;\n              var content = rrsult.elements.find(obj => obj.name === 'content').content;\n              var contentdoc = new DOMParser().parseFromString(content, 'text/html');\n              this.top.title = rrsult.elements.find(obj => obj.name === 'subtitle').content;\n              this.top.content = contentdoc.documentElement.textContent.replace(/&nbsp;/g, ' ');\n              // this.top = {\n              //   imgBack: rrsult.icon,\n              // };\n            });\n          }\n        }\n      });\n    },\n\n    displayTag(index) {\n      this.solutionTagActiveIndex = index;\n    },\n    openBealter () {\n      this.$refs.altProduct.tobealter();\n    },\n    openBealter2() {\n       this.$refs.ast.drawer  = true\n    },\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n.virtual-organization{\n    background-color: #fff;\n    .page-content{\n      width: 100%;\n      .page-canvas{\n        width: 100%;\n        height: fit-content;\n        min-width: var(--minwidth);\n        position: relative;\n        background-size: cover;\n        overflow: hidden;\n        .page-background{\n          position: absolute;\n        left: 0;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        background-position: top;\n        background-size: cover;\n        background-repeat: no-repeat;\n          img{\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n          object-position: center top;\n          }\n        }\n        .por-container {\n        width: 70%;\n        max-width: 1200px;\n        margin: 0 auto;\n        position: relative;\n        .solution-info {\n          width: 480px;\n          height: 560px;\n          display: flex;\n          justify-content: center;\n          flex-direction: column;\n          box-sizing: border-box;\n          .solution-info-title {\n            font-size: 46px;\n            font-weight: bold;\n            line-height: 55px;\n            color: #181818;\n            margin-bottom: 29px;\n          }\n          .solution-info-content {\n            font-size: 20px;\n            line-height: 32px;\n            color: #7b7b7b;\n            margin-bottom: 44px;\n          }\n          // .solution-btn {\n          //   width: 142px;\n          //   height: 48px;\n          //   background-color: #1589fd;\n          //   color: #fff;\n          //   text-align: center;\n          //   line-height: 48px;\n          //   cursor: pointer;\n          //   border-radius: 24px;\n          // }\n        }\n      }\n      }\n      .page-nav{\n            width: 100%;\n            display: flex;\n            position: relative;\n            justify-content: center;\n            z-index: 50;\n            .page-tabs{\n                margin: 0 auto;\n                box-shadow: 0px 2px 8px 0px rgba(139, 139, 139, 0.18);\n                border-radius: 2px;\n                background-color: #fff;\n                display: flex;\n                position: absolute;\n                top: -26px;\n                .page-nav-item{\n                flex: 1;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                color: #181818;\n                font-size: 14px;\n                cursor: pointer;\n                }\n                .page-nav-item:hover{\n                color: #00b0dc;\n                }\n                .top-nav-item {\n                color: #fff;\n                background-color: #00b0dc;\n                }\n                .top-nav-item:hover {\n                color: #fff;\n                }\n            }\n      }\n      .pain-points{\n            width: 100%;\n            padding-top: 115px;\n            padding-bottom: 60px;\n            background-color: #f7f9fc;\n            margin: 0 auto;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            .title{\n                font-size: 32px;\n                color: #181818;\n                line-height: 1;\n                margin-bottom: 70px;\n            }\n            .pain-points-list{\n                width: 1200px;\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n                .pain-points-list-item{\n                    width: 380px;\n                    height: 360px;\n                    padding-top: 40px;\n                    border-radius: 10px;\n                    display: flex;\n                    flex-direction: column;\n                    align-items: center;\n                    box-sizing: border-box;\n                    background-color: transparent;\n                    transition: all 0.5s ease-in-out;\n                    .list-item-icon{\n                        width: 72px;\n                        height: 72px;\n                        background-color: transparent;\n                        border-radius: 50%;\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                        margin-bottom: 40px;\n                        transition: all 0.5s ease-in-out;\n                        img{\n                           width: 36px;\n                           height: auto;\n                        }\n                    }\n                    .list-item-title{\n                        font-weight: 600;\n                        font-size: 22px;\n                        color: #181818;\n                        margin-bottom: 20px;\n                        line-height: 1;\n                    }\n                    .list-item-describe{\n                        width: 284px;\n                        font-size: 16px;\n                        font-weight: 400;\n                        line-height: 26px;\n                        color: #181818;\n                    }\n                }\n                .pain-points-list-item:hover{\n                    background-color: #fff;\n                    box-shadow: 0px 3px 24px 0px rgba(139, 139, 139, 0.1);\n                    .list-item-icon{\n                        background-color: #f7f8fa;\n                    }\n                }\n            }\n      }\n      .sense-of-worth{\n        width: 1200px;\n        margin: 0 auto;\n        margin-top: 90px;\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-start;\n        align-items: center;\n        .title{\n          font-size: 32px;\n          color: #181818;\n        }\n        .sense-of-worth-list{\n          width: 100%;\n          display: flex;\n          justify-content: space-between;\n          align-items: flex-start;\n          margin-top: 70px;\n          .sense-worth-list-item{\n            width: 282px;\n            height: 470px;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            align-items: center;\n            background-color: #fff;\n            border-radius: 10px;\n            border: 1px solid #eee;\n            box-shadow: 0px 3px 24px 0px rgba(139, 139, 139, 0.1);\n            transform: translateY(0);\n            transition: all .3s ease-in-out;\n            .list-item-img-box{\n              flex: 1;\n              display: flex;\n              justify-content: center;\n              align-items: center;\n              .list-item-img{\n                width: auto;\n              }\n            }\n            .list-item-text-box{\n              width: 195px;\n              height: 197px;\n              display: flex;\n              flex-direction: column;\n              align-items: center;\n              justify-content: flex-start;\n              .list-item-title{\n                font-size: 24px;\n                font-weight: 600;\n                line-height: 1;\n                color: #181818;\n                margin-bottom: 29px;\n              }\n              .list-item-describe{\n                text-align: center;\n                font-size: 14px;\n                font-weight: 400;\n                color: #6d6e6f;\n              }\n            }\n          }\n          .sense-worth-list-item:hover{\n            transform: translateY(-15px);\n          }\n        }\n      }\n      .solution{\n        width: 1200px;\n        padding-top: 109px;\n        padding-bottom: 90px;\n        margin: 0 auto;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        .title{\n          font-size: 32px;\n          color: #181818;\n          line-height: 1;\n          padding-bottom: 90px;\n          box-sizing: border-box;\n        }\n        .solution-content{\n          width: 100%;\n          height: 460px;\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          .solution-tag{\n            width: 440px;\n            height: 428px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: space-between;\n            .solution-tag-item{\n              width: 100%;\n              height: 83px;\n              padding: 31px;\n              margin-bottom: 16px;\n              display: flex;\n              flex-direction: column;\n              justify-content: flex-start;\n              box-sizing: border-box;\n              background-color: #f5f7f9;\n              border-radius: 8px;\n              cursor: pointer;\n              transition: all .3s ease-in-out;\n              .tag-item-title {\n                width: 100%;\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n                transition: all .3s ease-in-out;\n                margin-bottom: 20px;\n                .title-text{\n                  font-weight: 600;\n                  font-size: 18px;\n                  color: #181818;\n                  transition: all .3s ease-in-out;\n                }\n              }\n              .tag-item-describe{\n                width: 100%;\n                flex: 1;\n                overflow: hidden;\n                .describe{\n                  font-size: 16px;\n                  font-weight: 300;\n                  color: #181818;\n                  line-height: 25px;\n                  transition: all .3s ease-in-out;\n                }\n              }\n            }\n            .display-tag-item{\n              height: 230px;\n              background: url('@/assets/cloudplatform/introduction-tag.png') no-repeat;\n              background-size: cover;\n              .tag-item-title{\n                .title-text{\n                  color: #fff;\n                }\n              }\n              .tag-item-describe{\n                .describe{\n                  color: #fff;\n                }\n              }\n            }\n            .solution-tag-item:last-child{\n              margin: 0;\n            }\n          }\n          .fade-content{\n            width: 740px;\n            img{\n                width: 100%;\n                display: block;\n            }\n          }\n          .solution-fade-enter-active{\n            animation: bounce-in 0.5s;\n          }\n          .solution-fade-leave-active{\n            animation: bounce-in 0s reverse;\n          }\n          @keyframes bounce-in {\n            0% {\n                opacity: 0;\n            }\n            100% {\n                opacity: 1;\n            }\n          }\n        }\n      }\n    }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./virtual-organization.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./virtual-organization.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./virtual-organization.vue?vue&type=template&id=60eebe6b&scoped=true&\"\nimport script from \"./virtual-organization.vue?vue&type=script&lang=js&\"\nexport * from \"./virtual-organization.vue?vue&type=script&lang=js&\"\nimport style0 from \"./virtual-organization.vue?vue&type=style&index=0&id=60eebe6b&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"60eebe6b\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"mobile-terminal\"},[_c('AppBar'),_c('div',{staticClass:\"page-content\"},[_c('div',{staticClass:\"page-canvas\"},[_c('div',{staticClass:\"page-background\"},[_c('img',{attrs:{\"src\":_vm.top.imgBack,\"alt\":\"\"}})]),_c('div',{staticClass:\"por-container\"},[_c('div',{staticClass:\"solution-info\"},[_c('div',{staticClass:\"solution-info-title\"},[_vm._v(_vm._s(_vm.top.title))]),_c('div',{staticClass:\"solution-info-content\",domProps:{\"innerHTML\":_vm._s(_vm.top.content)}})])])]),_c('div',{ref:\"nav\",staticClass:\"page-nav\"},[_c('div',{ref:\"navTabs\",staticClass:\"page-tabs\",style:({ width: _vm.navWidth + '%', height: _vm.navHeight + 'px' })},_vm._l((_vm.navList),function(item,index){return _c('div',{key:index,class:[\n            'page-nav-item',\n            _vm.topNaviId === item.id ? 'top-nav-item' : ''\n          ],on:{\"click\":function($event){return _vm.goAnchor(item)}}},[_vm._v(\" \"+_vm._s(item.title)+\" \")])}),0)]),_c('div',[_c('div',{ref:\"pain-points\",staticClass:\"pain-points\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"企业审批痛点\")]),_c('div',{staticClass:\"pain-points-list\"},_vm._l((_vm.painPointsList),function(item,index){return _c('div',{key:index,staticClass:\"pain-points-list-item\"},[_c('div',{staticClass:\"list-item-icon\"},[_c('img',{staticClass:\"icon\",attrs:{\"src\":item.icon,\"alt\":\"\"}})]),_c('div',{staticClass:\"list-item-text\"},[_c('div',{staticClass:\"list-item-title\"},[_vm._v(_vm._s(item.title))]),_c('div',{staticClass:\"list-item-describe\"},[_vm._v(_vm._s(item.describe))])])])}),0)])]),_c('div',[_c('div',{ref:\"sense-of-worth\",staticClass:\"sense-of-worth\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"产品价值体现\")]),_c('div',{staticClass:\"sense-of-worth-list\"},_vm._l((_vm.senseOfWorthList),function(item,index){return _c('div',{key:index,staticClass:\"sense-worth-item\",style:({ background: `url('${item.backImg}') no-repeat` })},[_c('div',{staticClass:\"item-content\"},[_c('div',{staticClass:\"item-title\"},[_vm._v(_vm._s(item.title))]),_c('div',{staticClass:\"item-text\"},[_vm._v(_vm._s(item.text))])])])}),0)])]),_c('div',[_c('div',{ref:\"solution\",staticClass:\"solution\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"移动端解决方案\")]),(_vm.SolutionList.length != 0)?_c('div',{staticClass:\"solution-content\"},[_c('div',{staticClass:\"solution-content-tabinfo-wrap\"},_vm._l((_vm.SolutionList),function(item,index){return _c('div',{key:index,staticClass:\"tabinfo-item\",class:{ 'chack-tabInfo': index === _vm.solutionIndex },on:{\"click\":function($event){return _vm.onClick(index)}}},[_vm._v(\" \"+_vm._s(item.title)+\" \")])}),0),_c('div',{staticClass:\"solution-content___tabText\"},[_c('transition',{attrs:{\"name\":\"tabContentWrap\"}},[_c('div',{key:_vm.solutionIndex,staticClass:\"solution-content__tabWrap\"},[_c('div',{staticClass:\"content__tabWrap-top\"},[_c('div',{staticClass:\"solution-content__tabtit\"},[_vm._v(\" \"+_vm._s(_vm.SolutionList[_vm.solutionIndex].title)+\" \")]),_c('div',{staticClass:\"solution-content__tabDes\"},[_vm._v(\" \"+_vm._s(_vm.SolutionList[_vm.solutionIndex].text)+\" \")])]),_c('img',{staticClass:\"solution-content__tabImage\",attrs:{\"src\":_vm.SolutionList[_vm.solutionIndex].img,\"alt\":\"\"}})])])],1)]):_vm._e()])])]),_c('RightFixedgt'),_c('FootWrap'),_c('AltProduct',{ref:\"altProduct\"}),_c('ast',{ref:\"ast\"})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"mobile-terminal\">\n    <AppBar />\n    <div class=\"page-content\">\n      <div class=\"page-canvas\">\n        <div class=\"page-background\">\n          <img :src=\"top.imgBack\" alt=\"\" />\n        </div>\n        <div class=\"por-container\">\n          <div class=\"solution-info\">\n            <div class=\"solution-info-title\">{{ top.title }}</div>\n            <div class=\"solution-info-content\" v-html=\"top.content\">\n              <!-- 利用在线招聘流程，帮助企业实现智能、便捷的招聘模式，\n              建立企业自己的人才储备机制 -->\n            </div>\n          </div>\n        </div>\n      </div>\n      <div ref=\"nav\" class=\"page-nav\">\n        <div\n          ref=\"navTabs\"\n          class=\"page-tabs\"\n          :style=\"{ width: navWidth + '%', height: navHeight + 'px' }\"\n        >\n          <div\n            v-for=\"(item, index) in navList\"\n            :key=\"index\"\n            :class=\"[\n              'page-nav-item',\n              topNaviId === item.id ? 'top-nav-item' : ''\n            ]\"\n            @click=\"goAnchor(item)\"\n          >\n            {{ item.title }}\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"pain-points\" class=\"pain-points\">\n          <div class=\"title\">企业审批痛点</div>\n          <div class=\"pain-points-list\">\n            <div\n              v-for=\"(item, index) in painPointsList\"\n              :key=\"index\"\n              class=\"pain-points-list-item\"\n            >\n              <div class=\"list-item-icon\">\n                <img :src=\"item.icon\" alt=\"\" class=\"icon\" />\n              </div>\n              <div class=\"list-item-text\">\n                <div class=\"list-item-title\">{{ item.title }}</div>\n                <div class=\"list-item-describe\">{{ item.describe }}</div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"sense-of-worth\" class=\"sense-of-worth\">\n          <div class=\"title\">产品价值体现</div>\n          <div class=\"sense-of-worth-list\">\n            <div\n              v-for=\"(item, index) in senseOfWorthList\"\n              :key=\"index\"\n              :style=\"{ background: `url('${item.backImg}') no-repeat` }\"\n              class=\"sense-worth-item\"\n            >\n              <div class=\"item-content\">\n                <div class=\"item-title\">{{ item.title }}</div>\n                <div class=\"item-text\">{{ item.text }}</div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div ref=\"solution\" class=\"solution\">\n          <div class=\"title\">移动端解决方案</div>\n          <div v-if=\"SolutionList.length != 0\" class=\"solution-content\">\n            <div class=\"solution-content-tabinfo-wrap\">\n              <div\n                v-for=\"(item, index) in SolutionList\"\n                :key=\"index\"\n                class=\"tabinfo-item\"\n                :class=\"{ 'chack-tabInfo': index === solutionIndex }\"\n                @click=\"onClick(index)\"\n              >\n                {{ item.title }}\n              </div>\n            </div>\n            <div class=\"solution-content___tabText\">\n              <transition name=\"tabContentWrap\">\n                <div :key=\"solutionIndex\" class=\"solution-content__tabWrap\">\n                  <div class=\"content__tabWrap-top\">\n                    <div class=\"solution-content__tabtit\">\n                      {{ SolutionList[solutionIndex].title }}\n                    </div>\n                    <div class=\"solution-content__tabDes\">\n                      {{ SolutionList[solutionIndex].text }}\n                    </div>\n                  </div>\n                  <img\n                    :src=\"SolutionList[solutionIndex].img\"\n                    alt=\"\"\n                    class=\"solution-content__tabImage\"\n                  />\n                </div>\n              </transition>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <RightFixedgt />\n    <FootWrap />\n    <AltProduct ref=\"altProduct\" />\n    <ast ref=\"ast\" />\n  </div>\n</template>\n\n<script>\nimport { getColumnChild, getColumnDetail } from '@/api/column'\nimport { getContentList, getContentDetail } from '@/api/content'\n\nexport default {\n  name: 'MobileTerminal',\n  data() {\n    return {\n      top: {\n        title: '',\n        content: '',\n        imgBack: require('@/assets/mobile/canvas.gif')\n      },\n      navWidth: 80,\n      navHeight: 60,\n      offsetTop: 0,\n      scrollTop: 0,\n      position: 0,\n      topNaviId: null,\n      navList: [\n        {\n          title: '企业痛点',\n          id: 'pain-points'\n        },\n        {\n          title: '产品价值观',\n          id: 'sense-of-worth'\n        },\n        {\n          title: '解决方案',\n          id: 'solution'\n        }\n      ],\n      painPointsList: [\n        // {\n        //   icon: require('@/assets/mobile/icon/pain-points1.png'),\n        //   title: '纸质单据不易查询和保存',\n        //   describe: '使用纸质单据方式进行线下审批后期查询困难，容易遗失',\n        // },\n        // {\n        //   icon: require('@/assets/mobile/icon/pain-points2.png'),\n        //   title: '流程复杂，效率低',\n        //   describe: '多级审批导致线下审批过程漫长，领导出差导致单据积压引响考勤和薪酬的核算效率',\n        // },\n        // {\n        //   icon: require('@/assets/mobile/icon/pain-points3.png'),\n        //   title: '提交人无法实时查看单据状态',\n        //   describe: '提单人无法查看单据审批状态无法及时根据情况修正单据，导致其他工作延后',\n        // },\n        // {\n        //   icon: require('@/assets/mobile/icon/pain-points4.png'),\n        //   title: '不能与企业制度联动',\n        //   describe: '相关单据提交后需要HR核对制度后才知道是否符合企业制度，导致单据的反复提交提升了管理时间成本',\n        // },\n      ],\n      senseOfWorthList: [\n        // {\n        //   backImg: require('@/assets/mobile/sense-worth-back1.png'),\n        //   title: '自助查询',\n        //   text: '提供员工自助平台，实现个人信息的在线查询，提升员工的体验感和归属感',\n        // },\n        // {\n        //   backImg: require('@/assets/mobile/sense-worth-back2.png'),\n        //   title: '自助提醒',\n        //   text: '相关提醒直接推送给员工，减少中间管理环节，提升效率',\n        // },\n        // {\n        //   backImg: require('@/assets/mobile/sense-worth-back3.png'),\n        //   title: '自助提单',\n        //   text: '根据系统推送的信息，员工能及时进行审批单据的提交（资料变更、证件更迭、考勤单据等等）',\n        // },\n        // {\n        //   backImg: require('@/assets/mobile/sense-worth-back4.png'),\n        //   title: '自助审批',\n        //   text: '管理人员可以通过移动端进行在线审批和绩效评价，完全实现移动办公的效果',\n        // },\n      ],\n      solutionIndex: 0,\n      SolutionList: [\n        // {\n        //   title: '在线审批，不限用户数，全员参与',\n        //   text: '传统的OA系统由于端口限制导致无法全员使用，华跃HR平台具有不限用户数和并发数的优势，可以让企业全员参与单据提交和审批',\n        //   img: require('@/assets/mobile/solution1.png'),\n        // },\n        // {\n        //   title: '在线评价，对人才进行综合评价分析',\n        //   text: '启用人才在线面试评价，减少了资料录入和沟通环节，更好的帮助企业对人才进行综合评价分析',\n        //   img: require('@/assets/mobile/solution2.png'),\n        // },\n        // {\n        //   title: '在线预约，实现快速验证身份',\n        //   text: '针对传统访客登记的弊端，华跃移动平台实现提前在线预约审核，与安防门禁等系统联动，即实现了快速验证身份又保证了人员进出安全管控。',\n        //   img: require('@/assets/mobile/solution3.png'),\n        // },\n      ]\n    }\n  },\n  watch: {\n    scrollTop(newValue, oldValue) {\n      setTimeout(() => {\n        if (newValue === window.scrollY) {\n          for (var i = 0; i < this.navList.length; i++) {\n            var elementTop =\n              this.$refs[`${this.navList[i].id}`].offsetTop - this.scrollTop - 1\n            if (elementTop <= 70) {\n              this.topNaviId = this.navList[i].id\n            }\n          }\n        }\n      }, 20)\n    }\n  },\n  mounted() {\n    window.addEventListener('scroll', this.handleScroll)\n    this.$nextTick(() => {\n      const nav = this.$refs.nav\n      this.offsetTop = nav.offsetTop\n    })\n    this.getPageColumn()\n  },\n  beforeDestroy() {\n    window.removeEventListener('scroll', this.handleScroll)\n  },\n  methods: {\n    handleScroll() {\n      var offsetHeight = this.$refs.navTabs.offsetHeight\n      this.scrollTop =\n        window.pageYOffset ||\n        document.documentElement.scrollTop ||\n        document.body.scrollTop\n      var headerFixed = this.scrollTop > this.offsetTop - offsetHeight / 2 - 70\n      var scroll = this.scrollTop - this.position\n      this.position = this.scrollTop\n      if (this.scrollTop <= 400) {\n        this.navHeight = 52\n        this.navWidth = 80\n        this.$refs.nav.style.position = 'relative'\n        this.$refs.nav.style.top = '0px'\n        this.topNaviId = null\n      } else if (this.scrollTop >= 400 && !headerFixed) {\n        this.navHeight += 0.04 * scroll\n        this.navWidth += 0.12 * scroll\n        this.$refs.navTabs.style.top = -(offsetHeight / 2) + 'px'\n        this.$refs.nav.style.position = 'relative'\n        this.$refs.nav.style.top = '0px'\n        this.topNaviId = null\n      } else if (headerFixed) {\n        this.navHeight = 60\n        this.navWidth = 100\n        this.$refs.navTabs.style.top = -(offsetHeight / 2) + 'px'\n        this.$refs.nav.style.position = 'fixed'\n        this.$refs.nav.style.top = offsetHeight / 2 + 70 + 'px'\n      }\n    },\n    goAnchor(i) {\n      // var id = '#' + i.id;\n      // document.querySelector(id).scrollIntoView({\n      //   behavior: 'smooth',\n      //   block: 'start',\n      // });\n      window.scrollTo({\n        top: this.$refs[`${i.id}`].offsetTop - 70,\n        left: 0,\n        behavior: 'smooth'\n      })\n    },\n\n    // 获取页面栏目\n    async getPageColumn() {\n      const params = { parentId: '1607261116927533056' }\n      getColumnChild(params).then(async res => {\n        const { result } = res\n        for (var i = 0; i < result.length; i++) {\n          if (result[i].name === '企业痛点') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99 }\n            getContentList(data).then(async rrs => {\n              const rrsult = rrs.result\n              for (var j = 0; j < rrsult.data.length; j++) {\n                const rts = await getContentDetail(rrsult.data[j].id)\n                const rtsult = rts.result\n                var painPointsItem = {\n                  title: rtsult.title,\n                  icon: rtsult.icon,\n                  describe: rtsult.description\n                }\n                this.painPointsList.push(painPointsItem)\n              }\n            })\n          } else if (result[i].name === '产品价值观') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99 }\n            this.valueCenterImg = result[i].icon\n            getContentList(data).then(async rrs => {\n              const rrsult = rrs.result\n              for (var j = 0; j < rrsult.data.length; j++) {\n                var senseOfWorthItem = {\n                  title: rrsult.data[j].title,\n                  backImg: rrsult.data[j].icon,\n                  text: rrsult.data[j].description\n                }\n                // const rts = await getContentDetail(rrsult.data[j].id);\n                // const rtsult = rts.result;\n                // for (var x = 0; x < rtsult.elements.length; x++) {\n                //   valueAnalysisItem.textList.push(rtsult.elements[x].content);\n                // }\n                this.senseOfWorthList.push(senseOfWorthItem)\n              }\n            })\n          } else if (result[i].name === '解决方案') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99 }\n            getContentList(data).then(async rrs => {\n              const rrsult = rrs.result\n              for (var j = 0; j < rrsult.data.length; j++) {\n                var solutionItem = {\n                  title: rrsult.data[j].title,\n                  text: rrsult.data[j].description,\n                  img: rrsult.data[j].icon\n                }\n                // const rts = await getContentDetail(rrsult.data[j].id);\n                // const rtsult = rts.result;\n                // for (var x = 0; x < rtsult.elements.length; x++) {\n                //   solutionItem.contentList.push(rtsult.elements[x].content);\n                // }\n                this.SolutionList.push(solutionItem)\n              }\n            })\n          } else if (result[i].name === '顶部图') {\n            getColumnDetail(result[i].id).then(rrs => {\n              const rrsult = rrs.result\n              var content = rrsult.elements.find(obj => obj.name === 'content')\n                .content\n              var contentdoc = new DOMParser().parseFromString(\n                content,\n                'text/html'\n              )\n              this.top.title = rrsult.elements.find(\n                obj => obj.name === 'subtitle'\n              ).content\n              this.top.content = contentdoc.documentElement.textContent.replace(\n                /&nbsp;/g,\n                ' '\n              )\n              // this.top = {\n              //   imgBack: rrsult.icon,\n              // };\n            })\n          }\n        }\n      })\n    },\n\n    onClick(i) {\n      this.solutionIndex = i\n    },\n    openBealter() {\n      this.$refs.altProduct.tobealter()\n    },\n    openBealter2() {\n      this.$refs.ast.drawer  = true\n    }\n  }\n}\n</script>\n\n<style lang=\"less\" scoped>\n.mobile-terminal {\n  background-color: #fff;\n  .page-content {\n    width: 100%;\n    .page-canvas {\n      width: 100%;\n      height: fit-content;\n      min-width: var(--minwidth);\n      position: relative;\n      background-size: cover;\n      overflow: hidden;\n      .page-background {\n        position: absolute;\n        left: 0;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        background-position: top;\n        background-size: cover;\n        background-repeat: no-repeat;\n        img {\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n          object-position: center top;\n        }\n      }\n      .por-container {\n        width: 70%;\n        max-width: 1200px;\n        margin: 0 auto;\n        position: relative;\n        .solution-info {\n          width: 480px;\n          height: 560px;\n          display: flex;\n          justify-content: center;\n          flex-direction: column;\n          box-sizing: border-box;\n          .solution-info-title {\n            font-size: 46px;\n            font-weight: bold;\n            line-height: 55px;\n            color: #181818;\n            margin-bottom: 29px;\n          }\n          .solution-info-content {\n            font-size: 20px;\n            line-height: 32px;\n            color: #7b7b7b;\n            margin-bottom: 44px;\n          }\n          // .solution-btn {\n          //   width: 142px;\n          //   height: 48px;\n          //   background-color: #1589fd;\n          //   color: #fff;\n          //   text-align: center;\n          //   line-height: 48px;\n          //   cursor: pointer;\n          //   border-radius: 24px;\n          // }\n        }\n      }\n    }\n    .page-nav {\n      width: 100%;\n      display: flex;\n      position: relative;\n      justify-content: center;\n      z-index: 50;\n      .page-tabs {\n        margin: 0 auto;\n        box-shadow: 0px 2px 8px 0px rgba(139, 139, 139, 0.18);\n        border-radius: 2px;\n        background-color: #fff;\n        display: flex;\n        position: absolute;\n        top: -26px;\n        .page-nav-item {\n          flex: 1;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          color: #181818;\n          font-size: 14px;\n          cursor: pointer;\n        }\n        .page-nav-item:hover {\n          color: #00b0dc;\n        }\n        .top-nav-item {\n          color: #fff;\n          background-color: #00b0dc;\n        }\n        .top-nav-item:hover {\n          color: #fff;\n        }\n      }\n    }\n    .pain-points {\n      width: 100%;\n      padding-top: 115px;\n      padding-bottom: 39px;\n      background-color: #fafafa;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      .title {\n        font-family: OPPOSans-M;\n        font-size: 32px;\n        color: #21252b;\n        line-height: 1;\n        margin-bottom: 70px;\n      }\n      .pain-points-list {\n        width: 1200px;\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: space-between;\n        align-items: center;\n        .pain-points-list-item {\n          width: 585px;\n          height: 187px;\n          margin-right: 30px;\n          margin-bottom: 30px;\n          border-radius: 8px;\n          transition: all 0.3s ease-in-out;\n          padding: 45px 50px 0 30px;\n          box-sizing: border-box;\n          display: flex;\n          justify-content: flex-start;\n          align-items: flex-start;\n          .list-item-icon {\n            width: 70px;\n            height: 70px;\n            background-color: #fafafa;\n            border-radius: 50%;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            margin-right: 30px;\n            .icon {\n              display: block;\n            }\n          }\n          .list-item-text {\n            flex: 1;\n            margin-top: 10px;\n            .list-item-title {\n              font-size: 20px;\n              font-family: OPPOSans-M;\n              color: #21252b;\n              line-height: 1;\n              margin-bottom: 15px;\n            }\n            .list-item-describe {\n              font-size: 16px;\n              font-family: OPPOSans-R;\n              color: #5c6066;\n              line-height: 24px;\n            }\n          }\n          &:nth-child(2n) {\n            margin-right: 0;\n          }\n          &:hover {\n            background: #fff;\n            box-shadow: 0px 3px 24px 0px rgba(139, 139, 139, 0.1);\n            .list-item-icon {\n              background-color: #f7f9fa;\n            }\n          }\n        }\n      }\n    }\n    .sense-of-worth {\n      width: 1200px;\n      padding-top: 90px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-start;\n      align-items: center;\n      .title {\n        font-size: 32px;\n        font-family: OPPOSans-M;\n        color: #181818;\n        line-height: 1;\n        margin-bottom: 70px;\n      }\n      .sense-of-worth-list {\n        width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: flex-start;\n        .sense-worth-item {\n          margin-right: 24px;\n          width: 282px;\n          height: 450px;\n          background-color: #fff;\n          box-shadow: 0px 3px 24px 0px rgba(139, 139, 139, 0.1);\n          border-radius: 10px;\n          overflow: hidden;\n          padding: 0 40px;\n          box-sizing: border-box;\n          border: 1px solid #eee;\n          .item-content {\n            width: 100%;\n            margin-top: 250px;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            align-items: center;\n            .item-title {\n              font-size: 26px;\n              font-family: OPPOSans-M;\n              color: #21252b;\n              line-height: 1;\n              margin-bottom: 25px;\n            }\n            .item-text {\n              font-family: OPPOSans-R;\n              font-size: 14px;\n              color: #5c6066;\n              text-align: center;\n              line-height: 28px;\n            }\n          }\n          &:last-child {\n            margin-right: 0;\n          }\n        }\n      }\n    }\n    .solution {\n      width: 1200px;\n      margin: 0 auto;\n      padding-top: 90px;\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-start;\n      align-items: center;\n      .title {\n        font-size: 32px;\n        font-family: OPPOSans-M;\n        color: #21252b;\n        line-height: 1;\n        margin-bottom: 70px;\n      }\n      .solution-content {\n        width: 100%;\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        .solution-content-tabinfo-wrap {\n          width: 310px;\n          position: relative;\n          .tabinfo-item {\n            width: 100%;\n            height: 25px;\n            padding-left: 17px;\n            border-left: 2px solid transparent;\n            box-sizing: border-box;\n            line-height: 25px;\n            font-family: OPPOSans-R;\n            font-size: 18px;\n            color: #5c6066;\n            position: relative;\n            z-index: 1;\n            cursor: pointer;\n            margin-bottom: 40px;\n            &:last-child {\n              margin-bottom: 0;\n            }\n          }\n          .chack-tabInfo {\n            border-left-color: #00b0dc;\n            color: #00b0dc;\n          }\n          &::after {\n            z-index: 0;\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 0;\n            width: 2px;\n            height: 100%;\n            background-color: #ebe8e8;\n          }\n        }\n        .solution-content___tabText {\n          width: 740px;\n          height: 636px;\n          .solution-content__tabWrap {\n            width: 100%;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            align-items: flex-start;\n            .content__tabWrap-top {\n              width: 100%;\n              .solution-content__tabtit {\n                font-family: OPPOSans-M;\n                font-size: 30px;\n                color: #21252b;\n                line-height: 1;\n                margin-bottom: 30px;\n                margin-left: 16px;\n              }\n              .solution-content__tabDes {\n                font-family: OPPOSans-R;\n                font-size: 16px;\n                color: #5c6066;\n                line-height: 26px;\n                margin-left: 16px;\n              }\n            }\n            .solution-content__tabImage {\n              width: 100%;\n              height: auto;\n              display: block;\n            }\n          }\n          .tabContentWrap-enter-active {\n            animation: bounce-in 0.5s;\n          }\n          .tabContentWrap-leave-active {\n            animation: bounce-in 0s reverse;\n          }\n          @keyframes bounce-in {\n            0% {\n              opacity: 0;\n            }\n            100% {\n              opacity: 1;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./mobile-terminal.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./mobile-terminal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./mobile-terminal.vue?vue&type=template&id=6fef6e24&scoped=true&\"\nimport script from \"./mobile-terminal.vue?vue&type=script&lang=js&\"\nexport * from \"./mobile-terminal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./mobile-terminal.vue?vue&type=style&index=0&id=6fef6e24&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6fef6e24\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"customer-case\"},[_c('AppBar'),_c('div',{staticClass:\"page-content\"},[_vm._m(0),_c('div',{staticClass:\"classic-case-wrap\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"典型客户案例\")]),_c('el-tabs',{on:{\"tab-click\":_vm.handleClick},model:{value:(_vm.classicCaseIndex),callback:function ($$v) {_vm.classicCaseIndex=$$v},expression:\"classicCaseIndex\"}},_vm._l((_vm.classicCaseLabalList),function(item,index){return _c('el-tab-pane',{key:index,attrs:{\"label\":item.title,\"name\":item.name}})}),1),_c('div',{staticClass:\"classic-case-centent\"},[_c('div',{staticClass:\"classic-case-List\"},_vm._l((_vm.classicCaseList),function(caseItem,caseIndex){return _c('div',{key:caseIndex,staticClass:\"classic-case-item\",on:{\"click\":function($event){return _vm.lookToCase(caseItem)}}},[_c('div',{staticClass:\"companyImg\"},[_c('img',{staticClass:\"item-img\",attrs:{\"src\":caseItem.icon,\"alt\":\"\"}})]),_c('div',{staticClass:\"case-item-content\"},[_c('img',{staticClass:\"case-item-logo\",attrs:{\"src\":caseItem.logo,\"alt\":\"\"}}),_c('div',{staticClass:\"case-item-text-warp\"},[_c('div',{staticClass:\"case-item-title\"},[_vm._v(_vm._s(caseItem.title))]),_c('div',{staticClass:\"case-item-type\"},[_vm._v(_vm._s(caseItem.summaryTitle))]),_c('div',{staticClass:\"case-item-describe\"},[_vm._v(_vm._s(caseItem.description))])]),_c('img',{staticClass:\"quotes-left\",attrs:{\"src\":require('@/assets/customer/icon/quotes-left.png'),\"alt\":\"\"}}),_c('img',{staticClass:\"quotes-right\",attrs:{\"src\":require('@/assets/customer/icon/quotes-right.png'),\"alt\":\"\"}})])])}),0),_c('div',{staticClass:\"case-more-btn\",on:{\"click\":_vm.moreList}},[_vm._v(\" 查看更多案例 \")])])],1),_c('div',{staticClass:\"enterprise-advertisement\"},[_c('img',{staticClass:\"enterprise-advertisement1\",attrs:{\"src\":require('@/assets/home/enterprise-advertisement1.png'),\"alt\":\"\",\"srcset\":\"\"}}),_c('div',{staticClass:\"enterprise-advertisement-num\"},[_vm._m(1),_c('img',{attrs:{\"src\":require('@/assets/home/enterprise-advertisement2.png'),\"alt\":\"\",\"srcset\":\"\"}}),_vm._m(2),_c('img',{attrs:{\"src\":require('@/assets/home/enterprise-advertisement2.png'),\"alt\":\"\",\"srcset\":\"\"}}),_vm._m(3)]),_c('div',{staticClass:\"get-product-advertisement-btn\",on:{\"click\":_vm.openBealter}},[_vm._v(\" 获取产品演示 \")]),_c('div',{staticClass:\"get-product-advertisement-phone\"},[_c('img',{attrs:{\"src\":require('@/assets/home/enterprise-advertisement3.png'),\"alt\":\"\",\"srcset\":\"\"}}),_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.preSales)}}),_vm._v(\"、\"),_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.afterSales)}})])])]),_c('RightFixedgt'),_c('FootWrap'),_c('AltProduct',{ref:\"altProduct\"}),_c('ast',{ref:\"ast\"})],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"page-canvas\"},[_c('div',{staticClass:\"por-container\"},[_c('div',{staticClass:\"page-info\"},[_c('div',{staticClass:\"page-info-title\"},[_vm._v(\" 客户案例 \")]),_c('div',{staticClass:\"page-info-describe\"},[_vm._v(\" 为企业创造更大的价值，让客户感动 \")])])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"enterprise-advertisement-num-item\"},[_c('div',{staticClass:\"enterprise-advertisement-num-item-top\"},[_c('div',[_vm._v(\"10万+\")]),_c('div',[_vm._v(\"服务企业HR人数\")])]),_c('div',{staticClass:\"enterprise-advertisement-num-item-foot\"},[_c('div',[_vm._v(\"100万+\")]),_c('div',[_vm._v(\"HR线上线下培训赋能\")])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"enterprise-advertisement-num-item\"},[_c('div',{staticClass:\"enterprise-advertisement-num-item\"},[_c('div',{staticClass:\"enterprise-advertisement-num-item-top\"},[_c('div',[_vm._v(\"20亿+\")]),_c('div',[_vm._v(\"日处理数据条数\")])]),_c('div',{staticClass:\"enterprise-advertisement-num-item-foot\"},[_c('div',[_vm._v(\"30万+\")]),_c('div',[_vm._v(\"每年产生HR招聘行为数据\")])])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"enterprise-advertisement-num-item\"},[_c('div',{staticClass:\"enterprise-advertisement-num-item\"},[_c('div',{staticClass:\"enterprise-advertisement-num-item-top\"},[_c('div',[_vm._v(\"2000万+\")]),_c('div',[_vm._v(\"服务企业员工人数\")])]),_c('div',{staticClass:\"enterprise-advertisement-num-item-foot\"},[_c('div',[_vm._v(\"30万+\")]),_c('div',[_vm._v(\"协助企业人才盘点人数\")])])])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"customer-case\">\n    <AppBar />\n    <div class=\"page-content\">\n      <div class=\"page-canvas\">\n        <!-- <div class=\"page-background\">\n          <img :src=\"require('@/assets/customer/canvas.png')\" alt=\"\" />\n        </div> -->\n        <div class=\"por-container\">\n          <div class=\"page-info\">\n            <div class=\"page-info-title\">\n              客户案例\n            </div>\n            <div class=\"page-info-describe\">\n              为企业创造更大的价值，让客户感动\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"classic-case-wrap\">\n        <div class=\"title\">典型客户案例</div>\n        <el-tabs v-model=\"classicCaseIndex\" @tab-click=\"handleClick\">\n          <el-tab-pane\n            v-for=\"(item, index) in classicCaseLabalList\"\n            :key=\"index\"\n            :label=\"item.title\"\n            :name=\"item.name\"\n          />\n        </el-tabs>\n        <div class=\"classic-case-centent\">\n          <div class=\"classic-case-List\">\n            <div\n              v-for=\"(caseItem, caseIndex) in classicCaseList\"\n              :key=\"caseIndex\"\n              class=\"classic-case-item\"\n              @click=\"lookToCase(caseItem)\"\n            >\n              <div class=\"companyImg\">\n                <img :src=\"caseItem.icon\" alt=\"\" class=\"item-img\" />\n              </div>\n              <div class=\"case-item-content\">\n                <img :src=\"caseItem.logo\" alt=\"\" class=\"case-item-logo\" />\n                <div class=\"case-item-text-warp\">\n                  <div class=\"case-item-title\">{{ caseItem.title }}</div>\n                  <div class=\"case-item-type\">{{ caseItem.summaryTitle }}</div>\n                  <div class=\"case-item-describe\">{{ caseItem.description }}</div>\n                </div>\n                <img :src=\"require('@/assets/customer/icon/quotes-left.png')\" alt=\"\" class=\"quotes-left\" />\n                <img :src=\"require('@/assets/customer/icon/quotes-right.png')\" alt=\"\" class=\"quotes-right\" />\n              </div>\n            </div>\n          </div>\n          <div class=\"case-more-btn\" @click=\"moreList\">\n            查看更多案例\n          </div>\n        </div>\n      </div>\n      <div class=\"enterprise-advertisement\">\n        <!-- <enterprise-advertisement /> -->\n\n        <img\n          :src=\"require('@/assets/home/enterprise-advertisement1.png')\"\n          alt=\"\"\n          srcset=\"\"\n          class=\"enterprise-advertisement1\"\n        />\n        <div class=\"enterprise-advertisement-num\">\n          <div class=\"enterprise-advertisement-num-item\">\n            <div class=\"enterprise-advertisement-num-item-top\">\n              <div>10万+</div>\n              <div>服务企业HR人数</div>\n            </div>\n            <div class=\"enterprise-advertisement-num-item-foot\">\n              <div>100万+</div>\n              <div>HR线上线下培训赋能</div>\n            </div>\n          </div>\n          <img :src=\"require('@/assets/home/enterprise-advertisement2.png')\" alt=\"\" srcset=\"\" />\n          <div class=\"enterprise-advertisement-num-item\">\n            <div class=\"enterprise-advertisement-num-item\">\n              <div class=\"enterprise-advertisement-num-item-top\">\n                <div>20亿+</div>\n                <div>日处理数据条数</div>\n              </div>\n              <div class=\"enterprise-advertisement-num-item-foot\">\n                <div>30万+</div>\n                <div>每年产生HR招聘行为数据</div>\n              </div>\n            </div>\n          </div>\n          <img :src=\"require('@/assets/home/enterprise-advertisement2.png')\" alt=\"\" srcset=\"\" />\n          <div class=\"enterprise-advertisement-num-item\">\n            <div class=\"enterprise-advertisement-num-item\">\n              <div class=\"enterprise-advertisement-num-item-top\">\n                <div>2000万+</div>\n                <div>服务企业员工人数</div>\n              </div>\n              <div class=\"enterprise-advertisement-num-item-foot\">\n                <div>30万+</div>\n                <div>协助企业人才盘点人数</div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"get-product-advertisement-btn\" @click=\"openBealter\">\n          获取产品演示\n        </div>\n        <div class=\"get-product-advertisement-phone\">\n          <img :src=\"require('@/assets/home/enterprise-advertisement3.png')\" alt=\"\" srcset=\"\" />\n          <span v-html=\"preSales\"></span>、<span v-html=\"afterSales\"></span>\n        </div>\n      </div>\n    </div>\n    <RightFixedgt />\n    <FootWrap />\n    <AltProduct ref=\"altProduct\" />\n    <ast ref=\"ast\" />\n  </div>\n</template>\n\n<script>\nimport { getColumnChild } from '@/api/column';\nimport { getContentList } from '@/api/content';\nimport { getVariableInfo } from '@/api/variable';\nexport default {\n  name: 'CustomerCase',\n  data () {\n    return {\n      classicCaseIndex: '1605405080163672064',\n      index: 0,\n      classicCaseLabalList: [\n        {\n          name: '1605405080163672064',\n          title: '全部行业',\n        },\n      ],\n      classicCaseList: [\n        // {\n        //   id: 0,\n        //   title: '三和精华集团',\n        //   type: '综合集团',\n        //   describe: '三和精化集团是一家集科、工、贸一体化的科技集团，集团对广东三和化工科技有限公司等多间制造型企业的产品进行监制。',\n        //   img: require('@/assets/customer/case/customer-img1.png'),\n        //   logo: require('@/assets/customer/case/customor-logo1.png'),\n        // },\n        // [\n        // ],\n      ],\n      pageNum: 1,\n      load: false,\n      preSales: '',\n      afterSales: '',\n    };\n  },\n  mounted() {\n    this.getCaseLabalList();\n    this.getVariable();\n  },\n  methods: {\n    getCaseLabalList() {\n      getColumnChild({ parentId: '1605405080163672064', }).then((res) => {\n        const { result, } = res;\n        for (var i = 0; i < result.length; i++) {\n          this.classicCaseLabalList.push({\n            name: result[i].id,\n            title: result[i].name,\n          });\n        }\n        const label = this.$route.params.label ? this.$route.params.label : '';\n        if (label !== '') {\n          var CaseLabel = this.classicCaseLabalList.find((i) => {\n            return label === i.title;\n          });\n          var CaseLabelIndex = this.classicCaseLabalList.findIndex((i) => {\n            return label === i.title;\n          });\n          this.classicCaseIndex = CaseLabel.name;\n          this.index = CaseLabelIndex;\n        } else {\n          this.classicCaseIndex = '1605405080163672064';\n          this.index = 0;\n        }\n        this.getCaseList();\n      });\n    },\n    getCaseList() {\n      if (this.index === 0) {\n        var params = {\n          columnId: this.classicCaseLabalList[this.index].name,\n          pageNum: this.pageNum,\n          pageSize: 6,\n          cascade: true,\n        };\n        getContentList(params).then((res) => {\n          const { result, } = res;\n          this.classicCaseList = this.classicCaseList.concat(result.data);\n          if (result.data.length < 6) {\n            this.load = true;\n          } else {\n            this.load = false;\n          }\n        });\n      } else {\n        var data = {\n          columnId: this.classicCaseLabalList[this.index].name,\n          pageNum: this.pageNum,\n          pageSize: 6,\n        };\n        getContentList(data).then((res) => {\n          const { result, } = res;\n          this.classicCaseList = this.classicCaseList.concat(result.data);\n          this.load = false;\n        });\n      }\n    },\n    getVariable() {\n      getVariableInfo({ label: 'Hotline', }).then((res) => {\n        const { result, } = res;\n        var doc = new DOMParser().parseFromString(result.content, 'text/html');\n        this.preSales = doc.documentElement.textContent.replace(/&nbsp;/g, ' ');\n      })\n      getVariableInfo({ label: 'afterSales', }).then((res) => {\n        const { result, } = res;\n        var doc = new DOMParser().parseFromString(result.content, 'text/html');\n        this.afterSales = doc.documentElement.textContent.replace(/&nbsp;/g, ' ');\n      })\n    },\n    handleClick (e) {\n      this.index = Number(e.index);\n      this.classicCaseList = [];\n      this.pageNum = 1;\n      this.load = true;\n      this.getCaseList();\n    },\n    moreList() {\n      if (!this.load) {\n        this.pageNum += 1;\n        this.load = true;\n        this.getCaseList();\n      }\n    },\n    lookToCase (caseItem) {\n      this.$router.push({ path: `/caseindex/${caseItem.id}`, });\n    },\n    openBealter () {\n      this.$refs.altProduct.tobealter();\n    },\n    openBealter2() {\n       this.$refs.ast.drawer  = true\n    },\n  },\n};\n</script>\n\n<style lang=\"less\">\n.get-product-advertisement-phone{\n  p{\n    display: inline-block;\n  }\n}\n</style>\n<style lang=\"less\" scoped>\n.customer-case{\n    background-color: #fff;\n    .page-content{\n        width: 100%;\n        .page-canvas{\n            width: 100%;\n            height: 360px;\n            min-width: var(--minwidth);\n            // position: relative;\n            background: url('@/assets/customer/canvas.png') no-repeat;\n            background-size: cover;\n            background-position: center;\n            .por-container{\n                width: 70%;\n                min-width: var(--minwidth);\n                margin: 0 auto;\n                position: relative;\n                .page-info{\n                    width: 40%;\n                    height: 100%;\n                    display: flex;\n                    justify-content: center;\n                    flex-direction: column;\n                    padding-top: 119px;\n                    box-sizing: border-box;\n                    .page-info-title{\n                        color: #fff;\n                        font-size: 36px;\n                        font-weight: 300;\n                        line-height: 1;\n                        margin-bottom: 30px;\n                    }\n                    .page-info-describe{\n                        color: #fff;\n                        font-size: 20px;\n                        font-weight: 300;\n                        line-height: 1;\n                    }\n                }\n            }\n        }\n        .classic-case-wrap{\n            width: 1200px;\n            margin: 70px auto 60px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: flex-start;\n            .title{\n                font-size: 32px;\n                font-weight: 1;\n                color: #181818;\n                margin-bottom: 60px;\n            }\n            .classic-case-centent{\n                width: 100%;\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                .classic-case-List{\n                    width: 100%;\n                    display: flex;\n                    flex-wrap: wrap;\n                    margin-bottom: 25px;\n                    .classic-case-item{\n                        width: 386px;\n                        height: 445px;\n                        background-color: #fff;\n                        box-sizing: border-box;\n                        border: solid 1px #dfdfdf;\n                        display: flex;\n                        flex-direction: column;\n                        align-items: center;\n                        justify-content: flex-start;\n                        margin: 10px 7px;\n                        cursor: pointer;\n                        .companyImg{\n                          width: 100%;\n                          height: 140px;\n                          .item-img{\n                              width: 100%;\n                              height: 100%;\n                              object-fit: cover;\n                              object-position: center center;\n                              display: block;\n                          }\n                        }\n                        .case-item-content{\n                            width: 100%;\n                            flex: 1;\n                            padding: 20px 30px;\n                            box-sizing: border-box;\n                            position: relative;\n                            display: flex;\n                            flex-direction: column;\n                            align-items: center;\n                            .case-item-logo{\n                                width: auto;\n                                height: 50px;\n                                margin-bottom: 30px;\n                            }\n                            .case-item-text-warp{\n                                width: 100%;\n                                z-index: 1;\n                                position: relative;\n                                display: flex;\n                                flex-direction: column;\n                                align-items: flex-start;\n                                .case-item-title{\n                                    font-size: 18px;\n                                    line-height: 1;\n                                    color: #363f4e;\n                                }\n                                .case-item-type{\n                                    font-size: 15px;\n                                    line-height: 1;\n                                    color: #363f4e;\n                                    margin: 19px 0 13px 0;\n                                }\n                                .case-item-describe{\n                                    width: 100%;\n                                    font-size: 15px;\n                                    line-height: 26px;\n                                    color: #737c8b;\n                                    overflow: hidden;\n                                    text-overflow: ellipsis;\n                                    word-break: break-all;\n                                    display: -webkit-box;\n                                    -webkit-box-orient: vertical;\n                                    -webkit-line-clamp: 3;\n                                }\n                            }\n                            .quotes-left{\n                                width: 52px;\n                                height: auto;\n                                z-index: 0;\n                                position: absolute;\n                                left: 0;\n                                bottom: 102px;\n                                display: block;\n                            }\n                            .quotes-right{\n                                width: 52px;\n                                height: auto;\n                                z-index: 0;\n                                position: absolute;\n                                right: 0;\n                                bottom: 45px;\n                                display: block;\n                            }\n                        }\n                    }\n                    .classic-case-item:hover{\n                        width: calc(33.33% - 8px);\n                        height: 452px;\n                        box-shadow: 0px 4px 8px 0px rgba(139, 139, 139, 0.18);\n                        margin: 6.5px 4px;\n                        .case-item-content{\n                            padding: 20.4px 30.5px;\n                            .case-item-logo{\n                                height: 51px;\n                                margin-bottom: 30.5px;\n                            }\n                            .case-item-text-warp{\n                                .case-item-title{\n                                    font-size: 18.3px;\n                                }\n                                .case-item-type{\n                                    font-size: 15.24px;\n                                    margin: 19.3px 0 13.2px 0;\n                                }\n                                .case-item-describe{\n                                    font-size: 15.3px;\n                                    line-height: 26.4px;\n                                }\n                            }\n                            .quotes-left{\n                                width: 53px;\n                            }\n                            .quotes-right{\n                                width: 53px;\n                            }\n                        }\n                    }\n                }\n                .case-more-btn{\n                    width: 155px;\n                    height: 50px;\n                    background-color: #fff;\n                    border-radius: 25px;\n                    border: 1px solid #00b0dc;\n                    color: #00b0dc;\n                    font-size: 15px;\n                    line-height: 50px;\n                    text-align: center;\n                    cursor: pointer;\n                }\n            }\n            ::v-deep .el-tabs{\n                width: 100%;\n                .el-tabs__header{\n                    margin: 0 0 10px;\n                    .el-tabs__nav-scroll{\n                        display: flex;\n                        justify-content: flex-start;\n                        .el-tabs__active-bar{\n                          background-color: #00b0dc;\n                        }\n                        .el-tabs__item:hover{\n                          color: #00b0dc;\n                        }\n                        .is-active{\n                          color: #00b0dc;\n                        }\n                        .el-tabs__item{\n                            padding: 0 32px;\n                            color: #4e5969;\n                            font-size: 18px;\n                        }\n                    }\n                }\n            }\n        }\n        .enterprise-advertisement{\n            width: 100%;\n            min-width: var(--minwidth);\n            height: 450px;\n            margin-top: 60px;\n            background-image: url('@/assets/home/enterprise-advertisement.png');\n            background-size: cover;\n            background-repeat: no-repeat;\n            background-position: center;\n            box-sizing: border-box;\n            padding-top: 43px;\n            // background: #2979ff;\n            .enterprise-advertisement1{\n            width: 612px;\n            height: 39px;\n            display: block;\n            margin: 0px auto 49px;\n            box-sizing: border-box;\n            }\n            .enterprise-advertisement-num{\n                display: flex;\n                justify-content: center;\n                .enterprise-advertisement-num-item{\n                width: 409px;\n                // border: 1px solid;\n                text-align: center;\n                .enterprise-advertisement-num-item-top,\n                .enterprise-advertisement-num-item-foot\n                {\n                    div:first-child{\n                    font-size: 36px;\n                    font-weight: normal;\n                    font-style: italic;\n                    font-stretch: normal;\n                    line-height: 32px;\n                    letter-spacing: 0px;\n                    color: #f6f9fc;\n                    font-weight: 600;\n                    margin-bottom: 19px;\n                    }\n                    div:last-child{\n                    font-size: 16px;\n                    font-weight: normal;\n                    font-stretch: normal;\n                    line-height: 32px;\n                    letter-spacing: 0px;\n                    color: #f6f9fc;\n                    opacity: 0.9;\n                    }\n                }\n                .enterprise-advertisement-num-item-top{\n                    margin-bottom: 30px;\n                }\n                }\n            }\n            .get-product-advertisement-btn{\n            margin: 20px auto 10px;\n            width: 242px;\n            height: 46px;\n            background-color: #ffffff;\n            border-radius: 23px;\n            font-size: 18px;\n            font-weight: bold;\n            font-stretch: normal;\n            line-height: 32px;\n            letter-spacing: 1px;\n            color: #00b0dc;\n            text-align: center;\n            line-height: 46px;\n            cursor: pointer;\n            transition:  all .5s linear;\n            user-select: none;\n            &:hover{\n                border-radius: 10px;\n                background: #00b0dc;\n                color: #fff;\n            }\n            }\n            .get-product-advertisement-phone{\n            width: 305px;\n            margin: auto;\n            color: #fff;\n            img{\n                width: 14px;\n                height: 14px;\n                margin: 0 8px 0 0;\n            }\n            }\n        }\n    }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./customer-case.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./customer-case.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./customer-case.vue?vue&type=template&id=70433305&scoped=true&\"\nimport script from \"./customer-case.vue?vue&type=script&lang=js&\"\nexport * from \"./customer-case.vue?vue&type=script&lang=js&\"\nimport style0 from \"./customer-case.vue?vue&type=style&index=0&id=70433305&prod&lang=less&\"\nimport style1 from \"./customer-case.vue?vue&type=style&index=1&id=70433305&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"70433305\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"case-index\"},[_c('AppBar'),_c('div',{staticClass:\"page-content\"},[_vm._m(0),_c('div',{staticClass:\"case-content-wrap\"},[_c('div',{staticClass:\"case-breadcrumb-wrap\"},[_c('el-breadcrumb',{attrs:{\"separator-class\":\"el-icon-arrow-right\"}},[_c('el-breadcrumb-item',{attrs:{\"to\":{ path: '/customercase' }}},[_vm._v(\"客户案例\")]),_c('el-breadcrumb-item',[_vm._v(_vm._s(_vm.customerName))])],1)],1),_c('div',{staticClass:\"case-content\"},[_c('div',{staticClass:\"case-content-left\"},_vm._l((_vm.contentList),function(item,index){return _c('div',{key:index,staticClass:\"text-module\"},[_c('div',{staticClass:\"module-name-wrap\"},[_c('div',{staticClass:\"module-icon\"},[_c('img',{staticClass:\"icon\",attrs:{\"src\":item.icon,\"alt\":\"\"}})]),_c('div',{staticClass:\"module-title\"},[_vm._v(_vm._s(item.title))])]),_c('div',{staticClass:\"module-content-wrap\"},[(item.img != '')?_c('img',{staticClass:\"content-img\",attrs:{\"src\":item.img,\"alt\":\"\"}}):_vm._e(),_c('div',{staticClass:\"module-content\",domProps:{\"innerHTML\":_vm._s(item.content)}})])])}),0),_c('div',{staticClass:\"case-content-right\"},[_c('div',{staticClass:\"related-products\"},[_vm._m(1),_c('div',{staticClass:\"product-list\"},_vm._l((_vm.relatedProducts),function(item,index){return _c('div',{key:index,staticClass:\"product-item\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.productsList[Number(item)].title))]),_c('div',{staticClass:\"describe\"},[_vm._v(_vm._s(_vm.productsList[Number(item)].describe))]),_c('div',{staticClass:\"product-btn\",on:{\"click\":function($event){_vm.viewDetails(_vm.productsList[Number(item)].id)}}},[_vm._v(\" 查看详情 \")])])}),0)]),_c('div',{staticClass:\"more-cases\"},[_vm._m(2),_c('div',{staticClass:\"cases-type-list\"},_vm._l((_vm.casesTypeList),function(item,index){return _c('div',{key:index,staticClass:\"cases-type-item\",on:{\"click\":function($event){return _vm.viewCases(item)}}},[_vm._v(\" \"+_vm._s(item.label)+\" \")])}),0)])])]),_c('div',{ref:\"enterprisePartner\",staticClass:\"enterprise-partner\"},[_c('img',{attrs:{\"src\":require('@/assets/home/partner-title.png'),\"alt\":\"\",\"srcset\":\"\"}}),_c('div',{ref:\"enterprisePartnerItemWrap\",staticClass:\"enterprise-partner-item-wrap\"},[_vm._l((_vm.partnerList),function(item,index){return _c('div',{key:index,staticClass:\"enterprise-partner-item\",style:({animationDuration: `${_vm.partnerList.length * 2}s`})},[_c('img',{attrs:{\"src\":item,\"alt\":\"\",\"srcset\":\"\"}})])}),(_vm.partnerRecursion)?_c('div',{staticStyle:{\"display\":\"flex\"}},_vm._l((_vm.partnerList),function(item,index){return _c('div',{key:index,staticClass:\"enterprise-partner-item\",style:({animationDuration: `${_vm.partnerList.length * 2}s`})},[_c('img',{attrs:{\"src\":item,\"alt\":\"\",\"srcset\":\"\"}})])}),0):_vm._e()],2)])]),_c('div',{staticClass:\"appointment-demonstration\"},[_c('h4',{staticClass:\"appointment-demonstration-title\"},[_vm._v(\"了解更多有关华跃产品与服务信息\")]),_c('h5',{staticClass:\"appointment-demonstration-subtitle\"},[_vm._v(\"您还可以预约我们的产品演示\")]),_c('div',{staticClass:\"appointment-demonstration-btn\",on:{\"click\":_vm.openBealter}},[_c('img',{attrs:{\"src\":require('@/assets/home/appointment-demonstration1.png'),\"alt\":\"\"}}),_c('span',[_vm._v(\"预约产品显示\")])])])]),_c('RightFixedgt'),_c('FootWrap'),_c('AltProduct',{ref:\"altProduct\"}),_c('ast',{ref:\"ast\"})],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"page-canvas\"},[_c('div',{staticClass:\"por-container\"},[_c('div',{staticClass:\"page-info\"},[_c('div',{staticClass:\"page-info-title\"},[_vm._v(\" 客户案例 \")]),_c('div',{staticClass:\"page-info-describe\"},[_vm._v(\" 为企业创造更大的价值，让客户感动 \")])])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"wrap-name-box\"},[_c('div',{staticClass:\"wrap-name\"},[_vm._v(\"相关产品\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"wrap-name-box\"},[_c('div',{staticClass:\"wrap-name\"},[_vm._v(\"更多行业案例\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"case-index\">\n    <AppBar />\n    <div class=\"page-content\">\n      <div class=\"page-canvas\">\n        <!-- <div class=\"page-background\">\n          <img :src=\"require('@/assets/customer/canvas.png')\" alt=\"\" />\n        </div> -->\n        <div class=\"por-container\">\n          <div class=\"page-info\">\n            <div class=\"page-info-title\">\n              客户案例\n            </div>\n            <div class=\"page-info-describe\">\n              为企业创造更大的价值，让客户感动\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"case-content-wrap\">\n        <div class=\"case-breadcrumb-wrap\">\n          <el-breadcrumb separator-class=\"el-icon-arrow-right\">\n            <el-breadcrumb-item :to=\"{ path: '/customercase' }\">客户案例</el-breadcrumb-item>\n            <el-breadcrumb-item>{{ customerName }}</el-breadcrumb-item>\n          </el-breadcrumb>\n        </div>\n        <div class=\"case-content\">\n          <div class=\"case-content-left\">\n            <div\n              v-for=\"(item, index) in contentList\"\n              :key=\"index\"\n              class=\"text-module\"\n            >\n              <div class=\"module-name-wrap\">\n                <div class=\"module-icon\">\n                  <img :src=\"item.icon\" alt=\"\" class=\"icon\" />\n                </div>\n                <div class=\"module-title\">{{ item.title }}</div>\n              </div>\n              <div class=\"module-content-wrap\">\n                <img\n                  v-if=\"item.img != ''\"\n                  :src=\"item.img\"\n                  alt=\"\"\n                  class=\"content-img\"\n                />\n                <div class=\"module-content\" v-html=\"item.content\"></div>\n              </div>\n            </div>\n          </div>\n          <div class=\"case-content-right\">\n            <div class=\"related-products\">\n              <div class=\"wrap-name-box\">\n                <div class=\"wrap-name\">相关产品</div>\n              </div>\n              <div class=\"product-list\">\n                <div\n                  v-for=\"(item, index) in relatedProducts\"\n                  :key=\"index\"\n                  class=\"product-item\"\n                >\n                  <div class=\"title\">{{ productsList[Number(item)].title }}</div>\n                  <div class=\"describe\">{{ productsList[Number(item)].describe }}</div>\n                  <div class=\"product-btn\" @click=\"viewDetails(productsList[Number(item)].id)\"> 查看详情 </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"more-cases\">\n              <div class=\"wrap-name-box\">\n                <div class=\"wrap-name\">更多行业案例</div>\n              </div>\n              <div class=\"cases-type-list\">\n                <div\n                  v-for=\"(item, index) in casesTypeList\"\n                  :key=\"index\"\n                  class=\"cases-type-item\"\n                  @click=\"viewCases(item)\"\n                >\n                  {{ item.label }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"enterprise-partner\" ref=\"enterprisePartner\">\n          <img :src=\"require('@/assets/home/partner-title.png')\" alt=\"\" srcset=\"\" />\n          <div ref=\"enterprisePartnerItemWrap\" class=\"enterprise-partner-item-wrap\">\n            <div v-for=\"(item, index) in partnerList\" :key=\"index\" class=\"enterprise-partner-item\" :style=\"{animationDuration: `${partnerList.length * 2}s`}\">\n              <img :src=\"item\" alt=\"\" srcset=\"\" />\n            </div>\n            <div v-if=\"partnerRecursion\" style=\"display:flex\">\n              <div\n                v-for=\"(item, index) in partnerList\"\n                :key=\"index\"\n                class=\"enterprise-partner-item\"\n                :style=\"{animationDuration: `${partnerList.length * 2}s`}\"\n              >\n                <img :src=\"item\" alt=\"\" srcset=\"\" />\n              </div>\n            </div>\n          </div>\n          <!-- <div ref=\"enterprisePartnerItemWrap\" class=\"enterprise-partner-item-wrap\">\n            <div v-for=\"(item, index) in partnerList\" :key=\"index\" class=\"enterprise-partner-item\">\n              <img :src=\"require(`@/assets/home/${item}.png`)\" alt=\"\" srcset=\"\" />\n            </div> -->\n        <!-- </div> -->\n        </div>\n      </div>\n      <div class=\"appointment-demonstration\">\n        <h4 class=\"appointment-demonstration-title\">了解更多有关华跃产品与服务信息</h4>\n        <h5 class=\"appointment-demonstration-subtitle\">您还可以预约我们的产品演示</h5>\n        <div class=\"appointment-demonstration-btn\" @click=\"openBealter\">\n          <img :src=\"require('@/assets/home/appointment-demonstration1.png')\" alt=\"\" />\n          <span>预约产品显示</span>\n        </div>\n      </div>\n    </div>\n    <RightFixedgt />\n    <FootWrap />\n    <AltProduct ref=\"altProduct\" />\n    <ast ref=\"ast\" />\n  </div>\n</template>\n\n<script>\nimport { getContentList, getContentDetail } from '@/api/content';\nexport default {\n  name: 'CaseIndex',\n  data () {\n    return {\n      CaseId: '',\n      customerName: '',\n      contentList: [\n        // {\n        //   icon: require('@/assets/customer/icon/text-module1.png'),\n        //   title: '客户概况',\n        //   img: require('@/assets/customer/customer-img1.png'),\n        //   content: '<p style=\"text-indent: 2em;\">广东长虹公司占地48万平方米，建筑面积32万平方米，员工3000余人，是长虹集团棋行华南、进军海外的战略基地。公司在美国、法国、阿尔及利亚、乌克兰、印度、泰国等10个国家设有商务中心，在澳大利亚、印尼、捷克、阿联酋、俄罗斯、香港6个国家和地区设有子公司。公司在坚持自主品牌的同时，与全球诸多知名品牌共同开展OEM/ODM业务，销售网络遍布全球各地，产品远销110多个国家和地区。</p><p style=\"text-indent: 2em;\">公司凭借长虹集团国家级技术中心的强大实力，组建了海外产品研发中心，拥有一支100余人的设计研发团队，专门进行海外产品的研发。目前，公司在致力于新型平板产品开发的同时，还涉及数字芯片、嵌入式软件等关键部件的研发。公司拥有国际领先地位的自动化生产线、贴片机群、注塑机群、插件机群、喷涂、高速冲压等先进设备，还拥有彩电全性能自动测试系统等先进检测设备、设施，并通过了ISO体系及全球CE、UL等认证，符合WEEE、RoHS指令等要求，具备年产平板电视300万台、CRT电视250万台的生产能力，是中国最大的彩电出口基地。</p>',\n        // },\n        // {\n        //   icon: require('@/assets/customer/icon/text-module2.png'),\n        //   title: '上线华跃HR系统前管理痛点',\n        //   img: require('@/assets/customer/customer-img2.png'),\n        //   content: '<ul><li>1、集团管控能力弱：集团HR系统建设没有形成集团统一化管控，各个分子公司数据信息不能及时掌握，人力资源数据分散；</li><li>2、人为记忆多，遗漏风险高：人事系统建设没有形成系统化托管。人事专员仍停留在“人找事做，人记事做”的工作模式；</li><li>3、手工作业多，效率准确率低：现人事方面工作仍需要大量的手工操作，简单的事务性工作重复做，工作效率和数据准确性较低；</li><li>4、缺失深化板块建设，效果难追踪：招聘、培训、绩效流程体系没有通过系统化运行，培训实践效果差，培训结果难追踪难；</li><li>5、数据可视化程度低，决策难：人力、招聘、培训等各项成本统计分析可视化程度底，不便于领导决策；</li><li>6、管理统计分析难：管理方面很难做到对人事信息状况及变化的准确统计与分析；</li></ul>',\n        // },\n        // {\n        //   icon: require('@/assets/customer/icon/text-module3.png'),\n        //   title: '上线华跃HR系统后',\n        //   img: '',\n        //   content: '<ul><li>1、建立HR数字化管理模式：搭建一个集团化、规范化、智能化的人力资源管理平台；形成一个统一 、全面、准确的人力资源业务管理平台；实现完整的人力资源数字化管理，员工自助服务，实时掌握人力成本及人力配备情况。</li><li>2、建立HR业务流程标准化：通过新系统实践并落地做到最专业、最细致、最高效的智能化管理；通过系统全面深化一体系一制度、一工作一流程、一流程一标准的管理模式；</li><li>3、建立数据交互及分析平台：建立以HR系统为中心的信息共享平台，整理、并发掘数据中存在的关键信息并加以分析、利用，提升HR管理竞争优势；通过系统AI智能管理工具及数据BI分析平台，为企业管理者管理及战略决策提供支撑；</li><li>4、提高HR管理效率及战略规划：系统智能预警提醒，发出警告性提示信息，帮助公司提升内部管理，有效预防劳动争议发生；系统流程化管理功能，审核看板管理，降低了人事管理员的工作强度，大大提高了工作效率；系统对人力资源状况的静态结构分析和动态趋势分析，管理人员可以从繁琐的日常工作中解脱出来，将精力放到更富有挑战性和创造性的分析、规划、员工激励和企业战略等工作中。</li></ul>',\n        // },\n      ],\n      productsList: [\n        {\n          id: 0,\n          title: '战略组织',\n          describe: '适应于企业组织的定义和调整',\n        },\n        {\n          id: 1,\n          title: '员工管理',\n          describe: '智能化事务处理模式，解放操作员双手',\n        },\n        {\n          id: 2,\n          title: '考勤工时',\n          describe: '智能排班与员工自助的考勤工时管理',\n        },\n        {\n          id: 3,\n          title: '薪酬福利',\n          describe: '一键式薪酬核算与薪资预算管理',\n        },\n        {\n          id: 4,\n          title: '人才招聘',\n          describe: '建立人才储备机制，形成人才梯队管理',\n        },\n        {\n          id: 5,\n          title: '人才培育',\n          describe: '三大培训体系，赋能企业人才培养',\n        },\n        {\n          id: 6,\n          title: '绩效激励',\n          describe: '与企业战略目标绑定，提高企业竞争力',\n        },\n        {\n          id: 7,\n          title: '人才发展',\n          describe: '打造企业数字化人才发展管理模式',\n        },\n      ],\n      relatedProducts: [],\n      casesTypeList: [\n        {\n          id: 1,\n          label: '五金行业',\n        },\n        {\n          id: 2,\n          label: '电子电器',\n        },\n        {\n          id: 3,\n          label: '食品行业',\n        },\n        {\n          id: 4,\n          label: '综合集团',\n        },\n      ],\n      partnerList: [\n        // 'partner1',\n        // 'partner2',\n        // 'partner3',\n        // 'partner4',\n        // 'partner5',\n        // 'partner6',\n        // 'partner7',\n      ],\n      enterprisePartnerScrollTimer: null,\n    };\n  },\n  mounted () {\n    this.CaseId = this.$route.params.id;\n    this.getCaseInfo();\n    this.getPartner();\n    // this.playVideo();\n  },\n  beforeDestroy () {\n    window.removeEventListener('resize', this.enterprisePartnerScroll());\n  },\n  methods: {\n    getCaseInfo() {\n      getContentDetail(this.CaseId).then((res) => {\n        const { result, } = res;\n        const elements = result.elements;\n        this.customerName = result.title;\n        var chapterNum = elements.find(obj => obj.name === 'chapterNum');\n        for (var i = 0; i < chapterNum.content; i++) {\n          var contentItem = {\n            icon: elements.find(item => item.name === 'icon' + (i + 1)).content,\n            title: elements.find(item => item.name === 'title' + (i + 1)).content,\n            img: elements.find(item => item.name === 'img' + (i + 1)).content,\n            content: '',\n          };\n          const content = elements.find(item => item.name === 'content' + (i + 1)).content;\n          var doc = new DOMParser().parseFromString(content, 'text/html');\n          contentItem.content = doc.documentElement.textContent.replace(/&nbsp;/g, ' ');\n          this.contentList.push(contentItem);\n        }\n        this.relatedProducts = JSON.parse(elements.find(obj => obj.name === 'relatedProducts').content);\n      });\n    },\n\n    // 合作伙伴列表\n    getPartner() {\n      var params = { columnId: '1605405080163672064', pageNum: 1, pageSize: 99, commendation: 16, cascade: true, };\n      getContentList(params).then((res) => {\n        const { result, } = res;\n        for (var i = 0; i < result.data.length; i++) {\n          this.partnerList.push(result.data[i].logo);\n        }\n        this.$nextTick(() => {\n          this.enterprisePartnerScroll();\n          window.addEventListener('resize', this.enterprisePartnerScroll());\n        });\n      });\n    },\n\n    viewDetails(id) {\n      if (id === 0) {\n        this.$router.push({ path: '/strategyorganize', });\n      } else if (id === 1) {\n        this.$router.push({ path: '/staffmanage', });\n      } else if (id === 2) {\n        this.$router.push({ path: '/workinghours', });\n      } else if (id === 3) {\n        this.$router.push({ path: '/paywelfare', });\n      } else if (id === 4) {\n        this.$router.push({ path: '/personnelrecruit', });\n      } else if (id === 5) {\n        this.$router.push({ path: '/personnelgrow', });\n      } else if (id === 6) {\n        this.$router.push({ path: '/achievementview', });\n      } else if (id === 7) {\n        this.$router.push({ path: '/development', });\n      }\n    },\n    viewCases(i) {\n      this.$router.push({ name: 'CustomerCase', params: { label: i.label, }, });\n    },\n    partnerRecursion () {\n      return true;\n    },\n    enterprisePartnerScroll () {\n      const el = this.$refs.enterprisePartnerItemWrap;\n      if (el.scrollWidth - el.offsetWidth > 10) {\n        clearInterval(this.enterprisePartnerScrollTimer);\n        const lenPx = this.partnerList.length * 135;\n        el.style = `--parnertwrapscrollWidth: ${lenPx}px;--parnertwrapscrollhiddenWidth: ${lenPx}px`;\n        // el.style = `--parnertwrapscrollWidth: ${el.clientWidth}px;--parnertwrapscrollhiddenWidth: ${lenPx}px`;\n      }\n      this.$refs.enterprisePartner.style = \"display: none\"\n      setTimeout(() => {\n        this.$refs.enterprisePartner.style = \"display: block\"\n      },50)\n    },\n    openBealter () {\n      this.$refs.altProduct.tobealter();\n    },\n    openBealter2() {\n       this.$refs.ast.drawer  = true\n    },\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n.case-index{\n    background-color: #fff;\n    .page-content{\n        width: 100%;\n        .page-canvas{\n            width: 100%;\n            height: 360px;\n            min-width: var(--minwidth);\n            // position: relative;\n            background: url('@/assets/customer/canvas.png') no-repeat;\n            background-size: cover;\n            background-position: center;\n            .por-container{\n                width: 70%;\n                min-width: var(--minwidth);\n                margin: 0 auto;\n                position: relative;\n                .page-info{\n                    width: 40%;\n                    height: 100%;\n                    display: flex;\n                    justify-content: center;\n                    flex-direction: column;\n                    padding-top: 119px;\n                    box-sizing: border-box;\n                    .page-info-title{\n                        color: #fff;\n                        font-size: 36px;\n                        font-weight: 300;\n                        line-height: 1;\n                        margin-bottom: 30px;\n                    }\n                    .page-info-describe{\n                        color: #fff;\n                        font-size: 20px;\n                        font-weight: 300;\n                        line-height: 1;\n                    }\n                }\n            }\n        }\n        .case-content-wrap{\n            width: 1200px;\n            margin: 0 auto;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            align-items: center;\n            margin-bottom: 60px;\n            .case-breadcrumb-wrap{\n                width: 100%;\n                height: 63px;\n                border-bottom: 2px solid #e8ecf3;\n                padding-left: 1px;\n                box-sizing: border-box;\n                display: flex;\n                align-items: center;\n                margin-bottom: 40px;\n                ::v-deep .el-breadcrumb{\n                    .el-breadcrumb__item{\n                        .el-breadcrumb__inner.is-link{\n                            color: #00b0dc;\n                            font-weight: 400\n                        }\n                    }\n                }\n            }\n            .case-content{\n              width: 100%;\n              display: flex;\n              justify-content: space-between;\n              align-items: flex-start;\n              margin-bottom: 20px;\n              .case-content-left{\n                width: 860px;\n                display: flex;\n                flex-direction: column;\n                justify-content: flex-start;\n                align-items: center;\n                .text-module{\n                  width: 100%;\n                  .module-name-wrap{\n                    width: 100%;\n                    height: 48px;\n                    background-color: #f5f5f6;\n                    display: flex;\n                    justify-content: flex-start;\n                    align-items: center;\n                    .module-icon{\n                      width: 48px;\n                      height: 48px;\n                      background-color: #00b0dc;\n                      display: flex;\n                      justify-content: center;\n                      align-items: center;\n                    }\n                    .module-title{\n                      margin-left: 16px;\n                      font-size: 16px;\n                      color: #181818;\n                    }\n                  }\n                  .module-content-wrap{\n                    width: 100%;\n                    padding: 23px 0 38px;\n                    box-sizing: border-box;\n                    .content-img{\n                      float: right;\n                      margin-left: 40px;\n                    }\n                    .module-content{\n                      shape-outside: circle(100%);\n                      color: #181818;\n                      font-size: 14px;\n                      line-height: 24px;\n                    }\n                  }\n                }\n              }\n              .case-content-right{\n                width: 300px;\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                justify-content: flex-start;\n                .related-products{\n                  width: 100%;\n                  background-color: #fff;\n                  border: 1px solid #e8ecf3;\n                  box-sizing: border-box;\n                  margin-bottom: 20px;\n                  .wrap-name-box{\n                    width: 100%;\n                    height: 48px;\n                    background-color: #0a1d2e;\n                    padding: 0 16px;\n                    box-sizing: border-box;\n                    display: flex;\n                    align-items: center;\n                    .wrap-name{\n                      font-size: 16px;\n                      color: #fff;\n                    }\n                  }\n                  .product-list{\n                    width: 100%;\n                    padding: 0 20px;\n                    display: flex;\n                    flex-direction: column;\n                    justify-content: flex-start;\n                    align-items: center;\n                    box-sizing: border-box;\n                    .product-item{\n                      width: 100%;\n                      border-bottom: 1px solid #e8ecf3;\n                      padding: 23px 0 24px;\n                      box-sizing: border-box;\n                      display: flex;\n                      flex-direction: column;\n                      justify-content: flex-start;\n                      align-items: flex-start;\n                      .title{\n                        font-size: 14px;\n                        line-height: 1;\n                        color: #181818;\n                        margin-bottom: 18px;\n                      }\n                      .describe{\n                        font-size: 14px;\n                        line-height: 1;\n                        color: #737c8b;\n                        margin-bottom: 17px;\n                      }\n                      .product-btn{\n                        width: 103px;\n                        height: 32px;\n                        background-color: #fff;\n                        border: 1px solid #00b0dc;\n                        text-align: center;\n                        line-height: 32px;\n                        color: #00b0dc;\n                        font-size: 14px;\n                        cursor: pointer;\n                      }\n                    }\n                    .product-item:last-child{\n                      border: none;\n                    }\n                  }\n                }\n                .more-cases{\n                  width: 100%;\n                  background-color: #fff;\n                  box-sizing: border-box;\n                  .wrap-name-box{\n                    width: 100%;\n                    height: 48px;\n                    background-color: #0a1d2e;\n                    padding: 0 16px;\n                    box-sizing: border-box;\n                    display: flex;\n                    align-items: center;\n                    .wrap-name{\n                      font-size: 16px;\n                      color: #fff;\n                    }\n                  }\n                  .cases-type-list{\n                    width: 100%;\n                    display: flex;\n                    flex-wrap: wrap;\n                    justify-content: flex-start;\n                    align-items: flex-start;\n                    .cases-type-item{\n                      width: 140px;\n                      height: 30px;\n                      margin: 20px 20px 0 0;\n                      background-color: #fff;\n                      border: 1px solid #e8ecf3;\n                      box-sizing: border-box;\n                      text-align: center;\n                      line-height: 30px;\n                      font-size: 14px;\n                      color: #737c8b;\n                      cursor: pointer;\n                    }\n                    .cases-type-item:nth-child(2n){\n                      margin-right: 0;\n                    }\n                  }\n                }\n              }\n            }\n            .enterprise-partner{\n              width: 100%;\n              height: 89px;\n              overflow: hidden;\n              img{\n                width: 100%;\n                height: 89px;\n              }\n              .enterprise-partner-item-wrap{\n                // border: 1px solid\n                height: 82px;\n                position: relative;\n                top: -90px;\n                left: 115px;\n                display: flex;\n                justify-content: flex-start;\n                align-items: center;\n                width: calc(100% - 116px);\n                overflow: scroll;\n                .enterprise-partner-item{\n                  flex-shrink: 0;\n                  min-width: 135px;\n                  padding: 0 5px;\n                  animation: scrollbarpartner infinite;\n                  animation-timing-function: linear;\n                  display: flex;\n                  justify-content: center;\n                  align-items: center;\n                  img{\n                    width: auto;\n                    height: 52px;\n                  }\n                }\n              }\n            }\n            .enterprise-partner-item-wrap::-webkit-scrollbar{\n              width:0px !important; /*高宽分别对应横竖滚动条的尺寸*/\n              height: 0px;\n            }\n            .enterprise-partner-item-wrap::-webkit-scrollbar-thumb{\n              border-radius: 0px !important;\n              background: #acacac !important;\n            }\n            @keyframes scrollbarpartner {\n              0% {\n                transform: translateX(0)\n                // transform: translateX(var(--parnertwrapscrollWidth));\n              }\n              100% {\n                // transform: translateX(var(--parnertwrapscrollWidth));\n                // transform: translateX(0)\n                transform: translateX(calc(var(--parnertwrapscrollhiddenWidth) * -1));\n              }\n            }\n        }\n        .appointment-demonstration{\n          width: 100%;\n          min-width: var(--minwidth);\n          height: 188px;\n          background-image: url('@/assets/home/appointment-demonstration.png');\n          background-repeat: no-repeat;\n          background-size: cover;\n          background-position: center;\n          text-align: center;\n          color: #fff;\n          padding: 22px;\n          box-sizing: border-box;\n          .appointment-demonstration-title{\n            font-size: 26px;\n            color: #fff;\n            margin-bottom: 20px;\n          }\n          .appointment-demonstration-subtitle{\n            font-size: 16px;\n            font-weight: 400;\n            color: #fff;\n            margin-bottom: 25px;\n          }\n          .appointment-demonstration-btn{\n            width: 220px;\n            height: 46px;\n            text-align: center;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            margin: auto;\n            background: #00b0dc;\n            border-radius: 30px;\n            cursor: pointer;\n            img{\n              width: 18px;\n              height: 22px;\n              vertical-align: middle;\n              margin-right: 10px\n            }\n            transition: all 0.5s;\n            &:hover{\n              transform: scale(1.1);\n              transition: all  0.5s;\n            }\n          }\n        }\n    }\n}\n</style>\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=55598b95&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=55598b95&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"55598b95\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"software\"},[_c('AppBar'),_c('div',{staticClass:\"page-content\"},[_vm._m(0),(_vm.firstClassList.length>0)?_c('div',{staticClass:\"first-classification-wrap\"},[_c('el-tabs',{on:{\"tab-click\":_vm.handleClick},model:{value:(_vm.activeName),callback:function ($$v) {_vm.activeName=$$v},expression:\"activeName\"}},_vm._l((_vm.firstClassList),function(item,index){return _c('el-tab-pane',{key:index,attrs:{\"label\":item.title,\"name\":index+1+''}})}),1),_c('div',{staticClass:\"second-class-list\"},_vm._l((_vm.firstClassList[Number(_vm.activeName)-1].secondClassList),function(item,index){return _c('div',{key:index,staticClass:\"second-class-item\"},[_c('div',{staticClass:\"second-class-title\"},[_vm._v(_vm._s(item.title))]),_c('div',{staticClass:\"file-list\"},_vm._l((item.fileList),function(fileItem,fileIndex){return _c('div',{key:fileIndex,staticClass:\"file-item\"},[_c('div',{staticClass:\"file-left\"},[_c('div',{staticClass:\"circle\"}),_c('div',{staticClass:\"file-title\"},[_vm._v(_vm._s(fileItem.title))])]),_c('div',{staticClass:\"file-right\"},[_c('div',{staticClass:\"file-time\"},[_vm._v(\" \"+_vm._s(_vm.fileTime(fileItem.publishTime))+\" \")]),_c('div',{staticClass:\"download-button\",on:{\"click\":function($event){return _vm.downLoad(fileItem)}}},[_vm._v(\" 立即下载 \")])])])}),0)])}),0)],1):_vm._e()]),_c('RightFixedgt'),_c('FootWrap'),_c('AltProduct',{ref:\"altProduct\"}),_c('ast',{ref:\"ast\"})],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"page-canvas\"},[_c('div',{staticClass:\"por-container\"},[_c('div',{staticClass:\"page-info\"},[_c('div',{staticClass:\"page-info-title\"},[_vm._v(\" 软件下载 \")]),_c('div',{staticClass:\"page-info-describe\"},[_vm._v(\" 为企业创造更大的价值，让客户感动 \")])])])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"software\">\n    <AppBar />\n    <div class=\"page-content\">\n      <div class=\"page-canvas\">\n        <div class=\"por-container\">\n          <div class=\"page-info\">\n            <div class=\"page-info-title\">\n              软件下载\n            </div>\n            <div class=\"page-info-describe\">\n              为企业创造更大的价值，让客户感动\n            </div>\n          </div>\n        </div>\n      </div>\n      <div v-if=\"firstClassList.length>0\" class=\"first-classification-wrap\">\n        <el-tabs v-model=\"activeName\" @tab-click=\"handleClick\">\n          <el-tab-pane\n            v-for=\"(item, index) in firstClassList\"\n            :key=\"index\"\n            :label=\"item.title\"\n            :name=\"index+1+''\"\n          />\n        </el-tabs>\n        <div class=\"second-class-list\">\n          <div\n            v-for=\"(item, index) in firstClassList[Number(activeName)-1].secondClassList\"\n            :key=\"index\"\n            class=\"second-class-item\"\n          >\n            <div class=\"second-class-title\">{{ item.title }}</div>\n            <div class=\"file-list\">\n              <div\n                v-for=\"(fileItem, fileIndex) in item.fileList\"\n                :key=\"fileIndex\"\n                class=\"file-item\"\n              >\n                <div class=\"file-left\">\n                  <div class=\"circle\"></div>\n                  <div class=\"file-title\">{{ fileItem.title }}</div>\n                </div>\n                <div class=\"file-right\">\n                  <div class=\"file-time\">\n                    {{ fileTime(fileItem.publishTime) }}\n                  </div>\n                  <div class=\"download-button\" @click=\"downLoad(fileItem)\">\n                    立即下载\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <RightFixedgt />\n    <FootWrap />\n    <AltProduct ref=\"altProduct\" />\n    <ast ref=\"ast\" />\n  </div>\n</template>\n\n<script>\nimport { getColumnChild } from '@/api/column';\nimport { getContentList, getContentDetail, download } from '@/api/content';\nimport dayjs from 'dayjs';\nexport default {\n  name: 'SoftwareView',\n  data() {\n    return {\n      activeName: '1',\n      firstClassList: [\n        // {\n        //   title: '硬件接口',\n        //   secondClassList: [\n        //     {\n        //       title: '二级菜单1',\n        //       fileList: [\n        //         {\n        //           fileName: '中控设备接口',\n        //           time: '2022-12-07',\n        //         },\n        //       ],\n        //     },\n        //     {\n        //       title: '二级菜单2',\n        //       fileList: [\n        //         {\n        //           fileName: '中控设备接口',\n        //           time: '2022-12-05',\n        //         },\n        //         {\n        //           fileName: '海康设备接口',\n        //           time: '2022-12-05',\n        //         },\n        //         {\n        //           fileName: '身份证识别器接口',\n        //           time: '2022-12-04',\n        //         },\n        //         {\n        //           fileName: '这是一个可以修改标题的三级菜单',\n        //           time: '2022-12-03',\n        //         },\n        //       ],\n        //     },\n        //   ],\n        // },\n      ],\n    };\n  },\n  mounted() {\n    this.getFirstMenu();\n  },\n  methods: {\n    async getFirstMenu() {\n      var { result, } = await getColumnChild({ parentId: '1605494229646401536', });\n      for (var i = 0; i < result.length; i++) {\n        var firstClass = {\n          title: result[i].name,\n          secondClassList: [],\n        };\n        var rrs = await getColumnChild({ parentId: result[i].id, });\n        var rrsult = rrs.result;\n        for (var j = 0; j < rrsult.length; j++) {\n          var rts = await getContentList({ columnId: rrsult[j].id, pageNum: 1, pageSize: 99, });\n          var rtsult = rts.result;\n          var secondClass = {\n            title: rrsult[j].name,\n            fileList: rtsult.data,\n          };\n          firstClass.secondClassList.push(secondClass);\n        }\n        this.firstClassList.push(firstClass);\n      }\n      // getColumnChild({ parentId: '1605494229646401536', }).then((res) => {\n      //   var { result, } = res;\n      //   for (var i = 0; i < result.length; i++) {\n      //     var firstClass = {\n      //       title: result[i].name,\n      //       secondClassList: [],\n      //     };\n\n      //     // getColumnChild({ parentId: result[i].id, }).then((rrs) => {\n      //     //   console.log(result[i].id);\n      //     //   var rrsult = rrs.result;\n      //     //   // console.log(rrsult);\n      //     //   for (var j = 0; j < rrsult.length; j++) {\n      //     //     var secondClass = {\n      //     //       title: rrsult[j].title,\n      //     //       fileList: [],\n      //     //     };\n      //     //     getContentList({ columnId: rrsult[j].id, pageNum: 1, pageSize: 99, }).then((rts) => {\n      //     //       var rtsult = rts.result;\n      //     //       // console.log(rtsult.data);\n      //     //       secondClass.fileList = rtsult.data;\n      //     //       firstClass.secondClassList.push(secondClass);\n      //     //     });\n      //     //   }\n      //     //   console.log(firstClass);\n      //     // });\n      //     this.firstClassList.push(firstClass);\n      //   }\n      // });\n    },\n\n    fileTime(time) {\n      return dayjs(time).format('YYYY-MM-DD');\n    },\n\n    async downLoad(item) {\n      const { result, } = await getContentDetail(item.id);\n\n      var file = result.elements.find(obj => obj.name === 'file');\n\n      if (file) {\n        const content = file.content;\n        download(content[0].url).then((rrs) => {\n          const fileName = content[0].name;\n          const blob = new Blob([ rrs.data, ]);\n          if (typeof window.navigator.msSaveBlob !== 'undefined') {\n            // 兼容window.navigator.msSaveBlob：以本地方式保存文件\n            window.navigator.msSaveBlob(blob, decodeURI(fileName));\n          } else {\n            // 创建新的URL并指向File对象或者Blob对象的地址\n            const blobURL = window.URL.createObjectURL(blob);\n            // 创建a标签，用于跳转至下载链接\n            const tempLink = document.createElement('a');\n            tempLink.style.display = 'block';\n            tempLink.href = blobURL;\n            tempLink.setAttribute('download', decodeURI(fileName));\n            // 兼容：某些浏览器不支持HTML5的download属性\n            if (typeof tempLink.download === 'undefined') {\n              tempLink.setAttribute('target', '_blank');\n            }\n            // 挂载a标签\n            document.body.appendChild(tempLink);\n            tempLink.click();\n            document.body.removeChild(tempLink);\n            // 释放blob URL地址\n            window.URL.revokeObjectURL(blobURL);\n          }\n        });\n      }\n    },\n\n    handleClick(tab, event) {\n    },\n    openBealter() {\n      this.$refs.altProduct.tobealter();\n       },\n    openBealter2() {\n       this.$refs.ast.drawer  = true\n    },\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n.software{\n  background-color: #fff;\n  position: relative;\n  .page-content{\n    width: 100%;\n    box-sizing: border-box;\n    .page-canvas{\n        width: 100%;\n        height: 360px;\n        min-width: var(--minwidth);\n        background: url('@/assets/software/canvas.png') no-repeat;\n        background-size: cover;\n        background-position: center;\n        .por-container{\n          width: 70%;\n          min-width: var(--minwidth);\n          height: 100%;\n          margin: 0 auto;\n          position: relative;\n          .page-info{\n            width: 100%;\n            height: 100%;\n            padding-top: 119px;\n            box-sizing: border-box;\n            .page-info-title{\n              font-family: OPPOSans-R;\n              font-size: 36px;\n              color: #fff;\n              margin-bottom: 20px;\n            }\n            .page-info-describe{\n              font-family: OPPOSans-R;\n              font-size: 20px;\n              color: #fff;\n            }\n          }\n        }\n    }\n    .first-classification-wrap{\n      width: 100%;\n    //   display: flex;\n    //   justify-content: center;\n      padding-top: 30px;\n      box-sizing: border-box;\n      ::v-deep .el-tabs{\n        width: 100%;\n        .el-tabs__header{\n          margin: 0;\n          .el-tabs__nav-scroll{\n            display: flex;\n            justify-content: center;\n            .el-tabs__active-bar{\n                background-color: #53d6f5;\n            }\n            .el-tabs__item{\n                margin: 15px 0;\n                padding: 0 23px;\n                font-family: OPPOSans-R;\n                font-size: 18px;\n                color: #21252b;\n            }\n          }\n        }\n      }\n      .second-class-list{\n        width: 1200px;\n        margin: 0 auto;\n        padding: 40px 0;\n        .second-class-item{\n            width: 100%;\n            background-color: #fff;\n            border: 1px solid #ebe8e8;\n            padding: 0 20px 30px;\n            box-sizing: border-box;\n            margin-bottom: 20px;\n            .second-class-title{\n                font-size: 18px;\n                font-family: OPPOSans-M;\n                line-height: 1;\n                padding: 25px 0;\n                border-bottom: 1px solid #ebe8e8;\n            }\n            .file-list{\n                .file-item{\n                    width: 100%;\n                    height: 70px;\n                    display: flex;\n                    justify-content: space-between;\n                    align-items: center;\n                    border-bottom: 1px solid #ebe8e8;\n                    box-sizing: border-box;\n                    .file-left{\n                        display: flex;\n                        justify-content: flex-start;\n                        align-items: center;\n                        .circle{\n                            width: 12px;\n                            height: 12px;\n                            background-color: #fff;\n                            border: 1px solid #00b0dc;\n                            border-radius: 50%;\n                            margin-right: 30px;\n                        }\n                        .file-title{\n                            font-size: 14px;\n                            font-family: OPPOSans-R;\n                            color: #21252b;\n                        }\n                    }\n                    .file-right{\n                        .file-time{\n                          font-size: 14px;\n                          font-family: OPPOSans-R;\n                          color: 21252b;\n                          display: block;\n                        }\n                        .download-button{\n                            width: 100px;\n                            height: 36px;\n                            background-color: #fff;\n                            border-radius: 2px;\n                            border: 1px solid #00b0dc;\n                            font-size: 14px;\n                            font-family: OPPOSans-R;\n                            color: #00b0dc;\n                            text-align: center;\n                            line-height: 36px;\n                            box-sizing: border-box;\n                            display: none;\n                            cursor: pointer;\n                            &:hover{\n                                background-color: #00b0dc;\n                                color: #fff;\n                            }\n                        }\n                    }\n                    &:hover{\n                        .file-right{\n                            .file-time{\n                                display: none;\n                            }\n                            .download-button{\n                                display: block;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./software.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./software.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./software.vue?vue&type=template&id=52827ecd&scoped=true&\"\nimport script from \"./software.vue?vue&type=script&lang=js&\"\nexport * from \"./software.vue?vue&type=script&lang=js&\"\nimport style0 from \"./software.vue?vue&type=style&index=0&id=52827ecd&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"52827ecd\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"experience\"},[_c('AppBar'),_c('div',{staticClass:\"page-content\"},[_c('div',{staticClass:\"content\"},[_vm._m(0),_c('div',{staticClass:\"content-right\"},[_c('div',{staticClass:\"content-from-title\"},[_vm._v(\"产品体验申请\")]),(!_vm.complete)?_c('div',{staticClass:\"content-from-wrap\"},[_c('div',{staticClass:\"from-box\"},[_c('el-row',{attrs:{\"gutter\":20}},[_c('el-col',{attrs:{\"span\":12}},[_c('el-input',{attrs:{\"placeholder\":\"客户名称\"},model:{value:(_vm.experienceform.name),callback:function ($$v) {_vm.$set(_vm.experienceform, \"name\", $$v)},expression:\"experienceform.name\"}})],1),_c('el-col',{attrs:{\"span\":12}},[_c('el-select',{attrs:{\"placeholder\":\"行业\"},model:{value:(_vm.experienceform.value),callback:function ($$v) {_vm.$set(_vm.experienceform, \"value\", $$v)},expression:\"experienceform.value\"}},_vm._l((_vm.options),function(item){return _c('el-option',{key:item.value,attrs:{\"label\":item.label,\"value\":item.value}})}),1)],1)],1),_c('el-row',{attrs:{\"gutter\":20}},[_c('el-col',{attrs:{\"span\":12}},[_c('el-input',{attrs:{\"placeholder\":\"客户联系人\"},model:{value:(_vm.experienceform.contacts),callback:function ($$v) {_vm.$set(_vm.experienceform, \"contacts\", $$v)},expression:\"experienceform.contacts\"}})],1),_c('el-col',{attrs:{\"span\":12}},[_c('el-input',{attrs:{\"placeholder\":\"联系电话\"},model:{value:(_vm.experienceform.telephone),callback:function ($$v) {_vm.$set(_vm.experienceform, \"telephone\", $$v)},expression:\"experienceform.telephone\"}})],1)],1),_c('div',{staticClass:\"module-list-wrap\"},[_c('div',{staticClass:\"wrap-text\"},[_vm._v(\"希望体验的功能板块\")]),_c('div',{staticClass:\"list-box\"},_vm._l((_vm.functionList),function(item,index){return _c('div',{key:index,staticClass:\"list-item\",on:{\"click\":function($event){return _vm.onXuanZhong(item, 'functionItem')}}},[_c('div',{staticClass:\"xuanzhong\",class:{ isxuanzhong: _vm.xuanZhong(item, 'functionItem') }}),_c('div',{staticClass:\"item-text\"},[_vm._v(_vm._s(item.text))])])}),0)]),_c('div',{staticClass:\"module-list-wrap\"},[_c('div',{staticClass:\"wrap-text\"},[_vm._v(\"希望体验的周期\")]),_c('div',{staticClass:\"list-box\"},_vm._l((_vm.cycleList),function(item,index){return _c('div',{key:index,staticClass:\"list-item\",on:{\"click\":function($event){return _vm.onDanZhong(item, 'cycleItem')}}},[_c('div',{staticClass:\"danxuan\"},[(_vm.experienceform.cycleItem === item.id)?_c('div',{staticClass:\"isdanzhong\"}):_vm._e()]),_c('div',{staticClass:\"item-text\"},[_vm._v(_vm._s(item.text))])])}),0)]),_c('div',{staticClass:\"module-list-wrap\"},[_c('div',{staticClass:\"wrap-text\"},[_vm._v(\"体验技术支持\")]),_c('div',{staticClass:\"list-box\"},_vm._l((_vm.supportList),function(item,index){return _c('div',{key:index,staticClass:\"list-item\",on:{\"click\":function($event){return _vm.onXuanZhong(item, 'supportItem')}}},[_c('div',{staticClass:\"xuanzhong\",class:{ isxuanzhong: _vm.xuanZhong(item, 'supportItem') }}),_c('div',{staticClass:\"item-text\"},[_vm._v(_vm._s(item.text))])])}),0)]),_c('el-row',{attrs:{\"gutter\":20}},[_c('el-col',{attrs:{\"span\":12}},[_c('el-input',{attrs:{\"placeholder\":\"商务对接人\"},model:{value:(_vm.experienceform.counterpart),callback:function ($$v) {_vm.$set(_vm.experienceform, \"counterpart\", $$v)},expression:\"experienceform.counterpart\"}})],1),_c('el-col',{attrs:{\"span\":12}},[_c('el-input',{attrs:{\"placeholder\":\"对接人手机号码\"},model:{value:(_vm.experienceform.counterpartTel),callback:function ($$v) {_vm.$set(_vm.experienceform, \"counterpartTel\", $$v)},expression:\"experienceform.counterpartTel\"}})],1)],1)],1),_c('div',{staticClass:\"content-from-buttom\"},[_c('div',{staticClass:\"buttom\",class:{\n                submit:\n                  _vm.experienceform.name !== '' &&\n                  _vm.experienceform.value !== '' &&\n                  _vm.experienceform.contacts !== '' &&\n                  _vm.experienceform.telephone !== '' &&\n                  _vm.experienceform.functionItem.length !== 0 &&\n                  _vm.experienceform.cycleItem !== '' &&\n                  _vm.experienceform.supportItem.length !== 0 &&\n                  _vm.experienceform.counterpart !== '' &&\n                  _vm.experienceform.counterpartTel !== '',\n              },on:{\"click\":_vm.submitForm}},[_vm._v(\" 提交申请 \")])])]):_c('div',{staticClass:\"complete-wrap\"},[_c('div',{staticClass:\"complete-top\"},[_c('div',{staticClass:\"icon-box\"},[_c('svg',{staticClass:\"icon\",attrs:{\"t\":\"1670464856041\",\"viewBox\":\"0 0 1024 1024\",\"version\":\"1.1\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"p-id\":\"2927\",\"width\":\"15\",\"height\":\"15\"}},[_c('path',{attrs:{\"d\":\"M940.8 160L396.8 704 83.2 384 0 467.2l313.6 313.6 83.2 83.2L1024 243.2z\",\"fill\":\"#fff\",\"p-id\":\"2928\"}})])]),_c('div',{staticClass:\"text\"},[_vm._v(\"提交成功\")])]),_c('div',{staticClass:\"complete-center\"},[_vm._v(\" 我们已经收到您的体验申请，专属顾问将会在1个工作日内与您联系 \")]),_c('div',{staticClass:\"complete-buttom\",on:{\"click\":_vm.returnFrom}},[_vm._v(\"返回首页\")])])])])]),_c('RightFixedgt'),_c('FootWrap'),_c('AltProduct',{ref:\"altProduct\"}),_c('ast',{ref:\"ast\"})],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"content-left\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"产品体验\")]),_c('div',{staticClass:\"describe\"},[_vm._v(\"选择华跃，拥有先进的人才管理能力\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"experience\">\n    <AppBar />\n    <div class=\"page-content\">\n      <div class=\"content\">\n        <div class=\"content-left\">\n          <div class=\"title\">产品体验</div>\n          <div class=\"describe\">选择华跃，拥有先进的人才管理能力</div>\n        </div>\n        <div class=\"content-right\">\n          <div class=\"content-from-title\">产品体验申请</div>\n          <div v-if=\"!complete\" class=\"content-from-wrap\">\n            <div class=\"from-box\">\n              <el-row :gutter=\"20\">\n                <el-col :span=\"12\">\n                  <el-input\n                    v-model=\"experienceform.name\"\n                    placeholder=\"客户名称\"\n                  />\n                </el-col>\n                <el-col :span=\"12\">\n                  <el-select v-model=\"experienceform.value\" placeholder=\"行业\">\n                    <el-option\n                      v-for=\"item in options\"\n                      :key=\"item.value\"\n                      :label=\"item.label\"\n                      :value=\"item.value\"\n                    />\n                  </el-select>\n                </el-col>\n              </el-row>\n              <el-row :gutter=\"20\">\n                <el-col :span=\"12\">\n                  <el-input\n                    v-model=\"experienceform.contacts\"\n                    placeholder=\"客户联系人\"\n                  />\n                </el-col>\n                <el-col :span=\"12\">\n                  <el-input\n                    v-model=\"experienceform.telephone\"\n                    placeholder=\"联系电话\"\n                  />\n                </el-col>\n              </el-row>\n              <div class=\"module-list-wrap\">\n                <div class=\"wrap-text\">希望体验的功能板块</div>\n                <div class=\"list-box\">\n                  <div\n                    v-for=\"(item, index) in functionList\"\n                    :key=\"index\"\n                    class=\"list-item\"\n                    @click=\"onXuanZhong(item, 'functionItem')\"\n                  >\n                    <div\n                      class=\"xuanzhong\"\n                      :class=\"{ isxuanzhong: xuanZhong(item, 'functionItem') }\"\n                    ></div>\n                    <div class=\"item-text\">{{ item.text }}</div>\n                  </div>\n                </div>\n              </div>\n              <div class=\"module-list-wrap\">\n                <div class=\"wrap-text\">希望体验的周期</div>\n                <div class=\"list-box\">\n                  <div\n                    v-for=\"(item, index) in cycleList\"\n                    :key=\"index\"\n                    class=\"list-item\"\n                    @click=\"onDanZhong(item, 'cycleItem')\"\n                  >\n                    <div\n                      class=\"danxuan\"\n                    >\n                      <!-- :class=\"{ isxuanzhong: xuanZhong(item, 'cycleItem') }\" -->\n                      <div v-if=\"experienceform.cycleItem === item.id\" class=\"isdanzhong\"></div>\n                    </div>\n                    <div class=\"item-text\">{{ item.text }}</div>\n                  </div>\n                </div>\n              </div>\n              <div class=\"module-list-wrap\">\n                <div class=\"wrap-text\">体验技术支持</div>\n                <div class=\"list-box\">\n                  <div\n                    v-for=\"(item, index) in supportList\"\n                    :key=\"index\"\n                    class=\"list-item\"\n                    @click=\"onXuanZhong(item, 'supportItem')\"\n                  >\n                    <div\n                      class=\"xuanzhong\"\n                      :class=\"{ isxuanzhong: xuanZhong(item, 'supportItem') }\"\n                    ></div>\n                    <div class=\"item-text\">{{ item.text }}</div>\n                  </div>\n                </div>\n              </div>\n              <el-row :gutter=\"20\">\n                <el-col :span=\"12\">\n                  <el-input\n                    v-model=\"experienceform.counterpart\"\n                    placeholder=\"商务对接人\"\n                  />\n                </el-col>\n                <el-col :span=\"12\">\n                  <el-input\n                    v-model=\"experienceform.counterpartTel\"\n                    placeholder=\"对接人手机号码\"\n                  />\n                </el-col>\n              </el-row>\n            </div>\n            <div class=\"content-from-buttom\">\n              <div\n                class=\"buttom\"\n                :class=\"{\n                  submit:\n                    experienceform.name !== '' &&\n                    experienceform.value !== '' &&\n                    experienceform.contacts !== '' &&\n                    experienceform.telephone !== '' &&\n                    experienceform.functionItem.length !== 0 &&\n                    experienceform.cycleItem !== '' &&\n                    experienceform.supportItem.length !== 0 &&\n                    experienceform.counterpart !== '' &&\n                    experienceform.counterpartTel !== '',\n                }\"\n                @click=\"submitForm\"\n              >\n                提交申请\n              </div>\n            </div>\n          </div>\n          <div v-else class=\"complete-wrap\">\n            <div class=\"complete-top\">\n              <div class=\"icon-box\">\n                <svg\n                  t=\"1670464856041\"\n                  class=\"icon\"\n                  viewBox=\"0 0 1024 1024\"\n                  version=\"1.1\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  p-id=\"2927\"\n                  width=\"15\"\n                  height=\"15\"\n                >\n                  <path\n                    d=\"M940.8 160L396.8 704 83.2 384 0 467.2l313.6 313.6 83.2 83.2L1024 243.2z\"\n                    fill=\"#fff\"\n                    p-id=\"2928\"\n                  />\n                </svg>\n              </div>\n              <div class=\"text\">提交成功</div>\n            </div>\n            <div class=\"complete-center\">\n              我们已经收到您的体验申请，专属顾问将会在1个工作日内与您联系\n            </div>\n            <div class=\"complete-buttom\" @click=\"returnFrom\">返回首页</div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <RightFixedgt />\n    <FootWrap />\n    <AltProduct ref=\"altProduct\" />\n    <ast ref=\"ast\" />\n  </div>\n</template>\n\n<script>\nimport { getColumnChild } from '@/api/column'\nimport { submitForm } from '@/api/content';\nexport default {\n  name: 'ExperienceViwe',\n  data() {\n    return {\n      complete: false,\n      experienceform: {\n        name: '',\n        value: '',\n        contacts: '',\n        telephone: '',\n        functionItem: [],\n        cycleItem: '',\n        supportItem: [],\n        counterpart: '',\n        counterpartTel: '',        \n      },\n      options: [\n        // {\n        //   value: 0,\n        //   label: '五金行业',\n        // },\n        // {\n        //   value: 1,\n        //   label: '电子电器',\n        // },\n        // {\n        //   value: 2,\n        //   label: '综合集团',\n        // },\n        // {\n        //   value: 3,\n        //   label: '食品行业',\n        // },\n      ],\n      functionList: [\n        {\n          id: 0,\n          text: '战略组织',\n        },\n        {\n          id: 1,\n          text: '员工关系',\n        },\n        {\n          id: 2,\n          text: '考勤工时',\n        },\n        {\n          id: 3,\n          text: '薪酬福利',\n        },\n        {\n          id: 4,\n          text: '绩效激励',\n        },\n        {\n          id: 5,\n          text: '人才发展',\n        },\n        {\n          id: 6,\n          text: '计件工资',\n        },\n        {\n          id: 7,\n          text: '移动平台',\n        },\n        {\n          id: 8,\n          text: '人才招聘',\n        },\n        {\n          id: 9,\n          text: '人才培育',\n        },\n        {\n          id: 10,\n          text: '人才测评',\n        },\n        {\n          id: 11,\n          text: '报表工具',\n        },\n      ],\n      cycleList: [\n        {\n          id: 0,\n          text: '一周',\n        },\n        {\n          id: 1,\n          text: '两周',\n        },\n        {\n          id: 2,\n          text: '三周',\n        },\n        {\n          id: 3,\n          text: '一个月',\n        },\n      ],\n      supportList: [\n        {\n          id: 0,\n          text: '是否需要上门培训',\n        },\n        {\n          id: 1,\n          text: '是否需要测试数据',\n        },\n        {\n          id: 2,\n          text: '是否需要签订试用协议',\n        },\n      ],\n    };\n  },\n  mounted() {\n    this.getOptionsList();\n  },\n  methods: {\n    getOptionsList() {\n      getColumnChild({ parentId: '1605405080163672064', }).then((res) => {\n        const { result, } = res;\n        for (var i = 0; i < result.length; i++) {\n          this.options.push({\n            value: result[i].id,\n            label: result[i].name\n          })\n        }\n      })\n    },\n    onXuanZhong(item, key) {\n      var index = this.experienceform[key].indexOf(item.id);\n      if (index === -1) {\n        this.experienceform[key].push(item.id);\n      } else {\n        this.experienceform[key].splice(index, 1);\n      }\n    },\n    xuanZhong(item, key) {\n      var index = this.experienceform[key].indexOf(item.id);\n      if (index === -1) {\n        return false;\n      } else {\n        return true;\n      }\n    },\n    onDanZhong(item, key) {\n      this.experienceform[key] = item.id;\n    },\n    submitForm() {\n      if (\n        this.experienceform.name !== '' &&\n        this.experienceform.value !== '' &&\n        this.experienceform.contacts !== '' &&\n        this.experienceform.telephone !== '' &&\n        this.experienceform.functionItem.length !== 0 &&\n        this.experienceform.cycleItem !== '' &&\n        this.experienceform.supportItem.length !== 0 &&\n        this.experienceform.counterpart !== '' &&\n        this.experienceform.counterpartTel !== ''\n      ) {\n        var element = {\n          name: {\n            elementType: 'text',\n            content: this.experienceform.name,\n          },\n          value: {\n            elementType: 'radio',\n            content: this.experienceform.value,\n          },\n          contacts: {\n            elementType: 'text',\n            content: this.experienceform.contacts,\n          },\n          telephone: {\n            elementType: 'text',\n            content: this.experienceform.telephone,\n          },\n          functionItem: {\n            elementType: 'checkbox',\n            content: this.experienceform.functionItem,\n          },\n          cycleItem: {\n            elementType: 'radio',\n            content: this.experienceform.cycleItem,\n          },\n          supportItem: {\n            elementType: 'checkbox',\n            content: this.experienceform.supportItem,\n          },\n          counterpart: {\n            elementType: 'text',\n            content: this.experienceform.counterpart,\n          },\n          counterpartTel: {\n            elementType: 'text',\n            content: this.experienceform.counterpartTel,\n          },\n        };\n        var formData = {\n          formId: '1605845734920511488',\n          element,\n        };\n        submitForm(formData).then((res) => {\n          if (res.code === 200) {\n            this.complete = true;\n            this.experienceform = {\n              name: '',\n              value: '',\n              contacts: '',\n              telephone: '',\n              functionItem: [],\n              cycleItem: '',\n              supportItem: [],\n              counterpart: '',\n              counterpartTel: '',\n            };\n          }\n        });\n      }\n    },\n    returnFrom() {\n      this.complete = false;\n      this.experienceform = {\n        name: '',\n        value: '',\n        contacts: '',\n        telephone: '',\n        functionItem: [],\n        cycleItem: '',\n        supportItem: [],\n        counterpart: '',\n        counterpartTel: '',\n      };\n    },\n    openBealter() {\n      this.$refs.altProduct.tobealter();\n    },\n    openBealter2() {\n       this.$refs.ast.drawer  = true\n    },\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n.experience {\n  width: 100%;\n  background: #fff;\n  position: relative;\n  .page-content {\n    width: 100%;\n    height: 845px;\n    min-width: 1200px;\n    background: url(\"@/assets/experience/canvas.png\") no-repeat;\n    background-size: cover;\n    background-position: center;\n    .content {\n      width: 1200px;\n      height: 100%;\n      padding: 80px 0;\n      margin: 0 auto;\n      box-sizing: border-box;\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-start;\n      .content-left {\n        flex: 1;\n        .title {\n          font-family: OPPOSans-R;\n          font-size: 40px;\n          color: #21252b;\n          margin-bottom: 28px;\n        }\n        .describe {\n          font-family: OPPOSans-R;\n          font-size: 16px;\n          color: #21252b;\n        }\n      }\n      .content-right {\n        width: 615px;\n        padding: 30px;\n        box-sizing: border-box;\n        background-color: #fff;\n        border-radius: 12px;\n        .content-from-title {\n          width: 100%;\n          font-family: OPPOSans-M;\n          font-size: 22px;\n          color: #21252b;\n          padding-bottom: 24px;\n          border-bottom: 1px solid #e8eaed;\n        }\n        .content-from-wrap {\n          .el-row {\n            margin-bottom: 15px;\n            &:last-child {\n              margin-bottom: 0;\n            }\n          }\n          .from-box {\n            padding: 30px 0;\n            border-bottom: 1px solid #e8eaed;\n            .module-list-wrap {\n              width: 100%;\n              .wrap-text {\n                font-size: 12px;\n                font-family: OPPOSans-R;\n                color: #737c8b;\n                margin-bottom: 20px;\n              }\n              .list-box {\n                width: 100%;\n                display: flex;\n                flex-wrap: wrap;\n                align-items: center;\n                justify-content: flex-start;\n                .list-item {\n                  width: 28%;\n                  display: flex;\n                  align-items: center;\n                  justify-content: flex-start;\n                  // margin-right: 75px;\n                  margin-bottom: 24px;\n                  cursor: pointer;\n                  .xuanzhong {\n                    width: 16px;\n                    height: 16px;\n                    background-color: #fff;\n                    border-radius: 4px;\n                    border: 1px solid #dee0e3;\n                    background-repeat: no-repeat;\n                    background-position: center;\n                    transition: all 0.3s ease-in-out;\n                    box-sizing: border-box;\n                    margin-right: 8px;\n                  }\n                  .isxuanzhong {\n                    background-image: url(\"@/assets/altProduct/zhengque.png\");\n                    background-color: #00b0dc;\n                    border-color: #00b0dc;\n                  }\n                  .danxuan{\n                    width: 16px;\n                    height: 16px;\n                    background-color: #fff;\n                    border-radius: 50%;\n                    border: 1px solid #dee0e3;\n                    transition: all 0.3s ease-in-out;\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                    box-sizing: border-box;\n                    margin-right: 8px;\n                  }\n                  .isdanzhong{\n                    width: 8px;\n                    height: 8px;\n                    background-color: #00b0dc;\n                    border-radius: 50%;\n                  }\n                  .item-text {\n                    font-family: OPPOSans-R;\n                    font-size: 14px;\n                    color: #181818;\n                    line-height: 1;\n                  }\n                  &:nth-child(4n) {\n                    flex: 1;\n                    margin-right: 0;\n                  }\n                  &:last-child {\n                    flex: 1;\n                  }\n                }\n              }\n            }\n            ::v-deep .el-select {\n              width: 100%;\n            }\n          }\n          .content-from-buttom {\n            width: 100%;\n            display: flex;\n            margin-top: 20px;\n            .buttom {\n              width: 267px;\n              height: 40px;\n              background-color: #e0e5f0;\n              border-radius: 4px;\n              text-align: center;\n              line-height: 40px;\n              font-size: 14px;\n              color: #8893a9;\n              cursor: initial;\n            }\n            .submit {\n              cursor: pointer;\n              color: #fff;\n              background-color: #00b0dc;\n            }\n          }\n        }\n        .complete-wrap {\n          padding: 50px 0 80px;\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          .complete-top {\n            display: flex;\n            align-items: center;\n            margin-bottom: 25px;\n            .icon-box {\n              width: 28px;\n              height: 28px;\n              background-color: #13d47e;\n              border-radius: 50%;\n              display: flex;\n              justify-content: center;\n              align-items: center;\n              margin-right: 10px;\n            }\n            .text {\n              font-size: 18px;\n              font-family: OPPOSans-M;\n              color: #21252b;\n            }\n          }\n          .complete-center {\n            font-family: OPPOSans-R;\n            font-size: 14px;\n            color: #21252b;\n            margin-bottom: 40px;\n          }\n          .complete-buttom {\n            width: 248px;\n            height: 40px;\n            background-color: #00b0dc;\n            border-radius: 4px;\n            font-size: 14px;\n            color: #fff;\n            text-align: center;\n            line-height: 40px;\n            cursor: pointer;\n          }\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./experience.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./experience.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./experience.vue?vue&type=template&id=d1b42a34&scoped=true&\"\nimport script from \"./experience.vue?vue&type=script&lang=js&\"\nexport * from \"./experience.vue?vue&type=script&lang=js&\"\nimport style0 from \"./experience.vue?vue&type=style&index=0&id=d1b42a34&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"d1b42a34\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"about\"},[_c('AppBar'),_c('div',{staticClass:\"page-content\"},[_vm._m(0),_c('div',{staticClass:\"about-navigation-wrap\"},[_c('div',{staticClass:\"navigation-content\"},[_c('div',{staticClass:\"about-breadcrumb\"},[_c('el-breadcrumb',{attrs:{\"separator-class\":\"el-icon-arrow-right\"}},[_c('el-breadcrumb-item',[_vm._v(\"关于华跃\")]),_c('el-breadcrumb-item',{attrs:{\"to\":{path: _vm.navigationList[_vm.navigationIndex].router}}},[_vm._v(_vm._s(_vm.navigationList[_vm.navigationIndex].text))])],1)],1),_c('div',{staticClass:\"about-navigation-list\"},_vm._l((_vm.navigationList),function(item,index){return _c('div',{key:index,staticClass:\"navigation-item\",class:{'navigation-place': _vm.navigationIndex == index},on:{\"click\":function($event){return _vm.switchRoutes(item, index)}}},[_vm._v(_vm._s(item.text))])}),0)])]),_c('router-view'),_c('div',[_c('div',{ref:\"customer-stories\"},[_c('div',{staticClass:\"customer-stories\"},[_c('div',{staticClass:\"customer-stories-content\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"中大型企业的共同选择\")]),_c('div',{staticClass:\"customer-stories-list\"},_vm._l((_vm.enterpriseList),function(item,index){return _c('div',{key:index,staticClass:\"cystiner-stirues-item\"},[_c('img',{attrs:{\"src\":item,\"alt\":\"\"}})])}),0),_c('div',{staticClass:\"customer-stories-btn\",on:{\"click\":_vm.moreEnterprise}},[_c('div',{staticClass:\"btn-text\"},[_vm._v(\" 查看更多案例 \")])])])])])])],1),_c('RightFixedgt'),_c('FootWrap'),_c('AltProduct',{ref:\"altProduct\"}),_c('ast',{ref:\"ast\"})],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"page-canvas\"},[_c('div',{staticClass:\"por-container\"},[_c('div',{staticClass:\"page-info\"},[_c('div',{staticClass:\"page-info-title\"},[_vm._v(\" 华跃 专注创新，服务至上 \")])])])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"about\">\n    <AppBar />\n    <div class=\"page-content\">\n      <div class=\"page-canvas\">\n        <!-- <div class=\"page-background\">\n          <img :src=\"require('@/assets/customer/canvas.png')\" alt=\"\" />\n        </div> -->\n        <div class=\"por-container\">\n          <div class=\"page-info\">\n            <div class=\"page-info-title\">\n              华跃 专注创新，服务至上\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"about-navigation-wrap\">\n        <div class=\"navigation-content\">\n          <div class=\"about-breadcrumb\">\n            <el-breadcrumb separator-class=\"el-icon-arrow-right\">\n              <el-breadcrumb-item>关于华跃</el-breadcrumb-item>\n              <el-breadcrumb-item :to=\"{path: navigationList[navigationIndex].router}\">{{ navigationList[navigationIndex].text }}</el-breadcrumb-item>\n            </el-breadcrumb>\n          </div>\n          <div class=\"about-navigation-list\">\n            <div\n              v-for=\"(item, index) in navigationList\"\n              :key=\"index\"\n              class=\"navigation-item\"\n              :class=\"{'navigation-place': navigationIndex == index}\"\n              @click=\"switchRoutes(item, index)\"\n            >{{ item.text }}</div>\n          </div>\n        </div>\n      </div>\n      <router-view />\n      <div>\n        <div ref=\"customer-stories\">\n          <div class=\"customer-stories\">\n            <div class=\"customer-stories-content\">\n              <div class=\"title\">中大型企业的共同选择</div>\n              <div class=\"customer-stories-list\">\n                <div v-for=\"(item, index) in enterpriseList\" :key=\"index\" class=\"cystiner-stirues-item\">\n                  <img :src=\"item\" alt=\"\" />\n                </div>\n              </div>\n              <div class=\"customer-stories-btn\" @click=\"moreEnterprise\">\n                <div class=\"btn-text\">\n                  查看更多案例\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <RightFixedgt />\n    <FootWrap />\n    <AltProduct ref=\"altProduct\" />\n    <ast ref=\"ast\" />\n  </div>\n</template>\n\n<script>\nimport { getContentList } from '@/api/content';\nexport default {\n  name: 'AboutViwe',\n  data() {\n    return {\n      navigationIndex: 0,\n      navigationList: [\n        {\n          id: 0,\n          text: '公司简介',\n          router: '/about/infroduction',\n        },\n        {\n          id: 1,\n          text: '华跃商学院',\n          router: '/about/business',\n        },\n        {\n          id: 2,\n          text: '发展历程',\n          router: '/about/hisory',\n        },\n        {\n          id: 3,\n          text: '企业文化',\n          router: '/about/culture',\n        },\n        // {\n        //   id: 4,\n        //   text: '核心价值观',\n        //   router: '/about/values',\n        // },\n      ],\n      enterpriseList: [],\n    };\n  },\n  watch: {\n    '$route': {\n      handler(to, from) {\n        for (var i = 0; i < this.navigationList.length; i++) {\n          if (this.navigationList[i].router === to.path) {\n            this.navigationIndex = i;\n            return;\n          }\n        }\n        // this.navigationList.filter((item, index) => {\n        //   this.navigationIndex = index;\n        //   return item.router === to.path;\n        // });\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n  mounted () {\n    this.getPartner();\n  },\n  methods: {\n    // 合作伙伴列表\n    getPartner() {\n      var params = { columnId: '1605405080163672064', pageNum: 1, pageSize: 18, commendation: 16, cascade: true, };\n      getContentList(params).then((res) => {\n        const { result, } = res;\n        for (var i = 0; i < result.data.length; i++) {\n          this.enterpriseList.push(result.data[i].logo);\n        }\n      });\n    },\n    moreEnterprise () {\n      this.$router.push({ name: 'CustomerCase', });\n    },\n    switchRoutes(item, index) {\n      this.navigationIndex = index;\n      this.$router.push({ path: item.router, });\n    },\n    openBealter () {\n      this.$refs.altProduct.tobealter();\n    },\n    openBealter2() {\n       this.$refs.ast.drawer  = true\n    },\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n.about{\n    background-color: #fff;\n    position: relative;\n    .page-content{\n        width: 100%;\n        .page-canvas{\n            width: 100%;\n            height: 360px;\n            min-width: var(--minwidth);\n            background: url('@/assets/about/canvas.png') no-repeat;\n            background-size: cover;\n            background-position: center;\n            .por-container{\n                width: 70%;\n                min-width: var(--minwidth);\n                height: 100%;\n                margin: 0 auto;\n                position: relative;\n                .page-info{\n                    width: 100%;\n                    height: 100%;\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                    box-sizing: border-box;\n                    .page-info-title{\n                        color: #fff;\n                        font-size: 36px;\n                        font-weight: 300;\n                        line-height: 1;\n                    }\n                }\n            }\n        }\n    }\n    .about-navigation-wrap{\n        width: 100%;\n        height: 60px;\n        background-color: #fff;\n        .navigation-content{\n            width: 1200px;\n            height: 100%;\n            margin: 0 auto;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            .about-breadcrumb{\n                height: 100%;\n                padding-left: 1px;\n                box-sizing: border-box;\n                display: flex;\n                align-items: center;\n                ::v-deep .el-breadcrumb{\n                    .el-breadcrumb__item{\n                        .el-breadcrumb__inner.is-link{\n                            color: #00b0dc;\n                            font-weight: 400\n                        }\n                    }\n                }\n            }\n            .about-navigation-list{\n                height: 100%;\n                display: flex;\n                align-items: center;\n                justify-content: flex-end;\n                .navigation-item{\n                    font-size: 14px;\n                    color: #737c8b;\n                    margin: 0 15px;\n                    cursor: pointer;\n                    &:last-child{\n                        margin-right: 0;\n                    }\n                }\n                .navigation-place{\n                    color: #00b0dc;\n                }\n            }\n        }\n    }\n    .customer-stories{\n      width: 100%;\n      min-width: 1200px;\n      display: flex;\n      flex-direction: column;\n      background: url('@/assets/staffmanage/customer-back.png') no-repeat;\n      background-position: center;\n      background-size: cover;\n      background-position: center;\n      height: 561px;\n      padding: 69px 0 60px;\n      box-sizing: border-box;\n      .customer-stories-content{\n        width: 80%;\n        min-width: var(--minwidth);\n        margin: 0 auto;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        .title{\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          font-size: 32px;\n          font-weight: 500;\n          color: #181818;\n          margin-bottom: 70px;\n        }\n        .customer-stories-list{\n          width: 100%;\n          display: flex;\n          flex-wrap: wrap;\n          justify-content: flex-start;\n          .cystiner-stirues-item{\n            width: calc(16.666% - 20px);\n            height: 70px;\n            margin: 10px;\n            background-color: #fff;\n            border: solid 1px #dfdfdf;\n            display: flex;\n            box-sizing: border-box;\n            justify-content: center;\n            align-items: center;\n            padding: 10px;\n            img{\n              width: 100%;\n              height: 100%;\n              object-fit: contain;\n              display: block;\n            }\n          }\n        }\n        .customer-stories-btn{\n          width: 155px;\n          height: 50px;\n          background-color: #00b0dc;\n          border-radius: 25px;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          margin-top: 20px;\n          cursor: pointer;\n          .btn-text{\n            font-size: 15px;\n            color: #ffffff;\n          }\n          &:hover{\n            transform: scale(1.1);\n            transition: all  0.5s;\n          }\n        }\n      }\n    }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=5aa43ee4&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=5aa43ee4&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"5aa43ee4\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"bief-infroduction\"},[_c('div',{staticClass:\"infroduction\"},[_c('div',{staticClass:\"infroduction-content\"},[_vm._m(0),_c('div',{staticClass:\"describe\",domProps:{\"innerHTML\":_vm._s(_vm.describe)}}),_c('div',{staticClass:\"data-list\"},_vm._l((_vm.enterpriseData),function(item,index){return _c('div',{key:index,staticClass:\"data-item\"},[_c('div',{staticClass:\"data-content\"},[_c('div',{staticClass:\"data-wrap\"},[_c('div',{staticClass:\"data-value\"},[_vm._v(_vm._s(item.data))]),_c('div',{staticClass:\"plus-company-wrap\"},[(item.plus)?_c('div',{staticClass:\"plus\"},[_vm._v(\"+\")]):_vm._e(),_c('div',{staticClass:\"company\"},[_vm._v(_vm._s(item.company))])])]),_c('div',{staticClass:\"data-text\"},[_vm._v(_vm._s(item.text))])])])}),0)])]),_c('div',{staticClass:\"introduce-video-wrap\"},[_c('vue-core-video-player',{attrs:{\"src\":require('@/assets/about/infroduction/introduce.mp4'),\"autoplay\":\"\"}})],1),_c('div',{staticClass:\"company-characteristic\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"为企业创造更大的价值，让客户感动\")]),_c('div',{staticClass:\"characteristic-wrap\"},_vm._l((_vm.characteristicList),function(item,index){return _c('div',{key:index,staticClass:\"characteristic-item\",class:{'is-enter': _vm.characteristicIndex === index},style:({ background: _vm.characteristicIndex === index ? `url('${item.onBackImg}') no-repeat` : `url('${item.backImg}') no-repeat` }),on:{\"mouseenter\":function($event){return _vm.onMouseenter(index)},\"mouseleave\":_vm.onMouseleave}},[_c('div',{staticClass:\"content-wrap\"},[_c('div',{staticClass:\"item-content\"},[_c('div',{staticClass:\"item-title\"},[_vm._v(\" \"+_vm._s(item.title)+\" \")]),_c('div',{staticClass:\"item-text\"},[_vm._v(\" \"+_vm._s(item.text)+\" \")])])])])}),0)])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"title-wrap\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"华跃科技\")]),_c('div',{staticClass:\"line\"})])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"bief-infroduction\">\n    <div class=\"infroduction\">\n      <div class=\"infroduction-content\">\n        <div class=\"title-wrap\">\n          <div class=\"title\">华跃科技</div>\n          <div class=\"line\"></div>\n        </div>\n        <div class=\"describe\" v-html=\"describe\">\n          <!-- {{ describe }} -->\n        </div>\n        <div class=\"data-list\">\n          <div\n            v-for=\"(item, index) in enterpriseData\"\n            :key=\"index\"\n            class=\"data-item\"\n          >\n            <div class=\"data-content\">\n              <div class=\"data-wrap\">\n                <div class=\"data-value\">{{ item.data }}</div>\n                <div class=\"plus-company-wrap\">\n                  <div v-if=\"item.plus\" class=\"plus\">+</div>\n                  <div class=\"company\">{{ item.company }}</div>\n                </div>\n              </div>\n              <div class=\"data-text\">{{ item.text }}</div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"introduce-video-wrap\">\n      <vue-core-video-player\n        :src=\"require('@/assets/about/infroduction/introduce.mp4')\"\n        autoplay\n      />\n    </div>\n    <div class=\"company-characteristic\">\n      <div class=\"title\">为企业创造更大的价值，让客户感动</div>\n      <div class=\"characteristic-wrap\">\n        <div\n          v-for=\"(item, index) in characteristicList\"\n          :key=\"index\"\n          :style=\"{ background: characteristicIndex === index ? `url('${item.onBackImg}') no-repeat` : `url('${item.backImg}') no-repeat` }\"\n          class=\"characteristic-item\"\n          :class=\"{'is-enter': characteristicIndex === index}\"\n          @mouseenter=\"onMouseenter(index)\"\n          @mouseleave=\"onMouseleave\"\n        >\n          <div class=\"content-wrap\">\n            <div class=\"item-content\">\n              <div class=\"item-title\">\n                {{ item.title }}\n              </div>\n              <div class=\"item-text\">\n                {{ item.text }}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { getColumnChild, getColumnDetail } from '@/api/column';\nimport { getContentList, getContentDetail } from '@/api/content';\nexport default {\n  name: 'InfroductionView',\n  data () {\n    return {\n      describe: '',\n      enterpriseData: [\n        // {\n        //   text: '更新迭代，紧跟潮流',\n        //   data: 8,\n        //   plus: false,\n        //   company: '代',\n        // },\n        // {\n        //   text: '知名企业所选用并得到广泛赞誉',\n        //   data: 50,\n        //   plus: true,\n        //   company: '家',\n        // },\n        // {\n        //   text: '华南市场占有率',\n        //   data: 36,\n        //   plus: false,\n        //   company: '%',\n        // },\n        // {\n        //   text: 'eHR系统研发与销售',\n        //   data: 16,\n        //   plus: false,\n        //   company: '年',\n        // },\n      ],\n      playerOptions: {\n        height: '528',\n        sources: [\n          {\n            type: 'video/mp4',\n            src: 'rtmp://58.200.131.2:1935/livetv/hunantv',\n          },\n        ],\n      },\n      characteristicIndex: null,\n      characteristicList: [\n        // {\n        //   title: '专业高效的服务团队',\n        //   text: '公司吸引了一大批技术、市场与管理精英加入，拥有一支专业高效的服务团队，为每一位客户提供专业的“顾问式服务”。16年来，华跃科技没有一家因无法满足其需求而放弃合作的客户，也没有一家客户对我们的服务不满意，连续多年被评为“优质服务供应商”。我们已经在eHR领域开创出了属于自己的优秀品牌。',\n        //   backImg: require('@/assets/about/infroduction/characteristic1.png'),\n        //   onBackImg: require('@/assets/about/infroduction/characteristic-back1.png'),\n        // },\n        // {\n        //   title: '与多家知名企业合作',\n        //   text: '多年来，华跃eHR系统被美的、格力、科龙、TCL、浦项制铁、松下、万家乐、南方风机、华兴玻璃、广船国际、科勒、顺纺集团、南海公安等知名企业所选用并得到广泛赞誉，目前在华南市场的占有率已经达到了36%。',\n        //   backImg: require('@/assets/about/infroduction/characteristic2.png'),\n        //   onBackImg: require('@/assets/about/infroduction/characteristic-back2.png'),\n        // },\n        // {\n        //   title: '紧跟时代潮流',\n        //   text: '华跃经典产品HUAYUE eHR V3.0，凭借华跃科技多年来专注于eHR行业的沉淀与创新，为广大客户提供了高质量的信息化服务。最新一代华跃企业云eHR信息管理系统V8.0，紧跟时代潮流，在系统架构、云计算、大数据处理、稳定性、易用性均取得飞跃性突破，更加适用于企业愈来愈复杂的组织架构管理，并更加注重在“培养人才”上为企业提供更丰富全面的管理支持。凭借在行业的16年优质服务、专业的产品方案优势，相信与华跃的合作将是您一个理想的选择！',\n        //   backImg: require('@/assets/about/infroduction/characteristic3.png'),\n        //   onBackImg: require('@/assets/about/infroduction/characteristic-back3.png'),\n        // },\n      ],\n    };\n  },\n  mounted() {\n    this.getPageColumn();\n  },\n  methods: {\n    // 获取页面栏目\n    async getPageColumn() {\n      const params = { parentId: '1608278223798624256', };\n      getColumnChild(params).then((res) => {\n        const { result, } = res;\n        for (var i = 0; i < result.length; i++) {\n          if (result[i].name === '华跃科技') {\n            getColumnDetail(result[i].id).then((rrs) => {\n              const rrsult = rrs.result;\n              var content = rrsult.elements.find(obj => obj.name === 'content').content;\n              var contentDoc = new DOMParser().parseFromString(content, 'text/html');\n              this.describe = contentDoc.documentElement.textContent.replace(/&nbsp;/g, ' ');\n              // var describe = rrsult.elements.find(obj => obj.name === 'describe').content;\n              // this.describe = describe;\n            });\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\n            getContentList(data).then(async (rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                var enterprise = {\n                  text: rrsult.data[j].title,\n                  data: rrsult.data[j].summaryTitle,\n                  plus: false,\n                  company: rrsult.data[j].description,\n                };\n                const rts = await getContentDetail(rrsult.data[j].id);\n                const rtsult = rts.result;\n                var plus = rtsult.elements.find(obj => obj.name === 'plus').content;\n                enterprise.plus = JSON.parse(plus);\n                this.enterpriseData.push(enterprise);\n              }\n            });\n          } else if (result[i].name === '更大的价值') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 10, };\n            getContentList(data).then(async (rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                var characteristic = {\n                  title: rrsult.data[j].title,\n                  text: rrsult.data[j].description,\n                  backImg: rrsult.data[j].icon,\n                  onBackImg: rrsult.data[j].logo,\n                };\n                this.characteristicList.push(characteristic);\n              }\n            });\n          }\n        }\n      });\n    },\n\n    onMouseenter (i) {\n      this.characteristicIndex = i;\n    },\n    onMouseleave () {\n      this.characteristicIndex = null;\n    },\n  },\n};\n</script>\n\n<style lang=\"less\">\n.describe{\n  font-size: 16px;\n  color: #181818;\n  line-height: 30px;\n  font-family: OPPOSans-R;\n  margin-bottom: 65px;\n}\n</style>\n<style lang=\"less\" scoped>\n.bief-infroduction{\n  width: 100%;\n  min-width: 1200px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n  .infroduction{\n    width: 100%;\n    // height: 509px;\n    background: url('@/assets/about/infroduction/infroduction-canvas.png') no-repeat;\n    background-size: cover;\n    background-position: center;\n    display: flex;\n    justify-content: center;\n    padding: 49px 0 0;\n    box-sizing: border-box;\n    margin-bottom: 70px;\n    .infroduction-content{\n      width: 940px;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: flex-start;\n      .title-wrap{\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: flex-start;\n        margin-bottom: 38px;\n        .title{\n          font-size: 34px;\n          color: #181818;\n          line-height: 1;\n          margin-bottom: 10px;\n        }\n        .line{\n          width: 56px;\n          height: 8px;\n          background-color: #00b0dc;\n        }\n      }\n      .data-list{\n        width: 100%;\n        display: flex;\n        align-items: flex-end;\n        justify-content: space-between;\n        .data-item{\n          flex: 1;\n          display: flex;\n          justify-content: center;\n          align-items: flex-end;\n          .data-content{\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n            justify-content: flex-end;\n            .data-wrap{\n              display: flex;\n              justify-content: flex-start;\n              .data-value{\n                font-size: 56px;\n                font-family: OPPOSans-B;\n                color: #363f4e;\n                line-height: 0.9;\n                margin-right: 12px;\n              }\n              .plus-company-wrap{\n                display: flex;\n                align-items: flex-end;\n                justify-content: flex-start;\n                .plus{\n                  align-self: flex-start;\n                  font-size: 40px;\n                  font-family: OPPOSans-B;\n                  color: #363f4e;\n                  line-height: 0.6;\n                }\n                .company{\n                  font-size: 16px;\n                  color: #181818;\n                  font-family: OPPOSans-R;\n                  line-height: 1;\n                }\n              }\n            }\n            .data-text{\n              font-size: 14px;\n              color: #788190;\n              font-family: OPPOSans-R;\n              line-height: 1;\n              margin-top: 19px;\n            }\n          }\n        }\n      }\n    }\n  }\n  .introduce-video-wrap{\n    width: 940px;\n    margin: 0 auto;\n    padding: 0 0 70px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n  .company-characteristic{\n    width: 1200px;\n    margin: 0 auto 70px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n    .title{\n      font-size: 34px;\n      color: #1c1c1c;\n      line-height: 1;\n      font-family: OPPOSans-R;\n      margin-bottom: 70px;\n    }\n    .characteristic-wrap{\n      width: 100%;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      .characteristic-item{\n        width: 380px;\n        height: 495px;\n        background-color: #fff;\n        border-radius: 4px;\n        border: 1px solid #eee;\n        padding-top: 4px;\n        display: flex;\n        align-items: flex-start;\n        justify-content: center;\n        box-sizing: border-box;\n        background-size: cover;\n        background-position: center;\n        transition: all 0.5s ease-in-out;\n        .content-wrap{\n          width: 330px;\n          height: 427px;\n          overflow: hidden;\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: flex-start;\n          transition: height 0.5s ease-in-out;\n          .item-content{\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: flex-start;\n            transform: translateY(246px);\n            transition: transform 0.5s ease-in-out;\n            .item-title{\n              font-size: 20px;\n              font-size: OPPOSans-B;\n              color: #00b0dc;\n              line-height: 1;\n              margin-bottom: 12px;\n              transition: color 0.5s ease-in-out;\n            }\n            .item-text{\n              font-size: 16px;\n              font-family: OPPOSans-R;\n              color: #323232;\n              line-height: 30px;\n              transition: color 0.5s ease-in-out;\n            }\n          }\n        }\n      }\n      .is-enter{\n        box-shadow: 0px 4px 12px 0px rgba(139, 139, 139, 0.2);\n        .content-wrap{\n          height: 100%;\n          .item-content{\n            transform: translateY(60px);\n            .item-title{\n              color: #fff;\n            }\n            .item-text{\n              color: #fff;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./brief-infroduction.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./brief-infroduction.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./brief-infroduction.vue?vue&type=template&id=171a9532&scoped=true&\"\nimport script from \"./brief-infroduction.vue?vue&type=script&lang=js&\"\nexport * from \"./brief-infroduction.vue?vue&type=script&lang=js&\"\nimport style0 from \"./brief-infroduction.vue?vue&type=style&index=0&id=171a9532&prod&lang=less&\"\nimport style1 from \"./brief-infroduction.vue?vue&type=style&index=1&id=171a9532&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"171a9532\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"business-school\"},[_c('div',{staticClass:\"expert-team\"},[_c('div',{staticClass:\"expert-content\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.expertTitle))]),_c('div',{staticClass:\"describe\"},[_vm._v(_vm._s(_vm.expertDescribe))]),(_vm.expertList.length != 0)?_c('div',{staticClass:\"expert-wrap\"},_vm._l((_vm.expertList),function(item,index){return _c('div',{key:index,staticClass:\"expert-item\",on:{\"click\":function($event){return _vm.viewDetails(index)}}},[_c('div',{staticClass:\"expert-portrait\"},[_c('img',{staticClass:\"portrait-img\",attrs:{\"src\":item.portrait,\"alt\":\"\"}})]),_c('div',{staticClass:\"expert-txt\"},[_c('div',{staticClass:\"expert-name\"},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"expert-position\"},[_vm._v(_vm._s(item.position))])])])}),0):_vm._e(),_c('div',{staticClass:\"pagination\"},[_c('el-pagination',{attrs:{\"background\":\"\",\"layout\":\"prev, pager, next\",\"page-size\":_vm.page.pageSize,\"total\":_vm.page.total,\"hide-on-single-page\":true},on:{\"current-change\":_vm.handleCurrentChange}})],1),_c('div',{staticClass:\"expert-wrap\"},[_c('transition',{attrs:{\"name\":\"expert-transition\"}},[(_vm.expertList.length != 0)?_c('div',{key:_vm.expertIndex,staticClass:\"expert\"},[_c('div',{staticClass:\"expert-portrait\"},[_c('img',{attrs:{\"src\":_vm.expertList[_vm.expertIndex].portrait,\"alt\":\"\"}})]),_c('div',{staticClass:\"expert-introduce\"},[_c('swiper',{staticClass:\"swiper\",attrs:{\"options\":_vm.swiperOption}},[_c('swiper-slide',{staticClass:\"text\"},[_c('div',{staticClass:\"expert-name\"},[_vm._v(\" \"+_vm._s(_vm.expertList[_vm.expertIndex].name)+\" \")]),_c('div',{staticClass:\"expert-position\"},[_vm._v(\" \"+_vm._s(_vm.expertList[_vm.expertIndex].position)+\" \")]),_c('div',{staticClass:\"expert-title-list\",domProps:{\"innerHTML\":_vm._s(_vm.expertList[_vm.expertIndex].title)}})]),_c('div',{staticClass:\"swiper-scrollbar\",attrs:{\"slot\":\"scrollbar\"},slot:\"scrollbar\"})],1)],1)]):_vm._e()]),_c('div',{staticClass:\"switch-button\"},[_c('div',{staticClass:\"button prev-button\",on:{\"click\":_vm.prev}},[_c('img',{staticClass:\"button-icon\",class:{'noNext': _vm.expertIndex == 0},attrs:{\"src\":require('@/assets/about/business/prev.png'),\"alt\":\"\"}})]),_c('div',{staticClass:\"button nest-button\",on:{\"click\":_vm.nest}},[_c('img',{staticClass:\"button-icon\",class:{'noNext': _vm.expertIndex == _vm.expertList.length - 1},attrs:{\"src\":require('@/assets/about/business/nest.png'),\"alt\":\"\"}})])])],1)])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(false),expression:\"false\"}],staticClass:\"personnel\"},[_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.personnelTitle))]),_c('div',{staticClass:\"describe\"},[_vm._v(_vm._s(_vm.personnelDescribe))]),_c('div',{staticClass:\"content-wrap\"},[_c('div',{staticClass:\"wrap-left\"},[_c('transition',{attrs:{\"name\":\"wrap-transition\"}},[(_vm.personnelList.length != 0)?_c('div',{key:_vm.personnelIndex},[_c('div',{staticClass:\"wrap-item\",domProps:{\"innerHTML\":_vm._s(_vm.personnelList[_vm.personnelIndex])}})]):_vm._e()])],1),_c('div',{staticClass:\"wrap-right\"},[_c('div',{staticClass:\"major-list\"},_vm._l((_vm.majorList),function(item,index){return _c('div',{key:index,staticClass:\"major-item\"},[_c('div',{staticClass:\"major-icon\"},[_c('img',{staticClass:\"icon\",attrs:{\"src\":item.icon,\"alt\":\"\"}})]),_c('div',{staticClass:\"major-text\"},[_vm._v(_vm._s(item.text))])])}),0),_c('div',{staticClass:\"switch-wrap\"},[_c('div',{staticClass:\"button prev\",on:{\"click\":_vm.personnelPrev}}),_c('div',{staticClass:\"button nest\",on:{\"click\":_vm.personnelNest}})])])])])]),_c('div',{staticClass:\"research-wrap\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"人才考证\")]),_c('div',{staticClass:\"describe\"},[_vm._v(\"华跃优才商学院与多家正规考证机构联动合作，能提供学历提升、职业技能考证等渠道，让你快速提升自身实力。\")]),_c('div',{staticClass:\"research-content\"},[_c('img',{staticClass:\"content-top\",attrs:{\"src\":require('@/assets/about/business/grade.png'),\"alt\":\"\"}}),_c('div',{staticClass:\"content-bottom\"},_vm._l((_vm.typeList),function(item,index){return _c('div',{key:index,staticClass:\"type-list\"},[_vm._l((item.part),function(typeItem,typeIndex){return _c('div',{key:typeIndex,staticClass:\"type-item\"},[_c('img',{staticClass:\"type-icon\",attrs:{\"src\":typeItem.icon,\"alt\":\"\"}}),_c('div',{staticClass:\"type-text\"},[_vm._v(_vm._s(typeItem.text))])])}),_c('div',{staticClass:\"type-item more\"},[_c('img',{staticClass:\"type-icon\",attrs:{\"src\":require('@/assets/about/business/icon/more-icon.png'),\"alt\":\"\"}}),_c('div',{staticClass:\"type-text\"},[_vm._v(\"更多\")]),_c('div',{staticClass:\"more-wrap\"},[_vm._m(0,true),_c('div',{staticClass:\"more-content\"},_vm._l((item.more),function(moreItem,moreIndex){return _c('div',{key:moreIndex,staticClass:\"more-item\"},[_c('svg',{staticClass:\"icon\",attrs:{\"t\":\"1670464856041\",\"viewBox\":\"0 0 1024 1024\",\"version\":\"1.1\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"p-id\":\"2927\",\"width\":\"15\",\"height\":\"15\"}},[_c('path',{attrs:{\"d\":\"M940.8 160L396.8 704 83.2 384 0 467.2l313.6 313.6 83.2 83.2L1024 243.2z\",\"fill\":\"#00b0dc\",\"p-id\":\"2928\"}})]),_c('div',{staticClass:\"more-text\"},[_vm._v(\" \"+_vm._s(moreItem)+\" \")])])}),0)])])],2)}),0)])]),(_vm.expertIndex != null)?_c('div',{staticClass:\"introduce-bealter\"},[_c('div',{staticClass:\"bag\",on:{\"click\":_vm.close}}),_c('div',{key:_vm.expertIndex,staticClass:\"introduct-wrap\"},[_c('div',{staticClass:\"close\",on:{\"click\":_vm.close}},[_c('svg',{staticClass:\"icon\",attrs:{\"t\":\"1668155870681\",\"viewBox\":\"0 0 1024 1024\",\"version\":\"1.1\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"p-id\":\"2131\",\"width\":\"30\",\"height\":\"30\"}},[_c('path',{attrs:{\"d\":\"M511.333 127.333c51.868 0 102.15 10.144 149.451 30.15 45.719 19.337 86.792 47.034 122.078 82.321 35.287 35.286 62.983 76.359 82.321 122.078 20.006 47.3 30.15 97.583 30.15 149.451s-10.144 102.15-30.15 149.451c-19.337 45.719-47.034 86.792-82.321 122.078-35.286 35.287-76.359 62.983-122.078 82.321-47.3 20.006-97.583 30.15-149.451 30.15s-102.15-10.144-149.451-30.15c-45.719-19.337-86.792-47.034-122.078-82.321-35.287-35.286-62.983-76.359-82.321-122.078-20.006-47.3-30.15-97.583-30.15-149.451s10.144-102.15 30.15-149.451c19.337-45.719 47.034-86.792 82.321-122.078 35.286-35.287 76.359-62.983 122.078-82.321 47.301-20.006 97.583-30.15 149.451-30.15m0-64c-247.424 0-448 200.576-448 448s200.576 448 448 448 448-200.576 448-448-200.576-448-448-448z\",\"fill\":\"#757e8d\",\"p-id\":\"2132\"}}),_c('path',{attrs:{\"d\":\"M557.254 512l147.373-147.373c12.497-12.497 12.497-32.758 0-45.255-12.496-12.497-32.758-12.497-45.254 0L512 466.746 364.627 319.373c-12.497-12.497-32.758-12.497-45.255 0s-12.497 32.758 0 45.255L466.746 512 319.373 659.373c-12.497 12.496-12.497 32.758 0 45.254C325.621 710.876 333.811 714 342 714s16.379-3.124 22.627-9.373L512 557.254l147.373 147.373C665.621 710.876 673.811 714 682 714s16.379-3.124 22.627-9.373c12.497-12.496 12.497-32.758 0-45.254L557.254 512z\",\"fill\":\"#757e8d\",\"p-id\":\"2133\"}})])]),_c('div',{staticClass:\"portrait-box\"},[_c('img',{staticClass:\"img\",attrs:{\"src\":_vm.expertList[_vm.expertIndex].portrait,\"alt\":\"\"}})]),_c('div',{staticClass:\"introduct-content\"},[_c('div',{staticClass:\"top-wrap\"},[_c('div',{staticClass:\"introduct-name\"},[_vm._v(\" \"+_vm._s(_vm.expertList[_vm.expertIndex].name)+\" \")]),_c('div',{staticClass:\"introduct-position\"},[_vm._v(\" \"+_vm._s(_vm.expertList[_vm.expertIndex].position)+\" \")])]),_c('div',{staticClass:\"expert-introduce\"},[_c('swiper',{staticClass:\"swiper\",attrs:{\"options\":_vm.swiperOption}},[_c('swiper-slide',{staticClass:\"text\"},[_c('div',{staticClass:\"expert-title-list\",domProps:{\"innerHTML\":_vm._s(_vm.expertList[_vm.expertIndex].title)}})]),_c('div',{staticClass:\"swiper-scrollbar\",attrs:{\"slot\":\"scrollbar\"},slot:\"scrollbar\"})],1)],1)])])]):_vm._e()])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"more-top\"},[_c('div',{staticClass:\"top-title\"},[_vm._v(\"其他职业技能\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"business-school\">\n    <div class=\"expert-team\">\n      <div class=\"expert-content\">\n        <div class=\"title\">{{ expertTitle }}</div>\n        <div class=\"describe\">{{ expertDescribe }}</div>\n        <div class=\"expert-wrap\" v-if=\"expertList.length != 0\">\n          <div\n            v-for=\"(item, index) in expertList\"\n            :key=\"index\"\n            class=\"expert-item\"\n            @click=\"viewDetails(index)\"\n          >\n            <div class=\"expert-portrait\">\n              <img :src=\"item.portrait\" alt=\"\" class=\"portrait-img\"/>\n            </div>\n            <div class=\"expert-txt\">\n              <div class=\"expert-name\">{{ item.name }}</div>\n              <div class=\"expert-position\">{{ item.position }}</div>\n            </div>\n          </div>\n        </div>\n        <div class=\"pagination\">\n          <el-pagination\n          background\n          layout=\"prev, pager, next\"\n          :page-size=\"page.pageSize\"\n          :total=\"page.total\"\n          :hide-on-single-page=\"true\"\n          @current-change=\"handleCurrentChange\"\n          />\n        </div>\n        <div class=\"expert-wrap\">\n          <transition name=\"expert-transition\">\n            <div v-if=\"expertList.length != 0\" :key=\"expertIndex\" class=\"expert\">\n              <div class=\"expert-portrait\">\n                <img :src=\"expertList[expertIndex].portrait\" alt=\"\" />\n              </div>\n              <div class=\"expert-introduce\">\n                <swiper class=\"swiper\" :options=\"swiperOption\">\n                  <swiper-slide class=\"text\">\n                    <div class=\"expert-name\">\n                      {{ expertList[expertIndex].name }}\n                    </div>\n                    <div class=\"expert-position\">\n                      {{ expertList[expertIndex].position }}\n                    </div>\n                    <div class=\"expert-title-list\" v-html=\"expertList[expertIndex].title\">\n                    </div>\n                  </swiper-slide>\n                  <div slot=\"scrollbar\" class=\"swiper-scrollbar\"></div>\n                </swiper>\n              </div>\n            </div>\n          </transition>\n          <div class=\"switch-button\">\n            <div class=\"button prev-button\" @click=\"prev\">\n              <img\n                :src=\"require('@/assets/about/business/prev.png')\"\n                alt=\"\"\n                class=\"button-icon\"\n                :class=\"{'noNext': expertIndex == 0}\"\n              />\n            </div>\n            <div class=\"button nest-button\" @click=\"nest\">\n              <img\n                :src=\"require('@/assets/about/business/nest.png')\"\n                alt=\"\"\n                class=\"button-icon\"\n                :class=\"{'noNext': expertIndex == expertList.length - 1}\"\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"personnel\" v-show=\"false\">\n      <div class=\"content\">\n        <div class=\"title\">{{ personnelTitle }}</div>\n        <div class=\"describe\">{{ personnelDescribe }}</div>\n        <div class=\"content-wrap\">\n          <div class=\"wrap-left\">\n            <transition name=\"wrap-transition\">\n              <div v-if=\"personnelList.length != 0\" :key=\"personnelIndex\">\n                <div class=\"wrap-item\" v-html=\"personnelList[personnelIndex]\">\n                  <!-- <img :src=\"require('@/assets/about/business/wrap.png')\" alt=\"\" class=\"img\" /> -->\n                </div>\n              </div>\n            </transition>\n          </div>\n          <div class=\"wrap-right\">\n            <div class=\"major-list\">\n              <div\n                v-for=\"(item, index) in majorList\"\n                :key=\"index\"\n                class=\"major-item\"\n              >\n                <div class=\"major-icon\">\n                  <img :src=\"item.icon\" alt=\"\" class=\"icon\" />\n                </div>\n                <div class=\"major-text\">{{ item.text }}</div>\n              </div>\n            </div>\n            <div class=\"switch-wrap\">\n              <div class=\"button prev\" @click=\"personnelPrev\"></div>\n              <div class=\"button nest\" @click=\"personnelNest\"></div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"research-wrap\">\n      <div class=\"title\">人才考证</div>\n      <div class=\"describe\">华跃优才商学院与多家正规考证机构联动合作，能提供学历提升、职业技能考证等渠道，让你快速提升自身实力。</div>\n      <div class=\"research-content\">\n        <img :src=\"require('@/assets/about/business/grade.png')\" alt=\"\" class=\"content-top\" />\n        <div class=\"content-bottom\">\n          <div\n            v-for=\"(item, index) in typeList\"\n            :key=\"index\"\n            class=\"type-list\"\n          >\n            <div\n              v-for=\"(typeItem, typeIndex) in item.part\"\n              :key=\"typeIndex\"\n              class=\"type-item\"\n            >\n              <img :src=\"typeItem.icon\" alt=\"\" class=\"type-icon\" />\n              <div class=\"type-text\">{{ typeItem.text }}</div>\n            </div>\n            <div class=\"type-item more\">\n              <img :src=\"require('@/assets/about/business/icon/more-icon.png')\" alt=\"\" class=\"type-icon\" />\n              <div class=\"type-text\">更多</div>\n              <div class=\"more-wrap\">\n                <div class=\"more-top\">\n                  <div class=\"top-title\">其他职业技能</div>\n                </div>\n                <div class=\"more-content\">\n                  <div\n                    v-for=\"(moreItem, moreIndex) in item.more\"\n                    :key=\"moreIndex\"\n                    class=\"more-item\"\n                  >\n                    <svg\n                      t=\"1670464856041\"\n                      class=\"icon\"\n                      viewBox=\"0 0 1024 1024\"\n                      version=\"1.1\"\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      p-id=\"2927\"\n                      width=\"15\"\n                      height=\"15\"\n                    >\n                      <path d=\"M940.8 160L396.8 704 83.2 384 0 467.2l313.6 313.6 83.2 83.2L1024 243.2z\" fill=\"#00b0dc\" p-id=\"2928\" />\n                    </svg>\n                    <div class=\"more-text\">\n                      {{ moreItem }}\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <!-- <div>\n      <div id=\"customer-stories\" class=\"customer-stories\">\n        <div class=\"customer-stories-content\">\n          <div class=\"title\">近3000家企业选择我们</div>\n          <div class=\"customer-stories-list\">\n            <div\n              v-for=\"(item, index) in enterpriseList\"\n              :key=\"index\"\n              class=\"cystiner-stirues-item\"\n            >\n              <img :src=\"item\" alt=\"\" />\n            </div>\n          </div>\n          <div class=\"customer-stories-btn\" @click=\"moreEnterprise\">\n            <div class=\"btn-text\">查看更多案例</div>\n          </div>\n        </div>\n      </div>\n    </div> -->\n    <div v-if=\"expertIndex != null\" class=\"introduce-bealter\">\n      <div class=\"bag\" @click=\"close\"></div>\n      <div :key=\"expertIndex\" class=\"introduct-wrap\">\n        <div class=\"close\" @click=\"close\">\n          <svg\n            t=\"1668155870681\"\n            class=\"icon\"\n            viewBox=\"0 0 1024 1024\"\n            version=\"1.1\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            p-id=\"2131\"\n            width=\"30\"\n            height=\"30\"\n          >\n            <path d=\"M511.333 127.333c51.868 0 102.15 10.144 149.451 30.15 45.719 19.337 86.792 47.034 122.078 82.321 35.287 35.286 62.983 76.359 82.321 122.078 20.006 47.3 30.15 97.583 30.15 149.451s-10.144 102.15-30.15 149.451c-19.337 45.719-47.034 86.792-82.321 122.078-35.286 35.287-76.359 62.983-122.078 82.321-47.3 20.006-97.583 30.15-149.451 30.15s-102.15-10.144-149.451-30.15c-45.719-19.337-86.792-47.034-122.078-82.321-35.287-35.286-62.983-76.359-82.321-122.078-20.006-47.3-30.15-97.583-30.15-149.451s10.144-102.15 30.15-149.451c19.337-45.719 47.034-86.792 82.321-122.078 35.286-35.287 76.359-62.983 122.078-82.321 47.301-20.006 97.583-30.15 149.451-30.15m0-64c-247.424 0-448 200.576-448 448s200.576 448 448 448 448-200.576 448-448-200.576-448-448-448z\" fill=\"#757e8d\" p-id=\"2132\" />\n            <path d=\"M557.254 512l147.373-147.373c12.497-12.497 12.497-32.758 0-45.255-12.496-12.497-32.758-12.497-45.254 0L512 466.746 364.627 319.373c-12.497-12.497-32.758-12.497-45.255 0s-12.497 32.758 0 45.255L466.746 512 319.373 659.373c-12.497 12.496-12.497 32.758 0 45.254C325.621 710.876 333.811 714 342 714s16.379-3.124 22.627-9.373L512 557.254l147.373 147.373C665.621 710.876 673.811 714 682 714s16.379-3.124 22.627-9.373c12.497-12.496 12.497-32.758 0-45.254L557.254 512z\" fill=\"#757e8d\" p-id=\"2133\" />\n          </svg>\n        </div>\n        <div class=\"portrait-box\">\n          <img :src=\"expertList[expertIndex].portrait\" alt=\"\" class=\"img\"/>\n        </div>\n        <div class=\"introduct-content\">\n          <div class=\"top-wrap\">\n            <div class=\"introduct-name\">\n              {{ expertList[expertIndex].name }}\n            </div>\n            <div class=\"introduct-position\">\n              {{ expertList[expertIndex].position }}\n            </div>\n          </div>\n          <div class=\"expert-introduce\">\n            <swiper class=\"swiper\" :options=\"swiperOption\">\n              <swiper-slide class=\"text\">\n                <div class=\"expert-title-list\" v-html=\"expertList[expertIndex].title\"></div>\n              </swiper-slide>\n              <div slot=\"scrollbar\" class=\"swiper-scrollbar\"></div>\n            </swiper>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper';\nimport { getColumnChild, getColumnDetail } from '@/api/column';\nimport { getContentList, getContentDetail } from '@/api/content';\nimport stories1 from '@/assets/personnelrecruit/customer-stories1.png';\nimport stories2 from '@/assets/personnelrecruit/customer-stories2.png';\nimport stories3 from '@/assets/personnelrecruit/customer-stories3.png';\nimport stories4 from '@/assets/personnelrecruit/customer-stories4.png';\nimport stories5 from '@/assets/personnelrecruit/customer-stories5.png';\nimport stories6 from '@/assets/personnelrecruit/customer-stories6.png';\nimport stories7 from '@/assets/personnelrecruit/customer-stories7.png';\nexport default {\n  name: 'BusinessSchool',\n  components: {\n    Swiper,\n    SwiperSlide,\n  },\n  data() {\n    return {\n      expertTitle: '',\n      expertDescribe: '',\n      swiperOption: {\n        direction: 'vertical',\n        slidesPerView: 'auto',\n        freeMode: true,\n        scrollbar: {\n          draggable: true,\n          el: '.swiper-scrollbar',\n        },\n        simulateTouch: false,\n        mousewheel: true,\n      },\n      expertIndex: null,\n      expertList: [\n        // {\n        //   portrait: '',\n        //   name: '黄炳坚',\n        //   position: '专家讲师',\n        //   title: [\n        //     '潜能开发及组织绩效提升推广师',\n        //     '江门圆点企业管理顾问有限公司总经理',\n        //     '国家一级人力资源管理师',\n        //     '江门市人力资源经理协会特约专家讲师',\n        //     '美国柯维《高效能人士七个习惯》行动推广师',\n        //     '香港专业效能管理学院NLP身心提升推动师',\n        //     '拓普理德卓越力领导力训练策动师',\n        //     '美国博恩.崔士效能提升推广者与传播者',\n        //     '近40年的教学育人及企业培训管理实践经验，对企业战略绩效管理体系中流程管理机制的绩效制定与流程执行、人才精英培育方面有独到之处，,是一位既具理论功底又具丰富企业实践的顾问型人力资源专家。',\n        //     '擅于绩效管理的咨询与培训',\n        //   ],\n        // },\n      ],\n      expertColumnId: '',\n      page: {\n        pageNum: 1,\n        pageSize: 100,\n        total: 0,\n      },\n      personnelTitle: '',\n      personnelDescribe: '',\n      personnelIndex: 0,\n      personnelList: [],\n      personnelTime: null,\n      majorList: [\n        {\n          icon: require('@/assets/about/business/major1.png'),\n          text: '中高端人才猎聘',\n        },\n        {\n          icon: require('@/assets/about/business/major2.png'),\n          text: '招聘外包',\n        },\n        {\n          icon: require('@/assets/about/business/major3.png'),\n          text: '招聘优化',\n        },\n        {\n          icon: require('@/assets/about/business/major4.png'),\n          text: '人力资源集成管理',\n        },\n        {\n          icon: require('@/assets/about/business/major5.png'),\n          text: '中高端人才网络招聘',\n        },\n        {\n          icon: require('@/assets/about/business/major6.png'),\n          text: '职业测评服务',\n        },\n      ],\n      typeList: [\n        {\n          part: [\n            {\n              icon: require('@/assets/about/business/icon/type-icon1.png'),\n              text: '程序员',\n            },\n            {\n              icon: require('@/assets/about/business/icon/type-icon2.png'),\n              text: '网络管理员',\n            },\n            {\n              icon: require('@/assets/about/business/icon/type-icon3.png'),\n              text: '多媒体应用制作技术员',\n            },\n          ],\n          more: [\n            '电子商务技术员',\n            '信息系统运行管理员',\n            '网页制作员',\n            '信息处理技术员',\n          ],\n        },\n        {\n          part: [\n            {\n              icon: require('@/assets/about/business/icon/type-icon4.png'),\n              text: '软件测评师',\n            },\n            {\n              icon: require('@/assets/about/business/icon/type-icon5.png'),\n              text: '软件设计师',\n            },\n            {\n              icon: require('@/assets/about/business/icon/type-icon6.png'),\n              text: '网络工程师',\n            },\n          ],\n          more: [\n            '软件过程能力评估师',\n            '多媒体应用设计师',\n            '嵌入式系统设计师',\n            '计算机辅助算计师',\n            '电子商务设计师',\n            '信息安全工程师',\n            '网页制作员',\n            '信息处理技术员',\n          ],\n        },\n        {\n          part: [\n            {\n              icon: require('@/assets/about/business/icon/type-icon7.png'),\n              text: '信息系统项目管理师',\n            },\n            {\n              icon: require('@/assets/about/business/icon/type-icon8.png'),\n              text: '系统分析师',\n            },\n            {\n              icon: require('@/assets/about/business/icon/type-icon9.png'),\n              text: '系统架构设计师',\n            },\n          ],\n          more: [\n            '网络规划设计师',\n            '系统规划与管理师',\n          ],\n        },\n      ],\n      enterpriseList: [\n        stories1,\n        stories2,\n        stories3,\n        stories4,\n        stories5,\n        stories6,\n        stories7,\n        stories1,\n        stories2,\n        stories3,\n        stories4,\n        stories5,\n        stories6,\n        stories7,\n      ],\n    };\n  },\n  mounted() {\n    this.getPageColumn();\n  },\n  methods: {\n    // 获取页面栏目\n    async getPageColumn() {\n      const params = { parentId: '1608278294938214400', };\n      getColumnChild(params).then((res) => {\n        const { result, } = res;\n        for (var i = 0; i < result.length; i++) {\n          if (result[i].name === '专家团队') {\n            this.expertColumnId = result[i].id\n            getColumnDetail(result[i].id).then((rrs) => {\n              const rrsult = rrs.result;\n              var describe = rrsult.elements.find(obj => obj.name === 'describe').content;\n              this.expertTitle = rrsult.name;\n              this.expertDescribe = describe;\n            });\n            this.getExpertList();\n            // const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\n            // getContentList(data).then(async (rrs) => {\n            //   const rrsult = rrs.result;\n            //   for (var j = 0; j < rrsult.data.length; j++) {\n            //     const rts = await getContentDetail(rrsult.data[j].id);\n            //     const rtsult = rts.result;\n            //     const doc = new DOMParser().parseFromString(rtsult.defaultContent, 'text/html');\n            //     var expert = {\n            //       portrait: rrsult.data[j].icon,\n            //       name: rrsult.data[j].title,\n            //       position: rrsult.data[j].summaryTitle,\n            //       title: doc.documentElement.textContent.replace(/&nbsp;/g, ' '),\n            //     };\n            //     this.expertList.push(expert);\n            //   }\n            // });\n          } else if (result[i].name === '优质人才') {\n            getColumnDetail(result[i].id).then((rrs) => {\n              const rrsult = rrs.result;\n              var describe = rrsult.elements.find(obj => obj.name === 'describe').content;\n              this.personnelTitle = rrsult.name;\n              this.personnelDescribe = describe;\n            });\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\n            getContentList(data).then(async (rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                const rts = await getContentDetail(rrsult.data[j].id);\n                const rtsult = rts.result;\n                const doc = new DOMParser().parseFromString(rtsult.defaultContent, 'text/html');\n                // var expert = {\n                //   portrait: rrsult.data[j].icon,\n                //   name: rrsult.data[j].title,\n                //   position: rrsult.data[j].summaryTitle,\n                //   title: doc.documentElement.textContent.replace(/&nbsp;/g, ' '),\n                // };\n                var personne = doc.documentElement.textContent.replace(/&nbsp;/g, ' ');\n                this.personnelList.push(personne);\n              }\n              this.personnelTiming();\n            });\n          }\n        }\n      });\n    },\n    async getExpertList() {\n      var params = { columnId: this.expertColumnId, pageNum: this.page.pageNum, pageSize: this.page.pageSize, };\n      var rrs = await getContentList(params);\n      var rrsult = rrs.result;\n      for (var j = 0; j < rrsult.data.length; j++) {\n        const rts = await getContentDetail(rrsult.data[j].id);\n        const rtsult = rts.result;\n        const doc = new DOMParser().parseFromString(rtsult.defaultContent, 'text/html');\n        var expert = {\n          portrait: rrsult.data[j].icon,\n          name: rrsult.data[j].title,\n          position: rrsult.data[j].summaryTitle,\n          title: doc.documentElement.textContent.replace(/&nbsp;/g, ' '),\n        };\n        this.expertList.push(expert);\n      }\n    },\n    // prev() {\n    //   if (this.expertIndex > 0) {\n    //     this.expertIndex--;\n    //   }\n    // },\n    // nest() {\n    //   if (this.expertIndex < this.expertList.length - 1) {\n    //     this.expertIndex++;\n    //   }\n    // },\n    viewDetails(index) {\n      this.expertIndex = index\n    },\n    close() {\n      this.expertIndex = null\n    },\n    handleCurrentChange(val) {\n      this.page.pageNum = val\n      this.getExpertList()\n    },\n    personnelTiming() {\n      this.personnelTime = setInterval(() => {\n        if (this.personnelIndex < this.personnelList.length - 1) {\n          this.personnelIndex++;\n        }else{\n          this.personnelIndex = 0\n        }\n      }, 5000)\n    },\n    personnelPrev() {\n      clearInterval(this.personnelTime)\n      if (this.personnelIndex > 0) {\n        this.personnelIndex--;\n      }else{\n        this.personnelIndex = this.personnelList.length - 1\n        this.personnelTiming()\n      }\n    },\n    personnelNest() {\n      clearInterval(this.personnelTime)\n      if (this.personnelIndex < this.personnelList.length - 1) {\n        this.personnelIndex++;\n      }else{\n        this.personnelIndex = 0\n        this.personnelTiming()\n      }\n    },\n    moreEnterprise () {\n      this.$router.push({ name: 'CustomerCase', });\n    },\n  },\n};\n</script>\n\n<style lang=\"less\">\n.expert-title-list{\n  ul{\n    width: 100%;\n    li{\n      background-color: transparent !important;\n      margin-bottom: 5px !important;\n      line-height: 24px;\n      >span {\n        background-color: transparent !important;\n        background-color: #6e7889;\n        font-family: OPPOSans-R;\n        font-size: 14px;\n      }\n    }\n  }\n}\n.wrap-item{\n    img{\n      width: auto;\n      height: 100%;\n      display: block;\n    }\n}\n</style>\n<style lang=\"less\" scoped>\n.business-school {\n  width: 100%;\n  min-width: 1200px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n  .expert-team {\n    width: 100%;\n    // height: 520px;\n    min-width: var(--minwidth);\n    // background: url(\"@/assets/about/business/expert-back.png\") no-repeat;\n    background-size: cover;\n    background-position: center;\n    margin-bottom: 16px;\n    .expert-content {\n      width: 1200px;\n      height: 100%;\n      padding-top: 70px;\n      margin: 0 auto;\n      box-sizing: border-box;\n      .title {\n        font-size: 32px;\n        font-family: OPPOSans-M;\n        color: #21252b;\n        line-height: 1;\n        margin-bottom: 20px;\n        text-align: center;\n      }\n      .describe {\n        width: 625px;\n        font-size: 16px;\n        font-family: OPPOSans-R;\n        color: #5c6066;\n        line-height: 26px;\n        text-align: center;\n        margin: 0 auto;\n        margin-bottom: 65px;\n      }\n      .expert-wrap {\n        width: 100%;\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: flex-start;\n        align-self: flex-start;\n        .expert-item{\n          width: 256px;\n          height: 400px;\n          margin-right: calc((100% - 256px * 4) / 3);\n          display: flex;\n          flex-direction: column;\n          justify-content: flex-start;\n          align-items: center;\n          cursor: pointer;\n          .expert-portrait{\n            width: 100%;\n            height: 275px;\n            display: flex;\n            justify-content: center;\n            align-items: flex-start;\n            overflow: hidden;\n            .portrait-img{\n              width: 100%;\n              height: auto;\n              display: block;\n            }\n          }\n          .expert-txt{\n            width: 150px;\n            padding-top: 23px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            .expert-name{\n              font-family: OPPOSans-R;\n              font-size: 18px;\n              color: #21252b;\n              margin-bottom: 15px;\n            }\n            .expert-position{\n              font-family: OPPOSans-R;\n              font-size: 14px;\n              color: #5c6066;\n            }\n          }\n          &:nth-child(4n) {\n            margin-right: 0;\n          }\n          &:hover{\n            .expert-txt{\n              padding-top: 15px;\n            }\n          }\n        }\n      }\n      .pagination{\n        display: flex;\n        justify-content: center;\n        align-items: flex-start;\n        ::v-deep .el-pagination{\n          .btn-prev{\n            width: 32px;\n            height: 32px;\n            background-color: #f5f5f5;\n            border-radius: 4px;\n            border: 1px solid #dfdfdf;\n          }\n          .el-pager{\n            li{\n              width: 32px;\n              height: 32px;\n              background-color: #fff;\n              border-radius: 4px;\n              border: 1px solid #dfdfdf;\n            }\n            .active{\n              background-color: #00b0dc;\n            }\n          }\n          .btn-next{\n            width: 32px;\n            height: 32px;\n            background-color: #f5f5f5;\n            border-radius: 4px;\n            border: 1px solid #dfdfdf;\n          }\n        }\n      }\n      // .expert-wrap {\n      //   width: 100%;\n      //   height: 390px;\n      //   box-shadow: 0px 2px 35px 0px rgba(136, 149, 182, 0.24);\n      //   background: url(\"@/assets/about/business/expert.png\") no-repeat;\n      //   background-size: cover;\n      //   background-position: center;\n      //   border-radius: 12px;\n      //   overflow: hidden;\n      //   position: relative;\n      //   .expert {\n      //     width: 100%;\n      //     height: 100%;\n      //     display: flex;\n      //     position: relative;\n      //     z-index: 0;\n      //     .expert-portrait {\n      //       width: 450px;\n      //       height: 100%;\n      //       display: flex;\n      //       justify-content: center;\n      //       align-items: center;\n      //       img {\n      //         width: auto;\n      //         height: 100%;\n      //         display: block;\n      //       }\n      //     }\n      //     .expert-introduce {\n      //       flex: 1;\n      //       margin: 60px 0 50px 60px;\n      //       box-sizing: border-box;\n      //       .swiper {\n      //         height: 100%;\n      //         .swiper-slide {\n      //           &.text {\n      //             height: auto;\n      //             -webkit-box-sizing: border-box;\n      //             box-sizing: border-box;\n      //             padding-right: 10px;\n      //           }\n      //           .expert-name{\n      //             font-family: OPPOSans-M;\n      //             font-size: 34px;\n      //             color: #21252b;\n      //             line-height: 1;\n      //             margin-bottom: 20px;\n      //           }\n      //           .expert-position{\n      //             font-family: OPPOSans-R;\n      //             font-size: 24px;\n      //             color: #21252b;\n      //             line-height: 1;\n      //             margin-bottom: 35px;\n      //           }\n      //           .expert-title-list{\n      //             width: 400px;\n      //             font-family: OPPOSans-R;\n      //             font-size: 16px;\n      //             color: #5c6066;\n      //             .title-item{\n      //               margin-bottom: 5px;\n      //               line-height: 24px;\n      //             }\n      //           }\n      //         }\n      //         .swiper-scrollbar{\n      //           background-color: transparent;\n      //           ::v-deep .swiper-scrollbar-drag{\n      //             background: #cccccc;\n      //           }\n      //         }\n      //       }\n      //     }\n      //   }\n      //   .expert-transition-enter-active{\n      //     animation: expert-in 0.3s;\n      //   }\n      //   .expert-transition-leave-active{\n      //     animation: expert-in 0 reverse;\n      //   }\n      //   @keyframes expert-in {\n      //     0% {\n      //       opacity: 0;\n      //     }\n      //     100% {\n      //       opacity: 1;\n      //     }\n      //   }\n      //   .switch-button{\n      //       position: absolute;\n      //       bottom: 50px;\n      //       right: 80px;\n      //       width: 64px;\n      //       height: 32px;\n      //       border: 1px solid #f0f4fa;\n      //       background-color: #fff;\n      //       display: flex;\n      //       z-index: 1;\n      //       .button{\n      //           width: 32px;\n      //           height: 32px;\n      //           display: flex;\n      //           justify-content: center;\n      //           align-items: center;\n      //           cursor: pointer;\n      //           .button-icon{\n      //             width: 7px;\n      //             height: auto;\n      //             display: block;\n      //           }\n      //           .noNext{\n      //               opacity: 0.5;\n      //               cursor: initial;\n      //           }\n      //       }\n      //       .nest-button{\n      //           border-left: 1px solid #f0f4fa;\n      //           box-sizing: border-box;\n      //       }\n      //   }\n      // }\n    }\n  }\n  .personnel{\n    width: 100%;\n    padding-top: 118px;\n    background: url(\"@/assets/about/business/personnel-back.png\") no-repeat;\n    background-size: cover;\n    background-position: center;\n    .content{\n      width: 828px;\n      padding-top: 90px;\n      padding-bottom: 70px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: flex-start;\n      .title{\n        font-family: OPPOSans-M;\n        font-size: 32px;\n        color: #21252b;\n        line-height: 1;\n        margin-bottom: 15px;\n        text-align: center;\n      }\n      .describe{\n        width: 770px;\n        font-size: 16px;\n        font-family: OPPOSans-R;\n        line-height: 26px;\n        color: #5c6066;\n        text-align: center;\n        margin-bottom: 65px;\n      }\n      .content-wrap{\n        width: 100%;\n        display: flex;\n        justify-content: space-between;\n        .wrap-left{\n            flex: 1;\n            position: relative;\n            .wrap-item{\n                position: absolute;\n                width: 100%;\n                height: 100%;\n                display: flex;\n                justify-content: center;\n                align-items: flex-start;\n                overflow: hidden;\n            }\n            .wrap-transition-enter-active{\n              animation: wrap-in 0.5s;\n            }\n            .wrap-transition-leave-active{\n              animation: wrap-in 0.5s reverse;\n            }\n            @keyframes wrap-in {\n              0% {\n                opacity: 0;\n              }\n              100% {\n                opacity: 1;\n              }\n            }\n        }\n        .wrap-right{\n          width: 220px;\n          margin-left: 68px;\n          .major-list{\n            width: 100%;\n            margin-bottom: 86px;\n            .major-item{\n              width: 220px;\n              height: 52px;\n              border-radius: 26px;\n              background-color: #edf3f5;\n              margin-bottom: 20px;\n              display: flex;\n              align-items: center;\n              justify-content: flex-start;\n              padding: 4px;\n              box-sizing: border-box;\n              .major-icon{\n                width: 44px;\n                height: 44px;\n                background-color: #fff;\n                border-radius: 50%;\n                box-shadow: 0px 1px 4px 0px rgba(174, 179, 186, 0.27);\n                margin-right: 8px;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                .icon{\n                    display: block;\n                }\n              }\n              .major-text{\n                font-size: 16px;\n                font-family: OPPOSans-M;\n                color: #2f4873;\n              }\n            }\n          }\n          .switch-wrap{\n            height: 48px;\n            display: flex;\n            align-items: center;\n            .button{\n                width: 48px;\n                height: 48px;\n                background-color: #fff;\n                border-radius: 50%;\n                margin-right: 16px;\n                cursor: pointer;\n            }\n            .prev{\n                background: url('@/assets/about/business/personnel-prev.png');\n            }\n            .nest{\n                background: url('@/assets/about/business/personnel-nest.png');\n            }\n          }\n        }\n      }\n    }\n  }\n  .research-wrap{\n    width: 1200px;\n    margin: 57px auto 90px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n    .title{\n        font-size: 32px;\n        font-family: OPPOSans-M;\n        color: #21252b;\n        line-height: 1;\n        margin-bottom: 25px;\n        margin-top: 32px;\n    }\n    .describe{\n        font-family: OPPOSans-R;\n        font-size: 16px;\n        color: #5c6066;\n        line-height: 1;\n        margin-bottom: 60px;\n    }\n    .research-content{\n        width: 1008px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: flex-start;\n        .content-bottom{\n          width: 100%;\n          display: flex;\n          justify-content: space-between;\n          align-items: flex-start;\n          .type-list{\n            width: 280px;\n            .type-item{\n              width: 100%;\n              height: 48px;\n              border: 4px solid #fff;\n              border-radius: 24px;\n              box-sizing: border-box;\n              margin-bottom: 20px;\n              padding-left: 16px;\n              box-shadow: 0px 1px 4px 0px  rgba(174, 179, 186, 0.2);\n              display: flex;\n              justify-content: flex-start;\n              align-items: center;\n              position: relative;\n              .type-icon{\n                display: block;\n                margin-right: 9px;\n              }\n              .type-text{\n                font-family: OPPOSans-R;\n                font-size: 16px;\n                color: #fff;\n              }\n              .more-wrap{\n                width: 420px;\n                height: 318px;\n                background: #fff;\n                border-top: 4px solid #85d8ff;\n                box-shadow: 0px 2px 12px 0px rgba(180, 180, 180, 0.44);\n                padding: 0 30px;\n                display: none;\n                flex-direction: column;\n                justify-content: flex-start;\n                align-items: flex-start;\n                position: absolute;\n                left: 0;\n                top: 53px;\n                box-sizing: border-box;\n                z-index: 3;\n                .more-top{\n                  width: 100%;\n                  padding-bottom: 19px;\n                  border-bottom: 1px solid #ebe8e8;\n                  .top-title{\n                    font-family: OPPOSans-M;\n                    font-size: 18px;\n                    color: #181818;\n                    line-height: 1;\n                    margin-top: 47px;\n                  }\n                }\n                .more-content{\n                  width: 100%;\n                  height: 230px;\n                  padding-bottom: 50px;\n                  box-sizing: border-box;\n                  display: flex;\n                  flex-direction: column;\n                  flex-wrap: wrap;\n                  justify-content: flex-start;\n                  align-items: flex-start;\n                  .more-item{\n                    width: 50%;\n                    margin-top: 30px;\n                    display: flex;\n                    align-items: center;\n                    .more-text{\n                      margin-left: 12px;\n                      font-size: 14px;\n                      font-family: OPPOSans-R;\n                      line-height: 1;\n                      color: #181818;\n                    }\n                  }\n                }\n              }\n            }\n            .more{\n              &:hover{\n                >.more-wrap{\n                  display: flex;\n                }\n              }\n            }\n            &:nth-child(1){\n                .type-item{\n                    background-image: linear-gradient(90deg,#6bd0ff 0%,#9ee0ff 100%);\n                }\n            }\n            &:nth-child(2){\n                .type-item{\n                    background-image: linear-gradient(90deg,#6ba2ff 0%,#9fceff 100%);\n                }\n            }\n            &:nth-child(3 ){\n                .type-item{\n                    background-image: linear-gradient(90deg,#6b72ff 0%,#9ea3ff 100%);\n                }\n            }\n          }\n        }\n    }\n  }\n  .introduce-bealter{\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 2000;\n    .bag{\n      background-color: rgba(0, 0, 0, 0.5);\n      width: 100%;\n      height: 100%;\n    }\n    .introduct-wrap{\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      overflow: hidden;\n      display: flex;\n      background-color: #fff;\n      width: 1000px;\n      height: 390px;\n      border-radius: 4px;\n      padding: 40px 60px 40px 40px;\n      box-sizing: border-box;\n      .close {\n        width: 30px;\n        height: 30px;\n        position: absolute;\n        right: 35px;\n        top: 35px;\n        cursor: pointer;\n        z-index: 9999;\n      }\n      .portrait-box{\n        width: 288px;\n        height: 310px;\n        display: flex;\n        justify-content: center;\n        align-items: flex-start;\n        overflow: hidden;\n        .img{\n          width: 100%;\n          height: auto;\n        }\n      }\n      .introduct-content{\n        width: 542px;\n        margin-left: 70px;\n        display: flex;\n        flex-direction: column;\n        .top-wrap{\n          border-bottom: 1px solid #d2d9e3;\n          margin-bottom: 20px;\n          .introduct-name{\n            font-family: OPPOSans-R;\n            font-size: 18px;\n            color: #21252b;\n            margin-bottom: 14px;\n          }\n          .introduct-position{\n            font-family: OPPOSans-R;\n            font-size: 14px;\n            color: #5c6066;\n            margin-bottom: 14px;\n          }\n        }\n        .expert-introduce{\n          flex: 1;\n          box-sizing: border-box;\n          overflow: hidden;\n          .swiper{\n            height: 100%;\n            .swiper-slide{\n              &.text{\n                height: auto;\n                -webkit-box-sizing: border-box;\n                box-sizing: border-box;\n                padding-right: 10px;\n              }\n              .expert-title-list{\n                width: 400px;\n                font-family: OPPOSans-R;\n                font-size: 16px;\n                color: #5c6066;\n                .title-item{\n                  margin-bottom: 5px;\n                  line-height: 24px;\n                }\n              }\n            }\n            .swiper-scrollbar{\n              background-color: transparent;\n              ::v-deep .swiper-scrollbar-drag{\n                background: #cccccc;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n  // .customer-stories {\n  //     display: flex;\n  //     flex-direction: column;\n  //     padding: 0 0 60px;\n  //     box-sizing: border-box;\n\n  //     .customer-stories-content {\n  //       width: 1200px;\n  //       // min-width: var(--minwidth);\n  //       margin: 0 auto;\n  //       display: flex;\n  //       flex-direction: column;\n  //       align-items: center;\n  //       .title {\n  //         display: flex;\n  //         justify-content: center;\n  //         align-items: center;\n  //         font-size: 16px;\n  //         font-weight: 500;\n  //         color: #59697d;\n  //         margin-bottom: 64px;\n  //         position: relative;\n  //       }\n  //       .title::before {\n  //         position: absolute;\n  //         left: -516px;\n  //         content: '';\n  //         width: 494px;\n  //         height: 1px;\n  //         background-color: #c0c0c0;\n  //       }\n  //       .title::after {\n  //         position: absolute;\n  //         right: -516px;\n  //         content: '';\n  //         width: 494px;\n  //         height: 1px;\n  //         background-color: #c0c0c0;\n  //       }\n  //       .customer-stories-list {\n  //         width: 100%;\n  //         display: flex;\n  //         flex-wrap: wrap;\n  //         justify-content: flex-start;\n  //         .cystiner-stirues-item {\n  //           width: calc(14.285% - 56px);\n  //           height: 36px;\n  //           margin: 27px;\n  //           background-color: #fff;\n  //           display: flex;\n  //           justify-content: center;\n  //           align-items: center;\n  //         }\n  //       }\n  //       .customer-stories-btn {\n  //         width: 124px;\n  //         height: 42px;\n  //         background-color: #2979ff;\n  //         border-radius: 8px;\n  //         display: flex;\n  //         justify-content: center;\n  //         align-items: center;\n  //         margin-top: 30px;\n  //         cursor: pointer;\n  //         position: relative;\n  //         .btn-text {\n  //           font-size: 15px;\n  //           color: #ffffff;\n  //         }\n  //       }\n  //       .customer-stories-btn::before {\n  //         position: absolute;\n  //         left: -538px;\n  //         content: '';\n  //         width: 494px;\n  //         height: 1px;\n  //         background-color: #c0c0c0;\n  //       }\n  //       .customer-stories-btn::after {\n  //         position: absolute;\n  //         right: -538px;\n  //         content: '';\n  //         width: 494px;\n  //         height: 1px;\n  //         background-color: #c0c0c0;\n  //       }\n  //     }\n  //   }\n}\n</style>\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./business-school.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./business-school.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./business-school.vue?vue&type=template&id=e088dba6&scoped=true&\"\nimport script from \"./business-school.vue?vue&type=script&lang=js&\"\nexport * from \"./business-school.vue?vue&type=script&lang=js&\"\nimport style0 from \"./business-school.vue?vue&type=style&index=0&id=e088dba6&prod&lang=less&\"\nimport style1 from \"./business-school.vue?vue&type=style&index=1&id=e088dba6&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"e088dba6\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"development-history\"},[_c('div',{staticClass:\"history-content\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"describe\"},[_vm._v(_vm._s(_vm.describe))]),_c('div',{staticClass:\"history-list\"},[_c('div',{staticClass:\"swiper-box\"},[_c('swiper',{ref:\"swiper\",staticClass:\"swiper\",attrs:{\"options\":_vm.swiperOption}},_vm._l((_vm.historyList),function(item,index){return _c('swiper-slide',{key:index},[_c('div',{staticClass:\"history-item\"},[_c('div',{staticClass:\"separate-line\"},[_c('div',{staticClass:\"circular\"}),_c('div',{staticClass:\"line\"})]),_c('div',{staticClass:\"item-content\"},[_c('div',{staticClass:\"event-list\"},_vm._l((item.history),function(eventItem,eventIndex){return _c('div',{key:eventIndex,staticClass:\"event-item\"},[_vm._v(\" \"+_vm._s(eventItem)+\" \")])}),0),_c('div',{staticClass:\"event-year\"},[_vm._v(\" \"+_vm._s(item.year)+\" \")])])])])}),1)],1),_c('div',{staticClass:\"swiper-button-prev\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"}),_c('div',{staticClass:\"swiper-button-next\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"})])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"development-history\">\n    <div class=\"history-content\">\n      <div class=\"title\">{{ title }}</div>\n      <div class=\"describe\">{{ describe }}</div>\n      <div class=\"history-list\">\n        <div class=\"swiper-box\">\n          <swiper ref=\"swiper\" class=\"swiper\" :options=\"swiperOption\">\n            <swiper-slide v-for=\"(item, index) in historyList\" :key=\"index\">\n              <div class=\"history-item\">\n                <div class=\"separate-line\">\n                  <div class=\"circular\"></div>\n                  <div class=\"line\"></div>\n                </div>\n                <div class=\"item-content\">\n                  <div class=\"event-list\">\n                    <div\n                      v-for=\"(eventItem, eventIndex) in item.history\"\n                      :key=\"eventIndex\"\n                      class=\"event-item\"\n                    >\n                      {{ eventItem }}\n                    </div>\n                  </div>\n                  <div class=\"event-year\">\n                    {{ item.year }}\n                  </div>\n                </div>\n              </div>\n            </swiper-slide>\n          </swiper>\n        </div>\n        <div slot=\"button-prev\" class=\"swiper-button-prev\"></div>\n        <div slot=\"button-next\" class=\"swiper-button-next\"></div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper';\nimport { getColumnChild, getColumnDetail } from '@/api/column';\nimport { getContentList, getContentDetail } from '@/api/content';\nexport default {\n  name: 'HistoryView',\n  components: {\n    Swiper,\n    SwiperSlide,\n  },\n  data() {\n    return {\n      title: '',\n      describe: '',\n      swiperOption: {\n        slidesPerView: 4,\n        spaceBetween: 0,\n        navigation: {\n          nextEl: '.swiper-button-next',\n          prevEl: '.swiper-button-prev',\n        },\n        // on: {\n        //   resize: () => {\n        //     this.$refs.swiper.\n        //   },\n        // },\n      },\n      historyList: [\n        // {\n        //   year: '2008',\n        //   history: [\n        //     '公司成立华跃eHR V2008系统获得国家软件著作权认证',\n        //   ],\n        // },\n        // {\n        //   year: '2009',\n        //   history: [\n        //     '顺德区政府创新基金重点扶持单位',\n        //   ],\n        // },\n        // {\n        //   year: '2010',\n        //   history: [\n        //     '华跃eHR V2008获评行业“最具创新HR软件产品”',\n        //   ],\n        // },\n        // {\n        //   year: '2011',\n        //   history: [\n        //     '活跃eHR移动平台V1.0正式上线',\n        //   ],\n        // },\n        // {\n        //   year: '2012',\n        //   history: [\n        //     '顺德区“星光工程”重点扶持企业',\n        //   ],\n        // },\n        // {\n        //   year: '2013',\n        //   history: [\n        //     '获评顺德区RFID项目政府创新扶持资金重点项目',\n        //   ],\n        // },\n        // {\n        //   year: '2014',\n        //   history: [\n        //     '通过国家高新技术企业审核',\n        //   ],\n        // },\n        // {\n        //   year: '2015',\n        //   history: [\n        //     '活跃经典eHR V3.0系统正式退出，成为区高新技术企业重点培育单位',\n        //   ],\n        // },\n        // {\n        //   year: '2016',\n        //   history: [\n        //     '获评广东省高新技术企业',\n        //     '“重合同守信用”示范单位',\n        //     '软件信息服务产业杰出贡献奖',\n        //   ],\n        // },\n        // {\n        //   year: '2017',\n        //   history: [\n        //     '获评高新技术产业创新贡献奖',\n        //     '软件信息服务产业优秀服务企业奖',\n        //   ],\n        // },\n        // {\n        //   year: '2018',\n        //   history: [\n        //     '华跃eHR移动平台V3.0正式上线',\n        //   ],\n        // },\n        // {\n        //   year: '2019',\n        //   history: [\n        //     '推出华跃eHRV6.0系统eHR自助服务V1.0',\n        //     '活跃移动3eHR V3.0获高新技术产品认证',\n        //   ],\n        // },\n        // {\n        //   year: '2020',\n        //   history: [\n        //     '推出DHCP云平台高新技术企业证书',\n        //     '通过ISO9001认证入库佛山资源池',\n        //   ],\n        // },\n        // {\n        //   year: '2021',\n        //   history: [\n        //     '通过ISO27001认证顺德区工业企业上云上平台应用产品目录',\n        //   ],\n        // },\n      ],\n    };\n  },\n  mounted() {\n    this.getPageColumn();\n  },\n  methods: {\n    // 获取页面栏目\n    async getPageColumn() {\n      const params = { parentId: '1608278582608748544', };\n      getColumnChild(params).then((res) => {\n        const { result, } = res;\n        for (var i = 0; i < result.length; i++) {\n          if (i === 0) {\n            getColumnDetail(result[i].id).then((rrs) => {\n              const rrsult = rrs.result;\n              var describe = rrsult.elements.find(obj => obj.name === 'describe').content;\n              this.title = rrsult.name;\n              this.describe = describe;\n            });\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\n            getContentList(data).then(async (rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                var historyItem = {\n                  year: rrsult.data[j].title,\n                  history: [],\n                };\n                const rts = await getContentDetail(rrsult.data[j].id);\n                const rtsult = rts.result;\n                for (var x = 0; x < rtsult.elements.length; x++) {\n                  historyItem.history.push(rtsult.elements[x].content);\n                }\n                this.historyList.push(historyItem);\n              }\n            });\n          }\n        }\n      });\n    },\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n.development-history{\n  width: 100%;\n  min-width: 1245px;\n  height: 750px;\n  background: url('@/assets/about/history/canvas.png') no-repeat;\n  background-size: cover;\n  background-position: center;\n  .history-content{\n    width: 1245px;\n    margin: 0 auto;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n    padding-top: 65px;\n    box-sizing: border-box;\n    .title{\n      font-family: OPPOSans-M;\n      font-size: 34px;\n      color: #1c1c1c;\n      line-height: 1;\n      margin-bottom: 20px;\n    }\n    .describe{\n      font-family: OPPOSans-R;\n      font-size: 16px;\n      color: #1c1c1c;\n      line-height: 1;\n      margin-bottom: 40px;\n    }\n    .history-list{\n      width: 100%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      position: relative;\n      .swiper-box{\n        width: 1150px;\n        ::v-deep .swiper-container{\n          height: 350px;\n          .swiper-wrapper{\n            align-items: flex-end;\n            .swiper-slide{\n              height: auto;\n            }\n          }\n        }\n        .history-item{\n          flex: 1;\n          display: flex;\n          .separate-line{\n            width: 15px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: flex-start;\n            margin-right: 16px;\n            .circular{\n              width: 15px;\n              height: 16px;\n              border: 3px solid #00b0dc;\n              border-radius: 50%;\n              opacity: 0.37;\n              box-sizing: border-box;\n              transition: opacity .3s ease-in-out;\n            }\n            .line{\n              width: 3px;\n              height: 100%;\n              background-color: #00b0dc;\n              opacity: 0.37;\n              transition: opacity .3s ease-in-out;\n            }\n          }\n          .item-content{\n            padding-top: 5px;\n            padding-bottom: 39px;\n            box-sizing: border-box;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n            .event-list{\n              width: 100%;\n              .event-item{\n                font-size: 16px;\n                color: #181818;\n                opacity: 0.37;\n                margin-bottom: 25px;\n                transition: opacity .3s ease-in-out;\n              }\n            }\n            .event-year{\n              margin-top: 17px;\n              font-size: 40px;\n              font-family: OPPOSans-M;\n              color: #00b0dc;\n              opacity: 0.37;\n              line-height: 0.9;\n              transition: all .3s ease-in-out;\n            }\n          }\n        }\n        .history-item:hover{\n          .separate-line{\n            .circular{\n              opacity: 1;\n            }\n            .line{\n              opacity: 1;\n            }\n          }\n          .item-content{\n            .event-list{\n              .event-item{\n                opacity: 1;\n              }\n            }\n            .event-year{\n              margin-top: 37px;\n              opacity: 1;\n            }\n          }\n        }\n      }\n      .swiper-button-prev{\n        width: 45px;\n        height: 45px;\n        background: url('@/assets/about/history/prev-button.png') no-repeat;\n        background-size: cover;\n        background-position: center;\n        margin-top: 0;\n        left: 0;\n        top: 240px;\n        &::after{\n          content: '';\n        }\n      }\n      .swiper-button-next{\n        width: 45px;\n        height: 45px;\n        background: url('@/assets/about/history/nest-button.png') no-repeat;\n        background-size: cover;\n        background-position: center;\n        margin-top: 0;\n        right: 0;\n        top: 240px;\n        &::after{\n          content: '';\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./development-history.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./development-history.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./development-history.vue?vue&type=template&id=46f4d930&scoped=true&\"\nimport script from \"./development-history.vue?vue&type=script&lang=js&\"\nexport * from \"./development-history.vue?vue&type=script&lang=js&\"\nimport style0 from \"./development-history.vue?vue&type=style&index=0&id=46f4d930&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"46f4d930\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"corporate-culture\"},[_c('div',{staticClass:\"culture-canvas\"},[_c('div',{staticClass:\"canvas-box\"},[_c('div',{staticClass:\"por-container\"},[_c('div',{staticClass:\"icon\"},[_c('img',{attrs:{\"src\":require('@/assets/about/culture/arrow.png'),\"alt\":\"\"}})]),_c('div',{staticClass:\"tit_zh\"},[_vm._v(\"核心优势\")]),_c('div',{staticClass:\"tit_eh\"},[_vm._v(\"CORE STRENGTHS\")]),_c('div',{staticClass:\"target\"},[_vm._v(\"市场、产品、员工\")])]),_vm._m(0)])]),_c('div',{staticClass:\"culture-details-wrap\"},[_c('div',{staticClass:\"culture-details\"},[_c('div',{staticClass:\"details-left\"},_vm._l((_vm.detailsList),function(item,index){return _c('div',{key:index,staticClass:\"details-item\",class:{ 'isDetails': _vm.detailsIndex == index },on:{\"mouseenter\":function($event){return _vm.onMouseEnter(index)}}},[_c('div',{staticClass:\"gradient\",style:({opacity: _vm.detailsIndex != index ? 1 : 0})}),_c('div',{staticClass:\"backg-img\",style:({opacity: _vm.detailsIndex == index ? 1 : 0})}),_c('div',{staticClass:\"titZh\"},[_vm._v(_vm._s(item.titZh))]),_c('div',{staticClass:\"titEh\"},[_vm._v(_vm._s(item.titEh))]),_c('div',{staticClass:\"describe\",style:({opacity: _vm.detailsIndex == index ? 1 : 0})},_vm._l((item.describe),function(describeItem,describeIndex){return _c('div',{key:describeIndex,domProps:{\"innerHTML\":_vm._s(describeItem)}})}),0)])}),0)])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"characteristic\"},[_c('div',{staticClass:\"target-item\"},[_c('div',{staticClass:\"target-tit\"},[_vm._v(\"市场\")]),_c('div',{staticClass:\"target-txt\"},[_vm._v(\"占有率高、口碑好\")])]),_c('div',{staticClass:\"target-item\"},[_c('div',{staticClass:\"target-tit\"},[_vm._v(\"产品\")]),_c('div',{staticClass:\"target-txt\"},[_vm._v(\"用户体验佳、产品创新快\")])]),_c('div',{staticClass:\"target-item\"},[_c('div',{staticClass:\"target-tit\"},[_vm._v(\"员工\")]),_c('div',{staticClass:\"target-txt\"},[_vm._v(\"稳定、幸福、成长\")])])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"corporate-culture\">\n    <div class=\"culture-canvas\">\n      <div class=\"canvas-box\">\n        <div class=\"por-container\">\n          <div class=\"icon\">\n            <img :src=\"require('@/assets/about/culture/arrow.png')\" alt=\"\" />\n          </div>\n          <div class=\"tit_zh\">核心优势</div>\n          <div class=\"tit_eh\">CORE STRENGTHS</div>\n          <div class=\"target\">市场、产品、员工</div>\n        </div>\n        <div class=\"characteristic\">\n          <div class=\"target-item\">\n            <div class=\"target-tit\">市场</div>\n            <div class=\"target-txt\">占有率高、口碑好</div>\n          </div>\n          <div class=\"target-item\">\n            <div class=\"target-tit\">产品</div>\n            <div class=\"target-txt\">用户体验佳、产品创新快</div>\n          </div>\n          <div class=\"target-item\">\n            <div class=\"target-tit\">员工</div>\n            <div class=\"target-txt\">稳定、幸福、成长</div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"culture-details-wrap\">\n      <div class=\"culture-details\">\n        <div class=\"details-left\">\n          <div\n            v-for=\"(item, index) in detailsList\"\n            :key=\"index\"\n            class=\"details-item\"\n            :class=\"{ 'isDetails': detailsIndex == index }\"\n            @mouseenter=\"onMouseEnter(index)\"\n          >\n            <div class=\"gradient\" :style=\"{opacity: detailsIndex != index ? 1 : 0}\"></div>\n            <div class=\"backg-img\" :style=\"{opacity: detailsIndex == index ? 1 : 0}\"></div>\n            <div class=\"titZh\">{{ item.titZh }}</div>\n            <div class=\"titEh\">{{ item.titEh }}</div>\n            <div class=\"describe\" :style=\"{opacity: detailsIndex == index ? 1 : 0}\">\n              <div\n                v-for=\"(describeItem, describeIndex) in item.describe\"\n                :key=\"describeIndex\"\n                v-html=\"describeItem\"\n              >\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { getColumnChild } from '@/api/column';\nimport { getContentList, getContentDetail } from '@/api/content';\nexport default {\n  name: 'CultureView',\n  data () {\n    return {\n      detailsIndex: 0,\n      detailsList: [\n        // {\n        //   titZh: '企业使命',\n        //   titEh: 'CORPORATE MISSION',\n        //   describe: '科技·让人力资源更智能',\n        // },\n        // {\n        //   titZh: '企业愿景',\n        //   titEh: 'CORPORATE VISION',\n        //   describe: '成为全球领先HR知识共享平台',\n        // },\n        // {\n        //   titZh: '企业价值观',\n        //   titEh: 'CORPORATE VALUES',\n        //   describe: '客户第一，员工第一，股东第二以客户为中心，以市场创值为驱动，以最大的价值回报给员工和股东',\n        // },\n        // {\n        //   titZh: '企业核心',\n        //   titEh: 'CORE STRENGTHS',\n        //   describe: '市场占有率高、口碑好，产品用户体验佳、产品创新快，员工稳定、幸福、成长',\n        // },\n      ],\n      titZh: '',\n      titEh: '',\n      txtLf: '',\n      txtRt: '',\n    };\n  },\n  mounted() {\n    this.getPageColumn();\n  },\n  methods: {\n    // 获取页面栏目\n    async getPageColumn() {\n      const params = { parentId: '1608278778444996608', };\n      getColumnChild(params).then((res) => {\n        const { result, } = res;\n        for (var i = 0; i < result.length; i++) {\n          if (result[i].name === '文化') {\n            const data = { columnId: result[i].id, pageNum: 1, pageSize: 99, };\n            getContentList(data).then(async (rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                var detailsItem = {\n                  titZh: rrsult.data[j].title,\n                  titEh: rrsult.data[j].summaryTitle,\n                  describe: [],\n                };\n                const rts = await getContentDetail(rrsult.data[j].id);\n                const rtsult = rts.result;\n\n                for (var x = 0; x < rtsult.elements.length; x++) {\n                  var doc = new DOMParser().parseFromString(rtsult.elements[x].content, 'text/html');\n                  var describeItem = doc.documentElement.textContent.replace(/&nbsp;/g, ' ');\n                  detailsItem.describe.push(describeItem);\n                }\n                this.detailsList.push(detailsItem);\n              }\n            });\n          }\n        }\n      });\n    },\n\n    onMouseEnter(i) {\n      this.detailsIndex = i;\n    },\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n.corporate-culture{\n  width: 100%;\n  min-width: 1200px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n  .culture-canvas{\n    width: 1200px;\n    margin: 0 auto;\n    padding: 30px 0;\n    border-top: 2px solid #e8ecf3;\n    box-sizing: border-box;\n    .canvas-box{\n      width: 100%;\n      height: 440px;\n      background: url('@/assets/about/culture/canvas.png') no-repeat;\n      background-size: cover;\n      background-position: center;\n      display: flex;\n      justify-content: flex-end;\n      position: relative;\n      .por-container{\n        width: 540px;\n        height: 100%;\n        padding-top: 125px;\n        box-sizing: border-box;\n        .icon{\n          height: 28px;\n          margin-bottom: 10px;\n          img{\n            width: auto;\n            height: 100%;\n            display: block;\n          }\n        }\n        .tit_zh{\n          font-size: 16px;\n          font-family: OPPOSans-B;\n          color: #52525d;\n          line-height: 1;\n          letter-spacing: 3px;\n          margin-bottom: 15px;\n        }\n        .tit_eh{\n          font-size: 18px;\n          font-family: OPPOSans-B;\n          color: #b3c9e5;\n          line-height: 1;\n          margin-bottom: 19px;\n        }\n        .target{\n          font-size: 24px;\n          font-family: OPPOSans-M;\n          color: #343538;\n          line-height: 1;\n        }\n      }\n      .characteristic{\n        width: 600px;\n        height: 440px;\n        padding: 0 60px;\n        padding-top: 133px;\n        box-sizing: border-box;\n        position: absolute;\n        top: 0;\n        right: 0;\n        background: url('@/assets/about/culture/container-back.png') no-repeat;\n        background-size: cover;\n        background-position: center;\n        opacity: 0;\n        transition: opacity .3s ease-in-out;\n        .target-item{\n          margin-bottom: 24px;\n          .target-tit{\n            font-size: 16px;\n            font-family: OPPOSans-R;\n            color: #fff;\n            line-height: 1;\n            margin-bottom: 9px;\n          }\n          .target-txt{\n            font-size: 16px;\n            font-family: OPPOSans-R;\n            color: #fff;\n            line-height: 1;\n          }\n        }\n      }\n      &:hover{\n        .characteristic{\n          opacity: 1;\n        }\n      }\n    }\n  }\n  .culture-details-wrap{\n    width: 100%;\n    height: 264px;\n    background: url('@/assets/about/culture/culture-back.png') no-repeat;\n    background-size: cover;\n    background-position: center;\n    padding: 22px 0;\n    box-sizing: border-box;\n    .culture-details{\n      width: 1200px;\n      height: 100%;\n      margin: 0 auto;\n      background-color: #fff;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      .details-left{\n        width: 100%;\n        height: 100%;\n        display: flex;\n        justify-content: flex-start;\n        align-items: center;\n        .details-item{\n          flex: 1;\n          height: 100%;\n          transition: all .5s ease-in-out;\n          padding: 45px 30px 0px;\n          display: flex;\n          flex-direction: column;\n          justify-content: flex-start;\n          align-items: flex-start;\n          box-sizing: border-box;\n          overflow: hidden;\n          position: relative;\n          .gradient{\n            width: 100%;\n            height: 100%;\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            z-index: 2;\n            transition: opacity .5s ease-in-out;\n          }\n          .backg-img{\n            width: 100%;\n            height: 100%;\n            background-repeat: no-repeat;\n            background-size: cover;\n            background-position: center;\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            z-index: 1;\n            transition: opacity .5s ease-in-out;\n          }\n          .titZh{\n            font-size: 18px;\n            font-family: OPPOSans-B;\n            color: #fff;\n            line-height: 1;\n            margin-bottom: 10px;\n            position: relative;\n            z-index: 9;\n            transition: all .5s ease-in-out;\n          }\n          .titEh{\n            width: 105px;\n            font-size: 16px;\n            font-family: OPPOSans-B;\n            color: #fff;\n            line-height: 25px;\n            position: relative;\n            z-index: 9;\n            // transition: all .5s ease-in-out;\n            margin-bottom: 10px;\n          }\n          .describe{\n            width: 340px;\n            z-index: 9;\n            font-size: 14px;\n            font-family: OPPOSans-R;\n            color: #4c5f64;\n            transition: opacity .5s ease-in-out;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            align-items: flex-start;\n            // position: absolute;\n            // top: 110px;\n            >div{\n              line-height: 24px;\n            }\n          }\n          &:nth-child(1){\n            .gradient{\n              background-image: linear-gradient(90deg,\n                  #7dd9f0 0%,\n                  #39bcdd 100%),\n                linear-gradient(\n                  #c7c7cc,\n                  #c7c7cc);\n            }\n            .backg-img{\n              background-image: url('@/assets/about/culture/culture1.png');\n            }\n          }\n          &:nth-child(2){\n            .gradient{\n              background-image: linear-gradient(90deg,\n                  #b2daf3 0%,\n                  #70b4d9 100%),\n                linear-gradient(\n                  #c7c7cc,\n                  #c7c7cc);\n            }\n            .backg-img{\n              background-image: url('@/assets/about/culture/culture2.png');\n            }\n          }\n          &:nth-child(3){\n            .gradient{\n              background-image: linear-gradient(90deg,\n                  #f0e1d5 0%,\n                  #d3a78d 100%),\n                linear-gradient(\n                  #e5e5ea,\n                  #e5e5ea );\n            }\n            .backg-img{\n              background-image: url('@/assets/about/culture/culture3.png');\n            }\n          }\n          &:nth-child(4){\n            .gradient{\n              background-image: linear-gradient(90deg,\n                  #9fceff 0%,\n                  #6ba2ff 100%),\n                linear-gradient(\n                  #c7c7cc,\n                  #c7c7cc);\n            }\n            .backg-img{\n              background-image: url('@/assets/about/culture/culture4.png');\n            }\n            .describe{\n              flex-direction: row;\n              justify-content: space-between;\n              .target-item{\n                margin-bottom: 6px;\n              }\n            }\n          }\n          &:nth-child(5){\n            .gradient{\n              background-image: linear-gradient(90deg,\n                  #464a89 0%,\n                  #4e52b5 100%),\n                linear-gradient(\n                  #e5e5ea,\n                  #e5e5ea);\n            }\n            .backg-img{\n              background-image: url('@/assets/about/culture/culture5.png');\n            }\n            .describe{\n              flex-direction: row;\n              justify-content: space-between;\n            }\n          }\n        }\n        .isDetails{\n          flex: 2.5;\n          .titZh{\n            color: #00b0dc;\n          }\n          .titEh{\n            width: 100%;\n            color: #dfebff;\n          }\n        }\n      }\n      // .details-right{\n      //   width: 410px;\n      //   height: 100%;\n      //   padding: 32px 30px;\n      //   background: url('@/assets/about/culture/culture-right.png') no-repeat;\n      //   background-size: cover;\n      //   background-position: center;\n      //   box-sizing: border-box;\n      //   display: flex;\n      //   flex-direction: column;\n      //   justify-content: flex-end;\n      //   align-items: flex-end;\n      //   .tit-wrap{\n      //     display: flex;\n      //     flex-direction: column;\n      //     align-items: flex-end;\n      //     .tit-zh{\n      //       font-size: 18px;\n      //       font-family: OPPOSans-B;\n      //       line-height: 1;\n      //       color: #00b0dc;\n      //       margin-bottom: 10px;\n      //     }\n      //     .tit-eh{\n      //       font-size: 16px;\n      //       font-family: OPPOSans-B;\n      //       line-height: 1;\n      //       color: #dfebff;\n      //       margin-bottom: 24px;\n      //     }\n      //   }\n      //   .txt-wrap{\n      //     width: 100%;\n      //     display: flex;\n      //     justify-content: space-between;\n      //     align-items: flex-start;\n      //     .txt-lf{\n      //       font-size: 16px;\n      //       font-family: OPPOSans-R;\n      //       font-size: 16px;\n      //       color: #28619b;\n      //       line-height: 25px;\n      //     }\n      //     .txt-rt{\n      //       font-size: 16px;\n      //       font-family: OPPOSans-R;\n      //       font-size: 16px;\n      //       color: #28619b;\n      //       line-height: 25px;\n      //     }\n      //   }\n      // }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./corporate-culture.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./corporate-culture.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./corporate-culture.vue?vue&type=template&id=7515b969&scoped=true&\"\nimport script from \"./corporate-culture.vue?vue&type=script&lang=js&\"\nexport * from \"./corporate-culture.vue?vue&type=script&lang=js&\"\nimport style0 from \"./corporate-culture.vue?vue&type=style&index=0&id=7515b969&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7515b969\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _vm._m(0)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"core-values\"},[_c('div',{staticClass:\"values-content\"},[_c('div',{staticClass:\"top-right-box\"},[_c('div',{staticClass:\"tit-eh\"},[_vm._v(\"FOCUS ON INNOVATION AND SERVICE FIRST\")]),_c('div',{staticClass:\"tit-zh\"},[_vm._v(\"华跃 专注创新，服务至上\")])])])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"core-values\">\n    <div class=\"values-content\">\n      <div class=\"top-right-box\">\n        <div class=\"tit-eh\">FOCUS ON INNOVATION AND SERVICE FIRST</div>\n        <div class=\"tit-zh\">华跃 专注创新，服务至上</div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'ValuesView',\n};\n</script>\n\n<style lang=\"less\" scoped>\n.core-values{\n  width: 1200px;\n  margin: 0 auto;\n  padding: 80px 0 60px;\n  border-top: 2px solid #e8ecf3;\n  .values-content{\n    width: 100%;\n    height: 500px;\n    padding: 0 69px;\n    position: relative;\n    background: url('@/assets/about/values/values-back.png') no-repeat;\n    background-size: cover;\n    background-position: center;\n    box-sizing: border-box;\n    .top-right-box{\n      width: 740px;\n      height: 200px;\n      position: absolute;\n      top: 0;\n      right: 0;\n      background: url('@/assets/about/values/top-right-back.png') no-repeat;\n      background-size: cover;\n      background-position: center;\n      transform: translateY(-50px);\n      padding: 0 30px;\n      .tit-eh{\n        width: 520px;\n        font-family: OPPOSans-M;\n        font-size: 35px;\n        color: #b3c9e5;\n        margin-top: 40px;\n        line-height: 38px;\n      }\n      .tit-zh{\n        margin-top: 12px;\n        line-height: 1;\n        font-size: 18px;\n        font-family: OPPOSans-M;\n        color: #00b0dc;\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./core-values.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./core-values.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./core-values.vue?vue&type=template&id=5087af98&scoped=true&\"\nimport script from \"./core-values.vue?vue&type=script&lang=js&\"\nexport * from \"./core-values.vue?vue&type=script&lang=js&\"\nimport style0 from \"./core-values.vue?vue&type=style&index=0&id=5087af98&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"5087af98\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"news\"},[_c('AppBar'),_c('div',{staticClass:\"page-content\"},[_c('div',{staticClass:\"page-canvas\"},[_c('div',{staticClass:\"por-container\"},[_c('div',{staticClass:\"page-info\"},[_c('div',{staticClass:\"page-info-title\"},[_vm._v(_vm._s(_vm.navigationList[_vm.navigationIndex].text))]),_c('div',{staticClass:\"page-info-sebtitle\"},[_vm._v(_vm._s(_vm.navigationList[_vm.navigationIndex].sebtitle))])])])]),_c('div',{staticClass:\"about-navigation-wrap\"},[_c('div',{staticClass:\"navigation-content\"},[_c('div',{staticClass:\"about-breadcrumb\"},[_c('el-breadcrumb',{attrs:{\"separator-class\":\"el-icon-arrow-right\"}},[_c('el-breadcrumb-item',{attrs:{\"to\":{ path: '/' }}},[_vm._v(\"首页\")]),_c('el-breadcrumb-item',[_vm._v(\"关于华跃\")]),_c('el-breadcrumb-item',{attrs:{\"to\":{path: _vm.navigationList[_vm.navigationIndex].router}}},[_vm._v(_vm._s(_vm.navigationList[_vm.navigationIndex].text))])],1)],1),_c('div',{staticClass:\"about-navigation-list\"},_vm._l((_vm.navigationList),function(item,index){return _c('div',{key:index,staticClass:\"navigation-item\",class:{'navigation-place': _vm.navigationIndex == index},on:{\"click\":function($event){return _vm.switchRoutes(item, index)}}},[_vm._v(_vm._s(item.text))])}),0)])]),_c('router-view'),_c('div',[_c('div',{ref:\"customer-stories\"},[_c('div',{staticClass:\"customer-stories\"},[_c('div',{staticClass:\"customer-stories-content\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"中大型企业的共同选择\")]),_c('div',{staticClass:\"customer-stories-list\"},_vm._l((_vm.enterpriseList),function(item,index){return _c('div',{key:index,staticClass:\"cystiner-stirues-item\"},[_c('img',{attrs:{\"src\":item,\"alt\":\"\"}})])}),0),_c('div',{staticClass:\"customer-stories-btn\",on:{\"click\":_vm.moreEnterprise}},[_c('div',{staticClass:\"btn-text\"},[_vm._v(\" 查看更多案例 \")])])])])])])],1),_c('RightFixedgt'),_c('FootWrap'),_c('AltProduct',{ref:\"altProduct\"}),_c('ast',{ref:\"ast\"})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"news\">\n    <AppBar />\n    <div class=\"page-content\">\n      <div class=\"page-canvas\">\n        <!-- <div class=\"page-background\">\n          <img :src=\"require('@/assets/customer/canvas.png')\" alt=\"\" />\n        </div> -->\n        <div class=\"por-container\">\n          <div class=\"page-info\">\n            <div class=\"page-info-title\">{{ navigationList[navigationIndex].text }}</div>\n            <div class=\"page-info-sebtitle\">{{ navigationList[navigationIndex].sebtitle }}</div>\n          </div>\n        </div>\n      </div>\n      <div class=\"about-navigation-wrap\">\n        <div class=\"navigation-content\">\n          <div class=\"about-breadcrumb\">\n            <el-breadcrumb separator-class=\"el-icon-arrow-right\">\n              <el-breadcrumb-item :to=\"{ path: '/' }\">首页</el-breadcrumb-item>\n              <el-breadcrumb-item>关于华跃</el-breadcrumb-item>\n              <el-breadcrumb-item :to=\"{path: navigationList[navigationIndex].router}\">{{ navigationList[navigationIndex].text }}</el-breadcrumb-item>\n            </el-breadcrumb>\n          </div>\n          <div class=\"about-navigation-list\">\n            <div\n              v-for=\"(item, index) in navigationList\"\n              :key=\"index\"\n              class=\"navigation-item\"\n              :class=\"{'navigation-place': navigationIndex == index}\"\n              @click=\"switchRoutes(item, index)\"\n            >{{ item.text }}</div>\n          </div>\n        </div>\n      </div>\n      <router-view />\n      <div>\n        <div ref=\"customer-stories\">\n          <div class=\"customer-stories\">\n            <div class=\"customer-stories-content\">\n              <div class=\"title\">中大型企业的共同选择</div>\n              <div class=\"customer-stories-list\">\n                <div v-for=\"(item, index) in enterpriseList\" :key=\"index\" class=\"cystiner-stirues-item\">\n                  <img :src=\"item\" alt=\"\" />\n                </div>\n              </div>\n              <div class=\"customer-stories-btn\" @click=\"moreEnterprise\">\n                <div class=\"btn-text\">\n                  查看更多案例\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <RightFixedgt />\n    <FootWrap />\n    <AltProduct ref=\"altProduct\" />\n    <ast ref=\"ast\" />\n  </div>\n</template>\n\n<script>\nimport { getContentList } from '@/api/content';\nexport default {\n  name: 'NewsView',\n  data() {\n    return {\n      navigationIndex: 0,\n      navigationList: [\n        {\n          id: 0,\n          text: '华跃资讯',\n          sebtitle: '了解华跃科技最新动态',\n          router: '/news/huayue',\n        },\n        {\n          id: 1,\n          text: '行业资讯',\n          sebtitle: '了解行业内部最新动态',\n          router: '/news/industry',\n        },\n        {\n          id: 2,\n          text: '联系我们',\n          sebtitle: '',\n          router: '/news/contactUs',\n        },\n      ],\n      enterpriseList: [],\n    };\n  },\n  watch: {\n    '$route': {\n      handler(to, from) {\n        for (var i = 0; i < this.navigationList.length; i++) {\n          if (this.navigationList[i].router === to.path) {\n            this.navigationIndex = i;\n            return;\n          }\n        }\n        // this.navigationList.filter((item, index) => {\n        //   this.navigationIndex = index;\n        //   return item.router === to.path;\n        // });\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n  mounted () {\n    this.getPartner();\n  },\n  methods: {\n    // 合作伙伴列表\n    getPartner() {\n      var params = { columnId: '1605405080163672064', pageNum: 1, pageSize: 18, commendation: 16, cascade: true, };\n      getContentList(params).then((res) => {\n        const { result, } = res;\n        for (var i = 0; i < result.data.length; i++) {\n          this.enterpriseList.push(result.data[i].logo);\n        }\n      });\n    },\n    moreEnterprise () {\n      this.$router.push({ name: 'CustomerCase', });\n    },\n    switchRoutes(item, index) {\n      this.navigationIndex = index;\n      this.$router.push({ path: item.router, });\n    },\n    openBealter() {\n      this.$refs.altProduct.tobealter();\n       },\n    openBealter2() {\n       this.$refs.ast.drawer  = true\n    },\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n.news {\n  background-color: #fff;\n  position: relative;\n  .page-content {\n    width: 100%;\n    .page-canvas {\n      width: 100%;\n      height: 360px;\n      min-width: var(--minwidth);\n      background: url(\"@/assets/news/canvas.png\") no-repeat;\n      background-size: cover;\n      background-position: center;\n      .por-container {\n        width: 70%;\n        min-width: var(--minwidth);\n        height: 100%;\n        margin: 0 auto;\n        position: relative;\n        .page-info {\n          width: 100%;\n          height: 100%;\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n          box-sizing: border-box;\n          .page-info-title {\n            color: #fff;\n            font-size: 36px;\n            font-family: OPPOSans-R;\n            line-height: 1;\n            margin-bottom: 18px;\n          }\n          .page-info-sebtitle {\n            color: #fff;\n            font-size: 16px;\n            font-family: OPPOSans-R;\n            line-height: 1;\n          }\n        }\n      }\n    }\n  }\n  .about-navigation-wrap{\n        width: 100%;\n        height: 60px;\n        background-color: #fff;\n        .navigation-content{\n            width: 1200px;\n            height: 100%;\n            margin: 0 auto;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            border-bottom: 1px solid #ebe8e8;\n            .about-breadcrumb{\n                height: 100%;\n                padding-left: 1px;\n                box-sizing: border-box;\n                display: flex;\n                align-items: center;\n                ::v-deep .el-breadcrumb{\n                    .el-breadcrumb__item{\n                        .el-breadcrumb__inner.is-link{\n                            color: #606266;\n                            font-weight: 400;\n                        }\n                        &:last-child{\n                            .el-breadcrumb__inner.is-link{\n                                color: #00b0dc;\n                                font-weight: 400\n                            }\n                        }\n                    }\n                }\n            }\n            .about-navigation-list{\n                height: 100%;\n                display: flex;\n                align-items: center;\n                justify-content: flex-end;\n                .navigation-item{\n                    font-size: 14px;\n                    color: #737c8b;\n                    margin: 0 15px;\n                    cursor: pointer;\n                    &:last-child{\n                        margin-right: 0;\n                    }\n                }\n                .navigation-place{\n                    color: #00b0dc;\n                }\n            }\n        }\n    }\n  .customer-stories{\n      display: flex;\n      flex-direction: column;\n      background: url('@/assets/staffmanage/customer-back.png') center;\n      background-size: cover;\n      height: 561px;\n      padding: 69px 0 60px;\n      box-sizing: border-box;\n      .customer-stories-content{\n        width: 1200px;\n        // min-width: var(--minwidth);\n        margin: 0 auto;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        .title{\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          font-size: 32px;\n          font-weight: 500;\n          color: #181818;\n          margin-bottom: 70px;\n        }\n        .customer-stories-list{\n          width: 100%;\n          display: flex;\n          flex-wrap: wrap;\n          justify-content: flex-start;\n          .cystiner-stirues-item{\n            width: calc(16.666% - 20px);\n            height: 70px;\n            margin: 10px;\n            background-color: #fff;\n            border: solid 1px #dfdfdf;\n            display: flex;\n            box-sizing: border-box;\n            justify-content: center;\n            align-items: center;\n            padding: 10px;\n            img {\n              width: 100%;\n              height: 100%;\n              object-fit: contain;\n              display: block;\n            }\n          }\n        }\n        .customer-stories-btn{\n          width: 155px;\n          height: 50px;\n          background-color: #2979ff;\n          border-radius: 25px;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          margin-top: 20px;\n          cursor: pointer;\n          .btn-text{\n            font-size: 15px;\n            color: #ffffff;\n          }\n          &:hover{\n            transform: scale(1.1);\n            transition: all  0.5s;\n          }\n        }\n      }\n    }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=0ffe1ce8&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=0ffe1ce8&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0ffe1ce8\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"huayue\"},[_c('div',{staticClass:\"news-left\"},[_c('div',{staticClass:\"news-list-wrap\"},_vm._l((_vm.newsList),function(item,index){return _c('div',{key:index,staticClass:\"news-item\",on:{\"click\":function($event){return _vm.newsDetails(item)}}},[_c('div',{staticClass:\"news-img\"},[_c('img',{staticClass:\"img\",attrs:{\"src\":item.icon,\"alt\":\"\"}})]),_c('div',{staticClass:\"news-content\"},[_c('div',{staticClass:\"news-title\"},[_vm._v(_vm._s(item.title))]),_c('div',{staticClass:\"news-describe\"},[_vm._v(_vm._s(item.description))]),_c('div',{staticClass:\"news-time\"},[_vm._v(_vm._s(_vm.publishTime(item)))])])])}),0),_c('div',{staticClass:\"news-pagination\"},[_c('el-pagination',{attrs:{\"background\":\"\",\"layout\":\"prev, pager, next\",\"page-size\":_vm.page.pageSize,\"total\":_vm.page.total,\"hide-on-single-page\":true},on:{\"current-change\":_vm.handleCurrentChange}})],1)]),_c('div',{staticClass:\"news-right\"},[_c('div',{staticClass:\"hot-wrap\"},[_c('div',{staticClass:\"hot-tit\"},[_vm._v(\" 热门推荐 \")]),_c('div',{staticClass:\"hot-news-list\"},_vm._l((_vm.hotNewsList),function(item,index){return _c('div',{key:index,staticClass:\"hot-news-item\",on:{\"click\":function($event){return _vm.newsDetails(item)}}},[_c('div',{staticClass:\"news-time\"},[_vm._v(_vm._s(_vm.hotPublishTime(item)))]),_c('div',{staticClass:\"news-title\"},[_vm._v(_vm._s(item.title))])])}),0)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"huayue\">\n    <div class=\"news-left\">\n      <div class=\"news-list-wrap\">\n        <div\n          v-for=\"(item, index) in newsList\"\n          :key=\"index\"\n          class=\"news-item\"\n          @click=\"newsDetails(item)\"\n        >\n          <div class=\"news-img\">\n            <img :src=\"item.icon\" alt=\"\" class=\"img\" />\n          </div>\n          <div class=\"news-content\">\n            <div class=\"news-title\">{{ item.title }}</div>\n            <div class=\"news-describe\">{{ item.description }}</div>\n            <div class=\"news-time\">{{ publishTime(item) }}</div>\n          </div>\n        </div>\n      </div>\n      <div class=\"news-pagination\">\n        <el-pagination\n          background\n          layout=\"prev, pager, next\"\n          :page-size=\"page.pageSize\"\n          :total=\"page.total\"\n          :hide-on-single-page=\"true\"\n          @current-change=\"handleCurrentChange\"\n        />\n      </div>\n    </div>\n    <div class=\"news-right\">\n      <div class=\"hot-wrap\">\n        <div class=\"hot-tit\">\n          热门推荐\n        </div>\n        <div class=\"hot-news-list\">\n          <div\n            v-for=\"(item, index) in hotNewsList\"\n            :key=\"index\"\n            class=\"hot-news-item\"\n            @click=\"newsDetails(item)\"\n          >\n            <div class=\"news-time\">{{ hotPublishTime(item) }}</div>\n            <div class=\"news-title\">{{ item.title }}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport dayjs from 'dayjs';\nimport { getContentList } from '@/api/content';\nexport default {\n  name: 'HuayueInfoView',\n  data() {\n    return {\n      page: {\n        pageNum: 1,\n        pageSize: 10,\n        total: 0,\n      },\n      newsList: [\n        // {\n        //   id: 5,\n        //   title: '华跃科技祝贺顺德电子信息商会第四届理事会第十三次会议顺利举办！',\n        //   describe: '11月17日下午，佛山市顺德区电子信息商会第四届理事会第十三次会议在顺德渔村华侨城会议厅顺利召开,华跃科技由研发部总经理黄桥先生代表出席本次会议。',\n        //   time: '2022/11/21 17:26:00',\n        //   img: require('@/assets/news/news1.png'),\n        // },\n        // {\n        //   id: 6,\n        //   title: '华跃科技党支部的红色印记',\n        //   describe: '随着华跃科技的不断壮大，公司的社会担当也不可落下。大良街道文秀社区党委属下佛山市华跃计算机系统有限公司支部委员会成立至今，始终铭记自身的社会担当，全党...员上下齐心，主动作为，在疫情时刻主动担起社会责任，始终忠诚拥护“两个确立”，坚决做到“两个维护”，诠释了基层党员的使命和信念，书写了基层党支部的责任和担当。',\n        //   time: '2022/11/21 17:26:00',\n        //   img: require('@/assets/news/news2.png'),\n        // },\n      ],\n      hotNewsList: [\n        // {\n        //   id: 0,\n        //   title: '华跃科技员工专访第二期 ▏心有所向，乘风破浪',\n        //   time: '11-04',\n        // },\n        // {\n        //   id: 1,\n        //   title: '凝心聚力创双优--行业500强企业对华跃的产品服给予高度认可与信任！',\n        //   time: '10-21',\n        // },\n        // {\n        //   id: 2,\n        //   title: '华跃科技员工专访第二期 ▏心有所向，乘风破浪',\n        //   time: '11-04',\n        // },\n        // {\n        //   id: 3,\n        //   title: '凝心聚力创双优--行业500强企业对华跃的产品服给予高度认可与信任！',\n        //   time: '10-21',\n        // },\n        // {\n        //   id: 4,\n        //   title: '华跃科技员工专访第二期 ▏心有所向，乘风破浪',\n        //   time: '11-04',\n        // },\n      ],\n    };\n  },\n  mounted() {\n    this.getnewsList();\n    this.gethotNews();\n  },\n  methods: {\n    async getnewsList() {\n      var params = { columnId: '1605774350588534784', pageNum: this.page.pageNum, pageSize: this.page.pageSize, };\n      var res = await getContentList(params);\n      var { result, } = res;\n      this.newsList = result.data;\n      this.page.total = result.total;\n    },\n\n    async gethotNews() {\n      var params = { columnId: '1605774350588534784', pageNum: 1, pageSize: 5, commendation: 7, };\n      var res = await getContentList(params);\n      var { result, } = res;\n      this.hotNewsList = result.data;\n    },\n\n    publishTime(item) {\n      return dayjs(item.publishTime).format('YYYY/MM/DD HH:mm:ss');\n    },\n\n    hotPublishTime(item) {\n      return dayjs(item.publishTime).format('MM-DD');\n    },\n\n    handleCurrentChange(val) {\n      this.page.pageNum = val;\n      this.getnewsList();\n    },\n\n    newsDetails(item) {\n      this.$router.push({ path: `/news/details/${item.id}`, query: { type: 1, }, });\n    },\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n.huayue{\n    width: 1200px;\n    margin: 0 auto;\n    padding: 50px 0 90px;\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    .news-left{\n        width: 770px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: flex-start;\n        .news-list-wrap{\n            width: 100%;\n            margin-bottom: 5px;\n            .news-item{\n                width: 100%;\n                margin-bottom: 40px;\n                display: flex;\n                justify-content: flex-start;\n                align-items: flex-start;\n                cursor: pointer;\n                .news-img{\n                    width: 218px;\n                    height: 130px;\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                    overflow: hidden;\n                    margin-right: 20px;\n                    border-radius: 5px;\n                    .img{\n                        width: 100%;\n                        height: auto;\n                        display: block;\n                    }\n                }\n                .news-content{\n                    flex: 1;\n                    padding-top: 6px;\n                    box-sizing: border-box;\n                    .news-title{\n                        font-family: OPPOSans-M;\n                        font-size: 18px;\n                        color: #21252b;\n                        line-height: 23px;\n                        margin-bottom: 8px;\n                    }\n                    .news-describe{\n                        font-family: OPPOSans-R;\n                        font-size: 14px;\n                        color: #5c6066;\n                        line-height: 20px;\n                        margin-bottom: 10px;\n                        overflow: hidden;\n                        text-overflow: ellipsis;\n                        /* 将对象作为弹性伸缩盒子模型显示 */\n                        display: -webkit-box;\n                        /* 限制在一个块元素显示的文本的行数 */\n                        /* -webkit-line-clamp 其实是一个不规范属性，使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；*/\n                        -webkit-line-clamp: 2;\n                        /* 设置或检索伸缩盒对象的子元素的排列方式 */\n                        -webkit-box-orient: vertical;\n                    }\n                    .news-time{\n                        font-family: OPPOSans-R;\n                        font-size: 12px;\n                        color: #5c6066;\n                    }\n                }\n            }\n        }\n        .news-pagination{\n            ::v-deep .el-pagination{\n                .btn-prev{\n                    width: 32px;\n                    height: 32px;\n                    background-color: #f5f5f5;\n                    border-radius: 4px;\n                    border: 1px solid #dfdfdf;\n                }\n                .el-pager{\n                    li{\n                        width: 32px;\n                        height: 32px;\n                        background-color: #fff;\n                        border-radius: 4px;\n                        border: 1px solid #dfdfdf;\n                    }\n                    .active{\n                        background-color: #00b0dc;\n                    }\n                }\n                .btn-next{\n                    width: 32px;\n                    height: 32px;\n                    background-color: #f5f5f5;\n                    border-radius: 4px;\n                    border: 1px solid #dfdfdf;\n                }\n            }\n        }\n    }\n    .news-right{\n        width: 380px;\n        height: 300px;\n        .hot-wrap{\n            .hot-tit{\n                width: 100%;\n                padding-left: 10px;\n                border-left: 4px solid #00b0dc;\n                font-size: 20px;\n                font-family: OPPOSans-R;\n                color: #21252b;\n                line-height: 22px;\n                box-sizing: border-box;\n            }\n            .hot-news-list{\n                width: 100%;\n                margin-top: 20px;\n                .hot-news-item{\n                    width: 100%;\n                    display: flex;\n                    justify-content: flex-start;\n                    align-items: center;\n                    margin-bottom: 20px;\n                    cursor: pointer;\n                    .news-time{\n                        flex: 1;\n                        font-family: OPPOSans-R;\n                        font-size: 12px;\n                        color: #5c6066;\n                        line-height: 1;\n                    }\n                    .news-title{\n                        width: 313px;\n                        font-family: OPPOSans-R;\n                        font-size: 14px;\n                        color: #21252b;\n                        white-space: nowrap;\n                        overflow: hidden;\n                        text-overflow: ellipsis;\n                    }\n                }\n            }\n        }\n    }\n}\n</style>\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./huayue-info.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./huayue-info.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./huayue-info.vue?vue&type=template&id=d538bee4&scoped=true&\"\nimport script from \"./huayue-info.vue?vue&type=script&lang=js&\"\nexport * from \"./huayue-info.vue?vue&type=script&lang=js&\"\nimport style0 from \"./huayue-info.vue?vue&type=style&index=0&id=d538bee4&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"d538bee4\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"industry\"},[_c('div',{staticClass:\"news-left\"},[_c('div',{staticClass:\"news-list-wrap\"},_vm._l((_vm.newsList),function(item,index){return _c('div',{key:index,staticClass:\"news-item\",on:{\"click\":function($event){return _vm.newsDetails(item)}}},[_c('div',{staticClass:\"news-img\"},[_c('img',{staticClass:\"img\",attrs:{\"src\":item.img,\"alt\":\"\"}})]),_c('div',{staticClass:\"news-content\"},[_c('div',{staticClass:\"news-title\"},[_vm._v(_vm._s(item.title))]),_c('div',{staticClass:\"news-describe\"},[_vm._v(_vm._s(item.describe))]),_c('div',{staticClass:\"news-time\"},[_vm._v(_vm._s(_vm.publishTime(item)))])])])}),0),_c('div',{staticClass:\"news-pagination\"},[_c('el-pagination',{attrs:{\"background\":\"\",\"layout\":\"prev, pager, next\",\"page-size\":_vm.page.pageSize,\"total\":_vm.page.total,\"hide-on-single-page\":true},on:{\"current-change\":_vm.handleCurrentChange}})],1)]),_c('div',{staticClass:\"news-right\"},[(_vm.hotNewsList.length != 0)?_c('div',{staticClass:\"hot-wrap\"},[_c('div',{staticClass:\"hot-tit\"},[_vm._v(\" 热门推荐 \")]),_c('div',{staticClass:\"hot-news-list\"},_vm._l((_vm.hotNewsList),function(item,index){return _c('div',{key:index,staticClass:\"hot-news-item\",on:{\"click\":function($event){return _vm.newsDetails(item)}}},[_c('div',{staticClass:\"news-time\"},[_vm._v(_vm._s(_vm.hotPublishTime(item)))]),_c('div',{staticClass:\"news-title\"},[_vm._v(_vm._s(item.title))])])}),0)]):_vm._e()])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"industry\">\n    <div class=\"news-left\">\n      <div class=\"news-list-wrap\">\n        <div\n          v-for=\"(item, index) in newsList\"\n          :key=\"index\"\n          class=\"news-item\"\n          @click=\"newsDetails(item)\"\n        >\n          <div class=\"news-img\">\n            <img :src=\"item.img\" alt=\"\" class=\"img\" />\n          </div>\n          <div class=\"news-content\">\n            <div class=\"news-title\">{{ item.title }}</div>\n            <div class=\"news-describe\">{{ item.describe }}</div>\n            <div class=\"news-time\">{{ publishTime(item) }}</div>\n          </div>\n        </div>\n      </div>\n      <div class=\"news-pagination\">\n        <el-pagination\n          background\n          layout=\"prev, pager, next\"\n          :page-size=\"page.pageSize\"\n          :total=\"page.total\"\n          :hide-on-single-page=\"true\"\n          @current-change=\"handleCurrentChange\"\n        />\n      </div>\n    </div>\n    <div class=\"news-right\">\n      <div v-if=\"hotNewsList.length != 0\" class=\"hot-wrap\">\n        <div class=\"hot-tit\">\n          热门推荐\n        </div>\n        <div class=\"hot-news-list\">\n          <div\n            v-for=\"(item, index) in hotNewsList\"\n            :key=\"index\"\n            class=\"hot-news-item\"\n            @click=\"newsDetails(item)\"\n          >\n            <div class=\"news-time\">{{ hotPublishTime(item) }}</div>\n            <div class=\"news-title\">{{ item.title }}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { getContentList } from '@/api/content';\nimport dayjs from 'dayjs';\nexport default {\n  name: 'IndustryInfoView',\n  data() {\n    return {\n      page: {\n        pageNum: 1,\n        pageSize: 10,\n        total: 0,\n      },\n      newsList: [\n        // {\n        //   id: 5,\n        //   title: '华跃科技祝贺顺德电子信息商会第四届理事会第十三次会议顺利举办！',\n        //   describe: '11月17日下午，佛山市顺德区电子信息商会第四届理事会第十三次会议在顺德渔村华侨城会议厅顺利召开,华跃科技由研发部总经理黄桥先生代表出席本次会议。',\n        //   time: '2022/11/21 17:26:00',\n        //   img: require('@/assets/news/news1.png'),\n        // },\n        // {\n        //   id: 6,\n        //   title: '华跃科技党支部的红色印记',\n        //   describe: '随着华跃科技的不断壮大，公司的社会担当也不可落下。大良街道文秀社区党委属下佛山市华跃计算机系统有限公司支部委员会成立至今，始终铭记自身的社会担当，全党...员上下齐心，主动作为，在疫情时刻主动担起社会责任，始终忠诚拥护“两个确立”，坚决做到“两个维护”，诠释了基层党员的使命和信念，书写了基层党支部的责任和担当。',\n        //   time: '2022/11/21 17:26:00',\n        //   img: require('@/assets/news/news2.png'),\n        // },\n      ],\n      hotNewsList: [\n        // {\n        //   id: 0,\n        //   title: '华跃科技员工专访第二期 ▏心有所向，乘风破浪',\n        //   time: '11-04',\n        // },\n        // {\n        //   id: 1,\n        //   title: '凝心聚力创双优--行业500强企业对华跃的产品服给予高度认可与信任！',\n        //   time: '10-21',\n        // },\n        // {\n        //   id: 2,\n        //   title: '华跃科技员工专访第二期 ▏心有所向，乘风破浪',\n        //   time: '11-04',\n        // },\n        // {\n        //   id: 3,\n        //   title: '凝心聚力创双优--行业500强企业对华跃的产品服给予高度认可与信任！',\n        //   time: '10-21',\n        // },\n        // {\n        //   id: 4,\n        //   title: '华跃科技员工专访第二期 ▏心有所向，乘风破浪',\n        //   time: '11-04',\n        // },\n      ],\n    };\n  },\n  mounted() {\n    this.getnewsList();\n    this.gethotNews();\n  },\n  methods: {\n    async getnewsList() {\n      var params = { columnId: '1605774444985540608', pageNum: this.page.pageNum, pageSize: this.page.pageSize, };\n      var res = await getContentList(params);\n      var { result, } = res;\n      this.newsList = result.data;\n      this.page.total = result.total;\n    },\n\n    async gethotNews() {\n      var params = { columnId: '1605774444985540608', pageNum: 1, pageSize: 5, commendation: 7, };\n      var res = await getContentList(params);\n      var { result, } = res;\n      this.hotNewsList = result.data;\n    },\n\n    publishTime(item) {\n      return dayjs(item.publishTime).format('YYYY/MM/DD HH:mm:ss');\n    },\n\n    hotPublishTime(item) {\n      return dayjs(item.publishTime).format('MM-DD');\n    },\n\n    handleCurrentChange(val) {\n      this.page.pageNum = val;\n      this.getnewsList();\n    },\n\n    newsDetails(item) {\n      this.$router.push({ path: `/news/details/${item.id}`, query: { type: 2, }, });\n    },\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n.industry{\n  width: 1200px;\n    margin: 0 auto;\n    padding: 50px 0 90px;\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    .news-left{\n        width: 770px;\n        // height: 847px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: flex-start;\n        .news-list-wrap{\n            width: 100%;\n            margin-bottom: 5px;\n            .news-item{\n                width: 100%;\n                margin-bottom: 40px;\n                display: flex;\n                justify-content: flex-start;\n                align-items: flex-start;\n                cursor: pointer;\n                .news-img{\n                    width: 218px;\n                    height: 130px;\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                    overflow: hidden;\n                    margin-right: 20px;\n                    border-radius: 5px;\n                    .img{\n                        width: 100%;\n                        height: auto;\n                        display: block;\n                    }\n                }\n                .news-content{\n                    flex: 1;\n                    padding-top: 6px;\n                    box-sizing: border-box;\n                    .news-title{\n                        font-family: OPPOSans-M;\n                        font-size: 18px;\n                        color: #21252b;\n                        line-height: 23px;\n                        margin-bottom: 8px;\n                    }\n                    .news-describe{\n                        font-family: OPPOSans-R;\n                        font-size: 14px;\n                        color: #5c6066;\n                        line-height: 20px;\n                        margin-bottom: 10px;\n                        overflow: hidden;\n                        text-overflow: ellipsis;\n                        /* 将对象作为弹性伸缩盒子模型显示 */\n                        display: -webkit-box;\n                        /* 限制在一个块元素显示的文本的行数 */\n                        /* -webkit-line-clamp 其实是一个不规范属性，使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；*/\n                        -webkit-line-clamp: 2;\n                        /* 设置或检索伸缩盒对象的子元素的排列方式 */\n                        -webkit-box-orient: vertical;\n                    }\n                    .news-time{\n                        font-family: OPPOSans-R;\n                        font-size: 12px;\n                        color: #5c6066;\n                    }\n                }\n            }\n        }\n        .news-pagination{\n            ::v-deep .el-pagination{\n                .btn-prev{\n                    width: 32px;\n                    height: 32px;\n                    background-color: #f5f5f5;\n                    border-radius: 4px;\n                    border: 1px solid #dfdfdf;\n                }\n                .el-pager{\n                    li{\n                        width: 32px;\n                        height: 32px;\n                        background-color: #fff;\n                        border-radius: 4px;\n                        border: 1px solid #dfdfdf;\n                    }\n                    .active{\n                        background-color: #00b0dc;\n                    }\n                }\n                .btn-next{\n                    width: 32px;\n                    height: 32px;\n                    background-color: #f5f5f5;\n                    border-radius: 4px;\n                    border: 1px solid #dfdfdf;\n                }\n            }\n        }\n    }\n    .news-right{\n        width: 380px;\n        height: 300px;\n        .hot-wrap{\n            .hot-tit{\n                width: 100%;\n                padding-left: 10px;\n                border-left: 4px solid #00b0dc;\n                font-size: 20px;\n                font-family: OPPOSans-R;\n                color: #21252b;\n                line-height: 22px;\n                box-sizing: border-box;\n            }\n            .hot-news-list{\n                width: 100%;\n                margin-top: 20px;\n                .hot-news-item{\n                    width: 100%;\n                    display: flex;\n                    justify-content: flex-start;\n                    align-items: center;\n                    margin-bottom: 20px;\n                    cursor: pointer;\n                    .news-time{\n                        flex: 1;\n                        font-family: OPPOSans-R;\n                        font-size: 12px;\n                        color: #5c6066;\n                        line-height: 1;\n                    }\n                    .news-title{\n                        width: 313px;\n                        font-family: OPPOSans-R;\n                        font-size: 14px;\n                        color: #21252b;\n                        white-space: nowrap;\n                        overflow: hidden;\n                        text-overflow: ellipsis;\n                    }\n                }\n            }\n        }\n    }\n}\n</style>\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./industry-info.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./industry-info.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./industry-info.vue?vue&type=template&id=090f42f0&scoped=true&\"\nimport script from \"./industry-info.vue?vue&type=script&lang=js&\"\nexport * from \"./industry-info.vue?vue&type=script&lang=js&\"\nimport style0 from \"./industry-info.vue?vue&type=style&index=0&id=090f42f0&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"090f42f0\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"contact-us\",on:{\"click\":function($event){_vm.activityAddress = null}}},[_c('div',{staticClass:\"page-content\"},[_c('div',{staticClass:\"content-wrap\"},[_c('div',{staticClass:\"content-title-card\"},[_c('div',{staticClass:\"content-zh\"},[_vm._v(\"联系华跃\")]),_c('div',{staticClass:\"phone-wrap\"},[_vm._v(\"服务热线 \"),_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.Hotline)}})])]),_c('div',{staticClass:\"address-wrap\"},[_c('div',{staticClass:\"address-map\"},_vm._l((_vm.addressList),function(locationItem,index){return _c('div',{key:index,ref:\"locationItem\",refInFor:true,staticClass:\"location-item\",style:({transform: `translate(${locationItem.position[0]}px, ${locationItem.position[1]}px)`}),on:{\"click\":function($event){$event.stopPropagation();return _vm.activity(index)}}},[_c('img',{class:['location-img', _vm.cavasIndex == index ? 'animationImg' : ''],attrs:{\"src\":require(\"@/assets/contact/location.png\"),\"alt\":\"\"}}),_c('canvas',{staticClass:\"location-canvas\",attrs:{\"id\":'canvas'+index,\"width\":\"30\",\"height\":\"30\"}})])}),0),_c('div',{staticClass:\"address-list\"},_vm._l((_vm.addressList),function(item,index){return _c('div',{key:index,class:['address-item', _vm.activityAddress == index ? 'activity' : '']},[_c('img',{staticClass:\"address-img\",attrs:{\"src\":item.img,\"alt\":\"\"}}),_c('div',{staticClass:\"address-title\"},[_vm._v(_vm._s(item.title))]),_c('div',{staticClass:\"address-description\"},[_vm._v(_vm._s(item.summaryTitle))]),_c('div',{staticClass:\"address-phone\"},[_vm._v(_vm._s(item.description))])])}),0)])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"contact-us\" @click=\"activityAddress = null\">\n    <div class=\"page-content\">\n      <div class=\"content-wrap\">\n        <div class=\"content-title-card\">\n          <div class=\"content-zh\">联系华跃</div>\n          <div class=\"phone-wrap\">服务热线 <span v-html=\"Hotline\"></span></div>\n        </div>\n        <div class=\"address-wrap\">\n          <div class=\"address-map\">\n            <div\n              v-for=\"(locationItem, index) in addressList\"\n              :key=\"index\"\n              class=\"location-item\"\n              :style=\"{transform: `translate(${locationItem.position[0]}px, ${locationItem.position[1]}px)`}\"\n              @click.stop=\"activity(index)\"\n              ref=\"locationItem\"\n            >\n              <!-- @mouseenter=\"setCanvas(index)\"\n              @mouseleave=\"closeCanvas\" -->\n              <img\n                src=\"@/assets/contact/location.png\"\n                alt=\"\"\n                :class=\"['location-img', cavasIndex == index ? 'animationImg' : '']\"\n              />\n              <canvas :id=\"'canvas'+index\" class=\"location-canvas\" width=\"30\" height=\"30\"></canvas>\n            </div>\n          </div>\n          <div class=\"address-list\">\n            <div\n              v-for=\"(item, index) in addressList\"\n              :key=\"index\"\n              :class=\"['address-item', activityAddress == index ? 'activity' : '']\"\n            >\n              <img :src=\"item.img\" alt=\"\" class=\"address-img\" />\n              <div class=\"address-title\">{{ item.title }}</div>\n              <div class=\"address-description\">{{ item.summaryTitle }}</div>\n              <div class=\"address-phone\">{{ item.description }}</div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { getColumnChild } from \"@/api/column\";\nimport { getContentDetail, getContentList } from \"@/api/content\";\nimport { getVariableInfo } from '@/api/variable';\nexport default {\n  name: \"ContactUsView\",\n  data() {\n    return {\n      ctx: null,\n      radius: 0,\n      pageContent: \"\",\n      activityAddress: null,\n      addressList: [],\n      cavasIndex: null,\n      Hotline: '',\n    };\n  },\n  mounted() {\n    this.getPageDetails();\n    this.getVariable();\n  },\n  methods: {\n    async getPageDetails() {\n      var params = { parentId: \"1624978949178351616\" };\n      var res = await getColumnChild(params);\n      var { result } = res;\n      for (var i = 0; i < result.length; i++) {\n        if (i === 0) {\n          const data = { columnId: result[i].id, pageNum: 1, pageSize: 99 };\n          getContentList(data).then(async (rrs) => {\n            const rrsult = rrs.result;\n            for (var j = 0; j < rrsult.data.length; j++) {\n              var addressItem = {\n                img: rrsult.data[j].icon,\n                title: rrsult.data[j].title,\n                summaryTitle: rrsult.data[j].summaryTitle,\n                description: rrsult.data[j].description,\n                position: [],\n                radius: 0,\n                ctx: null,\n                canvarInterval: null,\n              };\n              const rts = await getContentDetail(rrsult.data[j].id);\n              const rtsult = rts.result;\n              for (var x = 0; x < rtsult.elements.length; x++) {\n                addressItem.position.push(Number(rtsult.elements[x].content));\n              }\n              this.addressList.push(addressItem);\n            }\n            this.$nextTick(()=>{\n              for (var j = 0; j < this.addressList.length; j++) {\n                this.setCanvas(j)\n              }\n            });\n          });\n        }\n      }\n    },\n    getVariable() {\n      getVariableInfo({ label: 'Hotline', }).then((res) => {\n        const { result, } = res;\n        var doc = new DOMParser().parseFromString(result.content, 'text/html');\n        this.Hotline = doc.documentElement.textContent.replace(/&nbsp;/g, ' ');\n      });\n    },\n    activity(index) {\n      this.activityAddress = index\n    },\n    setCanvas(index) {\n      this.cavasIndex = index;\n      this.$nextTick(() => {\n        const c  = document.getElementById(`canvas${index}`)\n        this.addressList[index].ctx = c.getContext('2d');\n        this.drawCircle(index);\n        this.addressList[index].canvarInterval = setInterval(() => {\n          this.drawCircle(index);\n        },50)\n      \n      })\n    },\n    closeCanvas() {\n      this.cavasIndex = null\n      this.radius = 0\n      this.ctx.clearRect(0, 0, 30, 30);\n      clearInterval(this.canvarInterval)\n    },\n    drawCircle(index) {\n      this.addressList[index].ctx.beginPath();\n      let prev = this.addressList[index].ctx.globalCompositeOperation;\n      this.addressList[index].ctx.globalCompositeOperation = 'destination-in';\n      this.addressList[index].ctx.globalAlpha = 0.95;\n      this.addressList[index].ctx.fillRect(0,0,30,30);\n      this.addressList[index].ctx.globalCompositeOperation = prev;\n      this.addressList[index].ctx.arc(15, 15, this.addressList[index].radius, 0, Math.PI * 2);\n      this.addressList[index].ctx.closePath();\n      this.addressList[index].ctx.lineWidth = 2;\n      this.addressList[index].ctx.strokeStyle = 'rgba(250,98,40,1)';\n      this.addressList[index].ctx.stroke();\n      this.addressList[index].radius += 0.5;\n      if (this.addressList[index].radius > 10) {\n        this.addressList[index].radius = 0\n      }\n    }\n  },\n};\n</script>\n\n<style lang=\"less\">\n.phone-wrap{\n  p{\n    display: inline-block;\n  }\n}\n</style>\n\n<style lang=\"less\" scoped>\n.contact-us {\n  background-color: #fff;\n  margin-bottom: 80px;\n  .page-content {\n    width: 100%;\n    .content-wrap {\n      width: 1200px;\n      margin: 0 auto;\n      .content-title-card {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-start;\n        align-items: flex-start;\n        .content-zh {\n          font-family: Alibaba-PuHuiTi-R;\n          font-size: 34px;\n          color: #3f3f3f;\n          margin-right: 6px;\n        }\n        .phone-wrap {\n          font-family: Alibaba-PuHuiTi-R;\n          font-size: 18px;\n          color: #31b3dc;\n        }\n      }\n      .address-wrap {\n        width: 100%;\n        padding: 0 14px;\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        box-sizing: border-box;\n        .address-map {\n          width: 516px;\n          height: 405px;\n          background: url(\"@/assets/contact/map.png\") no-repeat;\n          background-size: cover;\n          position: relative;\n          .location-item {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 23px;\n            transform-origin: center bottom;\n            cursor: pointer;\n            .location-img {\n              width: 100%;\n              position: relative;\n              height: auto;\n              display: block;\n              filter: drop-shadow(4px 3px 9px rgba(1, 14, 66, 0.43));\n              z-index: 2;\n              animation: updown 1.5s linear infinite;\n            }\n            @keyframes updown {\n              0% {\n                transform: translateY(0);\n              }\n              50% {\n                transform: translateY(-8px);\n              }\n              100% {\n                transform: translateY(0);\n              }\n            }\n            .location-canvas{\n              position: absolute;\n              left: 50%;\n              bottom: -15px;\n              transform: translateX(-48%) rotateX(45deg);\n              z-index: 1;\n            }\n          }\n        }\n        .address-list {\n          width: 645px;\n          display: flex;\n          flex-wrap: wrap;\n          justify-content: flex-start;\n          align-items: flex-start;\n          padding-left: 15px;\n          box-sizing: border-box;\n          .address-item {\n            width: 307px;\n            margin-right: 15px;\n            margin-bottom: 60px;\n            padding: 20px;\n            border-radius: 8px;\n            box-sizing: border-box;\n            &:nth-child(2n) {\n              margin-right: 0;\n            }\n            .address-img {\n              width: auto;\n              height: 35px;\n              display: block;\n            }\n            .address-title {\n              font-family: Alibaba-PuHuiTi-R;\n              font-size: 20px;\n              color: #3f3f3f;\n              margin-top: 10px;\n            }\n            .address-description {\n              font-family: Alibaba-PuHuiTi-R;\n              font-size: 14px;\n              color: #3f3f3f;\n              margin-top: 12px;\n            }\n            .address-phone {\n              font-family: Alibaba-PuHuiTi-R;\n              font-size: 18px;\n              font-weight: 600;\n              color: #00b0dc;\n              margin-top: 8px;\n              line-height: 1;\n            }\n            &.activity{\n              box-shadow: 0px 4px 8px 0px rgb(139 139 139 / 18%);\n              // background-image: linear-gradient(0deg, \n              //                   #ffffff 0%, \n              //                   #f2f7f5 100%);\n              background-color: #d7edf2;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n</style>","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./contactUs.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./contactUs.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./contactUs.vue?vue&type=template&id=5803854f&scoped=true&\"\nimport script from \"./contactUs.vue?vue&type=script&lang=js&\"\nexport * from \"./contactUs.vue?vue&type=script&lang=js&\"\nimport style0 from \"./contactUs.vue?vue&type=style&index=0&id=5803854f&prod&lang=less&\"\nimport style1 from \"./contactUs.vue?vue&type=style&index=1&id=5803854f&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"5803854f\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"news-details\"},[_c('AppBar'),_c('div',{staticClass:\"page-content\"},[_c('div',{staticClass:\"details-content-wrap\"},[_c('div',{staticClass:\"details-breadcrumb-wrap\"},[_c('el-breadcrumb',{attrs:{\"separator-class\":\"el-icon-arrow-right\"}},[_c('el-breadcrumb-item',{attrs:{\"to\":{ path: '/' }}},[_vm._v(\"首页\")]),_c('el-breadcrumb-item',{attrs:{\"to\":{ path: _vm.type==1 ? '/news/huayue' : '/news/industry' }}},[_vm._v(_vm._s(_vm.type == 1 ? '华跃资讯' : '行业资讯'))]),_c('el-breadcrumb-item',{attrs:{\"to\":{ path: '' }}},[_vm._v(\"详情\")])],1)],1),_c('div',{staticClass:\"details-content\"},[_c('div',{staticClass:\"content-left\"},[_c('div',{staticClass:\"content-wrap\"},[_c('div',{staticClass:\"content-title\"},[_vm._v(_vm._s(_vm.detailsTitle))]),_c('div',{staticClass:\"content-time\"},[_vm._v(_vm._s(_vm.time))]),_c('div',{staticClass:\"content-text\",domProps:{\"innerHTML\":_vm._s(_vm.content)}})]),_c('div',{staticClass:\"turn-pages-wrap\"},[_c('div',{staticClass:\"turn-pages prev-wrap\",class:{'haveTurn': _vm.prevNews.id != 0},on:{\"click\":function($event){return _vm.jumpArticle(_vm.prevNews.id)}}},[_c('div',{staticClass:\"pages\"},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require('@/assets/news/icon/prev.png'),\"alt\":\"\"}}),_c('div',{staticClass:\"text\"},[_vm._v(\"上一篇\")])]),_c('div',{staticClass:\"turn-pages-title\"},[_vm._v(_vm._s(_vm.prevNews.title))])]),_c('div',{staticClass:\"turn-pages next-wrap\",class:{'haveTurn': _vm.nextNews.id != 0},on:{\"click\":function($event){return _vm.jumpArticle(_vm.nextNews.id)}}},[_c('div',{staticClass:\"pages\"},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require('@/assets/news/icon/next.png'),\"alt\":\"\"}}),_c('div',{staticClass:\"text\"},[_vm._v(\"下一篇\")])]),_c('div',{staticClass:\"turn-pages-title\"},[_vm._v(_vm._s(_vm.nextNews.title))])])])]),_c('div',{staticClass:\"content-right\"},[_c('div',{staticClass:\"hot-wrap\"},[_c('div',{staticClass:\"hot-tit\"},[_vm._v(\" 热门推荐 \")]),_c('div',{staticClass:\"hot-news-list\"},_vm._l((_vm.hotNewsList),function(item,index){return _c('div',{key:index,staticClass:\"hot-news-item\",on:{\"click\":function($event){return _vm.jumpArticle(item.id)}}},[_c('div',{staticClass:\"news-time\"},[_vm._v(_vm._s(_vm.hotPublishTime(item)))]),_c('div',{staticClass:\"news-title\"},[_vm._v(_vm._s(item.title))])])}),0)])])])])]),_c('RightFixedgt'),_c('FootWrap'),_c('AltProduct',{ref:\"altProduct\"}),_c('ast',{ref:\"ast\"})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"news-details\">\n    <AppBar />\n    <div class=\"page-content\">\n      <div class=\"details-content-wrap\">\n        <div class=\"details-breadcrumb-wrap\">\n          <el-breadcrumb separator-class=\"el-icon-arrow-right\">\n            <el-breadcrumb-item :to=\"{ path: '/' }\">首页</el-breadcrumb-item>\n            <el-breadcrumb-item :to=\"{ path: type==1 ? '/news/huayue' : '/news/industry' }\">{{ type == 1 ? '华跃资讯' : '行业资讯' }}</el-breadcrumb-item>\n            <el-breadcrumb-item :to=\"{ path: '' }\">详情</el-breadcrumb-item>\n          </el-breadcrumb>\n        </div>\n        <div class=\"details-content\">\n          <div class=\"content-left\">\n            <div class=\"content-wrap\">\n              <div class=\"content-title\">{{ detailsTitle }}</div>\n              <div class=\"content-time\">{{ time }}</div>\n              <div class=\"content-text\" v-html=\"content\"></div>\n            </div>\n            <div class=\"turn-pages-wrap\">\n              <div class=\"turn-pages prev-wrap\" :class=\"{'haveTurn': prevNews.id != 0}\" @click=\"jumpArticle(prevNews.id)\">\n                <div class=\"pages\">\n                  <img :src=\"require('@/assets/news/icon/prev.png')\" alt=\"\" class=\"icon\" />\n                  <div class=\"text\">上一篇</div>\n                </div>\n                <div class=\"turn-pages-title\">{{ prevNews.title }}</div>\n              </div>\n              <div class=\"turn-pages next-wrap\" :class=\"{'haveTurn': nextNews.id != 0}\" @click=\"jumpArticle(nextNews.id)\">\n                <div class=\"pages\">\n                  <img :src=\"require('@/assets/news/icon/next.png')\" alt=\"\" class=\"icon\" />\n                  <div class=\"text\">下一篇</div>\n                </div>\n                <div class=\"turn-pages-title\">{{ nextNews.title }}</div>\n              </div>\n            </div>\n          </div>\n          <div class=\"content-right\">\n            <div class=\"hot-wrap\">\n              <div class=\"hot-tit\">\n                热门推荐\n              </div>\n              <div class=\"hot-news-list\">\n                <div\n                  v-for=\"(item, index) in hotNewsList\"\n                  :key=\"index\"\n                  class=\"hot-news-item\"\n                  @click=\"jumpArticle(item.id)\"\n                >\n                  <div class=\"news-time\">{{ hotPublishTime(item) }}</div>\n                  <div class=\"news-title\">{{ item.title }}</div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <RightFixedgt />\n    <FootWrap />\n    <AltProduct ref=\"altProduct\" />\n    <ast ref=\"ast\" />\n  </div>\n</template>\n\n<script>\nimport dayjs from 'dayjs';\nimport { getContentList, getContentDetail } from '@/api/content';\nexport default {\n  name: 'DetailsView',\n  data() {\n    return {\n      columnId: '',\n      contentId: 0,\n      type: '',\n      detailsTitle: '',\n      time: '',\n      content: '',\n      hotNewsList: [\n        // {\n        //   id: 0,\n        //   title: '华跃科技员工专访第二期 ▏心有所向，乘风破浪',\n        //   time: '11-04',\n        // },\n      ],\n      prevNews: {\n        id: 1,\n        title: '凝心聚力创双优--行业500强企业对华跃的产及服务给予高度认可与信任！',\n      },\n      nextNews: {\n        id: 3,\n        title: '华跃科技党支部的红色印记',\n      },\n    };\n  },\n  watch: {\n    '$route': {\n      handler(to, from) {\n        this.detailsTitle = '';\n        this.time = '';\n        this.content = '';\n        this.type = Number(to.query.type);\n        if (Number(to.query.type) === 1) {\n          this.columnId = '1605774350588534784';\n        } else if (Number(to.query.type) === 2) {\n          this.columnId = '1605774444985540608';\n        }\n        this.contentId = to.params.id;\n        this.getNewsDetails();\n        this.gethotNews();\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n  // mounted() {\n  //   this.contentId = this.$route.params.id;\n  // },\n  methods: {\n    async getNewsDetails() {\n      var res = await getContentDetail(this.contentId);\n      var { result, } = res;\n      this.detailsTitle = result.title;\n      this.time = dayjs(result.publishTime).format('YYYY-MM-DD HH:mm:ss');\n      var doc = new DOMParser().parseFromString(result.defaultContent, 'text/html');\n      this.content = doc.documentElement.textContent.replace(/&nbsp;/g, ' ');\n      if (result.afterEssay.id !== 0) {\n        this.prevNews = result.afterEssay;\n      } else {\n        this.prevNews = {\n          id: 0,\n          title: '暂无',\n        };\n      }\n      if (result.preEssay.id !== 0) {\n        this.nextNews = result.preEssay;\n      } else {\n        this.nextNews = {\n          id: 0,\n          title: '暂无',\n        };\n      }\n    },\n    async gethotNews() {\n      var params = { columnId: this.columnId, pageNum: 1, pageSize: 5, commendation: 7, };\n      var res = await getContentList(params);\n      var { result, } = res;\n      this.hotNewsList = result.data;\n    },\n\n    jumpArticle(id) {\n      if (id !== 0) {\n        this.$router.push({ path: `/news/details/${id}`, query: { type: this.type, }, });\n      }\n    },\n\n    hotPublishTime(item) {\n      return dayjs(item.publishTime).format('MM-DD');\n    },\n\n    openBealter () {\n      this.$refs.altProduct.tobealter();\n    },\n    openBealter2() {\n       this.$refs.ast.drawer  = true\n    },\n  },\n};\n</script>\n\n<style lang=\"less\">\n// .content-text{\n//   p{\n//     font-family: OPPOSans-R;\n//     font-size: 14px;\n//     color: #21252b;\n//     line-height: 30px;\n//     text-indent:2em\n//   }\n// }\n</style>\n\n<style lang=\"less\" scoped>\n.news-details{\n  background-color: #fff;\n  .page-content{\n    width: 100%;\n    .details-content-wrap{\n      width: 1200px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-start;\n      align-items: center;\n      margin-bottom: 90px;\n      .details-breadcrumb-wrap{\n        width: 100%;\n        height: 63px;\n        border-bottom: 1px solid #e8ecf3;\n        box-sizing: border-box;\n        display: flex;\n        align-items: center;\n        margin-bottom: 47px;\n        ::v-deep .el-breadcrumb{\n            .el-breadcrumb__item{\n              .el-breadcrumb__inner.is-link{\n                color: #606266;\n                font-weight: 400;\n              }\n              &:last-child{\n                .el-breadcrumb__inner.is-link{\n                  color: #00b0dc;\n                  font-weight: 400;\n                  cursor: default;\n                }\n              }\n            }\n        }\n      }\n    }\n    .details-content{\n      width: 100%;\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-start;\n      .content-left{\n        width: 766px;\n        .content-wrap{\n          width: 100%;\n          margin-bottom: 48px;\n          .content-title{\n            font-size: 36px;\n            color: #21252b;\n            font-family: OPPOSans-R;\n            margin-bottom: 15px;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n          }\n          .content-time{\n            font-family: OPPOSans-R;\n            font-size: 14px;\n            line-height: 20px;\n            color: #5c6066;\n            margin-bottom: 45px;\n          }\n          .content-text{\n            width: 100%;\n          }\n        }\n        .turn-pages-wrap{\n          width: 100%;\n          display: flex;\n          justify-content: space-between;\n          align-items: flex-start;\n          .turn-pages{\n            max-width: 325px;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            .pages{\n              display: flex;\n              align-items: center;\n              margin-bottom: 10px;\n              .icon{\n                width: 6px;\n                height: auto;\n                display: block;\n              }\n              .text{\n                font-family: OPPOSans-M;\n                font-size: 18px;\n                color: #21252b;\n              }\n            }\n            .turn-pages-title{\n              width: 100%;\n              font-family: OPPOSans-R;\n              font-size: 16px;\n              color: #21252b;\n              white-space: nowrap;\n              overflow: hidden;\n              text-overflow: ellipsis;\n            }\n          }\n          .haveTurn {\n            cursor: pointer;\n            &:hover {\n              .pages{\n                .text{\n                  color: #00b0dc;\n                }\n              }\n            }\n          }\n          .prev-wrap{\n            align-items: flex-start;\n            .pages{\n              flex-direction: row;\n              padding-left: 5px;\n              .text{\n                margin-left: 5px;\n              }\n            }\n            .turn-pages-title{\n                text-align: left;\n            }\n          }\n          .next-wrap{\n            align-items: flex-end;\n            .pages{\n              flex-direction: row-reverse;\n              padding-right: 5px;\n              .text{\n                margin-right: 5px;\n              }\n            }\n            .turn-pages-title{\n                text-align: right;\n            }\n          }\n        }\n      }\n      .content-right{\n        width: 380px;\n        height: 300px;\n        .hot-wrap{\n          .hot-tit{\n            width: 100%;\n            padding-left: 10px;\n            border-left: 4px solid #00b0dc;\n            font-size: 20px;\n            font-family: OPPOSans-R;\n            color: #21252b;\n            line-height: 22px;\n            box-sizing: border-box;\n          }\n          .hot-news-list{\n            width: 100%;\n            margin-top: 20px;\n            .hot-news-item{\n              width: 100%;\n              display: flex;\n              justify-content: flex-start;\n              align-items: center;\n              margin-bottom: 20px;\n              cursor: pointer;\n              .news-time{\n                flex: 1;\n                font-family: OPPOSans-R;\n                font-size: 12px;\n                color: #5c6066;\n                line-height: 1;\n              }\n              .news-title{\n                width: 313px;\n                font-family: OPPOSans-R;\n                font-size: 14px;\n                color: #21252b;\n                white-space: nowrap;\n                overflow: hidden;\n                text-overflow: ellipsis;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./news-details.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./news-details.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./news-details.vue?vue&type=template&id=0b2353fc&scoped=true&\"\nimport script from \"./news-details.vue?vue&type=script&lang=js&\"\nexport * from \"./news-details.vue?vue&type=script&lang=js&\"\nimport style0 from \"./news-details.vue?vue&type=style&index=0&id=0b2353fc&prod&lang=less&\"\nimport style1 from \"./news-details.vue?vue&type=style&index=1&id=0b2353fc&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0b2353fc\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"analysis\"},[_c('AppBar'),_c('div',{staticClass:\"page-content\"},[_vm._m(0),_c('div',{staticClass:\"analysis-navigation-wrap\"},[_c('div',{staticClass:\"navigation-content\"},[_c('div',{staticClass:\"navigation-title\"},[_vm._v(\"助力企业精准人才决策\")]),_c('div',{staticClass:\"analysis-navigation-list\"},_vm._l((_vm.navigationList),function(item,index){return _c('div',{key:index,class:['navigation-item', _vm.navigationIndex == index ? 'check-item' : ''],on:{\"click\":function($event){return _vm.check(index)}}},[_c('div',{staticClass:\"list-item-icon-wrap\"},[_c('img',{staticClass:\"img\",attrs:{\"src\":item.icon,\"alt\":\"\"}}),_c('img',{staticClass:\"check-img\",attrs:{\"src\":item.logo,\"alt\":\"\"}})]),_c('div',{staticClass:\"list-item-title\"},[_vm._v(\" \"+_vm._s(item.title)+\" \")])])}),0)])]),(_vm.navigationList.length != 0)?_c('div',{key:_vm.navigationIndex,staticClass:\"analysis-content\"},[_c('div',{staticClass:\"content-title\"},[_vm._v(\" \"+_vm._s(_vm.navigationList[_vm.navigationIndex].title)+\" \")]),_c('div',{staticClass:\"content-description\"},[_vm._v(\" \"+_vm._s(_vm.navigationList[_vm.navigationIndex].description)+\" \")]),_c('div',{staticClass:\"content\",domProps:{\"innerHTML\":_vm._s(_vm.navigationList[_vm.navigationIndex].content)}},[_vm._v(\" \"+_vm._s(_vm.navigationList[_vm.navigationIndex].content)+\" \")])]):_vm._e()]),_c('RightFixedgt'),_c('FootWrap'),_c('AltProduct',{ref:\"altProduct\"}),_c('ast',{ref:\"ast\"})],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"page-canvas\"},[_c('div',{staticClass:\"por-container\"},[_c('div',{staticClass:\"page-info\"},[_c('div',{staticClass:\"page-info-title\"},[_vm._v(\" BI分析平台 \")])])])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"analysis\">\n    <AppBar />\n    <div class=\"page-content\">\n      <div class=\"page-canvas\">\n        <div class=\"por-container\">\n          <div class=\"page-info\">\n            <div class=\"page-info-title\">\n                BI分析平台\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"analysis-navigation-wrap\">\n        <div class=\"navigation-content\">\n          <div class=\"navigation-title\">助力企业精准人才决策</div>\n          <div class=\"analysis-navigation-list\">\n            <div\n              v-for=\"(item, index) in navigationList\"\n              :key=\"index\"\n              :class=\"['navigation-item', navigationIndex == index ? 'check-item' : '']\"\n              @click=\"check(index)\"\n            >\n              <div class=\"list-item-icon-wrap\">\n                <img :src=\"item.icon\" alt=\"\" class=\"img\"/>\n                <img :src=\"item.logo\" alt=\"\" class=\"check-img\"/>\n              </div>\n              <div class=\"list-item-title\">\n                {{ item.title }}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div v-if=\"navigationList.length != 0\" :key=\"navigationIndex\" class=\"analysis-content\">\n        <div class=\"content-title\">\n          {{navigationList[navigationIndex].title}}\n        </div>\n        <div class=\"content-description\">\n          {{navigationList[navigationIndex].description}}\n        </div>\n        <div class=\"content\" v-html=\"navigationList[navigationIndex].content\">\n            {{ navigationList[navigationIndex].content }}\n        </div>\n      </div>\n    </div>\n    <RightFixedgt />\n    <FootWrap />\n    <AltProduct ref=\"altProduct\" />\n    <ast ref=\"ast\" />\n  </div>\n</template>\n\n<script>\nimport { getContentList, getContentDetail } from '@/api/content'\nexport default {\n  name: 'AnalysisView',\n  data() {\n    return {\n      navigationIndex: 0,\n      navigationList: [],\n    }\n  },\n  mounted() {\n    this.getPageColumn();\n  },\n  methods: {\n    // 获取页面栏目\n    async getPageColumn() {\n      var params = { columnId: '1610159579956731904', pageNum: 1, pageSize: 10, };\n      var { result } = await getContentList(params)\n\n    //   this.navigationList = result.data\n      for (var i = 0; i < result.data.length; i++) {\n        var navigation = result.data[i]\n        var res = await getContentDetail(navigation.id);\n        var rrsult = res.result;\n        if(rrsult.defaultContent){\n            var doc = new DOMParser().parseFromString(rrsult.defaultContent, 'text/html');\n            navigation.content = doc.documentElement.textContent.replace(/&nbsp;/g, ' ');\n        } else {\n            navigation.content = ''\n        }\n        this.navigationList.push(navigation)\n      }\n    //   .then((res) => {\n    //     const { result, } = res;\n\n    //   });\n    },\n\n    check(index) {\n      this.navigationIndex = index;\n    },\n    openBealter () {\n      this.$refs.altProduct.tobealter();\n    },\n    openBealter2() {\n       this.$refs.ast.drawer  = true\n    },\n  },\n}\n</script>\n\n<style lang=\"less\" scoped>\n.analysis{\n  background-color: #fff;\n  position: relative;\n  .page-content{\n    width: 100%;\n    .page-canvas{\n      width: 100%;\n      height: 360px;\n      min-width: var(--minwidth);\n      background: url('@/assets/analysis/canvas.png') no-repeat;\n      background-size: cover;\n      background-position: center;\n      .por-container{\n        width: 70%;\n        min-width: var(--minwidth);\n        height: 100%;\n        margin: 0 auto;\n        position: relative;\n        .page-info{\n          width: 100%;\n          height: 100%;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          box-sizing: border-box;\n          .page-info-title{\n            font-family: OPPOSans-R;\n            color: #fff;\n            font-size: 36px;\n            font-weight: 300;\n            line-height: 1;\n          }\n        }\n      }\n    }\n    .analysis-navigation-wrap{\n      width: 1200px;\n      margin: 0 auto;\n      .navigation-content{\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: flex-start;\n          .navigation-title{\n            font-family: OPPOSans-M;\n            font-size: 32px;\n            color: #21252b;\n            margin-top: 80px;\n            margin-bottom: 65px;\n          }\n          .analysis-navigation-list{\n            width: 1160px;\n            height: 113px;\n            background-image: linear-gradient(\n                #f6f6f6 0,\n                #ffffff 100%\n            );\n            box-shadow: 0px 8px 29px 0px rgba(133, 173, 170, 0.11);\n            margin-bottom: 70px;\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: space-evenly;\n            .navigation-item{\n              width: 64px;\n              display: flex;\n              flex-direction: column;\n              align-items: center;\n              cursor: pointer;\n              .list-item-icon-wrap{\n                width: 64px;\n                height: 64px;\n                border-radius: 50%;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                background-color: #fff;\n                margin-bottom: 10px;\n                .img{\n                  display: block;\n                }\n                .check-img{\n                  display: none;\n                }\n              }\n              .list-item-title{\n                font-family: OPPOSans-R;\n                color: #21252b;\n                font-size: 14px;\n                line-height: 1;\n              }\n              &:hover{\n                .list-item-icon-wrap{\n                  width: 64px;\n                  height: 64px;\n                  background-image: linear-gradient(180deg, \n                      #ffffff 0%,\n                      #f6f9fa 100%);\n                  box-shadow: 0px 8px 29px 0px rgba(133, 173, 170, 0.15);\n                  border-image-source: linear-gradient(0deg, \n                      #fefeff 0%, \n                      #ffffff 100%);\n                  .img{\n                    display: none;\n                  }\n                  .check-img{\n                    display: block;\n                  }\n                }\n                .list-item-title{\n                    color: #00b0dc;\n                }\n              }\n            }\n            .check-item{\n                .list-item-icon-wrap{\n                  width: 64px;\n                  height: 64px;\n                  background-image: linear-gradient(180deg, \n                      #ffffff 0%,\n                      #f6f9fa 100%);\n                  box-shadow: 0px 8px 29px 0px rgba(133, 173, 170, 0.15);\n                  border-image-source: linear-gradient(0deg, \n                      #fefeff 0%, \n                      #ffffff 100%);\n                  .img{\n                    display: none;\n                  }\n                  .check-img{\n                    display: block;\n                  }\n                }\n                .list-item-title{\n                    color: #00b0dc;\n                }\n            }\n          }\n      }\n    }\n    .analysis-content{\n      width: 1200px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: flex-start;\n      .content-title{\n        font-size: 32px;\n        font-family: OPPOSans-M;\n        color: #21252b;\n        margin-bottom: 20px;\n      }\n      .content-description{\n        font-size: 16px;\n        font-family: OPPOSans-R;\n        color: #5c6066;\n      }\n      .content{\n        width: 100%;\n        margin-top: 50px;\n        margin-bottom: 90px;\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=300d326d&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=300d326d&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"300d326d\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"passPlatform\"},[_c('AppBar'),_c('div',{staticClass:\"page-content\"},[_vm._m(0),_c('div',{staticClass:\"platform-advantage\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" 平台优势·低代码 \")]),_c('div',{staticClass:\"advantage-list\"},_vm._l((_vm.advantageList),function(item,index){return _c('div',{key:index,staticClass:\"advantage-list-item\"},[_c('div',{staticClass:\"list-item-img-box\"},[_c('img',{staticClass:\"list-item-img\",attrs:{\"src\":item.img,\"alt\":\"\"}})]),_c('div',{staticClass:\"list-item-text-box\"},[_c('div',{staticClass:\"list-item-title\"},[_vm._v(\" \"+_vm._s(item.title)+\" \")]),_c('div',{staticClass:\"list-item-describe\"},[_vm._v(\" \"+_vm._s(item.describe)+\" \")])])])}),0)]),_c('div',{staticClass:\"characteristic-wrap\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" 具有华跃特色的PASS智能平台 \")]),_c('div',{staticClass:\"characteristic-tag-list\"},_vm._l((_vm.characteristicList),function(item,index){return _c('div',{key:index,class:['tag-list-item', _vm.characteristicIndex == index ? 'tag-list-item-change' : ''],on:{\"click\":function($event){return _vm.changeStep(index)}}},[_vm._v(\" \"+_vm._s(item.title)+\" \")])}),0),_c('div',{staticClass:\"characteristic-content-box\"},[_c('transition',{attrs:{\"name\":\"characteristic-fade\",\"mode\":\"out-in\"}},[(_vm.characteristicList.length > 0)?_c('div',{key:_vm.characteristicIndex,staticClass:\"characteristic-content\"},[_c('div',{staticClass:\"content-txt-wrap\"},[_c('div',{staticClass:\"content-tit\"},[_vm._v(\" \"+_vm._s(_vm.characteristicList[_vm.characteristicIndex].title)+\" \")]),_c('div',{staticClass:\"content-txt\"},[_vm._v(\" \"+_vm._s(_vm.characteristicList[_vm.characteristicIndex].describe)+\" \")])]),_c('div',{staticClass:\"content-img-wrap\"},[_c('img',{attrs:{\"src\":_vm.characteristicList[_vm.characteristicIndex].img,\"alt\":\"\"}})])]):_vm._e()])],1)])]),_c('RightFixedgt'),_c('FootWrap'),_c('AltProduct',{ref:\"altProduct\"}),_c('ast',{ref:\"ast\"})],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"page-canvas\"},[_c('div',{staticClass:\"por-container\"},[_c('div',{staticClass:\"page-info\"},[_c('div',{staticClass:\"page-info-title\"},[_vm._v(\" 前端PASS智能平台 \")]),_c('div',{staticClass:\"page-info-describe\"},[_c('div',{staticClass:\"describe\"},[_vm._v(\"建立一种有华跃特色的低代码设置平台，\")]),_c('div',{staticClass:\"describe\"},[_vm._v(\"满足企业在发展过程中对于软件工具的简单二次开发要求\")])])])])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"passPlatform\">\n    <AppBar />\n    <div class=\"page-content\">\n      <div class=\"page-canvas\">\n        <div class=\"por-container\">\n          <div class=\"page-info\">\n            <div class=\"page-info-title\">\n              前端PASS智能平台\n            </div>\n            <div class=\"page-info-describe\">\n              <div class=\"describe\">建立一种有华跃特色的低代码设置平台，</div>\n              <div class=\"describe\">满足企业在发展过程中对于软件工具的简单二次开发要求</div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"platform-advantage\">\n        <div class=\"title\">\n          平台优势·低代码\n        </div>\n        <div class=\"advantage-list\">\n          <div\n            v-for=\"(item, index) in advantageList\"\n            :key=\"index\"\n            class=\"advantage-list-item\"\n          >\n            <div class=\"list-item-img-box\">\n              <img :src=\"item.img\" alt=\"\" class=\"list-item-img\" />\n            </div>\n            <div class=\"list-item-text-box\">\n              <div class=\"list-item-title\">\n                {{ item.title }}\n              </div>\n              <div class=\"list-item-describe\">\n                {{ item.describe }}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"characteristic-wrap\">\n        <div class=\"title\">\n          具有华跃特色的PASS智能平台\n        </div>\n        <div class=\"characteristic-tag-list\">\n          <div\n            v-for=\"(item, index) in characteristicList\"\n            :key=\"index\"\n            :class=\"['tag-list-item', characteristicIndex == index ? 'tag-list-item-change' : '']\"\n            @click=\"changeStep(index)\"\n          >\n            {{ item.title }}\n          </div>\n        </div>\n        <div class=\"characteristic-content-box\">\n          <transition name=\"characteristic-fade\" mode=\"out-in\">\n            <div\n              v-if=\"characteristicList.length > 0\"\n              :key=\"characteristicIndex\"\n              class=\"characteristic-content\"\n            >\n              <div class=\"content-txt-wrap\">\n              <div class=\"content-tit\">\n                  {{ characteristicList[characteristicIndex].title }}\n              </div>\n              <div class=\"content-txt\">\n                  {{ characteristicList[characteristicIndex].describe }}\n              </div>\n              </div>\n              <div class=\"content-img-wrap\">\n              <img :src=\"characteristicList[characteristicIndex].img\" alt=\"\" />\n              </div>\n            </div>\n          </transition>\n        </div>\n      </div>\n    </div>\n    <RightFixedgt />\n    <FootWrap />\n    <AltProduct ref=\"altProduct\" />\n    <ast ref=\"ast\" />\n  </div>\n</template>\n\n<script>\nimport { getColumnChild } from '@/api/column';\nimport { getContentList } from '@/api/content';\nexport default {\n  name: 'PlatformView',\n  data() {\n    return {\n      advantageList: [\n        // {\n        //   title: '兼容性高',\n        //   describe: '随着企业发展业务流程变化是不可避免的，但是低代码开发平台使更改应用程序并使它们适应新要求变得非常容易。无论是简单的任务还是复杂的工作流程，用户都无需编写代码即可实现。',\n        //   img: require('@/assets/pass/advantage1.png'),\n        // },\n      ],\n      characteristicIndex: 0,\n      characteristicList: [\n        // {\n        //   title: '自定义可视化配置',\n        //   describe: '模块管理，可以完全根据客户要求进行可视化配置',\n        //   img: require('@/assets/pass/characteristic1.png'),\n        // },\n      ],\n    }\n  },\n  mounted () {\n    this.getPageColumn()\n  },\n  methods: {\n    getPageColumn() {\n      const params = { parentId: '1610879565574660096', };\n      getColumnChild(params).then((res) => {\n        const { result, } = res;\n        for (var i = 0; i < result.length; i++) {\n          if(result[i].name === '平台优势') {\n            getContentList({ columnId: result[i].id, pageNum: 1, pageSize: 99, }).then((rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                var advantage = {\n                  title: rrsult.data[j].title,\n                  describe: rrsult.data[j].description,\n                  img: rrsult.data[j].icon,\n                }\n                this.advantageList.push(advantage);\n              }\n            })\n          } else if(result[i].name === '平台特色') {\n            getContentList({ columnId: result[i].id, pageNum: 1, pageSize: 99, }).then((rrs) => {\n              const rrsult = rrs.result;\n              for (var j = 0; j < rrsult.data.length; j++) {\n                var characteristic = {\n                  title: rrsult.data[j].title,\n                  describe: rrsult.data[j].description,\n                  img: rrsult.data[j].icon,\n                }\n                this.characteristicList.push(characteristic)\n              }\n            })\n          }\n        }\n      })\n    },\n\n    changeStep(i) {\n      this.characteristicIndex = i\n    },\n\n    openBealter () {\n      this.$refs.altProduct.tobealter();\n    },\n    openBealter2() {\n       this.$refs.ast.drawer  = true\n    },\n  }\n}\n</script>\n\n<style lang=\"less\" scoped>\n.passPlatform{\n  background-color: #fff;\n  position: relative;\n  .page-content{\n    width: 100%;\n    .page-canvas{\n      width: 100%;\n      height: 360px;\n      min-width: var(--minwidth);\n      background: url('@/assets/pass/canvas.png') no-repeat;\n      background-size: cover;\n      background-position: center;\n      .por-container{\n        width: 70%;\n        min-width: var(--minwidth);\n        height: 100%;\n        margin: 0 auto;\n        position: relative;\n        .page-info{\n          width: 100%;\n          height: 100%;\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n          box-sizing: border-box;\n          .page-info-title{\n            font-family: OPPOSans-R;\n            color: #fff;\n            font-size: 36px;\n            font-weight: 300;\n            line-height: 1;\n            margin-bottom: 20px;\n          }\n          .page-info-describe{\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            align-items: center;\n            .describe{\n              font-size: 16px;\n              font-weight: 200;\n              color: #fff;\n              line-height: 25px;\n            }\n          }\n        }\n      }\n    }\n    .platform-advantage{\n      width: 1200px;\n      margin: 0 auto;\n      margin-top: 80px;\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-start;\n      align-items: center;\n      .title{\n        font-family: OPPOSans-M;\n        font-size: 32px;\n        color: #21252b;\n      }\n      .advantage-list{\n        width: 100%;\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        margin-top: 70px;\n        margin-bottom: 90px;\n        .advantage-list-item{\n          flex: 1;\n          height: 460px;\n          margin-right: 21px;\n          display: flex;\n          flex-direction: column;\n          justify-content: flex-start;\n          align-items: center;\n          background-color: #f8fafc;\n          border-radius: 8px;\n          &:last-child{\n            margin-right: 0px;\n          }\n          .list-item-img-box{\n            width: 100%;\n            padding-top: 30px;\n            display: flex;\n            justify-content: center;\n            align-items: flex-end;\n            .list-item-img{\n              width: auto;\n              height: 135px;\n              display: block;\n            }\n          }\n          .list-item-text-box{\n            width: 300px;\n            margin-top: 30px;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            align-items: center;\n            .list-item-title{\n              font-family: OPPOSans-M;\n              font-size: 20px;\n              color: #21252b;\n              margin-bottom: 25px;\n            }\n            .list-item-describe{\n              font-family: OPPOSans-R;\n              font-size: 14px;\n              color: #5c6066;\n              line-height: 23px;\n            }\n          }\n        }\n      }\n    }\n    .characteristic-wrap{\n      background-color: #f2f5fa;\n      padding-top: 65px;\n      padding-bottom: 60px;\n      .title{\n        font-family: OPPOSans-M;\n        font-size: 32px;\n        color: #21252b;\n        text-align: center;\n        margin-bottom: 45px;\n      }\n      .characteristic-tag-list{\n        width: 1200px;\n        margin: 0 auto;\n        display: flex;\n        justify-content: flex-start;\n        align-items: center;\n        .tag-list-item{\n          flex: 1;\n          height: 42px;\n          margin-right: 21px;\n          background-color: #fff;\n          border-radius: 21px;\n          line-height: 42px;\n          text-align: center;\n          cursor: pointer;\n          color: #21252b;\n          font-size: 16px;\n          font-family: OPPOSans-R;\n          transition: all 0.3s ease-in-out;\n          &:last-child{\n            margin-right: 0;\n          }\n        }\n        .tag-list-item-change{\n          background-color: #00b0dc;\n          box-shadow: 0px 1px 8px 0px rgba(0, 176, 220, 0.3);\n          color: #fff;\n        }\n      }\n      .characteristic-content-box{\n        width: 1200px;\n        margin: 0 auto;\n        padding: 0 50px;\n        box-sizing: border-box;\n        .characteristic-content{\n          width: 100%;\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: flex-start;\n          margin-top: 40px;\n          .content-txt-wrap{\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: flex-start;\n            .content-tit{\n              font-family: OPPOSans-R;\n              font-size: 16px;\n              color: #21252b;\n              margin-bottom: 15px;\n            }\n            .content-txt{\n              font-family: OPPOSans-R;\n              font-size: 14px;\n              color: #5c6066;\n              margin-bottom: 20px;\n            }\n            .content-img-wrap{\n              width: 100%;\n              img{\n                width: 100%;\n                height: auto;\n                display: block;\n              }\n            }\n          }\n        }\n        .characteristic-fade-enter-active {\n          animation: bounce-in 0.5s;\n        }\n        .characteristic-fade-leave-active {\n          animation: bounce-in 0s reverse;\n        }\n        @keyframes bounce-in {\n          0% {\n            opacity: 0;\n          }\n          100% {\n            opacity: 1;\n          }\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=34498ecb&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=34498ecb&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"34498ecb\",\n  null\n  \n)\n\nexport default component.exports","/*\n * @Author: zhb 1822394027@qq.com\n * @Date: 2022-10-05 11:51:06\n * @LastEditors: zhb 1822394027@qq.com\n * @LastEditTime: 2022-10-05 13:38:58\n * @FilePath: \\huayue\\src\\router\\menu.js\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport HomeView from '@/pages/home/home';\nimport Privacy from '@/pages/home/privacy';\nimport StaffManage from '@/pages/product/staff-manage';\nimport WorkingHours from '@/pages/product/working-hours';\nimport PayWelfare from '@/pages/product/pay-welfare';\nimport PersonnelGrow from '@/pages/product/personnel-grow';\nimport PersonnelRecruit from '@/pages/product/personnel-recruit';\nimport StrategyOrganize from '@/pages/product/strategy-organize';\nimport AchievementView from '@/pages/product/achievements';\nimport CloudPlatform from '@/pages/product/cloud-platform';\nimport TalentDevelopment from '@/pages/product/talent-development';\nimport ExternalRecruitment from '@/pages/solution/external-recruitment.vue';\nimport PieceRateSalary from '@/pages/solution/piece-rate-salary';\nimport AssessMent from '@/pages/solution/assessment';\nimport TalentReview from '@/pages/solution/talent-review';\nimport TargetDecomposition from '@/pages/solution/target-decomposition';\nimport VirtualOrganization from '@/pages/solution/virtual-organization';\nimport MobileTerminal from '@/pages/solution/mobile-terminal';\nimport CustomerCase from '@/pages/customer/customer-case';\nimport CaseIndex from '@/pages/customer/index/index';\nimport SoftwareView from '@/pages/content/software';\nimport ExperienceViwe from '@/pages/content/experience';\nimport AboutViwe from '@/pages/about/index';\nimport Infroduction from '@/pages/about/children/brief-infroduction';\nimport Business from '@/pages/about/children/business-school';\nimport History from '@/pages/about/children/development-history';\nimport Culture from '@/pages/about/children/corporate-culture';\nimport Values from '@/pages/about/children/core-values';\nimport NewsView from '@/pages/news/index';\nimport HuayueInfoView from '@/pages/news/children/huayue-info';\nimport IndustryInfoView from '@/pages/news/children/industry-info';\nimport ContactUsView from '@/pages/news/children/contactUs';\nimport DetailsView from '@/pages/news/children/news-details';\nimport AnalysisView from '@/pages/BlAnalysis/index';\nimport PlatformView from '@/pages/passPlatform/index';\n\nexport const constantRouterMap = [\n  {\n    path: '/',\n    name: 'HomeView',\n    component: HomeView,\n    children: [],\n  },\n  {\n    path: '/privacy',\n    name: 'Privacy',\n    component: Privacy\n  },\n  {\n    path: '/staffmanage',\n    name: 'StaffManage',\n    component: StaffManage,\n  },\n  {\n    path: '/workinghours',\n    name: 'WorkingHours',\n    component: WorkingHours,\n  },\n  {\n    path: '/paywelfare',\n    name: 'PayWelfare',\n    component: PayWelfare,\n  },\n  {\n    path: '/personnelgrow',\n    name: 'PersonnelGrow',\n    component: PersonnelGrow,\n  },\n  {\n    path: '/personnelrecruit',\n    name: 'PersonnelRecruit',\n    component: PersonnelRecruit,\n  },\n  {\n    path: '/strategyorganize',\n    name: 'StrategyOrganize',\n    component: StrategyOrganize,\n  },\n  {\n    path: '/achievementview',\n    name: 'AchievementView',\n    component: AchievementView,\n  },\n  {\n    path: '/cloudplatform',\n    name: 'CloudPlatform',\n    component: CloudPlatform,\n  },\n  {\n    path: '/development',\n    name: 'TalentDevelopment',\n    component: TalentDevelopment,\n  },\n  {\n    path: '/recruitment',\n    name: 'ExternalRecruitment',\n    component: ExternalRecruitment,\n  },\n  {\n    path: '/pieceratesalary',\n    name: 'PieceRateSalary',\n    component: PieceRateSalary,\n  },\n  {\n    path: '/assessment',\n    name: 'AssessMent',\n    component: AssessMent,\n  },\n  {\n    path: '/talentreview',\n    name: 'TalentReview',\n    component: TalentReview,\n  },\n  {\n    path: '/targetdecomposition',\n    name: 'TargetDecomposition',\n    component: TargetDecomposition,\n  },\n  {\n    path: '/virtualorganization',\n    name: 'VirtualOrganization',\n    component: VirtualOrganization,\n  },\n  {\n    path: '/mobileterminal',\n    name: 'MobileTerminal',\n    component: MobileTerminal,\n  },\n  {\n    path: '/customercase',\n    name: 'CustomerCase',\n    component: CustomerCase,\n  },\n  {\n    path: '/caseindex/:id',\n    name: 'CaseIndex',\n    component: CaseIndex,\n  },\n  {\n    path: '/software',\n    name: 'SoftwareView',\n    component: SoftwareView,\n  },\n  {\n    path: '/experience',\n    name: 'ExperienceViwe',\n    component: ExperienceViwe,\n  },\n  {\n    path: '/about',\n    name: 'AboutView',\n    component: AboutViwe,\n    redirect: '/about/infroduction',\n    children: [\n      {\n        path: '/about/infroduction',\n        name: 'InfroductionView',\n        component: Infroduction,\n      },\n      {\n        path: '/about/business',\n        name: 'BusinessSchool',\n        component: Business,\n      },\n      {\n        path: '/about/hisory',\n        name: 'HistoryView',\n        component: History,\n      },\n      {\n        path: '/about/culture',\n        name: 'CultureView',\n        component: Culture,\n      },\n      {\n        path: '/about/values',\n        name: 'ValuesView',\n        component: Values,\n      },\n    ],\n  },\n  {\n    path: '/news',\n    name: 'NewsView',\n    component: NewsView,\n    redirect: '/news/huayue',\n    children: [\n      {\n        path: '/news/huayue',\n        name: 'HuayueInfoView',\n        component: HuayueInfoView,\n      },\n      {\n        path: '/news/industry',\n        name: 'IndustryInfoView',\n        component: IndustryInfoView,\n      },\n      {\n        path: '/news/contactUs',\n        name: 'ContactUsView',\n        component: ContactUsView,\n      },\n    ],\n  },\n  {\n    path: '/news/details/:id',\n    name: 'DetailsView',\n    component: DetailsView,\n  },\n  {\n    path: '/analysis',\n    name: 'AnalysisView',\n    component: AnalysisView,\n  },\n  {\n    path: '/passPlatform',\n    name: 'PlatformView',\n    component: PlatformView,\n  }\n];\n","/*\n * @Author: zhb 1822394027@qq.com\n * @Date: 2022-10-05 11:36:56\n * @LastEditors: zhb 1822394027@qq.com\n * @LastEditTime: 2022-10-06 17:41:32\n * @FilePath: \\huayue\\src\\router\\index.js\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport Vue from 'vue';\nimport Router from 'vue-router';\nimport { constantRouterMap } from './menu';\n\n// hack router push callback\nconst originalPush = Router.prototype.push;\nRouter.prototype.push = function push (location, onResolve, onReject) {\n  if (onResolve || onReject) { return originalPush.call(this, location, onResolve, onReject); }\n  return originalPush.call(this, location).catch(err => err);\n};\n\nVue.use(Router);\n\nconst createRouter = () => new Router({\n  mode: 'history',\n  routes: constantRouterMap,\n  scrollBehavior (to, from, savedPosition) {\n    return { x: 0, y: 0, };\n  },\n});\n\nconst router = createRouter();\n\n// Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465\nexport function resetRouter () {\n  const newRouter = createRouter();\n  router.matcher = newRouter.matcher; // reset router\n}\n\nexport default router;\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"appbar-wrap\"},[_c('div',{ref:\"appbar\",staticClass:\"appbar\"},[_c('div',{staticClass:\"appbar-content\"},[_c('div',{staticClass:\"appbar-content-left\"},[_c('a',{attrs:{\"href\":\"/\"}},[_c('img',{staticClass:\"appbar-logo\",attrs:{\"src\":require('@/assets/home/home-top-log.png'),\"alt\":\"\"}})]),_c('div',{staticClass:\"menu-dropdown-wrap\",on:{\"mouseleave\":_vm.onMouseleve}},[_vm._l((_vm.menuList),function(menuItem,menuIndex){return _c('div',{key:menuIndex,ref:\"menuItem\",refInFor:true,staticClass:\"menu-item\",class:{'mouseIn': _vm.mouseOn == menuIndex},on:{\"mouseenter\":function($event){return _vm.onMouseenter(menuItem,menuIndex)},\"click\":function($event){return _vm.routerJump(menuItem)}}},[_c('div',{staticClass:\"menu-item-text\"},[_vm._v(\" \"+_vm._s(menuItem.title)+\" \")]),(menuIndex === 2 || menuIndex === 3)?_c('div',{ref:'downWrap' + menuIndex,refInFor:true,staticClass:\"dropdown-wrap\"},[_c('div',{ref:'dropDown'+menuIndex,refInFor:true,staticClass:\"dropDown-content\"},_vm._l((menuItem.childList),function(item,index){return _c('div',{key:index,staticClass:\"dropDown-item\",on:{\"click\":function($event){return _vm.routerJump(item, menuIndex)}}},[_c('img',{staticClass:\"content-icon\",attrs:{\"src\":item.icon,\"alt\":\"\"}}),_c('div',{staticClass:\"content-title-subtitle\"},[_c('div',{staticClass:\"content-title\"},[_vm._v(_vm._s(item.title))]),(item.subtitle != '')?_c('div',{staticClass:\"content-subtitle\"},[_vm._v(\" \"+_vm._s(item.subtitle)+\" \")]):_vm._e()])])}),0)]):(menuIndex === 4)?_c('div',{ref:'downWrap' + menuIndex,refInFor:true,staticClass:\"dropdown4\"},[_c('div',{ref:'dropDown' + menuIndex,refInFor:true,staticClass:\"dropDown-content\"},_vm._l((menuItem.childList),function(item,index){return _c('div',{key:index,staticClass:\"dropDown-List-item\"},[_c('div',{staticClass:\"item-title\"},[_vm._v(_vm._s(item.title))]),_c('div',{staticClass:\"item-zhong\"},_vm._l((item.viewList),function(viewItem,viewIndex){return _c('div',{key:viewIndex,staticClass:\"viewItem\",on:{\"click\":function($event){return _vm.routerJump(viewItem, menuIndex)}}},[_c('img',{staticClass:\"content-icon\",attrs:{\"src\":viewItem.icon,\"alt\":\"\"}}),_c('div',{staticClass:\"content-title-subtitle\"},[_c('div',{staticClass:\"content-title\"},[_vm._v(_vm._s(viewItem.title))]),(viewItem.subtitle != '')?_c('div',{staticClass:\"content-subtitle\"},[_vm._v(\" \"+_vm._s(viewItem.subtitle)+\" \")]):_vm._e()])])}),0)])}),0)]):_vm._e()])}),(_vm.dropDown)?_c('div',{staticClass:\"dropdown-container\",style:({height: _vm.downHeight+'px'})},_vm._l((_vm.menuList),function(menuItem,menuIndex){return _c('div',{key:menuIndex,ref:\"dropDownContent\",refInFor:true,staticClass:\"drop-content\",on:{\"mouseenter\":function($event){_vm.mouseOn = menuIndex},\"mouseleave\":function($event){_vm.mouseOn = null}}},_vm._l((menuItem.childList),function(item,index){return _c('div',{key:index,staticClass:\"content-item\",on:{\"click\":function($event){return _vm.routerJump(item, menuIndex)}}},[_c('img',{staticClass:\"content-icon\",attrs:{\"src\":item.icon,\"alt\":\"\"}}),_c('div',{staticClass:\"content-title-subtitle\"},[_c('div',{staticClass:\"content-title\"},[_vm._v(_vm._s(item.title))]),(item.subtitle != '')?_c('div',{staticClass:\"content-subtitle\"},[_vm._v(\" \"+_vm._s(item.subtitle)+\" \")]):_vm._e()])])}),0)}),0):_vm._e()],2)]),_c('div',{staticClass:\"appbar-content-right\"},[_c('a',{attrs:{\"href\":\"http://120.76.77.155:8055/\",\"target\":\"_blank\"}},[_c('div',{staticClass:\"service-centre\"},[_c('img',{staticClass:\"service-icon\",attrs:{\"src\":require('@/assets/icon/service.png'),\"alt\":\"\"}}),_c('div',{staticClass:\"txt\"},[_vm._v(\"服务中心\")])])]),_c('div',{staticClass:\"phone-wrap\"},[_c('div',{staticClass:\"phone-icon-wrap\"},[_c('img',{staticClass:\"phone-icon\",attrs:{\"src\":require('@/assets/icon/phone.png'),\"alt\":\"\"}})]),_c('div',{staticClass:\"phone-txt\",domProps:{\"innerHTML\":_vm._s(_vm.Hotline)}})])])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"appbar-wrap\">\n    <div ref=\"appbar\" class=\"appbar\">\n      <div class=\"appbar-content\">\n        <div class=\"appbar-content-left\">\n          <a href=\"/\">\n            <img\n              class=\"appbar-logo\"\n              :src=\"require('@/assets/home/home-top-log.png')\"\n              alt=\"\"\n            />\n          </a>\n          <div class=\"menu-dropdown-wrap\" @mouseleave=\"onMouseleve\">\n            <div\n              v-for=\"(menuItem, menuIndex) in menuList\"\n              :key=\"menuIndex\"\n              ref=\"menuItem\"\n              class=\"menu-item\"\n              :class=\"{'mouseIn': mouseOn == menuIndex}\"\n              @mouseenter=\"onMouseenter(menuItem,menuIndex)\"\n              @click=\"routerJump(menuItem)\"\n            >\n              <div class=\"menu-item-text\">\n                {{ menuItem.title }}\n              </div>\n              <div\n                v-if=\"menuIndex === 2 || menuIndex === 3\"\n                :ref=\"'downWrap' + menuIndex\"\n                class=\"dropdown-wrap\"\n              >\n                <div :ref=\"'dropDown'+menuIndex\" class=\"dropDown-content\">\n                  <div\n                    v-for=\"(item, index) in menuItem.childList\"\n                    :key=\"index\"\n                    class=\"dropDown-item\"\n                    @click=\"routerJump(item, menuIndex)\"\n                  >\n                    <img :src=\"item.icon\" alt=\"\" class=\"content-icon\" />\n                    <div class=\"content-title-subtitle\">\n                      <div class=\"content-title\">{{ item.title }}</div>\n                      <div v-if=\"item.subtitle != ''\" class=\"content-subtitle\">\n                        {{ item.subtitle }}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div\n                v-else-if=\"menuIndex === 4\"\n                :ref=\"'downWrap' + menuIndex\"\n                class=\"dropdown4\"\n              >\n                <div :ref=\"'dropDown' + menuIndex\" class=\"dropDown-content\">\n                  <div\n                    v-for=\"(item, index) in menuItem.childList\"\n                    :key=\"index\"\n                    class=\"dropDown-List-item\"\n                  >\n                    <div class=\"item-title\">{{ item.title }}</div>\n                    <div class=\"item-zhong\">\n                      <div\n                        v-for=\"(viewItem, viewIndex) in item.viewList\"\n                        :key=\"viewIndex\"\n                        class=\"viewItem\"\n                        @click=\"routerJump(viewItem, menuIndex)\"\n                      >\n                        <img :src=\"viewItem.icon\" alt=\"\" class=\"content-icon\" />\n                        <div class=\"content-title-subtitle\">\n                          <div class=\"content-title\">{{ viewItem.title }}</div>\n                          <div v-if=\"viewItem.subtitle != ''\" class=\"content-subtitle\">\n                            {{ viewItem.subtitle }}\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div v-if=\"dropDown\" class=\"dropdown-container\" :style=\"{height: downHeight+'px'}\">\n              <div\n                v-for=\"(menuItem, menuIndex) in menuList\"\n                :key=\"menuIndex\"\n                ref=\"dropDownContent\"\n                class=\"drop-content\"\n                @mouseenter=\"mouseOn = menuIndex\"\n                @mouseleave=\"mouseOn = null\"\n              >\n                <div\n                  v-for=\"(item, index) in menuItem.childList\"\n                  :key=\"index\"\n                  class=\"content-item\"\n                  @click=\"routerJump(item, menuIndex)\"\n                >\n                  <img :src=\"item.icon\" alt=\"\" class=\"content-icon\" />\n                  <div class=\"content-title-subtitle\">\n                    <div class=\"content-title\">{{ item.title }}</div>\n                    <div v-if=\"item.subtitle != ''\" class=\"content-subtitle\">\n                      {{ item.subtitle }}\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"appbar-content-right\">\n          <a href=\"http://120.76.77.155:8055/\" target=\"_blank\">\n            <div class=\"service-centre\">\n              <img :src=\"require('@/assets/icon/service.png')\" alt=\"\" class=\"service-icon\" />\n              <div class=\"txt\">服务中心</div>\n            </div>\n          </a>\n          <div class=\"phone-wrap\">\n            <div class=\"phone-icon-wrap\">\n              <img :src=\"require('@/assets/icon/phone.png')\" alt=\"\" class=\"phone-icon\" />\n            </div>\n            <div class=\"phone-txt\" v-html=\"Hotline\"></div>\n          </div>\n          <!-- <img class=\"phone-ico\" :src=\"require('@/assets/home/phone-icon.png')\" alt=\"\" />\n          <div>\n            <div>400-138-258</div>\n          </div> -->\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { getVariableInfo } from '@/api/variable';\nimport staffManage from '@/assets/icon/staff_manage.png';\nimport workingHours from '@/assets/icon/working_hours.png';\nimport payWelfare from '@/assets/icon/pay_welfare.png';\nimport personnelGrow from '@/assets/icon/personnel_grow.png';\nimport personnelRecruit from '@/assets/icon/personnel_recruit.png';\nimport achievements from '@/assets/icon/achievements.png';\nimport development from '@/assets/icon/development.png';\nimport cloudPlatform from '@/assets/icon/cloud_platform.png';\nimport mobile from '@/assets/icon/mobile.png';\nimport hardware from '@/assets/icon/hardware.png';\nimport electronics from '@/assets/icon/electronics.png';\nimport integrated from '@/assets/icon/integrated.png';\nimport food from '@/assets/icon/food.png';\nimport download from '@/assets/icon/download.png';\nimport experience from '@/assets/icon/experience.png';\nimport intelligent from '@/assets/icon/intelligent.png';\nimport profile from '@/assets/icon/profile.png';\nimport history from '@/assets/icon/history.png';\nimport culture from '@/assets/icon/culture.png';\n// import values from '@/assets/icon/values.png';\nimport businessSchool from '@/assets/icon/business-school.png';\nimport wiki from '@/assets/icon/wiki.png';\nimport huayueInfo from '@/assets/icon/huayue-info.png';\nimport industryInfo from '@/assets/icon/industry-info.png';\nimport contactUs from '@/assets/icon/contactUs.png'\nimport strategyOrganize from '@/assets/icon/strategy_organize.png';\nimport recruitment from '@/assets/icon/recruitment.png';\nimport pieceRateSalary from '@/assets/icon/piece-rate-salary.png';\nimport assessMent from '@/assets/icon/assessment.png';\nimport talentReview from '@/assets/icon/talent-review.png';\nimport targetDecomposition from '@/assets/icon/target-decomposition.png';\nimport virtualOrganization from '@/assets/icon/virtual-organization.png';\nexport default {\n  name: 'AppBar',\n  data () {\n    return {\n      menuList: [\n        {\n          id: 1,\n          title: '核心产品',\n          router: '',\n          childList: [\n            {\n              title: '战略组织',\n              icon: strategyOrganize,\n              subtitle: '适应于企业组织的定义和调整',\n              router: '/strategyorganize',\n            },\n            {\n              title: '员工管理',\n              icon: staffManage,\n              subtitle: '智能化事务处理模式 解放操作员双手',\n              router: '/staffmanage',\n            },\n            {\n              title: '考勤工时',\n              icon: workingHours,\n              subtitle: '智能排班与员工自助的考勤工时管理',\n              router: '/workinghours',\n            },\n            {\n              title: '薪酬福利',\n              icon: payWelfare,\n              subtitle: '一键式薪酬核算与薪资预算管理',\n              router: '/paywelfare',\n            },\n            {\n              title: '人才招聘',\n              icon: personnelRecruit,\n              subtitle: '建立人才储备机制，形成人才梯队管理',\n              router: '/personnelrecruit',\n            },\n            {\n              title: '人才培育',\n              icon: personnelGrow,\n              subtitle: '三大培训体系，赋能企业人才培养',\n              router: '/personnelgrow',\n            },\n            {\n              title: '绩效激励',\n              icon: achievements,\n              subtitle: '与企业战略目标绑定，提高企业竞争力',\n              router: '/achievementview',\n            },\n            {\n              title: '人才发展',\n              icon: development,\n              subtitle: '打造企业数字化人才发展管理模式',\n              router: '/development',\n            },\n          ],\n        },\n        {\n          id: 2,\n          title: '解决方案',\n          router: '',\n          childList: [\n            {\n              title: '数字化云平台',\n              icon: cloudPlatform,\n              subtitle: '全方位数字化人才治理平台',\n              router: '/cloudplatform',\n            },\n            {\n              title: '对外招聘',\n              icon: recruitment,\n              subtitle: '让企业实现智能、便捷的招聘模式',\n              router: '/recruitment',\n            },\n            {\n              title: '计件薪酬',\n              icon: pieceRateSalary,\n              subtitle: '智能薪酬计算与合理分配',\n              router: '/pieceratesalary',\n            },\n            {\n              title: '人才测评',\n              icon: assessMent,\n              subtitle: '多维度识别人才，实现“人、岗”精准匹配',\n              router: '/assessment',\n            },\n            {\n              title: '人才盘点',\n              icon: talentReview,\n              subtitle: '帮助企业实现人才精细化分析',\n              router: '/talentreview',\n            },\n            {\n              title: '绩效目标分解',\n              icon: targetDecomposition,\n              subtitle: '逐级分解经营目标',\n              router: '/targetdecomposition',\n            },\n            {\n              title: '虚拟组织',\n              icon: virtualOrganization,\n              subtitle: '结合内部优势资源，强化协同组织',\n              router: '/virtualorganization',\n            },\n            {\n              title: '移动端',\n              icon: mobile,\n              subtitle: '提高线上审批提升工作效率',\n              router: '/mobileterminal',\n            },\n          ],\n        },\n        {\n          id: 3,\n          title: '客户案例',\n          router: '/customercase',\n          childList: [\n            {\n              title: '上市企业',\n              icon: integrated,\n              subtitle: '',\n              router: '/customercase',\n            },\n            {\n              title: '五金行业',\n              icon: hardware,\n              subtitle: '',\n              router: '/customercase',\n            },\n            {\n              title: '电子电器',\n              icon: electronics,\n              subtitle: '',\n              router: '/customercase',\n            },\n            {\n              title: '食品行业',\n              icon: food,\n              subtitle: '',\n              router: '/customercase',\n            },\n          ],\n        },\n        {\n          id: 4,\n          title: '内容中心',\n          router: '',\n          childList: [\n            {\n              title: '软件下载',\n              icon: download,\n              subtitle: '',\n              router: '/software',\n            },\n            {\n              title: '产品体验',\n              icon: experience,\n              subtitle: '',\n              router: '/experience',\n            },\n            // {\n            //   title: '智能自助',\n            //   icon: intelligent,\n            //   subtitle: '',\n            //   router: '/mobileterminal',\n            // },\n          ],\n        },\n        {\n          id: 5,\n          title: '关于华跃',\n          router: '',\n          childList: [\n            {\n              title: '了解华跃',\n              viewList: [\n                {\n                  title: '公司介绍',\n                  icon: profile,\n                  subtitle: '',\n                  router: '/about/infroduction',\n                },\n                {\n                  title: '华跃商学院',\n                  icon: businessSchool,\n                  subtitle: '',\n                  router: '/about/business',\n                },\n                {\n                  title: '发展历程',\n                  icon: history,\n                  subtitle: '',\n                  router: '/about/hisory',\n                },\n                {\n                  title: '企业文化',\n                  icon: culture,\n                  subtitle: '',\n                  router: '/about/culture',\n                },\n                // {\n                //   title: '核心价值观',\n                //   icon: values,\n                //   subtitle: '',\n                //   router: '/about/values',\n                // },\n                {\n                  title: '华跃百科',\n                  icon: wiki,\n                  subtitle: '',\n                  router: 'https://baike.baidu.com/item/%E4%BD%9B%E5%B1%B1%E5%B8%82%E5%8D%8E%E8%B7%83%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%B3%BB%E7%BB%9F%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8/51448824?fr=ge_ala',\n                },\n              ],\n            },\n            {\n              title: '新闻中心',\n              viewList: [\n                {\n                  title: '华跃资讯',\n                  icon: huayueInfo,\n                  subtitle: '',\n                  router: '/news/huayue',\n                },\n                {\n                  title: '行业资讯',\n                  icon: industryInfo,\n                  subtitle: '',\n                  router: '/news/industry',\n                },\n                {\n                  title: '联系我们',\n                  icon: contactUs,\n                  subtitle: '',\n                  router: '/news/contactUs'\n                },\n              ],\n            },\n          ],\n        },\n      ],\n      mouseOn: null,\n      isTop: 0,\n      dropDown: true,\n      downHeight: 0,\n      Height: 0,\n      timerout: null,\n      Hotline: '',\n    };\n  },\n  mounted () {\n    this.getVariable();\n    // window.addEventListener('scroll', this.handleScroll);\n  },\n  methods: {\n    handleScroll() {\n      var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;\n      if (scrollTop >= 400 && scrollTop <= 470) {\n        this.isTop = 400 - scrollTop;\n      } else if (scrollTop < 400) {\n        this.isTop = 0;\n      } else if (scrollTop > 470) {\n        this.isTop = -70;\n      }\n    },\n    getVariable() {\n      getVariableInfo({ label: 'Hotline', }).then((res) => {\n        const { result, } = res;\n        var doc = new DOMParser().parseFromString(result.content, 'text/html');\n        this.Hotline = doc.documentElement.textContent.replace(/&nbsp;/g, ' ');\n      });\n    },\n    onMouseenter(item, index) {\n      for (var i = 0; i < this.menuList.length; i++) {\n        this.$refs.dropDownContent[i].style.display = 'none';\n        if (i === 2 || i === 3 || i === 4) {\n          this.$refs['downWrap' + i][0].style.height = 0 + 'px';\n        }\n      }\n      if (item.childList.length !== 0 && (index === 0 || index === 1)) {\n        this.$refs.dropDownContent[index].style.display = 'flex';\n        const demHeight = this.$refs.dropDownContent[index].offsetHeight;\n        this.downHeight = demHeight;\n        this.Height = 0;\n        var m = function(e) { e.preventDefault(); };\n        document.getElementById('html').style.overflow = 'hidden';\n        document.getElementById('html').style.paddingRight = '15px';\n        document.getElementsByClassName('right-fixedgt')[0].style.right = '33px';\n        this.$refs.appbar.style.paddingRight = '15px';\n        document.addEventListener('touchmove', m, { passive: false, });\n      } else if (index === 2 || index === 3 || index === 4) {\n        // this.$refs['dropDown' + index][0].style.display = 'flex';\n        const demHeight = this.$refs['dropDown' + index][0].offsetHeight;\n        this.$refs['downWrap' + index][0].style.height = demHeight + 'px';\n        this.downHeight = 0;\n        // this.Height = demHeight;\n      } else {\n        this.dropDown = false;\n        if (this.dropDown === false) {\n          this.downHeight = 0;\n          this.Height = 0;\n        }\n        var ms = function(e) { e.preventDefault(); };\n        document.getElementById('html').style.overflow = '';\n        document.getElementById('html').style.paddingRight = '0px';\n        document.getElementsByClassName('right-fixedgt')[0].style.right = '18px';\n        this.$refs.appbar.style.paddingRight = '0px';\n        document.removeEventListener('touchmove', ms, { passive: true, });\n        setTimeout(() => {\n          this.dropDown = true;\n        }, 10);\n      }\n    },\n    onMouseleve() {\n      for (var i = 0; i < this.menuList.length; i++) {\n        this.$refs.dropDownContent[i].style.display = 'none';\n        if (i === 2 || i === 3 || i === 4) {\n          this.$refs['downWrap' + i][0].style.height = 0 + 'px';\n        }\n      }\n      this.dropDown = false;\n      if (this.dropDown === false) {\n        this.downHeight = 0;\n      }\n      var m = function(e) { e.preventDefault(); };\n      document.getElementById('html').style.overflow = '';\n      document.getElementById('html').style.paddingRight = '0px';\n      document.getElementsByClassName('right-fixedgt')[0].style.right = '18px';\n      this.$refs.appbar.style.paddingRight = '0px';\n      document.removeEventListener('touchmove', m, { passive: true, });\n      setTimeout(() => {\n        this.dropDown = true;\n      }, 10);\n    },\n    routerJump(item, menuIndex) {\n      if (item.title !== '华跃百科') {\n        if (item.router !== '') {\n          document.getElementById('html').style.overflow = '';\n          document.getElementById('html').style.paddingRight = '0px';\n          document.getElementsByClassName('right-fixedgt')[0].style.right = '18px';\n          if (menuIndex !== 2) {\n            this.$router.push({ path: item.router, });\n          } else {\n            this.$router.push({ name: 'CustomerCase', params: { label: item.title, }, });\n          }\n        }\n      } else {\n        // window.location.href = item.router;\n        window.open(item.router, '_blank');\n      }\n    },\n  },\n};\n\n</script>\n\n<style>\n:root{\n  --minwidth: 1200px;\n  --appbar-height: 70px;\n}\n</style>\n<style lang=\"less\" scoped>\n.appbar-wrap{\n  height: 0;\n  width: 100%;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 999;\n  .appbar{\n    position: absolute;\n    width: 100%;\n    border-bottom: 1px solid rgba(235,232,232, 0.8);\n    backdrop-filter: blur(4px);\n    background-color: hsla(0,0%,100%,.8);\n    transition: top .2s ease;\n    display: flex;\n    box-sizing: border-box;\n    .appbar-content{\n      width: 80%;\n      min-width: var(--minwidth);\n      height: var(--appbar-height);\n      margin: 0 auto;\n      // position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      .appbar-content-left{\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        .appbar-logo{\n          width: auto;\n          height: 40px;\n        }\n        .menu-dropdown-wrap{\n          display: flex;\n          align-items: center;\n          margin-left: 40px;\n          height: 100%;\n          .menu-item{\n            min-width: 100px;\n            height: 100%;\n            padding: 0 30px 4px;\n            position: relative;\n            color: #1c1c1c;\n            box-sizing: border-box;\n            display: flex;\n            justify-content: center;\n            cursor: default;\n            .menu-item-text{\n              line-height: 63px;\n              border-bottom: 3px solid transparent;\n            }\n            .dropdown-wrap{\n              position: absolute;\n              top: 70px;\n              left: 0;\n              width: 258px;\n              height: 0;\n              background-color: #fff;\n              box-shadow: 0px 20px 12px -12px rgba(150, 166, 195, .25);\n              box-sizing: border-box;\n              overflow: hidden;\n              transition: height .3s ease-in-out;\n              .dropDown-content{\n                width: 100%;\n                display: flex;\n                flex-direction: column;\n                padding: 20px 10px;\n                box-sizing: border-box;\n                .dropDown-item{\n                  width: 100%;\n                  margin-bottom: 10px;\n                  display: flex;\n                  justify-content: flex-start;\n                  align-items: center;\n                  border-radius: 8px;\n                  background-color: #fff;\n                  padding: 10px;\n                  box-sizing: border-box;\n                  cursor: pointer;\n                  .content-icon{\n                    width: 17px;\n                    height: auto;\n                  }\n                  .content-title-subtitle{\n                    height: 100%;\n                    flex: 1;\n                    display: flex;\n                    flex-direction: column;\n                    justify-content: space-between;\n                    align-content: center;\n                    margin-left: 8px;\n                    .content-title{\n                      font-size: 16px;\n                      color: #181818;\n                      line-height: 1;\n                    }\n                    .content-subtitle{\n                      font-size: 13px;\n                      color: #5c6066;\n                      line-height: 1;\n                      margin-top: 14px;\n                    }\n                  }\n                  &:hover{\n                    background: #f5f6f7;\n                  }\n                }\n                .dropDown-item:last-child{\n                  margin-bottom: 0;\n                }\n              }\n            }\n            .dropdown4{\n              position: absolute;\n              top: 70px;\n              left: -15px;\n              width: 656px;\n              height: 0;\n              background-color: #fff;\n              box-shadow: 0px 20px 12px -12px rgba(150, 166, 195, .25);\n              box-sizing: border-box;\n              overflow: hidden;\n              transition: height .3s ease-in-out;\n              .dropDown-content{\n                width: 100%;\n                padding: 40px 40px 20px;\n                box-sizing: border-box;\n                display: flex;\n                justify-content: space-between;\n                align-items: flex-start;\n                .dropDown-List-item{\n                  width: 238px;\n                  .item-title{\n                    width: 228px;\n                    color: #181818;\n                    font-family: OPPOSans-R;\n                    font-size: 16px;\n                    margin-left: 10px;\n                    line-height: 1;\n                    padding-bottom: 12px;\n                    border-bottom: 1px solid #d0d3d8;\n                  }\n                  .item-zhong{\n                    padding-top: 16px;\n                    .viewItem{\n                      width: 100%;\n                      margin-bottom: 10px;\n                      display: flex;\n                      justify-content: flex-start;\n                      align-items: center;\n                      border-radius: 8px;\n                      background-color: #fff;\n                      padding: 10px;\n                      box-sizing: border-box;\n                      cursor: pointer;\n                      .content-icon{\n                        width: 20px;\n                        height: auto;\n                        display: block;\n                      }\n                      .content-title-subtitle{\n                        height: 100%;\n                        flex: 1;\n                        display: flex;\n                        flex-direction: column;\n                        justify-content: space-between;\n                        align-content: center;\n                        margin-left: 8px;\n                        .content-title{\n                          font-size: 16px;\n                          color: #181818;\n                          line-height: 1;\n                        }\n                        .content-subtitle{\n                          font-size: 13px;\n                          color: #5c6066;\n                          line-height: 1;\n                          margin-top: 14px;\n                        }\n                      }\n                      &:hover{\n                        background: #f5f6f7;\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n          .mouseIn{\n            color: #00b0dc;\n            .menu-item-text{\n              border-bottom: 3px solid #00b0dc;\n            }\n          }\n          .menu-item:hover{\n            color: #00b0dc;\n            .menu-item-text{\n              border-bottom: 3px solid #00b0dc;\n            }\n          }\n          .dropdown-container{\n            position: absolute;\n            top: 70px;\n            left: 0;\n            width: 100vw;\n            background-color: #fff;\n            overflow: hidden;\n            transition: height .3s ease;\n            box-shadow: 0px 20px 12px -12px rgba(150, 166, 195, .25);\n            border-top: 1px solid rgba(235,232,232, 0.8);\n            .drop-content{\n              width: 80%;\n              min-width: var(--minwidth);\n              margin: 0 auto;\n              display: none;\n              flex-wrap: wrap;\n              padding: 20px 0 26px;\n              .content-item{\n                width: calc(25% - 16px);\n                max-height: 62px;\n                margin: 0 8px 24px;\n                display: flex;\n                justify-content: flex-start;\n                align-items: flex-start;\n                border-radius: 8px;\n                background-color: #fff;\n                padding: 10px;\n                padding-right: 0px;\n                box-sizing: border-box;\n                cursor:pointer;\n                .content-icon{\n                  width: 17px;\n                  height: auto;\n                }\n                .content-title-subtitle{\n                  height: 100%;\n                  flex: 1;\n                  display: flex;\n                  flex-direction: column;\n                  justify-content: space-between;\n                  align-content: center;\n                  margin-left: 8px;\n                  .content-title{\n                    font-size: 16px;\n                    color: #181818;\n                    line-height: 1;\n                  }\n                  .content-subtitle{\n                    font-size: 13px;\n                    color: #5c6066;\n                    line-height: 1;\n                    margin-top: 14px;\n                  }\n                }\n              }\n              .content-item:hover{\n                background-color: #f5f6f7;\n              }\n            }\n          }\n        }\n      }\n      .appbar-content-right{\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n        .service-centre{\n          height: 16px;\n          display: flex;\n          align-items: center;\n          border-right: 1px solid #ebe8e8;\n          padding-right: 12px;\n          cursor: pointer;\n          .service-icon{\n            width: 18px;\n            height: 18px;\n            display: block;\n            margin-right: 8px;\n          }\n          .txt{\n            font-size: 14px;\n            color: #1c1c1c;\n            font-family: OPPOSans-R;\n          }\n        }\n        .phone-wrap{\n          height: 32px;\n          border-radius: 16px;\n          // border: 1px solid #e6e6e6;\n          // background-color: #fff;\n          margin-left: 12px;\n          padding: 4px 7px 4px 5px;\n          box-sizing: border-box;\n          display: flex;\n          align-items: center;\n          justify-content: flex-start;\n          .phone-icon-wrap{\n            width: 24px;\n            height: 24px;\n            background-color: #e5f8fc;\n            border: 1px solid #00b0dc;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border-radius: 50%;\n            .phone-icon{\n              width: 12px;\n              height: 12px;\n              display: block;\n            }\n          }\n          .phone-txt{\n            font-size: 14px;\n            color: #1c1c1c;\n            font-family: OPPOSans-R;\n            margin-left: 7px;\n          }\n        }\n      }\n    }\n  }\n  .appbar:hover{\n    background-color: #fff;\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./appbar-wrap.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./appbar-wrap.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./appbar-wrap.vue?vue&type=template&id=7298b316&scoped=true&\"\nimport script from \"./appbar-wrap.vue?vue&type=script&lang=js&\"\nexport * from \"./appbar-wrap.vue?vue&type=script&lang=js&\"\nimport style0 from \"./appbar-wrap.vue?vue&type=style&index=0&id=7298b316&prod&lang=css&\"\nimport style1 from \"./appbar-wrap.vue?vue&type=style&index=1&id=7298b316&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7298b316\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"foot-wrap\",on:{\"mousemove\":function($event){_vm.activityAddress = null}}},[_c('div',{staticClass:\"enterprise-foot-info\"},[_c('div',{staticClass:\"enterprise-foot-info-log\"},[_c('img',{attrs:{\"src\":require('@/assets/home/home-top-log.png'),\"alt\":\"\",\"srcset\":\"\"}})]),_c('div',{staticClass:\"enterprise-foot-info-content\"},[_c('div',{staticClass:\"enterprise-foot-project-title\"},[_vm._v(\"产品中心\")]),_c('div',{staticClass:\"enterprise-foot-project\"},_vm._l((_vm.productCenterList),function(item,index){return _c('div',{key:index,staticClass:\"enterprise-foot-project-item\",on:{\"click\":function($event){return _vm.routerJump(item.router)}}},[_vm._v(\" \"+_vm._s(item.title)+\" \")])}),0)]),_c('div',{staticClass:\"enterprise-foot-info-content\"},[_c('div',{staticClass:\"enterprise-foot-project-title\"},[_vm._v(\"服务与承诺\")]),_c('div',{staticClass:\"enterprise-foot-project\"},_vm._l((_vm.serviceAndPromiseList),function(item,index){return _c('div',{key:index,staticClass:\"enterprise-foot-project-item\",staticStyle:{\"cursor\":\"default\"}},[_vm._v(\" \"+_vm._s(item)+\" \")])}),0)]),_c('div',{staticClass:\"enterprise-foot-info-content\"},[_c('div',{staticClass:\"enterprise-foot-project-title\"},[_vm._v(\"关于我们\")]),_c('div',{staticClass:\"enterprise-foot-project\"},_vm._l((_vm.aboutUsList),function(item,index){return _c('div',{key:index,staticClass:\"enterprise-foot-project-item\",on:{\"click\":function($event){return _vm.routerJump(item.router)}}},[_vm._v(\" \"+_vm._s(item.title)+\" \")])}),0)]),_c('div',{staticClass:\"enterprise-foot-info-content\"},[_c('div',{staticClass:\"enterprise-foot-project-title\",staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.routerJump('/news/contactUs')}}},[_vm._v(\"联系我们\")]),_c('div',{staticClass:\"phone-wrap\"},[_vm._v(\"服务热线 \"),_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.Hotline)}})]),_c('div',{staticClass:\"enterprise-foot-project\"},[_c('div',{staticClass:\"address-wrap\"},[_c('img',{staticClass:\"address-map\",attrs:{\"src\":require(\"@/assets/contact/map.png\"),\"alt\":\"\"}}),_vm._l((_vm.addressList),function(locationItem,index){return _c('div',{key:index,staticClass:\"location-item\",style:({\n              transform: `translate(${locationItem.position[0]}px, ${locationItem.position[1]}px)`,\n            }),on:{\"mousemove\":function($event){$event.stopPropagation();_vm.activityAddress = index}}},[_c('img',{staticClass:\"location-img\",attrs:{\"src\":require(\"@/assets/contact/location.png\"),\"alt\":\"\"}}),_c('canvas',{staticClass:\"location-canvas\",attrs:{\"id\":'footCanvas'+index,\"width\":\"20\",\"height\":\"20\"}})])}),_vm._l((_vm.addressList),function(ontentItem,index){return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.activityAddress == index),expression:\"activityAddress == index\"}],key:'ontent'+index,staticClass:\"address-content\",style:({\n              transform: `translate(calc(${\n                ontentItem.position[0] - 30\n              }px + 50%), calc(${ontentItem.position[1]}px - 85%))`,\n            }),on:{\"mousemove\":function($event){$event.stopPropagation();return _vm.stop()}}},[_c('div',{staticClass:\"address-title\"},[_vm._v(_vm._s(ontentItem.title))]),_c('div',{staticClass:\"address-summary\"},[_vm._v(_vm._s(ontentItem.summaryTitle))]),_c('div',{staticClass:\"address-phone\"},[_vm._v(_vm._s(ontentItem.description))])])})],2),_c('div',{staticClass:\"enterprise-foot-contact-item\"},[_c('div',{staticClass:\"qrcode-wrap\"},[_c('div',[_c('div',{staticClass:\"qrcode-app\",domProps:{\"innerHTML\":_vm._s(_vm.mobileWebsite)}}),_vm._v(\" 手机网站 \")]),_c('div',[_c('div',{staticClass:\"qrcode-app\",domProps:{\"innerHTML\":_vm._s(_vm.WeChat)}}),_vm._v(\" 微信公众号 \")])])])])])]),_vm._m(0)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"foot-bto\"},[_vm._v(\" 版权所有      佛山市华跃计算机系统有限公司        \"),_c('a',{staticStyle:{\"text-decoration\":\"none\",\"color\":\"#000\"},attrs:{\"href\":\"https://beian.miit.gov.cn\",\"target\":\"new_frame\"}},[_c('img',{staticStyle:{\"vertical-align\":\"middle\"},attrs:{\"src\":require(\"@/assets/foot_gxico.png\"),\"alt\":\"\"}}),_vm._v(\"   备案号：粤ICP备10034934号 \")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"foot-wrap\"  @mousemove=\"activityAddress = null\">\n    <div class=\"enterprise-foot-info\">\n      <div class=\"enterprise-foot-info-log\">\n        <img\n          :src=\"require('@/assets/home/home-top-log.png')\"\n          alt=\"\"\n          srcset=\"\"\n        />\n      </div>\n      <div class=\"enterprise-foot-info-content\">\n        <div class=\"enterprise-foot-project-title\">产品中心</div>\n        <div class=\"enterprise-foot-project\">\n          <div\n            v-for=\"(item, index) in productCenterList\"\n            :key=\"index\"\n            class=\"enterprise-foot-project-item\"\n            @click=\"routerJump(item.router)\"\n          >\n            {{ item.title }}\n          </div>\n        </div>\n      </div>\n      <div class=\"enterprise-foot-info-content\">\n        <div class=\"enterprise-foot-project-title\">服务与承诺</div>\n        <div class=\"enterprise-foot-project\">\n          <div\n            v-for=\"(item, index) in serviceAndPromiseList\"\n            :key=\"index\"\n            style=\"cursor: default\"\n            class=\"enterprise-foot-project-item\"\n          >\n            {{ item }}\n          </div>\n        </div>\n      </div>\n      <div class=\"enterprise-foot-info-content\">\n        <div class=\"enterprise-foot-project-title\">关于我们</div>\n        <div class=\"enterprise-foot-project\">\n          <div\n            v-for=\"(item, index) in aboutUsList\"\n            :key=\"index\"\n            class=\"enterprise-foot-project-item\"\n            @click=\"routerJump(item.router)\"\n          >\n            {{ item.title }}\n          </div>\n        </div>\n      </div>\n      <div class=\"enterprise-foot-info-content\">\n        <div @click=\"routerJump('/news/contactUs')\" class=\"enterprise-foot-project-title\" style=\"cursor: pointer;\">联系我们</div>\n        <div class=\"phone-wrap\">服务热线 <span v-html=\"Hotline\"></span></div>\n        <div class=\"enterprise-foot-project\">\n          <!-- <div class=\"enterprise-foot-contact-item\">\n            <span>业务咨询：</span><span class=\"span-text\" v-html=\"email\"></span>\n          </div>\n          <div class=\"enterprise-foot-contact-item\">\n            <span>客服热线：</span><span class=\"span-text\" v-html=\"Hotline\"></span>\n          </div>\n          <div class=\"enterprise-foot-contact-item\">\n            <span>销售热线：</span><span class=\"span-text\" v-html=\"salesHotline\"></span>\n          </div>\n          <div class=\"enterprise-foot-contact-item\">\n            <span>地址：</span><span class=\"span-text\" v-html=\"dezhi\"></span>\n          </div> -->\n          <div class=\"address-wrap\">\n            <img src=\"@/assets/contact/map.png\" alt=\"\" class=\"address-map\" />\n            <div\n              v-for=\"(locationItem, index) in addressList\"\n              :key=\"index\"\n              class=\"location-item\"\n              :style=\"{\n                transform: `translate(${locationItem.position[0]}px, ${locationItem.position[1]}px)`,\n              }\"\n              @mousemove.stop=\"activityAddress = index\"\n            >\n              <img\n                src=\"@/assets/contact/location.png\"\n                alt=\"\"\n                class=\"location-img\"\n              />\n              <canvas :id=\"'footCanvas'+index\" class=\"location-canvas\" width=\"20\" height=\"20\"></canvas>\n            </div>\n            <div\n              v-for=\"(ontentItem, index) in addressList\"\n              :key=\"'ontent'+index\"\n              v-show=\"activityAddress == index\"\n              class=\"address-content\"\n              :style=\"{\n                transform: `translate(calc(${\n                  ontentItem.position[0] - 30\n                }px + 50%), calc(${ontentItem.position[1]}px - 85%))`,\n              }\"\n              @mousemove.stop=\"stop()\"\n            >\n              <div class=\"address-title\">{{ ontentItem.title }}</div>\n              <div class=\"address-summary\">{{ ontentItem.summaryTitle }}</div>\n              <div class=\"address-phone\">{{ ontentItem.description }}</div>\n            </div>\n            <!-- <div class=\"address-content-wrap\">\n            </div> -->\n          </div>\n          <div class=\"enterprise-foot-contact-item\">\n            <div class=\"qrcode-wrap\">\n              <div>\n                <div class=\"qrcode-app\" v-html=\"mobileWebsite\">\n                  <!-- <img :src=\"require('@/assets/home/qrcode-app.png')\" alt=\"\" srcset=\"\" /> -->\n                </div>\n                手机网站\n              </div>\n              <div>\n                <div class=\"qrcode-app\" v-html=\"WeChat\">\n                  <!-- <img :src=\"require('@/assets/home/qrcode-miniprocess.png')\" alt=\"\" srcset=\"\" /> -->\n                </div>\n                微信公众号\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"foot-bto\">\n      版权所有&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;佛山市华跃计算机系统有限公司&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\n      <a\n        href=\"https://beian.miit.gov.cn\"\n        target=\"new_frame\"\n        style=\"text-decoration: none; color: #000\"\n      >\n        <img\n          src=\"@/assets/foot_gxico.png\"\n          alt=\"\"\n          style=\"vertical-align: middle\"\n        />\n        &nbsp; 备案号：粤ICP备10034934号\n      </a>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { getColumnChild } from \"@/api/column\";\nimport { getContentDetail, getContentList } from \"@/api/content\";\nimport { getVariableInfo } from \"@/api/variable\";\nexport default {\n  name: \"FootWrap\",\n  data() {\n    return {\n      productCenterList: [\n        {\n          title: \"战略组织\",\n          subtitle: \"适应于企业组织的定义和调整\",\n          router: \"/strategyorganize\",\n        },\n        {\n          title: \"员工管理\",\n          subtitle: \"智能化事务处理模式 解放操作员双手\",\n          router: \"/staffmanage\",\n        },\n        {\n          title: \"考勤工时\",\n          subtitle: \"一键式薪酬核算与薪资预算管理\",\n          router: \"/workinghours\",\n        },\n        {\n          title: \"薪酬福利\",\n          subtitle: \"一键式薪酬核算与薪资预算管理\",\n          router: \"/paywelfare\",\n        },\n        {\n          title: \"人才招聘\",\n          subtitle: \"建立人才储备机制，形成人才梯队管理\",\n          router: \"/personnelrecruit\",\n        },\n        {\n          title: \"人才培育\",\n          subtitle: \"三大培训体系，赋能企业人才培养\",\n          router: \"/personnelgrow\",\n        },\n        {\n          title: \"绩效激励\",\n          subtitle: \"与企业战略目标绑定，提高企业竞争力\",\n          router: \"/achievementview\",\n        },\n        {\n          title: \"人才发展\",\n          subtitle: \"建立人才储备机制，形成人才梯队管理\",\n          router: \"\",\n        },\n      ],\n      serviceAndPromiseList: [\n        \"5S服务\",\n        \"3000＋实施案例\",\n        \"HR管理讲座\",\n        \"HR经理人沙龙\",\n        \"7x24小时服务\",\n        \"技术服务，历史档案\",\n      ],\n      aboutUsList: [\n        {\n          title: \"公司介绍\",\n          router: \"/about/infroduction\",\n        },\n        {\n          title: \"华跃商学院\",\n          router: \"/about/business\",\n        },\n        {\n          title: \"发展历程\",\n          router: \"/about/hisory\",\n        },\n        {\n          title: \"企业文化\",\n          router: \"/about/culture\",\n        },\n        {\n          title: \"华跃百科\",\n          router:\n            \"https://baike.baidu.com/item/%E4%BD%9B%E5%B1%B1%E5%B8%82%E5%8D%8E%E8%B7%83%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%B3%BB%E7%BB%9F%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8/51448824?fr=ge_ala\",\n        },\n        {\n          title: \"华跃资讯\",\n          router: \"/news/huayue\",\n        },\n        {\n          title: \"行业资讯\",\n          router: \"/news/industry\",\n        },\n      ],\n      activityAddress: null,\n      addressList: [],\n      email: \"\",\n      Hotline: \"\",\n      salesHotline: \"\",\n      dezhi: \"\",\n      mobileWebsite: \"\",\n      WeChat: \"\",\n    };\n  },\n  mounted() {\n    this.getVariable();\n    this.getAddressList();\n  },\n  methods: {\n    getVariable() {\n      getVariableInfo({ label: \"email\" }).then((res) => {\n        const { result } = res;\n        var doc = new DOMParser().parseFromString(result.content, \"text/html\");\n        this.email = doc.documentElement.textContent.replace(/&nbsp;/g, \" \");\n      });\n      getVariableInfo({ label: \"Hotline\" }).then((res) => {\n        const { result } = res;\n        var doc = new DOMParser().parseFromString(result.content, \"text/html\");\n        this.Hotline = doc.documentElement.textContent.replace(/&nbsp;/g, \" \");\n      });\n      getVariableInfo({ label: \"salesHotline\" }).then((res) => {\n        const { result } = res;\n        var doc = new DOMParser().parseFromString(result.content, \"text/html\");\n        this.salesHotline = doc.documentElement.textContent.replace(\n          /&nbsp;/g,\n          \" \"\n        );\n      });\n      getVariableInfo({ label: \"dezhi\" }).then((res) => {\n        const { result } = res;\n        var doc = new DOMParser().parseFromString(result.content, \"text/html\");\n        this.dezhi = doc.documentElement.textContent.replace(/&nbsp;/g, \" \");\n      });\n      getVariableInfo({ label: \"mobileWebsite\" }).then((res) => {\n        const { result } = res;\n        var doc = new DOMParser().parseFromString(result.content, \"text/html\");\n        this.mobileWebsite = doc.documentElement.textContent.replace(\n          /&nbsp;/g,\n          \" \"\n        );\n      });\n      getVariableInfo({ label: \"WeChat\" }).then((res) => {\n        const { result } = res;\n        var doc = new DOMParser().parseFromString(result.content, \"text/html\");\n        this.WeChat = doc.documentElement.textContent.replace(/&nbsp;/g, \" \");\n      });\n    },\n\n    async getAddressList() {\n      var params = { parentId: \"1624978949178351616\" };\n      var res = await getColumnChild(params);\n      var { result } = res;\n      for (var i = 0; i < result.length; i++) {\n        if (i === 0) {\n          const data = { columnId: result[i].id, pageNum: 1, pageSize: 99 };\n          getContentList(data).then(async (rrs) => {\n            const rrsult = rrs.result;\n            for (var j = 0; j < rrsult.data.length; j++) {\n              var addressItem = {\n                img: rrsult.data[j].icon,\n                title: rrsult.data[j].title,\n                summaryTitle: rrsult.data[j].summaryTitle,\n                description: rrsult.data[j].description,\n                position: [],\n                radius: 0,\n                ctx: null,\n                canvarInterval: null,\n              };\n              const rts = await getContentDetail(rrsult.data[j].id);\n              const rtsult = rts.result;\n              for (var x = 0; x < rtsult.elements.length; x++) {\n                addressItem.position.push(\n                  Number(rtsult.elements[x].content) * 0.65\n                );\n              }\n              this.addressList.push(addressItem);\n            }\n            this.$nextTick(()=>{\n              for (var j = 0; j < this.addressList.length; j++) {\n                this.setCanvas(j)\n              }\n            });\n          });\n        }\n      }\n    },\n\n    setCanvas(index) {\n      this.cavasIndex = index;\n      this.$nextTick(() => {\n        const c  = document.getElementById(`footCanvas${index}`)\n        this.addressList[index].ctx = c.getContext('2d');\n        this.drawCircle(index);\n        this.addressList[index].canvarInterval = setInterval(() => {\n          this.drawCircle(index);\n        },50)\n      \n      })\n    },\n    drawCircle(index) {\n      this.addressList[index].ctx.beginPath();\n      let prev = this.addressList[index].ctx.globalCompositeOperation;\n      this.addressList[index].ctx.globalCompositeOperation = 'destination-in';\n      this.addressList[index].ctx.globalAlpha = 0.95;\n      this.addressList[index].ctx.fillRect(0,0,20,20);\n      this.addressList[index].ctx.globalCompositeOperation = prev;\n      this.addressList[index].ctx.arc(10, 10, this.addressList[index].radius, 0, Math.PI * 2);\n      this.addressList[index].ctx.closePath();\n      this.addressList[index].ctx.lineWidth = 2;\n      this.addressList[index].ctx.strokeStyle = 'rgba(250,98,40,1)';\n      this.addressList[index].ctx.stroke();\n      this.addressList[index].radius += 0.5;\n      if (this.addressList[index].radius > 9) {\n        this.addressList[index].radius = 0\n      }\n    },\n\n    routerJump(router) {\n      this.$router.push({ path: router });\n    },\n    stop() {}\n  },\n};\n</script>\n\n<style lang=\"less\">\n.enterprise-foot-contact-item {\n  p {\n    display: inline-block;\n    margin-bottom: 15px;\n    &:last-child {\n      margin-bottom: 0px;\n    }\n  }\n}\n</style>\n<style lang=\"less\" scoped>\n.foot-wrap {\n  background: #f7f7f7;\n  .enterprise-foot-info {\n    width: 70%;\n    min-width: var(--minwidth);\n    padding-bottom: 20px;\n    padding-top: 59px;\n    margin: 0 auto;\n    display: flex;\n    justify-content: space-between;\n    .enterprise-foot-info-log {\n      img {\n        width: 104px;\n        height: auto;\n      }\n    }\n    .enterprise-foot-info-content {\n      margin-left: 20px;\n      .enterprise-foot-project-title {\n        // margin: 0 50px;\n        font-size: 14px;\n        font-weight: 600;\n        color: #181818;\n      }\n      .phone-wrap {\n        font-size: 14px;\n        color: #31b3dc;\n      }\n      .enterprise-foot-project {\n        display: flex;\n        flex-direction: column;\n        // writing-mode: vertical-lr;\n        margin: 22px 0 0;\n        box-sizing: border-box;\n        .address-wrap {\n          width: 337px;\n          position: relative;\n          .address-map {\n            width: 100%;\n            height: auto;\n            display: block;\n          }\n          .location-item {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 15px;\n            transform-origin: center bottom;\n            z-index: 1;\n            cursor: pointer;\n            .location-img {\n              width: 100%;\n              height: auto;\n              display: block;\n              filter: drop-shadow(4px 3px 9px rgba(1, 14, 66, 0.43));\n              position: relative;\n              z-index: 2;\n              animation: updown 1.5s linear infinite;\n            }\n            @keyframes updown {\n              0% {\n                transform: translateY(0);\n              }\n              50% {\n                transform: translateY(-4px);\n              }\n              100% {\n                transform: translateY(0);\n              }\n            }\n            .location-canvas{\n              position: absolute;\n              left: 50%;\n              bottom: -11px;\n              transform: translateX(-48%) rotateX(45deg);\n              z-index: 1;\n            }\n          }\n          .address-content {\n            width: 200px;\n            position: absolute;\n            left: -50%;\n            top: 0;\n            padding: 8px;\n            border: 1px solid #fff;\n            border-radius: 4px;\n            background: #fff;\n            box-shadow: 0px 4px 8px 0px rgb(139 139 139 / 18%);\n            z-index: 2;\n            .address-title{\n              font-family: Alibaba-PuHuiTi-R;\n              font-size: 8px;\n            }\n            .address-summary{\n              font-family: Alibaba-PuHuiTi-R;\n              font-size: 10px;\n              color: #3f3f3f;\n            }\n            .address-phone{\n              font-family: Alibaba-PuHuiTi-R;\n              margin-top: 6px;\n              color: #00b0dc;\n            }\n          }\n          // .address-content-wrap {\n          //   width: 100%;\n          //   height: 100%;\n          //   position: absolute;\n          //   top: 0;\n          //   left: 0;\n          //   z-index: 2;\n          //   .address-content {\n          //     width: 200px;\n          //     position: absolute;\n          //     left: -50%;\n          //     top: -51px;\n          //     padding: 8px;\n          //     border: 1px solid #fff;\n          //     border-radius: 4px;\n          //     background: #fff;\n          //     box-shadow: 0px 4px 8px 0px rgb(139 139 139 / 18%);\n          //     z-index: 2;\n          //   }\n          // }\n        }\n        .enterprise-foot-project-item {\n          margin-right: 59px;\n          margin-bottom: 19px;\n          display: inline-block;\n          font-size: 14px;\n          line-height: 1;\n          writing-mode: lr-tb;\n          vertical-align: text-bottom;\n          cursor: pointer;\n        }\n        .enterprise-foot-contact-item {\n          display: flex;\n          margin-bottom: 18px;\n          width: 337px;\n          // writing-mode: lr-tb;\n          // vertical-align: text-bottom;\n          .span-text {\n            flex: 1;\n          }\n          .qrcode-wrap {\n            display: flex;\n            div {\n              margin: 0 20px 0 0;\n            }\n          }\n          .qrcode-app {\n            padding: 5px;\n            background: #fff;\n            width: fit-content;\n            box-sizing: border-box;\n          }\n        }\n      }\n    }\n  }\n  .foot-bto {\n    border-top: 1px #fff solid;\n    height: 50px;\n    line-height: 50px;\n    text-align: center;\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./foot-wrap.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./foot-wrap.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./foot-wrap.vue?vue&type=template&id=590fdd7a&scoped=true&\"\nimport script from \"./foot-wrap.vue?vue&type=script&lang=js&\"\nexport * from \"./foot-wrap.vue?vue&type=script&lang=js&\"\nimport style0 from \"./foot-wrap.vue?vue&type=style&index=0&id=590fdd7a&prod&lang=less&\"\nimport style1 from \"./foot-wrap.vue?vue&type=style&index=1&id=590fdd7a&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"590fdd7a\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:\"fixedgt\",staticClass:\"right-fixedgt\",staticStyle:{\"right\":\"18px\"}},[_c('div',{staticClass:\"fixedgt\"},[_c('div',{staticClass:\"fz_fan\"},[_c('a',{attrs:{\"href\":\"http://wpa.qq.com/msgrd?v=3&uin=956051261&site=qq&menu=yes\",\"target\":\"_blank\"}},[_c('div',{staticClass:\"fz_li\"},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require('@/assets/icon/consulting.png'),\"alt\":\"\"}}),_c('div',{staticClass:\"text\"},[_vm._v(\"在线咨询\")])])])]),_c('div',{staticClass:\"fz_fan\"},[_c('div',{staticClass:\"fz_li\"},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require('@/assets/icon/telephone.png'),\"alt\":\"\"}}),_c('div',{staticClass:\"text\"},[_vm._v(\"联系我们\")])]),_c('div',{staticClass:\"hover\"},[_c('div',{staticClass:\"link\"},[_c('div',{staticClass:\"fz_t\"},[_vm._v(\"售前咨询\")]),_c('div',{staticClass:\"tel\",domProps:{\"innerHTML\":_vm._s(_vm.preSales)}})]),_c('div',{staticClass:\"link\"},[_c('div',{staticClass:\"fz_t\"},[_vm._v(\"售后支持\")]),_c('div',{staticClass:\"tel\",domProps:{\"innerHTML\":_vm._s(_vm.afterSales)}})])])]),_c('div',{staticClass:\"fz_fan\"},[_c('div',{staticClass:\"fz_li\",on:{\"click\":function($event){return _vm.openBealter()}}},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require('@/assets/icon/demonstration.png'),\"alt\":\"\"}}),_c('div',{staticClass:\"text\"},[_vm._v(\"预约演示\")])])]),_c('div',{staticClass:\"fz_fan\"},[_c('div',{staticClass:\"fz_li\",on:{\"click\":function($event){return _vm.openBealter2()}}},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require('@/assets/icon/intelligent.png'),\"alt\":\"\"}}),_c('div',{staticClass:\"text\"},[_vm._v(\"智能自助\")])])])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.onGetop),expression:\"onGetop\"}],staticClass:\"fz_top\",on:{\"click\":_vm.goTop}},[_c('div',{staticClass:\"goTop-box\"},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require('@/assets/icon/gotop.png'),\"alt\":\"\"}})])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div ref=\"fixedgt\" class=\"right-fixedgt\" style=\"right: 18px;\">\n    <div class=\"fixedgt\">\n      <div class=\"fz_fan\">\n        <a\n          href=\"http://wpa.qq.com/msgrd?v=3&uin=956051261&site=qq&menu=yes\"\n          target=\"_blank\"\n        >\n          <div class=\"fz_li\">\n            <img\n              :src=\"require('@/assets/icon/consulting.png')\"\n              alt=\"\"\n              class=\"icon\"\n            />\n            <div class=\"text\">在线咨询</div>\n          </div>\n        </a>\n      </div>\n      <div class=\"fz_fan\">\n        <div class=\"fz_li\">\n          <img\n            :src=\"require('@/assets/icon/telephone.png')\"\n            alt=\"\"\n            class=\"icon\"\n          />\n          <div class=\"text\">联系我们</div>\n        </div>\n        <div class=\"hover\">\n          <div class=\"link\">\n            <div class=\"fz_t\">售前咨询</div>\n            <div class=\"tel\" v-html=\"preSales\"></div>\n          </div>\n          <div class=\"link\">\n            <div class=\"fz_t\">售后支持</div>\n            <div class=\"tel\" v-html=\"afterSales\"></div>\n          </div>\n        </div>\n      </div>\n      <div class=\"fz_fan\">\n        <div class=\"fz_li\" @click=\"openBealter()\">\n          <img\n            :src=\"require('@/assets/icon/demonstration.png')\"\n            alt=\"\"\n            class=\"icon\"\n          />\n          <div class=\"text\">预约演示</div>\n        </div>\n      </div>\n      <div class=\"fz_fan\">\n        <div class=\"fz_li\" @click=\"openBealter2()\">\n          <img\n            :src=\"require('@/assets/icon/intelligent.png')\"\n            alt=\"\"\n            class=\"icon\"\n          />\n          <div class=\"text\">智能自助</div>\n        </div>\n      </div>\n    </div>\n    <div v-show=\"onGetop\" class=\"fz_top\" @click=\"goTop\">\n      <div class=\"goTop-box\">\n        <img :src=\"require('@/assets/icon/gotop.png')\" alt=\"\" class=\"icon\" />\n      </div>\n    </div>\n    <!-- <div class=\"right_video\" v-if=\"showvideo&&this.$route.path==='/'\">\n      <el-button icon=\"el-icon-circle-close\" circle size=\"mini\" @click=\"showvideo=false\"></el-button>\n      <vue-core-video-player\n        :src=\"'/8210151e21a8d48e91d30d311953cfc1.mp4'\"\n        autoplay\n      />\n    </div> -->\n  </div>\n</template>\n\n<script>\nimport { getVariableInfo } from '@/api/variable'\nexport default {\n  name: 'RightFixedget',\n  data() {\n    return {\n      showvideo:true,\n      enterIndex: null,\n      fzList: [\n        {\n          title: '在线咨询',\n          icon: require('@/assets/icon/consulting.png')\n        },\n        {\n          title: '联系我们',\n          icon: require('@/assets/icon/telephone.png')\n        },\n        {\n          title: '预约演示',\n          icon: require('@/assets/icon/demonstration.png')\n        }\n      ],\n      preSales: '',\n      afterSales: '',\n      isGetop: false,\n      onGetop: false\n    }\n  },\n  mounted() {\n    this.headleScroll()\n    this.getVariable()\n    window.addEventListener('scroll', this.headleScroll, true)\n    console.log(this.$route.path,'this.$route.path');\n    \n  },\n  methods: {\n    getVariable() {\n      getVariableInfo({ label: 'afterSales' }).then(res => {\n        const { result } = res\n        var doc = new DOMParser().parseFromString(result.content, 'text/html')\n        this.afterSales = doc.documentElement.textContent.replace(\n          /&nbsp;/g,\n          ' '\n        )\n      })\n      getVariableInfo({ label: 'preSales' }).then(res => {\n        const { result } = res\n        var doc = new DOMParser().parseFromString(result.content, 'text/html')\n        this.preSales = doc.documentElement.textContent.replace(/&nbsp;/g, ' ')\n      })\n    },\n\n    headleScroll() {\n      var scrollTop =\n        window.pageYOffset ||\n        document.documentElement.scrollTop ||\n        document.body.scrollTop\n      if (scrollTop > 400) {\n        this.onGetop = true\n      } else {\n        this.onGetop = false\n      }\n    },\n    goTop() {\n      document.documentElement.scrollTop -= 50\n      if (document.documentElement.scrollTop > 0) {\n        var time = setTimeout(() => this.goTop(), 15)\n      } else {\n        clearTimeout(time)\n        this.isGetop = false\n      }\n    },\n    routerJump() {\n      // this.$router.push({ path: '/mobileterminal' })\n      // 打开机器人文章查询\n    },\n    openBealter() {\n      this.$parent.openBealter()\n    },\n    openBealter2() {\n      this.$parent.openBealter2()\n    }\n  }\n}\n</script>\n\n<style lang=\"less\" scoped>\n.right-fixedgt {\n  width: 72px;\n  height: 365px;\n  position: fixed;\n  bottom: 150px;\n  z-index: 990;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  .fixedgt {\n    width: 72px;\n    height: 285px;\n    padding: 10px 0;\n    box-sizing: border-box;\n    background-color: rgba(207, 224, 252, 0.5);\n    box-shadow: 0px 2px 3px 0px rgba(22, 117, 246, 0.32);\n    border-radius: 6px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: space-between;\n    .fz_fan {\n      position: relative;\n      .fz_li {\n        width: 60px;\n        height: 60px;\n        background-color: #fff;\n        border-radius: 6px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        .icon {\n          width: auto;\n          height: 24px;\n          display: block;\n          margin-bottom: 8px;\n        }\n        .text {\n          font-size: 11px;\n          font-family: OPPOSans-R;\n          color: #535353;\n          line-height: 1;\n        }\n      }\n      .hover {\n        width: 210px;\n        height: 163px;\n        padding: 14px 24px;\n        box-sizing: border-box;\n        position: absolute;\n        top: 11px;\n        right: 100%;\n        margin-right: 22px;\n        background-color: #fff;\n        border-radius: 5px;\n        box-shadow: 0px 2px 8px 0px rgba(185, 188, 193, 0.32);\n        visibility: hidden;\n        opacity: 0;\n        transition: all 0.4s;\n        .link {\n          padding: 12px 0;\n          .fz_t {\n            font-size: 14px;\n            font-family: OPPOSans-R;\n            line-height: 1;\n            color: #535353;\n            margin-bottom: 10px;\n          }\n          .tel {\n            font-size: 16px;\n            font-family: OPPOSans-B;\n            color: #3577ea;\n          }\n        }\n        &::after {\n          content: '';\n          display: block;\n          position: absolute;\n          top: 10px;\n          right: -8px;\n          width: 0;\n          height: 0;\n          border-left: 8px solid #fff;\n          border-top: 8px solid transparent;\n          border-bottom: 8px solid transparent;\n        }\n      }\n      &:nth-child(2):hover {\n        .hover {\n          visibility: visible;\n          opacity: 1;\n        }\n      }\n    }\n  }\n  .fz_top {\n    width: 72px;\n    height: 72px;\n    background-color: rgb(207, 224, 252, 0.5);\n    box-shadow: 0px 2px 3px 0px rgba(22, 117, 246, 0.32);\n    border-radius: 6px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n    .goTop-box {\n      width: 60px;\n      height: 60px;\n      background-color: #fff;\n      border-radius: 6px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      .icon {\n        width: 36px;\n        height: 36px;\n        display: block;\n      }\n    }\n  }\n  .right_video {\n    margin-right: 300px;\n    width: 360px;\n    position: relative;\n    .el-button{\n      position: absolute;\n      left: -30px;\n      top:0;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./right-fixedgt.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./right-fixedgt.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./right-fixedgt.vue?vue&type=template&id=1ef212e8&scoped=true&\"\nimport script from \"./right-fixedgt.vue?vue&type=script&lang=js&\"\nexport * from \"./right-fixedgt.vue?vue&type=script&lang=js&\"\nimport style0 from \"./right-fixedgt.vue?vue&type=style&index=0&id=1ef212e8&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1ef212e8\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isbealter),expression:\"isbealter\"}],staticClass:\"bealter\"},[_c('div',{staticClass:\"bag\",on:{\"click\":_vm.hideBealter}}),_c('div',{staticClass:\"cont\"},[_c('div',{staticClass:\"close\",on:{\"click\":_vm.hideBealter}},[_c('svg',{staticClass:\"icon\",attrs:{\"t\":\"1668155870681\",\"viewBox\":\"0 0 1024 1024\",\"version\":\"1.1\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"p-id\":\"2131\",\"width\":\"30\",\"height\":\"30\"}},[_c('path',{attrs:{\"d\":\"M511.333 127.333c51.868 0 102.15 10.144 149.451 30.15 45.719 19.337 86.792 47.034 122.078 82.321 35.287 35.286 62.983 76.359 82.321 122.078 20.006 47.3 30.15 97.583 30.15 149.451s-10.144 102.15-30.15 149.451c-19.337 45.719-47.034 86.792-82.321 122.078-35.286 35.287-76.359 62.983-122.078 82.321-47.3 20.006-97.583 30.15-149.451 30.15s-102.15-10.144-149.451-30.15c-45.719-19.337-86.792-47.034-122.078-82.321-35.287-35.286-62.983-76.359-82.321-122.078-20.006-47.3-30.15-97.583-30.15-149.451s10.144-102.15 30.15-149.451c19.337-45.719 47.034-86.792 82.321-122.078 35.286-35.287 76.359-62.983 122.078-82.321 47.301-20.006 97.583-30.15 149.451-30.15m0-64c-247.424 0-448 200.576-448 448s200.576 448 448 448 448-200.576 448-448-200.576-448-448-448z\",\"fill\":\"#757e8d\",\"p-id\":\"2132\"}}),_c('path',{attrs:{\"d\":\"M557.254 512l147.373-147.373c12.497-12.497 12.497-32.758 0-45.255-12.496-12.497-32.758-12.497-45.254 0L512 466.746 364.627 319.373c-12.497-12.497-32.758-12.497-45.255 0s-12.497 32.758 0 45.255L466.746 512 319.373 659.373c-12.497 12.496-12.497 32.758 0 45.254C325.621 710.876 333.811 714 342 714s16.379-3.124 22.627-9.373L512 557.254l147.373 147.373C665.621 710.876 673.811 714 682 714s16.379-3.124 22.627-9.373c12.497-12.496 12.497-32.758 0-45.254L557.254 512z\",\"fill\":\"#757e8d\",\"p-id\":\"2133\"}})])]),_c('div',{staticClass:\"lt\"},[_c('div',{staticClass:\"fz_jut\"},[_c('div',{staticClass:\"fz_name\"},[_vm._v(\"预约成功后\")]),_c('div',{staticClass:\"fz_tit\"},[_vm._v(\"我们将会提供\")]),_c('div',{staticClass:\"nei\"},[_c('div',{staticClass:\"li\"},[_c('i',[_c('img',{attrs:{\"src\":require('@/assets/altProduct/alticonimg.png'),\"alt\":\"\"}})]),_c('span',[_vm._v(\"安排专业团队免费上门咨询需求\")])]),_c('div',{staticClass:\"li\"},[_c('i',[_c('img',{attrs:{\"src\":require('@/assets/altProduct/alticonimg.png'),\"alt\":\"\"}})]),_c('span',[_vm._v(\"根据企业实际情况提供合理解决方案\")])]),_c('div',{staticClass:\"li\"},[_c('i',[_c('img',{attrs:{\"src\":require('@/assets/altProduct/alticonimg.png'),\"alt\":\"\"}})]),_c('span',[_vm._v(\"7*24小时在线解答您的疑问\")])]),_c('div',{staticClass:\"li\"},[_c('i',[_c('img',{attrs:{\"src\":require('@/assets/altProduct/alticonimg.png'),\"alt\":\"\"}})]),_c('span',[_vm._v(\"专业的开发团队协助，满足您所有的定制化要求\")])])])])]),_c('div',{staticClass:\"gt\"},[_c('div',{staticClass:\"fz_jut\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"预约产品演示\")]),_c('div',{staticClass:\"text\"},[_vm._v(\"提交信息后，专属顾问将会在1个工作日内与您联系\")]),_c('el-form',{ref:\"form\",attrs:{\"model\":_vm.form}},[_c('el-form-item',[_c('el-input',{attrs:{\"placeholder\":\"姓名\"},model:{value:(_vm.form.name),callback:function ($$v) {_vm.$set(_vm.form, \"name\", $$v)},expression:\"form.name\"}})],1),_c('el-form-item',[_c('el-input',{attrs:{\"placeholder\":\"公司名称\"},model:{value:(_vm.form.corporate),callback:function ($$v) {_vm.$set(_vm.form, \"corporate\", $$v)},expression:\"form.corporate\"}})],1),_c('el-form-item',[_c('el-input',{attrs:{\"placeholder\":\"手机号\"},model:{value:(_vm.form.tel),callback:function ($$v) {_vm.$set(_vm.form, \"tel\", $$v)},expression:\"form.tel\"}}),(!_vm.isGetting)?_c('div',{staticClass:\"code-button\",on:{\"click\":_vm.getCode}},[_vm._v(\" 获取验证码 \")]):_c('div',{staticClass:\"code-button getting\"},[_vm._v(\" \"+_vm._s(_vm.timing + 's后重新获取')+\" \")])],1),_c('el-form-item',[_c('el-input',{attrs:{\"placeholder\":\"输入验证码\"},model:{value:(_vm.form.code),callback:function ($$v) {_vm.$set(_vm.form, \"code\", $$v)},expression:\"form.code\"}})],1)],1),_c('div',{staticClass:\"product-list-wrap\"},[_c('div',{staticClass:\"wrap-text\"},[_vm._v(\"选择您想演示的产品\")]),_c('div',{staticClass:\"product-list\"},_vm._l((_vm.productList),function(item,index){return _c('div',{key:index,staticClass:\"product-item\",on:{\"click\":function($event){return _vm.onXuanZhong(item)}}},[_c('div',{staticClass:\"xuanzhong\",class:{ isxuanzhong: _vm.xuanZhong(item) }}),_c('div',{staticClass:\"item-text\"},[_vm._v(_vm._s(item.text))])])}),0)]),_c('div',{staticClass:\"fzlat\",on:{\"click\":_vm.onQueren}},[_c('div',{staticClass:\"zhengque\",class:{ isqueding: _vm.isQueding }}),_vm._m(0)]),_c('div',{staticClass:\"btn\",on:{\"click\":_vm.submit}},[_vm._v(\"确认提交\")])],1)])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('span',[_vm._v(\"预约产品演示即代表同意 \"),_c('a',{staticClass:\"agreement\",attrs:{\"href\":\"/privacy\",\"target\":\"_blank\"}},[_vm._v(\"《隐私保护协议》\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div v-show=\"isbealter\" class=\"bealter\">\n    <div class=\"bag\" @click=\"hideBealter\"></div>\n    <div class=\"cont\">\n      <div class=\"close\" @click=\"hideBealter\">\n        <svg\n          t=\"1668155870681\"\n          class=\"icon\"\n          viewBox=\"0 0 1024 1024\"\n          version=\"1.1\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          p-id=\"2131\"\n          width=\"30\"\n          height=\"30\"\n        >\n          <path\n            d=\"M511.333 127.333c51.868 0 102.15 10.144 149.451 30.15 45.719 19.337 86.792 47.034 122.078 82.321 35.287 35.286 62.983 76.359 82.321 122.078 20.006 47.3 30.15 97.583 30.15 149.451s-10.144 102.15-30.15 149.451c-19.337 45.719-47.034 86.792-82.321 122.078-35.286 35.287-76.359 62.983-122.078 82.321-47.3 20.006-97.583 30.15-149.451 30.15s-102.15-10.144-149.451-30.15c-45.719-19.337-86.792-47.034-122.078-82.321-35.287-35.286-62.983-76.359-82.321-122.078-20.006-47.3-30.15-97.583-30.15-149.451s10.144-102.15 30.15-149.451c19.337-45.719 47.034-86.792 82.321-122.078 35.286-35.287 76.359-62.983 122.078-82.321 47.301-20.006 97.583-30.15 149.451-30.15m0-64c-247.424 0-448 200.576-448 448s200.576 448 448 448 448-200.576 448-448-200.576-448-448-448z\"\n            fill=\"#757e8d\"\n            p-id=\"2132\"\n          />\n          <path\n            d=\"M557.254 512l147.373-147.373c12.497-12.497 12.497-32.758 0-45.255-12.496-12.497-32.758-12.497-45.254 0L512 466.746 364.627 319.373c-12.497-12.497-32.758-12.497-45.255 0s-12.497 32.758 0 45.255L466.746 512 319.373 659.373c-12.497 12.496-12.497 32.758 0 45.254C325.621 710.876 333.811 714 342 714s16.379-3.124 22.627-9.373L512 557.254l147.373 147.373C665.621 710.876 673.811 714 682 714s16.379-3.124 22.627-9.373c12.497-12.496 12.497-32.758 0-45.254L557.254 512z\"\n            fill=\"#757e8d\"\n            p-id=\"2133\"\n          />\n        </svg>\n      </div>\n      <div class=\"lt\">\n        <div class=\"fz_jut\">\n          <div class=\"fz_name\">预约成功后</div>\n          <div class=\"fz_tit\">我们将会提供</div>\n          <div class=\"nei\">\n            <div class=\"li\">\n              <i>\n                <img\n                  :src=\"require('@/assets/altProduct/alticonimg.png')\"\n                  alt=\"\"\n                />\n              </i>\n              <span>安排专业团队免费上门咨询需求</span>\n            </div>\n            <div class=\"li\">\n              <i>\n                <img\n                  :src=\"require('@/assets/altProduct/alticonimg.png')\"\n                  alt=\"\"\n                />\n              </i>\n              <span>根据企业实际情况提供合理解决方案</span>\n            </div>\n            <div class=\"li\">\n              <i>\n                <img\n                  :src=\"require('@/assets/altProduct/alticonimg.png')\"\n                  alt=\"\"\n                />\n              </i>\n              <span>7*24小时在线解答您的疑问</span>\n            </div>\n            <div class=\"li\">\n              <i>\n                <img\n                  :src=\"require('@/assets/altProduct/alticonimg.png')\"\n                  alt=\"\"\n                />\n              </i>\n              <span>专业的开发团队协助，满足您所有的定制化要求</span>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"gt\">\n        <div class=\"fz_jut\">\n          <div class=\"title\">预约产品演示</div>\n          <div class=\"text\">提交信息后，专属顾问将会在1个工作日内与您联系</div>\n          <el-form ref=\"form\" :model=\"form\">\n            <el-form-item>\n              <el-input v-model=\"form.name\" placeholder=\"姓名\" />\n            </el-form-item>\n            <el-form-item>\n              <el-input v-model=\"form.corporate\" placeholder=\"公司名称\" />\n            </el-form-item>\n            <el-form-item>\n              <el-input v-model=\"form.tel\" placeholder=\"手机号\" />\n              <div v-if=\"!isGetting\" class=\"code-button\" @click=\"getCode\">\n                获取验证码\n              </div>\n              <div v-else class=\"code-button getting\">\n                {{ timing + 's后重新获取' }}\n              </div>\n            </el-form-item>\n            <el-form-item>\n              <el-input v-model=\"form.code\" placeholder=\"输入验证码\" />\n            </el-form-item>\n          </el-form>\n          <div class=\"product-list-wrap\">\n            <div class=\"wrap-text\">选择您想演示的产品</div>\n            <div class=\"product-list\">\n              <div\n                v-for=\"(item, index) in productList\"\n                :key=\"index\"\n                class=\"product-item\"\n                @click=\"onXuanZhong(item)\"\n              >\n                <div\n                  class=\"xuanzhong\"\n                  :class=\"{ isxuanzhong: xuanZhong(item) }\"\n                ></div>\n                <div class=\"item-text\">{{ item.text }}</div>\n              </div>\n            </div>\n          </div>\n          <div class=\"fzlat\" @click=\"onQueren\">\n            <div class=\"zhengque\" :class=\"{ isqueding: isQueding }\"></div>\n            <span\n              >预约产品演示即代表同意\n              <a href=\"/privacy\" target=\"_blank\" class=\"agreement\"\n                >《隐私保护协议》</a\n              ></span\n            >\n          </div>\n          <div class=\"btn\" @click=\"submit\">确认提交</div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { getSmsCode, checkCode, submitFormData } from '@/api/content'\nexport default {\n  name: 'AltProduct',\n  data() {\n    return {\n      isbealter: false,\n      isGetting: false,\n      timing: 60,\n      form: {\n        name: '',\n        corporate: '',\n        tel: '',\n        code: ''\n      },\n      productIndex: [],\n      productList: [\n        {\n          id: 0,\n          text: '战略组织'\n        },\n        {\n          id: 1,\n          text: '员工管理'\n        },\n        {\n          id: 2,\n          text: '考勤工时'\n        },\n        {\n          id: 3,\n          text: '薪酬福利'\n        },\n        {\n          id: 4,\n          text: '人才招聘'\n        },\n        {\n          id: 5,\n          text: '人才培育'\n        },\n        {\n          id: 6,\n          text: '绩效激励'\n        },\n        {\n          id: 7,\n          text: '人才发展'\n        }\n      ],\n      isQueding: false\n    }\n  },\n  methods: {\n    tobealter() {\n      this.isbealter = true\n    },\n    hideBealter() {\n      this.isbealter = false\n    },\n    getCode() {\n      var params = { telephone: this.form.tel }\n      getSmsCode(params).then(res => {\n        if (res.code === 200) {\n          this.isGetting = true\n          var time = setInterval(() => {\n            this.timing -= 1\n            if (this.timing === 0) {\n              clearInterval(time)\n              this.timing = 60\n              this.isGetting = false\n            }\n          }, 1000)\n        }\n      })\n    },\n    onXuanZhong(item) {\n      var index = this.productIndex.indexOf(item.text)\n      if (index === -1) {\n        this.productIndex.push(item.text)\n      } else {\n        this.productIndex.splice(index, 1)\n      }\n    },\n    xuanZhong(item) {\n      var index = this.productIndex.indexOf(item.text)\n      if (index === -1) {\n        return false\n      } else {\n        return true\n      }\n    },\n    onQueren() {\n      this.isQueding = !this.isQueding\n    },\n    submit() {\n      if (!this.form.name) {\n        this.$message.error('姓名不能为空')\n      } else if (!this.form.corporate) {\n        this.$message.error('公司名称不能为空')\n      } else if (!this.form.tel) {\n        this.$message.error('手机号不能为空')\n      } else if (this.productIndex.length === 0) {\n        this.$message.error('请选择演示的产品')\n      } else {\n        if (this.isQueding) {\n          const data = { telephone: this.form.tel, code: this.form.code }\n          checkCode(data)\n            .then(res => {\n              if (res.code === 200) {             \n                const formData = {\n                  name: this.form.name,\n                  fullname: this.form.corporate,\n                  tel: this.form.tel,\n                  pro: this.productIndex.join(',')\n                }\n                // console.log(formData)\n                // return\n                submitFormData(formData).then(rrs => {\n                  if (rrs.error == 0) {\n                    this.hideBealter()\n                    setTimeout(() => {\n                      alert('已成功提交')\n                      this.form = {\n                        name: '',\n                        corporate: '',\n                        tel: '',\n                        code: ''\n                      }\n                      this.productIndex = []\n                    }, 100)\n                  }\n                })\n              }\n            })\n            .catch(error => {\n              this.$message.error('验证码错误，请重新输入')\n            })\n        } else {\n          alert('请先同意隐私协议')\n        }\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"less\" scoped>\n.bealter {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1000;\n  .bag {\n    background-color: rgba(0, 0, 0, 0.5);\n    width: 100%;\n    height: 100%;\n  }\n  .cont {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    overflow: hidden;\n    display: flex;\n    background-color: #f8f8f8;\n    width: 910px;\n    height: 712px;\n    border-radius: 8px;\n    .close {\n      width: 30px;\n      height: 30px;\n      position: absolute;\n      right: 35px;\n      top: 35px;\n      cursor: pointer;\n      z-index: 9999;\n    }\n    .lt {\n      background: url('@/assets/altProduct/yanshiltimg.png') no-repeat;\n      background-position: center;\n      background-size: cover;\n      width: 41.17%;\n      padding-top: 11rem;\n      box-sizing: border-box;\n      .fz_jut {\n        width: 100%;\n        padding: 0 3rem;\n        box-sizing: border-box;\n        .fz_name {\n          font-size: 16px;\n          font-family: OPPOSans-M;\n          color: #737c8b;\n          margin-bottom: 13px;\n          line-height: 1;\n        }\n        .fz_tit {\n          font-size: 32px;\n          font-family: OPPOSans-M;\n          color: #181818;\n          line-height: 1;\n          margin-bottom: 40px;\n        }\n        .nei {\n          width: 100%;\n          .li {\n            display: flex;\n            align-items: flex-start;\n            margin-bottom: 2rem;\n            i {\n              width: 20px;\n              height: 20px;\n              margin-right: 6px;\n              img {\n                display: block;\n              }\n            }\n            span {\n              font-size: 16px;\n              font-family: OPPOSans-M;\n              color: #566379;\n            }\n          }\n        }\n      }\n    }\n    .gt {\n      flex: 1;\n      position: relative;\n      .fz_jut {\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n        padding: 70px 70px 0;\n        .title {\n          font-size: 32px;\n          color: #181818;\n          font-family: OPPOSans-M;\n          line-height: 1;\n          margin-bottom: 14px;\n        }\n        .text {\n          font-size: 16px;\n          font-family: OPPOSans-M;\n          color: #737c8b;\n          line-height: 1;\n          margin-bottom: 40px;\n        }\n        .code-button {\n          cursor: pointer;\n          width: 120px;\n          height: 40px;\n          margin-left: 10px;\n          border: 1px solid #dee0e3;\n          line-height: 40px;\n          text-align: center;\n          font-size: 14px;\n          font-family: OPPOSans-R;\n          color: #181818;\n          border-radius: 4px;\n          box-sizing: border-box;\n        }\n        .getting {\n          background-color: #e0e5f0;\n          border: 1px solid #e0e5f0;\n          color: #8893a9;\n        }\n        .code-button:hover {\n          border: solid 1px #3577ea;\n          color: #3577ea;\n        }\n        .getting:hover {\n          border: 1px solid #e0e5f0;\n          color: #8893a9;\n        }\n        .product-list-wrap {\n          width: 100%;\n          margin-bottom: 22px;\n          border-bottom: 1px solid #e8eaed;\n          .wrap-text {\n            font-size: 13px;\n            font-family: OPPOSans-R;\n            color: #737c8b;\n            margin-bottom: 20px;\n          }\n          .product-list {\n            width: 100%;\n            display: flex;\n            flex-wrap: wrap;\n            align-items: center;\n            justify-content: flex-start;\n            .product-item {\n              display: flex;\n              align-items: center;\n              justify-content: flex-start;\n              margin-right: 77px;\n              margin-bottom: 24px;\n              cursor: pointer;\n              .xuanzhong {\n                width: 16px;\n                height: 16px;\n                background-color: #fff;\n                border-radius: 4px;\n                border: 1px solid #dee0e3;\n                background-repeat: no-repeat;\n                background-position: center;\n                transition: all 0.3s ease-in-out;\n                box-sizing: border-box;\n                margin-right: 8px;\n              }\n              .isxuanzhong {\n                background-image: url('@/assets/altProduct/zhengque.png');\n                background-color: #3577ea;\n                border-color: #3577ea;\n              }\n              .item-text {\n                font-family: OPPOSans-R;\n                font-size: 14px;\n                color: #181818;\n                line-height: 1;\n              }\n            }\n            .product-item:nth-child(3n) {\n              margin-right: 0;\n            }\n          }\n        }\n        .fzlat {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          .zhengque {\n            width: 16px;\n            height: 16px;\n            background-color: #fff;\n            border-radius: 4px;\n            border: 1px solid #dee0e3;\n            background-repeat: no-repeat;\n            background-position: center;\n            transition: all 0.3s linear;\n            cursor: pointer;\n          }\n          span {\n            padding-left: 10px;\n            // display: block;\n            font-size: 12px;\n            color: #737c8b;\n            .agreement {\n              color: #3577ea;\n            }\n          }\n          .isqueding {\n            background-image: url('@/assets/altProduct/zhengque.png');\n            background-color: #3577ea;\n            border-color: #3577ea;\n          }\n        }\n        .btn {\n          margin-top: 10px;\n          width: 100%;\n          height: 40px;\n          background-color: #3577ea;\n          border-radius: 4px;\n          line-height: 40px;\n          text-align: center;\n          color: #fff;\n          font-size: 14px;\n          cursor: pointer;\n        }\n        ::v-deep .el-form-item {\n          .el-form-item__content {\n            display: flex;\n            .el-input {\n              flex: 1;\n            }\n            .el-select {\n              flex: 1;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./alt-product.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./alt-product.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./alt-product.vue?vue&type=template&id=de1e9b3c&scoped=true&\"\nimport script from \"./alt-product.vue?vue&type=script&lang=js&\"\nexport * from \"./alt-product.vue?vue&type=script&lang=js&\"\nimport style0 from \"./alt-product.vue?vue&type=style&index=0&id=de1e9b3c&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"de1e9b3c\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('el-drawer',{staticClass:\"drawerpar\",attrs:{\"visible\":_vm.drawer,\"direction\":_vm.direction,\"before-close\":_vm.handleClose,\"append-to-body\":true,\"custom-class\":\"drawer\",\"id\":\"drawerpar\"},on:{\"update:visible\":function($event){_vm.drawer=$event},\"open\":_vm.init}},[_c('template',{slot:\"title\"},[_c('div',{staticClass:\"bt\"},[_c('img',{attrs:{\"src\":require(\"@/assets/yy.png\")}}),_vm._v(\"华跃客服\")])]),_c('div',{ref:\"scrollDiv\",staticClass:\"drawer__body\"},[_c('div',{staticClass:\"wh jxw\"},[_c('img',{attrs:{\"src\":require(\"@/assets/yy.png\")}}),_c('span',[_vm._v(\"您好，华跃智能客服助理为您服务！\")])]),_c('div',{staticClass:\"wh\"},[_vm._v(\" HI～，更懂制造业的HR,华跃HR，悦悦为您排忧解惑，请问有什么可以为您效劳呢？ \")]),_c('div',{staticClass:\"wh\"},[_vm._v(\" 猜你想问 \"),_vm._l((_vm.qslist),function(item,index){return _c('div',{key:index,staticClass:\"link\",on:{\"click\":function($event){return _vm.go(item)}}},[_c('span',[_c('i',[_vm._v(_vm._s(index + 1))]),_vm._v(_vm._s(item.title)+\" \")]),_c('i',{staticClass:\"el-icon-arrow-right\"})])})],2),_vm._l((_vm.astlist),function(item,index){return _c('div',{key:index,class:{ wh: true, ast: item.isast },domProps:{\"innerHTML\":_vm._s(item.html)}})})],2),_c('div',{staticClass:\"drawer__footer\"},[_c('div',{staticClass:\"gdbtn\"},_vm._l((_vm.gdbtn),function(item,index){return _c('div',{key:index,domProps:{\"innerHTML\":_vm._s(item.text)},on:{\"click\":function($event){return _vm.add(item.html)}}})}),0),_c('el-autocomplete',{staticClass:\"input-with-select\",attrs:{\"placeholder\":\"请输入内容\",\"trigger-on-focus\":false,\"fetch-suggestions\":_vm.querySearch},model:{value:(_vm.state),callback:function ($$v) {_vm.state=$$v},expression:\"state\"}},[_c('el-button',{attrs:{\"slot\":\"append\",\"icon\":\"el-icon-search\"},on:{\"click\":_vm.send},slot:\"append\"})],1)],1)],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <el-drawer\r\n    :visible.sync=\"drawer\"\r\n    :direction=\"direction\"\r\n    :before-close=\"handleClose\"\r\n    :append-to-body=\"true\"\r\n    custom-class=\"drawer\"\r\n    class=\"drawerpar\"\r\n    id=\"drawerpar\"\r\n    @open=\"init\"\r\n  >\r\n    <template slot=\"title\">\r\n      <div class=\"bt\"><img src=\"@/assets/yy.png\" />华跃客服</div>\r\n    </template>\r\n    <div class=\"drawer__body\" ref=\"scrollDiv\">\r\n      <div class=\"wh jxw\">\r\n        <img src=\"@/assets/yy.png\" />\r\n        <span>您好，华跃智能客服助理为您服务！</span>\r\n      </div>\r\n      <div class=\"wh\">\r\n        HI～，更懂制造业的HR,华跃HR，悦悦为您排忧解惑，请问有什么可以为您效劳呢？\r\n      </div>\r\n      <div class=\"wh\">\r\n        猜你想问\r\n        <div\r\n          v-for=\"(item, index) in qslist\"\r\n          :key=\"index\"\r\n          class=\"link\"\r\n          @click=\"go(item)\"\r\n        >\r\n          <span>\r\n            <i>{{ index + 1 }}</i\r\n            >{{ item.title }}\r\n          </span>\r\n          <i class=\"el-icon-arrow-right\"></i>\r\n        </div>\r\n      </div>\r\n      <div\r\n        :class=\"{ wh: true, ast: item.isast }\"\r\n        v-for=\"(item, index) in astlist\"\r\n        :key=\"index\"\r\n        v-html=\"item.html\"\r\n      />\r\n    </div>\r\n    <div class=\"drawer__footer\">\r\n      <div class=\"gdbtn\">\r\n        <div\r\n          v-for=\"(item, index) in gdbtn\"\r\n          :key=\"index\"\r\n          v-html=\"item.text\"\r\n          @click=\"add(item.html)\"\r\n        />\r\n      </div>\r\n      <el-autocomplete\r\n        placeholder=\"请输入内容\"\r\n        v-model=\"state\"\r\n        class=\"input-with-select\"\r\n        :trigger-on-focus=\"false\"\r\n        :fetch-suggestions=\"querySearch\"\r\n      >\r\n        <el-button\r\n          slot=\"append\"\r\n          icon=\"el-icon-search\"\r\n          @click=\"send\"\r\n        ></el-button>\r\n      </el-autocomplete>\r\n    </div>\r\n  </el-drawer>\r\n</template>\r\n\r\n<script>\r\nimport { GetTotal, search } from '@/api/content'\r\nexport default {\r\n  name: 'ast',\r\n  data() {\r\n    return {\r\n      drawer: false,\r\n      state: '',\r\n      direction: 'rtl',\r\n      astlist: [],\r\n      qslist: [{ title: 111111 }],\r\n      qslist2: [],\r\n      gdbtn: [\r\n        {\r\n          text: '联系售后',\r\n          html:\r\n            '问题解答：刘小姐 0757-22115226 <br>服务监督：程圆龙 15976666086'\r\n        },\r\n        {\r\n          text: '移动售后',\r\n          html:\r\n            '微信搜索“华跃之家”关注==》点击华跃资讯==》售后平台==》登陆<p>我的作用：问题工单可以通过手机端提交，可以接单信息提醒，工程反馈回复提醒，工单完结满意度评分历史发帖问题查询。实现在线化售后服务互联中心，让华跃服务永相随。</p>'\r\n        },\r\n        {\r\n          text: '售后平台',\r\n          html:\r\n            '<a href=\"http://120.76.77.155:8055/\" target=\"_blank\">售后平台入口</a>'\r\n        }\r\n      ]\r\n    }\r\n  },\r\n  methods: {\r\n    querySearch(queryString, cb) {\r\n      var restaurants = this.qslist2\r\n      var results = queryString\r\n        ? restaurants.filter(e => {\r\n            return e.value.indexOf(queryString) > -1\r\n          })\r\n        : []\r\n      // 调用 callback 返回建议列表的数据\r\n      cb(results)\r\n    },\r\n    go(item) {\r\n      let url = 'http://120.76.77.155:8055/tech/viewtech2?autoid=' + item.autoid\r\n      window.open(url)\r\n    },\r\n    send() {\r\n      this.astlist.push({ html: this.state, isast: true })\r\n      search({ keywork: this.state }).then(rrs => {\r\n        if (rrs.error == 0) {\r\n          // this.qslist = rrs.list\r\n          let html =\r\n            rrs.list.length > 0\r\n              ? '<a href=\"http://120.76.77.155:8055/tech/viewtech2?autoid=' +\r\n                rrs.list[0].autoid +\r\n                '\" target=\"_blank\">' +\r\n                rrs.list[0].title +\r\n                '</a>'\r\n              : '没有相关内容，请到售后平台咨询：<a href=\"http://120.76.77.155:8055/\" target=\"_blank\">售后平台入口</a>'\r\n          this.add(html)\r\n        }\r\n      })\r\n      this.state = ''\r\n      this.scrollDiv()\r\n    },\r\n    add(html) {\r\n      this.astlist.push({ html: html })\r\n      this.scrollDiv()\r\n    },\r\n    scrollDiv() {\r\n      this.$nextTick(() => {\r\n        let scrollElem = this.$refs.scrollDiv\r\n        scrollElem.scrollTo({\r\n          top: scrollElem.scrollHeight,\r\n          behavior: 'smooth'\r\n        })\r\n      })\r\n    },\r\n    init() {\r\n      this.astlist = []\r\n      GetTotal().then(rrs => {\r\n        if (rrs.error == 0) {\r\n          rrs.list2.forEach(e => {\r\n            e.value = e.title\r\n          })\r\n          this.qslist = rrs.list\r\n          this.qslist2 = rrs.list2\r\n        }\r\n      })\r\n    },\r\n    handleClose(done) {\r\n      this.$confirm('确认关闭？')\r\n        .then(_ => {\r\n          done()\r\n        })\r\n        .catch(_ => {})\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n#drawerpar {\r\n  font-family: OPPOSans-M;\r\n  /deep/.el-drawer {\r\n    background: #eee;\r\n    .el-drawer__header {\r\n      background: #fff;\r\n      padding-bottom: 20px;\r\n      margin-bottom: 0;\r\n      .bt {\r\n        text-align: center;\r\n        font-weight: bold;\r\n        img {\r\n          vertical-align: middle;\r\n          width: 1.5em;\r\n          margin-right: 5px;\r\n        }\r\n      }\r\n    }\r\n    .el-drawer__body {\r\n      .drawer__body {\r\n        padding: 20px;\r\n        height: calc(100% - 80px);\r\n        overflow-y: auto;\r\n        overflow-x: hidden;\r\n        .wh {\r\n          background: #fff;\r\n          border-radius: 5px;\r\n          position: relative;\r\n          line-height: 20px;\r\n          padding: 10px;\r\n          margin-bottom: 20px;\r\n          img {\r\n            width: 60px;\r\n            position: absolute;\r\n            left: 5px;\r\n            top: -20px;\r\n          }\r\n          p {\r\n            text-indent: 2em;\r\n          }\r\n          .link {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            cursor: pointer;\r\n            i {\r\n              margin-right: 10px;\r\n                  font-style: normal;\r\n            }\r\n          }\r\n          .link:hover {\r\n            color: rgba(22, 117, 246);\r\n          }\r\n        }\r\n        .jxw {\r\n          padding-left: 70px;\r\n        }\r\n        .ast {\r\n          background: rgba(22, 117, 246, 0.32);\r\n          text-align: right;\r\n        }\r\n      }\r\n\r\n      .drawer__footer {\r\n        position: absolute;\r\n        bottom: 0;\r\n        width: 100%;\r\n        height: 80px;\r\n        padding: 0 20px;\r\n        .gdbtn {\r\n          display: flex;\r\n          div {\r\n            height: 20px;\r\n            border-radius: 10px;\r\n            border: 1px solid #ccc;\r\n            padding: 0 10px;\r\n            margin: 5px;\r\n            cursor: pointer;\r\n          }\r\n          div:hover {\r\n            background: rgba(22, 117, 246, 0.32);\r\n          }\r\n        }\r\n        .el-autocomplete {\r\n          width: 100%;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ast.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ast.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ast.vue?vue&type=template&id=59db8be8&scoped=true&\"\nimport script from \"./ast.vue?vue&type=script&lang=js&\"\nexport * from \"./ast.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ast.vue?vue&type=style&index=0&id=59db8be8&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"59db8be8\",\n  null\n  \n)\n\nexport default component.exports","/*\n * @Author: zhb 1822394027@qq.com\n * @Date: 2022-10-05 11:21:08\n * @LastEditors: zhb 1822394027@qq.com\n * @LastEditTime: 2022-10-05 11:58:47\n * @FilePath: \\huayue\\src\\main.js\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport Vue from 'vue';\nimport App from './App.vue';\nimport Element from 'element-ui';\nimport router from './router';\nimport VueAwesomeSwiper from 'vue-awesome-swiper';\nimport VueCoreVideoPlayer from 'vue-core-video-player';\nimport 'element-ui/lib/theme-chalk/index.css';\nimport '@/assets/font/font.css';\nimport 'swiper/css/swiper.min.css';\n\nimport AppBar from '@/components/appbar-wrap.vue';\nimport FootWrap from '@/components/foot-wrap.vue';\nimport RightFixedgt from '@/components/right-fixedgt.vue';\nimport AltProduct from '@/components/alt-product.vue';\nimport ast from '@/components/ast.vue'\nVue.config.productionTip = false;\n\nVue.use(Element);\nVue.use(VueAwesomeSwiper);\nVue.use(VueCoreVideoPlayer, {\n  lang: 'zh-CN',\n});\nVue.component('AppBar', AppBar);\nVue.component('FootWrap', FootWrap);\nVue.component('RightFixedgt', RightFixedgt);\nVue.component('AltProduct', AltProduct);\nVue.component('ast', ast)\nnew Vue({\n  router,\n  render: h => h(App),\n}).$mount('#app');\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\tloaded: false,\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Flag the module as loaded\n\tmodule.loaded = true;\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","__webpack_require__.amdO = {};","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.nmd = function(module) {\n\tmodule.paths = [];\n\tif (!module.children) module.children = [];\n\treturn module;\n};","__webpack_require__.p = \"/\";","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t143: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkhuayue\"] = self[\"webpackChunkhuayue\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [998], function() { return __webpack_require__(5383); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["render","_vm","this","_c","_self","attrs","blockHadheight","staticClass","staticStyle","_e","staticRenderFns","name","components","data","watch","handler","to","from","path","deep","immediate","component","ref","swiperOption","require","_v","on","openBealter","_l","carouselList","item","index","key","$event","goto","img","slot","$router","push","_m","digitizationList","length","model","value","activeDigitizationNav","callback","$$v","expression","dagitization","labelImage","_s","labelName","title","info","domProps","rightImage","demandCustomizatioTagList","class","demandCustomizatioTagActiveIndex","changeDemand","url","directives","rawName","demandCustomizatioContentList","gif","contentList","qyvideoList","caseItem","caseIndex","content","handleClick","activeDemoIndex","enterptiseDemoTagList","label","enterptiseDemoDetailList","lookToCase","icon","logo","summaryTitle","description","moreEnterprise","partnerList","style","animationDuration","partnerRecursion","preSales","afterSales","ctx","arcy1","arcX2","arcX3","arcX4","mounted","c","document","getElementById","homeCavas6","getContext","draw","type","methods","clearRect","beginPath","globalCompositeOperation","drawImage","Math","abs","stroke","window","requestAnimationFrame","bind","clear","CONTENT_TYPE","FORM_URLENCODED","APPLICATION_JSON","apiUrl","dev","pro","service","Axios","baseURL","timeout","interceptors","request","use","config","headers","qs","error","Promise","reject","response","code","Error","console","log","msg","getColumnChild","params","method","getColumnDetail","columnId","getContentList","getContentDetail","contentId","getSmsCode","checkCode","submitFormData","search","GetTotal","submitForm","download","id","responseType","getVariableInfo","HomeViewCanvas","Swiper","SwiperSlide","spaceBetween","effect","pagination","el","clickable","activeIndex","productCenterList","serviceAndPromiseList","aboutUsList","enterprisePartnerScrollTimer","getCarousel","getPageColumn","getPartner","getCaseLabalList","getVariable","beforeDestroy","removeEventListener","enterprisePartnerScroll","pageNum","pageSize","then","res","result","i","carousel","website","parentId","rrsult","rrs","j","rts","rtsult","doc","DOMParser","parseFromString","defaultContent","digitization","documentElement","textContent","replace","x","elements","demandCustomizatioContent","commendation","cascade","$nextTick","addEventListener","open","getCaseList","e","Number","$refs","enterprisePartnerItemWrap","scrollWidth","offsetWidth","clearInterval","lenPx","enterprisePartner","setTimeout","altProduct","tobealter","openBealter2","ast","drawer","privacy","getPrivacy","top","imgBack","width","navWidth","height","navHeight","navList","topNaviId","goAnchor","valueList","onMouseenter","onMouseleve","valueIndex","iconChange","describe","architecture","introductionTagList","introductionTagActiveIndex","changeIntroduction","introductionList","dataSecurityList","textList","textItem","textIndex","enterpriseList","dataDownloadList","dataList","dataItem","dataIndex","clickDate","offsetTop","scrollTop","position","newValue","oldValue","scrollY","elementTop","handleScroll","nav","offsetHeight","navTabs","pageYOffset","body","headerFixed","scroll","scrollTo","left","behavior","valueItem","introduction","dataSecurityItem","find","obj","contentdoc","downLoadParams","contentParams","industryParams","file","fileName","blob","Blob","navigator","msSaveBlob","decodeURI","blobURL","URL","createObjectURL","tempLink","createElement","display","href","setAttribute","appendChild","click","removeChild","revokeObjectURL","query","subtitle","ContentList","contentItem","contentIndex","dataSecurityTagList","changeStep","dataSecurityTagActiveIndex","last","next","introductionItem","dataSecurityTag","productValue","introductionIndex","text","TagItem","describeList","textindex","changeIndex","eng","time","introductionTag","architectureImg","displayTag","painSpotList","valueAnalysisList","valueCenterImg","solutionList","solutionIndex","painSpotItem","valueAnalysisItem","solutionItem","painPointsList","painPointsIndex","onmousemove","senseOfWorthList","contentColor","contentImg","painPointsItem","solutionContentList","solutionTagActiveIndex","senseOfWorthItem","solutionContentItem","background","backImg","senseOfWorthImg","checkIcon","onClick","solutionContent","SolutionList","classicCaseIndex","classicCaseLabalList","classicCaseList","moreList","load","$route","CaseLabel","CaseLabelIndex","findIndex","concat","customerName","relatedProducts","productsList","viewDetails","casesTypeList","viewCases","CaseId","getCaseInfo","chapterNum","JSON","parse","firstClassList","activeName","secondClassList","fileList","fileItem","fileIndex","fileTime","publishTime","downLoad","getFirstMenu","firstClass","secondClass","dayjs","format","tab","event","complete","returnFrom","experienceform","$set","options","contacts","telephone","functionList","onXuanZhong","isxuanzhong","xuanZhong","cycleList","onDanZhong","cycleItem","supportList","counterpart","counterpartTel","submit","functionItem","supportItem","getOptionsList","indexOf","splice","element","elementType","formData","formId","navigationList","navigationIndex","router","switchRoutes","enterpriseData","plus","company","characteristicList","characteristicIndex","onBackImg","onMouseleave","playerOptions","sources","src","contentDoc","enterprise","characteristic","expertTitle","expertDescribe","expertList","portrait","page","total","handleCurrentChange","expertIndex","prev","nest","personnelTitle","personnelDescribe","personnelList","personnelIndex","majorList","personnelPrev","personnelNest","typeList","part","typeItem","typeIndex","more","moreItem","moreIndex","close","direction","slidesPerView","freeMode","scrollbar","draggable","simulateTouch","mousewheel","expertColumnId","personnelTime","stories1","stories2","stories3","stories4","stories5","stories6","stories7","getExpertList","personne","personnelTiming","expert","val","setInterval","historyList","history","eventItem","eventIndex","year","navigation","nextEl","prevEl","historyItem","detailsList","detailsIndex","onMouseEnter","opacity","titZh","titEh","describeItem","describeIndex","txtLf","txtRt","detailsItem","sebtitle","newsList","newsDetails","hotNewsList","hotPublishTime","getnewsList","gethotNews","activityAddress","Hotline","addressList","locationItem","refInFor","transform","stopPropagation","activity","cavasIndex","radius","pageContent","getPageDetails","addressItem","canvarInterval","setCanvas","drawCircle","closeCanvas","globalAlpha","fillRect","arc","PI","closePath","lineWidth","strokeStyle","detailsTitle","prevNews","jumpArticle","nextNews","getNewsDetails","afterEssay","preEssay","check","advantageList","advantage","constantRouterMap","HomeView","children","Privacy","StaffManage","WorkingHours","PayWelfare","PersonnelGrow","PersonnelRecruit","StrategyOrganize","AchievementView","CloudPlatform","TalentDevelopment","ExternalRecruitment","PieceRateSalary","AssessMent","TalentReview","TargetDecomposition","VirtualOrganization","MobileTerminal","CustomerCase","CaseIndex","SoftwareView","ExperienceViwe","AboutViwe","redirect","Infroduction","Business","History","Culture","Values","NewsView","HuayueInfoView","IndustryInfoView","ContactUsView","DetailsView","AnalysisView","PlatformView","originalPush","Router","location","onResolve","onReject","call","catch","err","Vue","createRouter","mode","routes","scrollBehavior","savedPosition","y","menuList","menuItem","menuIndex","mouseOn","routerJump","childList","viewList","viewItem","viewIndex","dropDown","downHeight","strategyOrganize","staffManage","workingHours","payWelfare","personnelRecruit","personnelGrow","achievements","development","cloudPlatform","recruitment","pieceRateSalary","assessMent","talentReview","targetDecomposition","virtualOrganization","mobile","integrated","hardware","electronics","food","experience","profile","businessSchool","culture","wiki","huayueInfo","industryInfo","contactUs","isTop","Height","timerout","dropDownContent","demHeight","ms","preventDefault","overflow","paddingRight","getElementsByClassName","right","appbar","passive","m","ontentItem","stop","mobileWebsite","WeChat","email","salesHotline","dezhi","getAddressList","onGetop","goTop","showvideo","enterIndex","fzList","isGetop","headleScroll","clearTimeout","$parent","isbealter","hideBealter","form","corporate","tel","isGetting","timing","getCode","productList","onQueren","isqueding","isQueding","productIndex","$message","fullname","join","alert","handleClose","init","qslist","go","astlist","wh","isast","html","gdbtn","add","querySearch","state","send","qslist2","queryString","cb","restaurants","results","filter","autoid","keywork","list","scrollDiv","scrollElem","scrollHeight","list2","forEach","done","$confirm","_","Element","VueAwesomeSwiper","VueCoreVideoPlayer","lang","AppBar","FootWrap","RightFixedgt","AltProduct","h","App","$mount","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","exports","module","loaded","__webpack_modules__","amdO","deferred","O","chunkIds","fn","priority","notFulfilled","Infinity","fulfilled","Object","keys","every","r","n","getter","__esModule","d","a","definition","o","defineProperty","enumerable","get","g","globalThis","Function","prop","prototype","hasOwnProperty","Symbol","toStringTag","nmd","paths","p","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","some","chunkLoadingGlobal","self","__webpack_exports__"],"sourceRoot":""}