|
<template>
|
<div>
|
<hot-area-position :form="form">
|
<template slot="functionArea">
|
<div>
|
<el-form-item label="功能：" :required="true">
|
<el-select v-model="form.type" placeholder="请选择功能" @change="changeType">
|
<el-option v-for="item in useSceneArr" :key="item.value" :label="item.label"
|
:value="item.value"></el-option>
|
</el-select>
|
</el-form-item>
|
</div>
|
<hr v-show="form.type" />
|
<component :form="form" :is="form.type"></component>
|
</template>
|
</hot-area-position>
|
</div>
|
</template>
|
|
<script>
|
import hotAreaPosition from '@/components/hotAreaPosition/index.vue'
|
import customPage from '@/views/diy-form/set-up/components/customPage.vue'
|
import bulletinBoard from '@/views/diy-form/set-up/components/bulletinBoard.vue'
|
import carousel from '@/views/diy-form/set-up/components/carousel.vue'
|
import search from '@/views/diy-form/set-up/components/search.vue'
|
import proDetails from '@/views/diy-form/set-up/components/proDetails.vue'
|
import actDetails from '@/views/diy-form/set-up/components/actDetails.vue'
|
import proCategory from '@/views/diy-form/set-up/components/proCategory.vue'
|
import playVideo from '@/views/diy-form/set-up/components/playVideo.vue'
|
import backToTop from '@/views/diy-form/set-up/components/backToTop.vue'
|
import slide3d from '@/views/diy-form/set-up/components/slide3d.vue'
|
import basicSet from '@/views/diy-form/set-up/components/basicSet.vue'
|
|
import { useSceneArray } from '../../commonData'
|
import { mapMutations } from 'vuex'
|
export default {
|
props: ['form'],
|
components: {
|
customPage,
|
bulletinBoard,
|
carousel,
|
search,
|
proDetails,
|
actDetails,
|
proCategory,
|
playVideo,
|
backToTop,
|
slide3d,
|
hotAreaPosition,
|
basicSet
|
},
|
data() {
|
return {
|
useSceneArr: useSceneArray
|
}
|
},
|
methods: {
|
...mapMutations(['changeTypeDiyList']),
|
changeType(val) {
|
this.changeTypeDiyList(val)
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
hr {
|
border: none;
|
height: 1px;
|
background-color: #e5e5e5;
|
margin-bottom: 10px;
|
}
|
.customPublicArea {
|
position: relative;
|
.deleteDiy {
|
position: absolute;
|
right: 0;
|
font-size: 20px;
|
cursor: pointer;
|
}
|
}
|
</style>
|
