|
|
|
|
@ -1,48 +1,92 @@ |
|
|
|
|
<template> |
|
|
|
|
<div class="wrap"> |
|
|
|
|
<div class="banner">装置介绍</div> |
|
|
|
|
<div class="actions"> |
|
|
|
|
<p class="page-name">页面设置/装置介绍</p> |
|
|
|
|
<div> |
|
|
|
|
<el-button type="primary" @click="preview">预览</el-button> |
|
|
|
|
<el-button @click="save(0)">保存为草稿</el-button> |
|
|
|
|
<el-button type="primary" @click="save(1)">发布</el-button> |
|
|
|
|
<el-button @click="back">放弃编辑</el-button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="modules"> |
|
|
|
|
<div class="relative"> |
|
|
|
|
<el-carousel height="480px" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'"> |
|
|
|
|
<template v-for="(item, i) in modules[0].list"> |
|
|
|
|
<el-carousel-item v-if="item.pic && item.isEnable" :key="i"> |
|
|
|
|
<img width="100%" height="100%" :src="item.pic" alt=""> |
|
|
|
|
</el-carousel-item> |
|
|
|
|
</template> |
|
|
|
|
</el-carousel> |
|
|
|
|
<div class="cover" @click="toSet(0)">点击更换banner与链接</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="block share"> |
|
|
|
|
<div class="inner"> |
|
|
|
|
<h6>整体布局</h6> |
|
|
|
|
<p class="en">The overall layout</p> |
|
|
|
|
<div class="card">S³FEL装置主要包括一台超导直线加速器（电子束能量为2.5 GeV、重复频率为1 MHz）、4条波荡器线及首批14个实验线站。根据具体的功能可以分为注入器、主加速器、自由电子激光放大器（波荡器线）、光束线和实验站，还有包括束流诊断、控制、激光、同步、数据采集与处理等在内的公共子系统，以及低温、公用设施等配套系统和设施。</div> |
|
|
|
|
<div class="flex" style="margin-top: 290px"> |
|
|
|
|
<div class="left"> |
|
|
|
|
<div class="des"> S³FEL首批拟建设4条波荡器线，分别是2条外种子（EEHG）线和2条自放大自发辐射（SASE）线，以同时满足首批实验站的不同研究需求。按照能区划分，FEL-1、FEL-2工作在自放大自发辐射模式（SASE），并且为将来升级为self-seeding模式预留空间。FEL-1出光波段为1-3 nm（调整电子束能量时可覆盖1-6 nm），FEL-2输出光波长为2.3-15 nm，作为光刻研究专用光束线。FEL-3和4基于回声型谐波产生原理（EEHG），FEL-3输出波长为2.3-15 nm，涵盖水窗波段，FEL-4输出波长为5-30 nm的极紫外FEL脉冲。通过快速束流分配技术，波荡器束线可同时工作。各条波荡器线产生的FEL光，通过光束线系统实现FEL光学参数的实时诊断，包括光强、光谱、光斑位置，光斑尺寸以及相干性等，并通过传输与聚焦系统传输至后端的实验站，以满足各个实验站对光源的不同需求。首批建设实验站共涉及6个前沿科技领域，分别为极紫外光刻、量子材料、能源催化、生物医药、大气与星际科学以及原子分子科学。</div> |
|
|
|
|
<div class="block share"> |
|
|
|
|
<div class="inner"> |
|
|
|
|
<div class="c-wrap"> |
|
|
|
|
<h6>{{ modules[1].form.title }}</h6> |
|
|
|
|
<p class="en">{{ modules[1].form.subTitle }}</p> |
|
|
|
|
<div class="card" v-html="modules[1].form.des"></div> |
|
|
|
|
<div class="cover" @click="toSet(1)">点击更改标题、小标题与概述</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="flex c-wrap" style="margin-top: 50px"> |
|
|
|
|
<div class="left"> |
|
|
|
|
<div class="des" v-html="modules[2].form.des"></div> |
|
|
|
|
</div> |
|
|
|
|
<img class="pic" :src="modules[2].form.pic" alt=""> |
|
|
|
|
<div class="cover" @click="toSet(2)">点击更改概述与图片</div> |
|
|
|
|
</div> |
|
|
|
|
<img class="pic" src="@/assets/images/device/6.png" alt=""> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="intro"> |
|
|
|
|
<img class="bg" src="@/assets/images/device/7.png" alt=""> |
|
|
|
|
<img class="pic" src="@/assets/images/device/8.png" alt=""> |
|
|
|
|
</div> |
|
|
|
|
<div class="intro"> |
|
|
|
|
<img class="bg" src="http://10.10.11.7/images/device/7.png" alt=""> |
|
|
|
|
<div class="c-wrap" style="min-height: 700px"> |
|
|
|
|
<img class="pic" style="max-height: 600px" :src="modules[3].form.pic" alt=""> |
|
|
|
|
<div class="cover" @click="toSet(3)">点击更改图片</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="unit"> |
|
|
|
|
<h6>S³FEL性能指标</h6> |
|
|
|
|
<img class="pic" src="@/assets/images/device/9.png" alt=""> |
|
|
|
|
<div class="unit c-wrap"> |
|
|
|
|
<h6>{{ modules[4].form.title }}</h6> |
|
|
|
|
<img class="pic" :src="modules[4].form.pic" alt=""> |
|
|
|
|
<div class="cover" @click="toSet(4)">点击更改标题与图片</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<Module ref="module" :data.sync="curData" :visible.sync="diaVisible" @moduleSubmit="moduleSubmit" /> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
import mixins from '@/mixins/page' |
|
|
|
|
import Breadcrumb from '@/components/breadcrumb' |
|
|
|
|
import Modules from '@/const/modules' |
|
|
|
|
export default { |
|
|
|
|
mixins: [mixins], |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
routes: [] |
|
|
|
|
modules: Modules.deviceIntroLayout |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
components: { |
|
|
|
|
Breadcrumb |
|
|
|
|
}, |
|
|
|
|
mounted() { |
|
|
|
|
|
|
|
|
|
this.$store.commit('user/setCrumbs', [ |
|
|
|
|
{ |
|
|
|
|
name: '站点管理', |
|
|
|
|
route: '/site' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
name: '内容管理', |
|
|
|
|
route: '/column' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
name: '栏目管理', |
|
|
|
|
route: '/column' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
name: '装置介绍' |
|
|
|
|
} |
|
|
|
|
]) |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
|
|
|
|
|
@ -53,10 +97,7 @@ export default { |
|
|
|
|
<style lang="scss" scoped> |
|
|
|
|
@import "../../../styles/page/page.scss"; |
|
|
|
|
.wrap { |
|
|
|
|
background: url(../../../assets/images/device/4.png) bottom right/auto no-repeat; |
|
|
|
|
} |
|
|
|
|
.banner { |
|
|
|
|
background: url(../../../assets/images/device/14.png) 0 0/100% 100% no-repeat; |
|
|
|
|
background: url(http://10.10.11.7/images/device/4.png) bottom right/auto no-repeat; |
|
|
|
|
} |
|
|
|
|
.share { |
|
|
|
|
position: relative; |
|
|
|
|
@ -83,8 +124,6 @@ export default { |
|
|
|
|
color: #E3E3E3; |
|
|
|
|
} |
|
|
|
|
.card { |
|
|
|
|
position: absolute; |
|
|
|
|
left: 0; |
|
|
|
|
max-width: 1671px; |
|
|
|
|
width: 90%; |
|
|
|
|
padding: 32px 52px 25px 16%; |
|
|
|
|
@ -93,7 +132,7 @@ export default { |
|
|
|
|
font-weight: 500; |
|
|
|
|
color: #FFFFFF; |
|
|
|
|
line-height: 38px; |
|
|
|
|
background: url(../../../assets/images/device/5.png) 0 0/cover no-repeat; |
|
|
|
|
background: url(http://10.10.11.7/images/device/5.png) 0 0/cover no-repeat; |
|
|
|
|
} |
|
|
|
|
.des { |
|
|
|
|
margin-top: 25px; |
|
|
|
|
|
