{"version":3,"sources":["webpack:///./src/views/baiyang/speak-sequential.vue?08fd","webpack:///src/views/baiyang/speak-sequential.vue","webpack:///./src/views/baiyang/speak-sequential.vue?5e9a","webpack:///./src/views/baiyang/speak-sequential.vue","webpack:///./src/assets/img/baiji/o1.png","webpack:///./src/views/baiyang/speak-sequential.vue?e654"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","title","_l","item","index","class","who_click","player_id","_e","attrs","player_img","player_name","player_hospital_name","staticRenderFns","component","module","exports"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,KAAK,CAACJ,EAAIO,GAAG,gCAAgCH,EAAG,IAAI,CAACJ,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,UAAUL,EAAG,KAAK,CAACJ,EAAIO,GAAG,kBAAkBH,EAAG,MAAM,CAACE,YAAY,cAAcN,EAAIU,GAAIV,EAAc,YAAE,SAASW,EAAKC,GAAO,OAAOR,EAAG,MAAM,CAACE,YAAY,cAAcO,MAAMb,EAAIc,WAAWH,EAAKI,UAAU,oBAAoB,IAAI,CAAW,GAATH,EAAYR,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACN,EAAIO,GAAGP,EAAIQ,GAAGI,EAAQ,MAAMZ,EAAIgB,KAAe,GAATJ,EAAYR,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACa,MAAM,CAAC,IAAM,EAAQ,aAAsCjB,EAAIgB,KAAKZ,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACa,MAAM,CAAC,IAAMN,EAAKO,gBAAgBd,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACN,EAAIO,GAAGP,EAAIQ,GAAGG,EAAKQ,gBAAgBf,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACN,EAAIO,GAAGP,EAAIQ,GAAGG,EAAKS,8BAA6B,MAC57BC,EAAkB,GCwBtB,GACI,KAAJ,mBACI,OACI,MAAR,CACY,UAAZ,EACY,WAAZ,GACY,MAAZ,KAII,UACI,KAAR,WAEI,QAAJ,CACQ,UACI,KAAZ,iEACgB,KAAhB,2BACgB,KAAhB,6BACgB,KAAhB,wBACgB,WAAhB,KACoB,KAApB,WACA,UC9C+M,I,wBCQ3MC,EAAY,eACd,EACAvB,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,8BCnBfC,EAAOC,QAAU,IAA0B,uB,yDCA3C","file":"js/chunk-7bdcaa0c.175975b4.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"speak-sequential\"},[_c('div',{staticClass:\"result-title\"},[_c('h2',[_vm._v(\"START领前列·竞巅峰-2022贝坦利优秀病例大赛\")]),_c('i',[_vm._v(_vm._s(_vm.title))]),_c('h3',[_vm._v(\"抢答环节-手速排行榜\")])]),_c('div',{staticClass:\"speak-main\"},_vm._l((_vm.array_data),function(item,index){return _c('div',{staticClass:\"speak-item \",class:_vm.who_click==item.player_id?'speak-item-active':''},[(index != 0)?_c('div',{staticClass:\"speak-item-no\"},[_vm._v(_vm._s(index + 1))]):_vm._e(),(index == 0)?_c('div',{staticClass:\"speak-item-img\"},[_c('img',{attrs:{\"src\":require(\"../../assets/img/baiji/o1.png\")}})]):_vm._e(),_c('div',{staticClass:\"speak-item-head\"},[_c('img',{attrs:{\"src\":item.player_img}})]),_c('div',{staticClass:\"speak-item-name\"},[_vm._v(_vm._s(item.player_name))]),_c('div',{staticClass:\"speak-item-hospital\"},[_vm._v(_vm._s(item.player_hospital_name))])])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"speak-sequential\">\r\n        <div class=\"result-title\">\r\n            <h2>START领前列·竞巅峰-2022贝坦利优秀病例大赛</h2>\r\n            <i>{{ title }}</i>\r\n            <h3>抢答环节-手速排行榜</h3>\r\n        </div>\r\n        <div class=\"speak-main\">\r\n            <div class=\"speak-item \" :class=\"who_click==item.player_id?'speak-item-active':''\" v-for=\"(item,index) in array_data\">\r\n                <div class=\"speak-item-no\" v-if=\"index != 0\">{{ index + 1 }}</div>\r\n                <div class=\"speak-item-img\" v-if=\"index == 0\">\r\n                    <img src=\"../../assets/img/baiji/o1.png\">\r\n                </div>\r\n                <div class=\"speak-item-head\">\r\n                    <img :src=\"item.player_img\"/>\r\n                </div>\r\n                <div class=\"speak-item-name\">{{ item.player_name }}</div>\r\n                <div class=\"speak-item-hospital\">{{ item.player_hospital_name }}</div>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        name: \"speak-sequential\",\r\n        data() {\r\n            return {\r\n                who_click: 0,\r\n                array_data: [],\r\n                title: '',\r\n\r\n            }\r\n        },\r\n        mounted() {\r\n            this.getList()\r\n        },\r\n        methods: {\r\n            getList() {\r\n                this.$axios.post(this.apiUrl.byAnswerResult,{},{loading:false}).then(res => {\r\n                    this.who_click = res.data.who_click\r\n                    this.array_data = res.data.array_data\r\n                    this.title = res.data.group_name\r\n                    setTimeout(()=> {\r\n                        this.getList()\r\n                    },3000)\r\n                })\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n    .speak-sequential{\r\n        background: url(\"~@/assets/img/by2022-9.jpg\") no-repeat;\r\n        background-size: 100% 100%;\r\n        min-height: 100vh;\r\n        overflow: hidden;\r\n        min-width: 1220px;\r\n        .speak-title{\r\n            font-size: 41px;\r\n            font-family: 'PingFang Regular';\r\n            font-weight: bold;\r\n            color: #464646;\r\n            margin: 0 auto;\r\n            padding: 35px 300px 0;\r\n            text-align: center;\r\n        }\r\n        .speak-main{\r\n            padding: 150px 100px 0;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            .speak-item{\r\n                width: 25%;\r\n                text-align: center;\r\n                display: inline-block;\r\n                position: relative;\r\n                margin-bottom: 50px;\r\n                .speak-item-img{\r\n                    position: absolute;\r\n                    left: 50%;\r\n                    top: -50px;\r\n                    margin-left: -45px;\r\n                    img{\r\n                        width: 90px;\r\n                    }\r\n                }\r\n                .speak-item-no{\r\n                    position: absolute;\r\n                    left: 50%;\r\n                    top: -50px;\r\n                    margin-left: -26px;\r\n                    width: 53px;\r\n                    height: 53px;\r\n                    background: #C4C4C4;\r\n                    border-radius: 2px 2px 2px 2px;\r\n                    font-size: 32px;\r\n                    font-family: PingFang SC-Bold, PingFang SC;\r\n                    font-weight: bold;\r\n                    color: #FFFFFF;\r\n                    text-align: center;\r\n                    line-height: 53px;\r\n                }\r\n                .speak-item-head{\r\n                    width: 166px;\r\n                    height: 166px;\r\n                    /*background: url(\"../../assets/img/baiji/o3.png\") no-repeat;*/\r\n                    background-size: 100% 100%;\r\n                    padding: 2px;\r\n                    margin: 0 auto;\r\n                    img{\r\n                        width: 100%;\r\n                        height: 100%;\r\n                        border-radius: 100%;\r\n                    }\r\n                }\r\n                .speak-item-name{\r\n                    font-size: 41px;\r\n                    font-family: 'PingFang-SC-Semibold';\r\n                    font-weight: 800;\r\n                    // color: #464646;\r\n\t\t\t\t\tcolor: #ffc741;\r\n                }\r\n                .speak-item-hospital{\r\n                    font-size: 29px;\r\n                    font-family: 'PingFang Medium';\r\n                    font-weight: 500;\r\n                    // color: #505050;\r\n\t\t\t\t\tcolor: #ffc741;\r\n                }\r\n                /*&:first-child{*/\r\n                /*    margin: 0 auto 70px;*/\r\n                /*    display: block;*/\r\n                /*}*/\r\n\r\n                &.speak-item-active{\r\n                    .speak-item-head{\r\n                        width: 222px;\r\n                        height: 222px;\r\n                        /*background: url(\"../../assets/img/baiji/o3.png\") no-repeat;*/\r\n                        background-size: 100% 100%;\r\n                        padding: 2px;\r\n                        margin: 0 auto;\r\n                        img{\r\n                            width: 100%;\r\n                            height: 100%;\r\n                            border-radius: 100%;\r\n                        }\r\n                    }\r\n                    .speak-item-name{\r\n                        color: #ffc741;\r\n                    }\r\n                    .speak-item-hospital{\r\n                        color: #ffc741;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .result-title{\r\n        display: flex;\r\n        justify-content: center;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        font-weight: bold;\r\n        font-family:SimHei;\r\n\t\tcolor: #ffc741;\r\n        margin-top: 90px;\r\n        h2{font-size: 50px;line-height: 60px;}\r\n        i{font-size: 45px;font-family:'楷体'; font-style:normal;line-height: 55px;}\r\n        h3{\r\n            font-size: 50px;\r\n\t\t\tfont-family:'楷体';\r\n            // text-align: center;\r\n            // font-weight: bold;\r\n            // font-family: PangMenZhengDao;\r\n            // text-transform:uppercase;\r\n            // color:#bf3763;\r\n            // text-shadow:\r\n            //         0px 1px 0px #c0c0c0,\r\n            //         0px 2px 0px #C4C4C4,\r\n            //         0px 3px 0px #CACACA,\r\n            //         0px 4px 0px #CFCFCF,\r\n            //         0px 3px 5px rgba(255, 255, 255, 0.7);\r\n            // letter-spacing:3px;\r\n        }\r\n    }\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./speak-sequential.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./speak-sequential.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./speak-sequential.vue?vue&type=template&id=12fc9ae5&scoped=true&\"\nimport script from \"./speak-sequential.vue?vue&type=script&lang=js&\"\nexport * from \"./speak-sequential.vue?vue&type=script&lang=js&\"\nimport style0 from \"./speak-sequential.vue?vue&type=style&index=0&id=12fc9ae5&scoped=true&lang=scss&\"\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  \"12fc9ae5\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/o1.85162392.png\";","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!./speak-sequential.vue?vue&type=style&index=0&id=12fc9ae5&scoped=true&lang=scss&\""],"sourceRoot":""}