You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
1.7 KiB
62 lines
1.7 KiB
1 year ago
|
<!-- 分销中心 -->
|
||
|
<template>
|
||
|
<s-layout navbar="inner" class="index-wrap" title="分销中心" :bgStyle="bgStyle" onShareAppMessage>
|
||
|
<!-- 分销商信息 -->
|
||
|
<commission-info />
|
||
|
<!-- 账户信息 -->
|
||
|
<account-info />
|
||
|
<!-- 菜单栏 -->
|
||
|
<commission-menu />
|
||
|
<!-- 分销记录 -->
|
||
|
<commission-log />
|
||
|
<!-- 弹框 -->
|
||
|
<commission-condition :error="state.error" :errorData="state.errorData" />
|
||
|
|
||
|
<!-- 权限 -->
|
||
|
<commission-auth :error="state.error" @getAgentInfo="getAgentInfo" />
|
||
|
</s-layout>
|
||
|
</template>
|
||
|
|
||
|
<script setup>
|
||
|
import sheep from '@/sheep';
|
||
|
import { onShow } from '@dcloudio/uni-app';
|
||
|
import { computed, reactive } from 'vue';
|
||
|
import commissionInfo from './components/commission-info.vue';
|
||
|
import accountInfo from './components/account-info.vue';
|
||
|
import commissionLog from './components/commission-log.vue';
|
||
|
import commissionMenu from './components/commission-menu.vue';
|
||
|
import commissionAuth from './components/commission-auth.vue';
|
||
|
import commissionCondition from './components/commission-condition.vue';
|
||
|
|
||
|
const state = reactive({
|
||
|
error: 0,
|
||
|
errorData: {},
|
||
|
config: {
|
||
|
background: '/storage/default/20220704/29ac76a3c9d0d983200d612e45a052ca.png',
|
||
|
},
|
||
|
});
|
||
|
|
||
|
const agentInfo = computed(() => sheep.$store('user').agentInfo);
|
||
|
|
||
|
const bgStyle = {
|
||
|
color: '#F7D598',
|
||
|
};
|
||
|
|
||
|
async function getAgentInfo() {
|
||
|
const { code, data } = await sheep.$store('user').getAgentInfo();
|
||
|
if (code !== 1) {
|
||
|
state.error = code;
|
||
|
state.errorData = data;
|
||
|
}
|
||
|
}
|
||
|
onShow(() => {
|
||
|
getAgentInfo();
|
||
|
});
|
||
|
</script>
|
||
|
|
||
|
<style lang="scss" scoped>
|
||
|
:deep(.page-main) {
|
||
|
background-size: 100% 100% !important;
|
||
|
}
|
||
|
</style>
|