yujialong 2 years ago
parent 82d0683446
commit 28ea2d3beb
  1. 7
      src/api/index.js
  2. 26
      src/components/modules/link.vue
  3. 10
      src/components/modules/module.vue
  4. 4
      src/mixins/page/index.js
  5. 27
      src/pages/article/add/index.vue
  6. 16
      src/pages/article/list/index.vue
  7. 21
      src/pages/column/add/index.vue
  8. 22
      src/pages/column/list/index.vue
  9. 44
      src/pages/column/page/about.vue
  10. 87
      src/pages/column/page/careers.vue
  11. 58
      src/pages/column/page/edu.vue
  12. 68
      src/pages/column/page/home.vue
  13. 57
      src/pages/column/page/news.vue
  14. 24
      src/pages/column/page/newsPress.vue
  15. 22
      src/pages/column/page/newsProcurement.vue
  16. 3
      src/styles/page/page.scss

@ -38,11 +38,11 @@ export default {
saveColumn: `iasf/sysColumn/save`, saveColumn: `iasf/sysColumn/save`,
updateColumn: `iasf/sysColumn/update`, updateColumn: `iasf/sysColumn/update`,
findColumn: `iasf/sysColumn/findById`, findColumn: `iasf/sysColumn/findById`,
deleteColumn: `iasf/sysColumn/delete`, deleteColumn: `iasf/sysColumn/batchDeletion`,
sameLevelJudgment: `iasf/sysColumn/sameLevelJudgment`, sameLevelJudgment: `iasf/sysColumn/sameLevelJudgment`,
sortByColumn: `iasf/sysColumn/sortByColumn`, sortByColumn: `iasf/sysColumn/sortByColumn`,
checkIfTheTitleIsRepeat: `iasf/sysContent/checkIfTheTitleIsRepeat`, checkIfTheTitleIsRepeat: `iasf/sysContent/checkIfTheTitleIsRepeat`,
deleteArticle: `iasf/sysContent/delete`, deleteArticle: `iasf/sysContent/batchDeletion`,
findArticle: `iasf/sysContent/findById`, findArticle: `iasf/sysContent/findById`,
queryArticle: `iasf/sysContent/pagingQuery`, queryArticle: `iasf/sysContent/pagingQuery`,
saveArticle: `iasf/sysContent/save`, saveArticle: `iasf/sysContent/save`,
@ -67,4 +67,7 @@ export default {
queryLabel: `iasf/content/label/queryAllArticleSubjectTags`, queryLabel: `iasf/content/label/queryAllArticleSubjectTags`,
saveLabel: `iasf/content/label/save`, saveLabel: `iasf/content/label/save`,
updateLabel: `iasf/content/label/update`, updateLabel: `iasf/content/label/update`,
delContentFile: `iasf/content/file/batchDeletion`,
saveContentFile: `iasf/content/file/save`,
theAttachmentUnderTheQueryColumn: `iasf/content/file/theAttachmentUnderTheQueryColumn`,
} }

@ -40,7 +40,7 @@
</el-form-item> </el-form-item>
<template v-if="data.connectionType === 3"> <template v-if="data.connectionType === 3">
<el-form-item prop="site" label="站点选择"> <el-form-item prop="site" label="站点选择">
<el-select v-model="data.site"> <el-select v-model="data.site" @change="getOtherColumn">
<el-option <el-option
v-for="item in sites" v-for="item in sites"
:key="item.id" :key="item.id"
@ -53,7 +53,7 @@
<el-cascader <el-cascader
ref="otherColumn" ref="otherColumn"
v-model="data.otherColumnId" v-model="data.otherColumnId"
:options="columns" :options="otherColumns"
:props="columnProps" :props="columnProps"
@change="columnChange"></el-cascader> @change="columnChange"></el-cascader>
</el-form-item> </el-form-item>
@ -100,6 +100,7 @@ export default {
site: this.$store.state.content.site, site: this.$store.state.content.site,
sites: [], sites: [],
columns: [], columns: [],
otherColumns: [],
articles: [], articles: [],
columnProps: { columnProps: {
checkStrictly: true, checkStrictly: true,
@ -119,6 +120,7 @@ export default {
mounted() { mounted() {
this.getList() this.getList()
this.getSite() this.getSite()
this.getOtherColumn()
}, },
methods: { methods: {
// //
@ -131,19 +133,13 @@ export default {
isSort: 0 isSort: 0
}).then(({ data }) => { }).then(({ data }) => {
this.columns = data this.columns = data
if (this.isEdit) {
this.getData()
this.handleId(data)
} else {
this.loaded = true
}
this.data.connectionType !== 2 && this.getArticle() this.data.connectionType !== 2 && this.getArticle()
}).catch(err => {}) }).catch(err => {})
}, },
// disabled // disabled
handleId(list) { handleId(list) {
list.forEach(e => { list.forEach(e => {
if (this.isEdit && e.id == this.id) e.disabled = true if (e.id == this.id) e.disabled = true
e.children.length ? this.handleId(e.children) : delete e.children e.children.length ? this.handleId(e.children) : delete e.children
}) })
}, },
@ -176,6 +172,18 @@ export default {
this.sites = data.records this.sites = data.records
}).catch(e => {}) }).catch(e => {})
}, },
//
getOtherColumn() {
this.$post(this.api.listWithTree, {
siteId: this.data.site,
columnName: '',
templateId: '',
typeId : '',
isSort: 0
}).then(({ data }) => {
this.otherColumns = data
}).catch(err => {})
},
close() { close() {
this.$emit('update:visible', false) this.$emit('update:visible', false)
}, },

@ -116,9 +116,9 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="栏目标题"> <el-form-item label="栏目标题">
<el-radio v-model="data.form.columnTitle" :label="1">默认读取关联栏目</el-radio> <el-radio v-model="data.form.columnTitle" :label="1" @change="columnTitleChange">默认读取关联栏目</el-radio>
<div class="radio-wrap"> <div class="radio-wrap">
<el-radio v-model="data.form.columnTitle" :label="2"></el-radio> <el-radio v-model="data.form.columnTitle" :label="2" @change="columnTitleChange"></el-radio>
<el-input v-model="data.form.columnTitleCustom" :disabled="data.form.columnTitle == 1" size="small" maxlength="10"></el-input> <el-input v-model="data.form.columnTitleCustom" :disabled="data.form.columnTitle == 1" size="small" maxlength="10"></el-input>
</div> </div>
</el-form-item> </el-form-item>
@ -240,6 +240,12 @@ export default {
columnChange(val) { columnChange(val) {
this.data.form.columnName = this.$refs.links.getCheckedNodes()[0].label this.data.form.columnName = this.$refs.links.getCheckedNodes()[0].label
}, },
//
columnTitleChange(val) {
const { form } = this.data
const checked = this.$refs.links.getCheckedNodes()
form.columnName = val === 2 ? form.columnTitleCustom : (checked.length ? checked[0].label : '')
},
// //
addRow() { addRow() {
if (this.data.type === 'banner') { if (this.data.type === 'banner') {

@ -67,8 +67,8 @@ export default {
moduleSubmited() { moduleSubmited() {
this.diaVisible = false this.diaVisible = false
if (this.curData.type === 'columns') { if (this.curData.type === 'columns') {
const form = this.curData.form const { form } = this.curData
if (form.columnTitle === 2) form.columnName = form.columnTitleCustom form.columnName = form[form.columnTitle === 2 ? 'columnTitleCustom' : 'columnName']
this.modules[this.curModule].list[this.curListIndex] = JSON.parse(JSON.stringify(form)) this.modules[this.curModule].list[this.curListIndex] = JSON.parse(JSON.stringify(form))
} else { } else {
this.modules[this.curModule] = this.curData this.modules[this.curModule] = this.curData

@ -54,20 +54,20 @@
</el-form-item> </el-form-item>
</div> </div>
<div class="item-line"> <div class="item-line">
<el-form-item prop="source" label="编辑"> <el-form-item prop="edit" label="编辑">
<el-input <el-input
placeholder="请输入编辑" placeholder="请输入编辑"
v-model.trim="form.source" v-model.trim="form.edit"
clearable clearable
maxlength="15" maxlength="15"
class="inline-input" class="inline-input"
@change="nameChange" @change="nameChange"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="author" label="审核"> <el-form-item prop="audit" label="审核">
<el-input <el-input
placeholder="请输入审核" placeholder="请输入审核"
v-model.trim="form.author" v-model.trim="form.audit"
clearable clearable
maxlength="15" maxlength="15"
class="inline-input" class="inline-input"
@ -350,6 +350,8 @@ export default {
templateStatus: 0, templateStatus: 0,
articleTemplate: '', articleTemplate: '',
author: '', author: '',
edit: '',
audit: '',
bannerImg: '', bannerImg: '',
columnId: +this.$route.query.columnId, columnId: +this.$route.query.columnId,
file: '', file: '',
@ -718,7 +720,7 @@ export default {
}) })
}) })
}, },
handleRemove(file, fileList) { handleRemove() {
this.form.file = '' this.form.file = ''
}, },
uploadSuccessBanner(res) { uploadSuccessBanner(res) {
@ -727,7 +729,20 @@ export default {
this.form.bannerImg = res.url this.form.bannerImg = res.url
}, },
uploadSuccessFile(res) { uploadSuccessFile(res) {
this.form.file = res.url this.$post(this.api.saveContentFile, {
contentId: this.form.id,
editorId: this.userId,
founderId: this.userId,
fileFormat: '',
fileSize: '',
ossFileName: '',
id: '',
fileName: this.userId,
filePath: res.url
}).then(res => {
}).catch(res => {})
// this.form.file = res.url
}, },
// //
preview() { preview() {

@ -245,11 +245,15 @@ export default {
this.$confirm('确定要删除吗?', '提示', { this.$confirm('确定要删除吗?', '提示', {
type: 'warning' type: 'warning'
}).then(() => { }).then(() => {
// this.$del(`${this.api.user}`, list.map(e => e.id)).then(res => { const data = []
// this.$refs.table.clearSelection() list.map(e => {
// util.successMsg('') data.push('ids=' + e.id)
// this.getStaff() })
// }).catch(res => {}) this.$post(`${this.api.deleteArticle}?${data.join('&')}`).then(res => {
this.$refs.table.clearSelection()
util.successMsg("删除成功")
this.getData()
}).catch(res => {})
}).catch(() => {}) }).catch(() => {})
} else { } else {
util.errorMsg('请先选择数据 !') util.errorMsg('请先选择数据 !')
@ -260,7 +264,7 @@ export default {
this.$confirm("确定要删除吗?", "提示", { this.$confirm("确定要删除吗?", "提示", {
type: "warning" type: "warning"
}).then(() => { }).then(() => {
this.$post(`${this.api.deleteArticle}?id=${row.id}`).then(res => { this.$post(`${this.api.deleteArticle}?ids=${row.id}`).then(res => {
util.successMsg("删除成功") util.successMsg("删除成功")
this.getData() this.getData()
}).catch(res => {}) }).catch(res => {})

@ -139,7 +139,7 @@
</el-form-item> </el-form-item>
<template v-if="form.connectionType === 3"> <template v-if="form.connectionType === 3">
<el-form-item prop="siteSelection" label="站点选择"> <el-form-item prop="siteSelection" label="站点选择">
<el-select v-model="form.siteSelection"> <el-select v-model="form.siteSelection" @change="getOtherColumn">
<el-option <el-option
v-for="item in sites" v-for="item in sites"
:key="item.id" :key="item.id"
@ -151,7 +151,7 @@
<el-form-item label="栏目"> <el-form-item label="栏目">
<el-cascader <el-cascader
v-model="otherLink" v-model="otherLink"
:options="columns" :options="otherColumns"
:props="columnProps" :props="columnProps"
clearable clearable
@change="getArticle"></el-cascader> @change="getArticle"></el-cascader>
@ -246,6 +246,7 @@ export default {
}, },
links: [], links: [],
article: '', article: '',
otherColumns: [],
otherLink: [], otherLink: [],
otherArticle: '', otherArticle: '',
form: { form: {
@ -362,7 +363,7 @@ export default {
} }
}, },
methods: { methods: {
// //
getList() { getList() {
this.$post(this.api.listWithTree, { this.$post(this.api.listWithTree, {
siteId: this.site.id, siteId: this.site.id,
@ -376,6 +377,7 @@ export default {
this.getData() this.getData()
this.handleId(data) this.handleId(data)
} else { } else {
this.getOtherColumn()
this.loaded = true this.loaded = true
} }
}).catch(err => {}) }).catch(err => {})
@ -438,6 +440,7 @@ export default {
} else { } else {
this.loaded = true this.loaded = true
} }
this.getOtherColumn()
}).catch(err => {}) }).catch(err => {})
}, },
// //
@ -450,6 +453,18 @@ export default {
this.sites = data.records this.sites = data.records
}).catch(e => {}) }).catch(e => {})
}, },
//
getOtherColumn() {
this.$post(this.api.listWithTree, {
siteId: this.form.siteSelection,
columnName: '',
templateId: '',
typeId : '',
isSort: 0
}).then(({ data }) => {
this.otherColumns = data
}).catch(err => {})
},
// //
nameChange(){ nameChange(){
const { columnName, level, id } = this.form const { columnName, level, id } = this.form

@ -17,7 +17,7 @@
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
<el-button v-auth="'/site/list:' + siteName + ':内容管理:栏目管理:新增'" type="primary" @click="add" >新增</el-button> <el-button v-auth="'/site/list:' + siteName + ':内容管理:栏目管理:新增'" type="primary" @click="add" >新增</el-button>
<!-- <el-button v-auth="'/site/list:' + siteName + ':内容管理:栏目管理:删除'" @click="batchDel">删除</el-button> --> <el-button v-auth="'/site/list:' + siteName + ':内容管理:栏目管理:删除'" @click="batchDel">删除</el-button>
<el-button v-auth="'/site/list:' + siteName + ':内容管理:栏目管理:更改排序'" class="lg" @click="sort">更改排序</el-button> <el-button v-auth="'/site/list:' + siteName + ':内容管理:栏目管理:更改排序'" class="lg" @click="sort">更改排序</el-button>
<el-button v-auth="'/site/list:' + siteName + ':内容管理:栏目管理:导航样式设置'" class="lg" @click="styleSet">导航样式设置</el-button> <el-button v-auth="'/site/list:' + siteName + ':内容管理:栏目管理:导航样式设置'" class="lg" @click="styleSet">导航样式设置</el-button>
</div> </div>
@ -233,7 +233,7 @@ export default {
columnName: this.keyword, columnName: this.keyword,
templateId: '', templateId: '',
typeId : '', typeId : '',
isSort: 0 isSort: 1
}).then(({ data }) => { }).then(({ data }) => {
this.handleList(data) this.handleList(data)
this.list = data this.list = data
@ -271,7 +271,7 @@ export default {
this.$confirm("确定要删除吗?", "提示", { this.$confirm("确定要删除吗?", "提示", {
type: "warning" type: "warning"
}).then(() => { }).then(() => {
this.$post(`${this.api.deleteColumn}?id=${row.id}`).then(res => { this.$post(`${this.api.deleteColumn}?ids=${row.id}`).then(res => {
util.successMsg("删除成功") util.successMsg("删除成功")
this.getData() this.getData()
}).catch(res => {}) }).catch(res => {})
@ -298,11 +298,15 @@ export default {
this.$confirm('确定要删除吗?', '提示', { this.$confirm('确定要删除吗?', '提示', {
type: 'warning' type: 'warning'
}).then(() => { }).then(() => {
// this.$del(`${this.api.user}`, list.map(e => e.id)).then(res => { const data = []
// this.$refs.table.clearSelection() list.map(e => {
// util.successMsg('') data.push('ids=' + e.id)
// this.getStaff() })
// }).catch(res => {}) this.$post(`${this.api.deleteColumn}?${data.join('&')}`).then(res => {
this.$refs.table.clearSelection()
util.successMsg("删除成功")
this.getData()
}).catch(res => {})
}).catch(() => {}) }).catch(() => {})
} else { } else {
util.errorMsg('请先选择数据 !') util.errorMsg('请先选择数据 !')
@ -334,7 +338,7 @@ export default {
columnName: '', columnName: '',
templateId: '', templateId: '',
typeId : '', typeId : '',
isSort: 0 isSort: 1
}).then(({ data }) => { }).then(({ data }) => {
this.sortColumns = data this.sortColumns = data
}).catch(err => {}) }).catch(err => {})

@ -6,9 +6,9 @@
<el-button type="primary" @click="save(1)">发布</el-button> <el-button type="primary" @click="save(1)">发布</el-button>
<el-button @click="$router.back()">放弃编辑</el-button> <el-button @click="$router.back()">放弃编辑</el-button>
</div> </div>
<p class="page-name mb">页面设置/ABOUT</p>
<div class="modules"> <div class="modules">
<p class="page-name mb">页面设置/ABOUT</p>
<div class="relative"> <div class="relative">
<el-carousel height="480px"> <el-carousel height="480px">
<template v-for="(item, i) in modules[0].list"> <template v-for="(item, i) in modules[0].list">
@ -109,16 +109,16 @@
</div> </div>
</div> </div>
<div class="plan"> <div class="plan c-wrap">
<div class="inner c-wrap"> <div class="inner">
<img class="pic" :src="modules[14].form.pic" alt=""> <img class="pic" :src="modules[14].form.pic" alt="">
<div class="texts"> <div class="texts">
<h6>{{ modules[14].form.title }}</h6> <h6>{{ modules[14].form.title }}</h6>
<div class="des">{{ modules[14].form.des }}</div> <div class="des">{{ modules[14].form.des }}</div>
<img src="@/assets/images/arrow-white.png" alt=""> <img src="@/assets/images/arrow-white.png" alt="">
</div> </div>
<div class="cover" @click="toSet(14)">点击更换标题概述与跳转</div>
</div> </div>
<div class="cover" style="height: calc(100% + 60px);" @click="toSet(14)">点击更换标题概述与跳转</div>
</div> </div>
<div class="block"> <div class="block">
@ -129,15 +129,17 @@
<div class="cover" @click="toSet(15)">点击更换标题与描述</div> <div class="cover" @click="toSet(15)">点击更换标题与描述</div>
</div> </div>
<ul class="people"> <ul class="people">
<li v-for="(item, i) in modules[16].list" :key="i"> <template v-for="(item, i) in modules[16].list">
<img class="pic" :src="item.pic" alt=""> <li v-if="item.isEnable" :key="i">
<div class="texts"> <img class="pic" :src="item.pic" alt="">
<p class="sub">{{ item.subTitle }}</p> <div class="texts">
<h6>{{ item.title }}</h6> <p class="sub">{{ item.subTitle }}</p>
<p class="des">{{ item.des }}</p> <h6>{{ item.title }}</h6>
<img class="arrow" src="@/assets/images/arrow.png" alt=""> <p class="des">{{ item.des }}</p>
</div> <img class="arrow" src="@/assets/images/arrow.png" alt="">
</li> </div>
</li>
</template>
<div class="cover" @click="toSet(16)">点击更改图片标题概述与链接</div> <div class="cover" @click="toSet(16)">点击更改图片标题概述与链接</div>
</ul> </ul>
</div> </div>
@ -309,7 +311,7 @@ export default {
label: '链接' label: '链接'
}, },
{ {
type: 'editor', type: 'textarea',
prop: 'des', prop: 'des',
label: '概述', label: '概述',
required: true required: true
@ -328,7 +330,7 @@ export default {
otherArticleId: '', otherArticleId: '',
isOpen: 1 isOpen: 1
}, },
des: '' des: '2021 is another challenging year for the Institute of Advanced Science Facilities, Shenzhen…'
} }
}, },
{ {
@ -346,7 +348,7 @@ export default {
label: '链接' label: '链接'
}, },
{ {
type: 'editor', type: 'textarea',
prop: 'des', prop: 'des',
label: '概述', label: '概述',
required: true required: true
@ -365,7 +367,7 @@ export default {
otherArticleId: '', otherArticleId: '',
isOpen: 1 isOpen: 1
}, },
des: '' des: '2021 is another challenging year for the Institute of Advanced Science Facilities, Shenzhen…'
} }
}, },
{ {
@ -383,7 +385,7 @@ export default {
label: '链接' label: '链接'
}, },
{ {
type: 'editor', type: 'textarea',
prop: 'des', prop: 'des',
label: '概述', label: '概述',
required: true required: true
@ -402,7 +404,7 @@ export default {
otherArticleId: '', otherArticleId: '',
isOpen: 1 isOpen: 1
}, },
des: '' des: '2021 is another challenging year for the Institute of Advanced Science Facilities, Shenzhen…'
} }
}, },
{ {
@ -420,7 +422,7 @@ export default {
label: '链接' label: '链接'
}, },
{ {
type: 'editor', type: 'textarea',
prop: 'des', prop: 'des',
label: '概述', label: '概述',
required: true required: true
@ -439,7 +441,7 @@ export default {
otherArticleId: '', otherArticleId: '',
isOpen: 1 isOpen: 1
}, },
des: '' des: '2021 is another challenging year for the Institute of Advanced Science Facilities, Shenzhen…'
} }
}, },
{ {

@ -6,9 +6,9 @@
<el-button type="primary" @click="save(1)">发布</el-button> <el-button type="primary" @click="save(1)">发布</el-button>
<el-button @click="$router.back()">放弃编辑</el-button> <el-button @click="$router.back()">放弃编辑</el-button>
</div> </div>
<p class="page-name mb">页面设置/CAREERS</p>
<div class="modules"> <div class="modules">
<p class="page-name mb">页面设置/CAREERS</p>
<div class="relative"> <div class="relative">
<el-carousel height="480px"> <el-carousel height="480px">
<template v-for="(item, i) in modules[0].list"> <template v-for="(item, i) in modules[0].list">
@ -79,29 +79,33 @@
<div class="cover" @click="toSet(5)">点击更换标题与描述</div> <div class="cover" @click="toSet(5)">点击更换标题与描述</div>
</div> </div>
<ul class="people"> <ul class="people">
<li v-for="(item, i) in modules[6].list" :key="i"> <template v-for="(item, i) in modules[6].list">
<img class="comma" src="@/assets/images/comma.png" alt=""> <li v-if="item.isEnable" :key="i">
<div class="left"> <img class="comma" src="@/assets/images/comma.png" alt="">
<h6>{{ item.title }}</h6> <div class="left">
<div class="des">{{ item.des }}</div> <h6>{{ item.title }}</h6>
</div> <div class="des">{{ item.des }}</div>
<img class="pic" :src="item.pic" alt=""> </div>
</li> <img class="pic" :src="item.pic" alt="">
<div class="cover" @click="toSet(6)">点击更换标题与描述</div> </li>
</template>
<div class="cover" style="top: -60px" @click="toSet(6)">点击更换标题与描述</div>
</ul> </ul>
</div> </div>
</div> </div>
<ul class="shows"> <ul class="shows">
<li v-for="(item, i) in modules[7].list" :key="i"> <template v-for="(item, i) in modules[7].list">
<img class="pic" :src="item.pic" alt=""> <li v-if="item.isEnable" :key="i">
<div class="left"> <div class="left">
<h6>{{ item.title }}</h6> <h6>{{ item.title }}</h6>
<div class="sub">{{ item.subTitle }}</div> <div class="sub">{{ item.subTitle }}</div>
<div class="des">{{ item.des }}</div> <div class="des">{{ item.des }}</div>
<img class="arrow" src="@/assets/images/arrow-white.png" alt=""> <img class="arrow" src="@/assets/images/arrow-white.png" alt="">
</div> </div>
</li> <img class="pic" :src="item.pic" alt="">
</li>
</template>
<div class="cover" @click="toSet(7)">点击更换标题与描述</div> <div class="cover" @click="toSet(7)">点击更换标题与描述</div>
</ul> </ul>
</div> </div>
@ -491,6 +495,42 @@ export default {
}, },
des: 'We offer the most competitive package to assure the welfare of our people at IAST.', des: 'We offer the most competitive package to assure the welfare of our people at IAST.',
isEnable: 1 isEnable: 1
},
{
pic: require('@/assets/images/careers/10.png'),
title: 'Traineeships',
subTitle: 'YOUR FUTURE STARTS HERE',
link: {
linkName: '无',
connectionType: 1,
columnId: [],
articleId: '',
linkAddress : '',
site: '',
otherColumnId: [],
otherArticleId: '',
isOpen: 1
},
des: 'IASF works with research institutions, universities, and others, to provide a pathway for future scientists, engineers, and industry leaders.',
isEnable: 1
},
{
pic: require('@/assets/images/careers/11.png'),
title: 'Programs',
subTitle: 'YOUR INSPIRATION HAS GREAT SUPPORTS',
link: {
linkName: '无',
connectionType: 1,
columnId: [],
articleId: '',
linkAddress : '',
site: '',
otherColumnId: [],
otherArticleId: '',
isOpen: 1
},
des: 'We collect various professional and funding resources to support your dream and ideas, your job is as simple as it looks, go for it!',
isEnable: 1
} }
] ]
}, },
@ -628,20 +668,25 @@ export default {
} }
} }
.left { .left {
position: relative;
z-index: 1;
width: 43.3%; width: 43.3%;
height: 100%; height: 100%;
padding: 138px 30px 30px 103px; padding: 138px 30px 30px 103px;
background-color: rgba(54, 54, 54, .65); background-color: rgba(54, 54, 54, .65);
} }
.pic { .pic {
width: 56.9%; position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%; height: 100%;
} }
h6 { h6 {
font-size: 46px; font-size: 46px;
} }
.sub { .sub {
margin: 20px; margin: 20px 0;
font-size: 36px; font-size: 36px;
} }
.des { .des {

@ -6,9 +6,9 @@
<el-button type="primary" @click="save(1)">发布</el-button> <el-button type="primary" @click="save(1)">发布</el-button>
<el-button @click="$router.back()">放弃编辑</el-button> <el-button @click="$router.back()">放弃编辑</el-button>
</div> </div>
<p class="page-name mb">页面设置/EDUCATION & COLLABORATION</p>
<div class="modules"> <div class="modules">
<p class="page-name mb">页面设置/EDUCATION & COLLABORATION</p>
<div class="relative"> <div class="relative">
<el-carousel height="480px"> <el-carousel height="480px">
<template v-for="(item, i) in modules[0].list"> <template v-for="(item, i) in modules[0].list">
@ -46,15 +46,17 @@
<div class="cover" @click="toSet(3)">点击更换标题与描述</div> <div class="cover" @click="toSet(3)">点击更换标题与描述</div>
</div> </div>
<ul class="list c-wrap"> <ul class="list c-wrap">
<li v-for="(item, i) in modules[4].list" :key="i"> <template v-for="(item, i) in modules[4].list">
<img class="pic" :src="item.pic" alt=""> <li v-if="item.isEnable" :key="i">
<div class="texts"> <img class="pic" :src="item.pic" alt="">
<h6>{{ item.title }}</h6> <div class="texts">
<p class="sub">{{ item.subTitle }}</p> <h6>{{ item.title }}</h6>
<div class="des">{{ item.des }}</div> <p class="sub">{{ item.subTitle }}</p>
</div> <div class="des">{{ item.des }}</div>
</li> </div>
<div class="cover" @click="toSet(4)">点击更改图片标题概述与链接</div> </li>
</template>
<div class="cover" style="width: calc(100% + 60px);" @click="toSet(4)">点击更改图片标题概述与链接</div>
</ul> </ul>
</div> </div>
</div> </div>
@ -263,6 +265,42 @@ export default {
}, },
des: 'Innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area …', des: 'Innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area …',
isEnable: 1 isEnable: 1
},
{
pic: require('@/assets/images/edu/4.png'),
title: 'community service',
subTitle: 'IASF is driven to serve the Science and industry, and solve grand challenges.',
link: {
linkName: '无',
connectionType: 1,
columnId: [],
articleId: '',
linkAddress : '',
site: '',
otherColumnId: [],
otherArticleId: '',
isOpen: 1
},
des: 'Innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area …',
isEnable: 1
},
{
pic: require('@/assets/images/edu/5.png'),
title: 'community service',
subTitle: 'IASF is driven to serve the Science and industry, and solve grand challenges.',
link: {
linkName: '无',
connectionType: 1,
columnId: [],
articleId: '',
linkAddress : '',
site: '',
otherColumnId: [],
otherArticleId: '',
isOpen: 1
},
des: 'Innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area …',
isEnable: 1
} }
] ]
}, },

@ -6,9 +6,9 @@
<el-button type="primary" @click="save(1)">发布</el-button> <el-button type="primary" @click="save(1)">发布</el-button>
<el-button @click="$router.back()">放弃编辑</el-button> <el-button @click="$router.back()">放弃编辑</el-button>
</div> </div>
<p class="page-name mb">页面设置/HOME</p>
<div class="modules"> <div class="modules">
<p class="page-name mb">页面设置/HOME</p>
<div class="relative"> <div class="relative">
<el-carousel height="500px"> <el-carousel height="500px">
<template v-for="(item, i) in modules[0].list"> <template v-for="(item, i) in modules[0].list">
@ -119,14 +119,16 @@
<div class="cover" @click="toSet(6)">点击更换标题与描述</div> <div class="cover" @click="toSet(6)">点击更换标题与描述</div>
</div> </div>
<ul class="people"> <ul class="people">
<li v-for="(item, i) in modules[7].list" :key="i"> <template v-for="(item, i) in modules[7].list">
<img class="pic" :src="item.pic" alt=""> <li v-if="item.isEnable" :key="i">
<div class="texts"> <img class="pic" :src="item.pic" alt="">
<h6>{{ item.title }}</h6> <div class="texts">
<p class="des">{{ item.des }}</p> <h6>{{ item.title }}</h6>
<img class="arrow" src="@/assets/images/arrow.png" alt=""> <p class="des">{{ item.des }}</p>
</div> <img class="arrow" src="@/assets/images/arrow.png" alt="">
</li> </div>
</li>
</template>
<div class="cover" @click="toSet(7)">点击更改图片标题概述与链接</div> <div class="cover" @click="toSet(7)">点击更改图片标题概述与链接</div>
</ul> </ul>
</div> </div>
@ -305,8 +307,8 @@ export default {
} }
], ],
form: { form: {
pic: require('@/assets/images/channel1.png'), pic: require('@/assets/images/channel2.png'),
title: 'Shenzhen Innovation Lightsource Facility', title: 'Shenzhen Soft X-ray Superconducting Free-electron Laser Facility ',
link: { link: {
linkName: '无', linkName: '无',
connectionType: 1, connectionType: 1,
@ -318,7 +320,7 @@ export default {
otherArticleId: '', otherArticleId: '',
isOpen: 1 isOpen: 1
}, },
des: 'The Shenzhen synchrotron radiation facility has a fourth-generation diffraction-limited storage ring with an electron energy of 3 GeV at a low emittance of 50-150 pm·rad, and it provides photons with broad range energy from 4 meV to 160 keV.' des: 'Shenzhen XFEL consists of a 2.5 GeV CW superconducting linear accelerator and four initial undulator lines, aiming at generating X-Rays between 40 eV and 1 keV at rates up to 1MHz.'
} }
}, },
{ {
@ -421,8 +423,44 @@ export default {
}, },
list: [ list: [
{ {
pic: require('@/assets/images/channel1.png'), pic: require('@/assets/images/careers/6.png'),
title: 'Shenzhen Innovation Lightsource Facility', title: 'SHAO Jiahang, PH.D.',
subTitle: '',
link: {
linkName: '无',
connectionType: 1,
columnId: [],
articleId: '',
linkAddress : '',
site: '',
otherColumnId: [],
otherArticleId: '',
isOpen: 1
},
isEnable: 1,
des: '“..., The new facility (S3FEL) will provide the brightest soft X-ray laser to both scientific and industrial users worldwide, enabling applications that are beyond imagination, ...”…'
},
{
pic: require('@/assets/images/careers/7.png'),
title: 'PENG Ziling, Ph.D.',
subTitle: '',
link: {
linkName: '无',
connectionType: 1,
columnId: [],
articleId: '',
linkAddress : '',
site: '',
otherColumnId: [],
otherArticleId: '',
isOpen: 1
},
isEnable: 1,
des: '“..., With so many young, professional, and passionate workmates, I treasure the moments we spent on fruitful discussions, brainstorming, teamworking, and the leisure activities on the Guangming farm just next to our worksite, ...”…'
},
{
pic: require('@/assets/images/careers/8.png'),
title: 'CHEN Rikun, M.S.',
subTitle: '', subTitle: '',
link: { link: {
linkName: '无', linkName: '无',
@ -436,7 +474,7 @@ export default {
isOpen: 1 isOpen: 1
}, },
isEnable: 1, isEnable: 1,
des: 'The Shenzhen synchrotron radiation facility has a fourth-generation diffraction-limited storage ring with an electron energy of 3 GeV at a low emittance of 50-150 pm·rad, and it provides photons with broad range energy from 4 meV to 160 keV.' des: '“..., Working is more of a learning process for a young professional. Every day at IASF I try to learn to write properly, communicate effectively, and solve problems. As getting more experience, I feel excited to grow with IASF, ...”.…'
} }
] ]
}, },

@ -6,8 +6,9 @@
<el-button type="primary" @click="save(1)">发布</el-button> <el-button type="primary" @click="save(1)">发布</el-button>
<el-button @click="$router.back()">放弃编辑</el-button> <el-button @click="$router.back()">放弃编辑</el-button>
</div> </div>
<p class="page-name mb">页面设置/NEWS&EVENTS</p>
<div class="modules"> <div class="modules">
<p class="page-name mb">页面设置/NEWS&EVENTS</p>
<div class="relative"> <div class="relative">
<el-carousel height="480px"> <el-carousel height="480px">
<template v-for="(item, i) in modules[0].list"> <template v-for="(item, i) in modules[0].list">
@ -161,6 +162,60 @@
</p> </p>
</div> </div>
</li> </li>
<li>
<img class="pic" src="@/assets/images/about/9.png" alt="">
<div class="texts">
<h6>Professional technical Free electron laser device</h6>
<p class="text">
<img class="icon" src="@/assets/images/address.png" alt="">
Jiahang Shao
</p>
<p class="text">
<img class="icon" src="@/assets/images/address.png" alt="">
Time: 2022.8.13 14:30
</p>
<p class="text">
<img class="icon" src="@/assets/images/address.png" alt="">
Address: Big conference room on the fourth floor of headquarters
</p>
</div>
</li>
<li>
<img class="pic" src="@/assets/images/about/9.png" alt="">
<div class="texts">
<h6>Professional technical Free electron laser device</h6>
<p class="text">
<img class="icon" src="@/assets/images/address.png" alt="">
Jiahang Shao
</p>
<p class="text">
<img class="icon" src="@/assets/images/address.png" alt="">
Time: 2022.8.13 14:30
</p>
<p class="text">
<img class="icon" src="@/assets/images/address.png" alt="">
Address: Big conference room on the fourth floor of headquarters
</p>
</div>
</li>
<li>
<img class="pic" src="@/assets/images/about/9.png" alt="">
<div class="texts">
<h6>Professional technical Free electron laser device</h6>
<p class="text">
<img class="icon" src="@/assets/images/address.png" alt="">
Jiahang Shao
</p>
<p class="text">
<img class="icon" src="@/assets/images/address.png" alt="">
Time: 2022.8.13 14:30
</p>
<p class="text">
<img class="icon" src="@/assets/images/address.png" alt="">
Address: Big conference room on the fourth floor of headquarters
</p>
</div>
</li>
</ul> </ul>
<div class="cover" @click="toSet(5)">关联栏目</div> <div class="cover" @click="toSet(5)">关联栏目</div>
</div> </div>

@ -6,9 +6,9 @@
<el-button type="primary" @click="save(1)">发布</el-button> <el-button type="primary" @click="save(1)">发布</el-button>
<el-button @click="$router.back()">放弃编辑</el-button> <el-button @click="$router.back()">放弃编辑</el-button>
</div> </div>
<p class="page-name mb">页面设置/NEWS&EVENTS-PRESS ROOM</p>
<div class="modules"> <div class="modules">
<p class="page-name mb">页面设置/NEWS&EVENTS-PRESS ROOM</p>
<div class="relative"> <div class="relative">
<el-carousel height="480px"> <el-carousel height="480px">
<template v-for="(item, i) in modules[0].list"> <template v-for="(item, i) in modules[0].list">
@ -23,17 +23,19 @@
<div class="block"> <div class="block">
<div class="inner c-wrap"> <div class="inner c-wrap">
<ul class="list"> <ul class="list">
<li v-for="(item, i) in modules[1].list" :key="i"> <template v-for="(item, i) in modules[1].list">
<img class="pic" :src="item.pic" alt=""> <li v-if="item.isEnable" :key="i">
<div class="texts"> <img class="pic" :src="item.pic" alt="">
<h6>{{ item.title }}</h6> <div class="texts">
<p class="sub">{{ item.subTitle }}</p> <h6>{{ item.title }}</h6>
<div class="des">{{ item.des }}</div> <p class="sub">{{ item.subTitle }}</p>
<img src="@/assets/images/arrow.png" alt=""> <div class="des">{{ item.des }}</div>
</div> <img src="@/assets/images/arrow.png" alt="">
</li> </div>
</li>
</template>
</ul> </ul>
<div class="cover" @click="toSet(1)">点击更改图片标题概述与链接</div> <div class="cover" style="width: calc(100% + 60px);" @click="toSet(1)">点击更改图片标题概述与链接</div>
</div> </div>
</div> </div>
</div> </div>

@ -6,9 +6,9 @@
<el-button type="primary" @click="save(1)">发布</el-button> <el-button type="primary" @click="save(1)">发布</el-button>
<el-button @click="$router.back()">放弃编辑</el-button> <el-button @click="$router.back()">放弃编辑</el-button>
</div> </div>
<p class="page-name mb">页面设置/NEWS&EVENTS-PROCUREMENT</p>
<div class="modules"> <div class="modules">
<p class="page-name mb">页面设置/NEWS&EVENTS-PROCUREMENT</p>
<div class="relative"> <div class="relative">
<el-carousel height="480px"> <el-carousel height="480px">
<template v-for="(item, i) in modules[0].list"> <template v-for="(item, i) in modules[0].list">
@ -23,15 +23,17 @@
<div class="block"> <div class="block">
<div class="inner c-wrap"> <div class="inner c-wrap">
<ul class="list"> <ul class="list">
<li v-for="(item, i) in modules[1].list" :key="i"> <template v-for="(item, i) in modules[1].list">
<img class="pic" :src="item.pic" alt=""> <li v-if="item.isEnable" :key="i">
<div class="texts"> <img class="pic" :src="item.pic" alt="">
<h6>{{ item.title }}</h6> <div class="texts">
<p class="sub">{{ item.subTitle }}</p> <h6>{{ item.title }}</h6>
<div class="des">{{ item.des }}</div> <p class="sub">{{ item.subTitle }}</p>
<img src="@/assets/images/arrow.png" alt=""> <div class="des">{{ item.des }}</div>
</div> <img src="@/assets/images/arrow.png" alt="">
</li> </div>
</li>
</template>
</ul> </ul>
<div class="cover" @click="toSet(1)">点击更改图片标题概述与链接</div> <div class="cover" @click="toSet(1)">点击更改图片标题概述与链接</div>
</div> </div>

@ -38,7 +38,7 @@
} }
.modules { .modules {
height: calc(100vh - 160px); height: calc(100vh - 198px);
overflow: auto; overflow: auto;
} }
.actions { .actions {
@ -58,6 +58,7 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-size: 22px;
color: #fff; color: #fff;
background-color: rgba(0, 0, 0, .5); background-color: rgba(0, 0, 0, .5);
cursor: pointer; cursor: pointer;

Loading…
Cancel
Save