{"version":3,"sources":["webpack:///./src/views/home/JoinDetail.vue?2617","webpack:///./src/views/home/JoinDetail.vue","webpack:///./src/views/home/JoinDetail.vue?22a4","webpack:///./src/assets/images/join_banner.jpg"],"names":["class","src","alt","ref","isShow","detail","name","columns","data-source","data","rowKey","pagination","scroll","content","handleScroll","height","document","documentElement","scrollTop","value","title","dataIndex","key","getDetail","id","postData","result","arr","push","components","Header","Footer","FloatingFrame","setup","route","header","body","window","addEventListener","offsetTop","params","querySelector","setAttribute","imgUrl","api","render","__scopeId","module","exports"],"mappings":"8GAAA,W,uKCCSA,MAAM,U,EAEP,eAEM,OAFDA,MAAM,UAAQ,CACf,eAAoD,OAA/CC,IAAA,IAAsCC,IAAI,O,MAE9CF,MAAM,sBAAsBG,IAAI,U,SAC3BH,MAAM,uB,EAGZ,eAAwB,OAAnBA,MAAM,QAAM,S,mIATzB,eAgBM,MAhBN,EAgBM,CAfF,eAA2B,GAAlBI,OAAQ,EAAAA,QAAM,mBACvB,EAGA,eAUM,MAVN,EAUM,CATsC,EAAAC,Q,iBAAvC,eAEK,MAFL,EAEK,CADF,eAAsB,wBAAjB,EAAAA,OAAOC,MAAI,M,sBAEpB,EACA,eACU,GADDN,MAAM,sBAAuBO,QAAS,EAAAA,QAAUC,cAAa,EAAAC,KAAMC,OAAO,KAAMC,YAAY,EAAQC,OAAQ,S,kCAE7E,EAAAP,Q,iBAAxC,eACM,O,MADDL,MAAM,uBAAqC,UAAQ,EAAAK,OAAOQ,S,wJAiBrE,EAAe,WAEjB,IAAMT,EAAS,iBAETU,EAAe,SAACC,GAEfC,SAASC,gBAAgBC,WAAaH,EACrCX,EAAOe,MAAQ,EAEff,EAAOe,MAAQ,GAIvB,MAAO,CAAEL,eAAcV,WAIrB,EAAe,WAGjB,IAAMC,EAAS,iBAETE,EAAU,CACZ,CACIa,MAAO,OACPC,UAAW,aACXC,IAAK,cAET,CACIF,MAAO,OACPC,UAAW,OACXC,IAAK,QAOT,CACIF,MAAO,OACPC,UAAW,aACXC,IAAK,cAET,CACIF,MAAO,OACPC,UAAW,OACXC,IAAK,QAET,CACIF,MAAO,OACPC,UAAW,SACXC,IAAK,UAET,CACIF,MAAO,OACPC,UAAW,QACXC,IAAK,SAET,CACIF,MAAO,KACPC,UAAW,MACXC,IAAK,QAIPb,EAAO,iBAGPc,EAAQ,yDAAI,WAAOC,GAAP,kGACVC,EAAW,CACXD,GAAIA,GAFM,kBAKW,eAAK,gCAAiCC,GALjD,OAKJC,EALI,OAONC,EAAM,GACVtB,EAAOc,MAAQO,EAAOjB,KACtBkB,EAAIC,KAAKF,EAAOjB,MAChBA,EAAKU,MAAQQ,EAVH,+GAAJ,sDAgBd,MAAO,CAAEtB,SAAQkB,YAAWhB,UAASE,SAG1B,GACXH,KAAM,aACNuB,WAAY,CAAEC,SAAA,KAAQC,SAAA,KAAQC,gBAAA,MAC9BC,MAHW,WAIP,IAAMC,EAAQ,iBAEd,EAGI,IAFApB,EADJ,EACIA,aACAV,EAFJ,EAEIA,OAIJ,EAA6C,IAArCC,EAAR,EAAQA,OAAQkB,EAAhB,EAAgBA,UAAWhB,EAA3B,EAA2BA,QAASE,EAApC,EAAoCA,KAG9B0B,EAAS,eAAI,MAEnB,gBAAU,WACNnB,SAASC,gBAAgBC,UAAYF,SAASoB,KAAKlB,UAAW,EAC9DmB,OAAOC,iBAAiB,UAAU,WAC3BH,EAAOhB,OACNL,EAAaqB,EAAOhB,MAAMoB,iBAKtChB,EAAUW,EAAMM,OAAOhB,IAEvB,gBAAY,WACRR,SAASyB,cAAc,QAAQC,aAAa,QAAS,4BAGzD,IAAQC,EAAYC,EAAA,KAEpB,MAAO,CAAED,SAAQvC,SAAQ+B,SAAQ9B,SAAQE,UAASE,U,UClJ1D,EAAOoC,OAASA,EAChB,EAAOC,UAAY,kBAEJ,gB,qBCRfC,EAAOC,QAAU,IAA0B,gC","file":"js/JoinDetail.0b5f743a.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!./JoinDetail.vue?vue&type=style&index=0&id=25803632&lang=scss&scoped=true\"","<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\" v-if=\"detail\">\r\n                <p>{{detail.name}}</p>\r\n            </div>\r\n            <div class=\"line\"></div>\r\n            <a-table class=\"table max_small_box\" :columns=\"columns\" :data-source=\"data\" rowKey='id' :pagination=\"false\" :scroll=\"{ y: 300 }\">\r\n            </a-table>\r\n            <div class=\"detail max_small_box\" v-if=\"detail\" v-html=\"detail.content\">\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 } 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 detail = 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: 'type',\r\n        //     key: 'type',\r\n        // },\r\n        {\r\n            title: '所属部门',\r\n            dataIndex: 'department',\r\n            key: 'department',\r\n        },\r\n        {\r\n            title: '学历要求',\r\n            dataIndex: 'type',\r\n            key: 'type',\r\n        },\r\n        {\r\n            title: '需求人数',\r\n            dataIndex: 'hiring',\r\n            key: 'hiring',\r\n        },\r\n        {\r\n            title: '工资待遇',\r\n            dataIndex: 'wages',\r\n            key: 'wages',\r\n        },\r\n        {\r\n            title: '性别',\r\n            dataIndex: 'sex',\r\n            key: 'sex',\r\n        },\r\n    ];\r\n\r\n    const data = ref()\r\n\r\n     //获取详情\r\n    const getDetail = async (id) => {\r\n        let postData = {\r\n            id: id,\r\n        }\r\n        try{\r\n            const result = await post('/index/get_recruitment_detail', postData)\r\n            // console.log('加入我们详情', result)\r\n            let arr = []\r\n            detail.value = result.data\r\n            arr.push(result.data)\r\n            data.value = arr\r\n        }catch(e) {\r\n        \r\n        }\r\n    } \r\n\r\n    return { detail, getDetail, columns, data }\r\n}\r\n\r\nexport default {\r\n    name: 'JoinDetail',\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, columns, data } = 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        getDetail(route.params.id)  //获取详情\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, columns, data }\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    .table{\r\n        margin-top: 30px;\r\n        margin-bottom: 30px;\r\n    }\r\n    .detail{\r\n        margin-top: 30px;\r\n        line-height: 30px;\r\n        @media screen and (max-width: 1200px){\r\n            margin: 30px 30px 0 30px;\r\n            padding: 0 30px;\r\n        }\r\n    }\r\n}\r\n\r\n</style>","import { render } from \"./JoinDetail.vue?vue&type=template&id=25803632&scoped=true\"\nimport script from \"./JoinDetail.vue?vue&type=script&lang=js\"\nexport * from \"./JoinDetail.vue?vue&type=script&lang=js\"\n\nimport \"./JoinDetail.vue?vue&type=style&index=0&id=25803632&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-25803632\"\n\nexport default script","module.exports = __webpack_public_path__ + \"img/join_banner.5634e76f.jpg\";"],"sourceRoot":""}