11
This commit is contained in:
18500206848
@@ -1,48 +0,0 @@
|
||||
<template>
|
||||
<select-template ref="select" title="请选择行业" slo="请选择行业，帮你定制个性化推荐任务信息" :list="skillLevel" @submit="goAdd"></select-template>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
getTrade
|
||||
} from '@/api/resume.js'
|
||||
import selectTemplate from './selectTemplate.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
selectTemplate
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
id: "",
|
||||
skillLevel: [],
|
||||
}
|
||||
},
|
||||
// 在test.vue页面接受参数
|
||||
onLoad: function({
|
||||
id
|
||||
}) {
|
||||
this.id = id
|
||||
},
|
||||
onShow: function() {
|
||||
this.getData()
|
||||
},
|
||||
mounted() {
|
||||
this.$refs.select.setActiveId(this.tradeId)
|
||||
},
|
||||
methods: {
|
||||
getData: function() {
|
||||
getTrade().then(res => {
|
||||
this.skillLevel = res.data.data
|
||||
})
|
||||
},
|
||||
goAdd(res) {
|
||||
uni.$emit('setInd', res)
|
||||
uni.navigateBack()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
@@ -1,297 +0,0 @@
|
||||
<template>
|
||||
<view style="background-color: #fefefe;">
|
||||
<view class="titles">
|
||||
添加职业技能
|
||||
</view>
|
||||
<view class="slo">
|
||||
添加职业技能，获得个性化的职位推荐
|
||||
</view>
|
||||
<view class="jobcontent" @click="goAddind">
|
||||
<view class="jobinfo">
|
||||
<view class="jobAddress">
|
||||
我从事的行业
|
||||
</view>
|
||||
<view v-if="tradeName" class="jobText">{{tradeName}}</view>
|
||||
<view v-else class="jobText nochoose">请选择</view>
|
||||
</view>
|
||||
<image src="../../../static/img/right.svg" mode=""></image>
|
||||
</view>
|
||||
<view class="border"></view>
|
||||
<view class="jobcontent" @click="skill">
|
||||
<view class="jobinfo">
|
||||
<view class="jobAddress">
|
||||
我具备的技能
|
||||
</view>
|
||||
<view v-if="worktypesName" class="jobText">{{worktypesName}}</view>
|
||||
<view v-else class="jobText nochoose">请选择</view>
|
||||
</view>
|
||||
<image src="../../../static/img/right.svg" mode=""></image>
|
||||
</view>
|
||||
<view class="border"></view>
|
||||
<view class="jobcontent" @click="skillLevel">
|
||||
<view class="jobinfo">
|
||||
<view class="jobAddress">
|
||||
我的技能水平
|
||||
</view>
|
||||
<view v-if="skillsName" class="jobText">{{skillsName}}</view>
|
||||
<view v-else class="jobText nochoose">请选择</view>
|
||||
</view>
|
||||
<image src="../../../static/img/right.svg" mode=""></image>
|
||||
</view>
|
||||
<view class="border"></view>
|
||||
<view class="btn">
|
||||
<view v-if="skillsId " class="bottombtn" @click="submit">确定</view>
|
||||
<view v-else class="bottombtn disabledBtn">确定</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
addSkills
|
||||
} from '@/api/resume.js'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
tradeId: '',
|
||||
tradeName: '',
|
||||
worktypesId: '',
|
||||
worktypesName: '',
|
||||
skillsId: '',
|
||||
skillsName: '',
|
||||
}
|
||||
},
|
||||
onLoad(query) {
|
||||
uni.$off('setInd')
|
||||
uni.$on('setInd', ({
|
||||
id,
|
||||
name
|
||||
}) => {
|
||||
this.tradeId = id
|
||||
this.tradeName = name
|
||||
this.worktypesId = ''
|
||||
this.worktypesName = ''
|
||||
this.skillsId = ''
|
||||
this.skillsName = ''
|
||||
})
|
||||
uni.$off('setworkTypes')
|
||||
uni.$on('setworkTypes', ({
|
||||
id,
|
||||
name
|
||||
}) => {
|
||||
this.worktypesId = id
|
||||
this.worktypesName = name
|
||||
this.skillsId = ''
|
||||
this.skillsName = ''
|
||||
})
|
||||
uni.$off('setSkill')
|
||||
uni.$on('setSkill', ({
|
||||
id,
|
||||
name
|
||||
}) => {
|
||||
this.skillsId = id
|
||||
this.skillsName = name
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
goAddind: function() {
|
||||
uni.navigateTo({
|
||||
url: './addInd?id=' + this.tradeId
|
||||
})
|
||||
},
|
||||
skill: function() {
|
||||
if (this.tradeId) {
|
||||
uni.navigateTo({
|
||||
url: `./skill?id=${this.worktypesId}&tradeId=${this.tradeId}`
|
||||
})
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: '请先选择从事的行业',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
},
|
||||
skillLevel: function() {
|
||||
if (!this.tradeId) {
|
||||
uni.showToast({
|
||||
title: '请先选择从事的行业',
|
||||
icon: 'none'
|
||||
});
|
||||
} else if (!this.worktypesId) {
|
||||
uni.showToast({
|
||||
title: '请先选择具备的技能',
|
||||
icon: 'none'
|
||||
});
|
||||
} else {
|
||||
uni.navigateTo({
|
||||
url: `./skillLevel?id=${this.skillsId}&worktypesId=${this.worktypesId}`
|
||||
})
|
||||
}
|
||||
},
|
||||
submit: function() {
|
||||
addSkills(this.tradeName, this.worktypesName, this.skillsName).then(res => {
|
||||
uni.navigateBack()
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.slo {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 28rpx;
|
||||
color: #999999;
|
||||
|
||||
padding: 0 30rpx;
|
||||
padding-top: 10rpx;
|
||||
}
|
||||
|
||||
.titles {
|
||||
font-family: PingFangSC-Medium;
|
||||
font-size: 36rpx;
|
||||
color: #333333;
|
||||
padding: 0 30rpx;
|
||||
padding-top: 30rpx;
|
||||
}
|
||||
|
||||
.border {
|
||||
margin-left: 30rpx;
|
||||
width: 720rpx;
|
||||
border-bottom: 2rpx solid #ddd;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.jobText {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 32rpx;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.nochoose {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.jobAddress {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 32rpx;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.jobcontent {
|
||||
padding: 30rpx;
|
||||
|
||||
background: #fefefe;
|
||||
display: flex;
|
||||
/* align-items: center; */
|
||||
align-items: flex-end;
|
||||
justify-content: space-between;
|
||||
line-height: 63rpx;
|
||||
}
|
||||
|
||||
.jobcontent image {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
margin-bottom: 5px;
|
||||
|
||||
}
|
||||
|
||||
.listBody {}
|
||||
|
||||
.list_text {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 32rpx;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.list image {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.list {
|
||||
padding: 0 30rpx;
|
||||
height: 126rpx;
|
||||
background: #fefefe;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.title image {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 28rpx;
|
||||
color: #999999;
|
||||
display: flex;
|
||||
padding: 10rpx 30rpx;
|
||||
background-color: #fefefe;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.userInfo {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 24rpx;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.name {
|
||||
margin-left: 20rpx;
|
||||
font-family: PingFangSC-Medium;
|
||||
font-size: 36rpx;
|
||||
color: #333333;
|
||||
line-height: 50rpx;
|
||||
}
|
||||
|
||||
.head image:last-child {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.head image {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
}
|
||||
|
||||
.head {
|
||||
padding: 30rpx;
|
||||
width: 690rpx;
|
||||
background-color: #fefefe;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.bottombtn {
|
||||
background-color: #1b66ff;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 10rpx;
|
||||
font-family: PingFangSC-Medium;
|
||||
font-size: 32rpx;
|
||||
height: 90rpx;
|
||||
line-height: 90rpx;
|
||||
}
|
||||
|
||||
.btn {
|
||||
background-color: #fefefe;
|
||||
width: 690rpx;
|
||||
padding: 30rpx;
|
||||
padding-bottom: 80rpx;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.disabledBtn {
|
||||
background-color: #c8c9cc;
|
||||
}
|
||||
</style>
|
||||
@@ -1,299 +0,0 @@
|
||||
<template>
|
||||
<view style="background-color: #fff;">
|
||||
<view class="head" @click="goUserBase">
|
||||
<image v-if="userInfo.avatar" :src="userInfo.avatar" mode=""></image>
|
||||
<image v-else src="../../../static/img/head.svg" mode=""></image>
|
||||
|
||||
<view class="name">
|
||||
<view class="userName">
|
||||
{{auth.authInfo.realName}}
|
||||
</view>
|
||||
<view class="userInfo">
|
||||
个人基本信息
|
||||
</view>
|
||||
</view>
|
||||
<image src="../../../static/img/right.svg" mode=""></image>
|
||||
</view>
|
||||
|
||||
<view class="title">
|
||||
<view class="title_text">
|
||||
我的职业技能
|
||||
</view>
|
||||
<image v-if="mySkills.length<10" src="../../../static/img/add.gray.svg" mode="" @click="goAdd"></image>
|
||||
</view>
|
||||
|
||||
<view class="listBody">
|
||||
<m-slide-list @controller-reg="controller.reg" @controller-moving="controller.moving" @controller-opened="controller.opened"
|
||||
@controller-closed="controller.closed" @remove="removeSkills(item.id,index)" v-for="(item,index) in mySkills" :key="item.id"
|
||||
:button="buttonList">
|
||||
<view class="list">
|
||||
<view class="list_text">
|
||||
{{item.trade}}·{{item.worktypes}}·{{item.skills}}
|
||||
</view>
|
||||
</view>
|
||||
</m-slide-list>
|
||||
</view>
|
||||
<view class="jobcontent" @click="goSetCity">
|
||||
<view class="jobinfo">
|
||||
<view class="jobAddress">
|
||||
您想工作的地点
|
||||
</view>
|
||||
<view v-bind:class="['jobText',{nochoose: !myResume.cityId}]">
|
||||
{{myResume.cityId ? getCity(myResume.cityId) : '请选择'}}
|
||||
</view>
|
||||
</view>
|
||||
<image src="../../../static/img/right.svg" mode=""></image>
|
||||
</view>
|
||||
<view class="border"></view>
|
||||
<!--<view class="jobcontent" @click="goWantSkill">
|
||||
<view class="jobinfo">
|
||||
<view class="jobAddress">
|
||||
我想学习的技能（选填）
|
||||
</view>
|
||||
<view class="jobText" v-bind:class="myResume.learnSkill?'':'nochoose'">
|
||||
{{myResume.learnSkill?myResume.learnSkill:'请填写'}}
|
||||
</view>
|
||||
</view>
|
||||
<image src="../../../static/img/right.svg" mode=""></image>
|
||||
</view>-->
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
mapGetters
|
||||
} from 'vuex'
|
||||
import {
|
||||
mySkills,
|
||||
myResume,
|
||||
removeSkills,
|
||||
setCity,
|
||||
setLearn
|
||||
} from '@/api/resume.js';
|
||||
import mSlideList from '@/components/mark-slide-list/mark-slide-list.vue';
|
||||
import controller from '@/components/mark-slide-list/controller';
|
||||
|
||||
export default {
|
||||
components: {
|
||||
mSlideList
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
controller: new controller(),
|
||||
myResume: {},
|
||||
mySkills: [],
|
||||
id: '',
|
||||
buttonList: [{
|
||||
title: '删除',
|
||||
background: '#ff3b32',
|
||||
clickName: 'remove'
|
||||
}]
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
this.getResume()
|
||||
this.getSkill()
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(['userInfo', 'auth'])
|
||||
},
|
||||
methods: {
|
||||
getResume() {
|
||||
myResume().then(res => {
|
||||
const data = res.data.data
|
||||
this.myResume = data
|
||||
if (data && data.id) {
|
||||
this.id = data.id
|
||||
}
|
||||
});
|
||||
},
|
||||
getSkill() {
|
||||
mySkills().then(res => {
|
||||
this.mySkills = res.data.data;
|
||||
})
|
||||
},
|
||||
goWantSkill: function() {
|
||||
uni.$off('getWantSkill')
|
||||
uni.$once('getWantSkill', (cb) => {
|
||||
cb(this.myResume.learnSkill)
|
||||
})
|
||||
uni.$off('setWantSkill')
|
||||
uni.$once('setWantSkill', ({
|
||||
skill,
|
||||
done
|
||||
}) => {
|
||||
setLearn(this.id, skill).then(res => {
|
||||
uni.navigateBack()
|
||||
}).catch(() => {
|
||||
done && done()
|
||||
})
|
||||
this.getResume()
|
||||
})
|
||||
uni.navigateTo({
|
||||
url: './setWskill?id=' + this.id
|
||||
})
|
||||
},
|
||||
goSetCity: function() {
|
||||
uni.$off('setCity')
|
||||
uni.$on('setCity', (id) => {
|
||||
setCity(this.id, id).then(res => {
|
||||
this.myResume.cityId = id
|
||||
this.getResume()
|
||||
})
|
||||
})
|
||||
uni.navigateTo({
|
||||
url: `/pages/setCity/setCity?maxLayer=2`
|
||||
})
|
||||
},
|
||||
goAdd: function() {
|
||||
uni.navigateTo({
|
||||
url: './addSkill'
|
||||
})
|
||||
},
|
||||
goUserBase: function() {
|
||||
uni.navigateTo({
|
||||
url: '../userBase'
|
||||
})
|
||||
},
|
||||
getCity: function(val) {
|
||||
if (val) {
|
||||
let areas = this.$store.getters.getAreaParents(val)
|
||||
if (areas.length) {
|
||||
return areas[0].label + '-' + areas[1].label
|
||||
}
|
||||
}
|
||||
},
|
||||
removeSkills: function(id, index) {
|
||||
removeSkills(id).then(res => {
|
||||
uni.showToast({
|
||||
title: '操作成功',
|
||||
icon: 'none'
|
||||
});
|
||||
this.mySkills.splice(index, 1)
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.border {
|
||||
margin-left: 30rpx;
|
||||
width: 720rpx;
|
||||
border: 1rpx solid #f2f2f2;
|
||||
|
||||
/* height: 1rpx;
|
||||
background-color: #ddd; */
|
||||
}
|
||||
|
||||
.jobText {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 32rpx;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.jobAddress {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 28rpx;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.nochoose {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.jobcontent {
|
||||
padding: 30rpx;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
line-height: 63rpx;
|
||||
}
|
||||
|
||||
.jobcontent image {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
|
||||
.listBody {}
|
||||
|
||||
.list_text {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 32rpx;
|
||||
color: #666666;
|
||||
background: #ffffff;
|
||||
overflow-y: auto;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.list image {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.list {
|
||||
padding: 0 15px 0 30rpx;
|
||||
height: 126rpx;
|
||||
line-height: 126rpx;
|
||||
background: #fff;
|
||||
border-bottom: 1px solid #f2f2f2;
|
||||
}
|
||||
|
||||
.title image {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 28rpx;
|
||||
color: #999999;
|
||||
display: flex;
|
||||
padding: 25rpx 30rpx;
|
||||
/* padding-top: 30rpx; */
|
||||
background-color: #fff;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
border: 1rpx solid #f2f2f2;
|
||||
}
|
||||
|
||||
.userInfo {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 24rpx;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.name {
|
||||
margin-left: 20rpx;
|
||||
font-family: PingFangSC-Medium;
|
||||
font-size: 36rpx;
|
||||
color: #333333;
|
||||
line-height: 50rpx;
|
||||
}
|
||||
|
||||
.head image:last-child {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.head image {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
}
|
||||
|
||||
page {
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
|
||||
.head {
|
||||
padding: 30rpx;
|
||||
width: 690rpx;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
</style>
|
||||
@@ -1,370 +0,0 @@
|
||||
<template>
|
||||
<view class="select-template">
|
||||
<view class="select-template-head">
|
||||
<view class="titles">
|
||||
{{title}}
|
||||
</view>
|
||||
<view class="slo">
|
||||
{{slo}}
|
||||
</view>
|
||||
<view class="seach" v-if="search">
|
||||
<image class="seach-image" src="../../../static/img/search.svg" mode=""></image>
|
||||
<input type="text" v-model="inputValue" placeholder="请输入技能名称" placeholder-style="color:#ccc" />
|
||||
</view>
|
||||
<view class="borderbotom" v-if="search"></view>
|
||||
<view class="scroll-view" v-if="searchShow" :style="{top:height}">
|
||||
<ul class="search-result">
|
||||
<li class="search-result-list" v-for="(item,index) in searchResultList" :key="index" @click="handlerSelect(item)">
|
||||
<div class="search-result-list-title">
|
||||
<rich-text :nodes="getInf(item)"></rich-text>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</view>
|
||||
</view>
|
||||
<view :style="{height}"></view>
|
||||
<view class="levelbody" v-if="!searchShow">
|
||||
<block v-for="(item,index) in list" :key="index">
|
||||
<view v-bind:class="['levellist', {checked:item[prop.key] === activeId}]" @click="chooseLev(item)">
|
||||
{{item[prop.name]}}
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
<view class="bottom"></view>
|
||||
<view class="btn">
|
||||
<view v-if="activeId" class="bottombtn" @click="submit">确定</view>
|
||||
<view v-else class="bottombtn disabledBtn">确定</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
search: Boolean,
|
||||
title: String,
|
||||
slo: String,
|
||||
list: Array,
|
||||
prop: {
|
||||
type: Object,
|
||||
default () {
|
||||
return {
|
||||
name: 'name',
|
||||
key: 'id'
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
height: '0px',
|
||||
inputValue: '',
|
||||
activeName: '',
|
||||
activeId: '',
|
||||
searchShow: false,
|
||||
}
|
||||
},
|
||||
// 在test.vue页面接受参数
|
||||
onLoad: function({
|
||||
id
|
||||
}) {
|
||||
this.activeId = id
|
||||
},
|
||||
mounted() {
|
||||
uni.createSelectorQuery().in(this).select('.select-template-head').boundingClientRect().exec((node) => {
|
||||
this.height = node[0].height + 'px'
|
||||
});
|
||||
},
|
||||
computed: {
|
||||
searchResultList() {
|
||||
const prop = this.prop
|
||||
if (this.inputValue && this.searchShow) {
|
||||
return this.list.filter(item => {
|
||||
return item[prop.name].indexOf(this.inputValue) !== -1
|
||||
})
|
||||
} else {
|
||||
return undefined
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getInf(item) {
|
||||
const key = this.inputValue
|
||||
const str = item[this.prop.name]
|
||||
let replaceReg = new RegExp(key, 'g') // 匹配关键字正则
|
||||
let replaceString = "<span style='color: #1b66ff;'>" + key + "</span>" // 高亮替换
|
||||
return str.replace(replaceReg, replaceString);
|
||||
},
|
||||
setActiveId(id) {
|
||||
this.activeId = id
|
||||
},
|
||||
chooseLev(item) {
|
||||
const prop = this.prop
|
||||
this.activeId = item[prop.key]
|
||||
this.activeName = item[prop.name]
|
||||
},
|
||||
handlerSelect(item) {
|
||||
this.searchShow = false
|
||||
this.chooseLev(item)
|
||||
},
|
||||
submit() {
|
||||
this.$emit('submit', {
|
||||
id: this.activeId,
|
||||
name: this.activeName
|
||||
})
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
inputValue(val) {
|
||||
this.searchShow = !!val
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.select-template {
|
||||
background-color: #fefefe;
|
||||
}
|
||||
|
||||
.select-template-head {
|
||||
background-color: #fefefe;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
/*搜索结果*/
|
||||
.scroll-view {
|
||||
width: 100%;
|
||||
flex: 1;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.search-result {
|
||||
background-color: #fff;
|
||||
padding: 0rpx;
|
||||
}
|
||||
|
||||
.search-result-list {
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
border-bottom: 1rpx solid #f2f2f2;
|
||||
padding: 28rpx 30rpx;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.search-result-list-title {
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.highlight {
|
||||
color: #1b66ff;
|
||||
}
|
||||
|
||||
.borderbotom {
|
||||
width: 720rpx;
|
||||
margin-left: 30rpx;
|
||||
border-bottom: 2rpx solid #ddd;
|
||||
}
|
||||
|
||||
.seach-image {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin-right: 15rpx;
|
||||
}
|
||||
|
||||
.seach {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
padding: 30rpx;
|
||||
|
||||
}
|
||||
|
||||
.levellist.checked {
|
||||
color: #1B66FF !important;
|
||||
border: 1rpx solid #1B66FF;
|
||||
background: rgba(77, 136, 255, 0.10) !important;
|
||||
}
|
||||
|
||||
.levellist {
|
||||
background: #f6f6f6;
|
||||
border: 1rpx solid #f6f6f6;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
text-align: center;
|
||||
margin-right: 15rpx;
|
||||
padding: 10rpx 15rpx;
|
||||
border-radius: 5rpx;
|
||||
margin: 0 30rpx;
|
||||
margin-top: 25rpx;
|
||||
}
|
||||
|
||||
.levelbody {
|
||||
padding: 30rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.bottom {
|
||||
height: 200rpx;
|
||||
}
|
||||
|
||||
.bottombtn {
|
||||
background-color: #1b66ff;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 10rpx;
|
||||
font-family: PingFangSC-Medium;
|
||||
font-size: 32rpx;
|
||||
height: 90rpx;
|
||||
line-height: 90rpx;
|
||||
}
|
||||
|
||||
.disabledBtn {
|
||||
background-color: #c8c9cc;
|
||||
}
|
||||
|
||||
.btn {
|
||||
background-color: #fefefe;
|
||||
width: 690rpx;
|
||||
padding: 30rpx;
|
||||
padding-bottom: 80rpx;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.slo {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 28rpx;
|
||||
color: #999999;
|
||||
|
||||
padding: 0 30rpx;
|
||||
padding-top: 10rpx;
|
||||
}
|
||||
|
||||
.titles {
|
||||
font-family: PingFangSC-Medium;
|
||||
font-size: 40rpx;
|
||||
color: #333333;
|
||||
font-weight: bold;
|
||||
padding: 0 30rpx;
|
||||
padding-top: 30rpx;
|
||||
}
|
||||
|
||||
.border {
|
||||
margin-left: 30rpx;
|
||||
width: 720rpx;
|
||||
border-bottom: 2rpx solid #ddd;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.jobText {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 32rpx;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.jobAddress {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 28rpx;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.jobcontent {
|
||||
padding: 30rpx;
|
||||
|
||||
background: #fefefe;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
line-height: 63rpx;
|
||||
}
|
||||
|
||||
.jobcontent image {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
|
||||
}
|
||||
|
||||
.listBody {}
|
||||
|
||||
.list_text {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 32rpx;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.list image {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.list {
|
||||
padding: 0 30rpx;
|
||||
height: 126rpx;
|
||||
background: #fefefe;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.title image {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 28rpx;
|
||||
color: #999999;
|
||||
display: flex;
|
||||
padding: 10rpx 30rpx;
|
||||
background-color: #fefefe;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.userInfo {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 24rpx;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.name {
|
||||
margin-left: 20rpx;
|
||||
font-family: PingFangSC-Medium;
|
||||
font-size: 36rpx;
|
||||
color: #333333;
|
||||
line-height: 50rpx;
|
||||
}
|
||||
|
||||
.head image:last-child {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.head image {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
}
|
||||
|
||||
.head {
|
||||
padding: 30rpx;
|
||||
width: 690rpx;
|
||||
background-color: #fefefe;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
</style>
|
||||
@@ -1,133 +0,0 @@
|
||||
<template>
|
||||
<view>
|
||||
<view class="noComment">
|
||||
<view class="textview">
|
||||
<textarea v-model.trim="skill" placeholder="请输入18字以内" placeholder-class="textClass" maxlength="18" />
|
||||
</view>
|
||||
<view class="btn" v-if="btnShow">
|
||||
<view class="bottombtn" @click="sendCom">确认</view>
|
||||
<!-- <view v-else class="bottombtn disabledBtn">确认</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import{mySkills} from '@/api/resume.js';
|
||||
import {submitApplication} from '@/api/newIndex.js'
|
||||
import {mapGetters} from 'vuex'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
skill:'',
|
||||
submitType:2,//申请类型：1 法律咨询 2技能提升
|
||||
btnShow:true,
|
||||
}
|
||||
},
|
||||
onLoad(option) {
|
||||
if(option.data && option.type){
|
||||
this.skill=decodeURIComponent(option.data);
|
||||
this.btnShow=false;
|
||||
}
|
||||
},
|
||||
computed:{
|
||||
...mapGetters(['authInfo'])
|
||||
},
|
||||
methods: {
|
||||
settext:function(e){
|
||||
this.skill = e.detail.value;
|
||||
},
|
||||
getWantSkill(){
|
||||
mySkills().then(res=>{
|
||||
console.log(res,'skill')
|
||||
})
|
||||
},
|
||||
sendCom:function(){
|
||||
if(!this.skill){
|
||||
uni.showToast({
|
||||
icon:'none',
|
||||
title:'请输入想学习的技能',
|
||||
duration:3000
|
||||
})
|
||||
return;
|
||||
}
|
||||
uni.showLoading({
|
||||
title:'请求中'
|
||||
})
|
||||
let uid=this.authInfo.userId;
|
||||
let uname=this.authInfo.realName;
|
||||
let tel=this.authInfo.telphone;
|
||||
submitApplication(uid,uname,tel,this.submitType,this.skill).then(res=>{
|
||||
this.loading=false;
|
||||
uni.hideLoading()
|
||||
setTimeout(() => {
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
icon: 'none'
|
||||
});
|
||||
}, 1000)
|
||||
uni.switchTab({
|
||||
url:'/pages/index/index'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.bottombtn {
|
||||
background-color: #1b66ff;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 10rpx;
|
||||
font-family: PingFangSC-Medium;
|
||||
font-size: 32rpx;
|
||||
height: 90rpx;
|
||||
line-height: 90rpx;
|
||||
}
|
||||
.disabledBtn {
|
||||
background-color: #c8c9cc;
|
||||
}
|
||||
.btn {
|
||||
background-color: #fefefe;
|
||||
width: 690rpx;
|
||||
padding: 30rpx;
|
||||
padding-bottom: 80rpx;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
.textview{
|
||||
padding: 20rpx;
|
||||
}
|
||||
textarea{
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 32rpx;
|
||||
color: #666;
|
||||
|
||||
}
|
||||
.textClass{
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 32rpx;
|
||||
color: #CCCCCC;
|
||||
}
|
||||
.start image:first-child{
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
.start image{
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
.start{
|
||||
padding: 20rpx;
|
||||
border-bottom: 1rpx solid #f6f6f6;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
page{background-color: #fefefe;}
|
||||
</style>
|
||||
@@ -1,51 +0,0 @@
|
||||
<template>
|
||||
<select-template ref="select" title="请选择技能" slo="请选择最符合你能力的标签，标签会帮你定制个性化推荐任务信息" :list="skillLevel" search @submit="goAdd"></select-template>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
getWorktypes
|
||||
} from '@/api/resume.js'
|
||||
import selectTemplate from './selectTemplate.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
selectTemplate
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
skillLevel: [],
|
||||
tradeId: '',
|
||||
id: ''
|
||||
}
|
||||
},
|
||||
onLoad: function({
|
||||
id,
|
||||
tradeId
|
||||
}) {
|
||||
this.tradeId = tradeId
|
||||
},
|
||||
onShow: function() {
|
||||
this.getData()
|
||||
},
|
||||
mounted() {
|
||||
this.$refs.select.setActiveId(this.tradeId)
|
||||
},
|
||||
methods: {
|
||||
getData: function() {
|
||||
if (this.tradeId) {
|
||||
getWorktypes(this.tradeId).then(res => {
|
||||
this.skillLevel = res.data.data
|
||||
})
|
||||
}
|
||||
},
|
||||
goAdd(res) {
|
||||
uni.$emit('setworkTypes', res)
|
||||
uni.navigateBack()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
@@ -1,55 +0,0 @@
|
||||
<template>
|
||||
<select-template ref="select" title="请选择技能水平" slo="请选择最符合你能力的标签，标签会帮你定制个性化推荐任务信息" :list="skillLevel" @submit="goAdd"></select-template>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import testData from '@/common/textdata.js';
|
||||
import {
|
||||
getSkills
|
||||
} from '@/api/resume.js'
|
||||
import selectTemplate from './selectTemplate.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
selectTemplate
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
skillLevel: [],
|
||||
worktypesId: null,
|
||||
activeName: '',
|
||||
activeId: '',
|
||||
id: ''
|
||||
}
|
||||
},
|
||||
onLoad({
|
||||
id,
|
||||
worktypesId
|
||||
}) {
|
||||
this.id = id
|
||||
this.worktypesId = worktypesId
|
||||
},
|
||||
onShow: function() {
|
||||
this.getData()
|
||||
},
|
||||
mounted() {
|
||||
this.$refs.select.setActiveId(this.id)
|
||||
},
|
||||
methods: {
|
||||
getData: function() {
|
||||
if (this.worktypesId) {
|
||||
getSkills(this.worktypesId).then(res => {
|
||||
this.skillLevel = res.data.data
|
||||
})
|
||||
}
|
||||
},
|
||||
goAdd(res) {
|
||||
uni.$emit('setSkill', res)
|
||||
uni.navigateBack()
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
Reference in New Issue
Block a user