招聘筛选及简历更新

2024-02-17 09:42:41 +08:00
parent a4aaf7856c
commit ef2e6dec38
13 changed files with 1464 additions and 941 deletions
--- a/pageMy/my/resume/skillLevel.vue
+++ b/pageMy/my/resume/skillLevel.vue
@@ -1,55 +1,182 @@
 <template>
-	<select-template ref="select" title="请选择技能水平" slo="请选择最符合你能力的标签，标签会帮你定制个性化推荐任务信息" :list="skillLevel" @submit="goAdd"></select-template>
+	<view>
+		<view class="title">
+			全部
+		</view>
+		<block v-for="(item, index) in city" :key="index">
+			<view class="cityList" @click="cityClick(item)">
+				{{ item.name }}
+				<image src="../../../static/img/correct.svg" v-if="id === item.id" mode=""></image>
+				<image v-else-if="layer !== maxLayer" src="../../../static/img/right.svg" mode=""></image>
+			</view>
+		</block>
+		<view class="" v-if="layer === maxLayer" style="height: 230rpx;background-color: #f6f6f6;"></view>
+		<view class="btn" v-if="layer === maxLayer" @click="comfirm">
+			<view class="bottombtn">
+				确定
+			</view>
+		</view>
+	</view>
 </template>

 <script>
-	import testData from '@/common/textdata.js';
-	import {
-		getSkills
-	} from '@/api/resume.js'
-	import selectTemplate from './selectTemplate.vue'
+import {
+	getWorktypesList
+} from '@/api/resume.js'

-	export default {
-		components: {
-			selectTemplate
-		},
-		data() {
-			return {
-				skillLevel: [],
-				worktypesId: null,
-				activeName: '',
-				activeId: '',
-				id: ''
+export default {
+	data() {
+		return {
+			workTypeList: [],
+
+			choose: false,
+			chooseIndex: '',
+			parentId: undefined,
+			layer: 1,
+			maxLayer: 2,
+			id: '',
+			label: '',
+
+			tradeId: '',
+		}
+	},
+	computed: {
+		city() {
+			if (this.parentId) {
+				const parentItem = this.workTypeList.find(item => item.id == this.parentId);
+				if (parentItem) {
+					return parentItem.child;
+				}
+			} else {
+				return this.workTypeList;
+			}
+		}
+	},
+	mounted() {
+		getWorktypesList(2).then(res => {
+			this.workTypeList = res.data.data;
+
+		})
+	},
+
+	onLoad({
+		tradeId,
+		parentId,
+		layer,
+		maxLayer
+	}) {
+		this.parentId = parentId
+		this.tradeId = tradeId || 0
+		this.layer = parseInt(layer || 1)
+		this.maxLayer = parseInt(maxLayer || 2)
+	},
+	onShow: function () { },
+	methods: {
+		cityClick(item) {
+			if (this.layer === this.maxLayer) {
+				this.selectCity(item)
+			} else {
+				this.goCityInfo(item)
 			}
 		},
-		onLoad({
-			id,
-			worktypesId
-		}) {
-			this.id = id
-			this.worktypesId = worktypesId
+		selectCity(item) {
+			console.log(item, "item");
+			this.id = item.id;
+			this.label = item.name;
+
 		},
-		onShow: function() {
-			this.getData()
+		goCityInfo(item) {
+			uni.navigateTo({
+				url: `./skillLevel?layer=${this.layer + 1}&maxLayer=${this.maxLayer}&parentId=${item.id}&parentLabel=${item.name}`
+			})
 		},
-		mounted() {
-			this.$refs.select.setActiveId(this.id)
+		comfirm: function () {
+			if (this.id) {
+				uni.$emit('setSkill', { detail: { id: this.id, label: this.label, parentLabel: this.$route.query.parentLabel } })
+				uni.navigateBack({
+					delta: this.layer
+				})
+			} else {
+				uni.showToast({
+					title: "请选择地点",
+					icon: "none"
+				})
+			}
 		},
-		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>
+.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;
+}
+
+.cityList image {
+	width: 32rpx;
+	height: 32rpx;
+}
+
+.cityList {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	font-family: PingFangSC-Regular;
+	font-size: 32rpx;
+	color: #333333;
+	padding: 30rpx;
+	padding-left: 0;
+	margin-left: 30rpx;
+	width: 690rpx;
+	border-bottom: 1rpx solid #dddddd;
+}
+
+.location {
+	font-family: PingFangSC-Regular;
+	font-size: 32rpx;
+	color: #333333;
+	display: flex;
+	align-items: center;
+	justify-content: flex-start;
+	padding: 30rpx;
+}
+
+.comfirm {
+	margin-left: auto;
+}
+
+.location image {
+	width: 40rpx;
+	height: 40rpx;
+}
+
+.title {
+	font-family: PingFangSC-Regular;
+	font-size: 28rpx;
+	color: #999999;
+	background-color: #f6f6f6;
+	padding: 30rpx;
+}
+
+page {
+	background-color: #fefefe;
+}
 </style>