112 lines
3.1 KiB
Vue
112 lines
3.1 KiB
Vue
<template>
|
|
<div class="mobile-config">
|
|
<Form ref="formInline">
|
|
<div v-for="(item,key) in rCom" :key="key">
|
|
<component :is="item.components.name" :configObj="configObj" ref="childData" :configNme="item.configNme" :key="key" @getConfig="getConfig" :index="activeIndex" :num="item.num"></component>
|
|
</div>
|
|
<rightBtn :activeIndex="activeIndex" :configObj="configObj"></rightBtn>
|
|
</Form>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
import toolCom from '@/components/mobileConfigRight/index.js'
|
|
import rightBtn from '@/components/rightBtn/index.vue';
|
|
export default {
|
|
name: 'c_home_service',
|
|
componentsName: 'home_service',
|
|
cname: '在线客服',
|
|
props: {
|
|
activeIndex: {
|
|
type: null
|
|
},
|
|
num: {
|
|
type: null
|
|
},
|
|
index: {
|
|
type: null
|
|
}
|
|
},
|
|
components: {
|
|
...toolCom,
|
|
rightBtn
|
|
},
|
|
data () {
|
|
return {
|
|
hotIndex: 1,
|
|
configObj: {}, // 配置对象
|
|
rCom: [
|
|
{
|
|
components: toolCom.c_set_up,
|
|
configNme: 'setUp'
|
|
}
|
|
] // 当前页面组件
|
|
}
|
|
},
|
|
watch: {
|
|
num (nVal) {
|
|
let value = JSON.parse(JSON.stringify(this.$store.state.mobildConfig.defaultArray[nVal]))
|
|
this.configObj = value;
|
|
},
|
|
configObj: {
|
|
handler (nVal, oVal) {
|
|
this.$store.commit('mobildConfig/UPDATEARR', { num: this.num, val: nVal });
|
|
},
|
|
deep: true
|
|
},
|
|
'configObj.setUp.tabVal': {
|
|
handler (nVal, oVal) {
|
|
var arr = [this.rCom[0]]
|
|
if (nVal == 0) {
|
|
let tempArr = [
|
|
{
|
|
components: toolCom.c_upload_img,
|
|
configNme: 'logoConfig'
|
|
}
|
|
]
|
|
this.rCom = arr.concat(tempArr)
|
|
} else {
|
|
let tempArr = [
|
|
{
|
|
components: toolCom.c_slider,
|
|
configNme: 'topConfig'
|
|
},
|
|
{
|
|
components: toolCom.c_slider,
|
|
configNme: 'prConfig'
|
|
}
|
|
]
|
|
this.rCom = arr.concat(tempArr)
|
|
}
|
|
},
|
|
deep: true
|
|
}
|
|
},
|
|
mounted () {
|
|
this.$nextTick(() => {
|
|
let value = JSON.parse(JSON.stringify(this.$store.state.mobildConfig.defaultArray[this.num]))
|
|
this.configObj = value;
|
|
})
|
|
},
|
|
methods: {
|
|
// 获取组件参数
|
|
getConfig (data) {
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.title-tips{
|
|
padding-bottom: 10px;
|
|
font-size: 14px;
|
|
color: #333;
|
|
span{
|
|
margin-right: 14px;
|
|
color: #999;
|
|
}
|
|
}
|
|
|
|
</style>
|