{"version":3,"sources":["webpack:///./src/assets/img/player-bg.png","webpack:///./src/layout/manage.vue?ca00","webpack:///./src/layout/components/pageSidebar.vue?8048","webpack:///src/layout/components/pageSidebar.vue","webpack:///./src/layout/components/pageSidebar.vue?c9df","webpack:///./src/layout/components/pageSidebar.vue","webpack:///./src/layout/pageFooter.vue?bb81","webpack:///src/layout/pageFooter.vue","webpack:///./src/layout/pageFooter.vue?5231","webpack:///./src/layout/pageFooter.vue","webpack:///./src/layout/components/pageTitle.vue?7d17","webpack:///./src/layout/components/pageTitle.vue","webpack:///./src/layout/Task/index.vue?c555","webpack:///src/layout/Task/index.vue","webpack:///./src/layout/Task/index.vue?6151","webpack:///./src/layout/Task/index.vue","webpack:///src/layout/manage.vue","webpack:///./src/layout/manage.vue?497e","webpack:///./src/layout/manage.vue","webpack:///./src/layout/Task/index.vue?8831","webpack:///./src/layout/pageFooter.vue?aaea","webpack:///./src/components/Player/index.vue?ae62","webpack:///./src/layout/components/pageSidebar.vue?931a","webpack:///./src/components/Player/index.vue?f208","webpack:///src/components/Player/index.vue","webpack:///./src/components/Player/index.vue?4d98","webpack:///./src/components/Player/index.vue","webpack:///./src/layout/manage.vue?5c2c"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","key","$route","path","attrs","staticRenderFns","menuWidth","isCollapse","component","_v","_s","year","meta","showTitle","title","_e","script","$store","state","taskList","btnVisible","on","$event","visible","uploading","length","parseInt","percent","dispatch","Object","assign","class","_l","item","index","Key","substring","indexOf","playing","playerBg","$player","pause","play","song","ref","name","v","$utils","formatTime","changeCurrentTime","model","value","callback","$$v","timeupdate","expression","durationFormat","close"],"mappings":"4HAAAA,EAAOC,QAAU,IAA0B,uC,2CCA3C,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,eAAe,CAACA,EAAG,eAAeA,EAAG,eAAe,CAACG,IAAIP,EAAIQ,OAAOC,MAAM,CAACL,EAAG,eAAe,CAACE,YAAY,mBAAmBF,EAAG,UAAU,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,cAAcA,EAAG,cAAc,CAACM,MAAM,CAAC,IAAM,WAAW,GAAGN,EAAG,cAAc,CAACE,YAAY,oBAAoB,IAAI,IAAI,GAAGF,EAAG,cAAcA,EAAG,UAAUA,EAAG,aAAa,IAC/fO,EAAkB,G,YCDlB,EAAS,WAAa,IAAIX,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,YAAY,CAACM,MAAM,CAAC,UAAYV,EAAIY,UAAU,WAAaZ,EAAIa,eAAe,MAC/P,EAAkB,G,YCctB,GACE,WAAF,CAAI,SAAJ,QACE,KAFF,WAGI,MAAJ,CACM,YAAN,EACM,UAAN,MAGE,MAAF,CACI,WADJ,SACA,GACM,KAAN,qBAGE,QAbF,WAcI,IAAJ,OAEA,+CACA,SACM,KAAN,eAGI,OAAJ,oBACM,IAAN,+CACM,EAAN,qBCtCoW,I,wBCQhWC,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,QCnBX,EAAS,WAAa,IAAId,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,eAAe,CAACN,EAAIe,GAAG,SAASf,EAAIgB,GAAGhB,EAAIiB,MAAM,qCAAqCb,EAAG,IAAI,CAACE,YAAY,cAAcI,MAAM,CAAC,KAAO,6BAA6B,OAAS,WAAW,CAACV,EAAIe,GAAG,yBACjT,EAAkB,GCKtB,GACE,KAAF,aACE,KAFF,WAGI,MAAJ,CACM,MAAN,2BCVoV,ICQhV,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,QCnBX,EAAS,WAAa,IAAIf,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAqC,GAA7BF,EAAIQ,OAAOU,KAAKC,WAAsBnB,EAAIQ,OAAOU,KAAKE,MAAOhB,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACN,EAAIe,GAAGf,EAAIgB,GAAGhB,EAAIQ,OAAOU,KAAKE,YAAYpB,EAAIqB,MACxR,EAAkB,GCAlBC,EAAS,GAKT,EAAY,eACdA,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,oBCjBX,EAAS,WAAa,IAAItB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAQF,EAAIuB,OAAOC,MAAMC,UAAYzB,EAAIuB,OAAOC,MAAMC,SAASC,WAAYtB,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,OAAO,CAACE,YAAY,MAAMqB,GAAG,CAAC,MAAQ,SAASC,GAAQ5B,EAAI6B,SAAU,KAAQ,CAAC7B,EAAIe,GAAG,UAAUX,EAAG,cAAc,CAACE,YAAY,eAAeI,MAAM,CAAC,KAAO,SAAS,WAAaV,EAAIuB,OAAOC,MAAMC,SAASK,UAAUC,OAASC,SAA0D,IAAjDhC,EAAIuB,OAAOC,MAAMC,SAASK,UAAU,GAAGG,SAAiB,IAAI,MAAQ,MAAM7B,EAAG,MAAM,CAACE,YAAY,6BAA6BqB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO5B,EAAIuB,OAAOW,SAAS,cAAcC,OAAOC,OAAO,GAAIpC,EAAIuB,OAAOC,MAAMC,SAAS,CAACC,YAAY,UAAc,GAAGtB,EAAG,MAAM,CAACiC,MAAM,CAAC,cAAerC,EAAI6B,QAAU,mBAAqB,KAAK,CAACzB,EAAG,SAAS,CAACA,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIe,GAAG,UAAUf,EAAIgB,GAAGhB,EAAIuB,OAAOC,MAAMC,SAASA,SAASM,OAAS/B,EAAIuB,OAAOC,MAAMC,SAASK,UAAUC,OAAS,IAAM/B,EAAIuB,OAAOC,MAAMC,SAASA,SAASM,QAAQ,SAAS3B,EAAG,MAAM,CAACE,YAAY,QAAQqB,GAAG,CAAC,MAAQ,SAASC,GAAQ5B,EAAI6B,SAAU,KAAS,CAACzB,EAAG,IAAI,CAACE,YAAY,sBAAsBF,EAAG,MAAM,CAACE,YAAY,aAAaN,EAAIsC,GAAItC,EAAIuB,OAAOC,MAAMC,SAAiB,UAAE,SAASc,EAAKC,GAAO,OAAOpC,EAAG,MAAM,CAACG,IAAIiC,EAAMlC,YAAY,aAAa,CAACF,EAAG,SAAS,CAACM,MAAM,CAAC,OAAS,GAAG,KAAO,OAAO,QAAU,gBAAgB,MAAQ,WAAW,CAACN,EAAG,SAAS,CAACM,MAAM,CAAC,KAAO,IAAI,CAACN,EAAG,MAAM,CAACE,YAAY,aAAa,CAACN,EAAIe,GAAGf,EAAIgB,GAAGuB,EAAKE,IAAIC,UAAUH,EAAKE,IAAIE,QAAQ,KAAO,SAASvC,EAAG,SAAS,CAACM,MAAM,CAAC,KAAO,KAAK,CAACN,EAAG,cAAc,CAACM,MAAM,CAAC,WAAasB,SAAwB,IAAfO,EAAKN,SAAe,MAAwB,GAAhBM,EAAKN,QAAe,UAAY,cAAc,IAAI,IAAI,MAAK,OAAOjC,EAAIqB,MAC5qD,EAAkB,G,YC+CtB,GACE,KAAF,UACE,KAFF,WAGI,MAAJ,CACM,SAAN,IAGE,QAPF,aAQE,QAAF,CACI,WADJ,SACA,GACM,EAAN,sBC1D8V,ICQ1V,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,QCWf,GACE,WAAF,CAAI,YAAJ,EAAI,WAAJ,OAAI,WAAJ,EAAI,UAAJ,EAAI,OAAJ,OAAI,QAAJ,GACE,KAFF,WAGI,MAAJ,KCjCgV,ICQ5U,G,UAAY,eACd,EACAtB,EACAY,GACA,EACA,KACA,WACA,OAIa,e,sECnBf,W,6DCAA,W,kCCAA,W,kCCAA,W,yDCAA,IAAIZ,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAAEJ,EAAQ,KAAEI,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,WAAW,CAACiC,MAAMrC,EAAI4C,QAAU,UAAY,GAAGlC,MAAM,CAAC,IAAMV,EAAI6C,YAAYzC,EAAG,MAAM,CAACE,YAAY,aAAaqB,GAAG,CAAC,MAAQ,SAASC,GAAS5B,EAAI4C,QAAuC5C,EAAI8C,QAAQC,QAAzC/C,EAAI8C,QAAQE,KAAKhD,EAAIiD,SAA+B,CAAEjD,EAAW,QAAEI,EAAG,OAAO,CAACE,YAAY,oBAAoB,CAAGN,EAAI4C,QAAuDxC,EAAG,OAAO,CAACE,YAAY,wBAArEF,EAAG,OAAO,CAACE,YAAY,yBAAwE,IAAI,GAAGF,EAAG,MAAM,CAAC8C,IAAI,OAAO5C,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIe,GAAGf,EAAIgB,GAAGhB,EAAIiD,KAAKE,SAAS/C,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,YAAY,CAACM,MAAM,CAAC,iBAAiB,SAAU0C,GAAK,OAAOpD,EAAIqD,OAAOC,WAAWF,KAAOzB,GAAG,CAAC,OAAS3B,EAAIuD,mBAAmBC,MAAM,CAACC,MAAOzD,EAAc,WAAE0D,SAAS,SAAUC,GAAM3D,EAAI4D,WAAWD,GAAKE,WAAW,iBAAiB,GAAGzD,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIe,GAAGf,EAAIgB,GAAGhB,EAAI8D,uBAAuB1D,EAAG,YAAY,CAACM,MAAM,CAAC,KAAO,OAAO,KAAO,gBAAgB,KAAO,QAAQiB,GAAG,CAAC,MAAQ3B,EAAI+D,QAAQ,CAAC/D,EAAIe,GAAG,SAAS,KAAKf,EAAIqB,QAClsCV,EAAkB,G,qBC6BtB,GACE,KADF,WAEI,MAAJ,CACM,KAAN,6BAEM,SAAN,EACM,eAAN,WACM,QAAN,mCACM,SAAN,IACM,SAAN,EACM,WAAN,IAGE,QAbF,WAaI,IAAJ,OACI,KAAJ,+BAMA,8CACM,EAAN,kBACM,EAAN,iBAEM,EAAN,WACM,EAAN,cACA,2BACM,EAAN,yBAIM,EAAN,WACM,EAAN,cACA,yBACM,EAAN,4DACM,EAAN,iCACM,EAAN,WACM,EAAN,cACA,uBACM,EAAN,WACM,EAAN,cACA,uBACM,EAAN,WACM,EAAN,cACA,6BACM,EAAN,qEAGE,QAAF,CACI,kBADJ,WAEA,kBACQ,KAAR,2EAGI,MANJ,WAOM,KAAN,kBACM,KAAN,aCtF8V,I,wBCQ1VG,EAAY,eACd,EACAf,EACAY,GACA,EACA,KACA,WACA,MAIa,OAAAG,E,2CCnBf,W","file":"fbStatic/js/chunk-05517d01.24ab8ff7.js","sourcesContent":["module.exports = __webpack_public_path__ + \"fbStatic/img/player-bg.f412d651.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"app-wrapper\"},[_c('el-scrollbar',[_c('page-header'),_c('el-container',{key:_vm.$route.path},[_c('page-sidebar',{staticClass:\"hidden-xs-only\"}),_c('el-main',{staticClass:\"page-main\"},[_c('div',{staticClass:\"page-main-content\"},[_c('page-title'),_c('router-view',{attrs:{\"tag\":\"main\"}})],1),_c('page-footer',{staticClass:\"hidden-xs-only\"})],1)],1)],1),_c('el-backtop'),_c('player'),_c('task-bar')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page-sidebar\"},[_c('div',{staticClass:\"page-sidebar-box\"},[_c('page-menu',{attrs:{\"menuWidth\":_vm.menuWidth,\"isCollapse\":_vm.isCollapse}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"page-sidebar\">\n        <div class=\"page-sidebar-box\">\n            <!-- <div class=\"sidebar-toggler\">\n                <span @click=\"isCollapse = !isCollapse\">\n                    <i v-if=\"!isCollapse\" class=\"el-icon-s-fold\"></i>\n                    <i v-else class=\"el-icon-s-unfold\"></i>\n                </span>\n            </div> -->\n            <page-menu :menuWidth=\"menuWidth\" :isCollapse=\"isCollapse\"></page-menu>\n        </div>\n    </div>\n</template>\n<script>\nimport PageMenu from './menu';\nexport default {\n    components:{PageMenu},\n    data() {\n        return {\n            isCollapse: false,\n            menuWidth: 220\n        };\n    },\n    watch: {\n        isCollapse(flag){\n            this.menuWidth = !flag ? 225 : 64;\n        }\n    },\n    mounted() {\n        const _this = this;\n\n        const _width = window.innerWidth || document.body.clientWidth;\n        if( _width < 1280 ){\n            this.isCollapse = true\n        }\n\n        window.onresize = ()=>{\n            const winWidth = window.innerWidth || document.body.clientWidth;\n            _this.isCollapse = winWidth < 1280 ? true : false;\n        }\n    }\n};\n</script>\n<style lang=\"scss\" scoped>\n.page-sidebar {\n    background: #161616;\n    .page-sidebar-box {\n        // .sidebar-toggler {\n        //     text-align: right;\n        //     span {\n        //         display: inline-block;\n        //         background: #242424;\n        //         // color: $--color-font-gray;\n        //         margin: 10px 16px;\n        //         font-size: 18px;\n        //         padding: 5px 7px;\n        //         cursor: pointer;\n        //     }\n        // }\n    }\n}\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!./pageSidebar.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!./pageSidebar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./pageSidebar.vue?vue&type=template&id=95fdf1e2&scoped=true&\"\nimport script from \"./pageSidebar.vue?vue&type=script&lang=js&\"\nexport * from \"./pageSidebar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./pageSidebar.vue?vue&type=style&index=0&id=95fdf1e2&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  \"95fdf1e2\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page-footer\"},[_vm._v(\" 版权所有©\"+_vm._s(_vm.year)+\" 成都太合乐动科技有限公司.All right reserved.\"),_c('a',{staticClass:\"color-theme\",attrs:{\"href\":\"https://beian.miit.gov.cn/\",\"target\":\"_blank\"}},[_vm._v(\"蜀ICP备14016442号-4\")])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"page-footer\">\n        版权所有©{{ year }} 成都太合乐动科技有限公司.All right reserved.<a class=\"color-theme\" href=\"https://beian.miit.gov.cn/\" target=\"_blank\">蜀ICP备14016442号-4</a>\n    </div>\n</template>\n<script>\nexport default {\n    name:\"pageFooter\",\n    data(){\n        return {\n            year: new Date().getFullYear()\n        };\n    }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.page-footer{\n    background: #fff;\n    padding: 16px 20px;\n    color: $--color-text-regular;\n    font-size: 12px;\n    text-align: center;\n}\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!./pageFooter.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!./pageFooter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./pageFooter.vue?vue&type=template&id=5e7c10a4&scoped=true&\"\nimport script from \"./pageFooter.vue?vue&type=script&lang=js&\"\nexport * from \"./pageFooter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./pageFooter.vue?vue&type=style&index=0&id=5e7c10a4&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  \"5e7c10a4\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.$route.meta.showTitle != false && _vm.$route.meta.title)?_c('div',{staticClass:\"page-top-box\"},[_c('div',{staticClass:\"page-title-box\"},[_vm._v(_vm._s(_vm.$route.meta.title))])]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./pageTitle.vue?vue&type=template&id=3f2a4672&\"\nvar script = {}\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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.$store.state.taskList && _vm.$store.state.taskList.btnVisible)?_c('div',{staticClass:\"task-bar\"},[_c('div',{staticClass:\"show-task-bar\"},[_c('span',{staticClass:\"btn\",on:{\"click\":function($event){_vm.visible = true}}},[_vm._v(\"上传任务\")]),_c('el-progress',{staticClass:\"btn-progress\",attrs:{\"type\":\"circle\",\"percentage\":_vm.$store.state.taskList.uploading.length ? parseInt(_vm.$store.state.taskList.uploading[0].percent * 100) : 100,\"width\":50}}),_c('div',{staticClass:\"close el-icon-circle-close\",on:{\"click\":function($event){return _vm.$store.dispatch('setTaskList',Object.assign({}, _vm.$store.state.taskList,{btnVisible: false}))}}})],1),_c('div',{class:['task-drawer', _vm.visible ? 'task-drawer-show' : '']},[_c('header',[_c('div',{staticClass:\"title\"},[_vm._v(\" 上传任务( \"+_vm._s(_vm.$store.state.taskList.taskList.length - _vm.$store.state.taskList.uploading.length + '/' + _vm.$store.state.taskList.taskList.length)+\" ) \")]),_c('div',{staticClass:\"close\",on:{\"click\":function($event){_vm.visible = false}}},[_c('i',{staticClass:\"el-icon-close\"})])]),_c('div',{staticClass:\"task-list\"},_vm._l((_vm.$store.state.taskList.taskList),function(item,index){return _c('div',{key:index,staticClass:\"task-item\"},[_c('el-row',{attrs:{\"gutter\":20,\"type\":\"flex\",\"justify\":\"space-between\",\"align\":\"middle\"}},[_c('el-col',{attrs:{\"span\":8}},[_c('div',{staticClass:\"task-name\"},[_vm._v(_vm._s(item.Key.substring(item.Key.indexOf('-') + 1)))])]),_c('el-col',{attrs:{\"span\":16}},[_c('el-progress',{attrs:{\"percentage\":parseInt(item.percent * 100),\"color\":item.percent == 1 ? '#67c23a' : '#409eff'}})],1)],1)],1)}),0)])]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div v-if=\"$store.state.taskList && $store.state.taskList.btnVisible\" class=\"task-bar\">\n        <div class=\"show-task-bar\">\n            <span class=\"btn\" @click=\"visible = true\">上传任务</span>\n            <el-progress\n                type=\"circle\"\n                :percentage=\"$store.state.taskList.uploading.length ? parseInt($store.state.taskList.uploading[0].percent * 100) : 100\"\n                :width=\"50\"\n                class=\"btn-progress\"\n            />\n            <div class=\"close el-icon-circle-close\" @click=\"$store.dispatch('setTaskList',{...$store.state.taskList,btnVisible: false})\"></div>\n        </div>\n        <div :class=\"['task-drawer', visible ? 'task-drawer-show' : '']\">\n            <header>\n                <div class=\"title\">\n                    上传任务(\n                    {{\n                        $store.state.taskList.taskList.length -\n                            $store.state.taskList.uploading.length +\n                            '/' +\n                            $store.state.taskList.taskList.length\n                    }}\n                    )\n                </div>\n                <div class=\"close\" @click=\"visible = false\"><i class=\"el-icon-close\" /></div>\n            </header>\n            <div class=\"task-list\">\n                <div v-for=\"(item, index) in $store.state.taskList.taskList\" :key=\"index\" class=\"task-item\">\n                    <el-row :gutter=\"20\" type=\"flex\" justify=\"space-between\" align=\"middle\">\n                        <el-col :span=\"8\">\n                            <div class=\"task-name\">{{ item.Key.substring(item.Key.indexOf('-') + 1) }}</div>\n                        </el-col>\n                        <el-col :span=\"16\">\n                            <el-progress :percentage=\"parseInt(item.percent * 100)\" :color=\"item.percent == 1 ? '#67c23a' : '#409eff'\"></el-progress>\n                        </el-col>\n                        <!-- <el-col :span=\"4\">\n                            <el-button v-if=\"item.percent < 1\" type=\"text\" size=\"mini\" @click=\"cancelTask(item.id)\">取消</el-button>\n                        </el-col> -->\n                    </el-row>\n                </div>\n            </div>\n            <!-- <div v-else class=\"no-data\">当前没有上传任务</div> -->\n        </div>\n    </div>\n</template>\n\n<script>\nimport Upload from '@/assets/js/upload';\nexport default {\n    name: 'taskbar',\n    data() {\n        return {\n            visible: false\n        };\n    },\n    created() {},\n    methods: {\n        cancelTask(id) {\n            Upload.cancelTask(id);\n        }\n    }\n};\n</script>\n<style lang=\"scss\" scoped>\n.task-bar {\n    .show-task-bar{\n        position: fixed;\n        top: 44px;\n        right: 20px;\n        z-index: 1000;\n        .btn {\n            position: absolute;\n            top: 4px;\n            background: #1f2428;\n            right: 4px;\n            color: #ffffff;\n            width: 42px;\n            height: 42px;\n            padding: 5px;\n            border-radius: 100%;\n            display: flex;\n            text-align: center;\n            align-items: center;\n            cursor: pointer;\n            z-index: 1;\n        }\n        .btn-progress {\n            \n        }\n        .close{\n            font-size: 26px;\n            position: absolute;\n            bottom: -26px;\n            left: 12px;\n            color: #999;\n            cursor: pointer;\n            display: none;\n        }\n        &:hover{\n            .close{\n                display: block;\n            }\n        }\n    }\n    \n    .task-drawer {\n        position: fixed;\n        width: 100%;\n        left: 0;\n        bottom: 0;\n        z-index: 2000;\n        background: #ffffff;\n        transition: all 0.3s ease-out;\n        transform: translateY(100%);\n        &.task-drawer-show {\n            transform: translateY(0);\n        }\n        header {\n            margin-bottom: 10px;\n            padding: 0 20px;\n            height: 38px;\n            line-height: 38px;\n            background: #f5f7fa;\n            display: flex;\n            justify-content: space-between;\n            .close {\n                cursor: pointer;\n            }\n        }\n    }\n    .task-list {\n        padding: 0 20px 10px 20px;\n        max-height: 50vh;\n        overflow-y: auto;\n        .task-item {\n            padding: 5px 0;\n            .task-name {\n                white-space: nowrap;\n                overflow: hidden;\n                text-overflow: ellipsis;\n            }\n        }\n    }\n    .no-data {\n        text-align: center;\n    }\n}\n</style>\n","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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=c1cb333c&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=c1cb333c&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  \"c1cb333c\",\n  null\n  \n)\n\nexport default component.exports","<template>\n    <div class=\"app-wrapper\">\n        <el-scrollbar>\n            <page-header></page-header>\n            <el-container :key=\"$route.path\">\n                <page-sidebar class=\"hidden-xs-only\"></page-sidebar>\n                <el-main class=\"page-main\">\n                    <div class=\"page-main-content\">\n                        <!-- <page-breadcrumb></page-breadcrumb> -->\n                        <page-title></page-title>\n                        <router-view tag=\"main\" />\n                    </div>\n                    <page-footer class=\"hidden-xs-only\"></page-footer>\n                </el-main>\n            </el-container>\n        </el-scrollbar>\n        <el-backtop></el-backtop>\n        <player></player>\n        <task-bar></task-bar>\n    </div>\n</template>\n\n<script>\nimport PageHeader from \"./components/pageHeader\";\nimport PageSidebar from \"./components/pageSidebar\";\nimport PageFooter from \"./pageFooter\";\n// import PageBreadcrumb from './pageBreadcrumb';\nimport PageTitle from './components/pageTitle';\nimport Player from '@/components/Player';\nimport taskBar from './Task';\nexport default {\n    components: { PageSidebar, PageHeader, PageFooter, /*PageBreadcrumb*/PageTitle,Player, taskBar },\n    data() {\n        return {}\n    },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n::v-deep .page-header{\n    .page-header-content{\n        width: auto;\n        margin: 0 60px;\n        @media screen and (max-width: $--screen-md) {\n            margin: 0;\n        }\n    }\n}\n// .app-wrapper{\n//     height: 100%;\n//     .el-scrollbar{\n//         height: 100%;\n//     }\n// }\n.el-container{\n    min-height: calc(100vh - #{$--header-height});\n    // width: 100%;\n    background: #f8f8f8;\n    .page-main{\n        padding: 0;\n        .page-main-content{\n            height: calc(100% - 50px);\n            padding: 20px;\n        }\n        div[tag=\"main\"]{\n            // background: #ffffff;\n            // padding: 20px;\n        }\n    }\n    \n}\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!./manage.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!./manage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./manage.vue?vue&type=template&id=7f3a0cc8&scoped=true&\"\nimport script from \"./manage.vue?vue&type=script&lang=js&\"\nexport * from \"./manage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./manage.vue?vue&type=style&index=0&id=7f3a0cc8&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  \"7f3a0cc8\",\n  null\n  \n)\n\nexport default component.exports","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/style-resources-loader/lib/index.js??ref--8-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=c1cb333c&lang=scss&scoped=true&\"","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/style-resources-loader/lib/index.js??ref--8-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./pageFooter.vue?vue&type=style&index=0&id=5e7c10a4&lang=scss&scoped=true&\"","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/style-resources-loader/lib/index.js??ref--8-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=5f77f504&lang=scss&scoped=true&\"","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/style-resources-loader/lib/index.js??ref--8-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./pageSidebar.vue?vue&type=style&index=0&id=95fdf1e2&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.song)?_c('div',{staticClass:\"page-player-bar\"},[_c('div',{staticClass:\"poster\"},[_c('el-image',{class:_vm.playing ? 'playing' : '',attrs:{\"src\":_vm.playerBg}}),_c('div',{staticClass:\"player-btn\",on:{\"click\":function($event){!_vm.playing ? _vm.$player.play(_vm.song) : _vm.$player.pause()}}},[(_vm.loading)?_c('span',{staticClass:\"el-icon-loading\"}):[(!_vm.playing)?_c('span',{staticClass:\"el-icon-video-play\"}):_c('span',{staticClass:\"el-icon-video-pause\"})]],2)],1),_c('div',{ref:\"info\",staticClass:\"info\"},[_c('div',{staticClass:\"info-bar\"},[_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.song.name))]),_c('div',{staticClass:\"time-bar\"},[_c('div',{staticClass:\"time-rogress\"},[_c('el-slider',{attrs:{\"format-tooltip\":function (v) { return _vm.$utils.formatTime(v); }},on:{\"change\":_vm.changeCurrentTime},model:{value:(_vm.timeupdate),callback:function ($$v) {_vm.timeupdate=$$v},expression:\"timeupdate\"}})],1),_c('div',{staticClass:\"time\"},[_vm._v(_vm._s(_vm.durationFormat))])])]),_c('el-button',{attrs:{\"type\":\"text\",\"icon\":\"el-icon-close\",\"size\":\"mini\"},on:{\"click\":_vm.close}},[_vm._v(\"关闭\")])],1)]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <div v-if=\"song\" class=\"page-player-bar\">\n            <div class=\"poster\">\n                <el-image :src=\"playerBg\" :class=\"playing ? 'playing' : ''\" ></el-image>\n                <div class=\"player-btn\" @click=\"!playing ? $player.play(song) : $player.pause()\">\n                    <span v-if=\"loading\" class=\"el-icon-loading\"></span>\n                    <template v-else>\n                        <span v-if=\"!playing\" class=\"el-icon-video-play\"></span>\n                        <span v-else class=\"el-icon-video-pause\"></span>\n                    </template>\n                </div>\n            </div>\n            <div class=\"info\" ref=\"info\">\n                <div class=\"info-bar\">\n                    <div class=\"name\">{{song.name}}</div>\n                    <div class=\"time-bar\">\n                        <div class=\"time-rogress\"><el-slider v-model=\"timeupdate\" @change=\"changeCurrentTime\" :format-tooltip=\"(v) => $utils.formatTime(v)\"></el-slider></div>\n                        <div class=\"time\">{{durationFormat}}</div>\n                    </div>\n                </div>\n                <el-button type=\"text\" icon=\"el-icon-close\" @click=\"close\" size=\"mini\">关闭</el-button>\n            </div>\n            \n        </div>\n    </div>\n</template>\n\n<script>\nimport playerBg from '@/assets/img/player-bg.png';\nexport default {\n    data(){\n        return{\n            song: this.$player.getSong() || null,\n            // width: this.$refs && this.$refs.info && this.$refs.info.clientWidth || 0,\n            duration: 0,\n            durationFormat: '00:00:00',\n            playing: this.$player.getState() == \"playing\" ? true : false ,\n            playerBg:playerBg,\n            loading: false,\n            timeupdate: 0\n        }\n    },\n    mounted(){\n        this.$player.on(\"error\",() => {\n            // this.$notify.error({\n            //     title: '错误',\n            //     message: '播放出错'\n            // });\n            \n            if(this.$player.getSong()) this.$message.error('播放出错');\n            this.$player.setSong();\n            this.$player.setUrl();\n\n            this.playing = false\n            this.loading = false\n        }).on(\"loadstart\", () => {\n            this.song = this.$player.getSong();\n            // this.$nextTick(() => {\n            //     this.width = this.$refs && this.$refs.info && this.$refs.info.clientWidth;\n            // })\n            this.playing = false\n            this.loading = true\n        }).on(\"playing\", () => {\n            this.durationFormat = this.$utils.formatTime(this.$player.getDuration());\n            this.duration = this.$player.getDuration();\n            this.playing = true\n            this.loading = false\n        }).on(\"pause\" , () => {\n            this.playing = false\n            this.loading = false\n        }).on(\"ended\", () => {\n            this.playing = false\n            this.loading = false\n        }).on(\"timeupdate\", e => {\n            this.timeupdate = parseFloat(this.$player.getCurrentTime() / this.duration * 100);\n        })\n    },\n    methods:{\n        changeCurrentTime(){\n            if(this.duration > 0){\n                this.$player.audio.currentTime = this.timeupdate * this.$player.getDuration() / 100;\n            }\n        },\n        close(){\n            this.$player.destroy();\n            this.song = null;\n        }\n    },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.page-player-bar{\n    display: flex;\n    align-items: center;\n    position: fixed;\n    bottom: 0;\n    background: rgba(255, 255, 255, 0.95);\n    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.3);\n    border-radius: 0 100px 100px 0px;\n    padding: 5px;\n    z-index: 1000;\n    overflow: hidden;\n    transition: all 0.5s ease-out;\n    left: 0;\n    .poster{\n        width: 40px;\n        height: 40px;\n        position: relative;\n        border-radius: 100%;\n        overflow: hidden;\n        .el-image{\n            width: 100%;\n            height: 100%;\n            vertical-align: middle;\n            &.playing{\n                animation: rotate 2.4s 0s linear infinite;\n            }\n        }\n        .player-btn{\n            position: absolute;\n            left: 0;\n            top: 0;\n            width: 100%;\n            height: 100%;\n            display: flex;\n            align-items: center;\n            justify-content: center;    \n            background: rgba(0, 0, 0, 0.5);\n            cursor: pointer;\n            span{\n                font-size: 24px;\n                color: #ffffff;    \n            }\n        }\n    }\n    .info{\n        margin:0 5px;\n        overflow: hidden;\n        white-space: nowrap;\n        width: 0;\n        transition: all 0.5s ease-out;\n        display: flex;\n        align-items: center;\n        .info-bar{\n            flex: 1;\n            margin:0 10px 0 0;\n            .time-bar{\n                display: flex;\n                align-items: center;\n                font-size: 12px;\n                .time-rogress{\n                    flex: 1;\n                    margin:0 20px 0 -10px;\n                    padding-left: 10px;\n                    ::v-deep .el-slider__runway{\n                        margin: 10px;\n                    }\n                    ::v-deep .el-slider__bar{\n                        margin-left: -8px;\n                    }\n                }\n                \n            }\n        }\n    }\n    &:hover{\n        .info{\n            // display: block;\n            width: 300px;\n        }\n    }\n}\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=5f77f504&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=5f77f504&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  \"5f77f504\",\n  null\n  \n)\n\nexport default component.exports","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/style-resources-loader/lib/index.js??ref--8-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./manage.vue?vue&type=style&index=0&id=7f3a0cc8&lang=scss&scoped=true&\""],"sourceRoot":""}