Merge remote-tracking branch 'origin/bin' into media-css
This commit is contained in:
@@ -1,64 +1,70 @@
|
||||
<template>
|
||||
<scroll-view :scroll-y="true" class="app-container" :scroll-top="scrollTop" @scroll="checkStickyStatus" @scrolltolower="scrollBottom">
|
||||
<view class="nav-hidden">
|
||||
<view class="container-search">
|
||||
<image class="bg-text" mode="widthFix" src="@/static/icon/index-text-bg.png"></image>
|
||||
<view class="search-inner">
|
||||
<view class="inner-left">
|
||||
<image class="bg-text2" mode="widthFix" src="@/static/icon/index-text-bg2.png"></image>
|
||||
<view class="search-input button-click" @click="navTo('/pages/search/search')">
|
||||
<image class="icon" src="@/static/icon/index-search.png"></image>
|
||||
<text class="inpute">请告诉我想找什么工作</text>
|
||||
</view>
|
||||
</view>
|
||||
<image class="bg-robot button-click" mode="widthFix" src="@/static/icon/index-robot.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="ai-card-out">
|
||||
<view class="ai-card">
|
||||
<image class="ai-card-bg" src="@/static/icon/ai-card-bg.png" />
|
||||
<view class="ai-card-inner">
|
||||
<view class="title">人工智能专区</view>
|
||||
<view class="item-box">
|
||||
<view class="box-l">
|
||||
<view class="item1 button-click" @click="handleItemClick">
|
||||
<view class="title">AI素质测评</view>
|
||||
<view class="des">提高个人素质</view>
|
||||
<image class="bg-text" mode="widthFix" src="@/static/icon/item-bg-text.png"></image>
|
||||
<image class="bg-img" mode="widthFix" src="@/static/icon/item-bg-img1.png"></image>
|
||||
<scroll-view
|
||||
:scroll-y="true"
|
||||
class="app-container"
|
||||
:scroll-top="scrollTop"
|
||||
@scroll="checkStickyStatus"
|
||||
@scrolltolower="scrollBottom"
|
||||
>
|
||||
<view class="nav-hidden">
|
||||
<view class="container-search">
|
||||
<image class="bg-text" mode="widthFix" src="@/static/icon/index-text-bg.png"></image>
|
||||
<view class="search-inner">
|
||||
<view class="inner-left">
|
||||
<image class="bg-text2" mode="widthFix" src="@/static/icon/index-text-bg2.png"></image>
|
||||
<view class="search-input button-click" @click="navTo('/pages/search/search')">
|
||||
<image class="icon" src="@/static/icon/index-search.png"></image>
|
||||
<text class="inpute">请告诉我想找什么工作</text>
|
||||
</view>
|
||||
</view>
|
||||
<image class="bg-robot button-click" mode="widthFix" src="@/static/icon/index-robot.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box-r">
|
||||
<view class="item2 button-click" @click="handleItemClick">
|
||||
<view class="title">就业指导</view>
|
||||
<view class="des">根据个人建议</view>
|
||||
<image class="bg" src="@/static/icon/top-card-bg.png" />
|
||||
<image class="bg-img" mode="widthFix" src="@/static/icon/item-bg-img2.png"></image>
|
||||
</view>
|
||||
<view class="item3 button-click" @click="handleItemClick">
|
||||
<view class="title">AI模拟面试</view>
|
||||
<view class="des">提高面试成功率</view>
|
||||
<image class="bg" src="@/static/icon/bottom-card-bg.png" />
|
||||
<image class="bg-img" mode="widthFix" src="@/static/icon/item-bg-img3.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tip" @click="navTo('/packageA/pages/myResume/myResume')">
|
||||
<image class="icon" src="@/static/icon/leart-gold.png" />
|
||||
<view class="text">使用人工智能需要先完成素质测评、完善简历 ></view>
|
||||
<view class="ai-card-out">
|
||||
<view class="ai-card">
|
||||
<image class="ai-card-bg" src="@/static/icon/ai-card-bg.png" />
|
||||
<view class="ai-card-inner">
|
||||
<view class="title">人工智能专区</view>
|
||||
<view class="item-box">
|
||||
<view class="box-l">
|
||||
<view class="item1 button-click" @click="handleItemClick('素质测评')">
|
||||
<view class="title">AI素质测评</view>
|
||||
<view class="des">提高个人素质</view>
|
||||
<image class="bg-text" mode="widthFix" src="@/static/icon/item-bg-text.png"></image>
|
||||
<image class="bg-img" src="@/static/icon/item-bg-img1.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box-r">
|
||||
<view class="item2 button-click" @click="handleItemClick('就业指导')">
|
||||
<view class="title">就业指导</view>
|
||||
<view class="des">根据个人建议</view>
|
||||
<image class="bg" src="@/static/icon/top-card-bg.png" />
|
||||
<image class="bg-img" src="@/static/icon/item-bg-img2.png"></image>
|
||||
</view>
|
||||
<view class="item3 button-click" @click="handleItemClick('模拟面试')">
|
||||
<view class="title">AI模拟面试</view>
|
||||
<view class="des">提高面试成功率</view>
|
||||
<image class="bg" src="@/static/icon/bottom-card-bg.png" />
|
||||
<image class="bg-img" src="@/static/icon/item-bg-img3.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tip button-click" @click="navTo('/packageA/pages/myResume/myResume')">
|
||||
<image class="icon" src="@/static/icon/leart-gold.png" />
|
||||
<view class="text">使用人工智能需要先完成素质测评、完善简历 ></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="match-card-out">
|
||||
<view class="match-card">
|
||||
<image class="match-card-bg" src="@/static/icon/match-card-bg.png" />
|
||||
<view class="title">简历匹配职位</view>
|
||||
<view class="match-item-container">
|
||||
<AIMatch @tag-click="handleTagClick"></AIMatch>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="match-card-out">
|
||||
<view class="match-card">
|
||||
<image class="match-card-bg" src="@/static/icon/match-card-bg.png" />
|
||||
<view class="title">简历匹配职位</view>
|
||||
<view class="match-item-container">
|
||||
<AIMatch @tag-click="handleTagClick"></AIMatch>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="cards">
|
||||
<view class="card card1 press-button" @click="navTo('/pages/nearby/nearby')">
|
||||
@@ -173,30 +179,32 @@
|
||||
<view class=""><matchingDegree :job="job"></matchingDegree></view>
|
||||
<uni-icons type="star" size="30"></uni-icons>
|
||||
</view> -->
|
||||
</view>
|
||||
<view v-if="!job.education" class="recommend-card" :class="{ isBut: job.isBut }">
|
||||
<view class="card-content">
|
||||
<view class="recommend-card-title"> 在找岗位：{{ job.jobCategory }}的工作吗？ </view>
|
||||
<!-- <view class="recommend-card-tip">{{ job.tip }}</view> -->
|
||||
<view class="recommend-card-tip">确认您的兴趣，为您推荐更多合适的岗位</view>
|
||||
<!-- <view class="recommend-card-line"></view> -->
|
||||
<view class="recommend-card-controll">
|
||||
<view class="controll-no" @click="clearfindJob(job)">不是</view>
|
||||
<view class="controll-yes" @click="findJob(job)">是的</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="!job.education" class="recommend-card" :class="{ isBut: job.isBut }">
|
||||
<view class="card-content">
|
||||
<view class="recommend-card-title">
|
||||
在找岗位：{{ job.jobCategory }}的工作吗？
|
||||
</view>
|
||||
<!-- <view class="recommend-card-tip">{{ job.tip }}</view> -->
|
||||
<view class="recommend-card-tip">确认您的兴趣，为您推荐更多合适的岗位</view>
|
||||
<!-- <view class="recommend-card-line"></view> -->
|
||||
<view class="recommend-card-controll">
|
||||
<view class="controll-no" @click="clearfindJob(job)">不是</view>
|
||||
<view class="controll-yes" @click="findJob(job)">是的</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="card-bottom"></view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
</custom-waterfalls-flow>
|
||||
<loadmore ref="loadmoreRef"></loadmore>
|
||||
<view v-if="showScrollBottom" style="height: 200px"></view>
|
||||
</view>
|
||||
<view class="card-bottom"></view>
|
||||
</view>
|
||||
<empty v-else is-position></empty>
|
||||
</view>
|
||||
</template>
|
||||
</custom-waterfalls-flow>
|
||||
<loadmore ref="loadmoreRef"></loadmore>
|
||||
<view v-if="showScrollBottom" style="height: 200px"></view>
|
||||
</view>
|
||||
<empty v-else pdTop="200"></empty>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 筛选 -->
|
||||
<select-filter ref="selectFilterModel"></select-filter>
|
||||
@@ -229,7 +237,8 @@ import { useScrollDirection } from "@/hook/useScrollDirection";
|
||||
import { useColumnCount } from "@/hook/useColumnCount";
|
||||
const { isScrollingDown, handleScroll } = useScrollDirection();
|
||||
const recommedIndexDb = useRecommedIndexedDBStore();
|
||||
import AIMatch from "./AIMatch.vue";
|
||||
import config from '@/config';
|
||||
import AIMatch from './AIMatch.vue';
|
||||
|
||||
const { proxy } = getCurrentInstance();
|
||||
|
||||
@@ -304,12 +313,30 @@ function closeVideoTip() {
|
||||
}
|
||||
|
||||
const handleTagClick = (tagInfo) => {
|
||||
console.log("点击的标签信息:", tagInfo);
|
||||
$api.msg("暂未开放");
|
||||
console.log('点击的标签信息:', tagInfo);
|
||||
$api.msg('暂未开放');
|
||||
};
|
||||
|
||||
const handleItemClick = () => {
|
||||
$api.msg("暂未开放");
|
||||
const handleItemClick = (item) => {
|
||||
switch (item) {
|
||||
case '素质测评':
|
||||
lightAppJssdk.navigation.hide({
|
||||
url: config.Quality_assessment_URL,
|
||||
});
|
||||
break;
|
||||
case '就业指导':
|
||||
lightAppJssdk.navigation.hide({
|
||||
url: config.Career_guidance,
|
||||
});
|
||||
break;
|
||||
case '模拟面试':
|
||||
lightAppJssdk.navigation.hide({
|
||||
url: config.mock_interview,
|
||||
});
|
||||
break;
|
||||
default:
|
||||
$api.msg('暂未开放');
|
||||
}
|
||||
};
|
||||
|
||||
const hexToRgba = (hex, opacity) => {
|
||||
@@ -1115,6 +1142,8 @@ defineExpose({ loadData });
|
||||
.falls-scroll
|
||||
width: 100%
|
||||
height: 100%
|
||||
min-height: 100vh;
|
||||
position: relative
|
||||
.falls
|
||||
padding: 28rpx 28rpx;
|
||||
.item,.m-height{
|
||||
|
||||
@@ -1,51 +1,73 @@
|
||||
<template>
|
||||
<view class="app-container">
|
||||
<view class="nav-filter">
|
||||
<view class="filter-top" @touchmove.stop.prevent>
|
||||
<scroll-view :scroll-x="true" :show-scrollbar="false" class="tab-scroll">
|
||||
<view class="jobs-left">
|
||||
<view class="job button-click" :class="{ active: state.tabIndex === 'all' }" @click="choosePosition('all')"> 全部 </view>
|
||||
<view class="job button-click" :class="{ active: state.tabIndex === index }" v-for="(item, index) in userInfo.jobTitle" :key="index" @click="choosePosition(index)">
|
||||
{{ item }}
|
||||
<view class="app-container">
|
||||
<view class="nav-filter">
|
||||
<view class="filter-top" @touchmove.stop.prevent>
|
||||
<scroll-view :scroll-x="true" :show-scrollbar="false" class="tab-scroll">
|
||||
<view class="jobs-left">
|
||||
<view
|
||||
class="job button-click"
|
||||
:class="{ active: state.tabIndex === 'all' }"
|
||||
@click="choosePosition('all')"
|
||||
>
|
||||
全部
|
||||
</view>
|
||||
<view
|
||||
class="job button-click"
|
||||
:class="{ active: state.tabIndex === index }"
|
||||
v-for="(item, index) in userInfo.jobTitle"
|
||||
:key="index"
|
||||
@click="choosePosition(index)"
|
||||
>
|
||||
{{ item }}
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="jobs-add button-click" @click="navTo('/pages/search/search')">
|
||||
<uni-icons class="iconsearch" color="#666D7F" type="search" size="18"></uni-icons>
|
||||
<text>搜索</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="jobs-add button-click" @click="navTo('/pages/search/search')">
|
||||
<uni-icons class="iconsearch" color="#666D7F" type="search" size="18"></uni-icons>
|
||||
<text>搜索</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cards">
|
||||
<scroll-view :scroll-y="true" class="tab-scroll" @scrolltolower="scrollBottom">
|
||||
<view class="scroll-content">
|
||||
<custom-waterfalls-flow ref="waterfallsFlowRef" :column="columnCount" :columnSpace="columnSpace" :value="list">
|
||||
<template v-slot:default="job">
|
||||
<view class="slot-item">
|
||||
<view class="job-image btn-feel" @click="nextVideo(job)">
|
||||
<image class="cover-image" :src="job.cover" mode="aspectFill"></image>
|
||||
<view class="cover-triangle"></view>
|
||||
<view class="cards">
|
||||
<scroll-view :scroll-y="true" class="tab-scroll" @scrolltolower="scrollBottom">
|
||||
<view class="scroll-content">
|
||||
<custom-waterfalls-flow
|
||||
ref="waterfallsFlowRef"
|
||||
:column="columnCount"
|
||||
:columnSpace="columnSpace"
|
||||
:value="list"
|
||||
>
|
||||
<template v-slot:default="job">
|
||||
<view class="slot-item">
|
||||
<view class="job-image btn-feel" @click="nextVideo(job)">
|
||||
<image class="cover-image" :src="job.cover" mode="aspectFill"></image>
|
||||
<view class="cover-triangle"></view>
|
||||
</view>
|
||||
<view class="job-info" @click="nextDetail(job)">
|
||||
<view class="salary">
|
||||
<Salary-Expectation
|
||||
:max-salary="job.maxSalary"
|
||||
:min-salary="job.minSalary"
|
||||
:is-month="true"
|
||||
></Salary-Expectation>
|
||||
<image v-if="job.isHot" class="flame" src="/static/icon/flame.png"></image>
|
||||
</view>
|
||||
<view class="title">{{ job.jobTitle }}</view>
|
||||
<view class="desc">
|
||||
<image class="point3" src="/static/icon/point3.png"></image>
|
||||
<!-- <uni-icons type="location" size="14"></uni-icons> -->
|
||||
<view class="descText">{{ job.companyName }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
</custom-waterfalls-flow>
|
||||
<empty v-if="!list.length"></empty>
|
||||
<loadmore v-if="list.length >= pageSize" ref="loadmoreRef"></loadmore>
|
||||
</view>
|
||||
<view class="job-info" @click="nextDetail(job)">
|
||||
<view class="salary">
|
||||
<Salary-Expectation :max-salary="job.maxSalary" :min-salary="job.minSalary" :is-month="true"></Salary-Expectation>
|
||||
<image v-if="job.isHot" class="flame" src="/static/icon/flame.png"></image>
|
||||
</view>
|
||||
<view class="title">{{ job.jobTitle }}</view>
|
||||
<view class="desc">
|
||||
<image class="point3" src="/static/icon/point3.png"></image>
|
||||
<!-- <uni-icons type="location" size="14"></uni-icons> -->
|
||||
<view class="descText">{{ job.companyName }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
</custom-waterfalls-flow>
|
||||
<loadmore ref="loadmoreRef"></loadmore>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
@@ -188,6 +210,7 @@ defineExpose({ loadData });
|
||||
text-overflow: clip;
|
||||
.scroll-content{
|
||||
padding: 24rpx
|
||||
height: calc(100% - 48rpx)
|
||||
}
|
||||
|
||||
.nav-filter
|
||||
|
||||
Reference in New Issue
Block a user