| 1 |
- {"remainingRequest":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\project\\苏南官网\\su_nan_guan_wang\\src\\views\\jobs\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\src\\views\\jobs\\index.vue","mtime":1691993564216},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQge2dldFJlY3J1aXR9IGZyb20gIkAvc2VydmljZS9hcGlfc2VydmljZSI7DQppbXBvcnQgQmFzZSBmcm9tICdAL3ZpZXdzL2Jhc2UvYmFzZScNCmltcG9ydCBCYXNlRGF0YSBmcm9tICdAL3ZpZXdzL2Jhc2UvYmFzZURhdGEnDQpleHBvcnQgZGVmYXVsdCB7DQogIG1peGluczogW0Jhc2UsIEJhc2VEYXRhXSwNCiAgICAgICAgZGF0YSAoKSB7DQogICAgICAgICAgICByZXR1cm4gew0KICAgICAgICAgICAgICAgIGFjdGl2ZToxLA0KICAgICAgICAgICAgICB0b3RhbDowLA0KICAgICAgICAgICAgICAgIGN1cnJlbnRQYWdlOjEsDQogICAgICAgICAgICAgICAgbm90aWNlTGlzdDpbDQogICAgICAgICAgICAgICAgICAgIC8vIHsNCiAgICAgICAgICAgICAgICAgICAgLy8gICAgIG5hbWU6J0pBVkHlvIDlj5Hlt6XnqIvluIgnLA0KICAgICAgICAgICAgICAgICAgICAvLyAgICAgZXZlbnRJbmRleDoxLA0KICAgICAgICAgICAgICAgICAgICAvLyAgICAgbnVtOjEyLA0KICAgICAgICAgICAgICAgICAgICAvLyAgICAgY29tcGFueTon5bCP6Im+6L2v5Lu2JywNCiAgICAgICAgICAgICAgICAgICAgLy8gICAgIGNyZWF0ZVRpbWU6JzIwMTItMTItMTInLA0KICAgICAgICAgICAgICAgICAgICAvLyB9LA0KICAgICAgICAgICAgICAgIF0sDQogICAgICAgICAgICAgIHNlYXJjaDp7DQogICAgICAgICAgICAgICAgcGFnZVNpemU6MTAsDQogICAgICAgICAgICAgICAgcGFnZU51bToxLA0KICAgICAgICAgICAgICAgIHN0YXRlOicxJw0KICAgICAgICAgICAgICB9DQogICAgICAgICAgICB9DQogICAgICAgIH0sDQogICAgICAgIG1vdW50ZWQoKSB7DQogICAgICAgICAgICBkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuc2Nyb2xsVG9wID0gZG9jdW1lbnQuYm9keS5zY3JvbGxUb3AgPTA7IC8v5Zue5Yiw6aG26YOoDQogICAgICAgICAgICB0aGlzLmluaXRCaXooKS50aGVuKChyZXMpPT57DQogICAgICAgICAgICAgIHRoaXMuZ2V0RGF0YSgpDQogICAgICAgICAgICB9KQ0KICAgICAgICAgICAgaWYgKHdpbmRvdy5oaXN0b3J5ICYmIHdpbmRvdy5oaXN0b3J5LnB1c2hTdGF0ZSkgew0KICAgICAgICAgICAgICAvLyDlkJHljoblj7LorrDlvZXkuK3mj5LlhaXkuoblvZPliY3pobUNCiAgICAgICAgICAgICAgaGlzdG9yeS5wdXNoU3RhdGUobnVsbCwgbnVsbCwgZG9jdW1lbnQuVVJMKQ0KICAgICAgICAgICAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigncG9wc3RhdGUnLCB0aGlzLmdvQmFjaywgZmFsc2UpDQogICAgICAgICAgICB9DQogICAgICAgIH0sDQogICAgICAgIGRlc3Ryb3llZCgpIHsNCiAgICAgICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcigncG9wc3RhdGUnLCB0aGlzLmdvQmFjaywgZmFsc2UpDQogICAgICAgIH0sDQogICAgICAgIG1ldGhvZHM6IHsNCiAgICAgICAgICBnb0JhY2soKSB7DQogICAgICAgICAgICAvLyBjb25zb2xlLmxvZygi54K55Ye75LqG5rWP6KeI5Zmo55qE6L+U5Zue5oyJ6ZKuIik7DQogICAgICAgICAgICAvLyBzZXNzaW9uU3RvcmFnZS5jbGVhcigpDQogICAgICAgICAgICAvLyB3aW5kb3cuaGlzdG9yeS5iYWNrKCkNCiAgICAgICAgICAgIC8vIGhpc3RvcnkucHVzaFN0YXRlKG51bGwsIG51bGwsIGRvY3VtZW50LlVSTCkNCiAgICAgICAgICAgIHRoaXMuJHJvdXRlci5wdXNoKHsgcGF0aDogJy8nIH0pDQogICAgICAgICAgfSwNCiAgICAgICAgICBoYW5kbGVDdXJyZW50Q2hhbmdlOiBmdW5jdGlvbih2YWwpIHsNCiAgICAgICAgICAgIHRoaXMuc2VhcmNoLnBhZ2VOdW0gPSB2YWwNCiAgICAgICAgICAgIHRoaXMuZ2V0RGF0YSgpDQogICAgICAgICAgfSwNCiAgICAgICAgICBnZXREYXRhKCl7DQogICAgICAgICAgICBjb25zdCBfdGhpcyA9IHRoaXMNCiAgICAgICAgICAgIGdldFJlY3J1aXQoX3RoaXMuc2VhcmNoKS50aGVuKChyZXMpPT57DQogICAgICAgICAgICAgIGlmKHJlcy5yb3dzKXsNCiAgICAgICAgICAgICAgICB0aGlzLnRvdGFsID0gcmVzLnRvdGFsDQogICAgICAgICAgICAgICAgdGhpcy5ub3RpY2VMaXN0ID0gW10NCiAgICAgICAgICAgICAgICAgIHJlcy5yb3dzLmZvckVhY2goKGl0ZW0pPT57DQogICAgICAgICAgICAgICAgICAgIGNvbnN0IGkgPXsNCiAgICAgICAgICAgICAgICAgICAgICBuYW1lOml0ZW0ucG9zaXRpb24sDQogICAgICAgICAgICAgICAgICAgICAgZXZlbnRJbmRleDozLA0KICAgICAgICAgICAgICAgICAgICAgIG51bTppdGVtLnBlb3BsZU51bWJlciwNCiAgICAgICAgICAgICAgICAgICAgICBjb21wYW55Ol90aGlzLkJpek1hcFtpdGVtLmVudGVycHJpc2VJZF0sDQogICAgICAgICAgICAgICAgICAgICAgY3JlYXRlVGltZTppdGVtLmNyZWF0ZWRBdCAsDQogICAgICAgICAgICAgICAgICAgICAgY3JlYXRlRGF0ZTppdGVtLmNyZWF0ZWRBdC5zdWJzdHJpbmcoNSksDQogICAgICAgICAgICAgICAgICAgICAgd29ya1JlcXVpcmU6aXRlbS53b3JrUmVxdWlyZSwNCiAgICAgICAgICAgICAgICAgICAgICByZWNydWl0UmVjcnVpdDppdGVtLnJlY3J1aXRSZWNydWl0LA0KICAgICAgICAgICAgICAgICAgICAgIHBlb3BsZU51bWJlcjppdGVtLnBlb3BsZU51bWJlcg0KICAgICAgICAgICAgICAgICAgICB9DQogICAgICAgICAgICAgICAgICAgIHRoaXMubm90aWNlTGlzdC5wdXNoKGkpDQogICAgICAgICAgICAgICAgICB9KQ0KICAgICAgICAgICAgICB9DQogICAgICAgICAgICB9KQ0KICAgICAgICAgIH0sDQogICAgICAgICAgICBkZXRhaWwoaW5kZXgpew0KICAgICAgICAgICAgICB0aGlzLiRyb3V0ZXIucHVzaCh7bmFtZTonam9ic0RldGFpbCcscGFyYW1zOmluZGV4fSkNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICBqb2luKCl7DQogICAgICAgICAgICAgICAgdGhpcy4kcm91dGVyLnB1c2goe3BhdGg6Jy9qb2JzL2pvaW4nfSkNCiAgICAgICAgICAgIH0NCiAgICAgICAgfSwNCiAgICB9Ow0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8FA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/jobs","sourcesContent":["<template>\r\n <div style=\"background: #f0f0f0;padding-bottom:50px\">\r\n <div class=\"banner\">\r\n <img src=\"~@/assets/images/yzrc.jpg\" alt=\"\">\r\n </div>\r\n <div class=\"bread\">\r\n <div>\r\n <span>当前位置:首页-优质人才</span>\r\n </div>\r\n </div>\r\n <div class=\"smart-device\">\r\n <div class=\"smart-title\">\r\n <span><span>企业招聘</span>JOBS</span>\r\n <i @click=\"join()\">人才入驻</i>\r\n </div>\r\n <div class=\"smart-device-content\">\r\n <div class=\"list-content\">\r\n <div class=\"case-list\">\r\n <div class=\"case-content\">\r\n <ul class=\"list-table\">\r\n <li v-for=\"(item,index) in noticeList\" :key=\"index\" @click=\"detail(item)\">\r\n <div>\r\n <p>\r\n {{item.name}}\r\n </p>\r\n </div>\r\n <div>\r\n <p>\r\n {{item.num}}名\r\n </p>\r\n </div>\r\n <div>\r\n <p>\r\n {{item.company}}\r\n </p>\r\n </div>\r\n <div>\r\n <p>\r\n 发布日期{{item.createTime}}\r\n </p>\r\n </div>\r\n <div><button>查看详情</button></div>\r\n </li>\r\n </ul>\r\n <div class=\"paginationo-box\">\r\n <van-pagination v-model=\"search.pageNum\" :total-items=\"total\" :show-page-size=\"10\" @change=\"handleCurrentChange\">\r\n <template #prev-text>\r\n <van-icon name=\"arrow-left\" />\r\n </template>\r\n <template #next-text>\r\n <van-icon name=\"arrow\" />\r\n </template>\r\n <template #page=\"{ text }\">{{ text }}</template>\r\n </van-pagination>\r\n </div>\r\n </div>\r\n <div class=\"case-content-app\">\r\n <ul class=\"list-table\">\r\n <li v-for=\"(item,index) in noticeList\" :key=\"index\" @click=\"detail(item)\">\r\n <div>\r\n <p class=\"date-circle\">\r\n {{item.createDate}}\r\n </p>\r\n </div>\r\n <div>\r\n <p style=\"font-weight: 600;color: #000;font-size: 0.8rem;\">\r\n {{item.name}}\r\n </p>\r\n <p style=\"font-size: 0.6rem\">\r\n {{item.company}}\r\n </p>\r\n </div>\r\n </li>\r\n </ul>\r\n <div class=\"paginationo-box\">\r\n <van-pagination v-model=\"search.pageNum\" :total-items=\"total\" :show-page-size=\"10\" @change=\"handleCurrentChange\">\r\n <template #prev-text>\r\n <van-icon name=\"arrow-left\" />\r\n </template>\r\n <template #next-text>\r\n <van-icon name=\"arrow\" />\r\n </template>\r\n <template #page=\"{ text }\">{{ text }}</template>\r\n </van-pagination>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport {getRecruit} from \"@/service/api_service\";\r\nimport Base from '@/views/base/base'\r\nimport BaseData from '@/views/base/baseData'\r\nexport default {\r\n mixins: [Base, BaseData],\r\n data () {\r\n return {\r\n active:1,\r\n total:0,\r\n currentPage:1,\r\n noticeList:[\r\n // {\r\n // name:'JAVA开发工程师',\r\n // eventIndex:1,\r\n // num:12,\r\n // company:'小艾软件',\r\n // createTime:'2012-12-12',\r\n // },\r\n ],\r\n search:{\r\n pageSize:10,\r\n pageNum:1,\r\n state:'1'\r\n }\r\n }\r\n },\r\n mounted() {\r\n document.documentElement.scrollTop = document.body.scrollTop =0; //回到顶部\r\n this.initBiz().then((res)=>{\r\n this.getData()\r\n })\r\n if (window.history && window.history.pushState) {\r\n // 向历史记录中插入了当前页\r\n history.pushState(null, null, document.URL)\r\n window.addEventListener('popstate', this.goBack, false)\r\n }\r\n },\r\n destroyed() {\r\n window.removeEventListener('popstate', this.goBack, false)\r\n },\r\n methods: {\r\n goBack() {\r\n // console.log(\"点击了浏览器的返回按钮\");\r\n // sessionStorage.clear()\r\n // window.history.back()\r\n // history.pushState(null, null, document.URL)\r\n this.$router.push({ path: '/' })\r\n },\r\n handleCurrentChange: function(val) {\r\n this.search.pageNum = val\r\n this.getData()\r\n },\r\n getData(){\r\n const _this = this\r\n getRecruit(_this.search).then((res)=>{\r\n if(res.rows){\r\n this.total = res.total\r\n this.noticeList = []\r\n res.rows.forEach((item)=>{\r\n const i ={\r\n name:item.position,\r\n eventIndex:3,\r\n num:item.peopleNumber,\r\n company:_this.BizMap[item.enterpriseId],\r\n createTime:item.createdAt ,\r\n createDate:item.createdAt.substring(5),\r\n workRequire:item.workRequire,\r\n recruitRecruit:item.recruitRecruit,\r\n peopleNumber:item.peopleNumber\r\n }\r\n this.noticeList.push(i)\r\n })\r\n }\r\n })\r\n },\r\n detail(index){\r\n this.$router.push({name:'jobsDetail',params:index})\r\n },\r\n join(){\r\n this.$router.push({path:'/jobs/join'})\r\n }\r\n },\r\n };\r\n</script>\r\n\r\n<style scoped>\r\n .banner img{\r\n width: 100% !important;\r\n }\r\n @media screen and (min-width: 1000px){\r\n .bread{\r\n background: #fff;\r\n }\r\n .bread div{\r\n width: 1200px;\r\n margin: 0 auto;\r\n text-align: left;\r\n padding: 0.8rem 0;\r\n font-size: 1rem;\r\n }\r\n .smart-title{\r\n margin-top:3rem;\r\n }\r\n .smart-device{\r\n width: 1200px;\r\n margin: 0 auto;\r\n text-align: left;\r\n font-size: 1rem;\r\n position: relative;\r\n }\r\n .smart-title i{\r\n font-style: normal;\r\n display: inline-block;\r\n border: 1px solid #996eee;\r\n color: #996eee;\r\n padding: 0rem 0.8rem;\r\n font-weight: 400;\r\n position: absolute;\r\n right: 0;\r\n top: 1rem;\r\n }\r\n .smart-device span span{\r\n font-size: 2rem;\r\n display: inline-block;\r\n position: relative;\r\n padding-right: 1rem;\r\n margin-right: 1rem;\r\n font-weight: 900;\r\n }\r\n .smart-device span span:after{\r\n content: '';\r\n width: 1px;\r\n height: 15px;\r\n background: #666;\r\n position: absolute;\r\n right: 0;\r\n bottom: 7px;\r\n }\r\n .device-title img{\r\n width: 80%;\r\n }\r\n .nav-list{\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: nowrap;\r\n margin: 2rem auto;\r\n width: 50%;\r\n }\r\n .nav-list li{\r\n min-width: 33.33%;\r\n max-width: 33.33%;\r\n text-align: center;\r\n color: #666;\r\n font-size: 0.8rem;\r\n cursor: pointer;\r\n }\r\n .nav-list li span{\r\n border-bottom: 2px solid #f0f0f0;\r\n padding-bottom: 0.8rem;\r\n }\r\n .active span{\r\n display: inline-block;\r\n border-bottom: 2px solid #FF6A00!important;\r\n color: #333;\r\n }\r\n .list-table li{\r\n overflow: hidden;\r\n width: 100%;\r\n background: #fff;\r\n margin-bottom: 1rem;\r\n padding: 1rem 0;\r\n display: flex;\r\n }\r\n .list-table li>div{\r\n flex: 1;\r\n text-align: center;\r\n overflow: hidden;\r\n }\r\n .list-table li>div button{\r\n background: #fff;\r\n border: none;\r\n color: #333;\r\n }\r\n .smart-device-content{\r\n margin: 2rem 0;\r\n }\r\n /*.list-table li>div:nth-child(1){*/\r\n /* width: 20%;*/\r\n /* text-align: center;*/\r\n /*}*/\r\n /*.list-table li>div:nth-child(2){*/\r\n /* width: 60%;*/\r\n /*}*/\r\n /*.list-table li>div:nth-child(3){*/\r\n /* width: 20%;*/\r\n /* text-align: right;*/\r\n /*}*/\r\n /*.list-table li>div:nth-child(3) span{*/\r\n /* margin-right: 1rem;*/\r\n /*}*/\r\n .paginationo-box{\r\n width: 20%;\r\n margin: 0 auto;\r\n }\r\n .case-content-app{\r\n display: none;\r\n }\r\n }\r\n @media screen and (max-width: 1000px){\r\n .case-content{\r\n display: none;\r\n }\r\n .banner{\r\n display: none;\r\n }\r\n .bread{\r\n display: none;\r\n }\r\n .smart-title{\r\n margin-top:2rem;\r\n position: relative;\r\n }\r\n .smart-title span{\r\n content: '企业招聘'!important;\r\n }\r\n .smart-title span span{\r\n font-size: 0.8rem;\r\n }\r\n .smart-title span{\r\n font-size: 0.6rem;\r\n }\r\n .smart-title i{\r\n font-style: normal;\r\n border: 1px solid #996eee;\r\n color: #996eee;\r\n padding: 0;\r\n font-weight: 400;\r\n right: 0;\r\n top: 0;\r\n width: 5rem;\r\n margin: 0.4rem auto 0 auto;\r\n position: absolute;\r\n }\r\n .smart-device{\r\n width: 90%;\r\n margin: 0 auto;\r\n text-align: left;\r\n font-size: 1rem;\r\n overflow: hidden;\r\n }\r\n .smart-device span span{\r\n font-size: 1.5rem;\r\n display: inline-block;\r\n position: relative;\r\n padding-right: 1rem;\r\n margin-right: 1rem;\r\n font-weight: 900;\r\n }\r\n .smart-device span span:after{\r\n content: '';\r\n width: 1px;\r\n height: 15px;\r\n background: #666;\r\n position: absolute;\r\n right: 0;\r\n bottom: 7px;\r\n }\r\n .device-title img{\r\n width: 100%;\r\n }\r\n .smart-device-content{\r\n margin: 3rem 0;\r\n }\r\n .nav-list{\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: nowrap;\r\n margin: 2rem;\r\n }\r\n .nav-list li{\r\n min-width: 33.33%;\r\n max-width: 33.33%;\r\n text-align: center;\r\n color: #666;\r\n font-size: 0.8rem;\r\n cursor: pointer;\r\n }\r\n .nav-list li span{\r\n border-bottom: 2px solid #f0f0f0;\r\n padding-bottom: 0.8rem;\r\n }\r\n .active span{\r\n display: inline-block;\r\n border-bottom: 2px solid #FF6A00!important;\r\n color: #333;\r\n font-weight:800!important;\r\n }\r\n .list-table li{\r\n overflow: hidden;\r\n width: 100%;\r\n background: #fff;\r\n margin-bottom: 1rem;\r\n padding: 1rem 0;\r\n position: relative;\r\n }\r\n .list-table li>div{\r\n float: left;\r\n }\r\n .list-table li>div:nth-child(1){\r\n width: 20%;\r\n }\r\n .list-table li>div:nth-child(2){\r\n width: 80%;\r\n }\r\n .list-table li>div:nth-child(2) p{\r\n margin-top: 6px;\r\n }\r\n .list-table li>div p{\r\n width: 90%;\r\n margin: 0 auto;\r\n }\r\n .list-table li:after{\r\n content: '';\r\n width: 0.6rem;\r\n height: 0.6rem;\r\n border-right: 4px solid #666;\r\n border-top: 4px solid #666;\r\n transform:rotate(45deg);\r\n position: absolute;\r\n right: 1rem;\r\n top: 1.5rem;\r\n }\r\n .date-circle{\r\n background: #996eee;\r\n height: 2.8rem;\r\n border-radius:2rem;\r\n width: 60% !important;\r\n margin: 0 auto;\r\n font-size: 0.8rem;\r\n text-align: center;\r\n line-height: 2.8rem;\r\n color: #fff;\r\n }\r\n\r\n\r\n }\r\n .list-table{\r\n width: 100%;\r\n }\r\n .list-table p{\r\n white-space:nowrap;\r\n overflow: hidden;\r\n }\r\n .join-policy h3{\r\n margin: 1rem 0;\r\n }\r\n .join-policy p{\r\n line-height: 2rem;\r\n }\r\n .paginationo-box /deep/ .van-pagination__item--active{\r\n background: #8366E3!important;\r\n color: #fff!important;\r\n }\r\n .paginationo-box /deep/ .van-pagination__item{\r\n color: #333;\r\n }\r\n</style>\r\n"]}]}
|
