{"version":3,"sources":["webpack:///./src/assets/img/holdenanswer.png","webpack:///./src/views/cn/products/toolbox.vue?8bd0","webpack:///src/views/cn/products/toolbox.vue","webpack:///./src/views/cn/products/toolbox.vue?8473","webpack:///./src/views/cn/products/toolbox.vue","webpack:///./src/components/cncaseStudy.vue?834c","webpack:///./src/assets/img/api.png","webpack:///./src/views/cn/products/toolbox.vue?c482","webpack:///./src/components/cncaseStudy.vue?44ae","webpack:///src/components/cncaseStudy.vue","webpack:///./src/components/cncaseStudy.vue?d093","webpack:///./src/components/cncaseStudy.vue"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticStyle","staticClass","_v","on","$event","toPath","class","bg","products","_e","_m","attrs","staticRenderFns","data","caseList","created","script","document","dataLayer","window","gtag","watch","$route","mounted","_this","components","CaseStudy","methods","path","webinercookies","localStorage","advertisementFlow","source","information","then","res","loading","lock","background","setTimeout","toLocal","toElement","destroyed","component","btn","_l","slice","item","index","key","toDetail","id","subscribe","newsTitle","logo","_s","cnfirstLabel","cnnewsTitle","DialogShow","ref","ruleForm","rules","model","value","callback","$$v","$set","expression","directives","name","rawName","domProps","Array","isArray","check","_i","$$a","$$el","target","$$c","checked","$$i","concat","slot","submitForm","defaultForm","action","actionCase","targetName","mail","firstname","lastname","company","required","message","trigger","type","validator","console","firstName","fullName","form","actionRecords","query","getNewsList","pageSize","pageIndex","status","origin","firstLabelIds"],"mappings":"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","file":"static/js/chunk-c2ec173c.9dba52fb.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/img/holdenanswer.bb29c9a0.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{}},[_c('div',{staticClass:\"bigtitle\"},[_vm._v(\" 浩顿在线工具箱 \")]),_c('div',{staticClass:\"menu\"},[_c('div',{staticClass:\"icon equote\",staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.toPath('/equote?source=products')}}},[_c('i',{staticClass:\"el-icon-s-opportunity\"}),_c('div',[_vm._v(\"eQuote\")])]),_c('div',{staticClass:\"icon\",class:{bg:_vm.products==2},on:{\"mouseover\":function($event){_vm.products=2}}},[_c('i',{staticClass:\"el-icon-question\"}),_c('div',[_vm._v(\"Holden Answer\")])]),_c('div',{staticClass:\"icon\",class:{bg:_vm.products==3},on:{\"mouseover\":function($event){_vm.products=3}}},[_c('i',{staticClass:\"el-icon-s-promotion\"}),_c('div',[_vm._v(\"API\")])]),_c('div',{staticClass:\"icon\",class:{bg:_vm.products==5},on:{\"mouseover\":function($event){_vm.products=5}}},[_c('i',{staticClass:\"el-icon-s-order\"}),_c('div',[_vm._v(\"Survey Panda\")])])]),_c('div',{staticClass:\"productsValue\"},[(_vm.products==1)?_c('div',{staticClass:\"one\"},[_vm._v(\"1\")]):_vm._e(),(_vm.products==2)?_c('div',{staticClass:\"two\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" 创新、互动、洞察：AME——智能医疗研究的门户 \")]),_c('div',{staticClass:\"holdenanswer\"},[_vm._m(0),_c('div',{staticClass:\"value\"},[_vm._m(1),_vm._m(2),_vm._m(3),_vm._m(4),_vm._m(5),_c('div',{staticClass:\"button\"},[_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.toPath('/cn/contact?source=products')}}},[_vm._v(\"联系我们\")]),_c('el-button',{attrs:{\"type\":\"primary\"}},[_c('a',{attrs:{\"href\":\"https://www.asiamedeyes.com/#/login\",\"target\":\"_blank\"}},[_vm._v(\"试一试!\")])])],1)]),_vm._m(6)])]):_vm._e(),(_vm.products==3)?_c('div',{staticClass:\"three\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" API \")]),_c('div',{staticClass:\"apiimg\"},[_vm._m(7),_c('div',{staticClass:\"value\"},[_vm._m(8),_vm._m(9),_vm._m(10),_vm._m(11),_vm._m(12),_c('div',{staticClass:\"button\"},[_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.toPath('/cn/contact?source=products')}}},[_vm._v(\"联系我们\")])],1)]),_vm._m(13)])]):_vm._e(),(_vm.products==5)?_c('div',{staticClass:\"five\"},[_vm._m(14)]):_vm._e()]),_c('case-study')],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"holderanswerimg d-block d-sm-none\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/holdenanswer.png\"),\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"display\":\"flex\",\"margin-bottom\":\"20px\"}},[_c('div',[_vm._v(\"Holden知识平台是医疗保健行业市场研究人员的交互式、支持Al的界面。\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"display\":\"flex\",\"margin-bottom\":\"20px\"}},[_c('div',[_vm._v(\"Holden知识平台是在OpenAl开发的CHATGPT-Al算法基础上构建的。\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"display\":\"flex\",\"margin-bottom\":\"20px\"}},[_c('div',[_vm._v(\"除了网络搜索功能和高级语言模型外，Holden还利用其初级和次级研究数据数据库为研究人员提供最新和有用的市场信息。\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"display\":\"flex\",\"margin-bottom\":\"20px\"}},[_c('div',[_vm._v(\"Holden的朋友和客户可以利用非敏感的一级和二级研究数据来补充他们的研究，或者只是更多地了解他们的目标市场。\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"display\":\"flex\",\"margin-bottom\":\"20px\"}},[_c('div',[_vm._v(\"无论您是需要医疗保健、研究方面的帮助，还是想集思广益，或者只是进行友好的对话，Holden知识平台都会为您提供智能和互动的帮助。\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"holderanswerimg d-none d-sm-block\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/holdenanswer.png\"),\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"holderanswerimg d-block d-sm-none\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/api.png\"),\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"display\":\"flex\",\"margin-bottom\":\"20px\"}},[_c('div',[_vm._v(\"通过与我们定制开发的API无缝集成，释放我们专有产品的全部潜力。使合作伙伴能够轻松利用我们尖端解决方案的功能并增强其应用程序。\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"api\",staticStyle:{\"display\":\"flex\"}},[_c('div',{staticClass:\"apileft\"},[_vm._v(\"● 无缝集成：\")]),_c('div',{staticClass:\"apiright\"},[_vm._v(\"我们的API旨在实现轻松集成，确保我们的产品和您的应用程序之间顺利高效地协作。\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"api\",staticStyle:{\"display\":\"flex\"}},[_c('div',{staticClass:\"apileft\"},[_vm._v(\"● 定制：\")]),_c('div',{staticClass:\"apiright\"},[_vm._v(\"量身定制我们的解决方案，以满足您的特定需求。我们的API允许灵活的定制，使合作伙伴能够根据其独特的需求调整和优化功能。\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"api\",staticStyle:{\"display\":\"flex\"}},[_c('div',{staticClass:\"apileft\"},[_vm._v(\"● 效率和生产力： \")]),_c('div',{staticClass:\"apiright\"},[_vm._v(\"通过API提供的无缝连接，简化工作流程，提高生产力，实现快速数据交换和实时更新。\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"api\",staticStyle:{\"display\":\"flex\"}},[_c('div',[_vm._v(\"与我们合作，利用这些优势，通过我们强大的API集成将您的应用程序提升到新的高度。\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"holderanswerimg d-none d-sm-block\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/api.png\"),\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"SurveyPanda\",attrs:{\"id\":\"SurveyPanda\"}},[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" SurveyPanda \")]),_c('div',{staticClass:\"value\"},[_vm._v(\" 是我们自主开发的在线数据采集平台和报告系统。SurveyPanda对用户友好，并允许自己动手研究解决方案。同时，它是为了满足复杂的市场研究需求而设计的。 \")])]),_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/programming/surveyPanda.jpg\",\"alt\":\"\"}}),_c('div',{staticClass:\"color\"})])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div style=\"backgroundColor:\">\r\n    <div class=\"bigtitle\">\r\n      浩顿在线工具箱\r\n    </div>\r\n  <div class=\"menu\">\r\n        <div class=\"icon equote\" style=\"cursor:pointer\" @click=\"toPath('/equote?source=products')\">\r\n          <i class=\"el-icon-s-opportunity\"></i>\r\n          <div>eQuote</div>\r\n        </div>\r\n        <div class=\"icon\" @mouseover=\"products=2\" :class=\"{bg:products==2}\">\r\n          <i class=\"el-icon-question\"></i>\r\n          <div>Holden Answer</div>\r\n        </div>\r\n        <div class=\"icon\" @mouseover=\"products=3\" :class=\"{bg:products==3}\">\r\n          <i class=\"el-icon-s-promotion\"></i>\r\n          <div>API</div>\r\n        </div>\r\n\r\n        <div class=\"icon\" @mouseover=\"products=5\" :class=\"{bg:products==5}\">\r\n          <i class=\"el-icon-s-order\"></i>\r\n          <div>Survey Panda</div>\r\n        </div>\r\n      </div>\r\n  <div class=\"productsValue\">\r\n        <div v-if=\"products==1\" class=\"one\">1</div>\r\n        <div v-if=\"products==2\" class=\"two\">\r\n          <div class=\"title\">\r\n            创新、互动、洞察：AME——智能医疗研究的门户\r\n          </div>\r\n          <div class=\"holdenanswer\">\r\n            <div class=\"holderanswerimg d-block d-sm-none\"><img src=\"@/assets/img/holdenanswer.png\" alt=\"\"></div>\r\n\r\n            <div class=\"value\">\r\n              <div style=\"display:flex;margin-bottom:20px\">\r\n                <!-- <div>1.</div> -->\r\n                <div>Holden知识平台是医疗保健行业市场研究人员的交互式、支持Al的界面。</div>\r\n              </div>\r\n              <div style=\"display:flex;margin-bottom:20px\">\r\n                <!-- <div>2.</div> -->\r\n                <div>Holden知识平台是在OpenAl开发的CHATGPT-Al算法基础上构建的。</div>\r\n              </div>\r\n              <div style=\"display:flex;margin-bottom:20px\">\r\n                <!-- <div>3.</div> -->\r\n                <div>除了网络搜索功能和高级语言模型外，Holden还利用其初级和次级研究数据数据库为研究人员提供最新和有用的市场信息。</div>\r\n              </div>\r\n              <div style=\"display:flex;margin-bottom:20px\">\r\n                <!-- <div>4.</div> -->\r\n                <div>Holden的朋友和客户可以利用非敏感的一级和二级研究数据来补充他们的研究，或者只是更多地了解他们的目标市场。</div>\r\n              </div>\r\n              <div style=\"display:flex;margin-bottom:20px\">\r\n                <!-- <div>5.</div> -->\r\n                <div>无论您是需要医疗保健、研究方面的帮助，还是想集思广益，或者只是进行友好的对话，Holden知识平台都会为您提供智能和互动的帮助。</div>\r\n              </div>\r\n              <div class=\"button\">\r\n                <el-button type=\"primary\" @click=\"toPath('/cn/contact?source=products')\">联系我们</el-button>\r\n                <el-button type=\"primary\"><a href=\"https://www.asiamedeyes.com/#/login\" target=\"_blank\">试一试!</a></el-button>\r\n              </div>\r\n            </div>\r\n            <div class=\"holderanswerimg d-none d-sm-block\"><img src=\"@/assets/img/holdenanswer.png\" alt=\"\"></div>\r\n          </div>\r\n        </div>\r\n        <div v-if=\"products==3\" class=\"three\">\r\n          <div class=\"title\">\r\n            API\r\n          </div>\r\n          <div class=\"apiimg\">\r\n            <div class=\"holderanswerimg d-block d-sm-none\"><img src=\"@/assets/img/api.png\" alt=\"\"></div>\r\n\r\n            <div class=\"value\">\r\n              <div style=\"display:flex;margin-bottom:20px\">\r\n                <!-- <div>1.</div> -->\r\n                <div>通过与我们定制开发的API无缝集成，释放我们专有产品的全部潜力。使合作伙伴能够轻松利用我们尖端解决方案的功能并增强其应用程序。</div>\r\n              </div>\r\n              <div style=\"display:flex\" class=\"api\">\r\n                <div class=\"apileft\">● 无缝集成：</div>\r\n                <div class=\"apiright\">我们的API旨在实现轻松集成，确保我们的产品和您的应用程序之间顺利高效地协作。</div>\r\n              </div>\r\n              <div style=\"display:flex\" class=\"api\">\r\n                <div class=\"apileft\">● 定制：</div>\r\n                <div class=\"apiright\">量身定制我们的解决方案，以满足您的特定需求。我们的API允许灵活的定制，使合作伙伴能够根据其独特的需求调整和优化功能。</div>\r\n              </div>\r\n              <div style=\"display:flex\" class=\"api\">\r\n                <div class=\"apileft\">● 效率和生产力： </div>\r\n                <div class=\"apiright\">通过API提供的无缝连接，简化工作流程，提高生产力，实现快速数据交换和实时更新。</div>\r\n              </div>\r\n              <div style=\"display:flex\" class=\"api\">\r\n                <!-- <div>5.</div> -->\r\n                <div>与我们合作，利用这些优势，通过我们强大的API集成将您的应用程序提升到新的高度。</div>\r\n              </div>\r\n              <div class=\"button\">\r\n                <el-button type=\"primary\" @click=\"toPath('/cn/contact?source=products')\">联系我们</el-button>\r\n\r\n              </div>\r\n            </div>\r\n            <div class=\"holderanswerimg d-none d-sm-block\"><img src=\"@/assets/img/api.png\" alt=\"\"></div>\r\n          </div>\r\n        </div>\r\n\r\n        <div v-if=\"products==5\" class=\"five\">\r\n          <!-- SurveyPanda -->\r\n          <div class=\"SurveyPanda\" id=\"SurveyPanda\">\r\n\r\n            <div class=\"text\">\r\n              <div class=\"title\">\r\n                SurveyPanda\r\n              </div>\r\n              <div class=\"value\">\r\n                是我们自主开发的在线数据采集平台和报告系统。SurveyPanda对用户友好，并允许自己动手研究解决方案。同时，它是为了满足复杂的市场研究需求而设计的。\r\n\r\n              </div>\r\n            </div>\r\n            <div class=\"img\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/programming/surveyPanda.jpg\" alt=\"\">\r\n              <div class=\"color\"></div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n\r\n      </div>\r\n    <case-study />\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport CaseStudy from \"@/components/cncaseStudy\";\r\nimport { advertisementFlow } from \"@/api/api\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      caseList: [],\r\n      products: this.$route.query.product || 2\r\n    };\r\n  },\r\n  created() {\r\n    this.$nextTick(() => {\r\n      this.toLocal();\r\n    });\r\n    this.loading();\r\n    this.advertisementFlow(); // 在组件创建时加载Google代码\r\n    const script = document.createElement(\"script\");\r\n    script.async = true;\r\n    script.src = \"https://www.googletagmanager.com/gtag/js?id=AW-11335422054\";\r\n    document.head.appendChild(script);\r\n    script.onload = () => {\r\n      window.dataLayer = window.dataLayer || [];\r\n      function gtag() {\r\n        dataLayer.push(arguments);\r\n      }\r\n      gtag(\"js\", new Date());\r\n      gtag(\"config\", \"AW-11335422054\");\r\n    };\r\n    this.webinercookies();\r\n  },\r\n  watch: {\r\n    $route(to, from) {\r\n      window.location.reload(); // 刷新页面\r\n    }\r\n  },\r\n  mounted() {\r\n    let _this = this;\r\n    _this.$nextTick(function() {\r\n      window.addEventListener(\"scroll\", _this.handleScroll);\r\n    });\r\n  },\r\n  components: {\r\n    CaseStudy\r\n  },\r\n  methods: {\r\n    toPath(path) {\r\n      this.$router.push({\r\n        path\r\n      });\r\n    },\r\n    products() {},\r\n    webinercookies() {\r\n      // 如果没有记录cookie\r\n      if (!localStorage.getItem(\"webinersource\")) {\r\n        // 就不重新赋值\r\n        let webinersource = this.$route.query.source;\r\n\r\n        if (webinersource == undefined) {\r\n          localStorage.setItem(\"webinersource\", \"www\");\r\n        } else {\r\n          localStorage.setItem(\"webinersource\", webinersource);\r\n        }\r\n        // console.log(1);\r\n      } else {\r\n        // 如果没有cookie就设置cookie\r\n      }\r\n    },\r\n    advertisementFlow() {\r\n      // 如果没有source\r\n      if (this.$route.query.source == undefined) {\r\n        // console.log(1);\r\n        // 就把source拼接\r\n        advertisementFlow({\r\n          path: \"toolbox\",\r\n          source: \"\",\r\n          information: \"\"\r\n        }).then(res => {\r\n          if (res.code == 10000) {\r\n            // console.log(res);\r\n          }\r\n        });\r\n        // 如果有source\r\n      } else {\r\n        advertisementFlow({\r\n          path: \"toolbox\",\r\n          source: this.$route.query.source,\r\n          information: \"\"\r\n        }).then(res => {\r\n          if (res.code == 10000) {\r\n            // console.log(res);\r\n          }\r\n        });\r\n      }\r\n    },\r\n    loading() {\r\n      this.$loading({\r\n        lock: true,\r\n        background: \"rgba(255, 255, 255,1)\"\r\n      });\r\n      setTimeout(() => {\r\n        this.$loading().close();\r\n      }, 700);\r\n    },\r\n    toLocal() {\r\n      //查找存储的锚点id\r\n      let Id = localStorage.getItem(\"toId\");\r\n      let toElement = document.getElementById(Id);\r\n      //锚点存在跳转\r\n      if (Id) {\r\n        toElement.scrollIntoView();\r\n      }\r\n    }\r\n  },\r\n  //用完后记得将存储的锚点置空，否则会影响其他页面跳转到当前页面\r\n  destroyed() {\r\n    localStorage.setItem(\"toId\", \"\");\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.bigtitle {\r\n  background-color: #2cb1e9;\r\n  padding: 50px 120px;\r\n  color: #fff;\r\n  text-shadow: 1px 1px #000;\r\n  font-size: 40px;\r\n  font-weight: 700;\r\n}\r\n// .eCommunity,\r\n// // .SurveyPanda,\r\n// .eGroup,\r\n// {\r\n//   // box-shadow: 10px 10px 7px 5px #8ca7b1;\r\n//   background-color: #d0e3ea;\r\n//   display: flex;\r\n//   justify-content: space-between;\r\n//   margin: 80px 120px;\r\n//   .text {\r\n//     width: 55%;\r\n//     padding: 80px;\r\n//     .title {\r\n//       font-weight: 700;\r\n//       font-size: 40px;\r\n//       color: #2cb1e9;\r\n//       text-shadow: 1px 1px #000;\r\n//     }\r\n//     .value {\r\n//       padding: 50px 0;\r\n//       font-size: 23px;\r\n//     }\r\n//   }\r\n//   .img {\r\n//     // margin-top: 70px;\r\n//     width: 45%;\r\n//     img {\r\n//       width: 100%;\r\n//     }\r\n//   }\r\n// }\r\n.eCommunity {\r\n  // display: flex;\r\n  padding: 50px 120px;\r\n  // height: 530px;\r\n  position: relative;\r\n\r\n  .text {\r\n    // position: absolute;\r\n    // left: 240px;\r\n    // top: 180px;\r\n    margin-top: 180px;\r\n    margin-left: 200px;\r\n    // width: 55%;\r\n    // color: #fff;\r\n    padding: 50px 50px 50px 400px;\r\n    background-color: #d0e3ea;\r\n    z-index: 0;\r\n\r\n    .title {\r\n      font-weight: 700;\r\n      font-size: 40px;\r\n      color: #2cb1e9;\r\n      text-shadow: 1px 1px #000;\r\n    }\r\n    .value {\r\n      font-size: 23px;\r\n      padding-top: 50px;\r\n    }\r\n  }\r\n  .img {\r\n    width: 35%;\r\n    position: absolute;\r\n    top: 100px;\r\n    img {\r\n      width: 95%;\r\n      z-index: 2;\r\n    }\r\n  }\r\n}\r\n.provide {\r\n  padding: 50px 120px;\r\n  .title {\r\n    font-weight: 700;\r\n    font-size: 30px;\r\n  }\r\n  .value {\r\n    font-size: 23px;\r\n    margin-top: 50px;\r\n    display: flex;\r\n    // text-align: center;\r\n    flex-wrap: wrap;\r\n    justify-content: space-around;\r\n    // .box{\r\n    //   // text-align: center;\r\n    //   .img{\r\n    //   width: 100px;\r\n    //   img{\r\n    //     width: 100%;\r\n    //   }\r\n    // }\r\n    // }\r\n    img {\r\n      width: 100px;\r\n    }\r\n\r\n    & > * {\r\n      width: 22%;\r\n      text-align: center;\r\n    }\r\n  }\r\n}\r\n\r\n.SurveyPanda {\r\n  display: flex;\r\n  padding: 80px 120px;\r\n  .text {\r\n    width: 45%;\r\n    // color: #fff;\r\n    padding: 50px;\r\n    .title {\r\n      font-weight: 700;\r\n      font-size: 40px;\r\n      color: #2cb1e9;\r\n      text-shadow: 1px 1px #000;\r\n    }\r\n    .value {\r\n      padding: 50px 0;\r\n      font-size: 18px;\r\n    }\r\n  }\r\n  .img {\r\n    width: 55%;\r\n    position: relative;\r\n    img {\r\n      width: 95%;\r\n      position: absolute;\r\n      right: 0;\r\n      z-index: 2;\r\n    }\r\n    .color {\r\n      width: 600px;\r\n      height: 300px;\r\n      background-color: #d0e3ea;\r\n      position: absolute;\r\n      left: -20px;\r\n      top: 90px;\r\n    }\r\n  }\r\n}\r\n.Summary {\r\n  display: flex;\r\n  padding: 50px 120px;\r\n  flex-direction: column;\r\n  height: 900px;\r\n  .text {\r\n    // width: 45%;\r\n    display: flex;\r\n    position: relative;\r\n    // padding: 50px;\r\n    .title {\r\n      position: absolute;\r\n      bottom: 0;\r\n      width: 45%;\r\n      // height: 45%;\r\n      padding: 50px;\r\n      font-size: 40px;\r\n      font-weight: 700;\r\n      color: #2cb1e9;\r\n      text-shadow: 1px 1px #000;\r\n      background-color: #d0e3ea;\r\n    }\r\n    .img {\r\n      // width: 55%;\r\n      // text-align: right;\r\n      // position: absolute;\r\n      // right: 0;\r\n      // top: 0;\r\n      img {\r\n        width: 55%;\r\n        float: right;\r\n      }\r\n    }\r\n  }\r\n  .value {\r\n    width: 90%;\r\n    font-size: 23px;\r\n    background-color: #d0e3ea;\r\n    padding: 50px;\r\n  }\r\n}\r\n.eGroup {\r\n  display: flex;\r\n  padding: 50px 120px;\r\n  // height: 1000px;\r\n\r\n  .text {\r\n    width: 60%;\r\n    padding: 50px;\r\n    .title {\r\n      font-weight: 700;\r\n      font-size: 40px;\r\n      color: #2cb1e9;\r\n      text-shadow: 1px 1px #000;\r\n    }\r\n    .value {\r\n      font-size: 23px;\r\n      margin-top: 50px;\r\n    }\r\n    .advantage {\r\n      .title {\r\n        font-size: 30px;\r\n        color: #000;\r\n      }\r\n      .value {\r\n        margin-top: 0;\r\n      }\r\n    }\r\n  }\r\n  .img {\r\n    width: 40%;\r\n    position: relative;\r\n    img {\r\n      width: 90%;\r\n      position: absolute;\r\n      z-index: 2;\r\n    }\r\n    .color {\r\n      width: 350px;\r\n      height: 350px;\r\n      background-color: #d0e3ea;\r\n      position: absolute;\r\n      top: 150px;\r\n      left: 150px;\r\n    }\r\n  }\r\n}\r\n// .advantage{\r\n//   // display: flex;\r\n//   // padding: 0 120px;\r\n//   .title{\r\n//     font-size: 30px;\r\n//     font-weight: 700;\r\n//   }\r\n// }\r\n.casetitle {\r\n  font-size: 40px;\r\n  font-weight: 700;\r\n  padding: 50px 120px 0 120px;\r\n}\r\n.menu {\r\n  display: flex;\r\n  justify-content: center;\r\n  border-bottom: 1px solid #bebebe;\r\n  .icon {\r\n    width: 150px;\r\n    height: 120px;\r\n    text-align: center;\r\n    // line-height: 90px;\r\n    // border: 1px solid #000;\r\n    i {\r\n      font-size: 40px;\r\n      margin-top: 25px;\r\n    }\r\n  }\r\n  .bg {\r\n    color: #fff;\r\n    background-color: #2cb1e9;\r\n  }\r\n}\r\n .productsValue {\r\n    // background-image: url(\"~@/assets/img/holdenanswer.png\");\r\n    // background-size: cover;\r\n    .holdenanswer {\r\n      display: flex;\r\n      // align-items: center;\r\n      img {\r\n        width: 500px;\r\n        margin-left: 10px;\r\n        margin-top: 50px;\r\n      }\r\n    }\r\n    .apiimg {\r\n      display: flex;\r\n      // align-items: center;\r\n      img {\r\n        width: 400px;\r\n        margin-left: 20px;\r\n        margin-top: 40px;\r\n      }\r\n    }\r\n    .api {\r\n      margin-bottom: 20px;\r\n      justify-content: space-between;\r\n      .apileft {\r\n        width: 20%;\r\n      }\r\n      .apiright {\r\n        width: 85%;\r\n      }\r\n    }\r\n    .two,\r\n    .three,\r\n    .four {\r\n      padding: 30px 120px;\r\n      .title {\r\n        margin-bottom: 20px;\r\n        font-size: 25px;\r\n        font-weight: 700;\r\n        text-align: center;\r\n        color: #86898d;\r\n        // text-shadow: 1px 1px #000;\r\n      }\r\n      .value {\r\n        font-size: 18px;\r\n      }\r\n      .button {\r\n        text-align: center;\r\n        margin-top: 20px;\r\n\r\n        .el-button {\r\n          font-size: 20px;\r\n          background-color: #2cb1e9;\r\n          border: 1px solid #2cb1e9;\r\n        }\r\n      }\r\n    }\r\n  }\r\n@media screen and (max-width: 576px) {\r\n  .bigtitle {\r\n    font-size: 80px;\r\n  }\r\n  .eCommunity {\r\n    padding-top: 200px;\r\n    .text {\r\n      padding: 50px;\r\n      padding-top: 100px;\r\n      .title {\r\n        font-size: 80px;\r\n      }\r\n      .value {\r\n        font-size: 70px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .menu {\r\n      .icon {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 350px;\r\n        height: 230px;\r\n        font-size: 40px;\r\n        i {\r\n          font-size: 80px;\r\n          width: 100%;\r\n        }\r\n      }\r\n    }\r\n .productsValue {\r\n      .holdenanswer {\r\n        flex-wrap: wrap;\r\n        img {\r\n          width: 100%;\r\n          margin-bottom: 30px;\r\n        }\r\n      }\r\n      .apiimg {\r\n        flex-wrap: wrap;\r\n        img {\r\n          width: 100%;\r\n        }\r\n      }\r\n      .api {\r\n        flex-wrap: wrap;\r\n        .apileft {\r\n          width: 100%;\r\n        }\r\n        .apiright {\r\n          width: 100%;\r\n        }\r\n      }\r\n      .two,\r\n      .three,\r\n      .four {\r\n        .title {\r\n          font-size: 80px;\r\n        }\r\n        .value {\r\n          font-size: 70px;\r\n        }\r\n        .button {\r\n          .el-button {\r\n            font-size: 70px;\r\n            padding: 30px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n  .SurveyPanda {\r\n    display: block;\r\n    position: relative;\r\n    padding-top: 600px;\r\n    .img {\r\n      position: absolute;\r\n      top: 100px;\r\n      width: 80%;\r\n    }\r\n    .text {\r\n      width: 90%;\r\n      .title {\r\n        font-size: 80px;\r\n      }\r\n      .value {\r\n        font-size: 70px;\r\n      }\r\n    }\r\n  }\r\n  .eGroup {\r\n    display: block;\r\n\r\n    .text {\r\n      width: 100%;\r\n      padding-top: 1100px;\r\n      .title {\r\n        font-size: 80px;\r\n      }\r\n      .value {\r\n        font-size: 70px;\r\n      }\r\n      .advantage {\r\n        .title {\r\n          font-size: 70px;\r\n        }\r\n      }\r\n    }\r\n    .img {\r\n      width: 80%;\r\n      .color {\r\n        width: 700px;\r\n        height: 700px;\r\n        top: 300px;\r\n        left: 300px;\r\n      }\r\n    }\r\n  }\r\n  .Summary {\r\n    height: 3000px;\r\n    .text {\r\n      .title {\r\n        font-size: 70px;\r\n      }\r\n    }\r\n    .value {\r\n      font-size: 70px;\r\n    }\r\n  }\r\n  .casetitle {\r\n    font-size: 60px;\r\n  }\r\n  .eCommunity {\r\n    // height: 750px;\r\n  }\r\n  .eGroup {\r\n    .advantage {\r\n      .title {\r\n        font-size: 40px;\r\n      }\r\n    }\r\n  }\r\n  .provide {\r\n    // padding-top: 800px;\r\n    .title {\r\n      font-size: 80px;\r\n    }\r\n    .value {\r\n      font-size: 70px;\r\n      img {\r\n        width: 400px;\r\n      }\r\n      & > * {\r\n        width: 90%;\r\n        margin-bottom: 50px;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./toolbox.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./toolbox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./toolbox.vue?vue&type=template&id=7d0f7a4e&scoped=true&\"\nimport script from \"./toolbox.vue?vue&type=script&lang=js&\"\nexport * from \"./toolbox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./toolbox.vue?vue&type=style&index=0&id=7d0f7a4e&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7d0f7a4e\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./cncaseStudy.vue?vue&type=style&index=0&id=a049ee40&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./cncaseStudy.vue?vue&type=style&index=0&id=a049ee40&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"static/img/api.19955323.png\";","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./toolbox.vue?vue&type=style&index=0&id=7d0f7a4e&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./toolbox.vue?vue&type=style&index=0&id=7d0f7a4e&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"casetitle\"},[_vm._v(\"案例研究\")]),_c('div',{staticClass:\"news\"},[_c('div',{staticClass:\"more\",on:{\"click\":function($event){return _vm.btn('/cn/media?source=caseStudy')}}},[_vm._v(\"阅读更多\")]),_c('div',{staticClass:\"newsList\"},_vm._l((_vm.caseList.slice(0,4)),function(item,index){return _c('div',{key:index,staticClass:\"one\",on:{\"click\":function($event){return _vm.toDetail(item.id,item.subscribe,item.newsTitle)}}},[_c('img',{attrs:{\"src\":item.logo}}),_c('div',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(item.cnfirstLabel)+\"-\"+_vm._s(item.cnnewsTitle)+\" \")])])}),0)]),_c('el-dialog',{attrs:{\"title\":\"\",\"visible\":_vm.DialogShow,\"width\":\"45%\"},on:{\"close\":function($event){_vm.DialogShow=false}}},[_c('span',[_c('div',{staticClass:\"from\"},[_c('div',{staticClass:\"formtitle\"},[_vm._v(\"请填写您的信息\")]),_c('el-form',{ref:\"ruleForm\",attrs:{\"model\":_vm.ruleForm,\"rules\":_vm.rules}},[_c('el-form-item',{attrs:{\"label\":\"姓\",\"prop\":\"firstname\"}},[_c('el-input',{model:{value:(_vm.ruleForm.firstname),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"firstname\", $$v)},expression:\"ruleForm.firstname\"}})],1),_c('el-form-item',{attrs:{\"label\":\"名\",\"prop\":\"lastname\"}},[_c('el-input',{model:{value:(_vm.ruleForm.lastname),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"lastname\", $$v)},expression:\"ruleForm.lastname\"}})],1),_c('el-form-item',{attrs:{\"label\":\"电子邮箱\",\"prop\":\"mail\"}},[_c('el-input',{model:{value:(_vm.ruleForm.mail),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"mail\", $$v)},expression:\"ruleForm.mail\"}})],1),_c('el-form-item',{attrs:{\"label\":\"公司名称\",\"prop\":\"company\"}},[_c('el-input',{model:{value:(_vm.ruleForm.company),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"company\", $$v)},expression:\"ruleForm.company\"}})],1),_c('el-form-item',{staticStyle:{\"width\":\"100%\"},attrs:{\"prop\":\"check\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.ruleForm.check),expression:\"ruleForm.check\"}],staticClass:\"check\",attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.ruleForm.check)?_vm._i(_vm.ruleForm.check,null)>-1:(_vm.ruleForm.check)},on:{\"change\":function($event){var $$a=_vm.ruleForm.check,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.ruleForm, \"check\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.ruleForm, \"check\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.ruleForm, \"check\", $$c)}}}}),_c('span',{staticStyle:{\"word-break\":\"break-word\"}},[_vm._v(\"是的，我想接收浩顿品牌的数字通信。我可以在任何时候使用任何电子邮件通信底部的退订链接选择退出通信。\")])])],1)],1)]),_c('span',{staticClass:\"dialog-footer\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('el-button',{on:{\"click\":function($event){_vm.DialogShow = false}}},[_vm._v(\"取消\")]),_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.submitForm('ruleForm')}}},[_vm._v(\"提交\")])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <!-- case study -->\r\n    <div class=\"casetitle\">案例研究</div>\r\n    <div class=\"news\">\r\n      <div @click=\"btn('/cn/media?source=caseStudy')\" class=\"more\">阅读更多</div>\r\n      <div class=\"newsList\">\r\n        <div class=\"one\" v-for=\"(item,index) in caseList.slice(0,4)\" :key=\"index\"@click=\"toDetail(item.id,item.subscribe,item.newsTitle)\">\r\n          <img :src=\"item.logo\">\r\n          <div class=\"title\">\r\n           {{item.cnfirstLabel}}-{{item.cnnewsTitle}}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n     <el-dialog title=\"\" :visible=\"DialogShow\" width=\"45%\" @close=\"DialogShow=false\">\r\n      <span>\r\n        <div class=\"from\">\r\n          <div class=\"formtitle\">请填写您的信息</div>\r\n          <el-form :model=\"ruleForm\" :rules=\"rules\" ref=\"ruleForm\">\r\n            <el-form-item label=\"姓\" prop=\"firstname\">\r\n              <el-input v-model=\"ruleForm.firstname\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"名\" prop=\"lastname\">\r\n              <el-input v-model=\"ruleForm.lastname\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"电子邮箱\" prop=\"mail\">\r\n              <el-input v-model=\"ruleForm.mail\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"公司名称\" prop=\"company\">\r\n              <el-input v-model=\"ruleForm.company\" />\r\n            </el-form-item>\r\n            <!-- <div>We need your permission to stay in touch.</div> -->\r\n            <el-form-item prop=\"check\" style=\"width:100%\">\r\n\r\n              <input class=\"check\" type=\"checkbox\" v-model=\"ruleForm.check\"><span style=\"word-break: break-word;\">是的，我想接收浩顿品牌的数字通信。我可以在任何时候使用任何电子邮件通信底部的退订链接选择退出通信。</span>\r\n            </el-form-item>\r\n          </el-form>\r\n\r\n        </div>\r\n      </span>\r\n      <span slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button @click=\"DialogShow = false\">取消</el-button>\r\n        <el-button type=\"primary\" @click=\"submitForm('ruleForm')\">提交</el-button>\r\n\r\n      </span>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nconst defaultForm = {\r\n  action: \"News\",\r\n  actionCase: \"Readnews\",\r\n  targetName: \"\",\r\n  mail: \"\",\r\n  firstname: \"\",\r\n  lastname: \"\",\r\n  company: \"\",\r\n  check: true\r\n};\r\nimport { getNewsList,actionRecords } from \"@/api/api\";\r\n\r\nexport default {\r\n  data() {\r\n     const check = (rule, value, callback) => {\r\n      if (value == false) {\r\n        return callback(new Error(\"请填写此必填项\"));\r\n      } else {\r\n        callback();\r\n      }\r\n    };\r\n    return {\r\n        ruleForm: JSON.parse(JSON.stringify(defaultForm)),\r\n      rules: {\r\n        firstname: [{ required: true, message: \"请填写此必填项\", trigger: \"blur\" }],\r\n        lastname: [{ required: true, message: \"请填写此必填项\", trigger: \"blur\" }],\r\n        company: [{ required: true, message: \"请填写此必填项\", trigger: \"blur\" }],\r\n        mail: [\r\n          { required: true, message: \"请填写此必填项\", trigger: \"blur\" },\r\n          { type: \"email\", message: \"电子邮件格式必须正确\", trigger: [\"blur\"] }\r\n        ],\r\n        check: [{ required: true, message: \"请填写此必填项\", trigger: \"blur\" }, { validator: check }]\r\n      },\r\n      DialogShow: false,\r\n      caseList: [],\r\n\r\n    };\r\n  },\r\n  created() {\r\n    this.getNewsList();\r\n  },\r\n  methods: {\r\n    submitForm(formName) {\r\n      let _this = this;\r\n      // 数据写入表单\r\n      _this.$refs[formName].validate(valid => {\r\n        if (valid) {\r\n          _this.ruleForm.fullName = _this.ruleForm.firstname + \" \" + _this.ruleForm.lastname;\r\n          let ruleForm = {\r\n            action: \"News\",\r\n            actionCase: \"Readnews\",\r\n            firstName: _this.ruleForm.firstname,\r\n            fullName: _this.ruleForm.fullName,\r\n            mail: _this.ruleForm.mail,\r\n            company: _this.ruleForm.company\r\n          };\r\n          //   console.log(this.ruleForm);\r\n          localStorage.setItem(\"form\", JSON.stringify(this.ruleForm));\r\n          var form = JSON.parse(localStorage.getItem(\"form\"));\r\n          form.targetName = this.submitTitle;\r\n          console.log(form);\r\n          // 提交表单数据\r\n          actionRecords(form).then(res => {\r\n            // console.log(form);\r\n            // 如果没有cookie\r\n            // 提交成功\r\n            if (res.code == 10000) {\r\n              // 关闭弹框\r\n              this.DialogShow = false;\r\n              // 如果是同意或者没点，存入cookie\r\n               if (localStorage.getItem(\"agreeCookies\")) {\r\n                var val = localStorage.getItem(\"agreeCookies\");\r\n                var dataobj = JSON.parse(val);\r\n                if (dataobj.val == \"agree\") {\r\n                  this.$cookies.set(\"HoldenCookies\", \"panelDownloads\");\r\n                }\r\n              }else if(this.$cookies.isKey(\"defaultcookies\")){\r\n                  this.$cookies.set(\"HoldenCookies\", \"panelDownloads\");\r\n\r\n              }\r\n              // 跳转查看详情\r\n              this.$router.push({ name: \"cnnewsDetail\", query: { id: this.submitId,source:\"casrStudy\" } });\r\n            }\r\n          });\r\n        } else {\r\n          console.log(\"error submit!!\");\r\n          return false;\r\n        }\r\n      });\r\n    },\r\n    getNewsList() {\r\n      getNewsList({\r\n        pageSize: 4,\r\n        pageIndex: 1,\r\n        status: 1, //启用\r\n        origin: 1, //前台\r\n        firstLabelIds:[1,7]\r\n\r\n      }).then(res => {\r\n        if (res.code != 10000) {\r\n          this.$message.error(res.msg || \"查询案例分享失败\");\r\n          return;\r\n        }\r\n        this.caseList = res.datalist || [];\r\n        this.allCount = res.allCount;\r\n      });\r\n    },\r\n    toDetail(id, subscribe, newsTitle) {\r\n      if (subscribe == 1 && !this.$cookies.isKey(\"HoldenCookies\")) {\r\n        this.submitId = id;\r\n        this.DialogShow = true;\r\n        this.submitTitle = newsTitle;\r\n      }\r\n      // 如果需要权限并且没有cookie\r\n      else {\r\n        this.$router.push({ name: \"newsDetail\", query: { id: id ,source:\"caseStudy\"} });\r\n      }\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.casetitle {\r\nbackground-color: #fff;\r\n  font-size: 40px;\r\n  font-weight: 700;\r\n  padding: 50px 120px 0 120px;\r\n}\r\n.news {\r\n  padding: 0px 120px;\r\n  font-size: 18px;\r\n  position: relative;\r\n  background-color: #fff;\r\n\r\n  .bigtitle {\r\n    font-size: 40px;\r\n    font-weight: 700;\r\n    color: #ccc;\r\n  }\r\n  .more {\r\n    // width: 160px;\r\n    padding: 0 20px;\r\n    font-size: 16px;\r\n    color: #409eff;\r\n    background-color: #ecf5ff;\r\n    border: 1px solid #409eff;\r\n    border-radius: 8px;\r\n    text-align: center;\r\n    position: absolute;\r\n    right: 150px;\r\n    // top: -30px;\r\n  }\r\n  .more:hover {\r\n    cursor: pointer;\r\n    color: #2cb1e9;\r\n  }\r\n  .newsList {\r\n    // text-align: center;\r\n    display: flex;\r\n    justify-content: space-around;\r\n    flex-wrap: wrap;\r\n    .one {\r\n      cursor: pointer;\r\n      padding: 14px;\r\n      width: 21%;\r\n      margin: 40px auto;\r\n      border: 1px solid #d5dbe5;\r\n      border-radius: 8px;\r\n      box-shadow: 4px 4px 4px 0 #d5dbe5;\r\n      img {\r\n        width: 100%;\r\n        height: 170px;\r\n      }\r\n    }\r\n    .two {\r\n      width: 40%;\r\n    }\r\n  }\r\n}\r\n.check {\r\n  margin-right: 10px;\r\n}\r\n.from {\r\n  // width: 60%;\r\n  // margin: 80px auto;\r\n  // padding: 30px;\r\n  // transform: scale(1.3);\r\n  padding-top: 0px;\r\n  .formtitle {\r\n    text-align: center;\r\n    font-weight: 700;\r\n    font-size: 25px;\r\n    color: #ff0000;\r\n  }\r\n  @media screen and (max-width: 570px) {\r\n    .formtitle {\r\n      font-size: 45px;\r\n    }\r\n  }\r\n  .el-form {\r\n    // display: flex;\r\n    // flex-wrap: wrap;\r\n    // justify-content: space-between;\r\n    padding: 10px;\r\n    /deep/ .el-form-item {\r\n      display: inline-block;\r\n      display: flex;\r\n      // flex-wrap: wrap;\r\n      justify-content: start;\r\n      &:nth-child() {\r\n        .el-form-item__label {\r\n          // margin-left: 7px;\r\n        }\r\n      }\r\n      &:not(.text) {\r\n        // width: 50%;\r\n      }\r\n      &.text {\r\n        width: 100%;\r\n      }\r\n      .el-form-item__content {\r\n        font-size: 11px;\r\n        line-height: 20px;\r\n        flex: 1;\r\n        .el-input {\r\n          width: 238px !important;\r\n        }\r\n      }\r\n\r\n      .el-form-item__label {\r\n        width: 125px;\r\n        font-size: 15px;\r\n        display: block;\r\n        font-weight: normal;\r\n      }\r\n      .el-textarea__inner {\r\n        min-height: 104px !important;\r\n      }\r\n      .el-input__inner,\r\n      .el-textarea__inner {\r\n        background: #fafafa;\r\n        border: 1px solid #e6e6e6;\r\n        border-radius: 7px;\r\n        font-size: 15px;\r\n        width: 390px;\r\n      }\r\n      @media screen and (max-width: 576px) {\r\n        .el-input__inner {\r\n          font-size: 35px;\r\n          width: 700px;\r\n          height: 80px;\r\n        }\r\n        .el-form-item__label {\r\n          font-size: 35px;\r\n          width: 250px;\r\n        }\r\n        .el-form-item__content {\r\n          font-size: 30px;\r\n          line-height: 40px;\r\n        }\r\n      }\r\n      .el-form-item__error {\r\n        font-size: 12px !important;\r\n      }\r\n    }\r\n  }\r\n  & > * {\r\n    margin: 20px;\r\n  }\r\n  div {\r\n    margin-top: 12px;\r\n  }\r\n  .button {\r\n    margin: 0 auto;\r\n    margin-top: 20px;\r\n    background: #217df6;\r\n    font-size: 13px;\r\n    color: #fff;\r\n    border-radius: 7px;\r\n    text-align: center;\r\n    width: 150px;\r\n    padding: 10px;\r\n    // height: 34px;\r\n    // line-height: 34px;\r\n    cursor: pointer;\r\n  }\r\n  @media screen and (max-width: 576px) {\r\n    .button {\r\n      font-size: 35px;\r\n    }\r\n  }\r\n}\r\n@media screen and (max-width: 576px) {\r\n   /deep/ .el-dialog__wrapper {\r\n      .el-dialog {\r\n        width: 100% !important;\r\n        .el-dialog__footer {\r\n          .el-button {\r\n            font-size: 70px;\r\n            padding: 20px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  .casetitle {\r\n    font-size: 80px;\r\n  }\r\n  .news {\r\n    .bigtitle {\r\n      font-size: 70px !important;\r\n    }\r\n    .more {\r\n      font-size: 70px;\r\n      // top: 130px;\r\n      // top: -30px;\r\n    }\r\n    .more {\r\n      top: -70px;\r\n    }\r\n    .casemore {\r\n      top: 80px;\r\n    }\r\n    .newsList {\r\n      padding-top: 30px;\r\n      .one {\r\n        width: 90%;\r\n        img {\r\n          height: auto;\r\n        }\r\n        .title {\r\n          font-size: 70px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./cncaseStudy.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./cncaseStudy.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./cncaseStudy.vue?vue&type=template&id=a049ee40&scoped=true&\"\nimport script from \"./cncaseStudy.vue?vue&type=script&lang=js&\"\nexport * from \"./cncaseStudy.vue?vue&type=script&lang=js&\"\nimport style0 from \"./cncaseStudy.vue?vue&type=style&index=0&id=a049ee40&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a049ee40\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}