{"version":3,"sources":["webpack:///./src/views/about/Qualification.vue","webpack:///./src/views/about/Qualification.vue?7205","webpack:///./src/views/about/Qualification.vue?7066","webpack:///./src/views/about/Qualification.vue?034f"],"names":["class","ref","isShow","detail","item","index","data-aos","key","data-aos-delay","width","src","imgUrl","image","alt","name","total_page","current","page","total","handleChangePage","handleScroll","height","document","documentElement","scrollTop","value","route","getDetail","id","page_id","postData","second_navigation_id","then","res","code","data","new_page","pageSize","params","components","Header","Footer","FloatingFrame","AboutTop","setup","header","body","window","addEventListener","offsetTop","api","render","__scopeId"],"mappings":"yPAESA,MAAM,U,GACFA,MAAM,gB,GACFA,MAAM,wBAAwBC,IAAI,U,GAE1BD,MAAM,O,GAGRA,MAAM,S,SAGZA,MAAM,4B,gMAXnB,eAA2B,GAAlBE,OAAQ,EAAAA,QAAM,mBACvB,eAcM,MAdN,EAcM,CAbF,eAYM,MAZN,EAYM,CAXF,eAOM,MAPN,EAOM,E,mBANF,eAKM,2BALoC,EAAAC,QAAM,SAAtBC,EAAMC,G,wBAAhC,eAKM,OALDL,MAAM,OAAuCM,WAAS,YAAaC,IAAKF,EAAQG,iBAAsB,KAALH,EAAK,I,CACvG,eAEM,MAFN,EAEM,CADF,eAA2D,GAAlDI,MAAM,OAASC,IAAK,EAAAC,OAASP,EAAKQ,MAAOC,IAAI,I,kBAE1D,eAAkC,IAAlC,EAAkC,eAAfT,EAAKU,MAAI,I,qCAGQ,EAAAC,Y,iBAA5C,eAEM,MAFN,EAEM,CADF,eAAsF,GAAhEC,QAAS,EAAAC,K,kDAAA,EAAAA,KAAI,IAAGC,MAAO,EAAAH,WAAa,SAAQ,EAAAI,kB,wLAkB5E,EAAe,WAEjB,IAAMjB,EAAS,eAAI,IAEbkB,EAAe,SAACC,GAEfC,SAASC,gBAAgBC,WAAaH,EACrCnB,EAAOuB,MAAQ,EAEfvB,EAAOuB,MAAQ,GAIvB,MAAO,CAAEL,eAAclB,WAIrB,EAAe,SAACwB,GAElB,IAAMvB,EAAS,iBAGTc,EAAO,eAAI,GAGXF,EAAa,iBAGbY,EAAQ,yDAAI,WAAOC,EAAIC,GAAX,8FACd1B,EAAOsB,MAAQ,GACXK,EAAW,CACXD,QAAS,IAAMA,EACfE,qBAAsBH,EACtBX,KAAMA,EAAKQ,OALD,SAOR,eAAK,mBAAoBK,GAAUE,MAAK,SAACC,GAE5B,GAAZA,EAAIC,OACH/B,EAAOsB,MAAQQ,EAAIE,KAAKA,KACxBpB,EAAWU,MAAQQ,EAAIE,KAAKjB,UAXtB,2CAAJ,wDAiBRC,EAAmB,SAACiB,EAAUC,GAChCpB,EAAKQ,MAAQW,GAOjB,OAJA,gBAAY,WACRT,EAAUD,EAAMY,OAAOV,GAAIF,EAAMY,OAAOT,YAGrC,CAAE1B,SAAQwB,YAAWV,OAAMF,aAAYI,qBAGnC,GACXL,KAAM,gBACNyB,WAAY,CAAEC,SAAA,KAAQC,SAAA,KAAQC,gBAAA,KAAeC,WAAA,MAC7CC,MAHW,WAIP,IAAOlB,EAAQ,iBAEf,EAGI,IAFAN,EADJ,EACIA,aACAlB,EAFJ,EAEIA,OAIJ,EAAuD,EAAawB,GAA5DvB,EAAR,EAAQA,OAAQc,EAAhB,EAAgBA,KAAMF,EAAtB,EAAsBA,WAAYI,EAAlC,EAAkCA,iBAG5B0B,EAAS,eAAI,MAEnB,gBAAU,WACNvB,SAASC,gBAAgBC,UAAYF,SAASwB,KAAKtB,UAAW,EAC9DuB,OAAOC,iBAAiB,UAAU,WAC3BH,EAAOpB,OACNL,EAAayB,EAAOpB,MAAMwB,iBAKtC,IAAQtC,EAAYuC,EAAA,KAEpB,MAAO,CAAEvC,SAAQT,SAAQ2C,SAAQ1C,SAAQc,OAAMF,aAAYI,sB,oBC7GnE,EAAOgC,OAASA,EAChB,EAAOC,UAAY,kBAEJ,gB,kCCTf,W,oCCAA,Y","file":"js/Qualification.9354db03.js","sourcesContent":["<template>\r\n    <Header :isShow=\"isShow\" />\r\n    <div class=\"wraper\">\r\n        <div class=\"content_box \">\r\n            <div class=\"content max_small_box\" ref=\"header\">\r\n                <div class=\"list\" v-for=\"(item, index) in detail\" data-aos=\"flip-left\" :key=\"index\" :data-aos-delay=\"(index+1)*200\">\r\n                    <div class=\"img\" >\r\n                        <a-image width=\"100%\"  :src=\"imgUrl + item.image\" alt=\"\" />\r\n                    </div>\r\n                    <p class=\"title\">{{item.name}}</p>\r\n                </div>\r\n            </div>\r\n            <div class=\"pagination max_small_box\" v-if=\"total_page\">\r\n                <a-pagination v-model:current=\"page\" :total=\"total_page\" @change=\"handleChangePage\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <!-- <div class=\"bottom_line\"></div> -->\r\n</template>\r\n\r\n<script>\r\nimport { onBeforeMount, onMounted, onUnmounted, ref, reactive, watchEffect } 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\nimport AboutTop from '../../components/about/AboutTop';\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 = (route) => {\r\n    //详情\r\n    const detail = ref()\r\n\r\n    //页数\r\n    const page = ref(1)\r\n\r\n    //总页数\r\n    const total_page = ref()\r\n\r\n    //获取详情\r\n    const getDetail = async (id, page_id) => {\r\n        detail.value = []\r\n        let postData = {\r\n            page_id: '/' + page_id,\r\n            second_navigation_id: id,\r\n            page: page.value\r\n        }\r\n        await post('/about/get_about', postData).then((res) => {\r\n            // console.log('资质', res)\r\n            if(res.code == 1) {\r\n                detail.value = res.data.data,\r\n                total_page.value = res.data.total\r\n            }\r\n        })\r\n    }\r\n\r\n    //更换页数\r\n    const handleChangePage = (new_page, pageSize) =>{\r\n        page.value = new_page\r\n    }\r\n\r\n    watchEffect(() =>{\r\n        getDetail(route.params.id, route.params.page_id)\r\n    })\r\n\r\n    return { detail, getDetail, page, total_page, handleChangePage }\r\n}\r\n\r\nexport default {\r\n    name: 'Qualification',\r\n    components: { Header, Footer, FloatingFrame, AboutTop },\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, page, total_page, handleChangePage } = detailEffect(route)\r\n\r\n        //获取滑块到顶部的距离\r\n        const header = ref(null)\r\n\r\n        onMounted(() => {\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        const { imgUrl }  = api\r\n\r\n        return { imgUrl, isShow, header, detail, page, total_page, handleChangePage }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.content_box{\r\n    margin-top: 70px;\r\n}\r\n.content{\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    @media screen and (max-width: 1200px){\r\n        padding: 0 30px;\r\n    }\r\n    .list{\r\n        width: 17%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        /* justify-content: center; */\r\n        background-color: #F4F4F4;\r\n        margin-bottom: 50px;\r\n        border: 2px solid #F4F4F4;\r\n         margin-right: 3%;\r\n        &:nth-child(5n){\r\n            margin-right: 0%;\r\n        }\r\n        &:hover{\r\n            .img{\r\n                >>> .ant-image-img{\r\n                    transform: scale(1.1);\r\n                }\r\n            }\r\n        }\r\n        @media screen and (max-width: 1200px){\r\n            width: 45%;\r\n            height: 350px;\r\n            &:nth-child(5n){\r\n                margin-right: 3%;\r\n            }\r\n            &:nth-child(2n){\r\n                margin-right: 0%;\r\n            }\r\n        }\r\n        @media screen and (max-width: 900px){\r\n            width: 45%;\r\n            height: 200px;\r\n        }\r\n        .img{\r\n            width: 100%;\r\n            height: 160px;\r\n            overflow: hidden;\r\n            cursor: pointer;\r\n            background: #fff;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            @media screen and (max-width: 1200px){\r\n                height: 250px;\r\n            }\r\n            >>> .ant-image{\r\n                height: 100%;\r\n                display: block;\r\n                transition: .3s all;\r\n\r\n                /* >>> .ant-image-img{\r\n                    object-fit: scale-down;\r\n                } */\r\n            }\r\n        }\r\n            \r\n        .title{\r\n            color: rgba(48, 90, 168, 100);\r\n            font-size: 16px;\r\n            margin: 25px;\r\n            line-height: 24px;\r\n            overflow: hidden;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 3;\r\n            -webkit-box-orient: vertical;\r\n            @media screen and (max-width: 900px){\r\n                margin: 15px;\r\n                font-size: .14rem;\r\n                overflow:inherit;\r\n            }\r\n        }\r\n    }\r\n}\r\n.pagination{\r\n    text-align: center;\r\n    padding-top: 80px;\r\n    display: block;\r\n}\r\n.bottom_line{\r\n    width: 100%;\r\n    height: 2px;\r\n    margin-top: 100px;\r\n    background: #BBBBBB;\r\n}\r\n</style>\r\n\r\n<style >\r\n/* .ant-image{\r\n    display: block;\r\n    height: 100%;\r\n}\r\n.ant-image:hover .ant-image-img{\r\n    transform: scale(1.1);\r\n}\r\n.ant-image-img{\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: scale-down;\r\n    transition: .3s all;\r\n} */\r\n</style>","import { render } from \"./Qualification.vue?vue&type=template&id=220b1653&scoped=true\"\nimport script from \"./Qualification.vue?vue&type=script&lang=js\"\nexport * from \"./Qualification.vue?vue&type=script&lang=js\"\n\nimport \"./Qualification.vue?vue&type=style&index=0&id=220b1653&lang=scss&scoped=true\"\nimport \"./Qualification.vue?vue&type=style&index=1&id=220b1653&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-220b1653\"\n\nexport default script","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!./Qualification.vue?vue&type=style&index=0&id=220b1653&lang=scss&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Qualification.vue?vue&type=style&index=1&id=220b1653&lang=css\""],"sourceRoot":""}