flat:AI+
This commit is contained in:
史典卓
145
packageA/pages/Intendedposition/Intendedposition.vue
Normal file
145
packageA/pages/Intendedposition/Intendedposition.vue
Normal file
@@ -0,0 +1,145 @@
|
||||
<template>
|
||||
<view class="collection-content">
|
||||
<view class="one-cards">
|
||||
<view class="card-box" v-for="(item, index) in pageState.list" :key="index" @click="navToPost(item.jobId)">
|
||||
<view class="box-row mar_top0">
|
||||
<view class="row-left">{{ item.jobTitle }}</view>
|
||||
<view class="row-right">
|
||||
<Salary-Expectation
|
||||
:max-salary="item.maxSalary"
|
||||
:min-salary="item.minSalary"
|
||||
></Salary-Expectation>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box-row">
|
||||
<view class="row-left">
|
||||
<view class="row-tag" v-if="item.educatio">
|
||||
<dict-Label dictType="education" :value="item.education"></dict-Label>
|
||||
</view>
|
||||
<view class="row-tag" v-if="item.experience">
|
||||
<dict-Label dictType="experience" :value="item.experience"></dict-Label>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box-row mar_top0">
|
||||
<view class="row-item mineText">{{ item.postingDate || '发布日期' }}</view>
|
||||
<view class="row-item mineText">{{ vacanciesTo(item.vacancies) }}</view>
|
||||
<view class="row-item mineText textblue"><matchingDegree :job="item"></matchingDegree></view>
|
||||
<view class="row-item">
|
||||
<!-- <uni-icons type="star" size="28"></uni-icons> -->
|
||||
<!-- <uni-icons type="star-filled" color="#FFCB47" size="30"></uni-icons> -->
|
||||
</view>
|
||||
</view>
|
||||
<view class="box-row">
|
||||
<view class="row-left mineText">{{ item.companyName }}</view>
|
||||
<view class="row-right mineText">
|
||||
青岛
|
||||
<dict-Label dictType="area" :value="item.jobLocationAreaCode"></dict-Label>
|
||||
<!-- 550m -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import dictLabel from '@/components/dict-Label/dict-Label.vue';
|
||||
import { reactive, inject, watch, ref, onMounted } from 'vue';
|
||||
import { onLoad, onShow, onReachBottom } from '@dcloudio/uni-app';
|
||||
import useUserStore from '@/stores/useUserStore';
|
||||
const { $api, navTo, vacanciesTo } = inject('globalFunction');
|
||||
const userStore = useUserStore();
|
||||
const state = reactive({});
|
||||
const pageState = reactive({
|
||||
page: 0,
|
||||
list: [],
|
||||
total: 0,
|
||||
maxPage: 1,
|
||||
pageSize: 10,
|
||||
});
|
||||
onLoad(() => {
|
||||
console.log('onLoad');
|
||||
// $api.sleep(2000).then(() => {
|
||||
// navTo('/pages/login/login');
|
||||
// });
|
||||
getJobList();
|
||||
});
|
||||
|
||||
onReachBottom(() => {
|
||||
getJobList();
|
||||
});
|
||||
|
||||
function navToPost(jobId) {
|
||||
navTo(`/packageA/pages/post/post?jobId=${btoa(jobId)}`);
|
||||
}
|
||||
|
||||
function getJobList(type = 'add') {
|
||||
if (type === 'refresh') {
|
||||
pageState.page = 0;
|
||||
pageState.maxPage = 1;
|
||||
}
|
||||
if (type === 'add' && pageState.page < pageState.maxPage) {
|
||||
pageState.page += 1;
|
||||
}
|
||||
let params = {
|
||||
current: pageState.page,
|
||||
pageSize: pageState.pageSize,
|
||||
};
|
||||
$api.createRequest('/app/user/apply/job', params).then((resData) => {
|
||||
const { rows, total } = resData;
|
||||
if (type === 'add') {
|
||||
const str = pageState.pageSize * (pageState.page - 1);
|
||||
const end = pageState.list.length;
|
||||
const reslist = rows;
|
||||
pageState.list.splice(str, end, ...reslist);
|
||||
} else {
|
||||
pageState.list = rows;
|
||||
}
|
||||
// pageState.list = resData.rows;
|
||||
pageState.total = resData.total;
|
||||
pageState.maxPage = Math.ceil(pageState.total / pageState.pageSize);
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="stylus">
|
||||
.collection-content
|
||||
padding: 20rpx 0 20rpx 0;
|
||||
.one-cards
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0 20rpx;
|
||||
.card-box
|
||||
width: calc(100% - 36rpx - 36rpx);
|
||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 17rpx;
|
||||
padding: 15rpx 36rpx;
|
||||
margin-top: 24rpx;
|
||||
.box-row
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 8rpx;
|
||||
align-items: center;
|
||||
.mineText
|
||||
font-weight: 400;
|
||||
font-size: 21rpx;
|
||||
color: #606060;
|
||||
.textblue
|
||||
color: #4778EC;
|
||||
.row-left
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
.row-tag
|
||||
background: #13C57C;
|
||||
border-radius: 17rpx 17rpx 17rpx 17rpx;
|
||||
font-size: 21rpx;
|
||||
color: #FFFFFF;
|
||||
line-height: 25rpx;
|
||||
text-align: center;
|
||||
padding: 4rpx 8rpx;
|
||||
margin-right: 23rpx;
|
||||
.card-box:first-child
|
||||
margin-top: 6rpx;
|
||||
</style>
|
||||
@@ -2,13 +2,16 @@
|
||||
<view class="container">
|
||||
<!-- 单位基本信息 -->
|
||||
<view class="company-header">
|
||||
<text class="company-name">湖南沃森电器科技有限公司</text>
|
||||
<text class="company-name">{{ companyInfo.name }}</text>
|
||||
<view class="company-info">
|
||||
<view class="location">
|
||||
<uni-icons type="location-filled" color="#4778EC" size="24"></uni-icons>
|
||||
青岛 青岛经济技术开发区
|
||||
青岛 {{ companyInfo.location }}
|
||||
</view>
|
||||
<view class="industry" style="display: inline-block">
|
||||
{{ companyInfo.industry }}
|
||||
<dict-Label dictType="scale" :value="companyInfo.scale"></dict-Label>
|
||||
</view>
|
||||
<text class="industry">制造业 100-299人</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="hr"></view>
|
||||
@@ -16,73 +19,89 @@
|
||||
<view class="company-description">
|
||||
<view class="section-title">单位介绍</view>
|
||||
<text class="description">
|
||||
我司在永磁同步电机行业技术优势明显：最高载频达24kHZ，最高运行频率3000HZ，最高运行转速达到180000rpm。
|
||||
{{ companyInfo.description }}
|
||||
</text>
|
||||
</view>
|
||||
|
||||
<!-- 在招职位 -->
|
||||
<view class="job-list">
|
||||
<text class="section-title">在招职位</text>
|
||||
<view class="job-row" v-for="job in jobs" :key="job.id">
|
||||
<view
|
||||
class="job-row"
|
||||
v-for="job in pageState.list"
|
||||
:key="job.id"
|
||||
@click="navTo(`/packageA/pages/post/post?jobId=${job.jobId}`)"
|
||||
>
|
||||
<view class="left">
|
||||
<text class="job-title">{{ job.title }}</text>
|
||||
<text class="job-title">{{ job.jobTitle }}</text>
|
||||
<view class="job-tags">
|
||||
<view class="tag" v-for="tag in job.tags" :key="tag">{{ tag }}</view>
|
||||
<!-- <view class="tag" v-for="tag in job.tags" :key="tag">{{ tag }}</view> -->
|
||||
<view class="tag">
|
||||
<dict-Label dictType="education" :value="job.education"></dict-Label>
|
||||
</view>
|
||||
<view class="tag">
|
||||
<dict-Label dictType="experience" :value="job.experience"></dict-Label>
|
||||
</view>
|
||||
<view class="tag">{{ job.vacancies }}人</view>
|
||||
</view>
|
||||
<text class="location">{{ job.location }}</text>
|
||||
<text class="location">
|
||||
青岛
|
||||
<dict-Label dictType="area" :value="job.jobLocationAreaCode"></dict-Label>
|
||||
</text>
|
||||
</view>
|
||||
<view class="right">
|
||||
<text class="salary">{{ job.salary }}</text>
|
||||
<text class="hot" v-if="job.hot">🔥</text>
|
||||
<text class="salary">{{ job.minSalary }}-{{ job.maxSalary }}/月</text>
|
||||
<text class="hot" v-if="job.isHot">🔥</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
jobs: [
|
||||
{
|
||||
id: 1,
|
||||
title: '销售工程师-高级销售经理',
|
||||
tags: ['本科', '3-5年', '15人', '本科', '3-5年', '15人'],
|
||||
company: '湖南沃森电气科技有限公司',
|
||||
location: '青岛 青岛经济技术开发区',
|
||||
salary: '1万-2万',
|
||||
hot: true,
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: '销售工程师-初级销售经理',
|
||||
tags: ['本科', '3-5年', '15人'],
|
||||
company: '湖南沃森电气科技有限公司',
|
||||
location: '青岛 青岛经济技术开发区',
|
||||
salary: '5千-1万',
|
||||
hot: true,
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: '销售助理',
|
||||
tags: ['大专', '3-5年', '20人'],
|
||||
company: '湖南沃森电气科技有限公司',
|
||||
location: '青岛 青岛经济技术开发区',
|
||||
salary: '5千-8千',
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: '销售客服',
|
||||
tags: ['大专', '3-5年', '50人'],
|
||||
company: '湖南沃森电气科技有限公司',
|
||||
location: '青岛 青岛经济技术开发区',
|
||||
salary: '5千-8千',
|
||||
},
|
||||
],
|
||||
};
|
||||
},
|
||||
};
|
||||
<script setup>
|
||||
import { reactive, inject, watch, ref, onMounted } from 'vue';
|
||||
import { onLoad, onShow } from '@dcloudio/uni-app';
|
||||
import dictLabel from '@/components/dict-Label/dict-Label.vue';
|
||||
const { $api, navTo } = inject('globalFunction');
|
||||
const pageState = reactive({
|
||||
page: 0,
|
||||
list: [],
|
||||
total: 0,
|
||||
maxPage: 1,
|
||||
pageSize: 10,
|
||||
});
|
||||
const companyInfo = ref({});
|
||||
onLoad((options) => {
|
||||
console.log(options);
|
||||
getCompanyInfo(options.companyId);
|
||||
});
|
||||
|
||||
function getCompanyInfo(id) {
|
||||
$api.createRequest(`/app/company/${id}`).then((resData) => {
|
||||
companyInfo.value = resData.data;
|
||||
getJobsList();
|
||||
});
|
||||
}
|
||||
|
||||
function getJobsList(type = 'add') {
|
||||
if (type === 'refresh') {
|
||||
pageState.page = 0;
|
||||
pageState.maxPage = 1;
|
||||
}
|
||||
if (type === 'add' && pageState.page < pageState.maxPage) {
|
||||
pageState.page += 1;
|
||||
}
|
||||
let params = {
|
||||
current: pageState.page,
|
||||
pageSize: pageState.pageSize,
|
||||
};
|
||||
$api.createRequest(`/app/company/job/${companyInfo.value.companyId}`, params).then((resData) => {
|
||||
const { rows, total } = resData;
|
||||
pageState.list = resData.rows;
|
||||
pageState.total = resData.total;
|
||||
pageState.maxPage = Math.ceil(pageState.total / pageState.pageSize);
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="stylus">
|
||||
|
||||
434
packageA/pages/browseJob/browseJob.vue
Normal file
434
packageA/pages/browseJob/browseJob.vue
Normal file
@@ -0,0 +1,434 @@
|
||||
<template>
|
||||
<view class="collection-content">
|
||||
<view class="collection-search">
|
||||
<view class="search-content">
|
||||
<input class="uni-input collInput" type="text" @confirm="searchCollection" >
|
||||
<uni-icons class="iconsearch" color="#616161" type="search" size="20"></uni-icons>
|
||||
</input>
|
||||
</view>
|
||||
<view class="search-date">
|
||||
<view class="date-7days AllDay" v-if="state.isAll">
|
||||
<view class="day" v-for="item in weekday" :key="item.weekday">
|
||||
{{item.weekday}}
|
||||
</view>
|
||||
<!-- 日期 -->
|
||||
<view class="day" v-for="(item, index) in monthDay" :key="index" :class="{active: item.fullDate === currentDay, nothemonth: !item.isCurrent, optional: findBrowseData(item.fullDate)}" @click="selectDay(item)">
|
||||
{{item.day}}
|
||||
</view>
|
||||
<view class="monthSelect">
|
||||
<uni-icons size="14" class="monthIcon"
|
||||
:color="state.lastDisable ? '#e8e8e8' : '#333333'" type="left"
|
||||
@click="changeMonth('lastmonth')"></uni-icons>
|
||||
{{state.currentMonth}}
|
||||
<uni-icons size="14" class="monthIcon"
|
||||
:color="state.nextDisable ? '#e8e8e8' : '#333333'" type="right"
|
||||
@click="changeMonth('nextmonth')"></uni-icons>
|
||||
</view>
|
||||
</view>
|
||||
<view class="date-7days" v-else>
|
||||
<view class="day" v-for="item in weekday" :key="item.weekday">
|
||||
{{item.weekday}}
|
||||
</view>
|
||||
<!-- 日期 -->
|
||||
<view class="day" v-for="(item, index) in weekday" :key="index" :class="{active: item.fullDate === currentDay, optional: findBrowseData(item.fullDate)}" @click="selectDay(item)">
|
||||
{{item.day}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="downDate">
|
||||
<uni-icons class="downIcon" v-if="state.isAll" type="up" color="#FFFFFF" size="17" @click="upDateList"></uni-icons>
|
||||
<uni-icons class="downIcon" v-else type="down" color="#FFFFFF" size="18" @click="downDateList"></uni-icons>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="one-cards">
|
||||
<view
|
||||
class="card-box "
|
||||
v-for="(item, index) in pageState.list"
|
||||
:key="index"
|
||||
:class="{'card-transprent': item.isTitle}"
|
||||
@click="navToPost(item.jobId)"
|
||||
>
|
||||
<view class="card-title" v-if="item.isTitle">{{item.title}}</view>
|
||||
<view v-else>
|
||||
<view class="box-row mar_top0">
|
||||
<view class="row-left">{{ item.jobTitle }}</view>
|
||||
<view class="row-right"><Salary-Expectation
|
||||
:max-salary="item.maxSalary"
|
||||
:min-salary="item.minSalary"
|
||||
></Salary-Expectation></view>
|
||||
</view>
|
||||
<view class="box-row">
|
||||
<view class="row-left">
|
||||
<view class="row-tag" v-if="item.educatio">
|
||||
<dict-Label dictType="education" :value="item.education"></dict-Label>
|
||||
</view>
|
||||
<view class="row-tag" v-if="item.experience">
|
||||
<dict-Label dictType="experience" :value="item.experience"></dict-Label>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box-row mar_top0">
|
||||
<view class="row-item mineText">{{ item.postingDate || '发布日期' }}</view>
|
||||
<view class="row-item mineText">{{ vacanciesTo(item.vacancies) }}</view>
|
||||
<view class="row-item mineText textblue"><matchingDegree :job="item"></matchingDegree></view>
|
||||
<view class="row-item">
|
||||
<!-- <uni-icons type="star" size="28"></uni-icons> -->
|
||||
<!-- <uni-icons type="star-filled" color="#FFCB47" size="30"></uni-icons> -->
|
||||
</view>
|
||||
</view>
|
||||
<view class="box-row">
|
||||
<view class="row-left mineText">{{ item.companyName }}</view>
|
||||
<view class="row-right mineText">
|
||||
青岛
|
||||
<dict-Label dictType="area" :value="item.jobLocationAreaCode"></dict-Label>
|
||||
<!-- 550m -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import dictLabel from '@/components/dict-Label/dict-Label.vue';
|
||||
import { reactive, inject, watch, ref, onMounted } from 'vue';
|
||||
import { onLoad, onShow, onReachBottom } from '@dcloudio/uni-app';
|
||||
import useUserStore from '@/stores/useUserStore';
|
||||
const { $api, navTo, vacanciesTo, getWeeksOfMonth, isFutureDate } = inject('globalFunction');
|
||||
const userStore = useUserStore();
|
||||
const state = reactive({
|
||||
isAll: false,
|
||||
fiveMonth: [],
|
||||
currentMonth: '',
|
||||
currentMonthNumber: 0,
|
||||
lastDisable: false,
|
||||
nextDisable: true,
|
||||
});
|
||||
const browseDate = ref('')
|
||||
const weekday = ref([])
|
||||
const monthDay = ref([])
|
||||
const currentDay = ref('')
|
||||
const pageState = reactive({
|
||||
page: 0,
|
||||
list: [],
|
||||
total: 0,
|
||||
maxPage: 1,
|
||||
pageSize: 10,
|
||||
search: {},
|
||||
lastDate: ''
|
||||
});
|
||||
|
||||
onLoad(() => {
|
||||
getBrowseDate()
|
||||
const five = getLastFiveMonths()
|
||||
state.fiveMonth = five
|
||||
state.currentMonth = five[0]
|
||||
state.nextDisable = true
|
||||
const today = new Date().toISOString().split('T')[0]
|
||||
// currentDay.value = new Date().toISOString().split('T')[0]
|
||||
state.currentMonthNumber = new Date().getMonth() + 1
|
||||
weekday.value = getWeekFromDate(today)
|
||||
getJobList('refresh');
|
||||
});
|
||||
|
||||
onReachBottom(() => {
|
||||
getJobList();
|
||||
});
|
||||
|
||||
function navToPost(jobId) {
|
||||
navTo(`/packageA/pages/post/post?jobId=${btoa(jobId)}`);
|
||||
}
|
||||
|
||||
function findBrowseData(date) {
|
||||
const reg = new RegExp(date, 'g')
|
||||
return reg.test(browseDate.value)
|
||||
}
|
||||
|
||||
function searchCollection(e) {
|
||||
const value = e.detail.value
|
||||
pageState.search.jobTitle = value
|
||||
getJobList('refresh')
|
||||
}
|
||||
|
||||
function selectDay(item) {
|
||||
if(isFutureDate(item.fullDate) || !findBrowseData(item.fullDate)) {
|
||||
$api.msg("这一天没有浏览记录")
|
||||
} else {
|
||||
pageState.search.startDate = getPreviousDay(item.fullDate)
|
||||
pageState.search.endDate = item.fullDate
|
||||
currentDay.value = item.fullDate
|
||||
getJobList('refresh')
|
||||
if(item.month !== state.currentMonthNumber) {
|
||||
const today = new Date(item.fullDate);
|
||||
monthDay.value = getWeeksOfMonth(today.getFullYear(), today.getMonth() + 1).flat(1);
|
||||
if(item.month > state.currentMonthNumber) {
|
||||
changeMonth('nextmonth')
|
||||
} else {
|
||||
changeMonth('lastmonth')
|
||||
}
|
||||
state.currentMonthNumber = item.month
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function changeMonth(type) {
|
||||
const currentIndex = state.fiveMonth.findIndex((item) => item === state.currentMonth)
|
||||
switch(type) {
|
||||
case 'lastmonth':
|
||||
if(currentIndex === state.fiveMonth.length - 2) state.lastDisable = true
|
||||
if(currentIndex === state.fiveMonth.length - 1) return
|
||||
state.currentMonth = state.fiveMonth[currentIndex + 1]
|
||||
state.nextDisable = false
|
||||
$api.msg("上一月")
|
||||
break
|
||||
case 'nextmonth':
|
||||
if(currentIndex === 1) state.nextDisable = true
|
||||
if(currentIndex === 0) return
|
||||
state.currentMonth = state.fiveMonth[currentIndex - 1]
|
||||
state.lastDisable = false
|
||||
$api.msg("下一月")
|
||||
break
|
||||
}
|
||||
const today = new Date(state.currentMonth);
|
||||
monthDay.value = getWeeksOfMonth(today.getFullYear(), today.getMonth() + 1).flat(1);
|
||||
}
|
||||
|
||||
function downDateList(str) {
|
||||
const today = new Date();
|
||||
monthDay.value = getWeeksOfMonth(today.getFullYear(), today.getMonth() + 1).flat(1);
|
||||
state.isAll = true
|
||||
}
|
||||
|
||||
function getBrowseDate() {
|
||||
$api.createRequest('/app/user/review/array').then((res) => {
|
||||
browseDate.value = res.data.join(',')
|
||||
})
|
||||
}
|
||||
|
||||
function upDateList() {
|
||||
if(currentDay.value) {
|
||||
weekday.value = getWeekFromDate(currentDay.value)
|
||||
}
|
||||
state.isAll = false
|
||||
}
|
||||
|
||||
|
||||
function getJobList(type = 'add', loading = true) {
|
||||
if (type === 'refresh') {
|
||||
pageState.page = 1;
|
||||
pageState.maxPage = 1;
|
||||
}
|
||||
if (type === 'add' && pageState.page < pageState.maxPage) {
|
||||
pageState.page += 1;
|
||||
}
|
||||
let params = {
|
||||
current: pageState.page,
|
||||
pageSize: pageState.pageSize,
|
||||
...pageState.search
|
||||
};
|
||||
$api.createRequest('/app/user/review', params, 'GET', loading).then((resData) => {
|
||||
const { rows, total } = resData;
|
||||
if (type === 'add') {
|
||||
const str = pageState.pageSize * (pageState.page - 1);
|
||||
const end = pageState.list.length;
|
||||
const [reslist, lastDate] = $api.insertSortData(rows, 'reviewDate')
|
||||
if(reslist.length) { // 日期监测是否一致
|
||||
if (reslist[0].title === pageState.lastDate) {
|
||||
reslist.shift()
|
||||
}
|
||||
}
|
||||
pageState.list.splice(str, end, ...reslist);
|
||||
pageState.lastDate = lastDate
|
||||
} else {
|
||||
const [reslist, lastDate] = $api.insertSortData(rows, 'reviewDate')
|
||||
pageState.list = reslist
|
||||
pageState.lastDate = lastDate
|
||||
}
|
||||
// pageState.list = resData.rows;
|
||||
pageState.total = resData.total;
|
||||
pageState.maxPage = Math.ceil(pageState.total / pageState.pageSize);
|
||||
});
|
||||
}
|
||||
|
||||
function getWeekFromDate(dateStr) {
|
||||
const days = [];
|
||||
const targetDate = new Date(dateStr);
|
||||
const currentDay = targetDate.getDay(); // 获取星期几（0 表示星期日）
|
||||
const sundayIndex = currentDay === 0 ? 7 : currentDay; // 让星期日变为 7
|
||||
|
||||
// 计算本周的起始和结束日期
|
||||
for (let i = 1; i <= 7; i++) {
|
||||
const date = new Date(targetDate);
|
||||
date.setDate(targetDate.getDate() - (sundayIndex - i)); // 计算日期
|
||||
days.push({
|
||||
weekday: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'][i - 1],
|
||||
fullDate: date.toISOString().split('T')[0], // YYYY-MM-DD 格式
|
||||
day: date.getDate(),
|
||||
month: date.getMonth() + 1,
|
||||
year: date.getFullYear(),
|
||||
});
|
||||
}
|
||||
|
||||
return days;
|
||||
}
|
||||
|
||||
function getPreviousDay(dateStr) {
|
||||
const date = new Date(dateStr);
|
||||
date.setDate(date.getDate() - 1); // 减去一天
|
||||
|
||||
// 格式化成 YYYY-MM-DD
|
||||
return date.toISOString().split('T')[0];
|
||||
}
|
||||
|
||||
function getLastFiveMonths() {
|
||||
const result = [];
|
||||
const today = new Date();
|
||||
|
||||
for (let i = 0; i < 5; i++) {
|
||||
const date = new Date(today);
|
||||
date.setMonth(today.getMonth() - i); // 往前推 i 个月
|
||||
|
||||
const year = date.getFullYear();
|
||||
const month = String(date.getMonth() + 1).padStart(2, '0'); // 补零
|
||||
|
||||
result.push(`${year}-${month}`);
|
||||
}
|
||||
|
||||
return result;
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="stylus">
|
||||
.card-title
|
||||
color: #5d5d5d;
|
||||
font-weight: bold;
|
||||
font-size: 24rpx
|
||||
.nothemonth
|
||||
color: #bfbfbf
|
||||
|
||||
.downDate
|
||||
display: flex
|
||||
align-items: center
|
||||
justify-content: center
|
||||
width: 100%
|
||||
margin-top: 20rpx
|
||||
.downIcon
|
||||
background: #e8e8e8
|
||||
border-radius: 50%
|
||||
width: 40rpx
|
||||
height: 40rpx
|
||||
.AllDay
|
||||
position: relative
|
||||
padding-top: 70rpx
|
||||
.monthSelect
|
||||
position: absolute;
|
||||
top: 0
|
||||
left: 50%
|
||||
transform: translate(-50%, 0)
|
||||
text-align: center;
|
||||
line-height: 50rpx
|
||||
display: flex
|
||||
align-items: center
|
||||
justify-content: center
|
||||
font-size: 28rpx
|
||||
.monthIcon
|
||||
padding: 0 10rpx
|
||||
|
||||
.date-7days
|
||||
display: grid;
|
||||
grid-template-columns: repeat(7, 1fr);
|
||||
text-align: center
|
||||
margin-top: 10rpx
|
||||
font-size: 24rpx
|
||||
grid-gap: 26rpx
|
||||
.day
|
||||
position: relative
|
||||
z-index: 2
|
||||
.active
|
||||
color: #FFFFFF
|
||||
.active::before
|
||||
position: absolute
|
||||
content: ''
|
||||
top: 50%
|
||||
left: 50%
|
||||
transform: translate(-50%, -50%)
|
||||
width: 40rpx
|
||||
height: 40rpx
|
||||
background: #4679ef
|
||||
border-radius: 7rpx
|
||||
z-index: -1
|
||||
.optional::after
|
||||
border 2rpx solid #4679ef
|
||||
position: absolute
|
||||
content: ''
|
||||
top: 50%
|
||||
left: 50%
|
||||
border-radius: 10rpx
|
||||
transform: translate(-50%, -50%)
|
||||
width: 40rpx
|
||||
height: 40rpx
|
||||
z-index: -1
|
||||
|
||||
|
||||
.collection-content
|
||||
padding: 0 0 20rpx 0;
|
||||
|
||||
.collection-search
|
||||
padding: 10rpx 20rpx;
|
||||
.search-content
|
||||
position: relative
|
||||
.collInput
|
||||
padding: 6rpx 10rpx 6rpx 50rpx;
|
||||
background: #e8e8e8
|
||||
border-radius: 10rpx
|
||||
.iconsearch
|
||||
position: absolute
|
||||
left: 10rpx
|
||||
top: 50%
|
||||
transform: translate(0, -50%)
|
||||
|
||||
.one-cards
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0 20rpx;
|
||||
.card-box
|
||||
width: calc(100% - 36rpx - 36rpx);
|
||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 17rpx;
|
||||
padding: 15rpx 36rpx;
|
||||
margin-top: 24rpx;
|
||||
.box-row
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 8rpx;
|
||||
align-items: center;
|
||||
.mineText
|
||||
font-weight: 400;
|
||||
font-size: 21rpx;
|
||||
color: #606060;
|
||||
.textblue
|
||||
color: #4778EC;
|
||||
.row-left
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
.row-tag
|
||||
background: #13C57C;
|
||||
border-radius: 17rpx 17rpx 17rpx 17rpx;
|
||||
font-size: 21rpx;
|
||||
color: #FFFFFF;
|
||||
line-height: 25rpx;
|
||||
text-align: center;
|
||||
padding: 4rpx 8rpx;
|
||||
margin-right: 23rpx;
|
||||
.card-box:first-child
|
||||
margin-top: 6rpx;
|
||||
|
||||
.card-transprent
|
||||
background: transparent !important;
|
||||
|
||||
.card-transprent:first-child
|
||||
margin: 0 !important;
|
||||
padding: 0 !important
|
||||
</style>
|
||||
@@ -5,12 +5,18 @@
|
||||
|
||||
<!-- 格子布局 -->
|
||||
<view class="grid-container">
|
||||
<view class="grid-item blue">
|
||||
<text class="title">事业单位</text>
|
||||
<view class="status">已关注 ✓</view>
|
||||
<view
|
||||
class="grid-item"
|
||||
:style="{ backgroundColor: item.backgroudColor }"
|
||||
v-for="item in list"
|
||||
:key="item.companyCardId"
|
||||
>
|
||||
<text class="title">{{ item.name }}</text>
|
||||
<view class="status" v-if="item.isCollection" @click="delCollectionCard(item)">已关注 ✓</view>
|
||||
<view class="status" v-else @click="CollectionCard(item)">特别关注</view>
|
||||
</view>
|
||||
|
||||
<view class="grid-item green">
|
||||
<!-- <view class="grid-item green">
|
||||
<text class="title">银行招聘</text>
|
||||
<view class="status">特别关注</view>
|
||||
</view>
|
||||
@@ -23,11 +29,45 @@
|
||||
<view class="grid-item red">
|
||||
<text class="title">中国500强</text>
|
||||
<view class="status">特别关注</view>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import dictLabel from '@/components/dict-Label/dict-Label.vue';
|
||||
import { reactive, inject, watch, ref, onMounted } from 'vue';
|
||||
import { onLoad, onShow } from '@dcloudio/uni-app';
|
||||
import useUserStore from '@/stores/useUserStore';
|
||||
const { $api, navTo } = inject('globalFunction');
|
||||
const list = ref([]);
|
||||
|
||||
onLoad(() => {
|
||||
getPremiumList();
|
||||
});
|
||||
|
||||
function CollectionCard(item) {
|
||||
$api.createRequest(`/app/company/card/collection/${item.companyCardId}`, {}, 'PUT').then((resData) => {
|
||||
getPremiumList();
|
||||
$api.msg('关注成功');
|
||||
});
|
||||
}
|
||||
|
||||
function delCollectionCard(item) {
|
||||
$api.createRequest(`/app/company/card/collection/${item.companyCardId}`, {}, 'DELETE').then((resData) => {
|
||||
getPremiumList();
|
||||
$api.msg('取消关注');
|
||||
});
|
||||
}
|
||||
|
||||
function getPremiumList() {
|
||||
$api.createRequest('/app/company/card').then((resData) => {
|
||||
const { rows, total } = resData;
|
||||
list.value = rows;
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
/* 页面整体样式 */
|
||||
.container
|
||||
|
||||
141
packageA/pages/collection/collection.vue
Normal file
141
packageA/pages/collection/collection.vue
Normal file
@@ -0,0 +1,141 @@
|
||||
<template>
|
||||
<view class="collection-content">
|
||||
<view class="one-cards">
|
||||
<view class="card-box" v-for="(item, index) in pageState.list" :key="index" @click="navToPost(item.jobId)">
|
||||
<view class="box-row mar_top0">
|
||||
<view class="row-left">{{ item.jobTitle }}</view>
|
||||
<view class="row-right">
|
||||
<Salary-Expectation
|
||||
:max-salary="item.maxSalary"
|
||||
:min-salary="item.minSalary"
|
||||
></Salary-Expectation>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box-row">
|
||||
<view class="row-left">
|
||||
<view class="row-tag" v-if="item.educatio">
|
||||
<dict-Label dictType="education" :value="item.education"></dict-Label>
|
||||
</view>
|
||||
<view class="row-tag" v-if="item.experience">
|
||||
<dict-Label dictType="experience" :value="item.experience"></dict-Label>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box-row mar_top0">
|
||||
<view class="row-item mineText">{{ item.postingDate || '发布日期' }}</view>
|
||||
<view class="row-item mineText">{{ vacanciesTo(item.vacancies) }}</view>
|
||||
<view class="row-item mineText textblue"><matchingDegree :job="item"></matchingDegree></view>
|
||||
<view class="row-item">
|
||||
<!-- <uni-icons type="star" size="28"></uni-icons> -->
|
||||
<!-- <uni-icons type="star-filled" color="#FFCB47" size="30"></uni-icons> -->
|
||||
</view>
|
||||
</view>
|
||||
<view class="box-row">
|
||||
<view class="row-left mineText">{{ item.companyName }}</view>
|
||||
<view class="row-right mineText">
|
||||
青岛
|
||||
<dict-Label dictType="area" :value="item.jobLocationAreaCode"></dict-Label>
|
||||
<!-- 550m -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import img from '/static/icon/filter.png';
|
||||
import dictLabel from '@/components/dict-Label/dict-Label.vue';
|
||||
import { reactive, inject, watch, ref, onMounted } from 'vue';
|
||||
import { onLoad, onShow, onReachBottom } from '@dcloudio/uni-app';
|
||||
import useUserStore from '@/stores/useUserStore';
|
||||
const { $api, navTo, vacanciesTo } = inject('globalFunction');
|
||||
const userStore = useUserStore();
|
||||
const state = reactive({});
|
||||
const pageState = reactive({
|
||||
page: 0,
|
||||
list: [],
|
||||
total: 0,
|
||||
maxPage: 1,
|
||||
pageSize: 10,
|
||||
});
|
||||
onLoad(() => {
|
||||
getJobList();
|
||||
});
|
||||
|
||||
onReachBottom(() => {
|
||||
getJobList();
|
||||
});
|
||||
function navToPost(jobId) {
|
||||
navTo(`/packageA/pages/post/post?jobId=${btoa(jobId)}`);
|
||||
}
|
||||
|
||||
function getJobList(type = 'add') {
|
||||
if (type === 'refresh') {
|
||||
pageState.page = 0;
|
||||
pageState.maxPage = 1;
|
||||
}
|
||||
if (type === 'add' && pageState.page < pageState.maxPage) {
|
||||
pageState.page += 1;
|
||||
}
|
||||
let params = {
|
||||
current: pageState.page,
|
||||
pageSize: pageState.pageSize,
|
||||
};
|
||||
$api.createRequest('/app/user/collection/job', params).then((resData) => {
|
||||
const { rows, total } = resData;
|
||||
if (type === 'add') {
|
||||
const str = pageState.pageSize * (pageState.page - 1);
|
||||
const end = pageState.list.length;
|
||||
const reslist = rows;
|
||||
pageState.list.splice(str, end, ...reslist);
|
||||
} else {
|
||||
pageState.list = rows;
|
||||
}
|
||||
// pageState.list = resData.rows;
|
||||
pageState.total = resData.total;
|
||||
pageState.maxPage = Math.ceil(pageState.total / pageState.pageSize);
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="stylus">
|
||||
.collection-content
|
||||
padding: 20rpx 0 20rpx 0;
|
||||
.one-cards
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0 20rpx;
|
||||
.card-box
|
||||
width: calc(100% - 36rpx - 36rpx);
|
||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 17rpx;
|
||||
padding: 15rpx 36rpx;
|
||||
margin-top: 24rpx;
|
||||
.box-row
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 8rpx;
|
||||
align-items: center;
|
||||
.mineText
|
||||
font-weight: 400;
|
||||
font-size: 21rpx;
|
||||
color: #606060;
|
||||
.textblue
|
||||
color: #4778EC;
|
||||
.row-left
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
.row-tag
|
||||
background: #13C57C;
|
||||
border-radius: 17rpx 17rpx 17rpx 17rpx;
|
||||
font-size: 21rpx;
|
||||
color: #FFFFFF;
|
||||
line-height: 25rpx;
|
||||
text-align: center;
|
||||
padding: 4rpx 8rpx;
|
||||
margin-right: 23rpx;
|
||||
.card-box:first-child
|
||||
margin-top: 6rpx;
|
||||
</style>
|
||||
@@ -5,10 +5,30 @@
|
||||
<view class="avatar"></view>
|
||||
<view class="info">
|
||||
<view class="name-row">
|
||||
<text class="name">用户姓名</text>
|
||||
<!-- <view class="edit-icon"></view> -->
|
||||
<text class="name" v-if="state.disbleName">{{ state.name || '编辑用户名' }}</text>
|
||||
<input
|
||||
class="uni-input name"
|
||||
style="padding-top: 6px"
|
||||
v-else
|
||||
v-model="state.name"
|
||||
placeholder-class="name"
|
||||
type="text"
|
||||
placeholder="输入用户名"
|
||||
/>
|
||||
<view class="edit-icon">
|
||||
<image
|
||||
class="img"
|
||||
v-if="state.disbleName"
|
||||
src="../../../static/icon/edit.png"
|
||||
@click="editName"
|
||||
></image>
|
||||
<image v-else class="img" src="../../../static/icon/save.png" @click="completeUserName"></image>
|
||||
</view>
|
||||
</view>
|
||||
<text class="details">男 23岁</text>
|
||||
<text class="details">
|
||||
<dict-Label dictType="sex" :value="userInfo.sex"></dict-Label>
|
||||
{{ state.age }}岁
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@@ -17,22 +37,67 @@
|
||||
<view class="info-card">
|
||||
<view class="card-content">
|
||||
<text class="label">出生年月：</text>
|
||||
<text class="value">2001/01/01</text>
|
||||
<!-- <text class="value">2001/01/01</text> -->
|
||||
<picker
|
||||
mode="date"
|
||||
:disabled="state.disbleDate"
|
||||
:value="state.date"
|
||||
:start="startDate"
|
||||
:end="endDate"
|
||||
@change="bindDateChange"
|
||||
>
|
||||
<view class="uni-input">{{ state.date }}</view>
|
||||
</picker>
|
||||
<view class="edit-icon">
|
||||
<image
|
||||
v-if="state.disbleDate"
|
||||
class="img"
|
||||
src="../../../static/icon/edit.png"
|
||||
@click="editResume"
|
||||
></image>
|
||||
<image v-else class="img" src="../../../static/icon/save.png" @click="completeResume"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="card-content">
|
||||
<text class="label">学历：</text>
|
||||
<text class="value">2001/01/01</text>
|
||||
<!-- <text class="value">
|
||||
<dict-Label dictType="education" :value="userInfo.education"></dict-Label>
|
||||
</text> -->
|
||||
<picker
|
||||
@change="bindEducationChange"
|
||||
range-key="label"
|
||||
:disabled="state.disbleDate"
|
||||
:value="state.education"
|
||||
:range="state.educationList"
|
||||
>
|
||||
<view class="uni-input">{{ state.educationList[state.education].label }}</view>
|
||||
</picker>
|
||||
</view>
|
||||
<view class="card-content">
|
||||
<text class="label">政治面貌：</text>
|
||||
<text class="value">2001/01/01</text>
|
||||
<!-- <text class="value">2001/01/01</text> -->
|
||||
<picker
|
||||
@change="bindPoliticalAffiliationChange"
|
||||
range-key="label"
|
||||
:disabled="state.disbleDate"
|
||||
:value="state.politicalAffiliation"
|
||||
:range="state.affiliationList"
|
||||
>
|
||||
<view class="uni-input">{{ state.affiliationList[state.politicalAffiliation].label }}</view>
|
||||
</picker>
|
||||
</view>
|
||||
<view class="card-content">
|
||||
<view class="card-content" style="padding-bottom: 3px">
|
||||
<text class="label">联系方式：</text>
|
||||
<text class="value">2001/01/01</text>
|
||||
</view>
|
||||
<view class="edit-icon">
|
||||
<image class="img" src="../../../static/icon/edit.png"></image>
|
||||
<!-- <text class="value">2001/01/01</text> -->
|
||||
<input
|
||||
class="uni-input"
|
||||
style="padding-top: 6px"
|
||||
:disabled="state.disbleDate"
|
||||
v-model="state.phone"
|
||||
placeholder-class="value"
|
||||
type="number"
|
||||
placeholder="输入手机号"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -43,14 +108,11 @@
|
||||
<view class="card-content">
|
||||
<text class="label">期望职位：</text>
|
||||
<view class="value">
|
||||
<view>销售工程师</view>
|
||||
<view>销售工程师</view>
|
||||
<view>销售工程师</view>
|
||||
<view>销售工程师</view>
|
||||
<view v-for="item in userInfo.jobTitle" :key="item">{{ item }}</view>
|
||||
</view>
|
||||
<view class="edit-icon">
|
||||
<image class="img" @click="editJobs" src="../../../static/icon/edit.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="edit-icon">
|
||||
<image class="img" src="../../../static/icon/edit.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -60,10 +122,33 @@
|
||||
<view class="info-card">
|
||||
<view class="card-content">
|
||||
<text class="label">期望薪资：</text>
|
||||
<view class="value">8-10k</view>
|
||||
</view>
|
||||
<view class="edit-icon">
|
||||
<image class="img" src="../../../static/icon/edit.png"></image>
|
||||
<view class="value">
|
||||
<picker
|
||||
@change="changeSalary"
|
||||
@columnchange="changeColumeSalary"
|
||||
range-key="label"
|
||||
:disabled="state.disbleSalary"
|
||||
:value="state.salary"
|
||||
:range="state.salayList"
|
||||
mode="multiSelector"
|
||||
>
|
||||
<view class="uni-input">{{ state.salaryMin / 1000 }}k-{{ state.salaryMax / 1000 }}k</view>
|
||||
</picker>
|
||||
</view>
|
||||
<view class="edit-icon">
|
||||
<image
|
||||
v-if="state.disbleSalary"
|
||||
class="img"
|
||||
src="../../../static/icon/edit.png"
|
||||
@click="salaryExpectation"
|
||||
></image>
|
||||
<image
|
||||
v-else
|
||||
class="img"
|
||||
src="../../../static/icon/save.png"
|
||||
@click="completesalaryExpectation"
|
||||
></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -73,10 +158,35 @@
|
||||
<view class="info-card">
|
||||
<view class="card-content">
|
||||
<text class="label long">期望工作地：</text>
|
||||
<view class="value">青岛-青岛经济技术开发区</view>
|
||||
</view>
|
||||
<view class="edit-icon">
|
||||
<image class="img" src="../../../static/icon/edit.png"></image>
|
||||
<view class="value">
|
||||
<view v-if="state.disaleArea">
|
||||
青岛 -
|
||||
<dict-Label dictType="area" :value="Number(state.area)"></dict-Label>
|
||||
</view>
|
||||
<view v-else>
|
||||
<picker
|
||||
@change="bindAreaChange"
|
||||
range-key="label"
|
||||
:disabled="state.disaleArea"
|
||||
:value="state.area"
|
||||
:range="state.areaList"
|
||||
>
|
||||
<view class="uni-input">
|
||||
青岛 -
|
||||
{{ state.areaList[state.area].label }}
|
||||
</view>
|
||||
</picker>
|
||||
</view>
|
||||
</view>
|
||||
<view class="edit-icon">
|
||||
<image
|
||||
v-if="state.disaleArea"
|
||||
class="img"
|
||||
src="../../../static/icon/edit.png"
|
||||
@click="state.disaleArea = false"
|
||||
></image>
|
||||
<image v-else class="img" src="../../../static/icon/save.png" @click="completeArea"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -88,15 +198,283 @@
|
||||
上传简历
|
||||
</button>
|
||||
</view>
|
||||
|
||||
<!-- piker -->
|
||||
<custom-popup :content-h="100" :visible="state.visible" :header="false">
|
||||
<view class="popContent">
|
||||
<view class="s-header">
|
||||
<view class="heade-lf" @click="state.visible = false">取消</view>
|
||||
<view class="heade-ri" @click="confimPopup">确认</view>
|
||||
</view>
|
||||
<view class="sex-content fl_1">
|
||||
<expected-station
|
||||
:search="false"
|
||||
@onChange="changeJobTitleId"
|
||||
:station="state.stations"
|
||||
:max="5"
|
||||
></expected-station>
|
||||
</view>
|
||||
</view>
|
||||
</custom-popup>
|
||||
<uni-popup ref="popup" type="dialog">
|
||||
<uni-popup-dialog
|
||||
mode="base"
|
||||
title="确定退出登录吗？"
|
||||
type="info"
|
||||
:duration="2000"
|
||||
:before-close="true"
|
||||
@confirm="confirm"
|
||||
@close="close"
|
||||
></uni-popup-dialog>
|
||||
</uni-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
<script setup>
|
||||
import { reactive, inject, watch, ref, onMounted, computed } from 'vue';
|
||||
import { onLoad, onShow } from '@dcloudio/uni-app';
|
||||
import dictLabel from '@/components/dict-Label/dict-Label.vue';
|
||||
const { $api, navTo, checkingPhoneRegExp, salaryGlobal, setCheckedNodes } = inject('globalFunction');
|
||||
import useUserStore from '@/stores/useUserStore';
|
||||
import useDictStore from '@/stores/useDictStore';
|
||||
const { getUserResume } = useUserStore();
|
||||
const { getDictData, oneDictData } = useDictStore();
|
||||
const userInfo = ref({});
|
||||
const salay = salaryGlobal();
|
||||
const state = reactive({
|
||||
date: getDate(),
|
||||
education: 0,
|
||||
politicalAffiliation: 0,
|
||||
phone: '',
|
||||
name: '',
|
||||
jobTitleId: '',
|
||||
salaryMin: 2000,
|
||||
salaryMax: 2000,
|
||||
area: 0,
|
||||
salary: [0, 0],
|
||||
disbleDate: true,
|
||||
disbleName: true,
|
||||
disbleSalary: true,
|
||||
disaleArea: true,
|
||||
visible: false,
|
||||
educationList: oneDictData('education'),
|
||||
affiliationList: oneDictData('affiliation'),
|
||||
areaList: oneDictData('area'),
|
||||
stations: [],
|
||||
copyData: {},
|
||||
salayList: [salay, salay[0].children],
|
||||
});
|
||||
|
||||
const startDate = computed(() => {
|
||||
return getDate('start');
|
||||
});
|
||||
|
||||
const endDate = computed(() => {
|
||||
return getDate('end');
|
||||
});
|
||||
|
||||
onShow(() => {
|
||||
initload();
|
||||
});
|
||||
|
||||
onLoad(() => {
|
||||
setTimeout(() => {
|
||||
const { age, birthDate } = useUserStore().userInfo;
|
||||
const newAge = calculateAge(birthDate);
|
||||
// 计算年龄是否对等
|
||||
if (age != newAge) {
|
||||
console.log(age, newAge);
|
||||
completeResume();
|
||||
}
|
||||
}, 1000);
|
||||
});
|
||||
|
||||
const calculateAge = (birthDate) => {
|
||||
const birth = new Date(birthDate);
|
||||
const today = new Date();
|
||||
let age = today.getFullYear() - birth.getFullYear();
|
||||
const monthDiff = today.getMonth() - birth.getMonth();
|
||||
const dayDiff = today.getDate() - birth.getDate();
|
||||
|
||||
// 如果生日的月份还没到，或者刚到生日月份但当天还没过，则年龄减 1
|
||||
if (monthDiff < 0 || (monthDiff === 0 && dayDiff < 0)) {
|
||||
age--;
|
||||
}
|
||||
|
||||
return age;
|
||||
};
|
||||
|
||||
function initload() {
|
||||
userInfo.value = useUserStore().userInfo;
|
||||
state.name = userInfo.value.name;
|
||||
state.date = userInfo.value.birthDate;
|
||||
state.age = userInfo.value.age;
|
||||
state.phone = userInfo.value.phone;
|
||||
state.salaryMax = userInfo.value.salaryMax;
|
||||
state.salaryMin = userInfo.value.salaryMin;
|
||||
state.area = userInfo.value.area;
|
||||
state.educationList.map((iv, index) => {
|
||||
if (iv.value === userInfo.value.education) state.education = index;
|
||||
});
|
||||
state.affiliationList.map((iv, index) => {
|
||||
if (iv.value === userInfo.value.politicalAffiliation) state.politicalAffiliation = index;
|
||||
});
|
||||
$api.createRequest('/app/common/jobTitle/treeselect', {}, 'GET').then((resData) => {
|
||||
if (userInfo.value.jobTitleId) {
|
||||
const ids = userInfo.value.jobTitleId.split(',').map((id) => Number(id));
|
||||
setCheckedNodes(resData.data, ids);
|
||||
}
|
||||
state.jobTitleId = userInfo.value.jobTitleId;
|
||||
state.stations = resData.data;
|
||||
});
|
||||
}
|
||||
|
||||
function bindAreaChange(val) {
|
||||
state.area = val.detail.value;
|
||||
}
|
||||
|
||||
function bindDateChange(val) {
|
||||
state.date = val.detail.value;
|
||||
}
|
||||
|
||||
function bindEducationChange(val) {
|
||||
state.education = val.detail.value;
|
||||
}
|
||||
function bindPoliticalAffiliationChange(val) {
|
||||
state.politicalAffiliation = val.detail.value;
|
||||
}
|
||||
|
||||
function completeArea() {
|
||||
let params = {
|
||||
area: state.area,
|
||||
};
|
||||
$api.createRequest('/app/user/resume', params, 'post').then((resData) => {
|
||||
$api.msg('完成');
|
||||
state.disaleArea = true;
|
||||
getUserResume().then(() => {
|
||||
initload();
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function completesalaryExpectation() {
|
||||
let params = {
|
||||
salaryMin: state.salaryMin,
|
||||
salaryMax: state.salaryMax,
|
||||
};
|
||||
$api.createRequest('/app/user/resume', params, 'post').then((resData) => {
|
||||
$api.msg('完成');
|
||||
state.disbleSalary = true;
|
||||
getUserResume().then(() => {
|
||||
initload();
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function completeResume() {
|
||||
let params = {
|
||||
birthDate: state.date,
|
||||
age: calculateAge(state.date),
|
||||
education: state.educationList[state.education].value,
|
||||
politicalAffiliation: state.affiliationList[state.politicalAffiliation].value,
|
||||
phone: state.phone,
|
||||
};
|
||||
if (!params.birthDate) {
|
||||
return $api.msg('请选择出生年月');
|
||||
}
|
||||
if (!params.education) {
|
||||
return $api.msg('请选择学历');
|
||||
}
|
||||
if (!params.politicalAffiliation) {
|
||||
return $api.msg('请选择政治面貌');
|
||||
}
|
||||
if (!checkingPhoneRegExp(params.phone)) {
|
||||
return $api.msg('请输入正确手机号');
|
||||
}
|
||||
$api.createRequest('/app/user/resume', params, 'post').then((resData) => {
|
||||
$api.msg('完成');
|
||||
state.disbleDate = true;
|
||||
getUserResume().then(() => {
|
||||
initload();
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function completeUserName() {
|
||||
if (!state.name) {
|
||||
return $api.msg('请输入用户名称');
|
||||
}
|
||||
$api.createRequest('/app/user/resume', { name: state.name }, 'post').then((resData) => {
|
||||
$api.msg('完成');
|
||||
state.disbleName = true;
|
||||
getUserResume().then(() => {
|
||||
initload();
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function confimPopup() {
|
||||
$api.createRequest('/app/user/resume', { jobTitleId: state.jobTitleId }, 'post').then((resData) => {
|
||||
$api.msg('完成');
|
||||
state.visible = false;
|
||||
getUserResume().then(() => {
|
||||
initload();
|
||||
});
|
||||
});
|
||||
}
|
||||
function editResume() {
|
||||
state.copyData.date = state.date;
|
||||
state.copyData.education = state.education;
|
||||
state.copyData.politicalAffiliation = state.politicalAffiliation;
|
||||
state.copyData.phone = state.phone;
|
||||
state.disbleDate = false;
|
||||
}
|
||||
|
||||
function salaryExpectation() {
|
||||
state.disbleSalary = false;
|
||||
}
|
||||
|
||||
function editName() {
|
||||
state.name = userInfo.value.name;
|
||||
state.disbleName = false;
|
||||
}
|
||||
function changeJobTitleId(ids) {
|
||||
state.jobTitleId = ids;
|
||||
}
|
||||
function editJobs() {
|
||||
state.visible = true;
|
||||
}
|
||||
function changeColumeSalary(e) {
|
||||
const { column, value } = e.detail;
|
||||
if (column === 0) {
|
||||
state.salary[1] = 0;
|
||||
state.salayList[1] = salay[value].children;
|
||||
}
|
||||
}
|
||||
|
||||
function changeSalary(e) {
|
||||
const [minIndex, maxIndex] = e.detail.value;
|
||||
const min = state.salayList[0][minIndex];
|
||||
const max = state.salayList[0][minIndex].children[maxIndex];
|
||||
state.salaryMin = min.value;
|
||||
state.salaryMax = max.value;
|
||||
}
|
||||
|
||||
function getDate(type) {
|
||||
const date = new Date();
|
||||
let year = date.getFullYear();
|
||||
let month = date.getMonth() + 1;
|
||||
let day = date.getDate();
|
||||
|
||||
if (type === 'start') {
|
||||
year = year - 60;
|
||||
} else if (type === 'end') {
|
||||
year = year + 2;
|
||||
}
|
||||
month = month > 9 ? month : '0' + month;
|
||||
day = day > 9 ? day : '0' + day;
|
||||
return `${year}-${month}-${day}`;
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
@@ -126,16 +504,21 @@ export default {
|
||||
.name-row
|
||||
display flex
|
||||
align-items center
|
||||
position relative
|
||||
.name
|
||||
font-size 36rpx
|
||||
font-weight bold
|
||||
color #fff
|
||||
.edit-icon
|
||||
width 30rpx
|
||||
height 30rpx
|
||||
background-color #fff
|
||||
width 40rpx
|
||||
height 40rpx
|
||||
border-radius 50%
|
||||
margin-left 10rpx
|
||||
position: absolute
|
||||
right: -60rpx
|
||||
top: 6rpx
|
||||
.img
|
||||
width: 100%
|
||||
height: 100%
|
||||
.details
|
||||
font-size 24rpx
|
||||
color #dbeafe
|
||||
@@ -162,6 +545,7 @@ export default {
|
||||
display flex
|
||||
line-height: 58rpx
|
||||
margin-top 16rpx
|
||||
position: relative
|
||||
.label
|
||||
width 160rpx
|
||||
height: 32rpx
|
||||
@@ -183,14 +567,15 @@ export default {
|
||||
margin-top 0
|
||||
.edit-icon
|
||||
position: absolute
|
||||
right: 40rpx
|
||||
top: 20rpx
|
||||
right: 10rpx
|
||||
top: 10rpx
|
||||
width 40rpx
|
||||
height 40rpx
|
||||
.img
|
||||
width: 100%
|
||||
height: 100%
|
||||
|
||||
|
||||
.upload-btn
|
||||
margin-top 20rpx
|
||||
.btn
|
||||
@@ -203,4 +588,45 @@ export default {
|
||||
font-size 28rpx
|
||||
font-weight bold
|
||||
border-radius 20rpx
|
||||
/* popup */
|
||||
.popContent {
|
||||
padding: 24rpx;
|
||||
background: #4778ec;
|
||||
height: calc(100% - 49rpx);
|
||||
.sex-content {
|
||||
border-radius: 20rpx;
|
||||
width: 100%;
|
||||
margin-top: 20rpx;
|
||||
margin-bottom: 40rpx;
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
height: calc(100% - 100rpx);
|
||||
border: 1px solid #4778ec;
|
||||
}
|
||||
.s-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
.heade-lf {
|
||||
line-height: 30px;
|
||||
width: 50px;
|
||||
height: 30px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #666666;
|
||||
color: #666666;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.heade-ri {
|
||||
line-height: 30px;
|
||||
width: 50px;
|
||||
height: 30px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #1b66ff;
|
||||
background-color: #1b66ff;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,63 +1,176 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<view class="job-header">
|
||||
<view class="job-title">销售工程师-高级销售经理</view>
|
||||
<view class="job-info">
|
||||
<text class="salary">1万-2万/月</text>
|
||||
<text class="views">1024浏览</text>
|
||||
</view>
|
||||
<view class="location-info">
|
||||
<text class="location">📍 青岛 青岛经济技术开发区</text>
|
||||
<text class="date">2022.1.3</text>
|
||||
<view class="source">来源 智联招聘</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="container">
|
||||
<view class="job-header">
|
||||
<view class="job-title">{{ jobInfo.jobTitle }}</view>
|
||||
<view class="job-info">
|
||||
<text class="salary">{{ jobInfo.minSalary }}-{{ jobInfo.maxSalary }}/月</text>
|
||||
<text class="views">{{ jobInfo.view }}浏览</text>
|
||||
</view>
|
||||
<view class="location-info">
|
||||
<view class="location" style="display: inline-block">
|
||||
📍 青岛
|
||||
<dict-Label dictType="area" :value="jobInfo.jobLocationAreaCode"></dict-Label>
|
||||
</view>
|
||||
<text class="date">{{ jobInfo.postingDate || '发布日期' }}</text>
|
||||
<view class="source">来源 智联招聘</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="job-details">
|
||||
<text class="details-title">职位详情</text>
|
||||
<view class="tags">
|
||||
<view class="tag">本科</view>
|
||||
<view class="tag">3-5年</view>
|
||||
</view>
|
||||
<view class="description">
|
||||
（我司在永磁同步电机行业技术优势明显：最高载频24kHZ，最高运行频率3000HZ，最高运行转速180000rpm。）职责：
|
||||
<br />
|
||||
1、结合公司业务优势，深挖行业大客户需求，为客户提供针对性的营销解决方案；
|
||||
<br />
|
||||
2、有丰富的项目落地执行经验；
|
||||
<br />
|
||||
3、做好应收款控制与管理。
|
||||
<br />
|
||||
要求：
|
||||
<br />
|
||||
1、统招本科以上学历，电气相关专业；
|
||||
<br />
|
||||
2、有3年以上从事变频器或相关经验者优先。
|
||||
<br />
|
||||
</view>
|
||||
</view>
|
||||
<view class="job-details">
|
||||
<text class="details-title">职位详情</text>
|
||||
<view class="tags">
|
||||
<view class="tag"><dict-Label dictType="education" :value="jobInfo.education"></dict-Label></view>
|
||||
<view class="tag"><dict-Label dictType="experience" :value="jobInfo.experience"></dict-Label></view>
|
||||
</view>
|
||||
<view class="description" :style="{ whiteSpace: 'pre-wrap' }">
|
||||
{{ jobInfo.description }}
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="company-info" @click="navTo('/packageA/pages/UnitDetails/UnitDetails')">
|
||||
<view class="company-name">湖南沃森电气科技有限公司</view>
|
||||
<view class="company-details">制造业 100-299人 单位详情</view>
|
||||
</view>
|
||||
<view
|
||||
class="company-info"
|
||||
@click="navTo(`/packageA/pages/UnitDetails/UnitDetails?companyId=${jobInfo.company.companyId}`)"
|
||||
>
|
||||
<view class="company-name">{{ jobInfo.company?.name }}</view>
|
||||
<view class="company-details">
|
||||
<dict-tree-Label
|
||||
v-if="jobInfo.company?.industry"
|
||||
dictType="industry"
|
||||
:value="jobInfo.company?.industry"
|
||||
></dict-tree-Label>
|
||||
<span v-if="jobInfo.company?.industry"> </span>
|
||||
<dict-Label dictType="scale" :value="jobInfo.company?.scale"></dict-Label>
|
||||
单位详情
|
||||
</view>
|
||||
<view class="company-map" v-if="jobInfo.latitude && jobInfo.longitude">
|
||||
<map
|
||||
style="width: 100%; height: 100%"
|
||||
:latitude="jobInfo.latitude"
|
||||
:longitude="jobInfo.longitude"
|
||||
:markers="mapCovers"
|
||||
></map>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="footer">
|
||||
<button class="apply-btn">立即申请</button>
|
||||
<view class="falls-card-matchingrate">
|
||||
<uni-icons type="star" size="40"></uni-icons>
|
||||
<!-- <uni-icons type="star-filled" color="#FFCB47" size="40"></uni-icons> -->
|
||||
</view>
|
||||
<view class="footer">
|
||||
<!-- <button class="apply-btn" v-if="!jobInfo.isApply" @click="jobApply">立即申请</button> -->
|
||||
<button class="apply-btn" @click="jobApply">立即申请</button>
|
||||
<!-- <button class="apply-btn btned" v-else>已申请</button> -->
|
||||
<view class="falls-card-matchingrate" @click="jobCollection">
|
||||
<uni-icons v-if="!jobInfo.isCollection" type="star" size="40"></uni-icons>
|
||||
<uni-icons v-else type="star-filled" color="#FFCB47" size="40"></uni-icons>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { reactive, inject, watch, ref, onMounted } from 'vue';
|
||||
const { $api, navTo } = inject('globalFunction');
|
||||
import point from '@/static/icon/point.png';
|
||||
import { reactive, inject, watch, ref, onMounted, computed } from 'vue';
|
||||
import { onLoad, onShow } from '@dcloudio/uni-app';
|
||||
import dictLabel from '@/components/dict-Label/dict-Label.vue';
|
||||
const { $api, navTo, getLenPx, parseQueryParams } = inject('globalFunction');
|
||||
|
||||
const jobInfo = ref({});
|
||||
const state = reactive({});
|
||||
const mapCovers = ref([]);
|
||||
const jobIdRef = ref();
|
||||
|
||||
onLoad((option) => {
|
||||
if (option.jobId) {
|
||||
initLoad(option);
|
||||
}
|
||||
});
|
||||
|
||||
onShow(() => {
|
||||
const option = parseQueryParams(); // 兼容微信内置浏览器
|
||||
if (option.jobId) {
|
||||
initLoad(option);
|
||||
}
|
||||
});
|
||||
|
||||
function initLoad(option) {
|
||||
const jobId = atob(option.jobId);
|
||||
if (jobId !== jobIdRef.value) {
|
||||
jobIdRef.value = jobId;
|
||||
getDetail(jobId);
|
||||
}
|
||||
}
|
||||
|
||||
function getDetail(jobId) {
|
||||
$api.createRequest(`/app/job/${jobId}`).then((resData) => {
|
||||
const { latitude, longitude, companyName } = resData.data;
|
||||
jobInfo.value = resData.data;
|
||||
if (latitude && longitude) {
|
||||
mapCovers.value = [
|
||||
{
|
||||
latitude: latitude,
|
||||
longitude: longitude,
|
||||
iconPath: point,
|
||||
label: {
|
||||
content: companyName,
|
||||
textAlign: 'center',
|
||||
padding: 3,
|
||||
fontSize: 12,
|
||||
bgColor: '#FFFFFF',
|
||||
anchorX: getTextWidth(companyName), // X 轴调整，负数向左
|
||||
borderRadius: 5,
|
||||
},
|
||||
width: 34,
|
||||
},
|
||||
];
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function getTextWidth(text, size = 12) {
|
||||
const canvas = document.createElement('canvas');
|
||||
const context = canvas.getContext('2d');
|
||||
context.font = `${12}px Arial`;
|
||||
return -(context.measureText(text).width / 2) - 20; // 计算文字中心点
|
||||
}
|
||||
|
||||
// 申请岗位
|
||||
function jobApply() {
|
||||
const jobId = jobInfo.value.jobId;
|
||||
if (jobInfo.value.isApply) {
|
||||
const jobUrl = jobInfo.value.jobUrl;
|
||||
return window.open(jobUrl);
|
||||
} else {
|
||||
$api.createRequest(`/app/job/apply/${jobId}`, {}, 'GET').then((resData) => {
|
||||
getDetail(jobId);
|
||||
$api.msg('申请成功');
|
||||
const jobUrl = jobInfo.value.jobUrl;
|
||||
return window.open(jobUrl);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// 取消/收藏岗位
|
||||
function jobCollection() {
|
||||
const jobId = jobInfo.value.jobId;
|
||||
if (jobInfo.value.isCollection) {
|
||||
$api.createRequest(`/app/job/collection/${jobId}`, {}, 'DELETE').then((resData) => {
|
||||
getDetail(jobId);
|
||||
$api.msg('取消收藏成功');
|
||||
});
|
||||
} else {
|
||||
$api.createRequest(`/app/job/collection/${jobId}`, {}, 'POST').then((resData) => {
|
||||
getDetail(jobId);
|
||||
$api.msg('收藏成功');
|
||||
});
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
|
||||
::v-deep .amap-logo {
|
||||
opacity: 0 !important;
|
||||
}
|
||||
::v-deep .amap-copyright {
|
||||
opacity: 0 !important;
|
||||
}
|
||||
.container
|
||||
display flex
|
||||
flex-direction column
|
||||
@@ -117,7 +230,7 @@ const { $api, navTo } = inject('globalFunction');
|
||||
.company-info
|
||||
background-color #fff
|
||||
padding 20rpx 40rpx
|
||||
margin-bottom 10rpx
|
||||
margin-bottom 300rpx
|
||||
.company-name
|
||||
font-size 28rpx
|
||||
font-weight bold
|
||||
@@ -125,6 +238,13 @@ const { $api, navTo } = inject('globalFunction');
|
||||
.company-details
|
||||
font-size 24rpx
|
||||
color #666
|
||||
.company-map
|
||||
height: 340rpx
|
||||
width: 100%
|
||||
background: #e8e8e8
|
||||
margin-top: 10rpx
|
||||
border-radius: 16rpx
|
||||
overflow: hidden
|
||||
|
||||
.footer
|
||||
position fixed
|
||||
@@ -143,4 +263,6 @@ const { $api, navTo } = inject('globalFunction');
|
||||
border-radius 30rpx
|
||||
font-size 32rpx
|
||||
margin-right: 30rpx
|
||||
.btned
|
||||
background-color #666666
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user