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;

32
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,7 +665,7 @@
}" }"
> >
<!-- 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">
@ -807,6 +809,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="loading-ing g_pt_20 g_pb_20"> <div class="loading-ing g_pt_20 g_pb_20">
<div class="g_w_all g_text_c g_fs_14"> <div class="g_w_all g_text_c g_fs_14">
{{ speed == 1 ? '加载中' : '加载完成' }} {{ speed == 1 ? '加载中' : '加载完成' }}
@ -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