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; position: inherit !important;
width: auto !important; width: auto !important;
overflow: revert !important; overflow: revert !important;
background-color: #f0f0f0;
} }
</style> </style>

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

@ -46,7 +46,7 @@
<div class="subset"> <div class="subset">
<a-skeleton avatar active class="skeleton1" v-show="skeletonshow" :paragraph="{ rows: 4 }" /> <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="info">
<!-- <div class="imgbox"> <!-- <div class="imgbox">
<img v-if="jobDetail.logo || store.logo" :src="jobDetail.logo || store.logo" alt /> <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"> <div style="height: 27px" v-if="!jobDetail.jobSpecialLabelNames" class="jobtag">
<a-tag style="background-color: #f5f5f5">暂无特色</a-tag> <a-tag style="background-color: #f5f5f5">暂无特色</a-tag>
</div> --> </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 style="display: flex; align-items: center; height: 26px; margin-top: 8px">
<div class="jobpricehour" v-html="getSalaryClassifyValue(jobDetail.salaryClassify, jobDetail.salaryClassifyValue)"></div> <div class="jobpricehour" v-html="getSalaryClassifyValue(jobDetail.salaryClassify, jobDetail.salaryClassifyValue)"></div>
<span style="font-size: 16px">&nbsp;&nbsp;|&nbsp;&nbsp;</span> <span style="font-size: 16px">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
@ -159,6 +159,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="jobinformationbox" style="padding-left: 20px; padding-top: 4px"> <div class="jobinformationbox" style="padding-left: 20px; padding-top: 4px">
<h1> <h1>
<div class="infotitle"> <div class="infotitle">
@ -405,7 +406,7 @@
<div class="box" style="border-radius: 6px; border: 1px solid #ededed; min-height: 288px"> <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 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 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"> <span v-if="isSee">
{{ jobDetail.servetype }} {{ jobDetail.servetype }}
</span> </span>
@ -413,7 +414,7 @@
</div> </div>
</div> </div>
<div class="content g_p_16"> <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"> <span v-if="isSee">
{{ jobDetail.returnFeeDesp || "-" }} {{ jobDetail.returnFeeDesp || "-" }}
</span> </span>
@ -1366,6 +1367,7 @@ export default {
text-align: left; text-align: left;
color: #666; color: #666;
line-height: 26px; line-height: 26px;
margin-top: 6px;
} }
.jobpricehour { .jobpricehour {
// margin-top: 16px; // margin-top: 16px;

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

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

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

@ -20,6 +20,9 @@
</div> </div>
</div> --> </div> -->
<i class="iconfont icon-bocaigongyinglian-chunwenzilogo" style="font-size: 18.8px;"></i> <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> </div>
</router-link> </router-link>
<ul class="fsa titleTag" style="margin-left: 40px;"> <ul class="fsa titleTag" style="margin-left: 40px;">

Write Preview
Loading…
Cancel
Save