flat: 合并
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -1,36 +1,18 @@
|
||||
<template>
|
||||
<view v-for="company in listData" :key="company.id">
|
||||
<view v-if="company.dataType==2" class="cards" @click="nextDetail(company)">
|
||||
<view class="card-company">
|
||||
<text class="company line_1">{{ company.name }}</text>
|
||||
</view>
|
||||
<view class="card-bottom ">
|
||||
<view class="fl_box fs_14">
|
||||
<view class="mar_ri10">{{company.industry}}</view>
|
||||
<view>{{company.scale }}</view>
|
||||
</view>
|
||||
<view class="ris">
|
||||
<text class="fs_14">
|
||||
在招职位·
|
||||
<text class="color_256BFA">{{ company.totalRecruitment || '-' }}</text>
|
||||
个
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="card-tags">
|
||||
<view class="tag" v-if="company.nature">
|
||||
{{company.nature}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-else class="cards" @click="nextDetail(company)">
|
||||
<view
|
||||
v-if="company.dataType == 2"
|
||||
:class="{ grayscale: company.isPublish }"
|
||||
class="cards"
|
||||
@click="nextDetail(company)"
|
||||
>
|
||||
<view class="card-company">
|
||||
<text class="company line_1">{{ company.name }}</text>
|
||||
</view>
|
||||
<view class="card-bottom">
|
||||
<view class="fl_box fs_14">
|
||||
<view class="mar_ri10">{{company.industry}}</view>
|
||||
<view>{{company.scale }}</view>
|
||||
<view class="mar_ri10">{{ company.industry }}</view>
|
||||
<view>{{ company.scale }}</view>
|
||||
</view>
|
||||
<view class="ris">
|
||||
<text class="fs_14">
|
||||
@@ -42,7 +24,30 @@
|
||||
</view>
|
||||
<view class="card-tags">
|
||||
<view class="tag" v-if="company.nature">
|
||||
{{company.nature}}
|
||||
{{ company.nature }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-else class="cards" :class="{ grayscale: company.isPublish }" @click="nextDetail(company)">
|
||||
<view class="card-company">
|
||||
<text class="company line_1">{{ company.name }}</text>
|
||||
</view>
|
||||
<view class="card-bottom">
|
||||
<view class="fl_box fs_14">
|
||||
<view class="mar_ri10">{{ company.industry }}</view>
|
||||
<view>{{ company.scale }}</view>
|
||||
</view>
|
||||
<view class="ris">
|
||||
<text class="fs_14">
|
||||
在招职位·
|
||||
<text class="color_256BFA">{{ company.totalRecruitment || '-' }}</text>
|
||||
个
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="card-tags">
|
||||
<view class="tag" v-if="company.nature">
|
||||
{{ company.nature }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -51,7 +56,7 @@
|
||||
|
||||
<script setup>
|
||||
import { inject, computed, toRaw } from 'vue';
|
||||
const { insertSortData, navTo, vacanciesTo } = inject('globalFunction');
|
||||
const { $api, insertSortData, navTo, vacanciesTo } = inject('globalFunction');
|
||||
import { useRecommedIndexedDBStore } from '@/stores/useRecommedIndexedDBStore.js';
|
||||
const recommedIndexDb = useRecommedIndexedDBStore();
|
||||
const props = defineProps({
|
||||
@@ -78,9 +83,14 @@ const listData = computed(() => {
|
||||
});
|
||||
|
||||
function nextDetail(company) {
|
||||
if(company.dataType == 2){
|
||||
navTo(`/packageA/pages/UnitDetails/UnitDetails?companyId=${company.gsID}&companyName=${company.name}&zphId=${company.zphID}&dataType=2`);
|
||||
}else{
|
||||
if (company.isPublish) {
|
||||
return $api.msg('已过期');
|
||||
}
|
||||
if (company.dataType == 2) {
|
||||
navTo(
|
||||
`/packageA/pages/UnitDetails/UnitDetails?companyId=${company.gsID}&companyName=${company.name}&zphId=${company.zphID}&dataType=2`
|
||||
);
|
||||
} else {
|
||||
navTo(`/packageA/pages/UnitDetails/UnitDetails?companyId=${company.companyId}`);
|
||||
}
|
||||
}
|
||||
@@ -154,4 +164,4 @@ function nextDetail(company) {
|
||||
.ris{
|
||||
font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@@ -3,22 +3,25 @@
|
||||
<view v-if="!job.isTitle" class="cards" @click="nextDetail(job)">
|
||||
<!-- 数据类型2的完整模块 -->
|
||||
<view v-if="job.dataType == 2">
|
||||
<view class="card-company">
|
||||
<view class="card-company" :class="{ grayscale: job.isPublish }">
|
||||
<text class="company">{{ job.jobTitle }}</text>
|
||||
<view class="salary">
|
||||
<Salary-Expectation :max-salary="job.maxSalary" :min-salary="job.minSalary"></Salary-Expectation>
|
||||
<Salary-Expectation
|
||||
:max-salary="job.maxSalary"
|
||||
:min-salary="job.minSalary"
|
||||
></Salary-Expectation>
|
||||
</view>
|
||||
</view>
|
||||
<view class="card-companyName">{{ job.companyName }}</view>
|
||||
<view class="card-tags">
|
||||
<view class="tag">
|
||||
{{job.education == '不限' ? '学历不限' : job.education}}
|
||||
{{ job.education == '不限' ? '学历不限' : job.education }}
|
||||
</view>
|
||||
<view class="tag">
|
||||
{{job.experience == '不限' ? '经验不限' : job.experience}}
|
||||
{{ job.experience == '不限' ? '经验不限' : job.experience }}
|
||||
</view>
|
||||
<view class="tag">
|
||||
{{ vacanciesTo(job.vacancies) }}
|
||||
{{ vacanciesTo(job.vacancies) }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="card-bottom">
|
||||
@@ -34,22 +37,25 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<!-- 数据类型1的完整模块 -->
|
||||
<view v-else>
|
||||
<view class="card-company">
|
||||
<view class="card-company" :class="{ grayscale: job.isPublish }">
|
||||
<text class="company">{{ job.jobTitle }}</text>
|
||||
<view class="salary">
|
||||
<Salary-Expectation :max-salary="job.maxSalary" :min-salary="job.minSalary"></Salary-Expectation>
|
||||
<Salary-Expectation
|
||||
:max-salary="job.maxSalary"
|
||||
:min-salary="job.minSalary"
|
||||
></Salary-Expectation>
|
||||
</view>
|
||||
</view>
|
||||
<view class="card-companyName">{{ job.companyName }}</view>
|
||||
<view class="card-tags">
|
||||
<view class="tag">
|
||||
{{job.education == '不限' ? '学历不限' : job.education}}
|
||||
{{ job.education == '不限' ? '学历不限' : job.education }}
|
||||
</view>
|
||||
<view class="tag">
|
||||
{{job.experience == '不限' ? '经验不限' : job.experience}}
|
||||
{{ job.experience == '不限' ? '经验不限' : job.experience }}
|
||||
</view>
|
||||
<view class="tag">
|
||||
{{ vacanciesTo(job.vacancies) }}
|
||||
@@ -77,7 +83,7 @@
|
||||
|
||||
<script setup>
|
||||
import { inject, computed, toRaw } from 'vue';
|
||||
const { insertSortData, navTo, vacanciesTo } = inject('globalFunction');
|
||||
const { $api, insertSortData, navTo, vacanciesTo } = inject('globalFunction');
|
||||
import { useRecommedIndexedDBStore } from '@/stores/useRecommedIndexedDBStore.js';
|
||||
const recommedIndexDb = useRecommedIndexedDBStore();
|
||||
const props = defineProps({
|
||||
@@ -129,6 +135,9 @@ function parseDateTime(datetimeStr) {
|
||||
}
|
||||
|
||||
function nextDetail(job) {
|
||||
if (job.isPublish) {
|
||||
return $api.msg('已过期');
|
||||
}
|
||||
navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}&dataType=${job.dataType}`);
|
||||
}
|
||||
</script>
|
||||
@@ -198,4 +207,4 @@ function nextDetail(job) {
|
||||
color: #6C7282;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@@ -3,19 +3,22 @@
|
||||
<view v-if="!job.isTitle" class="cards" @click="nextDetail(job)">
|
||||
<!-- 数据类型2的完整模块 -->
|
||||
<view v-if="job.dataType == 2">
|
||||
<view class="card-company">
|
||||
<view class="card-company" :class="{ grayscale: job.isPublish }">
|
||||
<text class="company">{{ job.jobTitle }}</text>
|
||||
<view class="salary">
|
||||
<Salary-Expectation :max-salary="job.maxSalary" :min-salary="job.minSalary"></Salary-Expectation>
|
||||
<Salary-Expectation
|
||||
:max-salary="job.maxSalary"
|
||||
:min-salary="job.minSalary"
|
||||
></Salary-Expectation>
|
||||
</view>
|
||||
</view>
|
||||
<view class="card-companyName">{{ job.companyName }}</view>
|
||||
<view class="card-tags">
|
||||
<view class="tag">
|
||||
{{job.education == '不限' ? '学历不限' : job.education}}
|
||||
{{ job.education == '不限' ? '学历不限' : job.education }}
|
||||
</view>
|
||||
<view class="tag">
|
||||
{{job.experience == '不限' ? '经验不限' : job.experience}}
|
||||
{{ job.experience == '不限' ? '经验不限' : job.experience }}
|
||||
</view>
|
||||
<view class="tag">
|
||||
{{ vacanciesTo(job.vacancies) }}
|
||||
@@ -34,22 +37,25 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<!-- 数据类型1的完整模块 -->
|
||||
<view v-else>
|
||||
<view class="card-company">
|
||||
<view class="card-company" :class="{ grayscale: job.isPublish }">
|
||||
<text class="company">{{ job.jobTitle }}</text>
|
||||
<view class="salary">
|
||||
<Salary-Expectation :max-salary="job.maxSalary" :min-salary="job.minSalary"></Salary-Expectation>
|
||||
<Salary-Expectation
|
||||
:max-salary="job.maxSalary"
|
||||
:min-salary="job.minSalary"
|
||||
></Salary-Expectation>
|
||||
</view>
|
||||
</view>
|
||||
<view class="card-companyName">{{ job.companyName }}</view>
|
||||
<view class="card-tags">
|
||||
<view class="tag">
|
||||
{{job.education == '不限' ? '学历不限' : job.education}}
|
||||
{{ job.education == '不限' ? '学历不限' : job.education }}
|
||||
</view>
|
||||
<view class="tag">
|
||||
{{job.experience == '不限' ? '经验不限' : job.experience}}
|
||||
{{ job.experience == '不限' ? '经验不限' : job.experience }}
|
||||
</view>
|
||||
<view class="tag">
|
||||
{{ vacanciesTo(job.vacancies) }}
|
||||
@@ -77,7 +83,7 @@
|
||||
|
||||
<script setup>
|
||||
import { inject, computed, toRaw } from 'vue';
|
||||
const { insertSortData, navTo, vacanciesTo } = inject('globalFunction');
|
||||
const { $api, insertSortData, navTo, vacanciesTo } = inject('globalFunction');
|
||||
import { useRecommedIndexedDBStore } from '@/stores/useRecommedIndexedDBStore.js';
|
||||
const recommedIndexDb = useRecommedIndexedDBStore();
|
||||
const props = defineProps({
|
||||
@@ -129,6 +135,9 @@ function parseDateTime(datetimeStr) {
|
||||
}
|
||||
|
||||
function nextDetail(job) {
|
||||
if (job.isPublish) {
|
||||
return $api.msg('已过期');
|
||||
}
|
||||
// 根据数据类型跳转到不同的详情页
|
||||
navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}&dataType=${job.dataType}`);
|
||||
}
|
||||
@@ -199,4 +208,4 @@ function nextDetail(job) {
|
||||
color: #6C7282;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@@ -3,22 +3,25 @@
|
||||
<view v-if="!job.isTitle" class="cards" @click="nextDetail(job)">
|
||||
<!-- 数据类型2的完整模块 -->
|
||||
<view v-if="job.dataType == 2">
|
||||
<view class="card-company">
|
||||
<view class="card-company" :class="{ grayscale: job.isPublish }">
|
||||
<text class="company">{{ job.jobTitle }}</text>
|
||||
<view class="salary">
|
||||
<Salary-Expectation :max-salary="job.maxSalary" :min-salary="job.minSalary"></Salary-Expectation>
|
||||
<Salary-Expectation
|
||||
:max-salary="job.maxSalary"
|
||||
:min-salary="job.minSalary"
|
||||
></Salary-Expectation>
|
||||
</view>
|
||||
</view>
|
||||
<view class="card-companyName">{{ job.companyName }}</view>
|
||||
<view class="card-tags">
|
||||
<view class="tag">
|
||||
{{job.education == '不限' ? '学历不限' : job.education}}
|
||||
{{ job.education == '不限' ? '学历不限' : job.education }}
|
||||
</view>
|
||||
<view class="tag">
|
||||
{{job.experience == '不限' ? '经验不限' : job.experience}}
|
||||
{{ job.experience == '不限' ? '经验不限' : job.experience }}
|
||||
</view>
|
||||
<view class="tag">
|
||||
{{ vacanciesTo(job.vacancies) }}
|
||||
{{ vacanciesTo(job.vacancies) }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="card-bottom">
|
||||
@@ -34,22 +37,25 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<!-- 数据类型1的完整模块 -->
|
||||
<view v-else>
|
||||
<view class="card-company">
|
||||
<view class="card-company" :class="{ grayscale: job.isPublish }">
|
||||
<text class="company">{{ job.jobTitle }}</text>
|
||||
<view class="salary">
|
||||
<Salary-Expectation :max-salary="job.maxSalary" :min-salary="job.minSalary"></Salary-Expectation>
|
||||
<Salary-Expectation
|
||||
:max-salary="job.maxSalary"
|
||||
:min-salary="job.minSalary"
|
||||
></Salary-Expectation>
|
||||
</view>
|
||||
</view>
|
||||
<view class="card-companyName">{{ job.companyName }}</view>
|
||||
<view class="card-tags">
|
||||
<view class="tag">
|
||||
{{job.education == '不限' ? '学历不限' : job.education}}
|
||||
{{ job.education == '不限' ? '学历不限' : job.education }}
|
||||
</view>
|
||||
<view class="tag">
|
||||
{{job.experience == '不限' ? '经验不限' : job.experience}}
|
||||
{{ job.experience == '不限' ? '经验不限' : job.experience }}
|
||||
</view>
|
||||
<view class="tag">
|
||||
{{ vacanciesTo(job.vacancies) }}
|
||||
@@ -77,7 +83,7 @@
|
||||
|
||||
<script setup>
|
||||
import { inject, computed, toRaw } from 'vue';
|
||||
const { insertSortData, navTo, vacanciesTo } = inject('globalFunction');
|
||||
const { $api, insertSortData, navTo, vacanciesTo } = inject('globalFunction');
|
||||
import { useRecommedIndexedDBStore } from '@/stores/useRecommedIndexedDBStore.js';
|
||||
const recommedIndexDb = useRecommedIndexedDBStore();
|
||||
const props = defineProps({
|
||||
@@ -129,6 +135,9 @@ function parseDateTime(datetimeStr) {
|
||||
}
|
||||
|
||||
function nextDetail(job) {
|
||||
if (job.isPublish) {
|
||||
return $api.msg('已过期');
|
||||
}
|
||||
navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}&dataType=${job.dataType}`);
|
||||
}
|
||||
</script>
|
||||
@@ -198,4 +207,4 @@ function nextDetail(job) {
|
||||
color: #6C7282;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@@ -86,14 +86,13 @@ const open = (newConfig = {}) => {
|
||||
} = newConfig;
|
||||
|
||||
reset();
|
||||
serchforIt(defaultId);
|
||||
|
||||
if (configTitle) title.value = configTitle;
|
||||
if (typeof success === 'function') confirmCallback.value = success;
|
||||
if (typeof cancel === 'function') cancelCallback.value = cancel;
|
||||
if (typeof change === 'function') changeCallback.value = change;
|
||||
if (Array.isArray(data)) listData.value = data;
|
||||
|
||||
serchforIt(defaultId);
|
||||
rowLabel.value = configRowLabel;
|
||||
rowKey.value = configRowKey;
|
||||
maskClick.value = configMaskClick;
|
||||
@@ -154,7 +153,19 @@ function serchforIt(defaultId) {
|
||||
state.visible = true;
|
||||
return;
|
||||
}
|
||||
$api.createRequest('/app/common/jobTitle/treeselect', {}, 'GET').then((resData) => {
|
||||
if (listData.value.length) {
|
||||
if (userInfo.value.jobTitleId) {
|
||||
const ids = userInfo.value.jobTitleId.split(',').map((id) => Number(id));
|
||||
count.value = ids.length;
|
||||
setCheckedNodes(listData.value, ids);
|
||||
}
|
||||
state.jobTitleId = userInfo.value.jobTitleId;
|
||||
state.stations = listData.value;
|
||||
state.visible = true;
|
||||
|
||||
return;
|
||||
}
|
||||
const LoadCache = (resData) => {
|
||||
if (userInfo.value.jobTitleId) {
|
||||
const ids = userInfo.value.jobTitleId.split(',').map((id) => Number(id));
|
||||
count.value = ids.length;
|
||||
@@ -163,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 = () => {
|
||||
|
||||
Reference in New Issue
Block a user