|
|
(window.webpackJsonp=window.webpackJsonp||[]).push([[9],{618:function(t,o,e){t.exports=e.p+"img/doctor_play_icon.b7d2bd8.png"},621:function(t,o){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAADf0lEQVRYR9WZT4hXVRTHP1+QpoUGRWqLAUMCIUUTJZhFprTKoaCFLhrRcha5sYWDCwmmJhAXkoiC5KZ00YAKKWnjSjJnMZDkVJR/IMSiIGskKQknpBNnuO/H7fbe7/3eb/7wfnf53j3nfTj3/LvniTaXmT0E9AAbgJXAMmARsCCo/BP4FbgBfAN8BoxJ+rudT6qqkJmtBt4ANgOPVpT/HTgJHJU0XkW2ZVAzc6vtA14EWpYrgDHgPLBHklu7dJV+0MweBvYCbwLzSjVW2/AAOAS8Jel+M9GmoGb2FHAKeKZAyW1gBPgc+A64BfwR9j4CPAksB54HNgKLC/R8BWyS9H0RbCGomT0LfAo8niM8Cuz345PkVildZuan4W6zG3guR2AC6JX0RZ6yXNAAeQGYnwjdBHZKciu2vczMrXsYWJoouQe8kAf7P9Bw3GM5lhz2aJfkyqa9zMyNcBR4NVHmlu1J3eA/oCFwHDL1yXclvT1tuhwFZjYEDCav3GcdthFgKeh7wK5EaNYgs+8UwB6QNJDtaYCGPPllkoKGJfXlWdLM+oGDwJngt3enY3Ez+yhxAw/SNVmejUE9wt3Js+WBs6rIJ83sDvBY2PwjsFWSp6m2VvDZr5MAG5HU6wqnQENZdGvGruCpojC6zcyrS7z+CSlrsN16HrKBG6zhFcGq4xno+6F+ZxtGJa1rZpoc0Gy71/A+SdfaMa2ZXUryrPcFOxS6oF+SBuNlSWfbBHWxvzyxSzpSFdbMXgI+ieS8kXnCQb28XYxeeFnsLqs4TSwas/kx9ktynS2tUMF+Ssrtegd9B4hz5IeStpdpbRHU1XhP6rDnynQ2HNPsA+D1aP+Qg34MvBI9fE3S8TKlFUCn4jVUoQFJ7hZNl5ltA45Fm047qHc9T0cP10ryDFCmLI36MhF/fx3YUqbfzNYClyOFVx30t6SuL5Tk9XY2QF2nX0U8554o+oCZecfmXNmacFCvp13Rw65W8mDFo0+ZfpbU3QTU72OT0fvJjgLtmKOfy2Dyq7NXrabBWhRMHZOeOibhd0wJ9VRQ/6Zkqr6ZzWSbdyVUn5lt8wKoz5Pq3zgH2PpfRQKoD8Hqf7kLsPW/LgdQn9zVfwARYH2CV++RTtZWdcSQLIGt99gxgq0yyP0W+CEZ5C4BVszqIDeCrf9oPL4q1P5nQ3qvqf3vmxzgOf0h9i+RTzB1p2RUjQAAAABJRU5ErkJggg=="},642:function(t,o,e){var content=e(680);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,e(23).default)("784ded3a",content,!0,{sourceMap:!1})},677:function(t,o,e){t.exports=e.p+"img/doctor_pause_icon.4b47a3c.png"},678:function(t,o,e){t.exports=e.p+"img/doctor_default_poster.4480e36.png"},679:function(t,o,e){"use strict";e(642)},680:function(t,o,e){var n=e(22),r=e(36),c=e(44),d=n(!1),l=r(c);d.push([t.i,"*{margin:0;border:none;padding:0}html{height:100%}body{position:relative;min-width:320px;min-height:100%;background:#fff;font-family:MicrosoftYaHei;font-size:0}body .outer-container{min-width:1258px}body .outer-container.isMobile{min-width:auto}body .outer-container.isMobile .content-container{padding:60px 0 62px;width:100%}body .outer-container.isMobile .content-container .left-content{display:block!important;margin-right:0!important;width:100%!important}body .outer-container.isMobile .content-container .footer-outer{position:absolute!important;min-width:auto!important}body .outer-container.isMobile .content-container .load-more{width:100%!important}body .outer-container.isMobile .content-container .common-flex{display:block!important}body .outer-container.isMobile .content-container .common-other-content{margin:0!important}body .outer-container.isMobile .content-container .common-other-content h6{margin-bottom:10px!important;font-size:20px!important;line-height:28px!important}body .outer-container.isMobile .content-container .common-other-content .font-content b,body .outer-container.isMobile .content-container .common-other-content .font-content h5,body .outer-container.isMobile .content-container .common-other-content .font-content h6,body .outer-container.isMobile .content-container .common-other-content .font-content p{margin-bottom:8px!important;font-size:16px!important;line-height:24px!important;word-break:break-all}body .outer-container.isMobile .content-container .common-other-content .font-content h5{font-size:18px!important}body .outer-container.isMobile.hasLoginBottom{padding-bottom:calc(env(safe-area-inset-bottom) + 55px)}body .outer-container.isMobile.hasLoginBottom .bottom-outer,body .outer-container.isMobile.hasLoginBottom .footer-outer{bottom:calc(constant(safe-area-inset-bottom) + 55px);bottom:calc(env(safe-area-inset-bottom) + 55px)}body .outer-container.isMobile.hasLoginBottom .fixed-box{bottom:calc(constant(safe-area-inset-bottom) + 65px)!important;bottom:calc(env(safe-area-inset-bottom) + 65px)!important}body .content-container{margin:0 auto;width:1080px}body img{vertical-align:top;-o-object-fit:cover;object-fit:cover}body a{text-decoration:none}body .text-ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}body .left-content{display:inline-block;margin-right:32px;width:723px}body .right-content{float:right;display:inline-block;width:325px}body .common-flex{display:grid;grid-template-columns:repeat(4,25%)}body .load-more{margin:0 auto;width:357px;height:50px;background:#f5f5f8;border-radius:4px;font-size:18px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#939aa7;line-height:50px;text-align:center}body .footer-outer{position:fixed;bottom:0;left:0;width:100%;min-width:1258px;background:#f5f5f8;z-index:9}body .common-title{padding:20px 0 10px;text-align:left;font-size:24px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#001965;line-height:33px}body .common-title a{float:right;font-size:16px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#5d6269}body .common-title a i{color:#001965}body p.go-follow{margin-bottom:23px;height:50px;background:#e6553f;border-radius:4px;text-align:center;cursor:pointer;font-size:18px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff;line-height:50px}body .common-other-content{margin:44px 0;padding:30px;box-sizing:border-box}body .common-other-content h6{margin-bottom:20px;font-size:24px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#001965;line-height:33px}body .common-other-content .font-content b,body .common-other-content .font-content h5,body .common-other-content .font-content h6,body .common-other-content .font-content p{margin-bottom:12px;font-size:18px;color:#5d6269;line-height:30px}body .common-other-content .font-content h5{font-size:20px}body .el-message{top:50%!important}body .el-message i{font-size:16px}@media screen and (max-width:500px){body .el-message{min-width:200px;max-width:80%}}body .video-player-box .vjs-big-play-button{top:50%;left:50%;border:none;outline:none;width:68px;height:67px;transform:translate(-50%,-50%);background:url("+l+") 50% no-repeat;background-color:transparent!important;background-size:68px 67px}body .video-player-box .vjs-big-play-button .vjs-icon-placeholder:before{display:none}body .video-player-box .vjs-control-bar button{outline:none}body .el-avatar>img{width:100%}.doctor-detail-page{position:relative}.doctor-detail-page .left-content>h4{margin-bottom:20px;border-bottom:1px solid #f5f5f8;padding-bottom:30px;font-size:32px;font-family:MicrosoftYaHei-Bold,MicrosoftYaHei;font-weight:700;color:#292b2c;line-height:44px}.doctor-detail-page .left-content>p:nth-child(2),.doctor-detail-page .left-content>p:nth-child(3){margin-bottom:20px;font-size:16px;font-family:Apis-Regular,Apis;font-weight:400;color:#bac0c2;line-height:28px}.doctor-detail-page .left-content .video-box{margin-bottom:30px;height:406.69px}.doctor-detail-page .left-content p.go-follow{margin-bottom:10px}.doctor-detail-page .right-content{position:absolute;right:0;height:calc(100% - 80px)}.doctor-detail-page .right-content .doctor-info-box{position:relative;margin-bottom:20px;padding:42px 0 0 127px;height:168px;background:#f5f5f8;border-radius:4px;box-sizing:border-box}.doctor-detail-page .right-content .doctor-info-box img{position:absolute;top:42px;left:27px;border:1px solid #ededed;background:#fff;width:80px;height:80px;border-radius:40px;box-sizing:border-box}.doctor-detail-page .right-content .doctor-info-box div h6{margin-bottom:11px;font-size:18px;font-family:MicrosoftYaHei-Bold,MicrosoftYaHei;font-weight:700;color:#001965;line-height:24px}.doctor-detail-page .right-content .doctor-info-box div p{font-size:16px;color:#939aa7;line-height:21px}.doctor-detail-page .right-content .doctor-list-box{position:relative;overflow-y:scroll;padding:30px;height:calc(100% - 188px);background:#f5f5f8;border-radius:4px;box-sizing:border-box}.doctor-detail-page .right-content .doctor-list-box>div{display:flex;margin-bottom:22px;align-items:center;cursor:pointer}.doctor-detail-page .right-content .doctor-list-box>div img{margin-right:10px;width:30px;height:30px}.doctor-detail-page .right-content .doctor-list-box>div>span{font-size:16px;color:#292b2c;line-height:21px}.doctor-detail-page .right-content .doctor-list-box>div:last-child{margin-bottom:0}.isMobile .doctor-detail-page{padding:0!important;background:#fff}.isMobile .doctor-detail-page .left-content .video-box{margin:0;padding:0;height:auto;box-shadow:none}.isMobile .doctor-detail-page .left-content .video-box:after{display:none}.isMobile .doctor-detail-page .left-content .video-box .video-player-box{width:100%}.isMobile .doctor-detail-page .left-content .video-box .video-player-box>div{padding-top:56.25%}.isMobile .doctor-detail-page .left-content>h4{margin:0 15px 4px;padding:20px 5px 16px;font-size:18px;line-height:24px}.isMobile .doctor-detail-page .left-content>p:nth-child(3){margin-bottom:20px;padding:0 22px;font-size:12px;line-height:17px}.isMobile .doctor-detail-page .right-content{position:unset;float:none;width:100%;height:auto}.isMobile .doctor-detail-page .right-content .doctor-list-box{padding:0 15px;height:auto;background:transparent}.isMobile .doctor-detail-page .right-content .doctor-list-box>div{display:block;margin:0;border-bottom:1px solid #f5f5f8;padding:20px 0 15px}.isMobile .doctor-detail-page .right-content .doctor-list-box>div>span{display:block;margin:0 15px 11px;font-size:18px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#333;line-height:25px}.isMobile .doctor-detail-page .right-content .doctor-list-box>div .bottom-box{height:32px}.isMobile .doctor-detail-page .right-content .doctor-list-box>div .bottom-box span:first-child{display:inline-block;margin-top:1px;padding:0 9px 0 14px;height:30px;background:#f7f7fa;border-radius:0 15px 15px 0;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#7d7d7d;line-height:30px}.isMobile .doctor-detail-page .right-content .doctor-list-box>div .bottom-box span:last-child{float:right;width:134px;height:32px;background:linear-gradient(180deg,#fad961,#f76b1c);border-radius:16px;font-size:16px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fafafc;line-height:32px;text-align:center}.isMobile .doctor-detail-page .right-content .doctor-list-box>div .bottom-box span:last-child img{margin:6px 6px 0 0;width:21px;height:21px}",""]),t.exports=d},701:function(t,o,e){"use strict";e.r(o);e(25),e(19),e(24),e(10),e(37),e(20),e(38);var n=e(12),r=e(7),c=(e(52),e(18),e(99),e(28));function d(object,t){var o=Object.keys(object);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(object);t&&(e=e.filter((function(t){return Object.getOwnPropertyDescriptor(object,t).enumerable}))),o.push.apply(o,e)}return o}function l(t){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?d(Object(source),!0).forEach((function(o){Object(n.a)(t,o,source[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(source)):d(Object(source)).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(source,o))}))}return t}var f=Object(c.a)("user"),m=f.mapGetters,h=f.mapActions,x={name:"DoctorDetailPage",layout:"detail",validate:function(t){var o=t.params;return/^\d+$/.test(o.id)},asyncData:function(t){return Object(r.a)(regeneratorRuntime.mark((function o(){var n,r,c,data;return regeneratorRuntime.wrap((function(o){for(;;)switch(o.prev=o.next){case 0:return n=t.$axios,r=t.params,c=t.redirect,o.abrupt("return");case 3:return o.next=5,n.$get("/expert-video/detail?vid="+r.id);case 5:return!1===(data=o.sent).success&&c("/error?code=404"),console.log(data.detail.expertColumnInfo.video_list),o.abrupt("return",l(l({},data.detail),{},{playerOptions:{playbackRates:[.7,1,1.5,2],autoplay:!1,muted:!1,loop:!1,preload:"auto",language:"en",fluid:!0,sources:[{type:"",src:data.detail.videoRecord.video_url}],aspectRatio:"16:9",poster:e(678),notSupportedMessage:"此视频暂无法播放，请稍后再试",controlBar:{timeDivider:!0,durationDisplay:!0,remainingTimeDisplay:!1,fullscreenToggle:!0}}}));case 9:case"end":return o.stop()}}),o)})))()},data:function(){return{playerOptions:{}}},head:function(){return{title:this.videoRecord.title,meta:[{hid:"description",name:"description",content:"Home page description"}]}},computed:l(l({},m({isLogin:"isLogin"})),{},{deviceType:function(){return this.$store.state.device.deviceType}}),mounted:function(){var t=this;"pc"===this.deviceType&&this.$nextTick((function(){t.$refs.allList.scrollTop=t.$refs.activeListImg[0].parentNode.offsetTop-t.$refs.allList.clientHeight/2}))},methods:l(l({},h({showLoginDialog:"showLoginDialog"})),{},{videoPlay:function(t){var o=this;return Object(r.a)(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(0!==t.cache_.currentTime&&void 0!==t.cache_.currentTime){e.next=4;break}return o.baiduStat("一问医答详情页","click","一问医答详情页-播放视频"),e.next=4,o.$axios.$post("/expert-video/user-play",{vid:o.$route.params.id});case 4:case"end":return e.stop()}}),e)})))()},goDoctorVideo:function(t){if(Number(this.$route.params.id)!==Number(t)){this.baiduStat("一问医答详情页","click","一问医答详情页-切换视频列表");var o=this.$router.resolve({path:"/doctor/"+t}).href;window.location.href=o}}})},v=(e(679),e(11)),component=Object(v.a)(x,(function(){var t=this,o=t.$createElement,n=t._self._c||o;return n("div",{staticClass:"doctor-detail-page",staticStyle:{position:"relative",padding:"30px 0"}},[n("div",{staticClass:"left-content"},["pc"===t.deviceType?[n("h4",[t._v(t._s(t.videoRecord.title))]),t._v(" "),n("p",[t._v("\n "+t._s(t.videoRecord.record_num)+" "),n("i",{staticClass:"el-icon-view"}),t._v(" "+t._s(t._f("formatDate")(1e3*Number(t.videoRecord.publish_at),"yyyy-MM-dd hh:mm"))+"\n ")]),t._v(" "),n("div",{staticClass:"video-box"},[n("video-player",{staticClass:"video-player-box",attrs:{playsinline:!0,options:t.playerOptions},on:{play:t.videoPlay}})],1),t._v(" "),t.isLogin?t._e():n("p",{staticClass:"go-follow",on:{click:function(o){t.baiduStat("一问医答详情页","click","一问医答详情页-未登录按钮"),t.showLoginDialog(!0)}}},[t._v("\n 点击关注微信公众号，查看更多专业资讯\n ")])]:[n("div",{staticClass:"video-box"},[n("video-player",{staticClass:"video-player-box",attrs:{playsinline:!0,options:t.playerOptions},on:{play:t.videoPlay}})],1),t._v(" "),n("h4",[t._v(t._s(t.videoRecord.title))]),t._v(" "),n("p",[t._v("\n "+t._s(t.videoRecord.record_num)+" "),n("i",{staticClass:"el-icon-view"}),t._v(" "+t._s(t._f("formatDate")(1e3*Number(t.videoRecord.publish_at),"yyyy-MM-dd hh:mm"))+"\n ")])]],2),t._v(" "),n("div",{staticClass:"right-content"},["pc"===t.deviceType?n("div",{staticClass:"doctor-info-box"},[n("img",{attrs:{src:t.expertColumnInfo.expert_img,alt:""}}),t._v(" "),n("div",[n("h6",{staticClass:"text-ellipsis"},[t._v("\n "+t._s(t.expertColumnInfo.username)+" "+t._s(t.expertColumnInfo.title)+"\n ")]),t._v(" "),n("p",{staticClass:"text-ellipsis"},[t._v(t._s(t.expertColumnInfo.hospital_name))]),t._v(" "),n("p",{staticClass:"text-ellipsis"},[t._v(t._s(t.expertColumnInfo.department))])])]):t._e(),t._v(" "),n("div",{ref:"allList",staticClass:"doctor-list-box"},t._l(t.expertColumnInfo.video_list,(function(o){return n("div",{key:o.id,on:{click:function(e){return t.goDoctorVideo(o.id)}}},["pc"===t.deviceType?[o.id==t.videoRecord.id?n("img",{ref:"activeListImg",refInFor:!0,attrs:{src:e(677),alt:""}}):n("img",{attrs:{src:e(618),alt:""}})]:t._e(),t._v(" "),n("span",{style:{color:o.id==t.videoRecord.id?"#3B97DE":""}},[t._v(t._s(o.title))]),t._v(" "),"pc"!==t.deviceType?n("div",{staticClass:"bottom-box"},[n("span",[t._v(t._s(o.record_num)+"次播放")]),t._v(" "),n("span",{style:{opacity:o.id==t.videoRecord.id?"0.6":""}},[n("img",{attrs:{src:e(621),alt:""}}),t._v(t._s(o.id==t.videoRecord.id?"正在":"点击")+"观看")])]):t._e()],2)})),0)]),t._v(" "),n("BottomRightFixed",{attrs:{"show-share":!0}})],1)}),[],!1,null,null,null);o.default=component.exports;installComponents(component,{BottomRightFixed:e(418).default})}}]); |
