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

列表页更新时间优化

Browse Source
cyl/dev
wangxia 4 years ago
parent e96e829e8d
commit f4cbd28835
6 changed files with 89 additions and 46 deletions
Show Stats Download Patch File Download Diff File

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

@ -252,10 +252,19 @@
</div>
</div>
<div class="subsetright">
<div class="topContainer">
<div class="updateTime">
<span
>更新时间：{{ item.updateTime || "--" }}（{{
item.diffTime || "--"
}}）</span
>
</div>
<div class="topbox">
<div>服务费</div>
<div>{{ item.servetype }}</div>
</div>
</div>
<div class="bottombox1">
<router-link
:to="'/detail/' + item.id"
@ -1262,7 +1271,7 @@ export default {
justify-content: space-between;
// width: 944px;
// height: 212px;
padding: 16px;
padding: 12px 20px;
margin-bottom: 16px;
background: #ffffff;
border-radius: 4px;
@ -1355,9 +1364,20 @@ export default {
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
.topContainer {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
}
.updateTime {
font-size: 14px;
color: #999;
}
.topbox {
width: 116px;
height: 54px;
margin-top: 12px;
overflow: hidden;
text-align: center;
background: rgba(255, 106, 0, 0.1);

42
src/components/main/index.vue
Unescape Escape View File

@ -26,22 +26,22 @@
</ul> -->
<a-anchor :affix="true">
<a-anchor-link
@click.prevent="false"
@click.native.prevent=""
href="#toAboutBill"
title="关于一手单"
/>
<a-anchor-link
@click.prevent="false"
@click.native.prevent=""
href="#cooperativeBrand"
title="合作品牌"
/>
<a-anchor-link
@click.prevent="false"
@click.native.prevent=""
href="#businessLandscape"
title="业务版图"
/>
<a-anchor-link
@click.prevent="false"
@click.native.prevent=""
href="#relationUs"
title="联系我们"
/>
@ -94,8 +94,8 @@
<div class="title">联系我们</div>
<div class="content">
<div class="left">
<p>总部地址：郑州市管城回族区东站南街升龙广场2号楼A座1116室</p>
<p>接待地址：伯才人力资源服务中心（航空港区店）</p>
<p>总部地址：河南省郑州市郑东新区升龙广场2号楼A座</p>
<p>接待地址：河南省郑州市航空港区相州街29-60号</p>
<p>联系电话：168 3666 8888</p>
</div>
<div class="right">
@ -118,7 +118,7 @@
</div>
<footer>
<div class="w">
<ul>
<!-- <ul>
<li @click="totop"><router-link to="/list">一手职位</router-link></li>
<li></li>
<li @click="totop">
@ -128,7 +128,7 @@
<li @click="totop">
<router-link to="/aboutus">关于我们</router-link>
</li>
</ul>
</ul> -->
<div>
Copyright © 2015 - 2022 Matripe. All Rights Reserved. <i></i>
<a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index"
@ -143,7 +143,6 @@
<script>
import Vue from "vue";
import { animate } from "popmotion";
const path = require("path");
const files = require.context("../../../static/img", false, /.png$/);
@ -209,18 +208,18 @@ export default {
}
});
},
toTargetLocation(target) {
// console.log(123);
const now = window.scrollY;
// 2. 目标位置（文章信息区域的高度）
const dist = document.getElementById(target).getBoundingClientRect().top;
console.log(dist);
animate({
from: now, // 当前的位置
to: dist, // 目标位置
onUpdate: (latest) => window.scrollTo(0, latest),
});
},
// toTargetLocation(target) {
// // console.log(123);
// const now = window.scrollY;
// // 2. 目标位置（文章信息区域的高度）
// const dist = document.getElementById(target).getBoundingClientRect().top;
// console.log(dist);
// animate({
// from: now, // 当前的位置
// to: dist, // 目标位置
// onUpdate: (latest) => window.scrollTo(0, latest),
// });
// },
totop() {
// console.log(window);
document.body.scrollTop = 0;
@ -286,6 +285,7 @@ export default {
border-radius: 8px 8px 0 0;
overflow: hidden;
transform: translateX(-50%);
transition: all 0.2s;
z-index: 999;
.ant-anchor {
display: flex;

8
src/components/main/index1.vue
Unescape Escape View File

@ -26,22 +26,22 @@
</ul> -->
<a-anchor :affix="true">
<a-anchor-link
@click.prevent="false"
@click.native.prevent=""
href="#toAboutBill"
title="关于一手单"
/>
<a-anchor-link
@click.prevent="false"
@click.native.prevent=""
href="#cooperativeBrand"
title="合作品牌"
/>
<a-anchor-link
@click.prevent="false"
@click.native.prevent=""
href="#businessLandscape"
title="业务版图"
/>
<a-anchor-link
@click.prevent="false"
@click.native.prevent=""
href="#relationUs"
title="联系我们"
/>

23
src/utils/commonUtil.js
Unescape Escape View File

@ -1245,7 +1245,28 @@ export function disposeJobListData(jobList) {
}
item["age"] = ageStr;
//服务费
// 更新时间距离现在的差距
let differenceTime =
new Date().getTime() -
new Date(item.updateTime || new Date()).getTime();
var D = Math.floor(differenceTime / (24 * 60 * 60 * 1000));
var leave1 = differenceTime % (24 * 3600 * 1000);
var H = Math.floor(leave1 / (3600 * 1000));
var leave2 = leave1 % (3600 * 1000);
var M = Math.floor(leave2 / (60 * 1000));
var leave3 = leave2 % (60 * 1000);
var S = Math.floor(leave3 / 1000);
item.diffTime = null;
if (D > 0) {
item.diffTime = D + "天前";
} else if (H > 0) {
item.diffTime = H + "小时前";
} else if (M > 0) {
item.diffTime = M + "分钟前";
} else {
item.diffTime = S + "秒前";
}
// 服务费
// console.log(item);
if (item.returnFeeType) {

4
src/utils/request.js
Unescape Escape View File

@ -12,8 +12,8 @@ console.log(baseURL);
axios.defaults.withCredentials = true; //添加这行代码
// console.log(axios);
const service = axios.create({
// baseURL: "/api_prod", // url = base url + request url
baseURL: baseURL, // baseURL: "/api", // url = base url + request url
baseURL: "/api_prod", // url = base url + request url
// baseURL: baseURL, // baseURL: "/api", // url = base url + request url
withCredentials: true, // send cookies when cross-domain requests
timeout: 10000, // request timeout
crossDomain: true,

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

@ -16,7 +16,7 @@
<router-link to="/">
<a
href="javascript:;"
:class="routertitleindex === 0 ? 'titleactive' : ''"
:class="routertitleindex == 0 ? 'titleactive' : ''"
>首页</a
></router-link
>
@ -25,7 +25,7 @@
<router-link to="/list" @click.native="toList"
><a
href="javascript:;"
:class="routertitleindex === 1 ? 'titleactive' : ''"
:class="routertitleindex == 1 ? 'titleactive' : ''"
>一手职位</a
></router-link
>
@ -33,7 +33,7 @@
<li>
<router-link
to="/mybill"
:class="routertitleindex === 5 ? 'titleactiveafter' : ''"
:class="routertitleindex == 5 ? 'titleactive' : ''"
>我的报名
</router-link>
</li>
@ -406,11 +406,12 @@ export default {
if (this.$route.fullPath == "/main") {
if (
navigationBar.getBoundingClientRect().top <= 0 &&
aboutBill.getBoundingClientRect().top < 84
aboutBill.getBoundingClientRect().top < 85
) {
navigationBar.style.position = "fixed";
navigationBar.style.top = "0px";
navigationBar.style.boxShadow = "0 0 10px 0 #eee";
navigationBar.style.width = "1920px";
} else if (
navigationBar.getBoundingClientRect().top == 0 &&
aboutBill.getBoundingClientRect().top >= 84
@ -420,6 +421,7 @@ export default {
navigationBar.style.top = "unset";
navigationBar.style.bottom = "0px";
navigationBar.style.boxShadow = "none";
navigationBar.style.width = "1200px";
}
}
},
@ -456,7 +458,7 @@ export default {
if (data.status === 200) {
this.jobMainList = disposeJobListData(data.data.recordList);
this.formvalue.total = data.data.recordCount;
// console.log(this.jobMainList);
console.log(this.jobMainList);
} else {
this.$message.info("数据获取失败");
}

Write Preview
Loading…
Cancel
Save