yujialong 1 year ago
parent e452965be2
commit 6f29627c10
  1. 2
      src/i18n/index.js
  2. 2
      src/pages/article/index.vue
  3. 26
      src/pages/column/index.vue
  4. 1075
      src/pages/home/index.vue
  5. 8
      src/pages/iasf/index.vue
  6. 5
      src/pages/lightSources/index.vue
  7. 14
      src/pages/news/index.vue
  8. 2
      src/pages/publication/index.vue
  9. 35
      src/pages/scientific/index.vue
  10. 4
      src/styles/page/page.scss

@ -69,6 +69,7 @@ export const messages = {
introduce: '介绍', introduce: '介绍',
ActivityIntroduction: '活动简介', ActivityIntroduction: '活动简介',
back: '返回', back: '返回',
comming: '暂无更多信息,敬请期待。',
} }
}, },
'en': { 'en': {
@ -140,6 +141,7 @@ export const messages = {
introduce: 'Introduce', introduce: 'Introduce',
ActivityIntroduction: 'Activity Introduction', ActivityIntroduction: 'Activity Introduction',
back: 'Back', back: 'Back',
comming: 'coming soone',
} }
} }
}; };

@ -186,7 +186,7 @@ export default {
} }
.banner { .banner {
height: 21.6rem; height: 21.6rem;
padding: 14.68rem 0 0 22.1875rem; padding: 150px 0 0 267px;
font-size: 2.16rem; font-size: 2.16rem;
font-weight: 600; font-weight: 600;
color: #fff; color: #fff;

@ -342,6 +342,11 @@
onerror="javascript:this.src='./images/1.png';" /> onerror="javascript:this.src='./images/1.png';" />
<template v-else> <template v-else>
<!-- <el-image class="media-pic"
:style="{backgroundImage: 'url(http://10.10.11.7/iasf/sysFiles/preview/1706961813193707521)'}"
src="http://10.10.11.7/iasf/sysFiles/preview/1706961813193707521"
:preview-src-list="['http://10.10.11.7/iasf/sysFiles/preview/1706961813193707521']">
</el-image> -->
<video v-if="Util.isVideo(item.fileList[0].fileName.substring(item.fileList[0].fileName.lastIndexOf('.') + 1))" <video v-if="Util.isVideo(item.fileList[0].fileName.substring(item.fileList[0].fileName.lastIndexOf('.') + 1))"
class="media-video" class="media-video"
controls controls
@ -423,10 +428,11 @@
class="none"> class="none">
<img src="@/assets/images/none.png" <img src="@/assets/images/none.png"
alt=""> alt="">
<p class="text">暂无更多信息敬请期待</p> <p class="text">{{ $t('column.comming') }}</p>
</div> </div>
</div> </div>
</div> </div>
<!-- <template v-if="info.listStyleId !== 73 && info.listStyleId !== 74"> -->
<template v-if="info.listStyleId !== 73 && info.listStyleId !== 74"> <template v-if="info.listStyleId !== 73 && info.listStyleId !== 74">
<div v-if="site == 2" <div v-if="site == 2"
class="right"> class="right">
@ -467,6 +473,8 @@
</ul> </ul>
</div> </div>
</template> </template>
<div v-else
class="right"></div>
</div> </div>
</div> </div>
</div> </div>
@ -877,8 +885,8 @@ export default {
} }
.texts { .texts {
position: absolute; position: absolute;
bottom: 87px; top: 160px;
left: 213px; left: 267px;
} }
.text { .text {
@ -1179,12 +1187,12 @@ export default {
} }
.media-video { .media-video {
width: 100%; width: 100%;
height: 200px; min-height: 155px;
} }
/deep/.media-pic { /deep/.media-pic {
width: 100%; width: 100%;
height: 200px; min-height: 155px;
// background-size: 100% auto; // height: 200px;
background-position: center center; background-position: center center;
background-repeat: no-repeat; background-repeat: no-repeat;
img { img {
@ -1198,6 +1206,7 @@ export default {
h6 { h6 {
margin-top: 10px; margin-top: 10px;
margin-bottom: 0; margin-bottom: 0;
font-size: 1.2rem;
text-align: center; text-align: center;
} }
} }
@ -1460,6 +1469,11 @@ export default {
} }
} }
} }
.media {
li {
padding: 0;
}
}
.right { .right {
width: 95%; width: 95%;

File diff suppressed because it is too large Load Diff

@ -570,7 +570,7 @@ $bannerHeight: calc(100vw / 2.03);
width: 1200px; width: 1200px;
} }
.card-block { .card-block {
background: url(http://10.10.11.7/images/iasf/14.jpg) 0 0/100% 100% no-repeat; background: url(http://10.10.11.7/images/iasf/14.jpg) 0 0 / cover no-repeat;
} }
.card { .card {
display: flex; display: flex;
@ -643,7 +643,7 @@ $bannerHeight: calc(100vw / 2.03);
} }
} }
.news-wrap { .news-wrap {
background: url(http://10.10.11.7/images/iasf/1.png) 0 0/100% 100% no-repeat; background: url(http://10.10.11.7/images/iasf/1.png) 0 0 / cover no-repeat;
} }
.news-title:after { .news-title:after {
display: none; display: none;
@ -908,7 +908,7 @@ $bannerHeight: calc(100vw / 2.03);
} }
} }
.people-block { .people-block {
background: url(../../assets/images/FEL.png) 0 0/100% 100% no-repeat; background: url(../../assets/images/FEL.png) 0 0 / cover no-repeat;
} }
.people { .people {
display: flex; display: flex;
@ -958,7 +958,7 @@ $bannerHeight: calc(100vw / 2.03);
} }
} }
.talent-block { .talent-block {
background: url(http://10.10.11.7/images/iasf/11.png) 0 0/100% 100% no-repeat; background: url(http://10.10.11.7/images/iasf/11.png) 0 0 / cover no-repeat;
} }
.talent { .talent {
display: flex; display: flex;

@ -81,7 +81,7 @@
<th>地点</th> <th>地点</th>
<th>加速器技术</th> <th>加速器技术</th>
<th>能量/GeV</th> <th>能量/GeV</th>
<th>波长范围/nm</th> <th>光子能量</th>
<th>重复频率/Hz</th> <th>重复频率/Hz</th>
<th>设施长度/m</th> <th>设施长度/m</th>
<th>实验站</th> <th>实验站</th>
@ -113,7 +113,8 @@
colspan="20">暂无数据</td> colspan="20">暂无数据</td>
</tr> </tr>
</table> </table>
<div class="copyright">全球先进光源页面所刊载内容包括图片文字数据源自相关设施官方网站宣传手册以及国际原子能机构IAEA网站公开数据由深圳综合粒子设施研究院及中国科学学与科技政策研究会科技基础设施专业委员会共同汇总整理而来相关内容供访问者学习研究如需转载或引用须声明内容来源</div> <div class="copyright"
v-html="modules[4].form.des"></div>
</div> </div>
</div> </div>
</div> </div>

@ -169,8 +169,8 @@
onerror="javascript:this.src='./images/1.png';"> onerror="javascript:this.src='./images/1.png';">
<div class="texts"> <div class="texts">
<div class="meta"> <div class="meta">
<p class="date">09</p> <p class="date">{{ articles1[0].date }}</p>
<p class="year">2022-03</p> <p class="year">{{ articles1[0].month }}</p>
</div> </div>
<div> <div>
<h6>{{ articles1[0].title }}</h6> <h6>{{ articles1[0].title }}</h6>
@ -294,7 +294,15 @@ export default {
if (json[5].form.column.length) { if (json[5].form.column.length) {
const { column, site, articleNum } = json[5].form const { column, site, articleNum } = json[5].form
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 || 5)) if (data.length) {
//
if (data[0].releaseTime) {
const date = data[0].releaseTime.split('-')
data[0].date = date[2]
data[0].month = date[0] + '-' + date[1]
}
this.articles1 = Util.removeTag(data.slice(0, articleNum || 5))
}
}).catch(err => { }) }).catch(err => { })
} }

@ -123,7 +123,7 @@ export default {
} }
.text { .text {
font-size: 3.42rem; font-size: 2.2rem;
font-weight: 600; font-weight: 600;
@include ellipsis; @include ellipsis;
} }

@ -13,8 +13,6 @@
<div class="block gray" <div class="block gray"
style="padding: 2rem 0;"> style="padding: 2rem 0;">
<div class="inner"> <div class="inner">
<Breadcrumb ref="breadcrumb"
:data.sync="routes" />
<ul class="items"> <ul class="items">
<li> <li>
<img class="pic" <img class="pic"
@ -72,7 +70,6 @@
<script> <script>
import mixins from "@/mixins/page"; import mixins from "@/mixins/page";
import WOW from "wow.js"; import WOW from "wow.js";
import Breadcrumb from '@/components/breadcrumb'
import Util from '@/libs/util' import Util from '@/libs/util'
export default { export default {
mixins: [mixins], mixins: [mixins],
@ -81,12 +78,8 @@ export default {
routes: [], routes: [],
}; };
}, },
components: {
Breadcrumb
},
mounted () { mounted () {
new WOW().init(); new WOW().init();
this.getColumn()
}, },
methods: { methods: {
// //
@ -111,34 +104,6 @@ export default {
}) })
.catch((err) => { }); .catch((err) => { });
}, },
// id
getParent (data, id) {
for (const e of data) {
if (e.id == id) {
this.routes.push({
name: e.columnName,
query: {
id: e.id
}
})
break
} else if (e.children.length) {
this.routes.push({
name: e.columnName,
query: {
id: e.id
}
})
this.getParent(e.children, id)
}
}
},
//
getColumn () {
this.$post(`${this.api.oneLevelChecksThemAll}?id=${this.id}&isSort=1&siteId=${this.site}`).then(({ data }) => {
this.getParent(data, this.id)
}).catch(err => { })
},
}, },
}; };
</script> </script>

@ -73,10 +73,6 @@
top: 160px; top: 160px;
left: 267px; left: 267px;
} }
&.single-banner-overview .texts {
top: 250px;
left: 278px;
}
.banner-title { .banner-title {
margin-bottom: 19px; margin-bottom: 19px;
font-size: 2.2rem; font-size: 2.2rem;

Loading…
Cancel
Save