huoran
/
FE_huoran_server
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

关于我们

Browse Source
master
yujialong 6 months ago
parent 653b4eb836
commit 0174ea45c0
4 changed files with 70 additions and 37 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 5
      src/components/modules/module.vue
  2. 38
      src/const/modules.js
  3. 3
      src/layouts/header/index.vue
  4. 61
      src/pages/column/page/aboutUs.vue

5
src/components/modules/module.vue
Unescape View File

@ -40,6 +40,7 @@
<i class="el-icon-picture-outline"></i> <i class="el-icon-picture-outline"></i>
</div> </div>
</template> </template>
<div v-else-if="item.type === 'editor'" v-html="scope.row[item.prop]"></div>
<p v-else>{{ scope.row[item.prop] }}</p> <p v-else>{{ scope.row[item.prop] }}</p>
</template> </template>
</el-table-column> </el-table-column>
@ -78,7 +79,7 @@
ref="form" ref="form"
:model="data.form" :model="data.form"
:rules="rules" :rules="rules"
label-width="70px"> :label-width="data.labelWidth">
<el-form-item v-for="(item, i) in data.forms" <el-form-item v-for="(item, i) in data.forms"
:key="i" :key="i"
:prop="item.prop" :prop="item.prop"
@ -385,6 +386,7 @@ export default {
// 处理form表单参数 // 处理form表单参数
handleForm () { handleForm () {
const { type, forms, form, dialogWidth } = this.data const { type, forms, form, dialogWidth } = this.data
if (!this.data.labelWidth) this.data.labelWidth = '70px'
this.fixed = false this.fixed = false
if (type === 'form' || type === 'forms') { if (type === 'form' || type === 'forms') {
forms.map(e => { forms.map(e => {
@ -582,7 +584,6 @@ export default {
// 编辑内容 // 编辑内容
editIntro (row, i = 0) { editIntro (row, i = 0) {
this.data.form = JSON.parse(JSON.stringify(row)) this.data.form = JSON.parse(JSON.stringify(row))
if (!this.data.labelWidth) this.data.labelWidth = '60px'
this.curModule = i this.curModule = i
this.contentVisible = true this.contentVisible = true
}, },

38
src/const/modules.js
Unescape View File

@ -698,7 +698,7 @@ export default {
} }
}, },
{ {
type: 'form', type: 'introduce',
forms: [ forms: [
{ {
type: 'upload', type: 'upload',
@ -730,9 +730,9 @@ export default {
} }
], ],
form: { form: {
pic: 'https://huorantech.com/images/index/index0.png', pic: '',
title: '他们说', title: '',
subTitle: '—— 河海大学老师', subTitle: '',
link: { link: {
linkName: '无', linkName: '无',
connectionType: 1, connectionType: 1,
@ -744,8 +744,30 @@ export default {
otherArticleId: '', otherArticleId: '',
isOpen: 1 isOpen: 1
}, },
des: `平台功能丰富，操作简单，自动判分功能，能更高效的批改作业给学生更好的指导。` des: '',
} isEnable: 1,
},
list: [
{
pic: 'https://huorantech.com/images/index/index0.png',
title: '他们说',
subTitle: '—— 河海大学老师',
link: {
linkName: '无',
connectionType: 1,
columnId: [],
articleId: '',
linkAddress : '',
site: '',
otherColumnId: [],
otherArticleId: '',
isOpen: 1
},
des: `平台功能丰富，操作简单，自动判分功能，能更高效的批改作业给学生更好的指导。`,
isEnable: 1,
}
],
dialogWidth: '1100px',
}, },
{ {
type: 'introduce', type: 'introduce',
@ -817,7 +839,7 @@ export default {
}, },
{ {
type: 'input', type: 'input',
prop: 'site', prop: 'siteName',
label: '公司官网', label: '公司官网',
}, },
{ {
@ -838,7 +860,7 @@ export default {
], ],
form: { form: {
pic: 'https://huorantech.com/images/about/logo.png', pic: 'https://huorantech.com/images/about/logo.png',
site: '公司官网：www.huorantech.com', siteName: '公司官网：www.huorantech.com',
address: `地址：广东省深圳市南山区粤海街道海天二路盈峰中心2101`, address: `地址：广东省深圳市南山区粤海街道海天二路盈峰中心2101`,
phone: `合作咨询：郭经理 17671782660`, phone: `合作咨询：郭经理 17671782660`,
mail: `客户建议：service@huorantech.cn`, mail: `客户建议：service@huorantech.cn`,

3
src/layouts/header/index.vue
Unescape View File

@ -181,6 +181,9 @@ export default {
font-size: 14px; font-size: 14px;
} }
} }
/deep/.el-avatar > img {
width: 100%;
}
} }
} }
</style> </style>

61
src/pages/column/page/aboutUs.vue
Unescape View File

@ -179,36 +179,46 @@
@click="toSet(7)">点击更换标题与描述</div> @click="toSet(7)">点击更换标题与描述</div>
</div> </div>
<div class="client-pic c-wrap"> <el-carousel class="carousel" height="372px"
<img class="bg" :interval="6000"
:src="modules[8].form.pic" :arrow="(modules[8] && modules[8].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'"
alt=""> :indicator-position="modules[8].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
<div class="text"> <template v-for="(item, i) in modules[8].list">
<div class="c-title1"> <el-carousel-item v-if="item.isEnable" :key="i">
<img src="https://huorantech.com/images/index/comma1.png" <div class="client-pic c-wrap">
alt=""> <img class="bg"
{{ modules[8].form.title }} :src="item.pic"
</div> alt="">
<div class="text" <div class="text">
v-html="modules[8].form.des"></div> <div class="c-title1">
<div class="c-title2"> <img src="https://huorantech.com/images/index/comma1.png"
{{ modules[8].form.subTitle }} alt="">
<img src="https://huorantech.com/images/index/comma2.png" {{ item.title }}
alt=""> </div>
</div> <div class="text"
<div class="cover" v-html="item.des"></div>
@click="toSet(8)">点击更改图片、标题、概述与链接</div> <div class="c-title2">
</div> {{ item.subTitle }}
</div> <img src="https://huorantech.com/images/index/comma2.png"
alt="">
</div>
<div class="cover"
@click="toSet(8)">点击更改图片、标题、概述与链接</div>
</div>
</div>
</el-carousel-item>
</template>
</el-carousel>
<div class="c-wrap"> <div class="c-wrap">
<scroll class="clients" <scroll class="clients"
:data="modules[9].list" :data="modules[9].list"
:class-option="{limitMoveNum: 2, direction: 2}"> :class-option="{limitMoveNum: 2, direction: 2}">
<ul class="client-list" <ul class="client-list"
ref="client"> ref="client">
<template v-for="item in modules[9].list"> <template v-for="(item, i) in modules[9].list">
<li v-if="item.isEnable" <li v-if="item.isEnable"
:key="item"> :key="i">
<img :src="item.pic" <img :src="item.pic"
alt=""> alt="">
</li> </li>
@ -245,7 +255,7 @@
<img class="icon" <img class="icon"
src="https://huorantech.com/images/about/site.png" src="https://huorantech.com/images/about/site.png"
alt=""> alt="">
{{ modules[11].form.site }} {{ modules[11].form.siteName }}
</div> </div>
<div class="line"> <div class="line">
<img class="icon" <img class="icon"
@ -268,9 +278,6 @@
{{ modules[11].form.mail }} {{ modules[11].form.mail }}
</div> </div>
</div> </div>
<div class="cover"
style="width: 800px"
@click="toSet(11)">点击更改信息</div>
<div class="cover" <div class="cover"
style="width: 800px" style="width: 800px"
@click="toSet(11)">点击更改信息</div> @click="toSet(11)">点击更改信息</div>

Write Preview
Loading…
Cancel
Save