62 lines
		
	
	
		
			1.7 KiB
		
	
	
	
		
			Vue
		
	
	
			
		
		
	
	
			62 lines
		
	
	
		
			1.7 KiB
		
	
	
	
		
			Vue
		
	
	
| <!-- 分销中心  -->
 | |
| <template>
 | |
|   <s-layout navbar="inner" class="index-wrap" title="分销中心" :bgStyle="bgStyle">
 | |
|     <!-- 分销商信息 -->
 | |
|     <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 { error, data } = await sheep.$store('user').getAgentInfo();
 | |
|     if (error !== 0) {
 | |
|       state.error = error;
 | |
|       state.errorData = data;
 | |
|     }
 | |
|   }
 | |
|   onShow(() => {
 | |
|     getAgentInfo();
 | |
|   });
 | |
| </script>
 | |
| 
 | |
| <style lang="scss" scoped>
 | |
|   :deep(.page-main) {
 | |
|     background-size: 100% 100% !important;
 | |
|   }
 | |
| </style>
 |