{"version":3,"sources":["webpack:///./src/views/webinar.vue?fba5","webpack:///./src/assets/img/speakerOne.png","webpack:///./src/views/webinar.vue?7587","webpack:///src/views/webinar.vue","webpack:///./src/views/webinar.vue?7b00","webpack:///./src/views/webinar.vue","webpack:///./src/views/webinar.vue?a6a7","webpack:///./src/assets/img/speakerTwo.png"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","_m","staticClass","_v","on","$event","style","class","show","style1","style2","ref","attrs","ruleForm","rules","model","value","callback","$$v","$set","expression","staticStyle","directives","name","rawName","domProps","Array","isArray","check","_i","$$a","$$el","target","$$c","checked","$$i","concat","slice","submitForm","dialogVisible","slot","btn","_l","newsList","item","index","isShow","key","toDetail","id","logo","_s","newsTitle","staticRenderFns","defaultForm","webinarId","webinarUrl","beginTime","pushTime","duration","mail","firstname","lastname","company","webinersource","data","dialogVisible1","spreaker","required","message","trigger","type","created","script","document","dataLayer","window","gtag","methods","webinercookies","localStorage","loading","lock","background","setTimeout","advertisementFlow","path","source","information","then","res","_this","console","webinarName","fullName","firstName","finished","editWebinarSubscribe","query","getNewsList","pageSize","pageIndex","status","origin","component"],"mappings":"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","file":"static/js/chunk-5b2f6c5b.dec7c6d8.js","sourcesContent":["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!./webinar.vue?vue&type=style&index=1&id=480f43d1&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!./webinar.vue?vue&type=style&index=1&id=480f43d1&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"static/img/speakerOne.f46e42fb.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._m(0),_c('div',{staticClass:\"Detail\"},[_c('div',{staticClass:\"left\"},[_c('div',[_vm._v(\"Join us this November for an insightful webinar on breast cancer. This session will provide a comprehensive overview of disease epidemiology, key risk groups in China compared to the West, emerging treatments, and more.\")]),_c('br'),_c('div',[_vm._v(\"We will also explore essential considerations for researchers conducting patient studies in these areas.\")]),_c('div',{staticClass:\"theme\"},[_vm._v(\"Key Highlights:\")]),_vm._m(1),_vm._m(2),_vm._m(3),_vm._m(4),_vm._m(5),_c('div',{staticClass:\"mobilespeakers d-block d-sm-none\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Speakers\")]),_c('div',{staticClass:\"speakerOne\"},[_c('div',{staticClass:\"top\"},[_vm._m(6),_c('div',{staticClass:\"introduction\",on:{\"click\":function($event){return _vm.style(1)}}},[_vm._m(7),_c('i',{staticClass:\"el-icon-arrow-down\"})])]),_c('div',{staticClass:\"details\",class:{show:_vm.style1}},[_vm._v(\"Baldwin has been involved in the market research industry for over 15 years, including both market research agencies as well as handling market research projects on the client side. Baldwin brings not only market research insights to the table but also business insights and strategies.\")])]),_c('div',{staticClass:\"speakerTwo\"},[_c('div',{staticClass:\"top\"},[_vm._m(8),_c('div',{staticClass:\"introduction\",on:{\"click\":function($event){return _vm.style(2)}}},[_vm._m(9),_c('i',{staticClass:\"el-icon-arrow-down\"})])]),_c('div',{staticClass:\"details\",class:{show:_vm.style2}},[_vm._v(\"Jeff is the Managing Partner of Holden Healthcare and joined Holden in 2011. He has over 30 years of experience in Marketing and Marketing Research in Asia--where he lived on the ground in Tokyo and Shanghai and was fully submerged in those markets.\")])])])]),_c('div',{staticClass:\"right\"},[_c('div',{staticClass:\"from\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Register here!\")]),_c('div',{staticClass:\"subtitle\"},[_vm._v(\"Please fill out the form to register for our webinar.\")]),_c('el-form',{ref:\"ruleForm\",attrs:{\"model\":_vm.ruleForm,\"rules\":_vm.rules}},[_c('el-form-item',{attrs:{\"label\":\"First Name\",\"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\":\"Last Name\",\"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\":\"Email\",\"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\":\"Company\",\"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)}}}}),_vm._v(\"Yes, I would like to receive digital communications from Holden brands. I may opt-out of communications at any time using the unsubscribe link at the bottom of any email communication. \")]),_c('div',{staticClass:\"button\",on:{\"click\":function($event){return _vm.submitForm('ruleForm')}}},[_vm._v(\" REGISTER \")])],1)],1)])]),_c('el-dialog',{attrs:{\"title\":\"\",\"visible\":_vm.dialogVisible,\"width\":\"30%\"}},[_c('span',[_vm._v(\"Thank you for registering for our webinar! We will send over the invitation with webinar link to you soon. \"),_c('br'),_vm._v(\" See you in the webinar!\")]),_c('span',{staticClass:\"dialog-footer\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){_vm.dialogVisible = false;_vm.btn('/')}}},[_vm._v(\"OK\")])],1)]),_c('div',{staticClass:\"news\"},[_c('div',{staticClass:\"bigtitle\"},[_vm._v(\"More Webinars\")]),_c('div',{staticClass:\"more\",on:{\"click\":function($event){return _vm.btn('/media')}}},[_vm._v(\"read more\")]),_c('div',{staticClass:\"newsList\"},_vm._l((_vm.newsList.slice(0,4)),function(item,index){return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isShow==0?true:false),expression:\"isShow==0?true:false\"}],key:index,staticClass:\"one\",on:{\"click\":function($event){return _vm.toDetail(item.id)}}},[_c('img',{attrs:{\"src\":item.logo}}),_c('div',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(item.newsTitle)+\" \")])])}),0)])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pageTitle\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Webinar :\")]),_c('div',{staticClass:\"value\"},[_vm._v(\"Holden Free Webinar Series:\"),_c('br'),_vm._v(\" Key Disease in China – Breast Cancer \"),_c('br')]),_c('div',{staticClass:\"date dateline\"},[_c('i',{staticClass:\"el-icon-date\"}),_vm._v(\" Nov 14, 2024 10:00 AM EST | 3:00 PM BST \")]),_c('div',{staticClass:\"date\"},[_c('span',[_c('i',{staticClass:\"el-icon-timer\"}),_vm._v(\" 45 Minutes\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"tips\"},[_c('div',{staticStyle:{\"margin-right\":\"10px\"}},[_vm._v(\"●\")]),_c('div',[_vm._v(\"Disease landscape and epidemiology \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"tips\"},[_c('div',{staticStyle:{\"margin-right\":\"10px\"}},[_vm._v(\"●\")]),_c('div',[_vm._v(\"Patient journey and treatment in China\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"tips\"},[_c('div',{staticStyle:{\"margin-right\":\"10px\"}},[_vm._v(\"●\")]),_c('div',[_vm._v(\"Policies and support for patients in China\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"tips\"},[_c('div',{staticStyle:{\"margin-right\":\"10px\"}},[_vm._v(\"●\")]),_c('div',[_vm._v(\"Research sampling tips and best practices\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"speakers d-none d-sm-block\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Speakers\")]),_c('div',{staticClass:\"speakerOne\"},[_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/speakerTwo.png\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"introduction\"},[_c('div',{staticClass:\"name\"},[_vm._v(\"Baldwin CHIA\")]),_c('div',{staticClass:\"position\"},[_vm._v(\"Research Director, Healthcare & MedTech\")]),_c('div',{staticClass:\"details\"},[_vm._v(\"Baldwin has been involved in the market research industry for over 15 years, including both market research agencies as well as handling market research projects on the client side. Baldwin brings not only market research insights to the table but also business insights and strategies.\")])])]),_c('div',{staticClass:\"speakerTwo\"},[_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/speakerOne.png\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"introduction\"},[_c('div',{staticClass:\"name\"},[_vm._v(\"Jeffrey KELSCH\")]),_c('div',{staticClass:\"position\"},[_vm._v(\"Managing Partner Healthcare & Overseas Business Operations\")]),_c('div',{staticClass:\"details\"},[_vm._v(\"Jeff is the Managing Partner of Holden Healthcare and joined Holden in 2011. He has over 30 years of experience in Marketing and Marketing Research in Asia--where he lived on the ground in Tokyo and Shanghai and was fully submerged in those markets.\")])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/speakerTwo.png\"),\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"name\"},[_vm._v(\"Baldwin CHIA\")]),_c('div',{staticClass:\"position\"},[_vm._v(\"Research Director, Healthcare & MedTech\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/speakerOne.png\"),\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"name\"},[_vm._v(\"Jeffrey KELSCH\")]),_c('div',{staticClass:\"position\"},[_vm._v(\"Managing Partner Healthcare & Overseas Business Operations\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"pageTitle\">\r\n      <div class=\"title\">Webinar :</div>\r\n      <div class=\"value\">Holden Free Webinar Series:</br> Key Disease in China – Breast Cancer <br /></div>\r\n      <div class=\"date dateline\"><i class=\"el-icon-date\"></i> Nov 14, 2024 10:00 AM EST | 3:00 PM BST </div>\r\n      <div class=\"date\"><span><i class=\"el-icon-timer\"></i> 45 Minutes</span></div>\r\n\r\n    </div>\r\n    <div class=\"Detail\">\r\n      <div class=\"left\">\r\n        <div>Join us this November for an insightful webinar on breast cancer. This session will provide a comprehensive overview of disease epidemiology, key risk groups in China compared to the West, emerging treatments, and more.</div>\r\n        </br>\r\n        <div>We will also explore essential considerations for researchers conducting patient studies in these areas.</div>\r\n\r\n        <div class=\"theme\">Key Highlights:</div>\r\n        <div class=\"tips\">\r\n          <div style=\"margin-right:10px\">●</div>\r\n          <div>Disease landscape and epidemiology </div>\r\n        </div>\r\n        <div class=\"tips\">\r\n          <div style=\"margin-right:10px\">●</div>\r\n          <div>Patient journey and treatment in China</div>\r\n        </div>\r\n        <div class=\"tips\">\r\n          <div style=\"margin-right:10px\">●</div>\r\n          <div>Policies and support for patients in China</div>\r\n        </div>\r\n        <div class=\"tips\">\r\n          <div style=\"margin-right:10px\">●</div>\r\n          <div>Research sampling tips and best practices</div>\r\n        </div>\r\n        <div class=\"speakers d-none d-sm-block\">\r\n          <div class=\"title\">Speakers</div>\r\n          <div class=\"speakerOne\">\r\n            <div class=\"img\">\r\n              <img src=\"@/assets/img/speakerTwo.png\" alt=\"\">\r\n            </div>\r\n            <div class=\"introduction\">\r\n              <div class=\"name\">Baldwin CHIA</div>\r\n              <div class=\"position\">Research Director, Healthcare & MedTech</div>\r\n              <div class=\"details\">Baldwin has been involved in the market research industry for over 15 years, including both market research agencies as well as handling market research projects on the client side. Baldwin brings not only market research insights to the table but also business insights and strategies.</div>\r\n            </div>\r\n          </div>\r\n          <div class=\"speakerTwo\">\r\n            <div class=\"img\">\r\n              <img src=\"@/assets/img/speakerOne.png\" alt=\"\">\r\n            </div>\r\n            <div class=\"introduction\">\r\n              <div class=\"name\">Jeffrey KELSCH</div>\r\n              <div class=\"position\">Managing Partner Healthcare & Overseas Business Operations</div>\r\n\r\n              <div class=\"details\">Jeff is the Managing Partner of Holden Healthcare and joined Holden in 2011. He has over 30 years of experience in Marketing and Marketing Research in Asia--where he lived on the ground in Tokyo and Shanghai and was fully submerged in those markets.</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"mobilespeakers d-block d-sm-none\">\r\n          <div class=\"title\">Speakers</div>\r\n\r\n          <div class=\"speakerOne\">\r\n            <div class=\"top\">\r\n              <div class=\"img\">\r\n                <img src=\"@/assets/img/speakerTwo.png\" alt=\"\">\r\n              </div>\r\n\r\n              <div class=\"introduction\" @click=\"style(1)\">\r\n                <div>\r\n                  <div class=\"name\">Baldwin CHIA</div>\r\n                  <div class=\"position\">Research Director, Healthcare & MedTech</div>\r\n                </div>\r\n                <i class=\"el-icon-arrow-down\"></i>\r\n              </div>\r\n            </div>\r\n            <div class=\"details\" :class=\"{show:style1}\">Baldwin has been involved in the market research industry for over 15 years, including both market research agencies as well as handling market research projects on the client side. Baldwin brings not only market research insights to the table but also business insights and strategies.</div>\r\n\r\n          </div>\r\n          <div class=\"speakerTwo\">\r\n            <div class=\"top\">\r\n              <div class=\"img\">\r\n                <img src=\"@/assets/img/speakerOne.png\" alt=\"\">\r\n              </div>\r\n              <div class=\"introduction\" @click=\"style(2)\">\r\n                <div>\r\n\r\n                  <div class=\"name\">Jeffrey KELSCH</div>\r\n                  <div class=\"position\">Managing Partner Healthcare & Overseas Business Operations</div>\r\n                </div>\r\n                <i class=\"el-icon-arrow-down\"></i>\r\n              </div>\r\n\r\n            </div>\r\n            <div class=\"details\" :class=\"{show:style2}\">Jeff is the Managing Partner of Holden Healthcare and joined Holden in 2011. He has over 30 years of experience in Marketing and Marketing Research in Asia--where he lived on the ground in Tokyo and Shanghai and was fully submerged in those markets.</div>\r\n\r\n          </div>\r\n        </div>\r\n\r\n        <!-- <img src=\"@/assets/img/Webinar Poster.png\"> -->\r\n        <!-- <div class=\"up\"><span class=\"text\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/activity/finished.gif\" alt=\"\"></span></div> -->\r\n      </div>\r\n\r\n      <div class=\"right\">\r\n        <div class=\"from\">\r\n          <!-- <div class=\"title\">Please fill in your information to watch the webinar replay.</div> -->\r\n\r\n          <div class=\"title\">Register here!</div>\r\n          <div class=\"subtitle\">Please fill out the form to register for our webinar.</div>\r\n\r\n          <el-form :model=\"ruleForm\" :rules=\"rules\" ref=\"ruleForm\">\r\n            <el-form-item label=\"First Name\" prop=\"firstname\">\r\n              <el-input v-model=\"ruleForm.firstname\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"Last Name\" prop=\"lastname\">\r\n              <el-input v-model=\"ruleForm.lastname\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"Email\" prop=\"mail\">\r\n              <el-input v-model=\"ruleForm.mail\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"Company\" 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              <input class=\"check\" type=\"checkbox\" v-model=\"ruleForm.check\">Yes, I would like to receive digital communications from Holden brands. I may opt-out of communications at any time using the unsubscribe link at the bottom of any email communication.\r\n            </el-form-item>\r\n            <!-- <div class=\"button\" @click=\"submitForm('ruleForm','/newsDetail?id=57&source=webinar')\">\r\n              Watch Replay\r\n            </div> -->\r\n            <div class=\"button\" @click=\"submitForm('ruleForm')\">\r\n              REGISTER\r\n            </div>\r\n          </el-form>\r\n\r\n        </div>\r\n        <!-- <img src=\"@/assets/img/robot.jpg\"> -->\r\n      </div>\r\n    </div>\r\n\r\n    <!-- 注册成功 -->\r\n    <el-dialog title=\"\" :visible=\"dialogVisible\" width=\"30%\">\r\n      <span>Thank you for registering for our webinar!\r\n        We will send over the invitation with webinar link to you soon.\r\n        <br />\r\n        See you in the webinar!</span>\r\n      <span slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button type=\"primary\" @click=\"dialogVisible = false;btn('/')\">OK</el-button>\r\n      </span>\r\n    </el-dialog>\r\n\r\n    <!-- <el-dialog title=\"\" :visible=\"dialogVisible1\" width=\"30%\">\r\n      <span>Error! </span>\r\n      <span slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button type=\"primary\" @click=\"dialogVisible1 = false\">OK</el-button>\r\n      </span>\r\n    </el-dialog> -->\r\n\r\n    <!-- News -->\r\n    <div class=\"news\">\r\n      <div class=\"bigtitle\">More Webinars</div>\r\n      <div @click=\"btn('/media')\" class=\"more\">read more</div>\r\n\r\n      <div class=\"newsList\">\r\n\r\n        <div class=\"one\" v-for=\"(item,index) in newsList.slice(0,4)\" :key=\"index\" v-show=\"isShow==0?true:false\" @click=\"toDetail(item.id)\">\r\n          <img :src=\"item.logo\">\r\n          <div class=\"title\">\r\n            {{ item.newsTitle }}\r\n          </div>\r\n        </div>\r\n\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nconst defaultForm = {\r\n  webinarId: \"6\",\r\n  webinarUrl: \"www.holdendata.com/webinar/url\",\r\n  beginTime: \"2024-11-07 10:00:00\",\r\n  pushTime: \"2022-11-02 11:00:00\",\r\n  duration: \"0\",\r\n  mail: \"\",\r\n  firstname: \"\",\r\n  lastname: \"\",\r\n  company: \"\",\r\n  check: true,\r\n  webinersource: \"\"\r\n};\r\nimport { editWebinarSubscribe, getNewsList, getip, advertisementFlow } 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(\"Please complete this required field\"));\r\n      } else {\r\n        callback();\r\n      }\r\n    };\r\n    return {\r\n      dialogVisible: false,\r\n      dialogVisible1: false,\r\n      isShow: 0,\r\n      style1: false,\r\n      style2: false,\r\n\r\n      spreaker: \"\",\r\n      newsList: [],\r\n      ruleForm: JSON.parse(JSON.stringify(defaultForm)),\r\n      rules: {\r\n        firstname: [{ required: true, message: \"Please complete this required field\", trigger: \"blur\" }],\r\n        lastname: [{ required: true, message: \"Please complete this required field\", trigger: \"blur\" }],\r\n        company: [{ required: true, message: \"Please complete this required field\", trigger: \"blur\" }],\r\n\r\n        mail: [\r\n          { required: true, message: \"Please complete this required field\", trigger: \"blur\" },\r\n          { type: \"email\", message: \"Email must be formatted correctly.\", trigger: [\"blur\"] }\r\n        ]\r\n        // check: [{ required: true, message: \"Please complete this required field\", trigger: \"blur\" }, { validator: check }]\r\n      }\r\n    };\r\n  },\r\n  created() {\r\n    this.getNewsList();\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.loading();\r\n    this.webinercookies();\r\n  },\r\n  methods: {\r\n    style(spaker) {\r\n      if (spaker == 1) {\r\n        this.style1 = !this.style1;\r\n      }\r\n      if (spaker == 2) {\r\n        this.style2 = !this.style2;\r\n      }\r\n    },\r\n\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    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    advertisementFlow() {\r\n      if (this.$route.query.source == undefined) {\r\n        advertisementFlow({\r\n          path: \"webinar\",\r\n          source: \"\",\r\n          information: \"webinar\"\r\n        }).then(res => {\r\n          if (res.code == 10000) {\r\n            // console.log(res);\r\n          }\r\n        });\r\n      } else {\r\n        advertisementFlow({\r\n          path: \"webinar\",\r\n          source: this.$route.query.source,\r\n          information: \"webinar\"\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    btn(path) {\r\n      // 跳转页面\r\n      this.$router.push({\r\n        path\r\n      });\r\n    },\r\n    submitForm(formName, path) {\r\n      let _this = this;\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            webinarName: \"Holden Free Webinar Series: Key Diseases in China – Kidney Disease and Breast Cancer\",\r\n            webinarId: _this.ruleForm.webinarId,\r\n            webinarUrl: _this.ruleForm.webinarUrl,\r\n            beginTime: _this.ruleForm.beginTime,\r\n            pushTime: _this.ruleForm.pushTime,\r\n            duration: _this.ruleForm.duration,\r\n            fullName: _this.ruleForm.fullName,\r\n            firstName: _this.ruleForm.firstname,\r\n            mail: _this.ruleForm.mail,\r\n            company: _this.ruleForm.company,\r\n            check: _this.ruleForm.check,\r\n            finished: false,\r\n            source: localStorage.getItem(\"webinersource\")\r\n          };\r\n          editWebinarSubscribe(ruleForm).then(res => {\r\n            // if (res.code == 10000) {\r\n            _this.showTip = true;\r\n            _this.tipStatus = true;\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            _this.ruleForm = JSON.parse(JSON.stringify(defaultForm));\r\n            // alert('Thank you for registering for our webinar, look forward to seeing you on November 3rd. ')\r\n            this.dialogVisible = true;\r\n\r\n            // 如结束时使用\r\n            // this.$router.push({\r\n            //   path\r\n            // });\r\n            // } else if(res.code==20001){\r\n            //   this.dialogVisible = true;\r\n            // }\r\n          });\r\n        } else {\r\n          console.log(\"error submit!!\");\r\n          // this.dialogVisible1 = true;\r\n          return false;\r\n        }\r\n      });\r\n    },\r\n    toDetail(id) {\r\n      this.$router.push({ name: \"newsDetail\", query: { id: id } });\r\n    },\r\n    getNewsList() {\r\n      getNewsList({\r\n        pageSize: 0,\r\n        pageIndex: 1,\r\n        status: 1, //启用\r\n        origin: 1 //前台\r\n      }).then(res => {\r\n        if (res.code != 10000) {\r\n          this.$message.error(res.msg || \"Failed to query news information\");\r\n          return;\r\n        }\r\n        this.newsList = res.datalist.filter(k => k.newsType != 1) && res.datalist.filter(k => k.firstLabel == \"Webinar\");\r\n      });\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.pageTitle {\r\n  background-color: #1da1f2;\r\n  padding: 50px 150px;\r\n  // padding-bottom: 50px;\r\n  background-image: url(\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/webinar/webinarBg.jpg\");\r\n  background-size: cover;\r\n  .date {\r\n    color: #fff;\r\n    font-size: 20px;\r\n    padding-top: 15px;\r\n    i {\r\n      font-size: 24px;\r\n    }\r\n  }\r\n  .dateline {\r\n    padding-top: 30px;\r\n  }\r\n  .title {\r\n    width: 60%;\r\n    // margin: 0 auto;\r\n    color: #fff;\r\n    font-size: 27px;\r\n    // font-weight: 700;\r\n  }\r\n\r\n  .value {\r\n    // text-align: center;\r\n    color: #fff;\r\n    font-weight: 700;\r\n    font-size: 55px;\r\n   // width: 80%;\r\n    // padding: 50px;\r\n  }\r\n  @media screen and (max-width: 576px) {\r\n    padding: 150px;\r\n    .value {\r\n      font-size: 140px;\r\n      width: 100%;\r\n    }\r\n    .title {\r\n      font-size: 80px;\r\n      width: 80%;\r\n    }\r\n    .date {\r\n      font-size: 55px;\r\n      i {\r\n        font-size: 60px;\r\n      }\r\n    }\r\n  }\r\n}\r\n.Detail {\r\n  padding: 50px 30px 50px 100px;\r\n  font-size: 20px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n  border-bottom: 15px solid #1da1f2;\r\n\r\n  .left {\r\n    width: 50%;\r\n\r\n    // padding: 20px;\r\n    // font-weight: 700;\r\n    // color: #fff;\r\n    position: relative;\r\n    .theme {\r\n      margin: 20px 0;\r\n    }\r\n    .tips {\r\n      display: flex;\r\n    }\r\n    .speakers {\r\n      .title {\r\n        font-weight: 700;\r\n        font-size: 24px;\r\n        margin-top: 50px;\r\n      }\r\n      .speakerOne,\r\n      .speakerTwo {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        margin: 40px 0;\r\n        .img {\r\n          width: 120px;\r\n          img {\r\n            width: 100%;\r\n          }\r\n        }\r\n        .introduction {\r\n          width: 76%;\r\n          .name {\r\n            font-weight: 700;\r\n          }\r\n          .position {\r\n            font-size: 16px;\r\n            margin-bottom: 15px;\r\n          }\r\n        }\r\n      }\r\n      .speakerTwo {\r\n        margin-top: 60px;\r\n      }\r\n    }\r\n    .mobilespeakers {\r\n      .title {\r\n        font-weight: 700;\r\n        font-size: 100px;\r\n        margin-top: 400px;\r\n      }\r\n      .speakerOne,\r\n      .speakerTwo {\r\n        margin: 40px 0;\r\n        .top {\r\n          display: flex;\r\n          justify-content: space-between;\r\n          align-items: center;\r\n        }\r\n        .details {\r\n          display: none;\r\n          border: 1px solid #f5f4f4;\r\n          box-shadow: 0px 0px 20px #d1d1d1;\r\n          border-radius: 10px;\r\n          margin-top: 50px;\r\n          padding: 20px;\r\n        }\r\n        .show {\r\n          display: block;\r\n        }\r\n        .img {\r\n          width: 400px;\r\n          img {\r\n            width: 100%;\r\n          }\r\n        }\r\n        .introduction {\r\n          border: 1px solid #f5f4f4;\r\n          box-shadow: 0px 0px 20px #d1d1d1;\r\n          border-radius: 10px;\r\n          width: 68%;\r\n          padding: 0 3%;\r\n          display: flex;\r\n          align-items: center;\r\n          .name {\r\n            font-weight: 700;\r\n          }\r\n          .position {\r\n            font-size: 50px;\r\n            margin-bottom: 15px;\r\n          }\r\n        }\r\n      }\r\n      .speakerTwo {\r\n        margin-top: 60px;\r\n      }\r\n    }\r\n    img {\r\n      width: 100%;\r\n    }\r\n    .up {\r\n      text-align: center;\r\n      color: #ff0000;\r\n      text-shadow: 2px 2px rgb(156, 150, 150);\r\n      font-size: 80px;\r\n      padding-top: 150px;\r\n      width: 100%;\r\n      height: 96%;\r\n      background-color: rgba(170, 162, 162, 0.6);\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0px;\r\n      .text {\r\n        img {\r\n          width: 300px;\r\n        }\r\n      }\r\n    }\r\n    .time,\r\n    .minutes,\r\n    .overview,\r\n    .learn,\r\n    .speaker {\r\n      margin: 15px 0;\r\n    }\r\n    .speaker {\r\n      color: #000;\r\n      .title {\r\n        color: #000;\r\n      }\r\n      .details {\r\n        width: 45%;\r\n        text-align: center;\r\n        // display: flex;\r\n        font-weight: normal;\r\n        margin: 20px 0;\r\n        .name {\r\n          font-weight: 700;\r\n        }\r\n        .img {\r\n          width: 80px;\r\n          height: 80px;\r\n          border-radius: 50%;\r\n          overflow: hidden;\r\n          display: inline-block;\r\n          img {\r\n            width: 80px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  @media screen and (max-width: 576px) {\r\n    padding: 150px 30px 50px 100px;\r\n    font-size: 70px;\r\n    .left {\r\n      .theme {\r\n        margin: 50px 0;\r\n      }\r\n      // .speakers {\r\n      //   .title {\r\n      //     font-size: 100px;\r\n      //     margin-top: 400px;\r\n      //   }\r\n      //   .speakerOne,\r\n      //   .speakerTwo {\r\n      //     .img {\r\n      //       width: 400px;\r\n      //     }\r\n      //     .introduction {\r\n      //       width: 65%;\r\n      //       .position {\r\n      //         font-size: 50px;\r\n      //       }\r\n      //       .details {\r\n      //         display: none;\r\n      //       }\r\n      //     }\r\n      //   }\r\n      // }\r\n    }\r\n  }\r\n\r\n  .right {\r\n    width: 40%;\r\n    // border: 1px solid #c4c3c3;\r\n    img {\r\n      width: 100%;\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      .title {\r\n        // text-align: center;\r\n        margin-top: 0px;\r\n        margin-bottom: 10px;\r\n        font-weight: 700;\r\n        font-size: 25px;\r\n        color: #ff0000;\r\n      }\r\n      .subtitle {\r\n        font-size: 18px;\r\n      }\r\n      @media screen and (max-width: 576px) {\r\n        .title {\r\n          font-size: 100px;\r\n          margin-top: 100px;\r\n        }\r\n        .subtitle {\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        background-color: #f1f2f3;\r\n\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-form-item__label::before {\r\n            position: static;\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: #fff;\r\n            border: 1px solid #e6e6e6;\r\n            border-radius: 7px;\r\n            font-size: 15px;\r\n            width: 300px;\r\n          }\r\n          .el-form-item__error {\r\n            font-size: 12px !important;\r\n          }\r\n          @media screen and (max-width: 576px) {\r\n            .el-input__inner {\r\n              font-size: 50px;\r\n              width: 1200px;\r\n              height: 120px;\r\n            }\r\n            .el-form-item__label {\r\n              font-size: 60px;\r\n              width: 100%;\r\n              display: block;\r\n              text-align: left;\r\n              margin-top: 50px;\r\n            }\r\n            .el-form-item__content {\r\n              font-size: 40px;\r\n              line-height: 40px;\r\n            }\r\n            .el-form-item__error {\r\n              font-size: 40px !important ;\r\n            }\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: 20px;\r\n        color: #fff;\r\n        border-radius: 7px;\r\n        text-align: center;\r\n        width: 200px;\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: 60px;\r\n          width: 500px;\r\n          margin: 100px auto;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  @media screen and (max-width: 576px) {\r\n    .left,\r\n    .right {\r\n      width: 100%;\r\n    }\r\n    .left {\r\n      .up {\r\n        font-size: 150px;\r\n        padding-top: 700px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.news {\r\n  background-color: #fff;\r\n  padding: 40px 120px;\r\n  font-size: 18px;\r\n  position: relative;\r\n  .bigtitle {\r\n    font-size: 40px;\r\n    font-weight: 700;\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@media screen and (max-width: 576px) {\r\n  .news {\r\n    .more {\r\n      font-size: 70px;\r\n      top: 70px;\r\n    }\r\n    .bigtitle {\r\n      font-size: 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>\r\n<style lang=\"scss\" scoped>\r\n/deep/.el-message-box {\r\n  font-size: 50px;\r\n  width: 500px;\r\n  .el-message-box__content {\r\n    font-size: 100px;\r\n  }\r\n  .el-message-box__message {\r\n    p {\r\n      font-size: 50px;\r\n    }\r\n  }\r\n}\r\n/deep/ .el-dialog {\r\n  .el-dialog__body {\r\n    word-break: break-word;\r\n  }\r\n}\r\n@media screen and (max-width: 576px) {\r\n  /deep/ .el-dialog {\r\n    padding: 100px;\r\n    width: 90% !important;\r\n    // height: 1000px;\r\n    font-size: 100px;\r\n    word-break: break-word;\r\n\r\n    .el-dialog__body {\r\n      text-align: center;\r\n      padding: 100px;\r\n      font-size: 50px;\r\n      word-break: break-word;\r\n    }\r\n    .el-button--default,\r\n    .el-button--primary {\r\n      padding: 50px 70px;\r\n      font-size: 50px;\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!./webinar.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!./webinar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./webinar.vue?vue&type=template&id=480f43d1&scoped=true&\"\nimport script from \"./webinar.vue?vue&type=script&lang=js&\"\nexport * from \"./webinar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./webinar.vue?vue&type=style&index=0&id=480f43d1&lang=scss&scoped=true&\"\nimport style1 from \"./webinar.vue?vue&type=style&index=1&id=480f43d1&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  \"480f43d1\",\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!./webinar.vue?vue&type=style&index=0&id=480f43d1&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!./webinar.vue?vue&type=style&index=0&id=480f43d1&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"static/img/speakerTwo.5e3a2520.png\";"],"sourceRoot":""}