{"version":3,"sources":["webpack:///./src/views/announcement/index.vue","webpack:///src/views/announcement/index.vue","webpack:///./src/views/announcement/index.vue?2904","webpack:///./src/views/announcement/index.vue?2694","webpack:///./src/views/announcement/index.vue?65fd"],"names":["render","_vm","this","_c","_self","staticClass","_l","list","item","index","key","class","curIndex","on","$event","changeCurIndex","_v","_s","title","curItem","publish_at","domProps","content","staticRenderFns","data","currentPage","pageSize","total","created","computed","methods","getList","withContent","handleCurrentChange","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,YAAYJ,EAAIK,GAAIL,EAAIM,MAAM,SAASC,EAAKC,GAAO,OAAON,EAAG,MAAM,CAACO,IAAID,EAAME,MAAM,CAAC,WAAYV,EAAIW,UAAYH,EAAQ,SAAW,IAAII,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOb,EAAIc,eAAeN,MAAU,CAACR,EAAIe,GAAG,IAAIf,EAAIgB,GAAGT,EAAKU,OAAO,UAAS,GAAGf,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACJ,EAAIe,GAAGf,EAAIgB,GAAGhB,EAAIkB,QAAQD,UAAUf,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACJ,EAAIe,GAAGf,EAAIgB,GAAGhB,EAAIkB,QAAQC,eAAejB,EAAG,MAAM,CAACE,YAAY,gBAAgBF,EAAG,MAAM,CAACE,YAAY,UAAUgB,SAAS,CAAC,UAAYpB,EAAIgB,GAAGhB,EAAIkB,QAAQG,mBAE7qBC,EAAkB,GC4BtB,GACAC,OACA,OACAjB,QACAK,WACAa,cACAC,WACAC,UAGAC,UACA,gBAEAC,UACAV,UACA,sCAGAW,SACAf,kBACA,iBAGAgB,UACA,wBACAC,gBACA,cACA,oBAIAC,uBAEA,sBC/D8V,I,wBCQ1VC,EAAY,eACd,EACAlC,EACAuB,GACA,EACA,KACA,WACA,MAIa,aAAAW,E,2CCnBf,W","file":"js/chunk-ef93df36.1cbad89e.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"pc-container\"},[_c('div',{staticClass:\"main\"},[_c('div',{staticClass:\"tab-list\"},_vm._l((_vm.list),function(item,index){return _c('div',{key:index,class:['tab-item', _vm.curIndex == index ? 'active' : ''],on:{\"click\":function($event){return _vm.changeCurIndex(index)}}},[_vm._v(\" \"+_vm._s(item.title)+\" \")])}),0),_c('div',{staticClass:\"cur-info\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.curItem.title))]),_c('div',{staticClass:\"time\"},[_vm._v(_vm._s(_vm.curItem.publish_at))]),_c('div',{staticClass:\"divide-line\"}),_c('div',{staticClass:\"content\",domProps:{\"innerHTML\":_vm._s(_vm.curItem.content)}})])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"pc-container\">\r\n        <div class=\"main\">\r\n            <div class=\"tab-list\">\r\n                <div v-for=\"(item,index) in list\" \r\n                :key=\"index\" \r\n                :class=\"['tab-item', curIndex == index ? 'active' : '']\" \r\n                @click=\"changeCurIndex(index)\">\r\n                    {{item.title}}\r\n                </div>\r\n            </div>\r\n            <div class=\"cur-info\">\r\n                <div class=\"title\">{{curItem.title}}</div>\r\n                <div class=\"time\">{{curItem.publish_at}}</div>\r\n                <div class=\"divide-line\"></div>\r\n                <div v-html=\"curItem.content\" class=\"content\"></div>\r\n            </div>\r\n        </div>\r\n        <!-- <div class=\"pagination-box\">\r\n            <el-pagination @current-change=\"handleCurrentChange\"\r\n                :current-page=\"currentPage\" :pager-count=\"11\"\r\n                :page-sizes=\"[pageSize, pageSize * 2, pageSize * 3]\"\r\n                :page-size=\"pageSize\" layout=\"total, prev, pager, next, jumper\"\r\n                :total=\"total\" background>\r\n            </el-pagination>\r\n        </div> -->\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        data() {\r\n            return {\r\n                list: [],\r\n                curIndex: 0,\r\n                currentPage: 1,\r\n                pageSize: 1,\r\n                total: 1\r\n            }\r\n        },\r\n        created() {\r\n            this.getList()\r\n        },\r\n        computed: {\r\n            curItem() {\r\n                return this.list[this.curIndex] || {}\r\n            }\r\n        },\r\n        methods: {\r\n            changeCurIndex(index) {\r\n                this.curIndex = index\r\n            },\r\n            \r\n            getList() {\r\n                this.$api.announcement({\r\n                    withContent: true\r\n                },300000).then(res => {\r\n                    this.list = res.data\r\n                })\r\n            },\r\n            \r\n            handleCurrentChange(val) {\r\n                // console.log(`当前页: ${val}`)\r\n                this.currentPage = val\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n    .pc-container {\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n        padding: 50px $box-padding;\r\n        background-color: #f6f6f6;\r\n        \r\n        .main {\r\n            display: flex;\r\n            width: 100%;\r\n            \r\n            .tab-list {\r\n                min-width: 240px;\r\n                max-width: 240px;\r\n                height: 480px;\r\n                margin-right: 50px;\r\n                overflow: auto;\r\n                \r\n                .tab-item {\r\n                    width: 100%;\r\n                    height: 60px;\r\n                    line-height: 60px;\r\n                    box-sizing: border-box;\r\n                    padding: 0 16px;\r\n                    font-size: 15px;\r\n                    color: #000000;\r\n                    overflow: hidden;\r\n                    text-overflow: ellipsis;\r\n                    white-space: nowrap;\r\n                    background-color: #FFFFFF;\r\n                    cursor: pointer;\r\n                }\r\n                \r\n                .active {\r\n                    color: #FFFFFF;\r\n                    background-color: #5466EF;\r\n                }\r\n            }\r\n            \r\n            .cur-info {\r\n                width: 100%;\r\n                box-sizing: border-box;\r\n                padding: 40px;\r\n                border-radius: 2px;\r\n                background-color: #FFFFFF;\r\n                \r\n                .title {\r\n                    width: 100%;\r\n                    margin-bottom: 20px;\r\n                    font-size: 20px;\r\n                    font-weight: bold;\r\n                    color: #000000;\r\n                    text-align: center;\r\n                    word-wrap: break-word;\r\n                }\r\n                \r\n                .time {\r\n                    width: 100%;\r\n                    margin-bottom: 20px;\r\n                    font-size: 15px;\r\n                    color: #6D6F7E;\r\n                    text-align: right;\r\n                    word-wrap: break-word;\r\n                }\r\n                \r\n                .divide-line {\r\n                    width: 100%;\r\n                    height: 1px;\r\n                    background-color: #E9E9E9;\r\n                }\r\n                \r\n                .content {\r\n                    width: 100%;\r\n                    box-sizing: border-box;\r\n                    padding: 25px 0;\r\n                    word-wrap: break-word;\r\n                }\r\n            }\r\n        }\r\n        \r\n        .pagination-box {\r\n            display: flex;\r\n            justify-content: flex-end;\r\n            width: 100%;\r\n            box-sizing: border-box;\r\n            padding: 50px 0 0 0;\r\n            \r\n            /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active {\r\n                background-color: #5466EF;\r\n            }\r\n            \r\n            /deep/ .el-pager li:not(.active):hover {\r\n                color: #5466EF;\r\n            }\r\n        }\r\n    }\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-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--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-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=5e89bc4c&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=5e89bc4c&prod&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  \"5e89bc4c\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=5e89bc4c&prod&lang=scss&scoped=true&\""],"sourceRoot":""}