Compare commits
33 Commits
63d0cdb5ad
...
media-css
| Author | SHA1 | Date | |
|---|---|---|---|
| 1ba45fdf93 | |||
|
0d5e3024bc | ||
|
|
268648868f | ||
|
|
c5955959c5 | ||
|
|
16b8ca84cd | ||
|
|
ecfacd13e3 | ||
|
|
9a38bbd298 | ||
|
|
8cf55d3925 | ||
|
|
0dec1618fa | ||
| 7ce14fa7e2 | |||
| 9a5bffae85 | |||
| 51e67a8c8f | |||
| 531681b74e | |||
| 7e0ec650b1 | |||
| 3a5d8ccb1a | |||
| 34bad16bf4 | |||
| f5099e9cc0 | |||
| 4295199887 | |||
|
|
7322e0854e | ||
|
|
d260e24265 | ||
|
|
c75653b7a3 | ||
|
|
805b384958 | ||
|
|
77f97892bc | ||
|
|
20191c9454 | ||
| fc2d0f90ec | |||
| 6b20c045a9 | |||
| 183c71da3c | |||
| 5e2f8ac169 | |||
| bca67b7f25 | |||
| 83a1078a4d | |||
| e4d100242b | |||
| 3eca164bde | |||
| a7d6b8709c |
22
App.vue
22
App.vue
@@ -2,10 +2,11 @@
|
||||
import { reactive, inject, onMounted } from 'vue';
|
||||
import { onLaunch, onShow, onHide } from '@dcloudio/uni-app';
|
||||
import useUserStore from './stores/useUserStore';
|
||||
import usePageAnimation from './hook/usePageAnimation';
|
||||
import useDictStore from './stores/useDictStore';
|
||||
const { $api, navTo, appendScriptTagElement, aes_Decrypt, sm2_Decrypt } = inject('globalFunction');
|
||||
import config from '@/config.js';
|
||||
|
||||
usePageAnimation();
|
||||
const appword = 'aKd20dbGdFvmuwrt'; // 固定值
|
||||
|
||||
onLaunch((options) => {
|
||||
@@ -124,11 +125,22 @@ function loginCallback(userInfo) {
|
||||
/*每个页面公共css */
|
||||
@import '@/common/animation.css';
|
||||
@import '@/common/common.css';
|
||||
/* 修改pages tabbar样式 H5有效 */
|
||||
|
||||
/* 修改pages tabbar样式 H5才有效 */
|
||||
.uni-tabbar .uni-tabbar__item:nth-child(4) .uni-tabbar__bd .uni-tabbar__icon {
|
||||
height: 110rpx !important;
|
||||
width: 122rpx !important;
|
||||
margin-top: 6rpx;
|
||||
width: 108rpx !important;
|
||||
height: 98rpx !important;
|
||||
margin-top: 0rpx;
|
||||
transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
||||
transform-origin: center center;
|
||||
/* transition: transform 0.15s ease-in-out; */
|
||||
/* transform-origin: center center; */
|
||||
}
|
||||
|
||||
.uni-tabbar .uni-tabbar__item:nth-child(4) .uni-tabbar__bd .uni-tabbar__icon:active {
|
||||
transform: scale(0.8);
|
||||
transition: transform 0.1s ease-out;
|
||||
/* animation: jelly 0.5s; */
|
||||
}
|
||||
|
||||
.uni-tabbar-border {
|
||||
|
||||
@@ -191,3 +191,37 @@
|
||||
-webkit-animation-name: tada;
|
||||
animation-name: tada
|
||||
}
|
||||
|
||||
@keyframes jelly {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
30% {
|
||||
transform: scale(1.25, 0.75);
|
||||
}
|
||||
|
||||
/* 压扁 */
|
||||
40% {
|
||||
transform: scale(0.75, 1.25);
|
||||
}
|
||||
|
||||
/* 拉长 */
|
||||
50% {
|
||||
transform: scale(1.15, 0.85);
|
||||
}
|
||||
|
||||
/* 稍微压扁 */
|
||||
65% {
|
||||
transform: scale(0.95, 1.05);
|
||||
}
|
||||
|
||||
/* 稍微拉长 */
|
||||
75% {
|
||||
transform: scale(1.05, 0.95);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
@@ -469,3 +469,7 @@ html {
|
||||
.grayscale {
|
||||
filter: grayscale(100%) opacity(0.6);
|
||||
}
|
||||
|
||||
.height-100 {
|
||||
height: 100%;
|
||||
}
|
||||
@@ -285,7 +285,9 @@ function deg2rad(deg) {
|
||||
}
|
||||
|
||||
function vacanciesTo(vacancies) {
|
||||
if (vacancies >= 0) {
|
||||
if(!vacancies){
|
||||
return '不限人数'
|
||||
}else if (vacancies >= 0) {
|
||||
return vacancies + "人"
|
||||
} else {
|
||||
return '不限人数'
|
||||
|
||||
@@ -151,3 +151,31 @@ const handleScrollToLower = () => {
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media (min-width: 800px) {
|
||||
.app-container {
|
||||
.container-header{
|
||||
height:120rpx;
|
||||
line-height: 120rpx;
|
||||
.header-btnLf{
|
||||
::v-deep *{
|
||||
width: 90rpx !important;
|
||||
height: 90rpx !important;
|
||||
font-size: 40rpx !important;
|
||||
}
|
||||
}
|
||||
.header-btnRi{
|
||||
::v-deep *{
|
||||
width: 90rpx !important;
|
||||
height: 90rpx !important;
|
||||
font-size: 40rpx !important;
|
||||
}
|
||||
}
|
||||
.header-title{
|
||||
font-size: 40rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -325,3 +325,20 @@ export default {
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media(min-width: 800px){
|
||||
.popup-header {
|
||||
.title {
|
||||
font-size: 40rpx;
|
||||
}
|
||||
.btn-cancel {
|
||||
font-size: 36rpx;
|
||||
}
|
||||
.btn-confirm {
|
||||
font-size: 36rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
@@ -1,17 +1,37 @@
|
||||
<template>
|
||||
<view>{{ salaryText }}</view>
|
||||
<view>
|
||||
<view v-if="!minSalary || !maxSalary">面议</view>
|
||||
<view v-else class="texts">
|
||||
<text class="num">{{ minSalary / 1000 }}</text>
|
||||
<text class="unit">k</text>
|
||||
<text class="gap">~</text>
|
||||
<text class="num">{{ maxSalary / 1000 }}</text>
|
||||
<text class="unit">k</text>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { inject, computed } from 'vue';
|
||||
import useDictStore from '../../stores/useDictStore';
|
||||
const { minSalary, maxSalary, isMonth } = defineProps(['minSalary', 'maxSalary', 'isMonth']);
|
||||
|
||||
const salaryText = computed(() => {
|
||||
if (!minSalary || !maxSalary) return '面议';
|
||||
if (isMonth) {
|
||||
return `${minSalary}-${maxSalary}/月`;
|
||||
}
|
||||
return `${minSalary / 1000}k-${maxSalary / 1000}k`;
|
||||
});
|
||||
import { inject, computed } from "vue";
|
||||
import useDictStore from "../../stores/useDictStore";
|
||||
const { minSalary, maxSalary } = defineProps(["minSalary", "maxSalary"]);
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.texts{
|
||||
letter-spacing: 1rpx;
|
||||
}
|
||||
.num{
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
.unit{
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
.gap{
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
margin-left: 5rpx;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,5 +1,9 @@
|
||||
<template>
|
||||
<view class="empty" :style="{ background: bgcolor, marginTop: mrTop + 'rpx' }">
|
||||
<view
|
||||
class="empty"
|
||||
:class="{ 'position-center': isPosition }"
|
||||
:style="{ background: bgcolor, marginTop: mrTop + 'rpx' }"
|
||||
>
|
||||
<view class="ty_content" :style="{ paddingTop: pdTop + 'rpx' }">
|
||||
<view class="content_top">
|
||||
<!-- <view class="content_top btn-shaky"> -->
|
||||
@@ -30,18 +34,23 @@ export default {
|
||||
pdTop: {
|
||||
type: String,
|
||||
required: false,
|
||||
default: '80',
|
||||
default: '0',
|
||||
},
|
||||
mrTop: {
|
||||
type: String,
|
||||
required: false,
|
||||
default: '20',
|
||||
default: '0',
|
||||
},
|
||||
pictrue: {
|
||||
type: String,
|
||||
required: false,
|
||||
default: '',
|
||||
},
|
||||
isPosition: {
|
||||
type: Boolean,
|
||||
required: false,
|
||||
default: false,
|
||||
},
|
||||
},
|
||||
methods: {},
|
||||
};
|
||||
@@ -52,19 +61,33 @@ image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.position-center {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.empty {
|
||||
width: 100%;
|
||||
min-height: 100vh;
|
||||
position: relative;
|
||||
height: 100%;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
// min-height: 100vh;
|
||||
// height: 400rpx;
|
||||
// position: relative;
|
||||
.ty_content {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 0;
|
||||
transform: translate(-50%, 0);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
// position: absolute;
|
||||
// left: 50%;
|
||||
// top: 0;
|
||||
// transform: translate(-50%, 0);
|
||||
|
||||
.content_top {
|
||||
width: 450rpx;
|
||||
height: 322rpx;
|
||||
|
||||
@@ -252,3 +252,32 @@ export default {
|
||||
border: 2rpx solid #256BFA;
|
||||
color: #256BFA
|
||||
</style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media(min-width: 800px){
|
||||
.sex-content{
|
||||
.sex-content-left{
|
||||
width: 350rpx;
|
||||
.left-list-btn{
|
||||
font-size: 36rpx;
|
||||
}
|
||||
}
|
||||
.sex-content-right{
|
||||
.grid-sex{
|
||||
grid-template-columns:repeat(6,1fr);
|
||||
.sex-right-btn{
|
||||
font-size: 36rpx;
|
||||
height: 100rpx;
|
||||
line-height: 100rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.secondary-title{
|
||||
font-size: 38rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -355,3 +355,34 @@ ol {
|
||||
padding: 4rpx 20rpx;
|
||||
margin-right: 16rpx;
|
||||
</style>
|
||||
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media(min-width: 800px){
|
||||
.custom-card{
|
||||
padding: 30rpx;
|
||||
.card-title{
|
||||
.title-text{
|
||||
font-size: 36rpx;
|
||||
}
|
||||
.card-salary{
|
||||
font-size: 34rpx;
|
||||
}
|
||||
}
|
||||
.card-company{
|
||||
font-size: 32rpx;
|
||||
}
|
||||
.card-info{
|
||||
font-size: 32rpx;
|
||||
.info-item{
|
||||
font-size: 32rpx;
|
||||
}
|
||||
}
|
||||
.card-tag{
|
||||
font-size: 30rpx;
|
||||
padding: 8rpx 20rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
@@ -10,12 +10,12 @@
|
||||
<text class="company line_1">{{ company.name }}</text>
|
||||
</view>
|
||||
<view class="card-bottom">
|
||||
<view class="fl_box fs_14">
|
||||
<view class="fl_box">
|
||||
<view class="mar_ri10">{{ company.industry }}</view>
|
||||
<view>{{ company.scale }}</view>
|
||||
</view>
|
||||
<view class="ris">
|
||||
<text class="fs_14">
|
||||
<text>
|
||||
在招职位·
|
||||
<text class="color_256BFA">{{ company.totalRecruitment || '-' }}</text>
|
||||
个
|
||||
@@ -33,12 +33,12 @@
|
||||
<text class="company line_1">{{ company.name }}</text>
|
||||
</view>
|
||||
<view class="card-bottom">
|
||||
<view class="fl_box fs_14">
|
||||
<view class="fl_box ">
|
||||
<view class="mar_ri10">{{ company.industry }}</view>
|
||||
<view>{{ company.scale }}</view>
|
||||
</view>
|
||||
<view class="ris">
|
||||
<text class="fs_14">
|
||||
<text>
|
||||
在招职位·
|
||||
<text class="color_256BFA">{{ company.totalRecruitment || '-' }}</text>
|
||||
个
|
||||
@@ -165,3 +165,25 @@ function nextDetail(company) {
|
||||
font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media(min-width: 800px){
|
||||
.cards{
|
||||
.card-company{
|
||||
.company{
|
||||
font-size: 38rpx;
|
||||
}
|
||||
}
|
||||
.card-bottom{
|
||||
font-size: 34rpx;
|
||||
}
|
||||
.card-tags{
|
||||
.tag{
|
||||
padding: 10rpx 30rpx;
|
||||
font-size: 30rpx;
|
||||
border-radius: 6rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -5,12 +5,12 @@
|
||||
<text class="company line_1">{{ job.name }}</text>
|
||||
</view>
|
||||
<view class="card-bottom">
|
||||
<view class="fl_box fs_14">
|
||||
<view class="fl_box">
|
||||
<dict-tree-Label class="mar_ri10" dictType="industry" :value="job.industry"></dict-tree-Label>
|
||||
<dict-Label dictType="scale" :value="job.scale"></dict-Label>
|
||||
</view>
|
||||
<view class="ris">
|
||||
<text class="fs_14">
|
||||
<text>
|
||||
在招职位·
|
||||
<text class="color_256BFA">{{ job.totalRecruitment || '-' }}</text>
|
||||
个
|
||||
@@ -131,3 +131,26 @@ function nextDetail(company) {
|
||||
font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media(min-width: 800px){
|
||||
.cards{
|
||||
.card-company{
|
||||
.company{
|
||||
font-size: 38rpx;
|
||||
}
|
||||
}
|
||||
.card-bottom{
|
||||
font-size: 34rpx;
|
||||
}
|
||||
.card-tags{
|
||||
.tag{
|
||||
padding: 10rpx 30rpx;
|
||||
font-size: 30rpx;
|
||||
border-radius: 6rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -5,13 +5,13 @@
|
||||
<text class="company line_1">{{ job.gsmc }}</text>
|
||||
</view>
|
||||
<view class="card-bottom" >
|
||||
<view class="fl_box fs_14" >
|
||||
<view class="fl_box" >
|
||||
<!-- <dict-tree-Label class="mar_ri10" dictType="industry" :value="job.industry"></dict-tree-Label>
|
||||
<dict-Label dictType="scale" :value="job.scale"></dict-Label> -->
|
||||
<view>{{job.gsxy}}</view>
|
||||
</view>
|
||||
<view class="ris" >
|
||||
<text class="fs_14">
|
||||
<text>
|
||||
在招职位·
|
||||
<text class="color_256BFA">{{ job.zzgwsl || '-' }}</text>
|
||||
个
|
||||
@@ -140,3 +140,26 @@ function nextDetail(company) {
|
||||
font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media(min-width: 800px){
|
||||
.cards{
|
||||
.card-company{
|
||||
.company{
|
||||
font-size: 38rpx;
|
||||
}
|
||||
}
|
||||
.card-bottom{
|
||||
font-size: 34rpx;
|
||||
}
|
||||
.card-tags{
|
||||
.tag{
|
||||
padding: 10rpx 30rpx;
|
||||
font-size: 30rpx;
|
||||
border-radius: 6rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -208,3 +208,48 @@ function nextDetail(job) {
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media(min-width: 800px){
|
||||
.date-jobTitle{
|
||||
font-size: 38rpx;
|
||||
}
|
||||
.cards{
|
||||
.card-company{
|
||||
.company{
|
||||
font-size: 38rpx;
|
||||
}
|
||||
.salary{
|
||||
font-size: 34rpx;
|
||||
::v-deep .texts {
|
||||
.num {
|
||||
font-size: 40rpx;
|
||||
}
|
||||
.unit {
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.gap {
|
||||
font-size: 30rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.card-companyName{
|
||||
margin-top: 14rpx;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
.card-bottom{
|
||||
font-size: 34rpx;
|
||||
}
|
||||
.card-tags{
|
||||
margin-top: 14rpx;
|
||||
.tag{
|
||||
padding: 10rpx 30rpx;
|
||||
font-size: 30rpx;
|
||||
border-radius: 6rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
@@ -209,3 +209,44 @@ function nextDetail(job) {
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<style lang="scss" scoped>
|
||||
@media(min-width: 800px){
|
||||
.cards{
|
||||
.card-company{
|
||||
.company{
|
||||
font-size: 38rpx;
|
||||
}
|
||||
.salary{
|
||||
font-size: 34rpx;
|
||||
::v-deep .texts {
|
||||
.num {
|
||||
font-size: 40rpx;
|
||||
}
|
||||
.unit {
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.gap {
|
||||
font-size: 30rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.card-companyName{
|
||||
margin-top: 14rpx;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
.card-bottom{
|
||||
font-size: 34rpx;
|
||||
}
|
||||
.card-tags{
|
||||
margin-top: 14rpx;
|
||||
.tag{
|
||||
padding: 10rpx 30rpx;
|
||||
font-size: 30rpx;
|
||||
border-radius: 6rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
@@ -208,3 +208,47 @@ function nextDetail(job) {
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media(min-width: 800px){
|
||||
.date-jobTitle{
|
||||
font-size: 38rpx;
|
||||
}
|
||||
.cards{
|
||||
.card-company{
|
||||
.company{
|
||||
font-size: 38rpx;
|
||||
}
|
||||
.salary{
|
||||
font-size: 34rpx;
|
||||
::v-deep .texts {
|
||||
.num {
|
||||
font-size: 40rpx;
|
||||
}
|
||||
.unit {
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.gap {
|
||||
font-size: 30rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.card-companyName{
|
||||
margin-top: 14rpx;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
.card-bottom{
|
||||
font-size: 34rpx;
|
||||
}
|
||||
.card-tags{
|
||||
margin-top: 14rpx;
|
||||
.tag{
|
||||
padding: 10rpx 30rpx;
|
||||
font-size: 30rpx;
|
||||
border-radius: 6rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -147,3 +147,45 @@ function nextDetail(job) {
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media(min-width: 800px){
|
||||
.cards{
|
||||
.card-company{
|
||||
.company{
|
||||
font-size: 38rpx;
|
||||
}
|
||||
.salary{
|
||||
font-size: 34rpx;
|
||||
::v-deep .texts {
|
||||
.num {
|
||||
font-size: 40rpx;
|
||||
}
|
||||
.unit {
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.gap {
|
||||
font-size: 30rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.card-companyName{
|
||||
margin-top: 14rpx;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
.card-bottom{
|
||||
font-size: 34rpx;
|
||||
}
|
||||
.card-tags{
|
||||
margin-top: 14rpx;
|
||||
.tag{
|
||||
padding: 10rpx 30rpx;
|
||||
font-size: 30rpx;
|
||||
border-radius: 6rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
@@ -165,3 +165,34 @@ function parseDateTime(datetimeStr) {
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media(min-width: 800px){
|
||||
.cards{
|
||||
.card-company{
|
||||
.company{
|
||||
font-size: 38rpx;
|
||||
}
|
||||
.salary{
|
||||
font-size: 34rpx;
|
||||
}
|
||||
}
|
||||
.card-companyName{
|
||||
margin-top: 14rpx;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
.card-bottom{
|
||||
font-size: 34rpx;
|
||||
}
|
||||
.card-tags{
|
||||
margin-top: 14rpx;
|
||||
.tag{
|
||||
padding: 10rpx 30rpx;
|
||||
font-size: 30rpx;
|
||||
border-radius: 6rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -374,3 +374,58 @@ defineExpose({
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media(min-width: 800px){
|
||||
.filter-nav{
|
||||
width: 350rpx;
|
||||
.nav-item{
|
||||
font-size: 38rpx;
|
||||
}
|
||||
.active{
|
||||
font-size: 40rpx !important;
|
||||
}
|
||||
}
|
||||
.filter-content {
|
||||
.content-item {
|
||||
.item-title{
|
||||
font-size: 38rpx;
|
||||
}
|
||||
}
|
||||
.check-content{
|
||||
margin-top: 30rpx;
|
||||
row-gap: 30rpx;
|
||||
.checkbox-item{
|
||||
.option-label {
|
||||
font-size: 34rpx;
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.popup-header {
|
||||
padding-bottom: 25rpx;
|
||||
.title {
|
||||
font-size: 40rpx;
|
||||
}
|
||||
.btn-cancel {
|
||||
font-size: 36rpx;
|
||||
}
|
||||
.btn-confirm {
|
||||
font-size: 36rpx;
|
||||
}
|
||||
}
|
||||
.popup-bottom {
|
||||
.btn-cancel {
|
||||
font-size: 36rpx;
|
||||
}
|
||||
.btn-confirm {
|
||||
font-size: 36rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
@@ -165,7 +165,7 @@ function serchforIt(defaultId) {
|
||||
|
||||
return;
|
||||
}
|
||||
$api.createRequest('/app/common/jobTitle/treeselect', {}, 'GET').then((resData) => {
|
||||
const LoadCache = (resData) => {
|
||||
if (userInfo.value.jobTitleId) {
|
||||
const ids = userInfo.value.jobTitleId.split(',').map((id) => Number(id));
|
||||
count.value = ids.length;
|
||||
@@ -174,7 +174,8 @@ function serchforIt(defaultId) {
|
||||
state.jobTitleId = userInfo.value.jobTitleId;
|
||||
state.stations = resData.data;
|
||||
state.visible = true;
|
||||
});
|
||||
};
|
||||
$api.createRequestWithCache('/app/common/jobTitle/treeselect', {}, 'GET', false, LoadCache).then(LoadCache);
|
||||
}
|
||||
|
||||
const reset = () => {
|
||||
@@ -298,3 +299,30 @@ defineExpose({
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media(min-width: 800px){
|
||||
.popup-header {
|
||||
.title {
|
||||
font-size: 40rpx;
|
||||
}
|
||||
.btn-cancel {
|
||||
font-size: 36rpx;
|
||||
}
|
||||
.btn-confirm {
|
||||
font-size: 36rpx;
|
||||
}
|
||||
}
|
||||
.popup-bottom {
|
||||
.btn-cancel {
|
||||
font-size: 36rpx;
|
||||
}
|
||||
.btn-confirm {
|
||||
font-size: 36rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -231,3 +231,4 @@ export default {
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
30
hook/page-animation.css
Normal file
30
hook/page-animation.css
Normal file
@@ -0,0 +1,30 @@
|
||||
/* #ifdef H5 */
|
||||
uni-page {
|
||||
opacity: 1;
|
||||
will-change: opacity;
|
||||
}
|
||||
|
||||
/* --- 进场 (Enter) --- */
|
||||
uni-page.animation-enter-from {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
uni-page.animation-enter-active {
|
||||
transition: opacity 0.2s ease-out;
|
||||
}
|
||||
|
||||
/* --- 离场 (Leave) --- */
|
||||
uni-page.animation-leave-active {
|
||||
transition: opacity 0.15s ease-in;
|
||||
}
|
||||
|
||||
uni-page.animation-leave-to {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* --- 稳态 --- */
|
||||
uni-page.animation-show {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* #endif */
|
||||
66
hook/usePageAnimation.js
Normal file
66
hook/usePageAnimation.js
Normal file
@@ -0,0 +1,66 @@
|
||||
import {
|
||||
onLaunch
|
||||
} from '@dcloudio/uni-app'
|
||||
import {
|
||||
getCurrentInstance
|
||||
} from 'vue'
|
||||
import './page-animation.css'
|
||||
|
||||
const DURATION = 130
|
||||
|
||||
export default function usePageAnimation() {
|
||||
// #ifdef H5
|
||||
const show = () => {
|
||||
const page = document.querySelector('uni-page')
|
||||
if (!page) return
|
||||
const cl = page.classList
|
||||
|
||||
cl.add('animation-enter-from')
|
||||
cl.remove('animation-leave-to', 'animation-leave-active')
|
||||
|
||||
requestAnimationFrame(() => {
|
||||
requestAnimationFrame(() => {
|
||||
cl.remove('animation-enter-from')
|
||||
cl.add('animation-enter-active', 'animation-show')
|
||||
|
||||
setTimeout(() => {
|
||||
cl.remove('animation-enter-active')
|
||||
}, DURATION)
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
const hide = (next) => {
|
||||
const page = document.querySelector('uni-page')
|
||||
if (!page) {
|
||||
next()
|
||||
return
|
||||
}
|
||||
const cl = page.classList
|
||||
|
||||
cl.add('animation-leave-active')
|
||||
|
||||
requestAnimationFrame(() => {
|
||||
cl.remove('animation-show')
|
||||
cl.add('animation-leave-to')
|
||||
|
||||
setTimeout(() => {
|
||||
cl.remove('animation-leave-active', 'animation-leave-to')
|
||||
next()
|
||||
}, DURATION - 50)
|
||||
})
|
||||
}
|
||||
|
||||
onLaunch(() => {
|
||||
const instance = getCurrentInstance()
|
||||
const router = instance?.proxy?.$router
|
||||
if (router) {
|
||||
show()
|
||||
|
||||
router.beforeEach((to, from, next) => hide(next))
|
||||
|
||||
router.afterEach(() => show())
|
||||
}
|
||||
})
|
||||
// #endif
|
||||
}
|
||||
@@ -86,8 +86,7 @@ export function usePagination(
|
||||
const res = await requestFn(params)
|
||||
|
||||
const rawData = res[dataKey]
|
||||
const total = res[totalKey] || 99999999
|
||||
console.log(total, rawData)
|
||||
|
||||
const data = typeof transformFn === 'function' ? transformFn(rawData) : rawData
|
||||
|
||||
if (type === 'refresh') {
|
||||
@@ -96,9 +95,9 @@ export function usePagination(
|
||||
list.value.push(...data)
|
||||
}
|
||||
|
||||
const total = res[totalKey] || list.value?.length
|
||||
pageState.total = total
|
||||
pageState.maxPage = Math.ceil(total / pageState.pageSize)
|
||||
|
||||
finished.value = list.value.length >= total
|
||||
empty.value = list.value.length === 0
|
||||
} catch (err) {
|
||||
|
||||
11
index.html
11
index.html
@@ -18,14 +18,21 @@
|
||||
</script>
|
||||
<title></title>
|
||||
<!-- eruda -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/eruda"></script>
|
||||
<!-- <script src="https://cdn.jsdelivr.net/npm/eruda"></script>
|
||||
<script>
|
||||
eruda.init();
|
||||
</script>
|
||||
</script> -->
|
||||
<!-- <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
|
||||
<script>
|
||||
// VConsole 默认会挂载到 `window.VConsole` 上
|
||||
var vConsole = new window.VConsole();
|
||||
</script> -->
|
||||
<!-- 爱山东jssdk 本sdk存在性能问题 -->
|
||||
<script type="text/javascript" src="https://isdapp.shandong.gov.cn/jmopen/jssdk/index.js"></script>
|
||||
<!-- 只在内网有效 -->
|
||||
<script type="text/javascript" src="./static/js/SM.js"></script>
|
||||
<script type="text/javascript" src="./static/js/pixi.min.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"><!--app-html--></div>
|
||||
|
||||
@@ -80,7 +80,7 @@
|
||||
"locale": "zh-Hans",
|
||||
"h5": {
|
||||
"router": {
|
||||
"base": "./",
|
||||
"base": "/app/",
|
||||
"mode": "hash"
|
||||
},
|
||||
"title": "青岛智慧就业服务",
|
||||
|
||||
@@ -5,9 +5,9 @@
|
||||
seeDate="applyTime"
|
||||
:list="pageState.list"
|
||||
:longitude="longitudeVal"
|
||||
:latitude="latitudeVal">
|
||||
</renderDeliveryRecord>
|
||||
<empty v-else pdTop="200"></empty>
|
||||
:latitude="latitudeVal"
|
||||
></renderDeliveryRecord>
|
||||
<empty v-else :is-position="true"></empty>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -53,7 +53,7 @@ function getJobList(type = 'add') {
|
||||
current: pageState.page,
|
||||
pageSize: pageState.pageSize,
|
||||
};
|
||||
$api.createRequest('/app/user/apply/job', params).then((resData) => {
|
||||
const LoadCache = (resData) => {
|
||||
const { rows, total } = resData;
|
||||
if (type === 'add') {
|
||||
const str = pageState.pageSize * (pageState.page - 1);
|
||||
@@ -66,8 +66,9 @@ function getJobList(type = 'add') {
|
||||
// pageState.list = resData.rows;
|
||||
pageState.total = resData.total;
|
||||
pageState.maxPage = Math.ceil(pageState.total / pageState.pageSize);
|
||||
console.log(pageState.list);
|
||||
});
|
||||
};
|
||||
|
||||
$api.createRequestWithCache('/app/user/apply/job', params, 'GET', false, {}, LoadCache).then(LoadCache);
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -75,7 +76,10 @@ function getJobList(type = 'add') {
|
||||
.collection-content{
|
||||
padding: 1rpx 28rpx 20rpx 28rpx;
|
||||
background: #F4F4F4;
|
||||
height: 100%
|
||||
height: 100%;
|
||||
min-height: calc(100vh - var(--window-top) - var(--status-bar-height) - var(--window-bottom));
|
||||
position: relative;
|
||||
}
|
||||
</style>
|
||||
<style lang="scss" scoped>
|
||||
</style>
|
||||
|
||||
@@ -62,7 +62,7 @@
|
||||
:longitude="longitudeVal"
|
||||
:latitude="latitudeVal"
|
||||
></renderJobs>
|
||||
<empty v-else pdTop="200"></empty>
|
||||
<empty v-else :is-position="true"></empty>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
@@ -93,7 +93,7 @@ const pageOptions = ref({});
|
||||
const dataType = ref(1); // 1: 原数据, 2: 第三方数据
|
||||
|
||||
onLoad((options) => {
|
||||
console.log(options);
|
||||
// console.log(options);
|
||||
dataType.value = options.dataType ? parseInt(options.dataType) : 1;
|
||||
pageOptions.value = options;
|
||||
|
||||
@@ -145,13 +145,13 @@ function getCompanyInfo(...args) {
|
||||
if (dataType.value === 2) {
|
||||
// 第三方数据接口
|
||||
const [companyId, zphId] = args;
|
||||
$api.createRequest(`/app/internal/companyThirdPart/${companyId}/${zphId}`).then((resData) => {
|
||||
$api.createRequest(`/app/internal/companyThirdPart/${companyId}/${zphId}`, {}, 'GET', true).then((resData) => {
|
||||
companyInfo.value = resData.data;
|
||||
});
|
||||
} else {
|
||||
// 原数据接口
|
||||
const [companyId] = args;
|
||||
$api.createRequest(`/app/company/${companyId}`).then((resData) => {
|
||||
$api.createRequest(`/app/company/${companyId}`, {}, 'GET', true).then((resData) => {
|
||||
companyInfo.value = resData.data;
|
||||
getJobsList();
|
||||
});
|
||||
@@ -184,7 +184,12 @@ function getThirdPartyJobsList(type = 'add') {
|
||||
pageSize: pageState.pageSize,
|
||||
};
|
||||
|
||||
$api.createRequest(`/app/internal/jobThirdPart?gsID=${companyId}&gsmc=${companyName}&zphID=${zphId}`, params).then((resData) => {
|
||||
$api.createRequest(
|
||||
`/app/internal/jobThirdPart?gsID=${companyId}&gsmc=${companyName}&zphID=${zphId}`,
|
||||
params,
|
||||
'GET',
|
||||
true
|
||||
).then((resData) => {
|
||||
const { rows, total } = resData;
|
||||
handleJobsListResponse(type, rows, total, 'current');
|
||||
});
|
||||
@@ -204,7 +209,7 @@ function getOriginalJobsList(type = 'add') {
|
||||
pageSize: pageState.pageSize,
|
||||
};
|
||||
|
||||
$api.createRequest(`/app/company/job/${companyInfo.value.companyId}`, params).then((resData) => {
|
||||
$api.createRequest(`/app/company/job/${companyInfo.value.companyId}`, params, 'GET', true).then((resData) => {
|
||||
const { rows, total } = resData;
|
||||
handleJobsListResponse(type, rows, total, 'page');
|
||||
});
|
||||
@@ -322,6 +327,8 @@ image {
|
||||
background: #F4F4F4;
|
||||
.views{
|
||||
padding: 28rpx
|
||||
min-height: calc(100% - 56rpx)
|
||||
position: relative
|
||||
.Detail-title{
|
||||
font-weight: 600;
|
||||
font-size: 32rpx;
|
||||
@@ -403,3 +410,84 @@ image {
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media(min-width: 800px){
|
||||
.content{
|
||||
.content-top{
|
||||
.companyinfo-left{
|
||||
width: 140rpx;
|
||||
height: 140rpx;
|
||||
}
|
||||
.companyinfo-right{
|
||||
.row1{
|
||||
margin-top: 10rpx;
|
||||
font-size: 40rpx;
|
||||
}
|
||||
.row2{
|
||||
margin-top: 10rpx;
|
||||
font-size: 34rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.content{
|
||||
.locations{
|
||||
height: 120rpx;
|
||||
.location-info{
|
||||
.info{
|
||||
.info-title{
|
||||
font-size: 36rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.expand{
|
||||
font-size: 36rpx;
|
||||
.expand-img{
|
||||
width: 50rpx;
|
||||
height: 50rpx;
|
||||
}
|
||||
}
|
||||
.conetent-info{
|
||||
.info-title{
|
||||
font-size: 36rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.info-desirption{
|
||||
font-size: 32rpx;
|
||||
}
|
||||
.card-times{
|
||||
padding: 30rpx 90rpx;
|
||||
.left-date{
|
||||
font-size: 55rpx;
|
||||
}
|
||||
.left-dateDay{
|
||||
font-size: 34rpx;
|
||||
}
|
||||
.line{
|
||||
margin-top: 0;
|
||||
width: 80rpx;
|
||||
border-width: 4rpx;
|
||||
}
|
||||
.time-center{
|
||||
.center-date{
|
||||
font-size: 42rpx;
|
||||
}
|
||||
.center-dateDay{
|
||||
width: fit-content;
|
||||
font-size: 36rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.Detailscroll-view{
|
||||
.views{
|
||||
.Detail-title{
|
||||
font-size: 40rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -176,12 +176,13 @@ function complete(values) {
|
||||
}
|
||||
|
||||
function getTree() {
|
||||
$api.createRequest('/app/common/jobTitle/treeselect', {}, 'GET').then((resData) => {
|
||||
const LoadCache = (resData) => {
|
||||
if (resData.code === 200) {
|
||||
dataSource.value = flattenTree(resData.data);
|
||||
treeDataList.value = resData.data;
|
||||
}
|
||||
});
|
||||
};
|
||||
$api.createRequestWithCache('/app/common/jobTitle/treeselect', {}, 'GET', false, LoadCache).then(LoadCache);
|
||||
}
|
||||
|
||||
function flattenTree(treeData, parentPath = '') {
|
||||
|
||||
@@ -24,15 +24,14 @@
|
||||
</view>
|
||||
<scroll-view scroll-y class="main-scroll" @scrolltolower="getJobList('add')">
|
||||
<view class="one-cards">
|
||||
<renderJobViewRecord
|
||||
:list="pageState.list"
|
||||
v-if="pageState.list.length"
|
||||
:longitude="longitudeVal"
|
||||
:latitude="latitudeVal"
|
||||
></renderJobViewRecord>
|
||||
<empty v-else pdTop="200"></empty>
|
||||
<!-- <loadmore ref="loadmoreRef"></loadmore> -->
|
||||
|
||||
<renderJobViewRecord
|
||||
:list="pageState.list"
|
||||
v-if="pageState.list.length"
|
||||
:longitude="longitudeVal"
|
||||
:latitude="latitudeVal"
|
||||
></renderJobViewRecord>
|
||||
<empty v-else></empty>
|
||||
<!-- <loadmore ref="loadmoreRef"></loadmore> -->
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
@@ -87,8 +86,6 @@ function toSelectDate() {
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
function searchCollection(e) {
|
||||
const value = e.detail.value;
|
||||
pageState.search.jobTitle = value;
|
||||
@@ -167,9 +164,12 @@ image {
|
||||
.collection-content
|
||||
height: 100%
|
||||
display: flex
|
||||
flex-direction: column
|
||||
flex-direction: column;
|
||||
background: #f4f4f4
|
||||
|
||||
.collection-search
|
||||
padding: 10rpx 20rpx;
|
||||
background: #FFFFFF;
|
||||
|
||||
.search-content
|
||||
position: relative
|
||||
@@ -216,6 +216,32 @@ image {
|
||||
.one-cards{
|
||||
padding: 0 20rpx 20rpx 20rpx;
|
||||
background: #f4f4f4
|
||||
|
||||
height: 100%
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media(min-width: 800px){
|
||||
.collection-search{
|
||||
.search-content{
|
||||
.header-input{
|
||||
.iconsearch{
|
||||
font-size: 50rpx !important;
|
||||
}
|
||||
.input{
|
||||
font-size: 40rpx;
|
||||
padding-left: 100rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
.inputplace{
|
||||
font-size: 40rpx;
|
||||
}
|
||||
}
|
||||
.data-all{
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -27,7 +27,7 @@
|
||||
:longitude="longitudeVal"
|
||||
:latitude="latitudeVal"
|
||||
></renderCompanys>
|
||||
<empty v-else pdTop="200"></empty>
|
||||
<empty v-else is-position></empty>
|
||||
</view>
|
||||
</AppLayout>
|
||||
</template>
|
||||
@@ -151,6 +151,8 @@ image {
|
||||
}
|
||||
.main-list{
|
||||
background-color: #F4F4F4;
|
||||
padding: 1rpx 28rpx 28rpx 28rpx
|
||||
padding: 1rpx 28rpx 28rpx 28rpx;
|
||||
min-height: calc(100% - 29rpx);
|
||||
position: relative
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -26,7 +26,7 @@
|
||||
:longitude="longitudeVal"
|
||||
:latitude="latitudeVal"
|
||||
></renderJobCollectionRecord>
|
||||
<empty v-else pdTop="200"></empty>
|
||||
<empty v-else></empty>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</swiper-item>
|
||||
@@ -44,7 +44,7 @@
|
||||
:longitude="longitudeVal"
|
||||
:latitude="latitudeVal"
|
||||
></renderCompanyCollectionRecord>
|
||||
<empty v-else pdTop="200"></empty>
|
||||
<empty v-else></empty>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</swiper-item>
|
||||
@@ -178,7 +178,8 @@ function getJobList(type = 'add') {
|
||||
current: pageState.page,
|
||||
pageSize: pageState.pageSize,
|
||||
};
|
||||
$api.createRequest('/app/user/collection/job', params).then((resData) => {
|
||||
const LoadCache = (resData) => {
|
||||
console.log(resData);
|
||||
const { rows, total } = resData;
|
||||
if (type === 'add') {
|
||||
const str = pageState.pageSize * (pageState.page - 1);
|
||||
@@ -191,7 +192,8 @@ function getJobList(type = 'add') {
|
||||
// pageState.list = resData.rows;
|
||||
pageState.total = resData.total;
|
||||
pageState.maxPage = Math.ceil(pageState.total / pageState.pageSize);
|
||||
});
|
||||
};
|
||||
$api.createRequestWithCache('/app/user/collection/job', params, 'GET', false, {}, LoadCache).then(LoadCache);
|
||||
}
|
||||
|
||||
function getCompanyList(type = 'add') {
|
||||
@@ -206,7 +208,7 @@ function getCompanyList(type = 'add') {
|
||||
current: pageCompanyState.page,
|
||||
pageSize: pageCompanyState.pageSize,
|
||||
};
|
||||
$api.createRequest('/app/user/collection/company', params).then((resData) => {
|
||||
const LoadCache = (resData) => {
|
||||
const { rows, total } = resData;
|
||||
if (type === 'add') {
|
||||
const str = pageCompanyState.pageSize * (pageCompanyState.page - 1);
|
||||
@@ -219,7 +221,8 @@ function getCompanyList(type = 'add') {
|
||||
// pageCompanyState.list = resData.rows;
|
||||
pageCompanyState.total = resData.total;
|
||||
pageCompanyState.maxPage = Math.ceil(pageCompanyState.total / pageCompanyState.pageSize);
|
||||
});
|
||||
};
|
||||
$api.createRequestWithCache('/app/user/collection/company', params, 'GET', false, {}, LoadCache).then(LoadCache);
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -262,9 +265,22 @@ function getCompanyList(type = 'add') {
|
||||
.swiper{
|
||||
height: 100%
|
||||
.mian{
|
||||
height: 100%
|
||||
padding: 0 28rpx 28rpx 28rpx
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<style lang="scss" scoped>
|
||||
@media(min-width: 800px){
|
||||
.collection-content{
|
||||
.header{
|
||||
font-size: 38rpx;
|
||||
.active{
|
||||
font-size: 40rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -40,7 +40,7 @@
|
||||
<!-- <view class="info-title title2">公司地址</view>
|
||||
<view class="locationCompany"></view> -->
|
||||
<view class="company-times">
|
||||
<view class="info-title">内容描述</view>
|
||||
<view class="info-title">举办时间</view>
|
||||
<view class="card-times">
|
||||
<view class="time-left">
|
||||
<view class="left-date">{{ parseDateTime(fairInfo.zphjbsj).time }}</view>
|
||||
@@ -83,7 +83,7 @@
|
||||
:longitude="longitudeVal"
|
||||
:latitude="latitudeVal"
|
||||
></renderCompanysOutData>
|
||||
<empty v-else pdTop="200"></empty>
|
||||
<empty v-else is-position></empty>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
@@ -134,7 +134,7 @@ onLoad((options) => {
|
||||
});
|
||||
|
||||
function getJobFairInfo(id, name) {
|
||||
$api.createRequest(`/app/internal/jobFairThirdPart/${id}`).then((resData) => {
|
||||
$api.createRequest(`/app/internal/jobFairThirdPart/${id}`, {}, 'GET', true).then((resData) => {
|
||||
fairInfo.value = resData.data;
|
||||
hasAppointment();
|
||||
});
|
||||
@@ -152,21 +152,24 @@ function getCompanyList(type = 'add') {
|
||||
current: pageState.current,
|
||||
pageSize: pageState.pageSize,
|
||||
};
|
||||
$api.createRequest(`/app/internal/companyThirdPart/?zphID=${jobFairId}&zphmc=${jobFairName}`, params).then(
|
||||
(resData) => {
|
||||
const { rows, total } = resData;
|
||||
if (type === 'add') {
|
||||
const str = pageState.pageSize * (pageState.current - 1);
|
||||
const end = pageState.list.length;
|
||||
const reslist = rows;
|
||||
pageState.list.splice(str, end, ...reslist);
|
||||
} else {
|
||||
pageState.list = rows;
|
||||
}
|
||||
pageState.total = resData.total;
|
||||
pageState.maxPage = Math.ceil(pageState.total / pageState.pageSize);
|
||||
$api.createRequest(
|
||||
`/app/internal/companyThirdPart/?zphID=${jobFairId}&zphmc=${jobFairName}`,
|
||||
params,
|
||||
'GET',
|
||||
true
|
||||
).then((resData) => {
|
||||
const { rows, total } = resData;
|
||||
if (type === 'add') {
|
||||
const str = pageState.pageSize * (pageState.current - 1);
|
||||
const end = pageState.list.length;
|
||||
const reslist = rows;
|
||||
pageState.list.splice(str, end, ...reslist);
|
||||
} else {
|
||||
pageState.list = rows;
|
||||
}
|
||||
);
|
||||
pageState.total = resData.total;
|
||||
pageState.maxPage = Math.ceil(pageState.total / pageState.pageSize);
|
||||
});
|
||||
}
|
||||
|
||||
const hasAppointment = () => {
|
||||
@@ -433,6 +436,8 @@ image {
|
||||
background: #F4F4F4;
|
||||
.views{
|
||||
padding: 28rpx
|
||||
min-height: calc(100% - 56rpx);
|
||||
position: relative
|
||||
.Detail-title{
|
||||
font-weight: 600;
|
||||
font-size: 32rpx;
|
||||
@@ -585,3 +590,84 @@ image {
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media (min-width: 800px) {
|
||||
.app-container {
|
||||
.content-top{
|
||||
.companyinfo-left{
|
||||
width: 140rpx;
|
||||
height: 140rpx;
|
||||
}
|
||||
.companyinfo-right{
|
||||
.row1{
|
||||
margin-top: 10rpx;
|
||||
font-size: 40rpx;
|
||||
}
|
||||
.row2{
|
||||
margin-top: 10rpx;
|
||||
font-size: 34rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.content{
|
||||
.locations{
|
||||
height: 120rpx;
|
||||
.location-info{
|
||||
.info{
|
||||
.info-title{
|
||||
font-size: 36rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.expand{
|
||||
font-size: 36rpx;
|
||||
.expand-img{
|
||||
width: 50rpx;
|
||||
height: 50rpx;
|
||||
}
|
||||
}
|
||||
.conetent-info{
|
||||
.info-title{
|
||||
font-size: 36rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.info-desirption{
|
||||
font-size: 32rpx;
|
||||
}
|
||||
.card-times{
|
||||
padding: 30rpx 90rpx;
|
||||
.left-date{
|
||||
font-size: 55rpx;
|
||||
}
|
||||
.left-dateDay{
|
||||
font-size: 34rpx;
|
||||
}
|
||||
.line{
|
||||
margin-top: 0;
|
||||
width: 80rpx;
|
||||
border-width: 4rpx;
|
||||
}
|
||||
.time-center{
|
||||
.center-date{
|
||||
font-size: 42rpx;
|
||||
}
|
||||
.center-dateDay{
|
||||
width: fit-content;
|
||||
font-size: 36rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.Detailscroll-view{
|
||||
.views{
|
||||
.Detail-title{
|
||||
font-size: 40rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -278,3 +278,29 @@ function getFormCompletionPercent(form) {
|
||||
border: 2rpx solid #E8EAEE;
|
||||
|
||||
</style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media(min-width: 800px){
|
||||
.content{
|
||||
padding: 40rpx;
|
||||
}
|
||||
.content-input{
|
||||
.input-titile{
|
||||
font-size: 40rpx;
|
||||
}
|
||||
.input-con{
|
||||
height: 100rpx;
|
||||
font-size: 38rpx;
|
||||
}
|
||||
}
|
||||
.input-nx{
|
||||
margin-top: 20rpx;
|
||||
.nx-item{
|
||||
padding: 12rpx 40rpx;
|
||||
font-size: 34rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
@@ -104,7 +104,7 @@
|
||||
</view>
|
||||
<view class="exp-item button-click" v-for="item in userInfo.workExp" :key="item.id">
|
||||
<view class="fl_box fl_justbet mar_top15">
|
||||
<view class="fs_16">{{ item.company }}</view>
|
||||
<view >{{ item.company }}</view>
|
||||
<image
|
||||
class="icon btn-feel"
|
||||
src="@/static/icon/edit1.png"
|
||||
@@ -112,7 +112,7 @@
|
||||
></image>
|
||||
</view>
|
||||
<view class="mys-text fl_box fl_justbet">
|
||||
<text class="color_333333 fs_14">{{ item.position }}</text>
|
||||
<text class="color_333333">{{ item.position }}</text>
|
||||
<text class="datetext">{{ item.startTime }}--{{ item.endTime || '至今' }}</text>
|
||||
</view>
|
||||
<view class="mys-text">
|
||||
@@ -408,3 +408,84 @@ image{
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media(min-width: 800px){
|
||||
.notice-line{
|
||||
height: 100rpx;
|
||||
.icon{
|
||||
width: 50rpx;
|
||||
height: 50rpx;
|
||||
}
|
||||
.text{
|
||||
font-size: 34rpx;
|
||||
}
|
||||
.close{
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
}
|
||||
.mys-container{
|
||||
.mys-tops{
|
||||
.tops-left{
|
||||
.name{
|
||||
font-size: 50rpx;
|
||||
.edit-icon{
|
||||
width: 50rpx;
|
||||
height: 50rpx;
|
||||
}
|
||||
}
|
||||
.subName{
|
||||
font-size: 38rpx;
|
||||
}
|
||||
}
|
||||
.tops-right{
|
||||
.right-imghead{
|
||||
width: 180rpx;
|
||||
height: 180rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.mys-info{
|
||||
.mys-h4{
|
||||
font-size: 40rpx;
|
||||
.icon{
|
||||
width: 55rpx;
|
||||
height: 55rpx;
|
||||
}
|
||||
.mys-edit-icon{
|
||||
.icon{
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
.txt{
|
||||
font-size: 36rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.exp-item{
|
||||
font-size: 38rpx;
|
||||
.icon{
|
||||
width: 55rpx;
|
||||
height: 55rpx;
|
||||
}
|
||||
}
|
||||
.datetext{
|
||||
font-size: 34rpx;
|
||||
}
|
||||
.mys-text{
|
||||
font-size: 34rpx;
|
||||
}
|
||||
.mys-list{
|
||||
margin-top: 20rpx;
|
||||
.cards{
|
||||
padding: 12rpx 40rpx;
|
||||
font-size: 34rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
@@ -24,12 +24,11 @@
|
||||
<scroll-view class="scroll-view" scroll-y @scrolltolower="scrollBottom">
|
||||
<view class="list">
|
||||
<renderJobs
|
||||
:list="pageState.list"
|
||||
v-if="pageState.list.length"
|
||||
:longitude="longitudeVal"
|
||||
:latitude="latitudeVal"
|
||||
></renderJobs>
|
||||
<empty v-else pdTop="200"></empty>
|
||||
<empty v-else></empty>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
@@ -140,6 +139,7 @@ function getList(type = 'add', loading = true) {
|
||||
height: 100%
|
||||
.list{
|
||||
padding: 0 28rpx 28rpx 28rpx
|
||||
height: calc(100% - 28rpx)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<view style="display: flex; justify-content: center; padding: 0px 0">
|
||||
<view class="radar" style="display: flex; justify-content: center; padding: 0px 0">
|
||||
<canvas canvas-id="radarCanvas" id="radarCanvas" style="width: 300px; height: 250px"></canvas>
|
||||
</view>
|
||||
</template>
|
||||
@@ -41,6 +41,8 @@ watch(
|
||||
);
|
||||
|
||||
function rawRadarChart(labels, data) {
|
||||
let ratio = window.innerWidth / 600;
|
||||
if (ratio < 1) ratio = 1;
|
||||
const ctx = uni.createCanvasContext('radarCanvas');
|
||||
const width = 80;
|
||||
const height = 80;
|
||||
@@ -136,8 +138,8 @@ function rawRadarChart(labels, data) {
|
||||
|
||||
//标题
|
||||
ctx.setFillStyle('#000');
|
||||
ctx.setFontSize(12);
|
||||
ctx.font = 'bold 12px sans-serif';
|
||||
ctx.setFontSize(12 * ratio);
|
||||
ctx.font = `bold ${12 * ratio}px sans-serif`;
|
||||
ctx.fillText(label, x, y);
|
||||
});
|
||||
|
||||
@@ -145,4 +147,10 @@ function rawRadarChart(labels, data) {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
<style lang="scss" scoped>
|
||||
@media (min-width: 800px) {
|
||||
.radar{
|
||||
padding-top: 30rpx !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -23,7 +23,7 @@
|
||||
:is-month="true"
|
||||
></Salary-Expectation>
|
||||
</view>
|
||||
<view class="top-salary" v-else>
|
||||
<view class="top-salary" v-else>
|
||||
<Salary-Expectation
|
||||
:max-salary="jobInfo.maxSalary"
|
||||
:min-salary="jobInfo.minSalary"
|
||||
@@ -35,7 +35,7 @@
|
||||
<view class="info-img"><image src="/static/icon/post12.png"></image></view>
|
||||
<!-- 第三方数据展示 -->
|
||||
<view class="info-text" v-if="dataType === 2">
|
||||
{{jobInfo.xlyq == '不限' ? '学历不限' : jobInfo.xlyq}}
|
||||
{{ jobInfo.xlyq == '不限' ? '学历不限' : jobInfo.xlyq }}
|
||||
</view>
|
||||
<!-- 原数据展示 -->
|
||||
<view class="info-text" v-else>
|
||||
@@ -45,7 +45,7 @@
|
||||
<view class="info-img mar_le20"><image src="/static/icon/post13.png"></image></view>
|
||||
<!-- 第三方数据展示 -->
|
||||
<view class="info-text" v-if="dataType === 2">
|
||||
{{jobInfo.gwgzjy == '不限' ? '经验不限' : jobInfo.gwgzjy}}
|
||||
{{ jobInfo.gwgzjy == '不限' ? '经验不限' : jobInfo.gwgzjy }}
|
||||
</view>
|
||||
<!-- 原数据展示 -->
|
||||
<view class="info-text" v-else>
|
||||
@@ -83,12 +83,7 @@
|
||||
<view class="content-card">
|
||||
<view class="card-title">
|
||||
<text class="title">公司信息</text>
|
||||
<text
|
||||
class="btntext button-click"
|
||||
@click="handleCompanyDetail"
|
||||
>
|
||||
单位详情
|
||||
</text>
|
||||
<text class="btntext button-click" @click="handleCompanyDetail">单位详情</text>
|
||||
</view>
|
||||
<view class="company-info">
|
||||
<view class="companyinfo-left">
|
||||
@@ -108,7 +103,7 @@
|
||||
dictType="scale"
|
||||
:value="jobInfo.company?.scale"
|
||||
></dict-Label>
|
||||
<span v-if="dataType === 2">{{jobInfo.qyxz}}</span>
|
||||
<span v-if="dataType === 2">{{ jobInfo.qyxz }}</span>
|
||||
</view>
|
||||
<view class="row2">
|
||||
<text>在招</text>
|
||||
@@ -162,13 +157,18 @@
|
||||
|
||||
<template #footer>
|
||||
<view class="footer">
|
||||
<view v-if="dataType==2" class="btn-wq button-click" :class="{'btn-des' : jobInfo.isApply}" @click="jobApply">
|
||||
<span v-if="jobInfo.isApply"> 已投递 </span>
|
||||
<span v-if="!jobInfo.isApply"> 立即投递</span>
|
||||
<view
|
||||
v-if="dataType == 2"
|
||||
class="btn-wq button-click"
|
||||
:class="{ 'btn-des': jobInfo.isApply }"
|
||||
@click="jobApply"
|
||||
>
|
||||
<span v-if="jobInfo.isApply">已投递</span>
|
||||
<span v-if="!jobInfo.isApply">立即投递</span>
|
||||
</view>
|
||||
<view v-else class="btn-wq button-click" @click="jobApply">
|
||||
<span v-if="jobInfo.isApply"> 立即前往</span>
|
||||
<span v-if="!jobInfo.isApply">立即投递 </span>
|
||||
<span v-if="jobInfo.isApply">立即前往</span>
|
||||
<span v-if="!jobInfo.isApply">立即投递</span>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
@@ -232,7 +232,7 @@ function getDetail(jobId) {
|
||||
if (dataType.value === 2) {
|
||||
// 第三方数据接口
|
||||
return new Promise((reslove, reject) => {
|
||||
$api.createRequest(`/app/internal/jobThirdPart/${jobId}`).then((resData) => {
|
||||
$api.createRequest(`/app/internal/jobThirdPart/${jobId}`, {}, 'GET', true).then((resData) => {
|
||||
const { gsID, gsmc, zphID } = resData.data;
|
||||
jobInfo.value = resData.data;
|
||||
reslove(resData.data);
|
||||
@@ -245,7 +245,7 @@ function getDetail(jobId) {
|
||||
});
|
||||
} else {
|
||||
// 原数据接口
|
||||
$api.createRequest(`/app/job/${jobId}`).then((resData) => {
|
||||
$api.createRequest(`/app/job/${jobId}`, {}, 'GET', true).then((resData) => {
|
||||
const { latitude, longitude, companyName, companyId } = resData.data;
|
||||
jobInfo.value = resData.data;
|
||||
getCompanyIsAJobs(companyId);
|
||||
@@ -315,12 +315,12 @@ function jobApply() {
|
||||
if (dataType.value === 2) {
|
||||
// 第三方数据申请逻辑
|
||||
const params = {
|
||||
jobid:jobInfo.value.id,
|
||||
jobname:jobInfo.value.gwmc
|
||||
}
|
||||
jobid: jobInfo.value.id,
|
||||
jobname: jobInfo.value.gwmc,
|
||||
};
|
||||
if (jobInfo.value.isApply) {
|
||||
$api.msg('已经投递过该岗位了~');
|
||||
return ;
|
||||
return;
|
||||
} else {
|
||||
$api.createRequest(`/app/internal/sendResume`, params, 'POST').then((resData) => {
|
||||
$api.msg('投递成功');
|
||||
@@ -380,7 +380,9 @@ function jobCollection() {
|
||||
// 处理公司详情跳转
|
||||
function handleCompanyDetail() {
|
||||
if (dataType.value === 2) {
|
||||
navTo(`/packageA/pages/UnitDetails/UnitDetails?companyId=${jobInfo.value.gsID}&companyName=${jobInfo.value.gsmc}&zphId=${jobInfo.value.zphID}&dataType=2`);
|
||||
navTo(
|
||||
`/packageA/pages/UnitDetails/UnitDetails?companyId=${jobInfo.value.gsID}&companyName=${jobInfo.value.gsmc}&zphId=${jobInfo.value.zphID}&dataType=2`
|
||||
);
|
||||
} else {
|
||||
navTo(`/packageA/pages/UnitDetails/UnitDetails?companyId=${jobInfo.value.company.companyId}`);
|
||||
}
|
||||
@@ -661,3 +663,87 @@ for i in 0..100
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media (min-width: 800px) {
|
||||
.content{
|
||||
.content-top{
|
||||
.position-source{
|
||||
font-size: 38rpx;
|
||||
}
|
||||
.top-salary{
|
||||
::v-deep .texts {
|
||||
.num {
|
||||
font-size: 50rpx;
|
||||
}
|
||||
.unit {
|
||||
font-size: 40rpx;
|
||||
}
|
||||
.gap {
|
||||
font-size: 40rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.top-name{
|
||||
font-size: 38rpx;
|
||||
}
|
||||
.top-info{
|
||||
.info-img{
|
||||
width: 50rpx;
|
||||
height: 50rpx;
|
||||
}
|
||||
.info-text{
|
||||
font-size: 36rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.ai-explain{
|
||||
.explain-left{
|
||||
.leftText{
|
||||
font-size: 36rpx;
|
||||
}
|
||||
.leftdownText{
|
||||
font-size: 32rpx;
|
||||
}
|
||||
}
|
||||
.explain-right{
|
||||
font-size: 34rpx;
|
||||
width: 200rpx;
|
||||
}
|
||||
}
|
||||
.content-card{
|
||||
.card-title{
|
||||
font-size: 38rpx;
|
||||
.btntext{
|
||||
font-size: 34rpx;
|
||||
}
|
||||
}
|
||||
.description{
|
||||
font-size: 34rpx;
|
||||
}
|
||||
.company-info{
|
||||
.companyinfo-left{
|
||||
width: 150rpx;
|
||||
height: 150rpx;
|
||||
}
|
||||
.companyinfo-right{
|
||||
.row1{
|
||||
font-size: 38rpx;
|
||||
}
|
||||
.row2{
|
||||
font-size:32rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.card-footer{
|
||||
.footer-title{
|
||||
font-size: 36rpx;
|
||||
}
|
||||
.progress-text{
|
||||
font-size: 32rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
<div class="time-block">{{ days }}</div>
|
||||
<span class="colon">天</span>
|
||||
</view>
|
||||
<view style="color: #ff881a">待开始</view>
|
||||
<view class="status" style="color: #ff881a">待开始</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -21,7 +21,7 @@
|
||||
<span class="colon hui">:</span>
|
||||
<div class="time-block huibg">00</div>
|
||||
</view>
|
||||
<view class="hui">已结束</view>
|
||||
<view class="status hui">已结束</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -33,7 +33,7 @@
|
||||
<div class="time-block">{{ days }}</div>
|
||||
<span class="colon">天</span>
|
||||
</view>
|
||||
<view style="color: #18a14f">进行中</view>
|
||||
<view class="status" style="color: #18a14f">进行中</view>
|
||||
</view>
|
||||
</template>
|
||||
<template v-else>
|
||||
@@ -46,7 +46,7 @@
|
||||
<span class="colon">:</span>
|
||||
<div class="time-block">{{ seconds }}</div>
|
||||
</view>
|
||||
<view style="color: #18a14f">进行中</view>
|
||||
<view class="status" style="color: #18a14f">进行中</view>
|
||||
</view>
|
||||
</template>
|
||||
</template>
|
||||
@@ -160,3 +160,19 @@ onUnmounted(() => {
|
||||
color: #256bfa;
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media(min-width: 800px){
|
||||
.colon{
|
||||
font-size: 38rpx;
|
||||
}
|
||||
.time-block{
|
||||
font-size: 40rpx;
|
||||
height: 50rpx;
|
||||
line-height: 50rpx;
|
||||
}
|
||||
.status{
|
||||
font-size: 38rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -12,10 +12,19 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class="main">
|
||||
<scroll-view scroll-y>
|
||||
<view v-if="pageState.list.length">
|
||||
<scroll-view class="height-100" scroll-y>
|
||||
<view>
|
||||
<view class="card" v-for="(item, index) in pageState.list" :key="index">
|
||||
<view @click="navTo('/packageA/pages/exhibitors/exhibitors?jobFairId=' + item.zphID + '&jobFairName=' + item.zphmc)">
|
||||
<view
|
||||
@click="
|
||||
navTo(
|
||||
'/packageA/pages/exhibitors/exhibitors?jobFairId=' +
|
||||
item.zphID +
|
||||
'&jobFairName=' +
|
||||
item.zphmc
|
||||
)
|
||||
"
|
||||
>
|
||||
<view class="card-row">
|
||||
<Countdown :startTime="item.zphjbsj" :endTime="item.zphjzsj" />
|
||||
</view>
|
||||
@@ -37,7 +46,7 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<empty v-else pdTop="200"></empty>
|
||||
<empty v-if="!pageState.list.length"></empty>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -72,7 +81,7 @@ const ranOptions = ref([
|
||||
]);
|
||||
|
||||
function isTimePassed(timeStr) {
|
||||
if(!timeStr) return false
|
||||
if (!timeStr) return false;
|
||||
const targetTime = new Date(timeStr.replace(/-/g, '/')).getTime(); // 兼容格式
|
||||
const now = Date.now();
|
||||
return now < targetTime;
|
||||
@@ -95,16 +104,14 @@ function updateCancel(item) {
|
||||
content: '确定要取消预约吗?',
|
||||
showCancel: true,
|
||||
success: ({ confirm, cancel }) => {
|
||||
if(confirm){
|
||||
$api.createRequest(`/app/fair/collection/${fairId}`, {}, 'DELETE').then((resData) => {
|
||||
if (confirm) {
|
||||
$api.createRequest(`/app/fair/collection/${fairId}`, {}, 'DELETE').then((resData) => {
|
||||
getList('refresh');
|
||||
$api.msg('取消预约成功');
|
||||
});
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
function getList(type = 'add', loading = true) {
|
||||
@@ -120,7 +127,7 @@ function getList(type = 'add', loading = true) {
|
||||
pageSize: pageState.pageSize,
|
||||
type: ranItem.value.value,
|
||||
};
|
||||
$api.createRequest('/app/user/collection/fair', params).then((resData) => {
|
||||
const LoadCache = (resData) => {
|
||||
const { rows, total } = resData;
|
||||
if (type === 'add') {
|
||||
const str = pageState.pageSize * (pageState.page - 1);
|
||||
@@ -133,7 +140,8 @@ function getList(type = 'add', loading = true) {
|
||||
// pageState.list = resData.rows;
|
||||
pageState.total = resData.total;
|
||||
pageState.maxPage = Math.ceil(pageState.total / pageState.pageSize);
|
||||
});
|
||||
};
|
||||
$api.createRequestWithCache('/app/user/collection/fair', params, 'GET', false, {}, LoadCache).then(LoadCache);
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -199,10 +207,40 @@ function getList(type = 'add', loading = true) {
|
||||
text-align: center;
|
||||
border-radius: 12rpx 12rpx 12rpx 12rpx;
|
||||
border: 2rpx solid #E8EAEE;
|
||||
margin-top: 32rpx
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media(min-width: 800px){
|
||||
.reser-content{
|
||||
.content-top{
|
||||
.top-item{
|
||||
font-size: 36rpx;
|
||||
}
|
||||
.active{
|
||||
font-size: 38rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.reser-content{
|
||||
.main{
|
||||
.card{
|
||||
.card-row{
|
||||
margin-top: 20rpx;
|
||||
.rowleft{
|
||||
font-size: 34rpx;
|
||||
}
|
||||
}
|
||||
.card-Title{
|
||||
margin-top: 20rpx;
|
||||
font-size: 40rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -59,10 +59,10 @@ const pages = reactive({
|
||||
year: 0,
|
||||
month: 0,
|
||||
});
|
||||
|
||||
const hasZphDateArray = ref([]);
|
||||
|
||||
onLoad((options) => {
|
||||
updateDateArray();
|
||||
if (options.date) {
|
||||
current.value = {
|
||||
date: options?.date || null,
|
||||
@@ -336,3 +336,45 @@ function getMonthCalendarData({ year, month, selectableDates = [] }) {
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media (min-width: 800px) {
|
||||
.content{
|
||||
.top-date{
|
||||
display: grid;
|
||||
grid-template-columns:repeat(7,1fr);
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding-right: 40rpx;
|
||||
background: #f3f3f3;
|
||||
.weekText{
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
font-size: 40rpx;
|
||||
padding: 20rpx;
|
||||
}
|
||||
}
|
||||
.date-list{
|
||||
.list-title{
|
||||
height: 120rpx;
|
||||
line-height: 120rpx;
|
||||
font-size: 36rpx;
|
||||
}
|
||||
.list-item{
|
||||
.item{
|
||||
padding: 35rpx 0;
|
||||
margin: 5rpx;
|
||||
.item-top{
|
||||
font-size: 40rpx;
|
||||
}
|
||||
.item-nong{
|
||||
font-size: 34rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -264,3 +264,80 @@ image {
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media(min-width: 800px){
|
||||
.mys-container{
|
||||
.info{
|
||||
padding: 40rpx;
|
||||
.avatar{
|
||||
width: 180rpx;
|
||||
height: 180rpx;
|
||||
}
|
||||
.info-right{
|
||||
height: 170rpx;
|
||||
.name{
|
||||
font-size: 45rpx;
|
||||
}
|
||||
.des{
|
||||
font-size: 34rpx;
|
||||
}
|
||||
.phone{
|
||||
font-size: 34rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.info-bottom{
|
||||
padding: 25rpx 50rpx;
|
||||
font-size: 34rpx;
|
||||
}
|
||||
.des-card{
|
||||
padding: 30rpx 40rpx;
|
||||
font-size: 34rpx;
|
||||
gap:20rpx;
|
||||
}
|
||||
.empty-box{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.img{
|
||||
width: 600rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.card{
|
||||
.title{
|
||||
.text{
|
||||
font-size: 40rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.skill-box{
|
||||
margin-top: 40rpx;
|
||||
.skill-item{
|
||||
font-size: 34rpx;
|
||||
padding: 15rpx 40rpx;
|
||||
border-radius: 12rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.exp-box{
|
||||
margin-top: 40rpx;
|
||||
.exp-item{
|
||||
font-size: 36rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.certificate-box{
|
||||
margin-top: 40rpx;
|
||||
.certificate-item{
|
||||
font-size: 36rpx;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -243,3 +243,42 @@ const changeendTime = () => {
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media(min-width: 800px){
|
||||
.content{
|
||||
padding: 40rpx;
|
||||
}
|
||||
.content-input{
|
||||
.input-titile{
|
||||
font-size: 40rpx;
|
||||
}
|
||||
.input-con{
|
||||
height: 100rpx;
|
||||
font-size: 38rpx;
|
||||
}
|
||||
}
|
||||
.input-nx{
|
||||
margin-top: 20rpx;
|
||||
.nx-item{
|
||||
padding: 12rpx 40rpx;
|
||||
font-size: 34rpx;
|
||||
}
|
||||
}
|
||||
.flex-box{
|
||||
.input-box{
|
||||
flex: 0.4;
|
||||
}
|
||||
.gap{
|
||||
font-size: 60rpx;
|
||||
flex: 0.2;
|
||||
}
|
||||
}
|
||||
.content-input{
|
||||
.text-area{
|
||||
font-size: 36rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -227,8 +227,8 @@
|
||||
]
|
||||
}],
|
||||
"tabBar": {
|
||||
"custom": true,
|
||||
"display": "none",
|
||||
// "custom": true,
|
||||
// "display": "none",
|
||||
"color": "#5E5F60",
|
||||
"selectedColor": "#256BFA",
|
||||
"borderStyle": "black",
|
||||
|
||||
@@ -37,7 +37,7 @@
|
||||
<!-- 主体内容区域 -->
|
||||
<view class="container-main">
|
||||
<scroll-view scroll-y class="main-scroll" @scrolltolower="handleScrollToLower">
|
||||
<view class="cards" v-if="fairList.length">
|
||||
<view class="cards">
|
||||
<view
|
||||
class="card press-button"
|
||||
v-for="(item, index) in fairList"
|
||||
@@ -80,7 +80,7 @@
|
||||
<view class="card-footer">内容简介：{{ item.zphjj }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<empty v-else pdTop="200"></empty>
|
||||
<empty v-if="!fairList.length" pdTop="200"></empty>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<Tabbar :currentpage="1"></Tabbar>
|
||||
@@ -122,7 +122,7 @@ onLoad(() => {
|
||||
startDate: currentDate,
|
||||
});
|
||||
weekList.value = result;
|
||||
currentDay.value.fullDate = result[0].fullDate
|
||||
currentDay.value.fullDate = result[0].fullDate;
|
||||
getFair('refresh');
|
||||
});
|
||||
|
||||
@@ -162,12 +162,11 @@ function seemsg(index) {
|
||||
}
|
||||
|
||||
const handleScrollToLower = () => {
|
||||
return
|
||||
return;
|
||||
getFair();
|
||||
console.log('触底');
|
||||
};
|
||||
|
||||
|
||||
function getFair(type = 'add') {
|
||||
if (type === 'refresh') {
|
||||
pageState.page = 1;
|
||||
@@ -194,7 +193,7 @@ function getFair(type = 'add') {
|
||||
// const end = fairList.value.length;
|
||||
// const reslist = rows;
|
||||
// fairList.value.splice(str, end, ...reslist);
|
||||
fairList.value = rows
|
||||
fairList.value = rows;
|
||||
} else {
|
||||
fairList.value = rows;
|
||||
}
|
||||
|
||||
@@ -44,7 +44,7 @@
|
||||
<!-- 主体内容区域 -->
|
||||
<view class="container-main">
|
||||
<scroll-view scroll-y class="main-scroll" @scrolltolower="handleScrollToLower">
|
||||
<view class="cards" v-if="fairList.length">
|
||||
<view class="cards">
|
||||
<view
|
||||
class="card press-button"
|
||||
v-for="(item, index) in fairList"
|
||||
@@ -94,10 +94,10 @@
|
||||
<view class="card-footer">内容简介：{{ item.zphjj }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<empty v-else pdTop="200"></empty>
|
||||
<empty v-if="!fairList.length"></empty>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<Tabbar :currentpage="1"></Tabbar>
|
||||
<!-- <Tabbar :currentpage="1"></Tabbar> -->
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
@@ -201,7 +201,7 @@ function getFair(type = 'add') {
|
||||
if (currentDay.value?.fullDate) {
|
||||
params.zphjbsj = currentDay.value.fullDate.replace(/-/g, '');
|
||||
}
|
||||
$api.createRequest('/app/internal/jobFairThirdPart', params).then((resData) => {
|
||||
$api.createRequest('/app/internal/jobFairThirdPart', params, 'GET', true).then((resData) => {
|
||||
const { rows, total } = resData;
|
||||
if (type === 'add') {
|
||||
// const str = pageState.pageSize * (pageState.page - 1);
|
||||
@@ -557,3 +557,86 @@ function getNextDates({ startDate = '', count = 6 }) {
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media (min-width: 800px) {
|
||||
.app-container{
|
||||
.container-header{
|
||||
background-size: 100% 600rpx;
|
||||
.header-input{
|
||||
margin: 20rpx 0;
|
||||
.iconsearch{
|
||||
font-size: 60rpx !important;
|
||||
}
|
||||
.input{
|
||||
font-size: 40rpx;
|
||||
padding-left: 100rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
.inputplace{
|
||||
font-size: 40rpx;
|
||||
}
|
||||
}
|
||||
.header-date{
|
||||
.data-week{
|
||||
.weel-days{
|
||||
width: 300rpx;
|
||||
height: 200rpx;
|
||||
.label{
|
||||
font-size: 40rpx;
|
||||
}
|
||||
.day{
|
||||
font-size: 32rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.data-all{
|
||||
width: 140rpx;
|
||||
height: 140rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.cards{
|
||||
.card{
|
||||
padding: 50rpx 10rpx;
|
||||
.card-title{
|
||||
font-size: 40rpx;
|
||||
padding: 0 90rpx;
|
||||
}
|
||||
.card-row{
|
||||
font-size: 34rpx;
|
||||
padding: 0 90rpx;
|
||||
margin-top: 12rpx;
|
||||
}
|
||||
.card-times{
|
||||
padding: 0 90rpx;
|
||||
.left-date{
|
||||
font-size: 55rpx;
|
||||
}
|
||||
.left-dateDay{
|
||||
font-size: 34rpx;
|
||||
}
|
||||
.line{
|
||||
margin-top: 0;
|
||||
width: 80rpx;
|
||||
border-width: 4rpx;
|
||||
}
|
||||
.time-center{
|
||||
.center-date{
|
||||
font-size: 42rpx;
|
||||
}
|
||||
.center-dateDay{
|
||||
width: fit-content;
|
||||
font-size: 36rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.card-footer{
|
||||
padding: 0 90rpx;
|
||||
font-size: 34rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -63,9 +63,9 @@
|
||||
<ai-paging ref="paging"></ai-paging>
|
||||
</view>
|
||||
<!-- 自定义tabbar -->
|
||||
<view class="chatmain-footer" v-show="!isDrawerOpen">
|
||||
<!-- <view class="chatmain-footer" v-show="!isDrawerOpen">
|
||||
<Tabbar :currentpage="2"></Tabbar>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
@@ -213,27 +213,48 @@ footer-height = 98rpx
|
||||
background: #FFFFFF;
|
||||
display: flex
|
||||
flex-direction: column
|
||||
.drawer-user
|
||||
border-top: 1rpx solid rgba(0,0,0,.1);
|
||||
padding: 20rpx 28rpx
|
||||
display: flex
|
||||
.drawer-user {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 24rpx 32rpx;
|
||||
padding-bottom: calc(24rpx + constant(safe-area-inset-bottom));
|
||||
padding-bottom: calc(24rpx + env(safe-area-inset-bottom));
|
||||
border-top: 1rpx solid rgba(0, 0, 0, 0.06);
|
||||
background-color: #ffffff;
|
||||
color: #333333;
|
||||
font-weight: 500;
|
||||
align-items: center
|
||||
position: relative
|
||||
margin-bottom: calc( 32rpx + var(--window-bottom)); /*兼容 IOS<11.2*/
|
||||
margin-bottom: calc( 32rpx +var(--window-bottom)); /*兼容 IOS>11.2*/
|
||||
color: #000000
|
||||
.drawer-user-img
|
||||
width: 57.2rpx;
|
||||
height: 57.2rpx
|
||||
margin-right: 20rpx
|
||||
.drawer-user-setting
|
||||
width: 48rpx
|
||||
height: 48rpx
|
||||
position: absolute
|
||||
top: 50%
|
||||
right: 28rpx
|
||||
transform: translate(0,-50%)
|
||||
font-size: 28rpx;
|
||||
|
||||
&:active {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
.drawer-user-img {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
border-radius: 50%;
|
||||
margin-right: 24rpx;
|
||||
background-color: #eee;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.user-name {
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.drawer-user-setting {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
margin-left: auto;
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
.drawer-title
|
||||
height: header-height;
|
||||
line-height: header-height;
|
||||
@@ -327,3 +348,23 @@ footer-height = 98rpx
|
||||
height: footer-height;
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media(min-width: 800px){
|
||||
.main-content{
|
||||
.head{
|
||||
height: 120rpx;
|
||||
.main-header{
|
||||
height: 120rpx;
|
||||
font-size: 40rpx;
|
||||
uni-image{
|
||||
width: 55rpx;
|
||||
height: 55rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
@@ -185,7 +185,7 @@
|
||||
<!-- btn -->
|
||||
<CollapseTransition :show="showfile">
|
||||
<view class="area-tips">
|
||||
<uni-icons type="info-filled" color="#ADADAD" size="15"></uni-icons>
|
||||
<uni-icons type="info-filled" color="#ADADAD" size="20"></uni-icons>
|
||||
上传后自动解析简历内容
|
||||
</view>
|
||||
<view class="area-file">
|
||||
@@ -268,10 +268,10 @@ import WaveDisplay from './WaveDisplay.vue';
|
||||
import FileIcon from './fileIcon.vue';
|
||||
import FileText from './fileText.vue';
|
||||
// 系统功能hook和阿里云hook
|
||||
// import { useAudioRecorder } from '@/hook/useRealtimeRecorder.js';
|
||||
import { useAudioRecorder } from '@/hook/useSystemSpeechReader.js';
|
||||
// import { useTTSPlayer } from '@/hook/useTTSPlayer.js';
|
||||
import { useTTSPlayer } from '@/hook/useSystemPlayer.js';
|
||||
import { useAudioRecorder } from '@/hook/useRealtimeRecorder.js';
|
||||
// import { useAudioRecorder } from '@/hook/useSystemSpeechReader.js';
|
||||
import { useTTSPlayer } from '@/hook/useTTSPlayer.js';
|
||||
// import { useTTSPlayer } from '@/hook/useSystemPlayer.js';
|
||||
// 全局
|
||||
const { $api, navTo, throttle } = inject('globalFunction');
|
||||
const emit = defineEmits(['onConfirm']);
|
||||
@@ -632,7 +632,7 @@ function readMarkdown(value, index) {
|
||||
if (isPaused.value) {
|
||||
resume();
|
||||
} else {
|
||||
console.log(value, speechIndex.value, index, isPaused.value)
|
||||
// console.log(value, speechIndex.value, index, isPaused.value)
|
||||
speak(value);
|
||||
}
|
||||
}
|
||||
@@ -1101,3 +1101,86 @@ image-margin-top = 40rpx
|
||||
-webkit-animation: ai-circle 1s linear infinite;
|
||||
animation: ai-circle 1s linear infinite;
|
||||
</style>
|
||||
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media(min-width: 800px){
|
||||
.chat-background{
|
||||
.back-rowTitle{
|
||||
font-size:50rpx;
|
||||
}
|
||||
.back-rowText{
|
||||
font-size:34rpx;
|
||||
}
|
||||
.back-rowh3{
|
||||
font-size:36rpx;
|
||||
}
|
||||
.back-rowmsg{
|
||||
font-size:34rpx;
|
||||
}
|
||||
}
|
||||
.areatext{
|
||||
align-items:center;
|
||||
}
|
||||
.btn-box{
|
||||
width: 90rpx;
|
||||
height:90rpx;
|
||||
.send-btn{
|
||||
width:50rpx;
|
||||
height:50rpx;
|
||||
}
|
||||
}
|
||||
.input {
|
||||
min-height: 100rpx;
|
||||
line-height: 100rpx;
|
||||
}
|
||||
.input_vio{
|
||||
min-height: 100rpx;
|
||||
line-height: 100rpx;
|
||||
font-size:34rpx;
|
||||
}
|
||||
.inputplaceholder {
|
||||
font-size: 34rpx;
|
||||
line-height: 50rpx;
|
||||
}
|
||||
.area-tips{
|
||||
font-size:32rpx;
|
||||
}
|
||||
.message{
|
||||
font-size: 36rpx;
|
||||
.message-markdown{
|
||||
font-size: 36rpx;
|
||||
padding:40rpx;
|
||||
.message-controll{
|
||||
margin-top:25rpx;
|
||||
.controll-left{
|
||||
.controll-icon{
|
||||
width:80rpx;
|
||||
height:80rpx;
|
||||
}
|
||||
}
|
||||
.controll-right{
|
||||
.controll-icon{
|
||||
width:80rpx;
|
||||
height:80rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.markdown-body{
|
||||
font-size:36rpx;
|
||||
}
|
||||
|
||||
.area-file .file-card{
|
||||
padding:50rpx 0;
|
||||
.card-img{
|
||||
width:65rpx;
|
||||
height:65rpx;
|
||||
}
|
||||
uni-text{
|
||||
font-size: 34rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
371
pages/index/components/AIMatch.vue
Normal file
371
pages/index/components/AIMatch.vue
Normal file
@@ -0,0 +1,371 @@
|
||||
<template>
|
||||
<view class="container" id="pixi-box" ref="pixiContainerRef"></view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { onMounted, onUnmounted, ref, nextTick } from "vue";
|
||||
const emit = defineEmits(["tag-click"]);
|
||||
|
||||
// DOM Ref
|
||||
const pixiContainerRef = ref(null);
|
||||
|
||||
// PIXI 变量
|
||||
let app = null;
|
||||
let tagsContainer = null;
|
||||
let activeTagInstances = [];
|
||||
|
||||
// 配置数据
|
||||
const mockTags = [
|
||||
{ name: "医生", bgColor: 0x0069fe, fontColor: 0xffffff, size: 17, opacity: 1.0, angle: 0, radius: 0 },
|
||||
{
|
||||
name: "工程师",
|
||||
bgColor: 0x87e2ec,
|
||||
fontColor: 0xffffff,
|
||||
size: 14,
|
||||
opacity: 1,
|
||||
angle: -Math.PI / 2,
|
||||
radius: 68,
|
||||
tailRotation: Math.PI / 2,
|
||||
},
|
||||
{
|
||||
name: "建筑师",
|
||||
bgColor: 0xffebeb,
|
||||
tailColor: 0xffe1e1,
|
||||
fontColor: 0xff6969,
|
||||
size: 11.5,
|
||||
opacity: 1,
|
||||
angle: -Math.PI / 4.2,
|
||||
radius: 125,
|
||||
tailRotation: (3 * Math.PI) / 4,
|
||||
},
|
||||
{
|
||||
name: "律师",
|
||||
bgColor: 0x21ea85,
|
||||
fontColor: 0xffffff,
|
||||
size: 15,
|
||||
opacity: 1,
|
||||
angle: -Math.PI / 10,
|
||||
radius: 130,
|
||||
tailRotation: (3 * Math.PI) / 4,
|
||||
},
|
||||
{
|
||||
name: "记者",
|
||||
bgColor: 0xebf3ff,
|
||||
tailColor: 0xb9d3ff,
|
||||
fontColor: 0x1d71ef,
|
||||
size: 12,
|
||||
opacity: 1,
|
||||
angle: Math.PI / 120,
|
||||
radius: 130,
|
||||
tailRotation: (3 * Math.PI) / 3.4,
|
||||
},
|
||||
{
|
||||
name: "程序员",
|
||||
bgColor: 0xffd4b6,
|
||||
fontColor: 0xffffff,
|
||||
size: 14,
|
||||
opacity: 1,
|
||||
angle: Math.PI / 7,
|
||||
radius: 120,
|
||||
tailRotation: (5 * Math.PI) / 4,
|
||||
},
|
||||
{
|
||||
name: "摄影师",
|
||||
bgColor: 0xd8e5fe,
|
||||
tailColor: 0xb9d3ff,
|
||||
fontColor: 0x1d71ef,
|
||||
size: 11,
|
||||
opacity: 1,
|
||||
angle: Math.PI / 3,
|
||||
radius: 79,
|
||||
tailRotation: (3 * Math.PI) / 2,
|
||||
},
|
||||
{
|
||||
name: "设计师",
|
||||
bgColor: 0xff9400,
|
||||
fontColor: 0xffffff,
|
||||
size: 14,
|
||||
opacity: 1,
|
||||
angle: (2 * Math.PI) / 3,
|
||||
radius: 92,
|
||||
tailRotation: (7 * Math.PI) / 4,
|
||||
},
|
||||
{
|
||||
name: "心理咨询师",
|
||||
bgColor: 0xebf3ff,
|
||||
tailColor: 0xb9d3ff,
|
||||
fontColor: 0x1d71ef,
|
||||
size: 10.5,
|
||||
opacity: 1,
|
||||
angle: (5.4 * Math.PI) / 6,
|
||||
radius: 110,
|
||||
tailRotation: (3 * Math.PI) / 1.78,
|
||||
},
|
||||
{
|
||||
name: "护士",
|
||||
bgColor: 0xff6969,
|
||||
fontColor: 0xffffff,
|
||||
size: 15,
|
||||
opacity: 1,
|
||||
angle: (6.3 * Math.PI) / 5.9,
|
||||
radius: 110,
|
||||
tailRotation: Math.PI / 4,
|
||||
},
|
||||
{
|
||||
name: "会计",
|
||||
bgColor: 0xfce9c9,
|
||||
fontColor: 0xfbc55f,
|
||||
size: 13,
|
||||
opacity: 1,
|
||||
angle: (7.2 * Math.PI) / 5.9,
|
||||
radius: 120,
|
||||
tailRotation: Math.PI / 4,
|
||||
},
|
||||
];
|
||||
|
||||
onMounted(async () => {
|
||||
await nextTick();
|
||||
setTimeout(() => {
|
||||
initPixi();
|
||||
}, 100);
|
||||
window.addEventListener("resize", handleResize);
|
||||
});
|
||||
|
||||
onUnmounted(() => {
|
||||
window.removeEventListener("resize", handleResize);
|
||||
if (app) {
|
||||
app.destroy(true, { children: true, texture: true, baseTexture: true });
|
||||
app = null;
|
||||
}
|
||||
});
|
||||
|
||||
const getContainerDOM = () => {
|
||||
const refVal = pixiContainerRef.value;
|
||||
if (!refVal) return document.getElementById("pixi-box");
|
||||
if (refVal.$el) return refVal.$el;
|
||||
return refVal;
|
||||
};
|
||||
|
||||
const clamp = (num, min, max) => Math.min(Math.max(num, min), max);
|
||||
|
||||
const initPixi = () => {
|
||||
const container = getContainerDOM();
|
||||
if (!container) return;
|
||||
|
||||
const width = container.clientWidth || 300;
|
||||
const height = container.clientHeight || 300;
|
||||
|
||||
if (app) return;
|
||||
|
||||
app = new PIXI.Application({
|
||||
width: width,
|
||||
height: height,
|
||||
backgroundAlpha: 0,
|
||||
backgroundColor: 0xf5f7fa,
|
||||
antialias: true,
|
||||
resolution: window.devicePixelRatio || 1,
|
||||
autoDensity: true,
|
||||
});
|
||||
app.view.style.touchAction = "auto";
|
||||
|
||||
container.appendChild(app.view);
|
||||
|
||||
tagsContainer = new PIXI.Container();
|
||||
app.stage.addChild(tagsContainer);
|
||||
|
||||
renderScene(width, height);
|
||||
};
|
||||
|
||||
const renderScene = (sw, sh) => {
|
||||
let ratio = window.innerWidth / 600;
|
||||
if (ratio < 1) ratio = 1;
|
||||
tagsContainer.removeChildren();
|
||||
activeTagInstances = [];
|
||||
|
||||
mockTags.forEach((data, index) => {
|
||||
const scaledRadius = data.radius * ratio;
|
||||
|
||||
let x = sw / 2 + scaledRadius * Math.cos(data.angle);
|
||||
let y = sh / 2 + scaledRadius * Math.sin(data.angle);
|
||||
|
||||
const tag = createTag(data, index, ratio);
|
||||
|
||||
tagsContainer.addChild(tag);
|
||||
|
||||
const safeW = tag.width / 2 + 10;
|
||||
const safeH = tag.height / 2 + 10;
|
||||
|
||||
// 强制修正 x 和 y，使其不超出屏幕
|
||||
x = clamp(x, safeW, sw - safeW);
|
||||
y = clamp(y, safeH, sh - safeH);
|
||||
|
||||
tag.x = x;
|
||||
tag.y = y;
|
||||
|
||||
// 4. 保存元数据
|
||||
tag.userData = {
|
||||
originalX: x,
|
||||
originalY: y,
|
||||
angle: data.angle,
|
||||
radius: scaledRadius,
|
||||
floatOffset: Math.random() * Math.PI * 2,
|
||||
floatSpeed: 0.01 + Math.random() * 0.02,
|
||||
floatRange: 2 + Math.random() * 2,
|
||||
safeH: safeH,
|
||||
};
|
||||
|
||||
if (data.radius > 0) {
|
||||
const tail = createCometTail(data.tailColor || data.bgColor, data.tailRotation, tag.width, ratio);
|
||||
tag.addChildAt(tail, 0);
|
||||
tag.updateTail = () => tail.updateAnim();
|
||||
}
|
||||
|
||||
activeTagInstances.push(tag);
|
||||
});
|
||||
|
||||
// 动画循环
|
||||
app.ticker.add(() => {
|
||||
const screenH = app.screen.height;
|
||||
activeTagInstances.forEach((tag) => {
|
||||
const meta = tag.userData;
|
||||
if (meta) {
|
||||
// 计算新的浮动位置
|
||||
meta.floatOffset += meta.floatSpeed;
|
||||
let nextY = meta.originalY + Math.sin(meta.floatOffset) * meta.floatRange;
|
||||
|
||||
// 再次进行边界检查
|
||||
if (nextY < meta.safeH) nextY = meta.safeH;
|
||||
if (nextY > screenH - meta.safeH) nextY = screenH - meta.safeH;
|
||||
|
||||
tag.y = nextY;
|
||||
|
||||
if (tag.updateTail) tag.updateTail();
|
||||
}
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
const createTag = (tagData, index, ratio) => {
|
||||
if (ratio > 1) ratio = ratio * 0.9;
|
||||
const tagGroup = new PIXI.Container();
|
||||
tagGroup.eventMode = "static";
|
||||
tagGroup.cursor = "pointer";
|
||||
|
||||
tagGroup.on("pointertap", () => emit("tag-click", tagData));
|
||||
|
||||
const text = new PIXI.Text(tagData.name, {
|
||||
fontFamily: ["PingFang SC", "Microsoft YaHei", "Arial"],
|
||||
fontSize: tagData.size * ratio,
|
||||
fill: tagData.fontColor,
|
||||
padding: 4 * ratio,
|
||||
resolution: 2,
|
||||
});
|
||||
text.anchor.set(0.5);
|
||||
|
||||
const paddingH = 26 * ratio;
|
||||
const paddingV = 10 * ratio;
|
||||
let bgWidth = text.width + paddingH;
|
||||
let bgHeight = text.height + paddingV;
|
||||
|
||||
if (index === 0) bgWidth = Math.max(bgWidth, tagData.size * 4.5);
|
||||
|
||||
const bg = new PIXI.Graphics();
|
||||
bg.beginFill(tagData.bgColor, tagData.opacity ?? 1);
|
||||
bg.drawRoundedRect(-bgWidth / 2, -bgHeight / 2, bgWidth, bgHeight, bgHeight / 2);
|
||||
bg.endFill();
|
||||
|
||||
tagGroup.addChild(bg);
|
||||
tagGroup.addChild(text);
|
||||
|
||||
return tagGroup;
|
||||
};
|
||||
|
||||
const createCometTail = (bgColor, tailRotation, parentWidth, ratio) => {
|
||||
if (ratio > 1) ratio = ratio * 0.9;
|
||||
const tailGroup = new PIXI.Container();
|
||||
const graphics = new PIXI.Graphics();
|
||||
tailGroup.addChild(graphics);
|
||||
|
||||
const baseLength = 45 * ratio;
|
||||
const startWidth = parentWidth * 0.6;
|
||||
const endWidth = 20 * ratio;
|
||||
|
||||
let breathPhase = Math.random() * Math.PI * 2;
|
||||
const breathSpeed = 0.04;
|
||||
|
||||
tailGroup.updateAnim = () => {
|
||||
breathPhase += breathSpeed;
|
||||
const breathScale = 0.85 + 0.15 * Math.sin(breathPhase);
|
||||
graphics.clear();
|
||||
const currentLength = baseLength * breathScale;
|
||||
|
||||
const cos = Math.cos(tailRotation);
|
||||
const sin = Math.sin(tailRotation);
|
||||
const perpX = -sin;
|
||||
const perpY = cos;
|
||||
|
||||
const p1 = { x: perpX * (startWidth / 2), y: perpY * (startWidth / 2) };
|
||||
const p2 = { x: -perpX * (startWidth / 2), y: -perpY * (startWidth / 2) };
|
||||
const endCX = cos * currentLength;
|
||||
const endCY = sin * currentLength;
|
||||
const p3 = { x: endCX - perpX * (endWidth / 2), y: endCY - perpY * (endWidth / 2) };
|
||||
const p4 = { x: endCX + perpX * (endWidth / 2), y: endCY + perpY * (endWidth / 2) };
|
||||
|
||||
const segments = 8;
|
||||
for (let i = 0; i < segments; i++) {
|
||||
const t1 = i / segments;
|
||||
const t2 = (i + 1) / segments;
|
||||
const alpha = 0.4 * (1 - t1);
|
||||
const sp1 = { x: p1.x + (p4.x - p1.x) * t1, y: p1.y + (p4.y - p1.y) * t1 };
|
||||
const sp2 = { x: p2.x + (p3.x - p2.x) * t1, y: p2.y + (p3.y - p2.y) * t1 };
|
||||
const ep1 = { x: p1.x + (p4.x - p1.x) * t2, y: p1.y + (p4.y - p1.y) * t2 };
|
||||
const ep2 = { x: p2.x + (p3.x - p2.x) * t2, y: p2.y + (p3.y - p2.y) * t2 };
|
||||
graphics.beginFill(bgColor, alpha);
|
||||
graphics.moveTo(sp1.x, sp1.y);
|
||||
graphics.lineTo(sp2.x, sp2.y);
|
||||
graphics.lineTo(ep2.x, ep2.y);
|
||||
graphics.lineTo(ep1.x, ep1.y);
|
||||
graphics.endFill();
|
||||
}
|
||||
};
|
||||
tailGroup.updateAnim();
|
||||
return tailGroup;
|
||||
};
|
||||
|
||||
const handleResize = () => {
|
||||
const container = getContainerDOM();
|
||||
if (!app || !container) return;
|
||||
|
||||
const w = container.clientWidth || 300;
|
||||
const h = container.clientHeight || 300;
|
||||
|
||||
app.renderer.resize(w, h);
|
||||
|
||||
activeTagInstances.forEach((tag) => {
|
||||
const meta = tag.userData;
|
||||
if (!meta) return;
|
||||
|
||||
let newX = w / 2 + meta.radius * Math.cos(meta.angle);
|
||||
let newY = h / 2 + meta.radius * Math.sin(meta.angle);
|
||||
|
||||
const safeW = tag.width / 2 + 10;
|
||||
const safeH = tag.height / 2 + 10;
|
||||
|
||||
meta.originalX = clamp(newX, safeW, w - safeW);
|
||||
meta.originalY = clamp(newY, safeH, h - safeH);
|
||||
meta.safeH = safeH; // 更新安全高度
|
||||
|
||||
tag.x = meta.originalX;
|
||||
});
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
color: #b9d3ff;
|
||||
}
|
||||
</style>
|
||||
@@ -66,7 +66,7 @@
|
||||
</view>
|
||||
<view class="table-list">
|
||||
<scroll-view :scroll-y="true" class="falls-scroll" @scroll="handleScroll" @scrolltolower="scrollBottom">
|
||||
<view class="falls" v-if="list.length">
|
||||
<view class="falls">
|
||||
<custom-waterfalls-flow
|
||||
:column="columnCount"
|
||||
:columnSpace="columnSpace"
|
||||
@@ -142,20 +142,20 @@
|
||||
</custom-waterfalls-flow>
|
||||
<loadmore ref="loadmoreRef"></loadmore>
|
||||
</view>
|
||||
<empty v-else pdTop="200"></empty>
|
||||
<empty v-if="!list.length"></empty>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<!-- 筛选 -->
|
||||
<select-filter ref="selectFilterModel"></select-filter>
|
||||
|
||||
<!-- <view class="maskFristEntry" v-if="maskFristEntry">
|
||||
<view class="maskFristEntry" v-if="maskFristEntry">
|
||||
<view class="entry-content">
|
||||
<text class="text1">左滑查看视频</text>
|
||||
<text class="text2">左滑查看视频</text>
|
||||
<view class="goExperience">去体验</view>
|
||||
<view class="maskFristEntry-Close" @click="closeFristEntry">1</view>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -183,7 +183,7 @@ const waterfallsFlowRef = ref(null);
|
||||
const loadmoreRef = ref(null);
|
||||
const conditionSearch = ref({});
|
||||
const waterfallcolumn = ref(2);
|
||||
const maskFristEntry = ref(false);
|
||||
const maskFristEntry = ref(true);
|
||||
const state = reactive({
|
||||
tabIndex: 'all',
|
||||
});
|
||||
@@ -298,6 +298,7 @@ function nextDetail(job) {
|
||||
function openFilter() {
|
||||
showFilter.value = true;
|
||||
emits('onShowTabbar', false);
|
||||
uni.hideTabBar();
|
||||
selectFilterModel.value?.open({
|
||||
title: '筛选',
|
||||
maskClick: true,
|
||||
@@ -310,10 +311,12 @@ function openFilter() {
|
||||
}
|
||||
showFilter.value = false;
|
||||
getJobList('refresh');
|
||||
uni.showTabBar();
|
||||
},
|
||||
cancel: () => {
|
||||
showFilter.value = false;
|
||||
emits('onShowTabbar', true);
|
||||
uni.showTabBar();
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
1468
pages/index/components/index-refactor.vue
Normal file
1468
pages/index/components/index-refactor.vue
Normal file
File diff suppressed because it is too large
Load Diff
@@ -1,85 +1,63 @@
|
||||
<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>
|
||||
</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 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 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"
|
||||
@loaded="imageloaded"
|
||||
: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>
|
||||
<loadmore ref="loadmoreRef"></loadmore>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</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>
|
||||
<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>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { reactive, inject, watch, ref, onMounted, watchEffect, nextTick } from 'vue';
|
||||
import { usePagination } from '@/hook/usePagination';
|
||||
const { $api, navTo } = inject('globalFunction');
|
||||
import { storeToRefs } from 'pinia';
|
||||
import useUserStore from '@/stores/useUserStore';
|
||||
import img from '@/static/icon/filter.png';
|
||||
import useLocationStore from '@/stores/useLocationStore';
|
||||
import { useColumnCount } from '@/hook/useColumnCount';
|
||||
import { useRecommedIndexedDBStore, jobRecommender } from '@/stores/useRecommedIndexedDBStore.js';
|
||||
import { reactive, inject, watch, ref, onMounted, watchEffect, nextTick } from "vue";
|
||||
import { usePagination } from "@/hook/usePagination";
|
||||
const { $api, navTo } = inject("globalFunction");
|
||||
import { storeToRefs } from "pinia";
|
||||
import useUserStore from "@/stores/useUserStore";
|
||||
import img from "@/static/icon/filter.png";
|
||||
import useLocationStore from "@/stores/useLocationStore";
|
||||
import { useColumnCount } from "@/hook/useColumnCount";
|
||||
import { useRecommedIndexedDBStore, jobRecommender } from "@/stores/useRecommedIndexedDBStore.js";
|
||||
const recommedIndexDb = useRecommedIndexedDBStore();
|
||||
// status
|
||||
const { userInfo } = storeToRefs(useUserStore());
|
||||
@@ -87,85 +65,106 @@ const isLoaded = ref(false);
|
||||
const waterfallsFlowRef = ref(null);
|
||||
const loadmoreRef = ref(null);
|
||||
const state = reactive({
|
||||
tabIndex: 'all',
|
||||
tabIndex: "all",
|
||||
});
|
||||
|
||||
// 响应式搜索条件（可以被修改）
|
||||
const searchParams = ref({});
|
||||
const pageSize = ref(10);
|
||||
const { list, loading, refresh, loadMore } = usePagination(
|
||||
(params) => $api.createRequest('/app/job/littleVideo', params),
|
||||
dataToImg, // 转换函数
|
||||
{
|
||||
pageSize: pageSize,
|
||||
search: searchParams,
|
||||
dataKey: 'data',
|
||||
onBeforeRequest: () => {
|
||||
loadmoreRef.value?.change('loading');
|
||||
},
|
||||
const { list, loading, refresh, loadMore, finished } = usePagination(
|
||||
(params) => $api.createRequest("/app/job/littleVideo", params),
|
||||
dataToImg, // 转换函数
|
||||
{
|
||||
pageSize: pageSize,
|
||||
search: searchParams,
|
||||
dataKey: "data",
|
||||
onBeforeRequest: () => {
|
||||
if (!finished) {
|
||||
loadmoreRef.value?.change("loading");
|
||||
}
|
||||
},
|
||||
}
|
||||
);
|
||||
watch(
|
||||
() => finished.value,
|
||||
(newVal) => {
|
||||
console.log(newVal,'+++++')
|
||||
if (newVal) {
|
||||
// 确保瀑布流组件知道数据已加载完成
|
||||
loadmoreRef.value?.change("noMore");
|
||||
} else {
|
||||
loadmoreRef.value?.change("more");
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
function imageloaded() {
|
||||
loadmoreRef.value?.change('more');
|
||||
}
|
||||
// function imageloaded() {
|
||||
// nextTick(() => {
|
||||
// console.log('触发',finished.value)
|
||||
// if (finished.value) {
|
||||
// loadmoreRef.value?.change('noMore')
|
||||
// } else {
|
||||
// loadmoreRef.value?.change('more')
|
||||
// }
|
||||
// })
|
||||
// }
|
||||
|
||||
const { columnCount, columnSpace } = useColumnCount(() => {
|
||||
pageSize.value = 10 * (columnCount.value - 1);
|
||||
nextTick(() => {
|
||||
waterfallsFlowRef.value?.refresh?.();
|
||||
useLocationStore().getLocation();
|
||||
});
|
||||
pageSize.value = 10 * (columnCount.value - 1);
|
||||
nextTick(() => {
|
||||
waterfallsFlowRef.value?.refresh?.();
|
||||
useLocationStore().getLocation();
|
||||
});
|
||||
});
|
||||
|
||||
async function loadData() {
|
||||
try {
|
||||
if (isLoaded.value) return;
|
||||
isLoaded.value = true;
|
||||
refresh();
|
||||
} catch (err) {
|
||||
isLoaded.value = false; // 重置状态允许重试
|
||||
throw err;
|
||||
}
|
||||
try {
|
||||
if (isLoaded.value) return;
|
||||
isLoaded.value = true;
|
||||
refresh();
|
||||
} catch (err) {
|
||||
isLoaded.value = false; // 重置状态允许重试
|
||||
throw err;
|
||||
}
|
||||
}
|
||||
|
||||
async function choosePosition(index) {
|
||||
state.tabIndex = index;
|
||||
if (index === 'all') {
|
||||
searchParams.value.jobTitle = '';
|
||||
} else {
|
||||
searchParams.value.jobTitle = userInfo.value.jobTitle[index];
|
||||
}
|
||||
console.log(searchParams.value);
|
||||
refresh('refresh');
|
||||
waterfallsFlowRef.value.refresh();
|
||||
state.tabIndex = index;
|
||||
if (index === "all") {
|
||||
searchParams.value.jobTitle = "";
|
||||
} else {
|
||||
searchParams.value.jobTitle = userInfo.value.jobTitle[index];
|
||||
}
|
||||
console.log(searchParams.value);
|
||||
refresh("refresh");
|
||||
waterfallsFlowRef.value.refresh();
|
||||
}
|
||||
|
||||
function scrollBottom() {
|
||||
loadMore();
|
||||
loadMore();
|
||||
}
|
||||
|
||||
function nextDetail(job) {
|
||||
// 记录岗位类型，用作数据分析
|
||||
if (job.jobCategory) {
|
||||
const recordData = recommedIndexDb.JobParameter(job);
|
||||
recommedIndexDb.addRecord(recordData);
|
||||
}
|
||||
navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}`);
|
||||
// 记录岗位类型，用作数据分析
|
||||
if (job.jobCategory) {
|
||||
const recordData = recommedIndexDb.JobParameter(job);
|
||||
recommedIndexDb.addRecord(recordData);
|
||||
}
|
||||
navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}`);
|
||||
}
|
||||
|
||||
function nextVideo(job) {
|
||||
uni.setStorageSync(`job-Info`, job);
|
||||
navTo(`/packageA/pages/tiktok/tiktok`);
|
||||
uni.setStorageSync(`job-Info`, job);
|
||||
navTo(`/packageA/pages/tiktok/tiktok`);
|
||||
}
|
||||
|
||||
function dataToImg(data) {
|
||||
return data.map((item) => ({
|
||||
...item,
|
||||
// image: item.cover,
|
||||
image: img,
|
||||
hide: true,
|
||||
}));
|
||||
return data.map((item) => ({
|
||||
...item,
|
||||
// image: item.cover,
|
||||
image: img,
|
||||
hide: true,
|
||||
}));
|
||||
}
|
||||
|
||||
defineExpose({ loadData });
|
||||
@@ -331,3 +330,49 @@ defineExpose({ loadData });
|
||||
width: 26rpx
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media (min-width: 800px) {
|
||||
.nav-filter {
|
||||
padding: 30rpx 40rpx;
|
||||
.filter-top {
|
||||
.tab-scroll {
|
||||
.jobs-left {
|
||||
.job {
|
||||
font-size: 36rpx;
|
||||
}
|
||||
.active {
|
||||
font-size: 42rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.jobs-add {
|
||||
font-size: 36rpx;
|
||||
.iconsearch {
|
||||
font-size: 50rpx !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.slot-item{
|
||||
.job-image{
|
||||
height: 500rpx;
|
||||
}
|
||||
.salary{
|
||||
font-size: 38rpx;
|
||||
}
|
||||
.title{
|
||||
font-size: 40rpx;
|
||||
}
|
||||
.desc{
|
||||
.point3{
|
||||
width: 40rpx;
|
||||
height:40rpx ;
|
||||
}
|
||||
.descText{
|
||||
font-size: 32rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -41,7 +41,7 @@
|
||||
</swiper>
|
||||
</view>
|
||||
|
||||
<Tabbar v-show="showTabbar" :currentpage="0"></Tabbar>
|
||||
<!-- <Tabbar v-show="showTabbar" :currentpage="0"></Tabbar> -->
|
||||
|
||||
<!-- maskFristEntry -->
|
||||
<view class="maskFristEntry" v-if="maskFristEntry">
|
||||
@@ -49,7 +49,7 @@
|
||||
<text class="text1">左滑查看视频</text>
|
||||
<text class="text2">快去体验吧～</text>
|
||||
<view class="goExperience" @click="goExperience">去体验</view>
|
||||
<view class="maskFristEntry-Close" @click="closeFristEntry">1</view>
|
||||
<view class="maskFristEntry-Close" @click="closeFristEntry"></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -60,11 +60,13 @@
|
||||
import { reactive, inject, watch, ref, onMounted } from 'vue';
|
||||
import Tabbar from '@/components/tabbar/midell-box.vue';
|
||||
import { onLoad, onShow } from '@dcloudio/uni-app';
|
||||
import IndexRefactor from './components/index-refactor.vue';
|
||||
import IndexOne from './components/index-one.vue';
|
||||
import IndexTwo from './components/index-two.vue';
|
||||
const loadedMap = reactive([false, false]);
|
||||
const swiperRefs = [ref(null), ref(null)];
|
||||
const components = [IndexOne, IndexTwo];
|
||||
// const components = [IndexOne, IndexTwo];
|
||||
const components = [IndexRefactor, IndexTwo];
|
||||
import { storeToRefs } from 'pinia';
|
||||
import { useReadMsg } from '@/stores/useReadMsg';
|
||||
const { unreadCount } = storeToRefs(useReadMsg());
|
||||
@@ -80,7 +82,16 @@ onLoad(() => {
|
||||
// 判断浏览器是否有 fristEntry 第一次进入
|
||||
let fristEntry = uni.getStorageSync('fristEntry') === false ? false : true; // 默认未读
|
||||
maskFristEntry.value = fristEntry;
|
||||
// maskFristEntry.value = true;
|
||||
if (fristEntry) {
|
||||
uni.hideTabBar();
|
||||
}
|
||||
// 预加载较重页面
|
||||
setTimeout(() => {
|
||||
uni.preloadPage({ url: '/packageA/pages/post/post' });
|
||||
uni.preloadPage({ url: '/pages/nearby/nearby' });
|
||||
uni.preloadPage({ url: '/pages/chat/chat' });
|
||||
uni.preloadPage({ url: '/packageA/pages/choiceness/choiceness' });
|
||||
}, 3000);
|
||||
});
|
||||
|
||||
onShow(() => {
|
||||
@@ -187,10 +198,12 @@ function changeSwiperMsgType(e) {
|
||||
function closeFristEntry() {
|
||||
uni.setStorageSync('fristEntry', false);
|
||||
maskFristEntry.value = false;
|
||||
uni.showTabBar();
|
||||
}
|
||||
|
||||
function goExperience() {
|
||||
closeFristEntry();
|
||||
uni.showTabBar();
|
||||
state.current = 1;
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -241,9 +241,10 @@ function nextStep() {
|
||||
|
||||
// 获取职位
|
||||
function getTreeselect() {
|
||||
$api.createRequest('/app/common/jobTitle/treeselect', {}, 'GET').then((resData) => {
|
||||
const LoadCache = (resData) => {
|
||||
state.station = resData.data;
|
||||
});
|
||||
};
|
||||
$api.createRequestWithCache('/app/common/jobTitle/treeselect', {}, 'GET', false, LoadCache).then(LoadCache);
|
||||
}
|
||||
|
||||
function loginbackdoor() {
|
||||
@@ -491,3 +492,52 @@ function complete() {
|
||||
text-align: center;
|
||||
line-height: 90rpx
|
||||
</style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media(min-width: 800px){
|
||||
.content-one{
|
||||
.content-title{
|
||||
.title-lf{
|
||||
font-size: 50rpx;
|
||||
.lf-text{
|
||||
margin-top: 10rpx;
|
||||
font-size: 34rpx;
|
||||
}
|
||||
}
|
||||
.title-ri{
|
||||
font-size: 50rpx;
|
||||
}
|
||||
}
|
||||
.content-input{
|
||||
.input-titile{
|
||||
font-size: 36rpx;
|
||||
}
|
||||
.input-con{
|
||||
font-size: 36rpx;
|
||||
padding-bottom: 20rpx;
|
||||
&::before{
|
||||
width: 5rpx;
|
||||
height: 28rpx;
|
||||
}
|
||||
&::after{
|
||||
width: 5rpx;
|
||||
height: 28rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.content-sex{
|
||||
.sex-titile{
|
||||
font-size: 36rpx;
|
||||
}
|
||||
.sext-ri{
|
||||
.sext-box{
|
||||
font-size: 36rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.next-btn{
|
||||
font-size: 38rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -62,7 +62,7 @@
|
||||
<text class="left-text">素质测评</text>
|
||||
</view>
|
||||
<view class="row-right">
|
||||
<uni-icons color="#909090" type="right" size="14"></uni-icons>
|
||||
<uni-icons class="icon" color="#909090" type="right" size="14"></uni-icons>
|
||||
</view>
|
||||
</view>
|
||||
<view class="main-row btn-feel">
|
||||
@@ -71,7 +71,7 @@
|
||||
<text class="left-text">AI面试</text>
|
||||
</view>
|
||||
<view class="row-right">
|
||||
<uni-icons color="#909090" type="right" size="14"></uni-icons>
|
||||
<uni-icons class="icon" color="#909090" type="right" size="14"></uni-icons>
|
||||
</view>
|
||||
</view>
|
||||
<view class="main-row btn-feel">
|
||||
@@ -95,9 +95,9 @@
|
||||
></uni-popup-dialog>
|
||||
</uni-popup>
|
||||
</view>
|
||||
<template #footer>
|
||||
<!-- <template #footer>
|
||||
<Tabbar :currentpage="4"></Tabbar>
|
||||
</template>
|
||||
</template> -->
|
||||
</AppLayout>
|
||||
</template>
|
||||
|
||||
@@ -318,3 +318,89 @@ function chooseFileUploadTest(pam) {}
|
||||
background: #A2A2A2;
|
||||
transform: rotate(45deg)
|
||||
</style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media(min-width: 800px){
|
||||
.mine-userinfo{
|
||||
&::before{
|
||||
width: 6rpx;
|
||||
height: 50rpx;
|
||||
}
|
||||
&::after{
|
||||
width: 6rpx;
|
||||
height: 50rpx;
|
||||
top: calc(50% + 6rpx);
|
||||
}
|
||||
.userindo-head{
|
||||
width: 150rpx;
|
||||
height: 150rpx;
|
||||
}
|
||||
.userinfo-ls{
|
||||
.userinfo-ls-name{
|
||||
font-size: 55rpx;
|
||||
}
|
||||
.userinfo-ls-resume{
|
||||
font-size: 38rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.mini-number{
|
||||
.numbe-item{
|
||||
.mini-num{
|
||||
font-size: 70rpx;
|
||||
}
|
||||
.mini-text{
|
||||
font-size: 40rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.mini-cards{
|
||||
.card-top{
|
||||
padding: 60rpx 40rpx;
|
||||
.top-title{
|
||||
font-size: 50rpx;
|
||||
}
|
||||
.top-subTitle{
|
||||
font-size: 40rpx;
|
||||
}
|
||||
.top-btn{
|
||||
top: 85rpx;
|
||||
font-size: 40rpx;
|
||||
width: 200rpx;
|
||||
height: 80rpx;
|
||||
line-height: 80rpx;
|
||||
}
|
||||
}
|
||||
.card-main{
|
||||
padding: 40rpx;
|
||||
.main-title{
|
||||
font-size: 40rpx;
|
||||
}
|
||||
.main-row{
|
||||
.row-left{
|
||||
.left-img{
|
||||
width: 70rpx;
|
||||
height: 70rpx;
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
.left-text{
|
||||
font-size: 36rpx;
|
||||
}
|
||||
}
|
||||
.row-right{
|
||||
font-size: 34rpx;
|
||||
.icon{
|
||||
font-size: 40rpx !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.card-back{
|
||||
height: 120rpx;
|
||||
line-height: 120rpx;
|
||||
font-size: 40rpx;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -40,7 +40,7 @@
|
||||
</swiper>
|
||||
</view>
|
||||
|
||||
<Tabbar :currentpage="3"></Tabbar>
|
||||
<!-- <Tabbar :currentpage="3"></Tabbar> -->
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
@@ -244,3 +244,22 @@ function changeSwiperMsgType(e) {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
</style>
|
||||
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media(min-width: 800px){
|
||||
.app-container{
|
||||
.container-header{
|
||||
padding: 40rpx 44rpx 36rpx 50rpx;
|
||||
.header-btnLf{
|
||||
font-size: 42rpx;
|
||||
width: 250rpx;
|
||||
}
|
||||
.active{
|
||||
font-size: 46rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<scroll-view scroll-y class="main-scroll">
|
||||
<view class="scrollmain">
|
||||
<view v-if="msgList.length" class="scrollmain">
|
||||
<view
|
||||
class="list-card press-button"
|
||||
v-for="(item, index) in msgList"
|
||||
@@ -35,7 +35,9 @@
|
||||
<view class="info-text line_2">{{ item.subTitle || '消息' }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<empty v-if="!msgList.length"></empty>
|
||||
</view>
|
||||
<empty v-else pdTop="200" content="暂无消息~"></empty>
|
||||
</scroll-view>
|
||||
</template>
|
||||
|
||||
@@ -83,6 +85,7 @@ defineExpose({ loadData });
|
||||
}
|
||||
.scrollmain{
|
||||
padding: 28rpx
|
||||
height: calc(100% - 56rpx)
|
||||
}
|
||||
.read{
|
||||
|
||||
@@ -147,3 +150,26 @@ defineExpose({ loadData });
|
||||
color: #6C7282;
|
||||
margin-top: 4rpx;
|
||||
</style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media(min-width: 800px){
|
||||
.list-card{
|
||||
padding: 40rpx;
|
||||
.card-img{
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
.card-info{
|
||||
.info-title{
|
||||
font-size: 38rpx;
|
||||
.card-time{
|
||||
font-size: 36rpx;
|
||||
}
|
||||
}
|
||||
.info-text{
|
||||
font-size: 32rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<scroll-view scroll-y class="main-scroll">
|
||||
<view class="scrollmain">
|
||||
<view v-if="unreadMsgList.length" class="scrollmain">
|
||||
<view
|
||||
class="list-card press-button"
|
||||
v-for="(item, index) in unreadMsgList"
|
||||
@@ -33,7 +33,9 @@
|
||||
<view class="info-text line_2">{{ item.subTitle || '消息' }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<empty v-if="!unreadMsgList.length"></empty>
|
||||
</view>
|
||||
<empty v-else pdTop="200" content="暂无消息~"></empty>
|
||||
</scroll-view>
|
||||
</template>
|
||||
|
||||
@@ -69,6 +71,7 @@ defineExpose({ loadData });
|
||||
}
|
||||
.scrollmain{
|
||||
padding: 28rpx
|
||||
height: calc(100% - 56rpx)
|
||||
}
|
||||
.read{
|
||||
|
||||
@@ -133,3 +136,25 @@ defineExpose({ loadData });
|
||||
color: #6C7282;
|
||||
margin-top: 4rpx;
|
||||
</style>
|
||||
<style lang="scss" scoped>
|
||||
@media(min-width: 800px){
|
||||
.list-card{
|
||||
padding: 40rpx;
|
||||
.card-img{
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
.card-info{
|
||||
.info-title{
|
||||
font-size: 38rpx;
|
||||
.card-time{
|
||||
font-size: 36rpx;
|
||||
}
|
||||
}
|
||||
.info-text{
|
||||
font-size: 32rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -69,14 +69,9 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class="one-cards">
|
||||
<renderJobs
|
||||
v-if="list.length"
|
||||
:list="list"
|
||||
:longitude="longitudeVal"
|
||||
:latitude="latitudeVal"
|
||||
></renderJobs>
|
||||
<empty v-else pdTop="60"></empty>
|
||||
<loadmore ref="loadmoreRef"></loadmore>
|
||||
<renderJobs :list="list" :longitude="longitudeVal" :latitude="latitudeVal"></renderJobs>
|
||||
<empty v-if="!list.length"></empty>
|
||||
<loadmore v-show="list.length > pageState.pageSize" ref="loadmoreRef"></loadmore>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 筛选 -->
|
||||
@@ -340,15 +335,18 @@ defineExpose({ loadData, handleFilterConfirm });
|
||||
color: #4778EC !important
|
||||
.nearby-scroll
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
background: #f4f4f4;
|
||||
.two-head
|
||||
margin: 22rpx;
|
||||
padding: 22rpx;
|
||||
display: flex;
|
||||
flex-direction: column
|
||||
flex-wrap: no-wrap
|
||||
// grid-template-columns: repeat(4, 1fr);
|
||||
// grid-column-gap: 10rpx;
|
||||
// grid-row-gap: 24rpx;
|
||||
border-radius: 17rpx 17rpx 17rpx 17rpx;
|
||||
background: #FFFFFF
|
||||
// border-radius: 17rpx 17rpx 17rpx 17rpx;
|
||||
.head-all{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
@@ -380,15 +378,21 @@ defineExpose({ loadData, handleFilterConfirm });
|
||||
border-radius: 12rpx 12rpx 12rpx 12rpx;
|
||||
.nearby-list
|
||||
border-top: 2rpx solid #EBEBEB;
|
||||
height: 100%
|
||||
min-height: calc(100% - 140rpx)
|
||||
background: #f4f4f4
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.one-cards{
|
||||
height: 100%
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0 20rpx 20rpx 20rpx;
|
||||
background: #f4f4f4
|
||||
flex: 1
|
||||
}
|
||||
.nav-filter
|
||||
padding: 16rpx 28rpx 0 28rpx
|
||||
background: #ffffff
|
||||
.filter-top
|
||||
display: flex
|
||||
justify-content: space-between;
|
||||
|
||||
@@ -74,14 +74,9 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class="one-cards">
|
||||
<renderJobs
|
||||
v-if="list.length"
|
||||
:list="list"
|
||||
:longitude="longitudeVal"
|
||||
:latitude="latitudeVal"
|
||||
></renderJobs>
|
||||
<empty v-else pdTop="60"></empty>
|
||||
<loadmore ref="loadmoreRef"></loadmore>
|
||||
<renderJobs :list="list" :longitude="longitudeVal" :latitude="latitudeVal"></renderJobs>
|
||||
<empty v-if="!list.length"></empty>
|
||||
<loadmore v-show="list.length > pageState.pageSize" ref="loadmoreRef"></loadmore>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 筛选 -->
|
||||
@@ -364,20 +359,28 @@ defineExpose({ loadData, handleFilterConfirm });
|
||||
}
|
||||
.nearby-scroll
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
background: #f4f4f4;
|
||||
.nearby-map
|
||||
height: 767rpx;
|
||||
background: #e8e8e8;
|
||||
overflow: hidden
|
||||
.nearby-list
|
||||
min-height: calc(100% - 384rpx)
|
||||
background: #f4f4f4
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.one-cards{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0 20rpx 20rpx 20rpx;
|
||||
background: #f4f4f4
|
||||
height: 100%
|
||||
flex: 1
|
||||
}
|
||||
.nav-filter
|
||||
padding: 16rpx 28rpx 0 28rpx
|
||||
background: #ffffff
|
||||
.filter-top
|
||||
display: flex
|
||||
justify-content: space-between;
|
||||
|
||||
@@ -95,14 +95,9 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class="one-cards">
|
||||
<renderJobs
|
||||
v-if="list.length"
|
||||
:list="list"
|
||||
:longitude="longitudeVal"
|
||||
:latitude="latitudeVal"
|
||||
></renderJobs>
|
||||
<empty v-else pdTop="60"></empty>
|
||||
<loadmore ref="loadmoreRef"></loadmore>
|
||||
<renderJobs :list="list" :longitude="longitudeVal" :latitude="latitudeVal"></renderJobs>
|
||||
<empty v-if="!list.length"></empty>
|
||||
<loadmore v-show="list.length > pageState.pageSize" ref="loadmoreRef"></loadmore>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 筛选 -->
|
||||
@@ -359,9 +354,12 @@ defineExpose({ loadData, handleFilterConfirm });
|
||||
color: #4778EC !important;
|
||||
.nearby-scroll
|
||||
overflow: hidden;
|
||||
background: #f4f4f4;
|
||||
height: 100%
|
||||
.three-head
|
||||
margin: 24rpx 0 0 0;
|
||||
// margin: 24rpx 0 0 0;
|
||||
padding: 26rpx 0 0 0;
|
||||
background: #FFFFFF;
|
||||
border-radius: 17rpx 17rpx 17rpx 17rpx;
|
||||
.one-picker
|
||||
height: 100%
|
||||
@@ -482,14 +480,21 @@ defineExpose({ loadData, handleFilterConfirm });
|
||||
z-index: 1;
|
||||
.nearby-list
|
||||
border-top: 2rpx solid #EBEBEB;
|
||||
min-height: calc(100% - 222rpx)
|
||||
background: #f4f4f4
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.one-cards{
|
||||
height: 100%
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0 20rpx 20rpx 20rpx;
|
||||
background: #f4f4f4
|
||||
flex: 1
|
||||
}
|
||||
.nav-filter
|
||||
padding: 16rpx 28rpx 0 28rpx
|
||||
background: #ffffff
|
||||
.filter-top
|
||||
display: flex
|
||||
justify-content: space-between;
|
||||
|
||||
@@ -65,14 +65,9 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class="one-cards">
|
||||
<renderJobs
|
||||
v-if="list.length"
|
||||
:list="list"
|
||||
:longitude="longitudeVal"
|
||||
:latitude="latitudeVal"
|
||||
></renderJobs>
|
||||
<empty v-else pdTop="60"></empty>
|
||||
<loadmore ref="loadmoreRef"></loadmore>
|
||||
<renderJobs :list="list" :longitude="longitudeVal" :latitude="latitudeVal"></renderJobs>
|
||||
<empty v-if="!list.length"></empty>
|
||||
<loadmore v-show="list.length > pageState.pageSize" ref="loadmoreRef"></loadmore>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 筛选 -->
|
||||
@@ -255,10 +250,13 @@ defineExpose({ loadData, handleFilterConfirm });
|
||||
color: #4778EC !important
|
||||
.nearby-scroll
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
background: #f4f4f4;
|
||||
.two-head
|
||||
margin: 22rpx;
|
||||
padding: 22rpx;
|
||||
display: flex;
|
||||
flex-wrap: wrap
|
||||
background: #FFFFFF;
|
||||
// grid-template-columns: repeat(4, 1fr);
|
||||
// grid-column-gap: 10rpx;
|
||||
// grid-row-gap: 24rpx;
|
||||
@@ -284,14 +282,21 @@ defineExpose({ loadData, handleFilterConfirm });
|
||||
border-radius: 12rpx 12rpx 12rpx 12rpx;
|
||||
.nearby-list
|
||||
border-top: 2rpx solid #EBEBEB;
|
||||
min-height: calc(100% - 252rpx)
|
||||
background: #f4f4f4
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.one-cards{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0 20rpx 20rpx 20rpx;
|
||||
background: #f4f4f4
|
||||
height: 100%
|
||||
flex: 1
|
||||
}
|
||||
.nav-filter
|
||||
padding: 16rpx 28rpx 0 28rpx
|
||||
background: #ffffff
|
||||
.filter-top
|
||||
display: flex
|
||||
justify-content: space-between;
|
||||
|
||||
@@ -68,7 +68,7 @@
|
||||
<view class="content-top">
|
||||
<view class="top-left">历史搜索</view>
|
||||
<view class="top-right button-click" @click="remove">
|
||||
<uni-icons type="trash" color="#C1C1C1" size="20"></uni-icons>
|
||||
<uni-icons class="delete" type="trash" color="#C1C1C1" size="20"></uni-icons>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content-history">
|
||||
@@ -459,3 +459,81 @@ function dataToImg(data) {
|
||||
color: #6C7282;
|
||||
margin-top: 6rpx;
|
||||
</style>
|
||||
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media(min-width: 800px){
|
||||
.container{
|
||||
.top{
|
||||
.btnback{
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
}
|
||||
.search-box{
|
||||
.iconsearch{
|
||||
font-size: 50rpx !important;
|
||||
}
|
||||
.inputed{
|
||||
font-size: 40rpx;
|
||||
padding-left: 100rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
.inputplace{
|
||||
font-size: 40rpx;
|
||||
}
|
||||
}
|
||||
.search-btn{
|
||||
font-size: 40rpx;
|
||||
}
|
||||
|
||||
}
|
||||
.view-top{
|
||||
padding: 10rpx 0;
|
||||
.top-item{
|
||||
font-size: 36rpx;
|
||||
&::after{
|
||||
width: 40rpx;
|
||||
height: 8rpx;
|
||||
left: calc(50% - 20rpx);
|
||||
}
|
||||
}
|
||||
.active{
|
||||
font-size: 38rpx;
|
||||
}
|
||||
}
|
||||
.main-content{
|
||||
.content-top{
|
||||
.top-left{
|
||||
font-size: 40rpx;
|
||||
}
|
||||
.top-right{
|
||||
.delete{
|
||||
font-size: 60rpx !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.slot-item{
|
||||
.job-image{
|
||||
height: 500rpx;
|
||||
}
|
||||
.salary{
|
||||
font-size: 38rpx;
|
||||
}
|
||||
.title{
|
||||
font-size: 40rpx;
|
||||
}
|
||||
.desc{
|
||||
font-size: 32rpx;
|
||||
.point3{
|
||||
width: 40rpx;
|
||||
height:40rpx ;
|
||||
}
|
||||
.descText{
|
||||
font-size: 32rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
BIN
static/icon/add-circle.png
Normal file
BIN
static/icon/add-circle.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
static/icon/ai-card-bg.png
Normal file
BIN
static/icon/ai-card-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
static/icon/bottom-card-bg.png
Normal file
BIN
static/icon/bottom-card-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
static/icon/flame3.png
Normal file
BIN
static/icon/flame3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 987 B |
BIN
static/icon/index-robot.png
Normal file
BIN
static/icon/index-robot.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
static/icon/index-search.png
Normal file
BIN
static/icon/index-search.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 683 B |
BIN
static/icon/index-text-bg.png
Normal file
BIN
static/icon/index-text-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
static/icon/index-text-bg2.png
Normal file
BIN
static/icon/index-text-bg2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
BIN
static/icon/item-bg-img1.png
Normal file
BIN
static/icon/item-bg-img1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 67 KiB |
BIN
static/icon/item-bg-img2.png
Normal file
BIN
static/icon/item-bg-img2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
static/icon/item-bg-img3.png
Normal file
BIN
static/icon/item-bg-img3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
BIN
static/icon/item-bg-text.png
Normal file
BIN
static/icon/item-bg-text.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
static/icon/leart-gold.png
Normal file
BIN
static/icon/leart-gold.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 778 B |
BIN
static/icon/match-card-bg.png
Normal file
BIN
static/icon/match-card-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 85 KiB |
BIN
static/icon/pintDate2.png
Normal file
BIN
static/icon/pintDate2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 514 B |
BIN
static/icon/polygon-down.png
Normal file
BIN
static/icon/polygon-down.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 295 B |
BIN
static/icon/position-icon.png
Normal file
BIN
static/icon/position-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 555 B |
BIN
static/icon/top-card-bg.png
Normal file
BIN
static/icon/top-card-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
static/icon/video-mask.png
Normal file
BIN
static/icon/video-mask.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 226 KiB |
BIN
static/icon/work-img1.png
Normal file
BIN
static/icon/work-img1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
BIN
static/icon/work-img2.png
Normal file
BIN
static/icon/work-img2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
1108
static/js/pixi.min.js
vendored
Normal file
1108
static/js/pixi.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -12,27 +12,25 @@ import {
|
||||
$api,
|
||||
} from '../common/globalFunction';
|
||||
|
||||
// 控制消息
|
||||
// 常量定义：消息在 TabBar 的索引位置
|
||||
const TABBAR_INDEX = 3;
|
||||
|
||||
export const useReadMsg = defineStore('readMsg', () => {
|
||||
const msgList = ref([])
|
||||
// 用于自定义 Tabbar 组件的渲染
|
||||
const badges = ref([{
|
||||
count: 0
|
||||
},
|
||||
{
|
||||
count: 0
|
||||
},
|
||||
{
|
||||
count: 0
|
||||
},
|
||||
{
|
||||
count: 0
|
||||
},
|
||||
{
|
||||
count: 0
|
||||
},
|
||||
])
|
||||
count: 0
|
||||
}, {
|
||||
count: 0
|
||||
}, {
|
||||
count: 0
|
||||
}, {
|
||||
count: 0
|
||||
}, {
|
||||
count: 0
|
||||
}])
|
||||
|
||||
// 计算总未读数量，基于 notReadCount 字段
|
||||
// 计算总未读数量
|
||||
const unreadCount = computed(() =>
|
||||
msgList.value.reduce((sum, msg) => sum + (msg.notReadCount || 0), 0)
|
||||
)
|
||||
@@ -42,40 +40,49 @@ export const useReadMsg = defineStore('readMsg', () => {
|
||||
msgList.value.filter(msg => msg.notReadCount > 0)
|
||||
)
|
||||
|
||||
|
||||
// 设置 TabBar 角标
|
||||
function updateTabBarBadge() {
|
||||
function updateBadgeEffect() {
|
||||
const count = unreadCount.value
|
||||
const index = 3
|
||||
const countVal = count > 99 ? '99+' : String(count)
|
||||
if (count === 0) {
|
||||
uni.removeTabBarBadge({
|
||||
index
|
||||
}) // 替换为你消息页面的 TabBar index
|
||||
badges.value[index] = {
|
||||
count: 0
|
||||
// 处理显示文本：超过99显示99+
|
||||
const countStr = count > 99 ? '99+' : String(count)
|
||||
|
||||
// 1. 更新内部状态 (用于自定义 UI)
|
||||
if (badges.value[TABBAR_INDEX]) {
|
||||
badges.value[TABBAR_INDEX].count = count === 0 ? 0 : countStr
|
||||
}
|
||||
|
||||
// 2. 更新系统原生 TabBar
|
||||
// 加 try-catch 防止在非 Tabbar 页面或加栽未完成时报错
|
||||
try {
|
||||
if (count > 0) {
|
||||
uni.setTabBarBadge({
|
||||
index: TABBAR_INDEX,
|
||||
text: countStr
|
||||
})
|
||||
} else {
|
||||
uni.removeTabBarBadge({
|
||||
index: TABBAR_INDEX
|
||||
})
|
||||
}
|
||||
} else {
|
||||
badges.value[index] = {
|
||||
count: countVal
|
||||
}
|
||||
uni.setTabBarBadge({
|
||||
index,
|
||||
text: countVal
|
||||
})
|
||||
} catch (e) {
|
||||
console.warn('TabBar Badge 更新失败(可能当前非TabBar页面):', e)
|
||||
}
|
||||
}
|
||||
|
||||
watch(unreadCount, () => {
|
||||
updateBadgeEffect()
|
||||
console.log('value', unreadCount.value)
|
||||
}, {
|
||||
immediate: true
|
||||
})
|
||||
|
||||
|
||||
// 拉取消息列表
|
||||
async function fetchMessages() {
|
||||
try {
|
||||
$api.createRequest('/app/notice/info', {
|
||||
const res = await $api.createRequest('/app/notice/info', {
|
||||
isRead: 1
|
||||
}, "GET").then((res) => {
|
||||
msgList.value = res.data || []
|
||||
updateTabBarBadge()
|
||||
})
|
||||
}, "GET")
|
||||
msgList.value = res.data || []
|
||||
} catch (err) {
|
||||
console.error('获取消息失败:', err)
|
||||
}
|
||||
@@ -83,17 +90,23 @@ export const useReadMsg = defineStore('readMsg', () => {
|
||||
|
||||
// 设置为已读
|
||||
async function markAsRead(item, index) {
|
||||
const msg = msgList.value[index]
|
||||
if (!msg || msg.isRead === 1) return
|
||||
const targetMsg = msgList.value[index]
|
||||
if (!targetMsg) return
|
||||
|
||||
// 如果已经是已读，直接返回，避免无效请求
|
||||
// 假设服务端逻辑是：isRead=1 表示已读 (注意检查你的字段定义)
|
||||
// 你的原代码判断是 if (msg.isRead === 1) return，如果是这样，下面请求成功应该设为 1
|
||||
// 但通常未读是0，已读是1。这里维持你原有的逻辑，假设服务端把 notReadCount 清零
|
||||
|
||||
try {
|
||||
let params = {
|
||||
id: msg.noticeId
|
||||
id: targetMsg.noticeId
|
||||
}
|
||||
$api.createRequest('/app/notice/read?id=' + msg.noticeId, params, "POST").then((res) => {
|
||||
msgList.value[index].isRead = 1
|
||||
updateTabBarBadge()
|
||||
})
|
||||
await $api.createRequest('/app/notice/read?id=' + targetMsg.noticeId, params, "POST")
|
||||
|
||||
// 更新本地数据
|
||||
msgList.value[index].notReadCount = 0
|
||||
msgList.value[index].isRead = 1 // 标记已读状态
|
||||
} catch (err) {
|
||||
console.error('设置消息已读失败:', err)
|
||||
}
|
||||
@@ -106,8 +119,8 @@ export const useReadMsg = defineStore('readMsg', () => {
|
||||
unreadCount,
|
||||
fetchMessages,
|
||||
markAsRead,
|
||||
updateTabBarBadge
|
||||
updateTabBarBadge: updateBadgeEffect
|
||||
}
|
||||
}, {
|
||||
unistorage: true,
|
||||
unistorage: true, // 开启持久化
|
||||
})
|
||||
@@ -3,7 +3,7 @@
|
||||
<view
|
||||
v-for="(item, index) in data.column"
|
||||
:key="index"
|
||||
class="waterfalls-flow-column"
|
||||
class="waterfalls-flow-column "
|
||||
:id="`waterfalls_flow_column_${index + 1}`"
|
||||
:msg="msg"
|
||||
:style="{ width: w, 'margin-left': index == 0 ? 0 : m }"
|
||||
|
||||
@@ -402,3 +402,16 @@
|
||||
|
||||
/* #endif */
|
||||
</style>
|
||||
|
||||
<style lang="scss">
|
||||
@media (min-width: 800px) {
|
||||
.uni-load-more__text {
|
||||
font-size: 18px !important;
|
||||
}
|
||||
.uni-load-more__img {
|
||||
width: 30px !important;
|
||||
height: 30px !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
@@ -26,6 +26,10 @@ const needToEncrypt = [
|
||||
*/
|
||||
export async function createRequestWithCache(url, data = {}, method = 'GET', loading = false, headers = {},
|
||||
onCacheLoad = null) {
|
||||
// 是分页接口的话， 只缓存第一页的数据
|
||||
if (data.current && data.current > 1) {
|
||||
return createRequest(url, data, method, loading, headers);
|
||||
}
|
||||
const cacheKey = `${method.toUpperCase()}:${url}:${JSON.stringify(data)}`;
|
||||
|
||||
baseDB.getDB().then(async (dbHelper) => {
|
||||
@@ -77,13 +81,16 @@ export function createRequest(url, data = {}, method = 'GET', loading = false, h
|
||||
mask: true
|
||||
})
|
||||
}
|
||||
let Authorization = ''
|
||||
if (useUserStore().token) {
|
||||
Authorization = `${useUserStore().token}`
|
||||
}
|
||||
let header = {
|
||||
...headers
|
||||
};
|
||||
const userStore = useUserStore();
|
||||
const token = userStore.token;
|
||||
|
||||
const header = headers || {};
|
||||
header["Authorization"] = encodeURIComponent(Authorization);
|
||||
if (token) {
|
||||
// 确保 Authorization 不会被覆盖，且进行编码
|
||||
header["Authorization"] = encodeURIComponent(token);
|
||||
}
|
||||
|
||||
// ------------------------------------------------------------------
|
||||
// 检查当前请求是否需要加密
|
||||
@@ -130,10 +137,12 @@ export function createRequest(url, data = {}, method = 'GET', loading = false, h
|
||||
resolve(resData.data)
|
||||
return
|
||||
}
|
||||
uni.showToast({
|
||||
title: msg,
|
||||
icon: 'none'
|
||||
})
|
||||
if (msg) {
|
||||
uni.showToast({
|
||||
title: msg,
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
}
|
||||
if (resData.data?.code === 401 || resData.data?.code === 402) {
|
||||
useUserStore().logOut()
|
||||
|
||||
Reference in New Issue
Block a user