{"version":3,"sources":["webpack:///./src/views/news/NewsDetail.vue?060a","webpack:///./src/views/news/NewsDetail.vue","webpack:///./src/views/news/NewsDetail.vue?5144"],"names":["class","ref","detail","isShow","title","releasetime","split","file","href","imgUrl","target","handleScroll","height","document","documentElement","scrollTop","value","banner","getDetail","id","postData","result","code","data","getBanner","page_id","then","res","images","name","components","Header","Footer","FloatingFrame","setup","route","header","idjson","params","length","body","window","addEventListener","offsetTop","querySelector","setAttribute","api","render","__scopeId"],"mappings":"8GAAA,W,yLCCSA,MAAM,U,GAKFA,MAAM,sBAAsBC,IAAI,U,GAC3BD,MAAM,uB,GAGTA,MAAM,Q,EACT,eAAwB,OAAnBA,MAAM,QAAM,S,sFAVC,EAAAE,Q,iBAA1B,eAcM,MAdN,EAcM,CAbF,eAA2B,GAAlBC,OAAQ,EAAAA,QAAM,mBAIvB,eAQM,MARN,EAQM,CAPD,eAEK,MAFL,EAEK,CADF,eAAwB,wBAAlB,EAAAD,OAAOE,OAAK,KAEtB,eAA6D,IAA7D,EAAgB,QAAK,eAAE,EAAAF,OAAOG,YAAYC,MAAK,YAC/C,EACA,eAAgE,OAA3DN,MAAM,uBAAwB,UAAQ,EAAAE,OAAOA,Q,sBACc,IAAJ,EAAAK,M,iBAA5D,eAA0F,K,MAAtFC,KAAM,EAAAC,OAAS,EAAAF,KAAMG,OAAO,SAASV,MAAM,Q,eAAyB,EAAAE,OAAOE,OAAK,a,wJAe1F,EAAe,WAEjB,IAAMD,EAAS,iBAETQ,EAAe,SAACC,GAEfC,SAASC,gBAAgBC,WAAaH,EACrCT,EAAOa,MAAQ,EAEfb,EAAOa,MAAQ,GAIvB,MAAO,CAAEL,eAAcR,WAIrB,EAAe,WAGjB,IAAMc,EAAS,iBAGTf,EAAS,iBAGTK,EAAO,iBAGPW,EAAQ,yDAAI,WAAOC,GAAP,gGACVC,EAAW,CAAED,MADH,kBAGW,eAAK,wBAAyBC,GAHzC,OAGJC,EAHI,OAKQ,GAAfA,EAAOC,OAKe,IAAlBD,EAAOE,KAAKhB,MAA8B,MAAlBc,EAAOE,KAAKhB,KACnCA,EAAKS,MAAQ,GAEbT,EAAKS,MAAQK,EAAOE,KAAKhB,KAE7BL,EAAOc,MAAQK,EAAOE,MAfhB,4GAAJ,sDAyBRC,EAAQ,yDAAI,2GACVJ,EAAW,CACXK,QAAS,SAFC,SAIR,eAAK,yBAA0BL,GAAUM,MAAK,SAACC,GAElC,GAAZA,EAAIL,OACHL,EAAOD,MAAQW,EAAIJ,KAAKK,WAPlB,2CAAJ,qDAYd,MAAO,CAAE1B,SAAQgB,YAAWM,YAAWP,SAAQV,SAGpC,GACXsB,KAAM,aACNC,WAAY,CAAEC,SAAA,KAAQC,SAAA,KAAQC,gBAAA,MAC9BC,MAHW,WAIP,IAAMC,EAAQ,iBAEd,EAGI,IAFAxB,EADJ,EACIA,aACAR,EAFJ,EAEIA,OAIJ,EAAuD,IAA/CD,EAAR,EAAQA,OAAQgB,EAAhB,EAAgBA,UAAWM,EAA3B,EAA2BA,UAAWP,EAAtC,EAAsCA,OAAQV,EAA9C,EAA8CA,KAGxC6B,EAAS,eAAI,MAEnBZ,IAEA,gBAAU,WACN,IAAIa,EAASF,EAAMG,OAAOnB,GAAGb,MAAM,KAChC+B,EAAOE,OAAS,EACfrB,EAAUmB,EAAO,IAEjBnB,EAAUiB,EAAMG,OAAOnB,IAE3BN,SAASC,gBAAgBC,UAAYF,SAAS2B,KAAKzB,UAAW,EAC9D0B,OAAOC,iBAAiB,UAAU,WAC3BN,EAAOpB,OACNL,EAAayB,EAAOpB,MAAM2B,iBAKtC,gBAAY,WACR9B,SAAS+B,cAAc,QAAQC,aAAa,QAAS,4BAGzD,IAAQpC,EAAYqC,EAAA,KAEpB,MAAO,CAAErC,SAAQN,SAAQiC,SAAQlC,SAAQe,SAAQV,U,UCpIzD,EAAOwC,OAASA,EAChB,EAAOC,UAAY,kBAEJ","file":"js/NewsDetail.1a7a91c4.js","sourcesContent":["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-v16/dist/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-v16/dist/index.js??ref--0-1!./NewsDetail.vue?vue&type=style&index=0&id=4aa33822&lang=scss&scoped=true\"","<template>\r\n    <div class=\"wraper\" v-if=\"detail\">\r\n        <Header :isShow=\"isShow\" />\r\n        <!-- <div class=\"banner\">\r\n            <img :src=\"imgUrl + banner\" alt=\"\" />\r\n        </div> -->\r\n        <div class=\"content max_big_box\" ref=\"header\" >\r\n             <div class=\"title max_small_box\">\r\n                <p >{{detail.title}}</p>\r\n            </div>\r\n            <p class=\"time\">发布时间：{{detail.releasetime.split(' ')[0]}}</p>\r\n            <div class=\"line\"></div>\r\n            <div class=\"detail max_small_box\"  v-html=\"detail.detail\"></div>\r\n            <a :href=\"imgUrl + file\" target=\"_blank\" class=\"file\" v-if=\"file!=''\">{{detail.title}}</a>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { onUnmounted, onMounted, ref } from 'vue'\r\nimport { useRoute } from 'vue-router'\r\nimport { get, post } from '../../utils/request';\r\nimport * as api from '../../utils/api';\r\nimport Header from '../../components/header/Header';\r\nimport Footer from '../../components/footer/Footer';\r\nimport FloatingFrame from '../../components/floatingFrame/FloatingFrame';\r\n\r\n//页面滚动处理函数\r\nconst ScrollEffect = () => {\r\n\r\n    const isShow = ref()\r\n\r\n    const handleScroll = (height) => {\r\n        \r\n        if(document.documentElement.scrollTop >= height){\r\n            isShow.value = 1\r\n        }else{\r\n            isShow.value = 2\r\n        }\r\n    }\r\n\r\n    return { handleScroll, isShow }\r\n}\r\n\r\n//详情处理模块\r\nconst detailEffect = () => {\r\n\r\n    //轮播图\r\n    const banner = ref()\r\n\r\n    //详情\r\n    const detail = ref()\r\n\r\n    //附件\r\n    const file = ref()\r\n\r\n     //获取详情\r\n    const getDetail = async (id) => {\r\n        let postData = { id }\r\n        try{\r\n            const result = await post('/news/get_news_detail', postData)\r\n            // console.log('新闻详情', result)\r\n            if(result.code == 1){\r\n                // result.data.detail = result.data.detail.replace(/<a[^>]*>/gi, function (match, capture) {\r\n                //     return match.replace(/href=\"http:/ig,'href=\"'+api.imgUrl+'') // 替换src\r\n                // })\r\n\r\n                if(result.data.file=='' || result.data.file==null){\r\n                    file.value = ''\r\n                }else{\r\n                    file.value = result.data.file\r\n                }\r\n                detail.value = result.data\r\n            }else{\r\n                // console.log('请求失败')\r\n            }\r\n        }catch(e) {\r\n        \r\n        }\r\n    } \r\n\r\n    //获取轮播图\r\n    const getBanner = async () => {\r\n        let postData = {\r\n            page_id: '/news'\r\n        }\r\n        await post('/carousel/get_carousel', postData).then((res) => {\r\n            // console.log('11轮播图', res)\r\n            if(res.code == 1) {\r\n                banner.value = res.data.images\r\n            }\r\n        })\r\n    }\r\n\r\n    return { detail, getDetail, getBanner, banner, file }\r\n}\r\n\r\nexport default {\r\n    name: 'NewsDetail',\r\n    components: { Header, Footer, FloatingFrame },\r\n    setup() {\r\n        const route = useRoute()\r\n        //页面滚动处理函数\r\n        const { \r\n            handleScroll, \r\n            isShow \r\n        } = ScrollEffect()\r\n\r\n        //详情处理模块\r\n        const { detail, getDetail, getBanner, banner, file } = detailEffect()\r\n\r\n        //获取滑块到顶部的距离\r\n        const header = ref(null)\r\n\r\n        getBanner()\r\n\r\n        onMounted(() => {\r\n            let idjson = route.params.id.split('&')\r\n            if(idjson.length > 1){\r\n                getDetail(idjson[0])\r\n            }else{\r\n                getDetail(route.params.id)  //获取详情\r\n            }\r\n            document.documentElement.scrollTop = document.body.scrollTop =0;\r\n            window.addEventListener('scroll', function () {\r\n                if(header.value){\r\n                    handleScroll(header.value.offsetTop);\r\n                }\r\n            })\r\n        });\r\n\r\n        onUnmounted(() => {\r\n            document.querySelector('body').setAttribute('style', 'background-color:#fff')\r\n        })\r\n\r\n        const { imgUrl }  = api\r\n\r\n        return { imgUrl, isShow, header, detail, banner, file }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import '../../style/viriables.scss';\r\n/* 轮播图 */\r\n.banner{\r\n    margin-top: 114px;\r\n    @media screen and (max-width: 1200px){\r\n        margin-top: 92px;\r\n    }\r\n    img{\r\n        width: 100%;\r\n        display: block;\r\n    }\r\n}\r\n.content{\r\n    margin-top: 50px;\r\n    @media screen and (max-width: 900px){\r\n        margin-top: 30px;\r\n    }\r\n    .title{\r\n        text-align: center;\r\n        @media screen and (max-width: 1200px){\r\n            padding: 0 30px;\r\n        }\r\n        p{\r\n            color: rgba(16, 16, 16, 100);\r\n            font-size: 26px;\r\n            font-weight: 600;\r\n            line-height: 60px;\r\n            @media screen and (max-width: 900px){\r\n                font-size: .18rem;\r\n                line-height: 22px;\r\n            }\r\n        }\r\n    }\r\n    .time{\r\n        color: $all-desc-color;\r\n        font-size: 14px;\r\n        margin-top: 30px;\r\n        text-align: center;\r\n        @media screen and (max-width: 900px){\r\n            font-size: .14rem;\r\n        }\r\n    }\r\n    /* .line{\r\n        width: 100%;\r\n        height: 2px;\r\n        background: rgba(187, 187, 187, 100);\r\n        margin-top: 30px;\r\n    } */\r\n    .detail{\r\n        margin-top: 30px;\r\n        width: 100%;\r\n        div{\r\n            width: 100%;\r\n            img{\r\n                width: 100%;\r\n            }\r\n        }\r\n        img{\r\n            width: 100%;\r\n        }\r\n    }\r\n    img{\r\n        width: 100%;\r\n    }\r\n    .file{\r\n        width: 100%;\r\n        text-align: center;\r\n        display: block;\r\n    }\r\n}\r\n\r\n</style>","import { render } from \"./NewsDetail.vue?vue&type=template&id=4aa33822&scoped=true\"\nimport script from \"./NewsDetail.vue?vue&type=script&lang=js\"\nexport * from \"./NewsDetail.vue?vue&type=script&lang=js\"\n\nimport \"./NewsDetail.vue?vue&type=style&index=0&id=4aa33822&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-4aa33822\"\n\nexport default script"],"sourceRoot":""}