mkm/company
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更改工作种类和城市分类

Browse Source
This commit is contained in:
Zhang Ziyu 2023-05-30 10:58:13 +08:00
parent 64c4efcf0f
commit 6120b17c08
11 changed files with 285 additions and 3375 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/api/api.js
View File

@ -4,15 +4,49 @@
import request from "./request.js";
export default {
// 登录
login: (data) => request({
url: '/login/',
method: 'post',
data: data
}),
// 注册
sign: (data) => request({
url: '/sign/',
method: 'post',
data: data
}),
// 获取产品列表
getProductList: (data) => request({
url: '/product/',
method: 'get',
data: data
}),
// 获取岗位种类
getCategory: () => request({
url: '/category/',
method: 'get',
}),
// 获取城市列表
getCity: () => request({
url: '/city/',
method: 'get',
}),
// 获取岗位信息
getJobList: (data) => request({
url: '/job/',
method: 'post',
data: data,
}),
// 获取某个岗位详情
getJobDetail: (id) => request({
url: `/job_detail/${id}`,
method: 'get',
})
}

16
src/components/Checkbox-Transfer.vue
View File

@ -73,6 +73,8 @@ const prop = defineProps({
},
})
const emit = defineEmits(['update:modelValue'])
const {title, targetCount, data, modelValue, props} = toRefs(prop)
// 计算属性
@ -102,16 +104,9 @@ const placeholder = computed(() => {
return !focusing.value ? "更多" : "搜索"
})
// 监视函数
watch(data, (newValue, oldValue) => {
})
onMounted(() => {
changeTargets()
})
const changeTargets = () => {
targets.value = data.value.slice(0, 6).map(item => item[props.value.key]);
checked.value.length = targets.value.length;
modelValue.value.forEach(key => {
@ -120,7 +115,8 @@ const changeTargets = () => {
checked.value.push(true);
}
});
}
})
// 事件
const clearChecked = () => {
@ -158,7 +154,7 @@ const check = (item, e) => {
EventBus.emit("check", e.target.checked)
EventBus.emit("check", item[props.value.key])
EventBus.emit("input", modelValue.value)
emit('update:modelValue', modelValue.value)
}
</script>
<style lang="less" scoped>

2
src/components/Input-Search.vue
View File

@ -3,7 +3,7 @@
<input
ref="input"
type="text"
placeholder="输入城市或职位进行搜索"
placeholder="输入职位进行搜索"
/>
<span class="input-search-button"><el-icon class="icons"><Search/></el-icon></span>
</div>

2
src/components/Loading/Loading.vue
View File

@ -16,7 +16,7 @@
import {getCurrentInstance, ref} from "vue";
const {proxy} = getCurrentInstance()
const fullscreen = ref(false)
const fullscreen = ref(true)
const lock = ref(false)
const emit = defineEmits(['destroy'])

207
src/components/Loading/main.js
View File

@ -1,112 +1,111 @@
import {createApp} from 'vue'
import Loading from "./Loading.vue";
import App from '../../App.vue'
const app = createApp(App)
export const LoadingPlugin = {
install(app) {
const LoadingCtor = app.component('loading', Loading);
app.directive("loading", {
mounted: (el, binding, vnode, prevNode) => {
el.loading = LoadingCtor;
el.loading.$mount();
el.appendChild(el.loading.$el);
el.classList.add("directiveLoading-parent");
const LoadingCtor = app.component('loading', Loading);
// const fullscreenLoading = new LoadingCtor();
if (binding.arg) {
el.loading.$el.style.backgroundColor = binding.arg;
}
if (binding.value) {
if (binding.modifiers.scrollFixed) {
const position = {
top:
el.getBoundingClientRect().top > 0
? Math.abs(el.getBoundingClientRect().top)
: 0,
bottom:
el.getBoundingClientRect().bottom - window.innerHeight > 0
? el.getBoundingClientRect().bottom - window.innerHeight
: 0
};
el.loading.$el.style.top = position.top + "px";
el.loading.$el.style.bottom = position.bottom + "px";
}
el.classList.add("directiveLoading-parent-visible");
} else {
el.loading.$el.style.setProperty("display", "none");
}
},
LoadingCtor.install = app => {
app.directive("loading", {
mounted: (el, binding, vnode, prevNode) => {
el.loading = new LoadingCtor();
el.loading.$mount();
el.appendChild(el.loading.$el);
el.classList.add("directiveLoading-parent");
updated(el, {value, oldValue, ...binding}) {
if (value === oldValue) return;
app.nextTick(() => {
if (binding.modifiers.scrollFixed && value) {
const position = {
top:
el.getBoundingClientRect().top < 0
? Math.abs(el.getBoundingClientRect().top)
: 0,
bottom:
el.getBoundingClientRect().bottom - window.innerHeight > 0
? el.getBoundingClientRect().bottom - window.innerHeight
: 0
};
el.loading.$el.style.top = position.top + "px";
el.loading.$el.style.bottom = position.bottom + "px";
}
});
if (binding.arg) {
el.loading.$el.style.backgroundColor = binding.arg;
}
if (binding.value) {
if (binding.modifiers.scrollFixed) {
const position = {
top:
el.getBoundingClientRect().top > 0
? Math.abs(el.getBoundingClientRect().top)
: 0,
bottom:
el.getBoundingClientRect().bottom - window.innerHeight > 0
? el.getBoundingClientRect().bottom - window.innerHeight
: 0
};
el.loading.$el.style.top = position.top + "px";
el.loading.$el.style.bottom = position.bottom + "px";
}
el.classList.add("directiveLoading-parent-visible");
} else {
el.loading.$el.style.setProperty("display", "none");
}
if (value) {
el.classList.add("directiveLoading-parent-visible");
el.loading.$el.style.removeProperty("display");
} else {
el.loading.$el.style.setProperty("display", "none");
el.classList.remove("directiveLoading-parent-visible");
}
},
unmounted(el, binding) {
el.loading.close();
}
});
const defaultOpts = {target: null, fullscreen: true, lock: false};
app.config.globalProperties.$loading = function (opts) {
opts = Object.assign({}, defaultOpts, opts);
let targetParent;
if (typeof opts.target === "string") {
try {
targetParent = document.querySelector(opts.target);
} catch (error) {
targetParent = document.body;
}
} else if (!opts.target instanceof HTMLElement) {
targetParent = document.body;
}
targetParent = opts.target || document.body;
targetParent.style.position = "relative";
const loadingIns = LoadingCtor;
loadingIns.$mount();
targetParent.appendChild(loadingIns.$el);
if (Object.prototype.toString.call(opts.position) === "[object Object]") {
Object.keys(opts.position).forEach(prop => {
loadingIns.$el.style[prop] = opts.position[prop] + "px";
});
}
if (opts.background) {
loadingIns.$el.style.background = opts.background;
}
if (opts.fullscreen) {
loadingIns.$el.style.position = "fixed";
}
return loadingIns;
};
},
updated(el, { value, oldValue, ...binding }) {
if (value === oldValue) return;
app.nextTick(() => {
if (binding.modifiers.scrollFixed && value) {
const position = {
top:
el.getBoundingClientRect().top < 0
? Math.abs(el.getBoundingClientRect().top)
: 0,
bottom:
el.getBoundingClientRect().bottom - window.innerHeight > 0
? el.getBoundingClientRect().bottom - window.innerHeight
: 0
};
el.loading.$el.style.top = position.top + "px";
el.loading.$el.style.bottom = position.bottom + "px";
}
});
if (value) {
el.classList.add("directiveLoading-parent-visible");
el.loading.$el.style.removeProperty("display");
} else {
el.loading.$el.style.setProperty("display", "none");
el.classList.remove("directiveLoading-parent-visible");
}
},
unmounted(el, binding) {
el.loading.close();
}
});
const defaultOpts = { target: null, fullscreen: true, lock: false };
app.config.globalProperties.$loading = function(opts) {
opts = Object.assign({}, defaultOpts, opts);
let targetParent;
if (typeof opts.target === "string") {
try {
targetParent = document.querySelector(opts.target);
} catch (error) {
targetParent = document.body;
}
} else if (!opts.target instanceof HTMLElement) {
targetParent = document.body;
}
targetParent = opts.target || document.body;
targetParent.style.position = "relative";
const loadingIns = new LoadingCtor({ data: opts });
loadingIns.$mount();
targetParent.appendChild(loadingIns.$el);
if (Object.prototype.toString.call(opts.position) === "[object Object]") {
Object.keys(opts.position).forEach(prop => {
loadingIns.$el.style[prop] = opts.position[prop] + "px";
});
}
if (opts.background) {
loadingIns.$el.style.background = opts.background;
}
if (opts.fullscreen) {
loadingIns.$el.style.position = "fixed";
}
return loadingIns;
};
};
export default LoadingCtor;
}

4
src/main.js
View File

@ -8,11 +8,11 @@ import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import api from './api/api.js'
// import Loading from "./components/Loading/main";
import {LoadingPlugin} from "./components/Loading/main";
const app = createApp(App)
app.use(router).use(store)
// app.use(Loading)
app.use(LoadingPlugin)
app.config.globalProperties.$api = api
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {

166
src/views/Home/Home.vue
View File

File diff suppressed because one or more lines are too long

154
src/views/JobDetail/JobDetail.vue
View File

@ -23,7 +23,7 @@
</template>
<script setup>
import BytedanceButton from '../../components/Bytedance-Button.vue'
import {reactive, getCurrentInstance} from "vue";
import {reactive, getCurrentInstance, ref, onMounted} from "vue";
import {useStore} from "vuex";
import {useRoute} from "vue-router";
@ -34,144 +34,28 @@ const {proxy} = getCurrentInstance()
// setTimeout(() => {
// loading.close()
// })
const jobDetail = reactive({
"id": "7225929779840829752",
"title": "国际化广告算法工程师-App Ads与游戏",
"sub_title": "",
"description": "1、负责广告投放中定向、召回、粗排、精排、出价各个阶段模型和策略的改进，极致优化变现效率和客户体验；\n2、利用业界最先进的手段，持续优化深度转化模型，极致提升LTV、付费率、留存率的预估准确度；\n3、探索并落地联邦学习、多方计算等前沿技术，持续提升隐私保护环境下的广告投放效果；\n4、深入了解行业痛点，利用策略和模型的手段，从广告主诉求视角出发，探索最新的商业变现技术和商业产品设计。",
"requirement": "1、良好的数据结构、数理统计和概率论等基础；优秀的编码能力，熟练掌握C++/Go更佳；\n2、扎实的机器学习/深度学习理论基础，熟练掌握至少一种主流深度学习编程框架；\n3、较好的产品意识，愿意将产品效果作为工作最重要的驱动因素；\n4、有deep model在广告和推荐业务经验者优先。",
"job_category": {
"id": "6704215862603155720",
"name": "研发",
"en_name": "R&D",
"i18n_name": "研发",
"depth": 1,
"parent": null,
"children": null
},
"city_info": {
"code": "CT_11",
"name": "北京",
"en_name": "Beijing",
"location_type": null,
"i18n_name": "北京",
"py_name": null,
"mdm_code": null
},
"recruit_type": {
"id": "101",
"name": "正式",
"en_name": "Regular",
"i18n_name": "正式",
"depth": 2,
"parent": {
"id": "1",
"name": "社招",
"en_name": "Experienced",
"i18n_name": "社招",
"depth": 1,
"parent": null,
"children": null,
"active_status": 1,
"selectability": 1
},
"children": null,
"active_status": 1,
"selectability": 1
},
"publish_time": 1682418035000,
"delivery_info_id": null,
"channel_online_status": 1,
"job_hot_flag": 2,
"job_subject": null,
"code": "A73289",
"department_id": null,
"job_function": null,
"job_id": "7216268434823891237",
"city_list": [{
"code": "CT_11",
"name": "北京",
"en_name": "Beijing",
"location_type": 3,
"i18n_name": "北京",
"py_name": "beijing",
"mdm_code": null
}],
"job_post_info": {
"id": null,
"job_id": null,
"title": null,
"sub_title": null,
"address_id": null,
"address": null,
"city": null,
"education": null,
"experience": null,
"description": null,
"requirement": null,
"min_salary": null,
"max_salary": null,
"currency": null,
"head_count": null,
"crator_id": null,
"expiry_time": null,
"progress": null,
"department_id": null,
"job_type": null,
"recruitment_type": {
"id": "101",
"name": "正式",
"en_name": "Regular",
"i18n_name": "正式",
"depth": 2,
"parent": {
"id": "1",
"name": "社招",
"en_name": "Experienced",
"i18n_name": "社招",
"depth": 1,
"parent": null,
"children": null,
"active_status": 1,
"selectability": 1
},
"children": null,
"active_status": 1,
"selectability": 1
},
"job_process_time": null,
"job_in_charge_user_id": null,
"biz_create_time": null,
"HighlightList": null,
"JobChannelPublishList": null,
"required_degree": null,
"never_expiry": null,
"job_hot_flag": null,
"subject": null,
"sequence": null,
"min_level": null,
"max_level": null,
"job_post_object_value_map": {"7154429338292128008": "", "7154429338292144392": ""},
"code": null,
"job_active_status": null,
"job_process_type": null,
"biz_modify_time": null,
"job_function": null,
"job_process": null,
"job_process_id": null,
"job_category": null,
"address_list": null,
"city_list": null,
"correlation_job_list": null,
"tag_list": null,
"department": null
},
"city_info_list_for_delivery": null
})
const jobDetail = ref({})
const store = useStore()
const route = useRoute()
const id = route.params.id
// 获取岗位详情
const getJobDetail = async () => {
const loading = ElLoading.service({
lock: true,
text: 'Loading',
background: 'rgba(0, 0, 0, 0.7)',
})
let res = await proxy.$api.getJobDetail(id)
jobDetail.value = res.data
loading.close()
}
onMounted(() => {
getJobDetail()
})
const delivery = () => {
ElMessage({
showClose: true,

2965
src/views/Jobs/Jobs.vue
View File

File diff suppressed because it is too large Load Diff

2
src/views/Login/Login.vue
View File

@ -121,7 +121,7 @@ const svg = `
`
const changeLogin = () => {
const loadingInstance1 = ElLoading.service({spinner: svg, fullscreen: true})
const loadingInstance1 = ElLoading.service({fullscreen: true, text: '加载中...'})
setTimeout(() => {
isLogin.value = !isLogin.value
loadingInstance1.close()

108
src/views/Products/Products.vue
View File

@ -44,97 +44,8 @@ import {useRoute} from "vue-router";
const route = useRoute()
const {proxy} = getCurrentInstance()
// 产品列表
const products = ref([
{
"name": "faceu",
"title": "激萌",
"logo": "//sf3-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/Faceu2x_1574665474719.png",
"cover": "//sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/jimeng.jpeg",
"description": "Faceu激萌，4 亿年轻人都爱用的卖萌自拍神器。",
"subDescription": "一款能社交的 AR 相机，海量酷炫贴纸、 激萌表情包 、实时美颜、 趣味特效让聊天姿势更丰富更有趣，满足全方位拍摄需求。累计用户量超过 4 亿， 平均每天为用户提供 1.7 亿次拍摄服务。",
"id": 1,
"link": "https://www.faceu.com"
},
{
"name": "lightFaceCamera",
"title": "轻颜相机",
"logo": "https://sf6-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/qingyan_square_logo_1577262252373.png",
"cover": "//sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/qingyan-bg2.jpg",
"description": "轻颜相机是一款主打高级感的质感自拍相机，连续霸榜应用商店。拥有时下最流行的滤镜、美颜效果、和海量拍照“姿势”模板，一键就能 get 潮流自拍。",
"subDescription": "",
"id": 2,
"link": "https://m.ulikecam.com/"
},
{
"name": "headNews",
"title": "今日头条",
"logo": "https://sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/toutiao_square_logo_1577262251819.png",
"cover": "//sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/toutiao_new_2.png",
"description": "今日头条是一款个性化资讯推荐引擎产品，致力于连接人与信息，让优质、丰富的信息得到高效、精准的分发，为用户创造价值。",
"subDescription": "今日头条目前拥有科技、体育、健康、美食、教育、三农、国风、NBA 等超过 100 个垂直领域，覆盖了图文、图集、小视频、短视频、短内容、直播、小程序等多种信息体裁。",
"id": 3,
"link": "https://m.ulikecam.com/"
},
{
"name": "trillShortVideo",
"title": "抖音短视频",
"logo": "https://sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/douyin_square_logo_1577262251779.png",
"cover": "//sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/douyin-bg2.jpg",
"description": "抖音是一个帮助用户表达自我，记录美好生活的短视频平台。截至 2020 年 1 月，日活跃用户数已经突破 4 亿，并继续保持高速增长。",
"subDescription": "",
"id": 4,
"link": "https://douyin.com/"
},
{
"name": "trillShortVideo",
"title": "西瓜视频",
"logo": "https://sf6-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/xigua_square_logo_1577262253312.png",
"cover": "//sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/xigua-bg2.jpg",
"description": "西瓜视频是字节跳动旗下的一款视频 App，作为聚合多元文化的综合视频平台，它通过个性化推荐，源源不断地为不同人群提供丰富的优质内容，同时鼓励多样化创作，帮助人们轻松地向全世界分享视频作品。",
"subDescription": "目前西瓜视频累计用户数超过 3.5 亿，日均播放量超过 40 亿。",
"id": 5,
"link": "https://ixigua.com/"
},
{
"name": "trillShortVideo",
"title": "懂车帝",
"logo": "https://sf6-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/dongchedi_square_logo_1577262251826.png",
"cover": "//sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/dongche-bg2.jpg",
"description": "懂车帝是“看车、选车、买车”一站式汽车媒体和服务平台，产品基于个性化推荐引擎帮助用户发现感兴趣的汽车内容，同时配有车型库、360 度全景看车等选车工具，首创短视频社区“车友圈”，为用户打造内容 + 社区 + 工具的多元生态。目前，懂车帝已经成长为增长最快的汽车类手机应用。",
"subDescription": "目前西瓜视频累计用户数超过 3.5 亿，日均播放量超过 40 亿。",
"id": 6,
"link": "https://www.dongchediapp.com/"
},
{
"name": "gogokid",
"logo": "https://sf6-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/gogokid_square_logo_1577262251773.png",
"title": "GoGoKid",
"id": 7,
"description": "GoGokid 是一个面向 4 - 12 岁孩子的在线少儿英语 1 对 1学习平台。主打 100% 纯北美外教；教材对标美国小学主流课标（CCSS），融入 SED（社交情商培养）、多元智能理论，为中国孩子带来高效的英语学习体验。",
"cover": "//sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/gogokid-bg2.jpg",
"link": "https://www.gogokid.com.cn"
},
{
"name": "naughtyShrimp",
"logo": "https://sf6-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/pipixia_square_logo_1577262251826.png",
"title": "皮皮虾",
"id": 8,
"description": "今日头条官方爆笑社区，一个只要打开就能让你笑到停不下来的 App。",
"cover": "//sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/pipi_new.png",
"subDescription": "皮皮虾一直坚持「传播快乐，分享生活」的目标，以特有的「神评」玩法形成了独特的社区氛围。之后，皮皮虾将不断提供更多有趣的功能，帮助用户创造出更多优质的内容。",
"link": "https://mp.pipix.com"
},
{
"name": "urgentLetter",
"logo": "https://sf6-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/feishu_squre.png",
"title": "飞书",
"id": 9,
"description": "飞书是新一代企业办公套件，整合即时沟通、日历、音视频会议、在线文档、云盘、工作台等功能于一体，为企业提供全方位协作解决方案，成就组织和个人，更高效、更愉悦。",
"cover": "//sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/feishu_bg.jpg",
"subDescription": "",
"link": "https://www.feishu.com"
}
])
const products = ref([])
const activeIndex = ref(0)
const loading = ref(false)
const scrolling = ref(false)
@ -144,10 +55,6 @@ const transitionName = ref("")
// created生命周期钩子 --- vue3setup
// loading.value = true
if (route.query.id) {
activeIndex.value = products.value.findIndex(item => item.id == route.query.id)
}
// 方法
const mousewheelHandler = (e) => {
if (this.scrolling) {
@ -173,6 +80,7 @@ const mousewheelHandler = (e) => {
onMounted(() => {
window.addEventListener("mousewheel", mousewheelHandler);
getProductList()
})
onUnmounted(() => {
@ -194,9 +102,19 @@ watch(activeIndex, (newValue, oldValue) => {
// 计算属性
const item = computed(() => {
// console.log(activeIndex.value)
return products.value[activeIndex.value] || {};
})
// 获取产品列表
const getProductList = async () => {
let res = await proxy.$api.getProductList({})
products.value = res.data
if (route.query.id) {
activeIndex.value = products.value.findIndex(item => item.nid == route.query.id)
}
}
</script>