@ -7,189 +7,192 @@
< el -button @click ="$router.back()" > 放弃编辑 < / el -button >
< / div >
< div class = "relative" >
< el -carousel height = "480px" >
< template v-for ="(item, i) in modules[0].list" >
< el -carousel -item v-if ="item.pic" :key ="i" >
< img width = "100%" height = "100%" :src ="item.pic" alt = "" >
< / e l - c a r o u s e l - i t e m >
< / template >
< / e l - c a r o u s e l >
< div class = "cover" @click ="toSet(0)" > 点击更换banner与链接 < / div >
< / div >
< div class = "modules" >
< p class = "page-name mb" > 页面设置 < / p >
< div class = "relative" >
< el -carousel height = "480px" >
< template v-for ="(item, i) in modules[0].list" >
< el -carousel -item v-if ="item.pic" :key ="i" >
< img width = "100%" height = "100%" :src ="item.pic" alt = "" >
< / e l - c a r o u s e l - i t e m >
< / template >
< / e l - c a r o u s e l >
< div class = "cover" @click ="toSet(0)" > 点击更换banner与链接 < / div >
< / div >
< div class = "block history gray" >
< div class = "inner c-wrap" >
< h2 style = "margin-left: 57px" > { { modules [ 1 ] . form . title } } < / h2 >
< div class = "texts" >
< div class = "left" >
< h2 > { { modules [ 1 ] . form . subTitle } } < / h2 >
< div class = "line" > < / div >
< div class = "des" > { { modules [ 1 ] . form . des } } < / div >
< div class = "block history gray" >
< div class = "inner c-wrap" >
< h2 style = "margin-left: 57px" > { { modules [ 1 ] . form . title } } < / h2 >
< div class = "texts" >
< div class = "left" >
< h2 > { { modules [ 1 ] . form . subTitle } } < / h2 >
< div class = "line" > < / div >
< div class = "des" > { { modules [ 1 ] . form . des } } < / div >
< / div >
< img class = "bg" width = "562" height = "506" :src ="modules[1].form.pic" alt = "" >
< / div >
< img class = "bg" width = "562" height = "506" :src ="modules[1].form.pic" alt = "" >
< div class = "cover" @click ="toSet(1)" > 点击更改图片 、 标题概述与链接 < / div >
< / div >
< div class = "cover" @click ="toSet(1)" > 点击更改图片 、 标题概述与链接 < / div >
< / div >
< / div >
< div class = "block" >
< div class = "inner" >
< div class = "c-wrap" >
< h2 class = "b-title" > { { modules [ 2 ] . form . title } } < / h2 >
< p class = "intro" > { { modules [ 2 ] . form . des } } < / p >
< div class = "cover" @click ="toSet(2)" > 点击更换标题与描述 < / div >
< div class = "block" >
< div class = "inner" >
< div class = "c-wrap" >
< h2 class = "b-title" > { { modules [ 2 ] . form . title } } < / h2 >
< p class = "intro" > { { modules [ 2 ] . form . des } } < / p >
< div class = "cover" @click ="toSet(2)" > 点击更换标题与描述 < / div >
< / div >
< ul class = "card" >
< li class = "item1" >
< h6 > { { modules [ 3 ] . form . title } } < / h6 >
< div class = "des" v-html ="modules[3].form.des" > < / div >
< div class = "cover" @click ="toSet(3)" > 点击更换标题 、 概述与跳转 < / div >
< / li >
< li class = "item2" >
< h6 > { { modules [ 4 ] . form . title } } < / h6 >
< div class = "des" v-html ="modules[4].form.des" > < / div >
< div class = "cover" @click ="toSet(4)" > 点击更换标题 、 概述与跳转 < / div >
< / li >
< li class = "item3" >
< h6 > { { modules [ 5 ] . form . title } } < / h6 >
< div class = "des" v-html ="modules[5].form.des" > < / div >
< div class = "cover" @click ="toSet(5)" > 点击更换标题 、 概述与跳转 < / div >
< / li >
< li class = "item4" >
< h6 > { { modules [ 6 ] . form . title } } < / h6 >
< div class = "des" v-html ="modules[6].form.des" > < / div >
< div class = "cover" @click ="toSet(6)" > 点击更换标题 、 概述与跳转 < / div >
< / li >
< / ul >
< / div >
< ul class = "card" >
< li class = "item1" >
< h6 > { { modules [ 3 ] . form . title } } < / h6 >
< div class = "des" v-html ="modules[3].form.des" > < / div >
< div class = "cover" @click ="toSet(3)" > 点击更换标题 、 概述与跳转 < / div >
< / li >
< li class = "item2" >
< h6 > { { modules [ 4 ] . form . title } } < / h6 >
< div class = "des" v-html ="modules[4].form.des" > < / div >
< div class = "cover" @click ="toSet(4)" > 点击更换标题 、 概述与跳转 < / div >
< / li >
< li class = "item3" >
< h6 > { { modules [ 5 ] . form . title } } < / h6 >
< div class = "des" v-html ="modules[5].form.des" > < / div >
< div class = "cover" @click ="toSet(5)" > 点击更换标题 、 概述与跳转 < / div >
< / li >
< li class = "item4" >
< h6 > { { modules [ 6 ] . form . title } } < / h6 >
< div class = "des" v-html ="modules[6].form.des" > < / div >
< div class = "cover" @click ="toSet(6)" > 点击更换标题 、 概述与跳转 < / div >
< / li >
< / ul >
< / div >
< / div >
< div class = "block gray" >
< div class = "inner" >
< div class = "c-wrap" >
< h2 class = "b-title" > { { modules [ 7 ] . form . title } } < / h2 >
< p class = "intro" > { { modules [ 7 ] . form . des } } < / p >
< div class = "cover" @click ="toSet(7)" > 点击更换标题与描述 < / div >
< div class = "block gray" >
< div class = "inner" >
< div class = "c-wrap" >
< h2 class = "b-title" > { { modules [ 7 ] . form . title } } < / h2 >
< p class = "intro" > { { modules [ 7 ] . form . des } } < / p >
< div class = "cover" @click ="toSet(7)" > 点击更换标题与描述 < / div >
< / div >
< ul class = "stat" >
< li >
< p class = "num" > { { modules [ 8 ] . form . title } } < / p >
< p class = "text" > { { modules [ 8 ] . form . des } } < / p >
< div class = "cover" @click ="toSet(8)" > 点击更换标题与描述 < / div >
< / li >
< li >
< p class = "num" > { { modules [ 9 ] . form . title } } < / p >
< p class = "text" > { { modules [ 9 ] . form . des } } < / p >
< div class = "cover" @click ="toSet(9)" > 点击更换标题与描述 < / div >
< / li >
< li >
< p class = "num" > { { modules [ 10 ] . form . title } } < / p >
< p class = "text" > { { modules [ 10 ] . form . des } } < / p >
< div class = "cover" @click ="toSet(10)" > 点击更换标题与描述 < / div >
< / li >
< li >
< p class = "num" > { { modules [ 11 ] . form . title } } < / p >
< p class = "text" > { { modules [ 11 ] . form . des } } < / p >
< div class = "cover" @click ="toSet(11)" > 点击更换标题与描述 < / div >
< / li >
< li >
< p class = "num" > { { modules [ 12 ] . form . title } } < / p >
< p class = "text" > { { modules [ 12 ] . form . des } } < / p >
< div class = "cover" @click ="toSet(12)" > 点击更换标题与描述 < / div >
< / li >
< li >
< p class = "num" > { { modules [ 13 ] . form . title } } < / p >
< p class = "text" > { { modules [ 13 ] . form . des } } < / p >
< div class = "cover" @click ="toSet(13)" > 点击更换标题与描述 < / div >
< / li >
< / ul >
< / div >
< ul class = "stat" >
< li >
< p class = "num" > { { modules [ 8 ] . form . title } } < / p >
< p class = "text" > { { modules [ 8 ] . form . des } } < / p >
< div class = "cover" @click ="toSet(8)" > 点击更换标题与描述 < / div >
< / li >
< li >
< p class = "num" > { { modules [ 9 ] . form . title } } < / p >
< p class = "text" > { { modules [ 9 ] . form . des } } < / p >
< div class = "cover" @click ="toSet(9)" > 点击更换标题与描述 < / div >
< / li >
< li >
< p class = "num" > { { modules [ 10 ] . form . title } } < / p >
< p class = "text" > { { modules [ 10 ] . form . des } } < / p >
< div class = "cover" @click ="toSet(10)" > 点击更换标题与描述 < / div >
< / li >
< li >
< p class = "num" > { { modules [ 11 ] . form . title } } < / p >
< p class = "text" > { { modules [ 11 ] . form . des } } < / p >
< div class = "cover" @click ="toSet(11)" > 点击更换标题与描述 < / div >
< / li >
< li >
< p class = "num" > { { modules [ 12 ] . form . title } } < / p >
< p class = "text" > { { modules [ 12 ] . form . des } } < / p >
< div class = "cover" @click ="toSet(12)" > 点击更换标题与描述 < / div >
< / li >
< li >
< p class = "num" > { { modules [ 13 ] . form . title } } < / p >
< p class = "text" > { { modules [ 13 ] . form . des } } < / p >
< div class = "cover" @click ="toSet(13)" > 点击更换标题与描述 < / div >
< / li >
< / ul >
< / div >
< / div >
< div class = "plan" >
< div class = "inner c-wrap" >
< img class = "pic" :src ="modules[14].form.pic" alt = "" >
< div class = "texts" >
< h6 > { { modules [ 14 ] . form . title } } < / h6 >
< div class = "des" > { { modules [ 14 ] . form . des } } < / div >
< img src = "@/assets/images/arrow-white.png" alt = "" >
< div class = "plan" >
< div class = "inner c-wrap" >
< img class = "pic" :src ="modules[14].form.pic" alt = "" >
< div class = "texts" >
< h6 > { { modules [ 14 ] . form . title } } < / h6 >
< div class = "des" > { { modules [ 14 ] . form . des } } < / div >
< img src = "@/assets/images/arrow-white.png" alt = "" >
< / div >
< div class = "cover" @click ="toSet(14)" > 点击更换标题 、 概述与跳转 < / div >
< / div >
< div class = "cover" @click ="toSet(14)" > 点击更换标题 、 概述与跳转 < / div >
< / div >
< / div >
< div class = "block" >
< div class = "inner" >
< div class = "c-wrap" >
< h2 class = "b-title" > { { modules [ 15 ] . form . title } } < / h2 >
< p class = "intro" > { { modules [ 15 ] . form . des } } < / p >
< div class = "cover" @click ="toSet(15)" > 点击更换标题与描述 < / div >
< div class = "block" >
< div class = "inner" >
< div class = "c-wrap" >
< h2 class = "b-title" > { { modules [ 15 ] . form . title } } < / h2 >
< p class = "intro" > { { modules [ 15 ] . form . des } } < / p >
< div class = "cover" @click ="toSet(15)" > 点击更换标题与描述 < / div >
< / div >
< ul class = "people" >
< li v-for ="(item, i) in modules[16].list" :key ="i" >
< img class = "pic" :src ="item.pic" alt = "" >
< div class = "texts" >
< p class = "sub" > { { item . title } } < / p >
< h6 > { { item . subTitle } } < / h6 >
< p class = "des" > { { item . des } } < / p >
< img class = "arrow" src = "@/assets/images/arrow.png" alt = "" >
< / div >
< / li >
< div class = "cover" @click ="toSet(16)" > 点击更改图片 、 标题概述与链接 < / div >
< / ul >
< / div >
< ul class = "people" >
< li v-for ="(item, i) in modules[16].list" :key ="i" >
< img class = "pic" :src ="item.pic" alt = "" >
< div class = "texts" >
< p class = "sub" > { { item . title } } < / p >
< h6 > { { item . subTitle } } < / h6 >
< p class = "des" > { { item . des } } < / p >
< img class = "arrow" src = "@/assets/images/arrow.png" alt = "" >
< / div >
< / li >
< div class = "cover" @click ="toSet(16)" > 点击更改图片 、 标题概述与链接 < / div >
< / ul >
< / div >
< / div >
< div class = "block list-block gray" >
< div class = "inner" >
< div class = "c-wrap" >
< h2 class = "b-title" > { { modules [ 17 ] . form . title } } < / h2 >
< p class = "intro" > { { modules [ 17 ] . form . des } } < / p >
< div class = "cover" @click ="toSet(17)" > 点击更换标题与描述 < / div >
< div class = "block list-block gray" >
< div class = "inner" >
< div class = "c-wrap" >
< h2 class = "b-title" > { { modules [ 17 ] . form . title } } < / h2 >
< p class = "intro" > { { modules [ 17 ] . form . des } } < / p >
< div class = "cover" @click ="toSet(17)" > 点击更换标题与描述 < / div >
< / div >
< ul class = "list" >
< li >
< img class = "pic" :src ="modules[18].form.pic" alt = "" >
< h6 > { { modules [ 18 ] . form . title } } < / h6 >
< p class = "des" > { { modules [ 18 ] . form . des } } < / p >
< div class = "cover" @click ="toSet(18)" > 点击更改图片 、 标题概述与链接 < / div >
< / li >
< li >
< img class = "pic" :src ="modules[19].form.pic" alt = "" >
< h6 > { { modules [ 19 ] . form . title } } < / h6 >
< p class = "des" > { { modules [ 19 ] . form . des } } < / p >
< div class = "cover" @click ="toSet(19)" > 点击更改图片 、 标题概述与链接 < / div >
< / li >
< li >
< img class = "pic" :src ="modules[20].form.pic" alt = "" >
< h6 > { { modules [ 20 ] . form . title } } < / h6 >
< p class = "des" > { { modules [ 20 ] . form . des } } < / p >
< div class = "cover" @click ="toSet(20)" > 点击更改图片 、 标题概述与链接 < / div >
< / li >
< / ul >
< / div >
< ul class = "list" >
< li >
< img class = "pic" :src ="modules[18].form.pic" alt = "" >
< h6 > { { modules [ 18 ] . form . title } } < / h6 >
< p class = "des" > { { modules [ 18 ] . form . des } } < / p >
< div class = "cover" @click ="toSet(18)" > 点击更改图片 、 标题概述与链接 < / div >
< / li >
< li >
< img class = "pic" :src ="modules[19].form.pic" alt = "" >
< h6 > { { modules [ 19 ] . form . title } } < / h6 >
< p class = "des" > { { modules [ 19 ] . form . des } } < / p >
< div class = "cover" @click ="toSet(19)" > 点击更改图片 、 标题概述与链接 < / div >
< / li >
< li >
< img class = "pic" :src ="modules[20].form.pic" alt = "" >
< h6 > { { modules [ 20 ] . form . title } } < / h6 >
< p class = "des" > { { modules [ 20 ] . form . des } } < / p >
< div class = "cover" @click ="toSet(20)" > 点击更改图片 、 标题概述与链接 < / div >
< / li >
< / ul >
< / div >
< / div >
< div class = "block" >
< div class = "inner" >
< div class = "c-wrap" >
< h2 class = "b-title" > { { modules [ 21 ] . form . title } } < / h2 >
< p class = "intro" > { { modules [ 21 ] . form . des } } < / p >
< div class = "cover" @click ="toSet(21)" > 点击更换标题与描述 < / div >
< / div >
< div class = "staff" >
< div class = "left" >
< h6 > { { modules [ 22 ] . form . title } } < / h6 >
< div class = "des" > { { modules [ 22 ] . form . des } } < / div >
< div class = "block" >
< div class = "inner" >
< div class = "c-wrap" >
< h2 class = "b-title" > { { modules [ 21 ] . form . title } } < / h2 >
< p class = "intro" > { { modules [ 21 ] . form . des } } < / p >
< div class = "cover" @click ="toSet(21)" > 点击更换标题与描述 < / div >
< / div >
< div class = "staff" >
< div class = "left" >
< h6 > { { modules [ 22 ] . form . title } } < / h6 >
< div class = "des" > { { modules [ 22 ] . form . des } } < / div >
< / div >
< img class = "pic" :src ="modules[22].form.pic" alt = "" >
< div class = "cover" @click ="toSet(22)" > 点击更改图片 、 标题概述与链接 < / div >
< / div >
< img class = "pic" :src ="modules[22].form.pic" alt = "" >
< div class = "cover" @click ="toSet(22)" > 点击更改图片 、 标题概述与链接 < / div >
< / div >
< / div >
< / div >
< Module :data.sync ="curData" :visible.sync ="diaVisible" @moduleSubmit ="moduleSubmit" / >
< Module ref = "module" :data.sync ="curData" :visible.sync ="diaVisible" @moduleSubmit ="moduleSubmit" / >
< / div >
< / template >
@ -211,7 +214,7 @@ export default {
columnId : [ ] ,
articleId : '' ,
linkAddress : '' ,
siteSelection : '' ,
site : '' ,
otherColumnId : [ ] ,
otherArticleId : '' ,
isOpen : 1
@ -236,7 +239,7 @@ export default {
required : true
} ,
{
type : 'input ' ,
type : 'textarea ' ,
prop : 'subTitle' ,
label : '小标题'
} ,
@ -261,7 +264,7 @@ export default {
columnId : [ ] ,
articleId : '' ,
linkAddress : '' ,
siteSelection : '' ,
site : '' ,
otherColumnId : [ ] ,
otherArticleId : '' ,
isOpen : 1
@ -320,7 +323,7 @@ export default {
columnId : [ ] ,
articleId : '' ,
linkAddress : '' ,
siteSelection : '' ,
site : '' ,
otherColumnId : [ ] ,
otherArticleId : '' ,
isOpen : 1
@ -357,7 +360,7 @@ export default {
columnId : [ ] ,
articleId : '' ,
linkAddress : '' ,
siteSelection : '' ,
site : '' ,
otherColumnId : [ ] ,
otherArticleId : '' ,
isOpen : 1
@ -394,7 +397,7 @@ export default {
columnId : [ ] ,
articleId : '' ,
linkAddress : '' ,
siteSelection : '' ,
site : '' ,
otherColumnId : [ ] ,
otherArticleId : '' ,
isOpen : 1
@ -431,7 +434,7 @@ export default {
columnId : [ ] ,
articleId : '' ,
linkAddress : '' ,
siteSelection : '' ,
site : '' ,
otherColumnId : [ ] ,
otherArticleId : '' ,
isOpen : 1
@ -614,7 +617,7 @@ export default {
columnId : [ ] ,
articleId : '' ,
linkAddress : '' ,
siteSelection : '' ,
site : '' ,
otherColumnId : [ ] ,
otherArticleId : '' ,
isOpen : 1
@ -658,7 +661,7 @@ export default {
required : true
} ,
{
type : 'input ' ,
type : 'textarea ' ,
prop : 'subTitle' ,
label : '小标题'
} ,
@ -683,16 +686,17 @@ export default {
columnId : [ ] ,
articleId : '' ,
linkAddress : '' ,
siteSelection : '' ,
site : '' ,
otherColumnId : [ ] ,
otherArticleId : '' ,
isOpen : 1
} ,
des : ''
des : '' ,
isEnable : 1
} ,
list : [
{
pic : require ( '@/assets/images/channel/channel1 .png' ) ,
pic : require ( '@/assets/images/about/6 .png' ) ,
title : 'Founder and 1st PRESIDENT OF THE INSTITUTE OF ADVANCED SCIENCE FACILITIES, SHENZHEN' ,
subTitle : 'Sun Dongbai' ,
link : {
@ -701,13 +705,49 @@ export default {
columnId : [ ] ,
articleId : '' ,
linkAddress : '' ,
siteSelection : '' ,
site : '' ,
otherColumnId : [ ] ,
otherArticleId : '' ,
isOpen : 1
} ,
des : 'Dr. Sun was the executive vice president of Sun Yat- and vice president of the University of Science and Technology Beijing (2008-2017). One of the most widely well-known material scientists aation' ,
isEnable : 1
} ,
{
pic : require ( '@/assets/images/about/7.png' ) ,
title : 'Vice ,
subTitle : 'Yang Xueming' ,
link : {
linkName : '无' ,
connectionType : 1 ,
columnId : [ ] ,
articleId : '' ,
linkAddress : '' ,
site : '' ,
otherColumnId : [ ] ,
otherArticleId : '' ,
isOpen : 1
} ,
des : 'Dr. Yang is a world-recognized physical chemistry scientist, an Academician of the Chinese Academy of Science, an awardee of the National Science Fund for Distinguished Young Scholars' ,
isEnable : 1
} ,
{
pic : require ( '@/assets/images/about/8.png' ) ,
title : 'The Chairman of Science and Technology Advisory Committee' ,
subTitle : 'Ulf KALSSON' ,
link : {
linkName : '无' ,
connectionType : 1 ,
columnId : [ ] ,
articleId : '' ,
linkAddress : '' ,
site : '' ,
otherColumnId : [ ] ,
otherArticleId : '' ,
isOpen : 1
} ,
des : 'Dr. Ulf Karlsson is a joint professor of Linköping University and KTH Royal Institute of Technology. He established the laboratory of material science and was the director of the materials science platform' ,
isEnable : 1
}
]
} ,
@ -767,7 +807,7 @@ export default {
columnId : [ ] ,
articleId : '' ,
linkAddress : '' ,
siteSelection : '' ,
site : '' ,
otherColumnId : [ ] ,
otherArticleId : '' ,
isOpen : 1
@ -811,7 +851,7 @@ export default {
columnId : [ ] ,
articleId : '' ,
linkAddress : '' ,
siteSelection : '' ,
site : '' ,
otherColumnId : [ ] ,
otherArticleId : '' ,
isOpen : 1
@ -855,7 +895,7 @@ export default {
columnId : [ ] ,
articleId : '' ,
linkAddress : '' ,
siteSelection : '' ,
site : '' ,
otherColumnId : [ ] ,
otherArticleId : '' ,
isOpen : 1
@ -919,7 +959,7 @@ export default {
columnId : [ ] ,
articleId : '' ,
linkAddress : '' ,
siteSelection : '' ,
site : '' ,
otherColumnId : [ ] ,
otherArticleId : '' ,
isOpen : 1
