11
This commit is contained in:
18500206848
@@ -1,107 +0,0 @@
|
||||
<template>
|
||||
<view class="change-password-body">
|
||||
<view class="nothing" style="height: 200rpx;"></view>
|
||||
<jl-input type="text" v-model="oldPassword" placeholder="请输入旧密码" showPassword clearable></jl-input>
|
||||
<jl-input type="text" v-model="newPassword" placeholder="设置长度6至20位的密码" showPassword clearable></jl-input>
|
||||
<jl-input type="text" v-model="newPassword1" placeholder="请重新输入新密码" showPassword clearable></jl-input>
|
||||
<view class="btn" v-if='loading'>
|
||||
正在修改...
|
||||
</view>
|
||||
<view class="btn" v-else-if="validate" @click="submit">
|
||||
确认修改
|
||||
</view>
|
||||
<view class="btn nocheck" v-else>
|
||||
确认修改
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
changePassword
|
||||
} from '@/api/changePassword.js'
|
||||
import {
|
||||
password
|
||||
} from '@/untils/validate.js'
|
||||
import jlInput from '@/components/jl-input/main.vue'
|
||||
import md5 from 'js-md5'
|
||||
|
||||
const resendTime = 120
|
||||
export default {
|
||||
components: {
|
||||
jlInput
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
oldPassword: '',
|
||||
newPassword: '',
|
||||
newPassword1: ''
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
submit() {
|
||||
if(password(this.newPassword)) {
|
||||
uni.showToast({
|
||||
title: '请设置长度6至20位的密码',
|
||||
icon: 'none'
|
||||
});
|
||||
return
|
||||
}
|
||||
if (this.newPassword1 !== this.newPassword) {
|
||||
uni.showToast({
|
||||
title: '两次输入的新密码不一致',
|
||||
icon: 'none'
|
||||
});
|
||||
return
|
||||
}
|
||||
this.loading = true
|
||||
changePassword(md5(this.oldPassword), md5(this.newPassword), md5(this.newPassword1)).then(() => {
|
||||
uni.navigateBack();
|
||||
uni.showToast({
|
||||
title: '操作成功',
|
||||
icon: 'none'
|
||||
});
|
||||
}).catch(() => {
|
||||
this.loading = false
|
||||
})
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
validate() {
|
||||
return this.newPassword && this.oldPassword && this.newPassword1
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.phoneDel {
|
||||
margin-left: auto !important;
|
||||
}
|
||||
|
||||
.nocheck {
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
.btn {
|
||||
margin: 0 auto;
|
||||
margin-top: 50rpx;
|
||||
background-color: #1B66FF;
|
||||
color: #fefefe;
|
||||
border-radius: 10rpx;
|
||||
text-align: center;
|
||||
font-size: 32rpx;
|
||||
height: 80rpx;
|
||||
line-height: 80rpx;
|
||||
}
|
||||
|
||||
page {
|
||||
background-color: #fefefe;
|
||||
}
|
||||
|
||||
.change-password-body{
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
</style>
|
||||
@@ -1,155 +0,0 @@
|
||||
<template>
|
||||
<view class="change-phone-body">
|
||||
<view class="nothing" style="height: 200rpx;"></view>
|
||||
<jl-input type="text" v-model="password" placeholder="请输入登录密码" showPassword clearable></jl-input>
|
||||
<jl-input type="number" v-model="phone" placeholder="请输入新手机号"></jl-input>
|
||||
<jl-input type="text" v-model="sms" placeholder="请输入验证码">
|
||||
<view v-if="isMobile(phone) && password" class="code" @click="getCode">{{ code }}</view>
|
||||
<view v-else class="code nocheck">{{ code }}</view>
|
||||
</jl-input>
|
||||
<view class="btn nocheck" v-if='loading'>
|
||||
正在变更...
|
||||
</view>
|
||||
<view class="btn" v-else-if='sms && isMobile(phone) && password' @click="submit">
|
||||
确认变更
|
||||
</view>
|
||||
<view class="btn nocheck" v-else>
|
||||
确认变更
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
changePhone,
|
||||
sendValidate
|
||||
} from '@/api/changePhone.js'
|
||||
import {
|
||||
isMobile
|
||||
} from '@/untils/validate.js'
|
||||
import jlInput from '@/components/jl-input/main.vue'
|
||||
import md5 from 'js-md5'
|
||||
|
||||
const resendTime = 120
|
||||
export default {
|
||||
components: {
|
||||
jlInput
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
pastype: 'text',
|
||||
code: '获取验证码',
|
||||
password: '',
|
||||
phone: '',
|
||||
sms: ''
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
changePasType: function() {
|
||||
var pastype = this.pastype;
|
||||
if (pastype == 'password') {
|
||||
this.pastype = 'text';
|
||||
} else {
|
||||
this.pastype = 'password'
|
||||
}
|
||||
},
|
||||
delpho: function(e) {
|
||||
this.phone = '';
|
||||
},
|
||||
delpas: function(e) {
|
||||
this.password = '';
|
||||
},
|
||||
setsms: function(e) {
|
||||
this.sms = e.detail.value
|
||||
},
|
||||
setpho: function(e) {
|
||||
this.phone = e.detail.value
|
||||
},
|
||||
setpas: function(e) {
|
||||
this.password = e.detail.value
|
||||
},
|
||||
getCode: function() {
|
||||
var code = this.code;
|
||||
if (code != '获取验证码' && code != '重新发送') {
|
||||
return;
|
||||
}
|
||||
this.code = '发送中...'
|
||||
sendValidate(this.phone, md5(this.password)).then(() => {
|
||||
let sendCode = setInterval(() => {
|
||||
if (code == '获取验证码' || code == '重新发送') {
|
||||
code = resendTime;
|
||||
}
|
||||
code--;
|
||||
var codes = '重新发送(' + code + 's)';
|
||||
this.code = codes;
|
||||
if (code <= 0) {
|
||||
code = '重新发送';
|
||||
this.code = code;
|
||||
clearInterval(sendCode);
|
||||
return;
|
||||
}
|
||||
}, 1000)
|
||||
}).catch(() => {
|
||||
this.code = '重新发送';
|
||||
})
|
||||
},
|
||||
isMobile,
|
||||
submit() {
|
||||
this.loading = true
|
||||
changePhone(this.phone, md5(this.password), this.sms).then(() => {
|
||||
this.loading = false
|
||||
this.$store.dispatch('LogOut').then(() => {
|
||||
this.$store.dispatch('clearAuthState')
|
||||
this.$store.dispatch('endRefreshNewsTimer')
|
||||
uni.reLaunch({
|
||||
url: '/pages/login/login'
|
||||
})
|
||||
})
|
||||
}).catch(() => {
|
||||
this.loading = false
|
||||
})
|
||||
}
|
||||
},
|
||||
computed: {}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.phoneDel {
|
||||
margin-left: auto !important;
|
||||
}
|
||||
|
||||
.nocheck {
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
.btn {
|
||||
margin: 0 auto;
|
||||
margin-top: 50rpx;
|
||||
background-color: #1B66FF;
|
||||
color: #fefefe;
|
||||
border-radius: 10rpx;
|
||||
text-align: center;
|
||||
font-size: 32rpx;
|
||||
height: 80rpx;
|
||||
line-height: 80rpx;
|
||||
}
|
||||
|
||||
.code {
|
||||
margin-left: auto;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 28rpx;
|
||||
color: #1b66ff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
page {
|
||||
background-color: #fefefe;
|
||||
}
|
||||
|
||||
.change-phone-body {
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
</style>
|
||||
@@ -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>
|
||||
@@ -1,259 +0,0 @@
|
||||
<template>
|
||||
<view class="body">
|
||||
<!-- <v-tabs :tabs="['已发放','未发放']" height="45px" v-model="activeTab" color="#999" activeColor="#000" fontSize="36rx"
|
||||
activeFontSize="36rpx" @change='changeTab' /> -->
|
||||
<view class="list" v-for="item in data" :key="item.missionNo">
|
||||
<view class="list_head">
|
||||
<view class="list_head_left">
|
||||
{{item.title}}
|
||||
</view>
|
||||
<!--<view class="list_head_right">
|
||||
{{moneyFormat(item.wageReal)}}元
|
||||
</view>-->
|
||||
|
||||
<view class="list_head_right" v-if="item.payType === 1 || item.payType === 0">{{moneyComdify(item.wageReal)}}元</view>
|
||||
<view class="list_head_right" v-if="item.payType === 2">申报个税：<view class="price">{{moneyComdify(item.wageReal)}}元</view></view>
|
||||
</view>
|
||||
<view class="allName">
|
||||
{{item.companyName}}
|
||||
</view>
|
||||
<view class="timeBox" v-if="activeTab === 0">
|
||||
<view class="time">发放日期：{{dateFormat(item.accountTime,'yyyy年MM月dd日')}}</view>
|
||||
<view class="list_head_right" v-if="item.payType === 1">预扣个税：<view class="price">{{moneyComdify(item.tax)}}元</view></view>
|
||||
<view class="list_head_right" v-if="item.payType === 2">个税补发：<view class="price">{{moneyComdify(item.tax)}}元</view></view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="nothing" v-if="data.length === 0">
|
||||
<image src="../../static/img/pic.svg" mode=""></image>
|
||||
<view class="nothingText">
|
||||
暂无工资信息
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
getList,userOrderList
|
||||
} from '@/api/wage.js'
|
||||
import {
|
||||
mapGetters
|
||||
} from 'vuex'
|
||||
import {
|
||||
moneyFormat,
|
||||
moneyComdify,
|
||||
dateFormat
|
||||
} from '@/untils/format.js'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
tabs: ['已发放', '未发放'],
|
||||
dataDepository: [
|
||||
[],
|
||||
[]
|
||||
],
|
||||
page: [{
|
||||
current: 0,
|
||||
size: 20,
|
||||
maxPage: 1,
|
||||
loading: false,
|
||||
status: 1
|
||||
}, {
|
||||
current: 0,
|
||||
size: 20,
|
||||
maxPage: 1,
|
||||
loading: false,
|
||||
status: 0
|
||||
}],
|
||||
activeTab: 0,
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getData()
|
||||
},
|
||||
onReachBottom() {
|
||||
this.getData()
|
||||
},
|
||||
/*页面滚动到底部 换页*/
|
||||
onReachBottom: function() {
|
||||
const page = this.page[this.activeTab]
|
||||
const activeTab = this.activeTab
|
||||
const current = page.current + 1
|
||||
if (page.current <= Math.ceil(page.maxPage / page.size)) {
|
||||
this.getData();
|
||||
} else {
|
||||
uni.showToast({
|
||||
icon: "none",
|
||||
title: '已经是最后一页',
|
||||
})
|
||||
}
|
||||
},
|
||||
/*下拉刷新*/
|
||||
onPullDownRefresh:function(){
|
||||
const page = this.page[this.activeTab]
|
||||
page.current = 0
|
||||
this.dataDepository[this.activeTab] = []
|
||||
this.getData()
|
||||
|
||||
},
|
||||
methods: {
|
||||
changeTab: function(e) {
|
||||
this.activeTab = e;
|
||||
},
|
||||
getData() {
|
||||
const page = this.page[this.activeTab]
|
||||
const activeTab = this.activeTab
|
||||
const current = page.current + 1
|
||||
if (page.loading || current > page.maxPage) {
|
||||
return
|
||||
}
|
||||
page.loading = true
|
||||
/* getList(this.userInfo.user_id, current, page.size, page.status).then((resp) => {
|
||||
uni.stopPullDownRefresh();
|
||||
const data = resp.data.data
|
||||
this.$set(this.dataDepository, activeTab, this.dataDepository[activeTab].concat(data.records))
|
||||
page.maxPage = parseInt(data.total / data.size) + 1
|
||||
page.current = current
|
||||
page.loading = false
|
||||
}) */
|
||||
var params = {
|
||||
current: current,
|
||||
size: page.size
|
||||
}
|
||||
|
||||
userOrderList(params).then((resp) => {
|
||||
uni.stopPullDownRefresh();
|
||||
const data = resp.data.data
|
||||
this.$set(this.dataDepository, activeTab, this.dataDepository[activeTab].concat(data.records))
|
||||
page.maxPage = parseInt(data.total / data.size) + 1
|
||||
page.current = current
|
||||
page.loading = false
|
||||
})
|
||||
},
|
||||
refrush() {
|
||||
this.page = {
|
||||
current: 1,
|
||||
size: 20,
|
||||
maxPage: 1,
|
||||
}
|
||||
this.getData()
|
||||
},
|
||||
moneyComdify,
|
||||
moneyFormat,
|
||||
dateFormat
|
||||
},
|
||||
watch: {
|
||||
activeTab(val) {
|
||||
this.getData()
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(['userInfo']),
|
||||
data() {
|
||||
return this.dataDepository[this.activeTab]
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.nothingText {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
text-align: center;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.nothing image {
|
||||
width: 400rpx;
|
||||
height: 200rpx;
|
||||
display: block;
|
||||
padding-top: 50%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.nothing {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
background-color: #fefefe;
|
||||
}
|
||||
|
||||
.timeBox {
|
||||
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.time{
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 24rpx;
|
||||
color: #6D6D6D;
|
||||
}
|
||||
|
||||
.allName {
|
||||
width: 280rpx;
|
||||
height: 76rpx;
|
||||
line-height: 76rpx;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
/*不换行*/
|
||||
text-overflow: ellipsis;
|
||||
/*超出部分文字以...显示*/
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.list_head_right {
|
||||
display: flex;
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
color: #F46161;
|
||||
}
|
||||
|
||||
.price{
|
||||
width: 137rpx;text-align: right;
|
||||
}
|
||||
|
||||
.list_head_left {
|
||||
width: 347rpx;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
/*不换行*/
|
||||
text-overflow: ellipsis;
|
||||
/*超出部分文字以...显示*/
|
||||
font-family: PingFangSC-Medium;
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.list_head {
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
}
|
||||
|
||||
.list {
|
||||
/* height: 132rpx; */
|
||||
/* line-height: 50rpx; */
|
||||
padding: 30rpx 30rpx 32rpx 30rpx;
|
||||
border-bottom: 20rpx solid #f6f6f6;
|
||||
background-color: #fefefe;
|
||||
}
|
||||
|
||||
.body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
page {
|
||||
background-color: #f6f6f6;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
@@ -1,121 +0,0 @@
|
||||
<template>
|
||||
<view>
|
||||
<view class="listBody">
|
||||
<view class="list">
|
||||
<view class="list_left">
|
||||
我的账号
|
||||
</view>
|
||||
<view class="list_right">
|
||||
{{userInfo.account}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="list" @click="password">
|
||||
<view class="list_left">
|
||||
修改密码
|
||||
</view>
|
||||
<view class="list_right">
|
||||
<image src="../../static/img/right.svg" mode=""></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="listBody">
|
||||
<view class="list" @click="agreement">
|
||||
<view class="list_left">
|
||||
服务及隐私协议
|
||||
</view>
|
||||
<view class="list_right">
|
||||
<image src="../../static/img/right.svg" mode=""></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn" @click="logout">
|
||||
退出登录
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
mapGetters
|
||||
} from 'vuex'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
}
|
||||
},
|
||||
onLoad() {},
|
||||
methods: {
|
||||
logout() {
|
||||
this.$store.dispatch('LogOut').then(() => {
|
||||
uni.reLaunch({
|
||||
url: '/pages/login/login'
|
||||
})
|
||||
this.$store.dispatch('clearAuthState')
|
||||
this.$store.dispatch('endRefreshNewsTimer')
|
||||
})
|
||||
},
|
||||
password(){
|
||||
uni.navigateTo({
|
||||
url: '/pageMy/my/changePassword'
|
||||
})
|
||||
},
|
||||
agreement() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/user/agreement'
|
||||
})
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(['userInfo'])
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.btn {
|
||||
background-color: #fefefe;
|
||||
margin-top: 20rpx;
|
||||
padding: 20rpx 0;
|
||||
text-align: center;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 32rpx;
|
||||
color: #F46161;
|
||||
}
|
||||
|
||||
.list_right image {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
|
||||
.list_right {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 28rpx;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.list_left {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.list {
|
||||
padding: 20rpx;
|
||||
padding-left: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1rpx solid #ddd;
|
||||
}
|
||||
|
||||
.listBody {
|
||||
background-color: #fefefe;
|
||||
margin-top: 20rpx;
|
||||
padding-left: 20rpx;
|
||||
}
|
||||
|
||||
page {
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
</style>
|
||||
@@ -1,140 +0,0 @@
|
||||
<template>
|
||||
<view class="centerNothing">
|
||||
<view class="userBase" v-if="auth.realNameState === true">
|
||||
<view class="userBaseList">
|
||||
<view class="user_left">
|
||||
姓名
|
||||
</view>
|
||||
<view class="user_Right">
|
||||
{{auth.authInfo.realName}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="userBaseList">
|
||||
<view class="user_left">
|
||||
性别
|
||||
</view>
|
||||
<view class="user_Right">
|
||||
{{auth.authInfo.sex===1?'男':'女'}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="userBaseList">
|
||||
<view class="user_left">
|
||||
出生年月
|
||||
</view>
|
||||
<view class="user_Right">
|
||||
{{birthday}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="userBaseList">
|
||||
<view class="user_left">
|
||||
手机号
|
||||
</view>
|
||||
<view class="user_Right">
|
||||
{{auth.authInfo.telphone}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="userBaseList">
|
||||
<view class="user_left">
|
||||
身份
|
||||
</view>
|
||||
<view class="user_Right">
|
||||
<block v-if="auth.laborState">农村劳动力</block>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 没有认证的情况 -->
|
||||
<view v-else>
|
||||
<image src="../../static/img/pic_noid.svg" mode="" class="nothing"></image>
|
||||
<view class="nothingText" @click="goSetUserBase">
|
||||
暂无信息，请先<text>填写认证信息</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
userInfo
|
||||
} from '@/api/resume.js';
|
||||
import {
|
||||
dateFormat
|
||||
} from "../../untils/format.js";
|
||||
import {
|
||||
mapGetters
|
||||
} from 'vuex'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
userInfo: {}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(['auth', 'authInfo']),
|
||||
birthday() {
|
||||
return dateFormat(new Date(this.authInfo.birthday.replace(/\-/g, "/").replace('T',' ')), "yyyy-MM");
|
||||
}
|
||||
},
|
||||
onShow() {},
|
||||
methods: {
|
||||
goSetUserBase: function() {
|
||||
uni.navigateTo({
|
||||
url: '../setUserBase/index'
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.nothingText text {
|
||||
color: #1B66FF;
|
||||
}
|
||||
|
||||
.nothingText {
|
||||
text-align: center;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.nothing {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: 400rpx;
|
||||
height: 200rpx;
|
||||
margin-top: 50%;
|
||||
}
|
||||
|
||||
.user_Right {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 28rpx;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.user_left {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.userBaseList {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 30rpx;
|
||||
padding-left: 0;
|
||||
border-bottom: 1rpx solid #dddddd;
|
||||
}
|
||||
|
||||
.userBase {
|
||||
background-color: #fefefe;
|
||||
padding-left: 30rpx;
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
|
||||
page {
|
||||
background-color: #fff;
|
||||
}
|
||||
</style>
|
||||
@@ -1,96 +0,0 @@
|
||||
<template>
|
||||
<view class="vip">
|
||||
<view class="vip-title">
|
||||
输入邀请码
|
||||
</view>
|
||||
<view class="vip-tip">通过客服获取由字母数字组成不少于10位的编码</view>
|
||||
<jl-form>
|
||||
<jl-form-item>
|
||||
<jl-input v-model="code" placeholder="请输入" clearable></jl-input>
|
||||
</jl-form-item>
|
||||
</jl-form>
|
||||
<view class="vip-btn">
|
||||
<jl-button inline type="primary" :disabled="valid" :loading="loading" @click="confirm">申请绑定</jl-button>
|
||||
</view>
|
||||
<view class="vip-bottom">
|
||||
未实名认证用户，请先进行实名认证。未完成实名认证，申请VIP会员无法成功。
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
bind
|
||||
} from "@/api/vip.js"
|
||||
import jlInput from "@/components/jl-input/main.vue"
|
||||
import {
|
||||
mapGetters
|
||||
} from "vuex"
|
||||
|
||||
export default {
|
||||
components: {
|
||||
jlInput
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
code: ""
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
confirm() {
|
||||
this.loading = true
|
||||
this.$store.dispatch("bindVipCode", this.code).then(() => {
|
||||
this.loading = false
|
||||
}).catch(() => {
|
||||
this.loading = false
|
||||
})
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(["authInfo"]),
|
||||
valid() {
|
||||
return this.code.length < 10
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.vip {
|
||||
width: 80%;
|
||||
padding-top: 108rpx;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.vip-title {
|
||||
font-size: 46rpx;
|
||||
color: #333333;
|
||||
letter-spacing: 0;
|
||||
line-height: 46rpx;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
|
||||
.vip-tip {
|
||||
font-size: 28rpx;
|
||||
color: #999999;
|
||||
line-height: 28rpx;
|
||||
margin-bottom: 43rpx;
|
||||
}
|
||||
|
||||
.vip-btn {
|
||||
padding-top: 50rpx;
|
||||
}
|
||||
|
||||
.vip-btn-invit .jl-button {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.vip-bottom {
|
||||
padding-top: 41rpx;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 24rpx;
|
||||
color: #999999;
|
||||
line-height: 34rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -1,33 +0,0 @@
|
||||
<template>
|
||||
<success v-if="isVip"></success>
|
||||
<bind v-else></bind>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import bind from "./bind.vue"
|
||||
import success from "./success.vue"
|
||||
import {
|
||||
mapGetters
|
||||
} from "vuex"
|
||||
|
||||
export default {
|
||||
components: {
|
||||
bind,
|
||||
success
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
state: ""
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(["isVip"])
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
page{
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
@@ -1,74 +0,0 @@
|
||||
<template>
|
||||
<view class="vip-success">
|
||||
<view class="vip-success-body">
|
||||
<image class="vip-success-img" src="/static/img/noauth.svg"></image>
|
||||
<view class="vip-success-text">我的邀请码：{{vipCode}}</view>
|
||||
<jl-button class="vip-success-btn" @click="copy">复制</jl-button>
|
||||
</view>
|
||||
<view class="vip-success-footer">说明：邀请码用作企业自主注册时填写的邀请码</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
mapGetters
|
||||
} from "vuex"
|
||||
import uniCopy from '@/js_sdk/xb-copy/uni-copy.js'
|
||||
|
||||
export default {
|
||||
methods: {
|
||||
copy() {
|
||||
uniCopy({
|
||||
content: `企业登录链接：https://www.jlhrms.cn/manage/#/login\r\n企业邀请码:${this.vipCode}`,
|
||||
success: (res) => {
|
||||
uni.showToast({
|
||||
title: "复制成功",
|
||||
icon: 'none'
|
||||
})
|
||||
},
|
||||
})
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(["vipCode"])
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.vip-success {
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.vip-success-body {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.vip-success-img {
|
||||
width: 337rpx;
|
||||
height: 188rpx;
|
||||
margin: 0 auto 43.2rpx auto;
|
||||
}
|
||||
|
||||
.vip-success-text {
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
letter-spacing: 0;
|
||||
line-height: 32rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.vip-success-footer {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
bottom: 128rpx;
|
||||
font-size: 24rpx;
|
||||
color: #999999;
|
||||
letter-spacing: 0;
|
||||
line-height: 24rpx;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user