diff --git a/src/assets/images/exp/1.png b/src/assets/images/exp/1.png new file mode 100644 index 0000000..6620c83 Binary files /dev/null and b/src/assets/images/exp/1.png differ diff --git a/src/assets/images/exp/2.png b/src/assets/images/exp/2.png new file mode 100644 index 0000000..b172a66 Binary files /dev/null and b/src/assets/images/exp/2.png differ diff --git a/src/assets/images/exp/3.png b/src/assets/images/exp/3.png new file mode 100644 index 0000000..e9d924e Binary files /dev/null and b/src/assets/images/exp/3.png differ diff --git a/src/assets/images/exp/4.png b/src/assets/images/exp/4.png new file mode 100644 index 0000000..0ae10d7 Binary files /dev/null and b/src/assets/images/exp/4.png differ diff --git a/src/assets/images/exp/5.png b/src/assets/images/exp/5.png new file mode 100644 index 0000000..308978a Binary files /dev/null and b/src/assets/images/exp/5.png differ diff --git a/src/assets/images/exp/6.png b/src/assets/images/exp/6.png new file mode 100644 index 0000000..c894ba4 Binary files /dev/null and b/src/assets/images/exp/6.png differ diff --git a/src/assets/images/exp/7.png b/src/assets/images/exp/7.png new file mode 100644 index 0000000..3211b38 Binary files /dev/null and b/src/assets/images/exp/7.png differ diff --git a/src/assets/images/survey1.png b/src/assets/images/survey1.png new file mode 100644 index 0000000..51a1aa7 Binary files /dev/null and b/src/assets/images/survey1.png differ diff --git a/src/assets/images/survey2.png b/src/assets/images/survey2.png new file mode 100644 index 0000000..f91d1e9 Binary files /dev/null and b/src/assets/images/survey2.png differ diff --git a/src/components/modules/module.vue b/src/components/modules/module.vue index 1fd6a40..5c72cf1 100644 --- a/src/components/modules/module.vue +++ b/src/components/modules/module.vue @@ -13,6 +13,7 @@ accept=".jpg,.png,.jpeg" :on-success="res => uploadSuccess(res, scope.row)" :show-file-list="false" + :headers="headers" :action="api.upload">
@@ -68,6 +69,7 @@ accept=".jpg,.png,.jpeg" :on-success="res => uploadSuccess(res, data.form)" :show-file-list="false" + :headers="headers" :action="api.upload">
@@ -78,6 +80,15 @@

只支持.jpg,.png格式

+ + 上传视频 +
设置链接 @@ -137,6 +148,7 @@ import Link from '@/components/modules/link' import Content from '@/components/modules/content' import Editor from '@tinymce/tinymce-vue' +import Setting from '@/setting' import Util from '@/libs/util' import editorConfig from '@/components/editor' export default { @@ -149,6 +161,9 @@ export default { }, data() { return { + headers: { + token: Util.local.get(Setting.tokenKey) + }, rules: {}, linkVisible: false, linkForm: {}, @@ -182,6 +197,7 @@ export default { name: '2' }, ], + fileList: [], columnProps: { checkStrictly: true, value: 'id', @@ -279,8 +295,9 @@ export default { this.$emit('update:visible', false) }, // 上传成功 - uploadSuccess(res, row) { - this.$set(row, 'pic', res.url) + uploadSuccess(res, row, item = {}) { + this.$set(row, item.type === 'video' ? 'video' : 'pic', res.url) + console.log("🚀 ~ file: module.vue:299 ~ uploadSuccess ~ res, row", res, row, item) }, // 删除行(通用) delRow(list, i) { diff --git a/src/const/modules.js b/src/const/modules.js index 3788e67..0c3902c 100644 --- a/src/const/modules.js +++ b/src/const/modules.js @@ -4185,4 +4185,306 @@ export default { } }, ], + exp: [ + { + type: 'introduce', + forms: [ + { + type: 'upload', + prop: 'pic', + label: '图片', + required: true, + crop: false + }, + { + type: 'input', + prop: 'title', + label: '标题', + required: true + }, + { + type: 'link', + prop: 'link', + label: '链接' + } + ], + form: { + pic: '', + title: '', + link: { + linkName: '无', + connectionType: 1, + columnId: [], + articleId: '', + linkAddress : '', + site: '', + otherColumnId: [], + otherArticleId: '', + isOpen: 1 + }, + isEnable: 1 + }, + list: [ + { + pic: 'http://10.10.11.7/images/talent/1.png', + title: 'EDUCATION & COLLABORATION', + link: { + linkName: '无', + connectionType: 1, + columnId: [], + articleId: '', + linkAddress : '', + site: '', + otherColumnId: [], + otherArticleId: '', + isOpen: 1 + }, + isEnable: 1 + } + ] + }, + { + type: 'form', + forms: [ + { + type: 'upload', + prop: 'pic', + label: '图片', + required: true + }, + { + type: 'textarea', + prop: 'des', + label: '描述' + } + ], + form: { + pic: 'http://10.10.11.7/images/exp/1.png', + des: ` 科学实验站是S³FEL面向国家重大需求、聚焦科学前沿和引领地区产业发展的关键,旨在重点探究量子材料、能源催化、生物医药、大气与星际科学、原子分子科学等领域的关键技术和科学难题。S³FEL的供光具有超高时间分辨(40飞秒)、超高重复频率(最高百万赫兹)和超高亮度(电子束能量达2.5 Gev)的特点。 + + S³FEL可在原子尺度上研究复杂生物分子和材料的结构及组成,进而绘制病毒或细胞的原子量级三维精细结构,有助于科学家更深入地了解生物分子的结构和功能,为新药研发提供依据。在能源催化领域,S³FEL可研究飞秒内的化学变化,如化学键的形成和断裂、反应体系中电荷和能量的转移、反应过程中催化剂表面结构的动态演变等, 有助于科学家更好地研究复杂催化过程的反应机理和动力学过程,进而提高传统能源的利用效率,加快新能源开发。S³FEL还可用于探索极端电场或磁场强度下的物质变化,如研究星云和恒星的演变,探索生命的起源等。` + } + }, + { + type: 'form', + forms: [ + { + type: 'input', + prop: 'title', + label: '标题', + required: true + } + ], + form: { + title: '量子材料' + } + }, + { + type: 'form', + forms: [ + { + type: 'input', + prop: 'title', + label: '标题', + required: true + } + ], + form: { + title: '能源催化' + } + }, + { + type: 'form', + forms: [ + { + type: 'input', + prop: 'title', + label: '标题', + required: true + } + ], + form: { + title: '生物医药' + } + }, + { + type: 'form', + forms: [ + { + type: 'input', + prop: 'title', + label: '标题', + required: true + } + ], + form: { + title: '大气雾霾与团簇研究' + } + }, + { + type: 'form', + forms: [ + { + type: 'input', + prop: 'title', + label: '标题', + required: true + } + ], + form: { + title: '星际化学' + } + }, + { + type: 'form', + forms: [ + { + type: 'input', + prop: 'title', + label: '标题', + required: true + } + ], + form: { + title: '原子分子物理' + } + }, + ], + survey: [ + { + type: 'introduce', + forms: [ + { + type: 'upload', + prop: 'pic', + label: '图片', + required: true, + crop: false + }, + { + type: 'input', + prop: 'title', + label: '标题', + required: true + }, + { + type: 'link', + prop: 'link', + label: '链接' + } + ], + form: { + pic: '', + title: '', + link: { + linkName: '无', + connectionType: 1, + columnId: [], + articleId: '', + linkAddress : '', + site: '', + otherColumnId: [], + otherArticleId: '', + isOpen: 1 + }, + isEnable: 1 + }, + list: [ + { + pic: 'http://10.10.11.7/images/talent/1.png', + title: 'EDUCATION & COLLABORATION', + link: { + linkName: '无', + connectionType: 1, + columnId: [], + articleId: '', + linkAddress : '', + site: '', + otherColumnId: [], + otherArticleId: '', + isOpen: 1 + }, + isEnable: 1 + } + ] + }, + { + type: 'form', + forms: [ + { + type: 'upload', + prop: 'pic', + label: '图片', + required: true + }, + { + type: 'textarea', + prop: 'des', + label: '描述' + } + ], + form: { + pic: 'http://10.10.11.7/images/exp/1.png', + des: ` 科学实验站是S³FEL面向国家重大需求、聚焦科学前沿和引领地区产业发展的关键,旨在重点探究量子材料、能源催化、生物医药、大气与星际科学、原子分子科学等领域的关键技术和科学难题。S³FEL的供光具有超高时间分辨(40飞秒)、超高重复频率(最高百万赫兹)和超高亮度(电子束能量达2.5 Gev)的特点。 + + S³FEL可在原子尺度上研究复杂生物分子和材料的结构及组成,进而绘制病毒或细胞的原子量级三维精细结构,有助于科学家更深入地了解生物分子的结构和功能,为新药研发提供依据。在能源催化领域,S³FEL可研究飞秒内的化学变化,如化学键的形成和断裂、反应体系中电荷和能量的转移、反应过程中催化剂表面结构的动态演变等, 有助于科学家更好地研究复杂催化过程的反应机理和动力学过程,进而提高传统能源的利用效率,加快新能源开发。S³FEL还可用于探索极端电场或磁场强度下的物质变化,如研究星云和恒星的演变,探索生命的起源等。` + } + }, + { + type: 'form', + forms: [ + { + type: 'upload', + prop: 'pic', + label: '图片', + required: true + }, + { + type: 'textarea', + prop: 'des', + label: '描述' + } + ], + form: { + pic: 'http://10.10.11.7/images/exp/1.png', + des: ` 科学实验站是S³FEL面向国家重大需求、聚焦科学前沿和引领地区产业发展的关键,旨在重点探究量子材料、能源催化、生物医药、大气与星际科学、原子分子科学等领域的关键技术和科学难题。S³FEL的供光具有超高时间分辨(40飞秒)、超高重复频率(最高百万赫兹)和超高亮度(电子束能量达2.5 Gev)的特点。 + + S³FEL可在原子尺度上研究复杂生物分子和材料的结构及组成,进而绘制病毒或细胞的原子量级三维精细结构,有助于科学家更深入地了解生物分子的结构和功能,为新药研发提供依据。在能源催化领域,S³FEL可研究飞秒内的化学变化,如化学键的形成和断裂、反应体系中电荷和能量的转移、反应过程中催化剂表面结构的动态演变等, 有助于科学家更好地研究复杂催化过程的反应机理和动力学过程,进而提高传统能源的利用效率,加快新能源开发。S³FEL还可用于探索极端电场或磁场强度下的物质变化,如研究星云和恒星的演变,探索生命的起源等。` + } + }, + { + type: 'form', + forms: [ + { + type: 'video', + prop: 'video', + label: '视频', + required: true + }, + { + type: 'textarea', + prop: 'des', + label: '描述' + } + ], + form: { + video: '', + des: ` 2006年,世界上第一台软X射线自由电子激光(简称FLASH)诞生于德国汉堡同步加速器实验室。 FLASH首次发出波长短至13.5 纳米、每秒150次脉冲、脉冲激光能量高达170 微焦的激光,并首次得到了非晶样品的高分辨率衍射图像。2009年,世界第一台硬X 射线自由电子线性相干光源 (简称LCLS)成功出光。 LCLS可提供更高亮度和更好横向相干性的XFEL脉冲,且脉冲亮度高达13.6 GeV。 + 我国在自由电子激光领域建成和在建的装置共有四台,分别是由中国科学院大连化学物理研究所牵头建设的大连相干光源出光,低重复频率,主要工作在极紫外波段)、由中国科学院上海应用物理研究所牵头建设的软X射线自由电子激光装置( 2021年建成出光,低重复频率,主要工作在软X射线波段)、由上海科技大学牵头建设的硬X射线自由电子激光装置(建设中,高重复频率,主要工作在硬X射线波段)、由深圳综合粒子设施研究院牵头建设的深圳中能高重复频率X射线自由电子激光。` + } + }, + { + type: 'form', + forms: [ + { + type: 'editor', + prop: 'des', + label: '描述' + } + ], + form: { + des: ` S³FEL是光明科学城大科学装置集群的重要成员,建设地点位于深圳市光明区北片区,毗邻莲塘水库,占地面积约40万平方米,其中S³FEL装置的主体建筑总长约1800米。` + } + }, + ], } \ No newline at end of file diff --git a/src/mixins/page/index.js b/src/mixins/page/index.js index 6c6ef35..2d81f9e 100644 --- a/src/mixins/page/index.js +++ b/src/mixins/page/index.js @@ -75,7 +75,6 @@ export default { }, // 展开模块设置 toSet(i, listIndex) { - console.log("🚀 ~ file: index.js:78 ~ toSet ~ i", i,this.modules) this.curModule = i this.curData = JSON.parse(JSON.stringify(this.modules[i])) const { type } = this.curData diff --git a/src/pages/column/page/exp.vue b/src/pages/column/page/exp.vue new file mode 100644 index 0000000..50f1eb5 --- /dev/null +++ b/src/pages/column/page/exp.vue @@ -0,0 +1,178 @@ + + + + + \ No newline at end of file diff --git a/src/pages/column/page/survey.vue b/src/pages/column/page/survey.vue new file mode 100644 index 0000000..be8a09b --- /dev/null +++ b/src/pages/column/page/survey.vue @@ -0,0 +1,129 @@ + + + + + \ No newline at end of file diff --git a/src/pages/column/page/userSharing.vue b/src/pages/column/page/userSharing.vue index d81884e..14ccef2 100644 --- a/src/pages/column/page/userSharing.vue +++ b/src/pages/column/page/userSharing.vue @@ -1,7 +1,7 @@