sdz/jobslink-user-clent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

招聘筛选及简历更新

Browse Source
This commit is contained in:
dengxin
2024-02-17 09:42:41 +08:00
parent a4aaf7856c
commit ef2e6dec38
13 changed files with 1464 additions and 941 deletions
Download Patch File Download Diff File Expand all files Collapse all files

240
components/vertical-menu/classifyData.js
View File

@@ -1,301 +1,125 @@
export default [
{
name: "年龄",
foods: [
{
name: "不限年龄",
key: "不限年龄",
cat: 10,
},
{
name: "30以下",
key: "30",
cat: 10,
},
{
name: "35以下",
key: "35",
cat: 10,
},
{
name: "40以下",
key: "40",
cat: 10,
},
{
name: "45以下",
key: "45",
cat: 10,
},
{
name: "50以下",
key: "50",
cat: 10,
},
{
name: "55以下",
key: "55",
cat: 10,
},
{
name: "60以下",
key: "60",
cat: 10,
},
],
},
{
name: "学历",
foods: [
data: [
{
name: "学历不限",
key: "学历不限",
cat: 6,
id: "学历不限",
},
{
name: "初中及以下",
key: "初中及以下",
cat: 6,
id: "初中及以下",
},
{
name: "中专及中技",
key: "中专及中技",
cat: 6,
id: "中专及中技",
},
{
name: "高中",
key: "高中",
cat: 6,
id: "高中",
},
{
name: "大专",
key: "大专",
cat: 6,
id: "大专",
},
{
name: "本科及以上",
key: "本科及以上",
cat: 6,
id: "本科及以上",
},
],
},
{
name: "工资",
foods: [
data: [
{
name: "薪资不限",
key: "薪资不限",
cat: 3,
id: "薪资不限",
},
{
name: "100-150/天",
key: "100-150/天",
cat: 3,
id: "100-150/天",
},
{
name: "151-200/天",
key: "151-200/天",
cat: 3,
id: "151-200/天",
},
{
name: "201-250/天",
key: "201-250/天",
cat: 3,
id: "201-250/天",
},
{
name: "251-300/天",
key: "251-300/天",
cat: 3,
id: "251-300/天",
},
{
name: "300元/天以上",
key: "300元/天以上",
cat: 3,
id: "300元/天以上",
},
],
},
{
name: "工资",
foods: [
{
name: "薪资不限",
key: "薪资不限",
cat: 3,
},
{
name: "100-150/天",
key: "100-150/天",
cat: 3,
},
{
name: "151-200/天",
key: "151-200/天",
cat: 3,
},
{
name: "201-250/天",
key: "201-250/天",
cat: 3,
},
{
name: "251-300/天",
key: "251-300/天",
cat: 3,
},
{
name: "300元/天以上",
key: "300元/天以上",
cat: 3,
},
],
},
{
name: "年龄",
foods: [
name: "行业",
data: [
{
name: "不限年龄",
key: "不限年龄",
cat: 10,
id: "不限年龄",
},
{
name: "30以下",
key: "30",
cat: 10,
id: "30",
},
{
name: "35以下",
key: "35",
cat: 10,
id: "35",
},
{
name: "40以下",
key: "40",
cat: 10,
id: "40",
},
{
name: "45以下",
key: "45",
cat: 10,
id: "45",
},
{
name: "50以下",
key: "50",
cat: 10,
id: "50",
},
{
name: "55以下",
key: "55",
cat: 10,
id: "55",
},
{
name: "60以下",
key: "60",
cat: 10,
id: "60",
},
],
},
{
name: "学历",
foods: [
{
name: "学历不限",
key: "学历不限",
cat: 6,
},
{
name: "初中及以下",
key: "初中及以下",
cat: 6,
},
{
name: "中专及中技",
key: "中专及中技",
cat: 6,
},
{
name: "高中",
key: "高中",
cat: 6,
},
{
name: "大专",
key: "大专",
cat: 6,
},
{
name: "本科及以上",
key: "本科及以上",
cat: 6,
},
],
},
{
name: "工资",
foods: [
name: "省市区县",
data: [
{
name: "薪资不限",
key: "薪资不限",
cat: 3,
id: "薪资不限",
},
{
name: "100-150/天",
key: "100-150/天",
cat: 3,
id: "100-150/天",
},
{
name: "151-200/天",
key: "151-200/天",
cat: 3,
id: "151-200/天",
},
{
name: "201-250/天",
key: "201-250/天",
cat: 3,
id: "201-250/天",
},
{
name: "251-300/天",
key: "251-300/天",
cat: 3,
id: "251-300/天",
},
{
name: "300元/天以上",
key: "300元/天以上",
cat: 3,
},
],
},
{
name: "工资",
foods: [
{
name: "薪资不限",
key: "薪资不限",
cat: 3,
},
{
name: "100-150/天",
key: "100-150/天",
cat: 3,
},
{
name: "151-200/天",
key: "151-200/天",
cat: 3,
},
{
name: "201-250/天",
key: "201-250/天",
cat: 3,
},
{
name: "251-300/天",
key: "251-300/天",
cat: 3,
},
{
name: "300元/天以上",
key: "300元/天以上",
cat: 3,
id: "300元/天以上",
},
],
},

139
components/vertical-menu/vertical-menu.vue
View File

@@ -16,27 +16,51 @@
<text>{{ item.name }}</text>
</view>
<view class="item-container">
<view @click="clickFunc" class="thumb-box" v-for="(item1, index1) in item.foods" :key="index1">
<view @click="clickFunc({ 'type': 'address' })" v-if="item.name === `省市区县`"
class="thumb-box thumb-box1">
<u-cell-group>
<u-cell icon="map" :title="areaModal.address" :isLink="true"
arrow-direction="down"></u-cell>
</u-cell-group>
</view>
<view @click="clickFunc({ 'type': 'industry' })" v-else-if="item.name === `行业`"
class="thumb-box thumb-box1">
<u-cell-group>
<u-cell icon="map" :title="areaModal.industry" :isLink="true"
arrow-direction="down"></u-cell>
</u-cell-group>
</view>
<view @click="clickFunc({
'type': 'normal', 'bigObj': item, 'smallObj': item1
})" v-else
:class="submitData[item.name] === item1.id ? `selected-box thumb-box` : `thumb-box`"
v-for="(item1, index1) in item.data" :key="index1">
<view class="item-menu-name">{{ item1.name }}</view>
</view>
</view>
</view>
</view>
</scroll-view>
</view>
<!-- <view class="text-area">
<text class="title" @click="areaModal.addressShow=true">{{areaModal.address}}</text>
</view> -->
<view class="buttonWrapper">
<view class="cancelButton">取消</view>
<view class="sureButton">确定</view>
</view>
<!-- 省市 -->
<data-picker :show="areaModal.addressShow" @confirm='confirmAddress' @cancel='areaModal.addressShow = false'
@close='areaModal.addressShow = false' :defaultNames="areaModal.defaultNames" :indexs="areaModal.indexs"
:defaultIds="areaModal.defaultIds" :showToolbar="false" :showBottombar="true"
:labelName="areaModal.labelName"></data-picker>
<!-- 行业 -->
<u-picker :show="industryModal.industryShow" :columns="industryModal.industry"></u-picker>
</view>
</template>
<script>
import classifyData from './classifyData.js';
import { mapGetters } from 'vuex'
import { getTrade } from '@/api/resume.js'
export default {
components: {
// vTabs,
@@ -63,24 +87,43 @@ export default {
title: 'Hello',
// indexs: [0, 0, 8],
// defaultIds: [1, 110000, 110106],
defaultNames: ['北京市', '北京市', '房山区'],
defaultNames: ['北京市', '北京市', '东城区'],
labelName: "areaName"
}
},
industryModal: {
industry: [['中国', '美国', '日本']],
industryShow: false,
},
submitData: {},
}
},
computed: {
...mapGetters(['area'])
},
onLoad: function () {
console.log("0000000000000000000");
created: function () {
this.getData()
this.getMenuItemTop()
console.log(this.area, '--------------------');
},
methods: {
getData: function () {
getTrade().then(res => {
console.log(res.data.data);
const newData = this.tabbar;
newData.map(item => {
if (item.name === "行业") {
item.data = res.data.data
}
})
this.tabbar = newData;
})
},
// 点击左边的栏目切换
async swichMenu(index) {
if (this.arr.length == 0) {
@@ -148,7 +191,7 @@ export default {
await this.getElRect('menu-scroll-view', 'menuHeight');
await this.getElRect('u-tab-item', 'menuItemHeight');
}
console.log(index, this.arr[index]);
// console.log(index, this.arr[index]);
// 将菜单活动item垂直居中
this.scrollTop = index * this.menuItemHeight + this.menuItemHeight / 2 - this.menuHeight / 2;
},
@@ -202,10 +245,21 @@ export default {
}).exec()
})
},
clickFunc(e) {
console.log(e);
this.show = true;
this.areaModal.addressShow = true
clickFunc({ type, bigObj, smallObj }) {
switch (type) {
case "industry":
this.industryModal.industryShow = true;
break;
case "address":
this.areaModal.addressShow = true
break;
default:
this.$set(this.submitData, bigObj.name, smallObj.id);
console.log(this.submitData);
break;
}
},
changeHandler(e) {
const {
@@ -226,7 +280,8 @@ export default {
confirmAddress(val) {
console.log(val);
var valArr = val.value;
this.areaModal.address = [...new Set(val.value)].join('')
this.areaModal.address = [...new Set(val.value)].join(' / ')
console.log(this.areaModal.address);
this.areaModal.addressShow = false
}
@@ -329,14 +384,14 @@ export default {
}
.item-title {
font-size: 26rpx;
font-size: 28rpx;
font-weight: bold;
}
.item-menu-name {
font-weight: normal;
font-size: 24rpx;
color: #666666;
font-size: 26rpx;
}
.item-container {
@@ -346,19 +401,55 @@ export default {
.thumb-box {
width: 43%;
line-height: 70rpx;
line-height: 80rpx;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
flex-direction: column;
margin-top: 20rpx;
margin-top: 25rpx;
margin-left: 20rpx;
background-color: #f3f4f8;
border: 1px solid #f3f4f8;
color: #666666;
}
.thumb-box1 {
width: 90%;
}
.selected-box {
background-color: #e3eafe;
border: 1px solid #92adfb;
color: #92adfb !important;
}
.item-menu-image {
width: 120rpx;
height: 120rpx;
}
.buttonWrapper {
// position: absolute;
// bottom: 10px;
display: flex;
justify-content: space-around;
margin-bottom: -10px;
margin-top: 10px;
}
.cancelButton {
padding: 15rpx 30rpx;
background-color: #f3f4f8;
border-radius: 5px;
color: #9b9b9b;
}
.sureButton {
padding: 15rpx 150rpx;
background-color: #4171f9;
color: #fff;
border-radius: 5px;
}
</style>