{"version":3,"sources":["webpack:///./src/views/cn/webinar.vue?6bc2","webpack:///./src/assets/img/speakerOne.png","webpack:///./src/views/cn/webinar.vue?ab77","webpack:///src/views/cn/webinar.vue","webpack:///./src/views/cn/webinar.vue?7d85","webpack:///./src/views/cn/webinar.vue","webpack:///./src/views/cn/webinar.vue?d70c","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-6017f53a.a35aa6ad.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=0&id=26ca9ff0&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=26ca9ff0&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(\"The Holden Webinar Series proudly presents a free webinar for all – The Patient Treatment Journey in Asia. For this webinar in June, we will be looking at the touchpoints of the patient journey in China. Where and how does the patient journey begin? What technologies are used? How are drugs prescribed? What should researchers bear in mind when conducting patient research? \")]),_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(\"Patient Journey in Asia: China \"),_c('br')]),_c('div',{staticClass:\"date dateline\"},[_c('i',{staticClass:\"el-icon-date\"}),_vm._v(\" June 20, 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(\"Patient Touchpoints \")])])},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(\"Key Demographics of HCPs\")])])},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(\"How patient treatment research is done\")])])},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(\"Case Study Sharing: China Rare Disease \")])])},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\">Patient Journey in Asia: China <br /></div>\r\n      <div class=\"date dateline\"><i class=\"el-icon-date\"></i> June 20, 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>The Holden Webinar Series proudly presents a free webinar for all – The Patient Treatment Journey in Asia. For this webinar in June, we will be looking at the touchpoints of the patient journey in China. Where and how does the patient journey begin? What technologies are used? How are drugs prescribed? What should researchers bear in mind when conducting patient research? </div>\r\n        <div class=\"theme\">Key Highlights:</div>\r\n        <div class=\"tips\">\r\n          <div style=\"margin-right:10px\">●</div>\r\n          <div>Patient Touchpoints </div>\r\n        </div>\r\n        <div class=\"tips\">\r\n          <div style=\"margin-right:10px\">●</div>\r\n          <div>Key Demographics of HCPs</div>\r\n        </div>\r\n        <div class=\"tips\">\r\n          <div style=\"margin-right:10px\">●</div>\r\n          <div>How patient treatment research is done</div>\r\n        </div>\r\n        <div class=\"tips\">\r\n          <div style=\"margin-right:10px\">●</div>\r\n          <div>Case Study Sharing: China Rare Disease </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=47&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: \"5\",\r\n  webinarUrl: \"www.holdendata.com/webinar/url\",\r\n  beginTime: \"2022-11-03 11: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: \"Insight into Asian Patients\",\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=26ca9ff0&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=26ca9ff0&lang=scss&scoped=true&\"\nimport style1 from \"./webinar.vue?vue&type=style&index=1&id=26ca9ff0&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  \"26ca9ff0\",\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=1&id=26ca9ff0&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=26ca9ff0&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"static/img/speakerTwo.5e3a2520.png\";"],"sourceRoot":""}