55 lines
2.0 KiB
Vue
55 lines
2.0 KiB
Vue
<template>
|
|
<div class="app-container">
|
|
<el-tabs v-model="activeName" type="card">
|
|
<el-tab-pane label="店铺信息" name="1"></el-tab-pane>
|
|
<el-tab-pane label="经营模式" name="8"></el-tab-pane>
|
|
<el-tab-pane label="基础配置" name="2"></el-tab-pane>
|
|
<!-- <el-tab-pane label="通知配置" name="3"></el-tab-pane> -->
|
|
<el-tab-pane label="安全设置" name="4"></el-tab-pane>
|
|
<el-tab-pane label="店铺装修" name="5"></el-tab-pane>
|
|
<el-tab-pane label="跳转小程序" name="6" v-if="shopId == 1"></el-tab-pane>
|
|
<el-tab-pane label="通知中心" name="7"></el-tab-pane>
|
|
<el-tab-pane label="店铺收款码" name="9"></el-tab-pane>
|
|
</el-tabs>
|
|
<shopInfo v-if="activeName == 1" />
|
|
<shopSetting v-if="activeName == 2" />
|
|
<notice v-if="activeName == 3" />
|
|
<securitySetting v-if="activeName == 4" />
|
|
<extend v-if="activeName == 5" />
|
|
<goxcx v-if="activeName == 6" />
|
|
<notifications v-if="activeName == 7" />
|
|
<ShopMode v-if="activeName == 8" />
|
|
<CollectMoneyCode v-if="activeName == 9" />
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import shopInfo from './components/shopInfo'
|
|
import shopSetting from './components/shopSetting'
|
|
import notice from './components/notice'
|
|
import securitySetting from './components/securitySetting'
|
|
import extend from './components/extend'
|
|
import goxcx from './components/goxcx'
|
|
import notifications from './notifications/index.vue'
|
|
import ShopMode from './components/shopMode.vue'
|
|
import CollectMoneyCode from './components/collectMoneyCode.vue'
|
|
export default {
|
|
components: {
|
|
shopInfo,
|
|
shopSetting,
|
|
notice,
|
|
securitySetting,
|
|
extend,
|
|
goxcx,
|
|
notifications,
|
|
ShopMode,
|
|
CollectMoneyCode
|
|
},
|
|
data() {
|
|
return {
|
|
activeName: '1',
|
|
shopId: localStorage.getItem('shopId')
|
|
}
|
|
}
|
|
}
|
|
</script> |