mz666
/
bocai_supplyChain_pc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化

Browse Source
cyl/dev
jscyl13849007907 1 year ago
parent ef38ab7742
commit ea4f39b189
4 changed files with 158 additions and 138 deletions
Show Stats Download Patch File Download Diff File

1
src/App.vue
Unescape Escape View File

@ -66,6 +66,7 @@ body {
position: inherit !important;
width: auto !important;
overflow: revert !important;
background-color: #f0f0f0;
}
</style>

10
src/components/FirstJob/detail.vue
Unescape Escape View File

@ -46,7 +46,7 @@
<div class="subset">
<a-skeleton avatar active class="skeleton1" v-show="skeletonshow" :paragraph="{ rows: 4 }" />
<div class="subsetleft" v-show="!skeletonshow">
<div class="subsetleft" v-show="!skeletonshow" style="border-bottom: 1px solid rgb(237, 237, 237);padding-bottom: 20px;">
<div class="info">
<!-- <div class="imgbox">
<img v-if="jobDetail.logo || store.logo" :src="jobDetail.logo || store.logo" alt />
@ -83,7 +83,7 @@
<div style="height: 27px" v-if="!jobDetail.jobSpecialLabelNames" class="jobtag">
<a-tag style="background-color: #f5f5f5">暂无特色</a-tag>
</div> -->
<div class="g_flex_row_between">
<div class="g_flex_row_between g_mt_12">
<div style="display: flex; align-items: center; height: 26px; margin-top: 8px">
<div class="jobpricehour" v-html="getSalaryClassifyValue(jobDetail.salaryClassify, jobDetail.salaryClassifyValue)"></div>
<span style="font-size: 16px">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
@ -159,6 +159,7 @@
</div>
</div>
</div>
<div class="jobinformationbox" style="padding-left: 20px; padding-top: 4px">
<h1>
<div class="infotitle">
@ -405,7 +406,7 @@
<div class="box" style="border-radius: 6px; border: 1px solid #ededed; min-height: 288px">
<div class="title g_flex_row_start" style="height: 40px; border-bottom: 1px solid #ededed; padding: 0 16px">
<div style="font-size: 14px; height: 100%; font-weight: 600" class="g_flex_column_center">佣金：</div>
<div class="g_flex_column_center" style="font-size: 14px; height: 100%; color: #999">
<div class="g_flex_column_center" style="font-size: 14px; height: 100%; color: #333">
<span v-if="isSee">
{{ jobDetail.servetype }}
</span>
@ -413,7 +414,7 @@
</div>
</div>
<div class="content g_p_16">
<div class="con" style="white-space: pre-wrap; font-size: 14px; color: #999">
<div class="con" style="white-space: pre-wrap; font-size: 14px; color: #333">
<span v-if="isSee">
{{ jobDetail.returnFeeDesp || "-" }}
</span>
@ -1366,6 +1367,7 @@ export default {
text-align: left;
color: #666;
line-height: 26px;
margin-top: 6px;
}
.jobpricehour {
// margin-top: 16px;

282
src/components/FirstJob/joblist.vue
Unescape Escape View File

@ -51,8 +51,10 @@
</div>
<div class="g_flex_none g_ml_12">
<a-dropdown :trigger="['click']">
<a style="font-size: 14px;"@click="e => e.preventDefault()">
筛选 <a-icon type="down" style="font-size: 14px;" />
<a style="font-size: 14px;"@click.prevent="e => handleToggle(e)">
筛选
<a-icon type="down" style="font-size: 14px;" v-if="!isToggle" />
<a-icon type="up" style="font-size: 14px;" v-if="isToggle" />
</a>
<div slot="overlay" class="model-obj">
<div class="filter" :class="[filterStatus == 0 ? '' : 'nobd']" style="box-shadow: 3px 3px 20px 0px rgba(77, 87, 94, 0.3);border-radius: 6px;overflow: hidden;">
@ -663,146 +665,147 @@
}"
>
<!-- v-if="signType == ''" -->
<span @click="toDetail(item)" style="cursor: pointer;width: 70%;">
<div class="subsetleft" @click="totop">
<!-- <div class="imgbox">
<img v-if="item.logo.length !== 0" :src="item.logo" style="object-fit: cover; width: 156px; height: 156px" />
<div v-else class="default_avatar">{{ item.brandName || item.jobName }}</div>
</div> -->
<div class="jobinfobox">
<!-- <router-link
target="_blank"
:to="'/detail/' + item.id"
rel="opener"
>-->
<div class="g_flex_row_start">
<div class="jobname">{{ item.jobName }}</div>
<div class="g_flex_column_end">
<div style="color: #a1a1a1;font-size: 14px;margin-left: 15px;">{{ item.up_time }}</div>
<div class="g_flex_row_between g_w_all item-obj">
<span @click="toDetail(item)" style="cursor: pointer;width: 70%;">
<div class="subsetleft" @click="totop">
<!-- <div class="imgbox">
<img v-if="item.logo.length !== 0" :src="item.logo" style="object-fit: cover; width: 156px; height: 156px" />
<div v-else class="default_avatar">{{ item.brandName || item.jobName }}</div>
</div> -->
<div class="jobinfobox">
<!-- <router-link
target="_blank"
:to="'/detail/' + item.id"
rel="opener"
>-->
<div class="g_flex_row_start">
<div class="jobname">{{ item.jobName }}</div>
<div class="g_flex_column_end">
<div style="color: #a1a1a1;font-size: 14px;margin-left: 15px;">{{ item.up_time }}</div>
</div>
</div>
</div>
<!-- <div class="xmfDiv">
<img src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/xmfb.svg" class="" alt="" />
<span class="f12 ml4" style="color: #646572">{{ item.supplierName }}</span>
</div> -->
<!-- <div class="xmfDiv">
<img src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/xmfb.svg" class="" alt="" />
<span class="f12 ml4" style="color: #646572">{{ item.supplierName }}</span>
</div> -->
<!-- <img src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/ysd1.png" style="width: 20px;height: 20px;" alt=""> -->
<!-- <img src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/ysd1.png" style="width: 20px;height: 20px;" alt=""> -->
<!-- </router-link> -->
<div class="jobinfo">
<span>{{ item.storeDistrict ? item.storeDistrict + ' | ' : ''}}</span>
<span>{{ item.gender }}</span>
<span v-if="item.distance != null && item.distance != '' && formvalue.sortTag == 2">{{ item.distanceKm }}</span>
<span v-else>{{ item.age }}</span>
</div>
<div class="jobtag">
<!-- <span>返费</span> -->
<!-- <i class="iconfont icon-ziying" v-if="item.signType == 1" style></i> -->
<span class="hotTag" v-if="item.hotJob == 1">
<i class="iconfont icon-dianzan1 mr0" style="font-size: 12px"></i>
主推
</span>
<span v-for="(item1, index) in item.jobSpecialLabelNames" :key="index">{{ item1 }}</span>
<span v-if="item.jobSpecialLabelNames.length == 0">暂无特色</span>
</div>
<div class="g_flex_row_start">
<div class="jobpricehour" v-html="getSalaryClassifyValue(item.salaryClassify, item.salaryClassifyValue)"></div>
<div class="g_flex_column_end" style="font-size: 16px">&nbsp;|&nbsp;</div>
<div class="g_flex_column_end">
<div class="jobpricemonth g_flex_column_end" v-if="item.minMonthlyPay" style="margin-left: 0;">
<template v-if="signType != 1">
<span>{{ item.minMonthlyPay ? item.minMonthlyPay / 100 : "" }}</span
>-<span>{{ item.maxMonthlyPay ? item.maxMonthlyPay / 100 : "" }}</span
>元/月
</template>
<template v-else>
<span>{{ item.minMonthlyPay ? item.minMonthlyPay / 100 : "" }}</span
>-<span>{{ item.maxMonthlyPay ? item.maxMonthlyPay / 100 : "" }}</span
>元/月
</template>
<!-- </router-link> -->
<div class="jobinfo">
<span>{{ item.storeDistrict ? item.storeDistrict + ' | ' : ''}}</span>
<span>{{ item.gender }}</span>
<span v-if="item.distance != null && item.distance != '' && formvalue.sortTag == 2">{{ item.distanceKm }}</span>
<span v-else>{{ item.age }}</span>
</div>
<div class="jobtag">
<!-- <span>返费</span> -->
<!-- <i class="iconfont icon-ziying" v-if="item.signType == 1" style></i> -->
<span class="hotTag" v-if="item.hotJob == 1">
<i class="iconfont icon-dianzan1 mr0" style="font-size: 12px"></i>
主推
</span>
<span v-for="(item1, index) in item.jobSpecialLabelNames" :key="index">{{ item1 }}</span>
<span v-if="item.jobSpecialLabelNames.length == 0">暂无特色</span>
</div>
<div class="g_flex_row_start">
<div class="jobpricehour" v-html="getSalaryClassifyValue(item.salaryClassify, item.salaryClassifyValue)"></div>
<div class="g_flex_column_end" style="font-size: 16px">&nbsp;|&nbsp;</div>
<div class="g_flex_column_end">
<div class="jobpricemonth g_flex_column_end" v-if="item.minMonthlyPay" style="margin-left: 0;">
<template v-if="signType != 1">
<span>{{ item.minMonthlyPay ? item.minMonthlyPay / 100 : "" }}</span
>-<span>{{ item.maxMonthlyPay ? item.maxMonthlyPay / 100 : "" }}</span
>元/月
</template>
<template v-else>
<span>{{ item.minMonthlyPay ? item.minMonthlyPay / 100 : "" }}</span
>-<span>{{ item.maxMonthlyPay ? item.maxMonthlyPay / 100 : "" }}</span
>元/月
</template>
</div>
</div>
</div>
</div>
</div>
</div>
</span>
<div class="subsetright">
<div class="topContainer">
<div class="updateTime" style="display: none">
<span>更新时间：{{ item.updateTime || "--" }} ( {{ item.diffTime || "--" }} )</span>
</div>
<div class="topbox" v-if="false">
<div>服务费</div>
<div>{{ item.servetype }}</div>
</div>
<div class="fsa f12 pr4" style="background: linear-gradient(138deg,#fde0ad 22%, #fac474); border-radius:2px;color:#754300;line-height:24px;height: 24px;margin-top: 2px;">
<div class>
<img class="mr4" style="width:24px;height:24px;display:block"
src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/fee.svg" lazy-load="false"></img>
</span>
<div class="subsetright">
<div class="topContainer">
<div class="updateTime" style="display: none">
<span>更新时间：{{ item.updateTime || "--" }} ( {{ item.diffTime || "--" }} )</span>
</div>
<div class style="font-size:14px;font-weight: 400;">
<!-- {{agencyStatus == 1 ? (item.fuWuFei ? item.fuWuFei : '-') : '仅代理可见'}} -->
{{ item.servetype }}
<div class="topbox" v-if="false">
<div>服务费</div>
<div>{{ item.servetype }}</div>
</div>
<div class="fsa f12 pr4" style="background: linear-gradient(138deg,#fde0ad 22%, #fac474); border-radius:2px;color:#754300;line-height:24px;height: 24px;margin-top: 2px;">
<div class>
<img class="mr4" style="width:24px;height:24px;display:block"
src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/fee.svg" lazy-load="false"></img>
</div>
<div class style="font-size:14px;font-weight: 400;">
<!-- {{agencyStatus == 1 ? (item.fuWuFei ? item.fuWuFei : '-') : '仅代理可见'}} -->
{{ item.servetype }}
</div>
</div>
</div>
</div>
<div class="bottombox1">
<!-- <a-popover title="" trigger="click" placement="bottomRight">
<template slot="content" class="jobDesp_content">
<div :class="'copy' + index" @click="copyText($event, index)">复制</div>
<span v-if="item.jobDesp" :class="'copyInfo' + index">{{ item.jobDesp }}</span
><span v-else>暂无详单</span>
</template>-->
<a v-if="false">
<button
type="primary"
class="jobDesp br4"
:style="{
background: item.recruitment == '1' ? '#fff' : '#f5f5f5',
}"
@click="toDetail(item)"
>
更多
</button>
</a>
<!-- </a-popover> -->
<div class="g_flex_row_end">
<!-- <a-button shape="circle" type="danger" ghost>
<template #icon> -->
<a v-if="item.customServiceUrl" :href="item.customServiceUrl || 'javascript:;'" target="_blank" class="g_w_60 g_cursor_point">
<div class="g_text_c g_w_all" style="height: 18px;overflow: hidden;line-height: 18px;">
<a-icon type="message" class="g_fs_16" style="color: #666;" />
</div>
<div class="g_w_all" style="font-size: 12px;text-align: center;color: #666;zoom: 0.92;">联系客服</div>
</a>
<div class="g_w_60 g_cursor_point" @click="$message.error('此职位暂未接入客服')" v-else>
<div class="g_text_c g_w_all" style="height: 18px;overflow: hidden;line-height: 18px;">
<a-icon type="message" class="g_fs_16" style="color: #666;" />
</div>
<div class="bottombox1">
<!-- <a-popover title="" trigger="click" placement="bottomRight">
<template slot="content" class="jobDesp_content">
<div :class="'copy' + index" @click="copyText($event, index)">复制</div>
<span v-if="item.jobDesp" :class="'copyInfo' + index">{{ item.jobDesp }}</span
><span v-else>暂无详单</span>
</template>-->
<a v-if="false">
<button
type="primary"
class="jobDesp br4"
:style="{
background: item.recruitment == '1' ? '#fff' : '#f5f5f5',
}"
@click="toDetail(item)"
>
更多
</button>
</a>
<!-- </a-popover> -->
<div class="g_flex_row_end">
<!-- <a-button shape="circle" type="danger" ghost>
<template #icon> -->
<a v-if="item.customServiceUrl" :href="item.customServiceUrl || 'javascript:;'" target="_blank" class="g_w_60 g_cursor_point">
<div class="g_text_c g_w_all" style="height: 18px;overflow: hidden;line-height: 18px;">
<a-icon type="message" class="g_fs_16" style="color: #666;" />
</div>
<div class="g_w_all" style="font-size: 12px;text-align: center;color: #666;zoom: 0.92;">联系客服</div>
</a>
<div class="g_w_60 g_cursor_point" @click="$message.error('此职位暂未接入客服')" v-else>
<div class="g_text_c g_w_all" style="height: 18px;overflow: hidden;line-height: 18px;">
<a-icon type="message" class="g_fs_16" style="color: #666;" />
</div>
<div class="g_w_all" style="font-size: 12px;text-align: center;color: #666;zoom: 0.92;">联系客服</div>
</div>
<div class="g_w_all" style="font-size: 12px;text-align: center;color: #666;zoom: 0.92;">联系客服</div>
</div>
<!-- </template>
</a-button>
<a-button shape="circle" type="danger" ghost @click="toggleGhost" class="g_ml_12">
<template #icon> -->
<div class="g_w_40 g_cursor_point" v-if="false">
<div class="g_text_c g_w_all" style="height: 18px;line-height: 18px;">
<a-icon class="g_fs_17" style="color:#666;" type="star" />
<!-- </template>
</a-button>
<a-button shape="circle" type="danger" ghost @click="toggleGhost" class="g_ml_12">
<template #icon> -->
<div class="g_w_40 g_cursor_point" v-if="false">
<div class="g_text_c g_w_all" style="height: 18px;line-height: 18px;">
<a-icon class="g_fs_17" style="color:#666;" type="star" />
</div>
<div class="g_w_all" style="font-size: 12px;text-align: center;color: #666;zoom: 0.92;">收藏</div>
</div>
<div class="g_w_all" style="font-size: 12px;text-align: center;color: #666;zoom: 0.92;">收藏</div>
</div>
<!-- </template> -->
<!-- </a-button> -->
</div>
<a-button class="br4 g_ml_12" @click="torecord(item)" v-if="item.recruitment == '1'" type="primary" style="font-size: 13px;">立即报名</a-button>
<button class="norecruitment" v-else>暂时停招</button>
<!-- </template> -->
<!-- </a-button> -->
</div>
<a-button class="br4 g_ml_12" @click="torecord(item)" v-if="item.recruitment == '1'" type="primary" style="font-size: 13px;">立即报名</a-button>
<button class="norecruitment" v-else>暂时停招</button>
<!-- <button @click="showmodal(item)" @click="">报名</button> -->
<!-- <button @click="showmodal(item)" @click="">报名</button> -->
</div>
</div>
</div>
</div>
@ -935,6 +938,7 @@ export default {
// 组件状态值
data() {
return {
isToggle:false,
isFetching: false, // 标志位，防止重复加载
speed:1,// 加载进度0 未加载 1加载中 2加载完成
isStop:false,// 是否停止加载
@ -2249,6 +2253,9 @@ export default {
// console.log("this.recordShow", this.recordShow);
// console.log("this.currentInfo", this.currentInfo);
},
handleToggle(e){
this.isToggle = !this.isToggle
}
},
};
</script>
@ -2884,20 +2891,24 @@ export default {
position: relative;
transform: translateY(35px);
}
}
}
.subset {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #ededed;
padding: 16px;
background: #ffffff;
transition: all 0.2s;
border: 1px solid transparent;
// border: 1px solid transparent;
overflow: hidden;
.item-obj{
transition: all 0.2s;
padding: 16px;
}
&:hover {
// position: relative;
box-shadow: 20px 20px 20px 20px rgba(77, 87, 94, 0.1);
// transform: translateY(-0.5px);
.item-obj{
transform: scale(1.02);
// box-shadow: 0 2px 12px 0 red
}
}
.subsetleft {
display: flex;
@ -3736,4 +3747,7 @@ p {
}
}
.stoggle{
transform: rotate(90deg);
}
</style>

3
src/views/main.vue
Unescape Escape View File

@ -20,6 +20,9 @@
</div>
</div> -->
<i class="iconfont icon-bocaigongyinglian-chunwenzilogo" style="font-size: 18.8px;"></i>
<div class="g_fs_12" style="zoom: 0.85;color: #999;">
人力资源供应链平台
</div>
</div>
</router-link>
<ul class="fsa titleTag" style="margin-left: 40px;">

Write Preview
Loading…
Cancel
Save