huoran
/
FE_huoran_client
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix

Browse Source
master
yujialong 4 months ago
parent 3f193aba12
commit 9487b181b2
8 changed files with 67 additions and 71 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      public/index.html
  2. 2
      src/layouts/footer/index.vue
  3. 2
      src/mixins/article/index.js
  4. 2
      src/mixins/page/index.js
  5. 3
      src/pages/article/index.vue
  6. 45
      src/pages/column/index.vue
  7. 44
      src/pages/iasf/index.vue
  8. 2
      src/router/permission.js

2
public/index.html
Unescape View File

@ -16,7 +16,7 @@
s.parentNode.insertBefore(hm, s); s.parentNode.insertBefore(hm, s);
})(); })();
</script> </script>
<title>职站商城</title> <title></title>
</head> </head>
<body> <body>
<noscript> <noscript>

2
src/layouts/footer/index.vue
Unescape View File

@ -111,7 +111,6 @@ export default {
data () { data () {
return { return {
isIasf: false, isIasf: false,
showContactPath: ['/news', '/sfel', '/talent', '/careers', '/edu', '/news'], // 展示联系我们页脚的页面
columns: [], columns: [],
floatings: [], floatings: [],
footers: [], footers: [],
@ -132,7 +131,6 @@ export default {
this.getFooter() this.getFooter()
if (this.$route.path === '/iasf') { if (this.$route.path === '/iasf') {
this.isIasf = true this.isIasf = true
this.getInfo()
} }
}, },
deep: true, deep: true,

2
src/mixins/article/index.js
Unescape View File

@ -90,7 +90,7 @@ export default {
location.href = href location.href = href
} }
} else { } else {
this.$router.push(`/article?articleId=${item.id}&site=${this.site}&id=${item.columnId}`) this.$router.push(`/article?articleId=${item.id}&siteId=${this.site}&id=${item.columnId}`)
} }
} }
} }

2
src/mixins/page/index.js
Unescape View File

@ -19,7 +19,7 @@ export default {
const { id } = this.$route.query const { id } = this.$route.query
if (id) { if (id) {
this.id = id this.id = id
this.getInfo() this.getInfo && this.getInfo()
} }
} }
}, },

3
src/pages/article/index.vue
Unescape View File

@ -103,7 +103,8 @@ export default {
name: columnName || data.columnName, name: columnName || data.columnName,
path: path ? '/' + path : '', path: path ? '/' + path : '',
query: { query: {
id: id || data.columnId id: id || data.columnId,
siteId: data.siteId,
} }
}, },
{ {

45
src/pages/column/index.vue
Unescape View File

@ -37,31 +37,6 @@
</i> --> </i> -->
</div> </div>
</div> </div>
<!-- 侧导航+新闻列表(含文章概述) -->
<div v-if="info.listStyleId === 12" class="forms">
<div class="item">
<span class="label">{{ $t('column.classification') }}：</span>
<el-select v-model="form.classificationId" @change="filter">
<el-option :label="$t('column.all')" :value="null"></el-option>
<el-option v-for="item in classifications" :key="item.id" :label="item.classificationName"
:value="item.id">
</el-option>
</el-select>
</div>
<div class="item">
<span class="label">{{ $t('column.label') }}：</span>
<el-select ref="search" v-model="lableId" multiple @change="filter">
<el-option v-for="item in labels" :key="item.id" :label="item.labelName" :value="item.id">
</el-option>
</el-select>
</div>
<div class="search">
<input type="text" :placeholder="$t('column.titlePlaceholder')" v-model="form.title" />
<!-- <i class="icon">
<img src="@/assets/images/search-white.png" alt="" />
</i> -->
</div>
</div>
<!-- 会议活动：筛选+会议活动列表 --> <!-- 会议活动：筛选+会议活动列表 -->
<div v-if="info.listStyleId === 15" class="forms"> <div v-if="info.listStyleId === 15" class="forms">
<ul class="switch"> <ul class="switch">
@ -789,6 +764,7 @@ export default {
} }
.column-wrap { .column-wrap {
min-height: calc(100vh - 24rem - 90px);
padding: 2rem 0; padding: 2rem 0;
background: url(../../assets/images/column-bg.png) 0 0 / auto no-repeat, background: url(../../assets/images/column-bg.png) 0 0 / auto no-repeat,
url(../../assets/images/column-bg2.png) bottom right/auto auto no-repeat; url(../../assets/images/column-bg2.png) bottom right/auto auto no-repeat;
@ -1338,19 +1314,6 @@ export default {
} }
@media (max-width: 1200px) { @media (max-width: 1200px) {
.banner {
height: 15rem !important;
img {
height: 15rem !important;
}
.texts {
top: 6rem;
left: 3rem;
}
}
.article { .article {
flex-direction: column; flex-direction: column;
width: 90%; width: 90%;
@ -1425,12 +1388,6 @@ export default {
@media (max-width: 640px) { @media (max-width: 640px) {
.banner { .banner {
height: 12rem !important;
img {
height: 12rem !important;
}
.texts { .texts {
left: 2rem; left: 2rem;
bottom: 2rem; bottom: 2rem;

44
src/pages/iasf/index.vue
Unescape View File

@ -17,6 +17,7 @@
</el-carousel> </el-carousel>
<div :class="['block-wrap', { active: hide }]" id="part2"> <div :class="['block-wrap', { active: hide }]" id="part2">
<div class="block card-block"> <div class="block card-block">
<div class="card-bg"></div>
<div class="inner"> <div class="inner">
<h2 class="b-title">{{ modules[1].form.title }}</h2> <h2 class="b-title">{{ modules[1].form.title }}</h2>
<p class="intro" data-wow-delay="0.5s">{{ modules[1].form.des }}</p> <p class="intro" data-wow-delay="0.5s">{{ modules[1].form.des }}</p>
@ -300,41 +301,69 @@ export default {
this.modules = json this.modules = json
console.log("🚀 ~ file: index.vue ~ line 138 ~ this.$post ~ this.modules", this.modules) console.log("🚀 ~ file: index.vue ~ line 138 ~ this.$post ~ this.modules", this.modules)
const promises = []
// 获取文章列表 // 获取文章列表
if (json[5].form.column.length) { if (json[5].form.column.length) {
const { column, articleNum } = json[5].form const { column, articleNum } = json[5].form
promises.push(new Promise((resolve) => {
this.$post(`${this.api.queryArticlesByColumnType}?columnId=${column[column.length - 1]}`).then(({ data }) => { this.$post(`${this.api.queryArticlesByColumnType}?columnId=${column[column.length - 1]}`).then(({ data }) => {
this.articles = Util.removeTag(data.slice(0, articleNum || 4)) this.articles = Util.removeTag(data.slice(0, articleNum || 4))
resolve()
}).catch(err => { }) }).catch(err => { })
}))
} }
if (json[6].form.column.length) { if (json[6].form.column.length) {
const { column, articleNum } = json[6].form const { column, articleNum } = json[6].form
promises.push(new Promise((resolve) => {
this.$post(`${this.api.queryArticlesByColumnType}?columnId=${column[column.length - 1]}`).then(({ data }) => { this.$post(`${this.api.queryArticlesByColumnType}?columnId=${column[column.length - 1]}`).then(({ data }) => {
this.articles1 = Util.removeTag(data.slice(0, articleNum || 4)) this.articles1 = Util.removeTag(data.slice(0, articleNum || 4))
if (this.articles1.length) this.curArticle1 = this.articles1[0] if (this.articles1.length) this.curArticle1 = this.articles1[0]
resolve()
}).catch(err => { }) }).catch(err => { })
}))
} }
if (json[7].form.column.length) { if (json[7].form.column.length) {
const { column, articleNum } = json[7].form const { column, articleNum } = json[7].form
promises.push(new Promise((resolve) => {
this.$post(`${this.api.queryArticlesByColumnType}?columnId=${column[column.length - 1]}`).then(({ data }) => { this.$post(`${this.api.queryArticlesByColumnType}?columnId=${column[column.length - 1]}`).then(({ data }) => {
this.articles2 = Util.removeTag(data.slice(0, articleNum || 4)) this.articles2 = Util.removeTag(data.slice(0, articleNum || 4))
if (this.articles2.length) this.curArticle2 = this.articles2[0] if (this.articles2.length) this.curArticle2 = this.articles2[0]
resolve()
}).catch(err => { }) }).catch(err => { })
}))
} }
if (json[8].form.column.length) { if (json[8].form.column.length) {
const { column, articleNum } = json[8].form const { column, articleNum } = json[8].form
promises.push(new Promise((resolve) => {
this.$post(`${this.api.queryArticlesByColumnType}?columnId=${column[column.length - 1]}`).then(({ data }) => { this.$post(`${this.api.queryArticlesByColumnType}?columnId=${column[column.length - 1]}`).then(({ data }) => {
this.articles3 = Util.removeTag(data.slice(0, articleNum || 4)) this.articles3 = Util.removeTag(data.slice(0, articleNum || 4))
if (this.articles3.length) this.curArticle3 = this.articles3[0] if (this.articles3.length) this.curArticle3 = this.articles3[0]
resolve()
}).catch(err => { }) }).catch(err => { })
}))
} }
if (json[10].form.column.length) { if (json[10].form.column.length) {
const { column, articleNum } = json[10].form const { column, articleNum } = json[10].form
promises.push(new Promise((resolve) => {
this.$post(`${this.api.queryArticlesByColumnType}?columnId=${column[column.length - 1]}`).then(({ data }) => { this.$post(`${this.api.queryArticlesByColumnType}?columnId=${column[column.length - 1]}`).then(({ data }) => {
this.articles4 = Util.removeTag(data.slice(0, articleNum || 3)) this.articles4 = Util.removeTag(data.slice(0, articleNum || 3))
resolve()
}).catch(err => { }) }).catch(err => { })
}))
} }
// 恢复上次从本页面跳转出去时的位置
Promise.all(promises).then(_ => {
this.$nextTick(() => {
const { scrollTop } = this.$store.state.content
if (scrollTop) {
this.hide = true
$(window).scrollTop(scrollTop)
this.$store.commit('content/setScrollTop', 0)
}
})
})
// this.carouselInterval() // this.carouselInterval()
} }
}).catch(err => { }) }).catch(err => { })
@ -556,7 +585,17 @@ $bannerMh: 800px;
} }
.card-block { .card-block {
background: url(https://huorantech.com/images/iasf/14.jpg) 0 0 / cover no-repeat; position: relative;
background: url(https://huorantech.com/images/iasf/15.jpg) 0 0 / cover no-repeat;
.card-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(255, 2550, 255, .9);
}
} }
.card { .card {
@ -597,7 +636,7 @@ $bannerMh: 800px;
align-items: center; align-items: center;
width: 100%; width: 100%;
height: 100%; height: 100%;
font-size: 24px; font-size: 29px;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
color: #fff; color: #fff;
background-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3);
@ -1105,6 +1144,7 @@ $bannerMh: 800px;
width: 632px; width: 632px;
height: 558px; height: 558px;
object-fit: cover; object-fit: cover;
border-top-left-radius: 100px;
} }
} }

2
src/router/permission.js
Unescape View File

@ -2,6 +2,6 @@ import router from "./index";
import Setting from "@/setting"; import Setting from "@/setting";
router.beforeEach((to, from, next) => { router.beforeEach((to, from, next) => {
document.title = Setting.titleSuffix // document.title = Setting.titleSuffix
next() next()
}) })
Write Preview
Loading…
Cancel
Save