{"version":3,"sources":["webpack:///./src/views/home/Join.vue","webpack:///./src/views/home/Join.vue?5c79","webpack:///./src/views/home/Join.vue?8fca","webpack:///./src/assets/images/join_banner.jpg"],"names":["class","src","alt","ref","isShow","columns","data-source","data","rowKey","pagination","scroll","action","record","gotoDetail","default-current","page","total","last_page","handleChangePage","handleScroll","height","document","documentElement","scrollTop","value","router","title","dataIndex","key","slots","customRender","push","path","id","getList","postData","then","res","new_page","pageSize","name","components","Header","Footer","FloatingFrame","methods","click1","index","on","click","setup","header","body","window","addEventListener","offsetTop","querySelector","setAttribute","imgUrl","api","render","__scopeId","module","exports"],"mappings":"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","file":"js/Join.50e723dc.js","sourcesContent":["<template>\r\n    <div class=\"wraper\" >\r\n        <Header :isShow=\"isShow\" />\r\n        <div class=\"banner\">\r\n            <img src=\"@/assets/images/join_banner.jpg\" 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 >加入我们</p>\r\n            </div>\r\n            <div class=\"line\"></div>\r\n            <a-table class=\"max_small_box\" :columns=\"columns\" :data-source=\"data\" rowKey='id' :pagination=\"false\" :scroll=\"{ x: 600, y: 300 }\">\r\n                <template #action=\"{ record }\">\r\n                <a @click=\"gotoDetail(record)\">查看详情</a>\r\n                </template>\r\n            </a-table>\r\n            <div class=\"pagination max_small_box\">\r\n                <a-pagination :default-current=\"page\" :total=\"last_page\" @change=\"handleChangePage\" />\r\n            </div>\r\n            <!-- <div class=\"line\"></div> -->\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { onUnmounted, onMounted, ref, watchEffect, defineComponent  } from 'vue'\r\nimport { useRoute, useRouter } 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    const router = useRouter();\r\n    //页数\r\n    const page = ref(1)\r\n\r\n    //总页数\r\n    const last_page = ref()\r\n\r\n    const columns = [\r\n        {\r\n            title: '发布时间',\r\n            dataIndex: 'createtime',\r\n            key: 'createtime',\r\n        },\r\n        {\r\n            title: '招聘职位',\r\n            dataIndex: 'name',\r\n            key: 'name',\r\n        },\r\n        {\r\n            title: '所属部门',\r\n            dataIndex: 'department',\r\n            key: 'department',\r\n        },\r\n        { title: '操作', dataIndex: '', key: 'Action', slots: { customRender: 'action' } },\r\n    ];\r\n\r\n    const data = ref()\r\n\r\n    //跳转详情\r\n    const gotoDetail = (record) => {\r\n        // router.push({path:'/join_detail/'+record.id , params:{id:record.id}})\r\n        router.push({ path: `/join_detail/${record.id}` })\r\n        // console.log(record)\r\n    }\r\n\r\n    const getList = async () => {\r\n        let postData = {\r\n            page: page.value,\r\n        }\r\n        try{\r\n            await post('/index/get_recruitment', postData).then((res) => {\r\n                // console.log('加入我们列表', res)\r\n                data.value = res.data.data\r\n                last_page.value = res.data.total\r\n            })\r\n            \r\n        }catch(e) {\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        getList()\r\n    }\r\n\r\n    watchEffect(() =>{\r\n        getList()\r\n    })\r\n\r\n    return { getList, page, last_page, handleChangePage, columns, data, gotoDetail }\r\n}\r\n\r\nexport default defineComponent ({\r\n    name: 'Join',\r\n    components: { Header, Footer, FloatingFrame },\r\n    methods: {\r\n        click1(record, index){\r\n            return {\r\n                on: {\r\n                    click: () => {\r\n                        // console.log(11111)\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    },\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 {page, last_page, handleChangePage, columns, data, gotoDetail } = detailEffect()\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        onUnmounted(() => {\r\n            document.querySelector('body').setAttribute('style', 'background-color:#fff')\r\n        })\r\n\r\n\r\n        const { imgUrl }  = api\r\n\r\n        return { imgUrl, isShow, header, page, last_page, handleChangePage, columns, data, gotoDetail }\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: 111px;\r\n    @media screen and (max-width: 1200px){\r\n        margin-top: $phone-banner-marginTop;\r\n        height: $phone-banner-height;\r\n    }\r\n    img{\r\n        width: 100%;\r\n        display: block;\r\n        @media screen and (max-width: 1200px){\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n    }\r\n}\r\n.content{\r\n    margin-top: 50px;\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: 20px;\r\n            font-weight: bold;\r\n        }\r\n    }\r\n    .line{\r\n        width: 100%;\r\n        height: 1px;\r\n        background: rgba(187, 187, 187, 100);\r\n        margin-top: 30px;\r\n    }\r\n    .detail{\r\n        margin: 30px;\r\n    }\r\n}\r\n.pagination{\r\n    display: block;\r\n    text-align: center;\r\n    padding-top: 80px;\r\n}\r\n</style>","import { render } from \"./Join.vue?vue&type=template&id=524ecb66&scoped=true\"\nimport script from \"./Join.vue?vue&type=script&lang=js\"\nexport * from \"./Join.vue?vue&type=script&lang=js\"\n\nimport \"./Join.vue?vue&type=style&index=0&id=524ecb66&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-524ecb66\"\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!./Join.vue?vue&type=style&index=0&id=524ecb66&lang=scss&scoped=true\"","module.exports = __webpack_public_path__ + \"img/join_banner.5634e76f.jpg\";"],"sourceRoot":""}