|
|
@@ -4,49 +4,56 @@
|
|
|
<app-navbar title="我的推广" />
|
|
|
</template>
|
|
|
<div class="mine-generalize__header">
|
|
|
- <div class="info">
|
|
|
- <span>{{ userAccount.refercount }}</span>
|
|
|
- <h4>推广人数</h4>
|
|
|
+ <div class="info">
|
|
|
+ <span>{{ userAccount.refercount }}</span>
|
|
|
+ <h4>推广人数</h4>
|
|
|
+ </div>
|
|
|
+ <div class="block">
|
|
|
+ <div class="block-left">
|
|
|
+ <h4>当日新增</h4>
|
|
|
+ <span>{{ userAccount.todayrefercount }}</span>
|
|
|
</div>
|
|
|
- <div class="block">
|
|
|
- <div class="block-left">
|
|
|
- <h4>当日新增</h4>
|
|
|
- <span>{{ userAccount.todayrefercount }}</span>
|
|
|
- </div>
|
|
|
- <div class="block-right">
|
|
|
- <h4>推广编号</h4>
|
|
|
- <span @click="showQRCode = false">{{ userAccount.refernum }}</span>
|
|
|
- </div>
|
|
|
+ <div class="block-right">
|
|
|
+ <h4>推广编号</h4>
|
|
|
+ <span @click="showQRCode = true">{{ userAccount.refernum }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <Tabs class="mine-generalize__tabs">
|
|
|
- <Tab title="交易数据">
|
|
|
- <trade-data></trade-data>
|
|
|
- </Tab>
|
|
|
- <Tab title="推广收益">
|
|
|
- <promotion></promotion>
|
|
|
- </Tab>
|
|
|
- </Tabs>
|
|
|
- <app-qrcode v-model:show="showQRCode" :content="userAccount.refernum" />
|
|
|
+ </div>
|
|
|
+ <Tabs class="mine-generalize__tabs">
|
|
|
+ <Tab title="交易数据">
|
|
|
+ <trade-data></trade-data>
|
|
|
+ </Tab>
|
|
|
+ <Tab title="推广收益">
|
|
|
+ <promotion></promotion>
|
|
|
+ </Tab>
|
|
|
+ </Tabs>
|
|
|
+ <app-qrcode v-model:show="showQRCode" :content="qrContent" />
|
|
|
</app-view>
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts" setup>
|
|
|
-import { shallowRef } from 'vue'
|
|
|
+import { shallowRef, computed } from 'vue'
|
|
|
import { Tab, Tabs } from 'vant'
|
|
|
import { useLoginStore } from '@/stores'
|
|
|
import { queryUserAccount } from '@/services/api/account'
|
|
|
import AppQrcode from '@mobile/components/base/qrcode/index.vue'
|
|
|
import TradeData from './components/tradedata/index.vue'
|
|
|
import Promotion from './components/promotion/index.vue'
|
|
|
+import { getServiceUrl } from '@/services/http'
|
|
|
|
|
|
const { getUserId } = useLoginStore()
|
|
|
const showQRCode = shallowRef(false)
|
|
|
+
|
|
|
const userAccount = shallowRef<Partial<Model.UserAccount>>({
|
|
|
todayrefercount: 0,
|
|
|
refercount: 0,
|
|
|
})
|
|
|
|
|
|
+const qrContent = computed(() => {
|
|
|
+ const url = getServiceUrl('mobileOpenUrl')
|
|
|
+ return url + '/#/?code=' + userAccount.value.refernum
|
|
|
+})
|
|
|
+
|
|
|
queryUserAccount({
|
|
|
data: {
|
|
|
userID: getUserId()
|
|
|
@@ -55,7 +62,6 @@ queryUserAccount({
|
|
|
userAccount.value = res.data
|
|
|
}
|
|
|
})
|
|
|
-
|
|
|
</script>
|
|
|
|
|
|
<style lang="less">
|
