Commit 99eb9318 authored by 罗超's avatar 罗超

修改

parent 63575108
This diff is collapsed.
...@@ -1524,7 +1524,7 @@ export default { ...@@ -1524,7 +1524,7 @@ export default {
text6: 'Revenue in the past six months', text6: 'Revenue in the past six months',
text7: 'Time selection', text7: 'Time selection',
text8: 'Select month', text8: 'Select month',
text9: 'Accumulated number of transactions this year', text9: 'Number of people this year',
text10: 'Accumulated revenue', text10: 'Accumulated revenue',
text11: 'Month Number', text11: 'Month Number',
text12: 'Activated, expected revenue', text12: 'Activated, expected revenue',
...@@ -1532,6 +1532,7 @@ export default { ...@@ -1532,6 +1532,7 @@ export default {
text14: 'Estimated Revenue', text14: 'Estimated Revenue',
text15: 'Monthly transaction amount has been reached', text15: 'Monthly transaction amount has been reached',
text16: 'Return', text16: 'Return',
text17: 'up',
}, },
col: { col: {
title1: 'Order', title1: 'Order',
......
...@@ -1522,14 +1522,15 @@ export default { ...@@ -1522,14 +1522,15 @@ export default {
text6: '半年近くの収益', text6: '半年近くの収益',
text7: '時間の選択', text7: '時間の選択',
text8: '選択月', text8: '選択月',
text9: '本年の累計取引総額です', text9: '本年の累計人数',
text10: '累積収益', text10: '累積収益',
text11: '当面の取引額', text11: '現在の人数',
text12: '活性化しています,収益見込み', text12: '活性化しています,収益見込み',
text13: 'まだまだ', text13: 'まだまだ',
text14: '収益予想', text14: '収益予想',
text15: '月の取引額はすでに達しました', text15: '月の取引額はすでに達しました',
text16: '返します', text16: '返します',
text17: '以下',
}, },
col:{ col:{
title1: '註文します', title1: '註文します',
......
...@@ -1525,14 +1525,15 @@ export default { ...@@ -1525,14 +1525,15 @@ export default {
text6: '近半年收益', text6: '近半年收益',
text7: '时间选择', text7: '时间选择',
text8: '选择月份', text8: '选择月份',
text9: '本年累计交易总额', text9: '本年累计人数',
text10: '累计收益', text10: '累计收益',
text11: '当前交易额', text11: '当前人数',
text12: '已激活,预计收益', text12: '已激活,预计收益',
text13: '还差', text13: '还差',
text14: '预计收益', text14: '预计收益',
text15: '月交易额已达', text15: '月交易额已达',
text16: '返', text16: '返',
text17: '以上',
}, },
col:{ col:{
title1: '订单', title1: '订单',
......
...@@ -1527,14 +1527,15 @@ export default { ...@@ -1527,14 +1527,15 @@ export default {
text6: '近半年收益', text6: '近半年收益',
text7: '時間選擇', text7: '時間選擇',
text8: '選擇月份', text8: '選擇月份',
text9: '本年累計交易總額', text9: '本年累計人數',
text10: '累計收益', text10: '累計收益',
text11: '當前交易額', text11: '當前人數',
text12: '已激活,預計收益', text12: '已激活,預計收益',
text13: '還差', text13: '還差',
text14: '預計收益', text14: '預計收益',
text15: '月交易額已達', text15: '月交易額已達',
text16: '返', text16: '返',
text17: '以上',
}, },
col:{ col:{
title1: '訂單', title1: '訂單',
......
<template> <template>
<div class="column items-center"> <div class="column items-center">
<div class="q-mt-sm q-mb-lg" <div class="q-mt-sm q-mb-lg" :class="[$q.platform.is.desktop ? 'passbook-form' : '']" :style="{ width: $q.platform.is.mobile ? '100%' : '' }">
:class="[$q.platform.is.desktop?'passbook-form':'']" <transition-group v-if="!isUseDetails" appear enter-active-class="animated fadeInRight" leave-active-class="animated fadeInLeft">
:style="{'width':$q.platform.is.mobile?'100%':''}"> <template v-if="MonthObj && datainfo">
<transition-group <passbookHead :dataNum="datainfo ? datainfo.Client_Balance : 0" />
v-if="!isUseDetails" <!-- <rebate/> -->
appear <redEnvelope :Obj="MonthObj" :info="datainfo" />
enter-active-class="animated fadeInRight" </template>
leave-active-class="animated fadeInLeft" </transition-group>
> <transition v-else appear enter-active-class="animated fadeInLeft" leave-active-class="animated fadeInRight">
<template v-if="MonthObj&&datainfo"> <useDetails />
<passbookHead :dataNum="datainfo?datainfo.Client_Balance:0"/> </transition>
<!-- <rebate/> -->
<redEnvelope :Obj="MonthObj" :info="datainfo"/>
</template>
</transition-group>
<transition
v-else
appear
enter-active-class="animated fadeInLeft"
leave-active-class="animated fadeInRight"
>
<useDetails/>
</transition>
</div>
</div> </div>
</div>
</template> </template>
<script lang="ts"> <script lang="ts">
import useMetaModule from '../../module/meta/metaModule' import useMetaModule from '../../module/meta/metaModule'
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router'
import { defineComponent, ref, reactive, toRefs, provide, inject } from 'vue' import { defineComponent, ref, reactive, toRefs, provide, inject } from 'vue'
import { useQuasar } from 'quasar' import { useQuasar } from 'quasar'
import { ApiResult } from '../../@types/enumHelper' import { ApiResult } from '../../@types/enumHelper'
import message from '../../utils/message' import message from '../../utils/message'
import { useI18n } from 'vue-i18n' import { useI18n } from 'vue-i18n'
import Store from '../../store' import Store from '../../store'
import { DirtionmaryHelper } from '../../config/dictionary' import { DirtionmaryHelper } from '../../config/dictionary'
import passbookHead from '../../components/passbook/passbookHead.vue' import passbookHead from '../../components/passbook/passbookHead.vue'
import rebate from '../../components/passbook/rebate.vue' import rebate from '../../components/passbook/rebate.vue'
import redEnvelope from '../../components/passbook/redEnvelope.vue' import redEnvelope from '../../components/passbook/redEnvelope.vue'
import useDetails from '../../components/passbook/useDetails.vue' import useDetails from '../../components/passbook/useDetails.vue'
import passbookService from '../../api/passbook' import passbookService from '../../api/passbook'
export default defineComponent({ export default defineComponent({
name: 'user-info', name: 'user-info',
components: { passbookHead,rebate,redEnvelope,useDetails }, components: { passbookHead, rebate, redEnvelope, useDetails },
props: {}, props: {},
setup() { setup() {
const $router = useRouter()
const $q = useQuasar()
const data = reactive({
datainfo: null as Object,
xMonth: [] as Array<any>,
yMoney1: [] as Array<any>,
yMoney2: [] as Array<any>,
MonthObj: null as Object
})
const $router = useRouter(); let { setTitle } = useMetaModule()
const $q = useQuasar() const { locale, t } = useI18n()
const data=reactive({ const pageTitle = inject(DirtionmaryHelper.PAGE_TITLE_KEY) as any
datainfo:null as Object, pageTitle.value = t('v104.passbook.pageTitle')
xMonth:[] as Array<any>, setTitle(pageTitle.value)
yMoney1:[] as Array<any>, const ratioListBase = ref([
yMoney2:[] as Array<any>, {
MonthObj:null as Object Money: 5,
}) Ratio: 100000
},
let { setTitle } = useMetaModule() {
const { locale, t } = useI18n() Money: 11,
const pageTitle = inject(DirtionmaryHelper.PAGE_TITLE_KEY) as any Ratio: 150000
pageTitle.value = t('v104.passbook.pageTitle') },
setTitle(pageTitle.value) {
const ratioListBase = ref([ Money: 16,
{ Ratio: 200000
Money:5, },
Ratio:100000, {
}, Money: 21,
{ Ratio: 250000
Money:11, }
Ratio:150000, ])
}, const isUseDetails = ref(false)
{ provide(DirtionmaryHelper.PASSBOOK_DETAILS, isUseDetails)
Money:16, const methods = {
Ratio:200000, GetBigRedEnvelope() {
}, let CustomerId
{ if (Store.state && Store.state.user?.userDetail) {
Money:21, CustomerId = Store.state.user?.userDetail?.customerId
Ratio:250000, }
}, $q.loading.show()
]) passbookService
const isUseDetails = ref(false) .GetCustomerBigRedEnvelope(CustomerId)
provide(DirtionmaryHelper.PASSBOOK_DETAILS,isUseDetails) .then(r => {
const methods = { let arr1 = ['-', '-', '-', '-']
GetBigRedEnvelope() { let newarr = []
let CustomerId if (r.data.resultCode == ApiResult.SUCCESS) {
if (Store.state && Store.state.user?.userDetail) { data.datainfo = r.data.data
CustomerId = Store.state.user?.userDetail?.customerId data.datainfo.JQLRList.forEach((item, index) => {
} data.xMonth.push(item.Date)
$q.loading.show() if (index < 5) {
passbookService.GetCustomerBigRedEnvelope(CustomerId) data.yMoney1.push(item.Money)
.then(r => {
let arr1=['-', '-', '-','-'];
let newarr=[];
if (r.data.resultCode == ApiResult.SUCCESS) {
data.datainfo=r.data.data;
data.datainfo.JQLRList.forEach((item,index)=>{
data.xMonth.push(item.Date)
if(index<5){
data.yMoney1.push(item.Money)
}
if(index>3){
newarr.push(item.Money);
data.yMoney2=arr1.concat(newarr);
}
})
data.datainfo.RatioList = ratioListBase.value
data.datainfo.RatioList.forEach(item=>{
item.percent=data.datainfo.Amount/item.Money;
item.width=(item.percent)*100;
})
console.log(data.datainfo.RatioList)
data.yMoney1=data.yMoney1.concat(["-"]);
data.MonthObj ={
xMonth: data.xMonth,
yMoney1: data.yMoney1,
yMoney2: data.yMoney2
} }
} else { if (index > 3) {
message.errorMsg(r.data.message) newarr.push(item.Money)
data.yMoney2 = arr1.concat(newarr)
}
})
data.datainfo.RatioList = ratioListBase.value
data.datainfo.GuestNum = data.datainfo.GuestNum ? data.datainfo.GuestNum : 0
data.datainfo.RatioList.forEach(item => {
item.percent = data.datainfo.GuestNum / item.Money
item.width = item.percent * 100
})
data.yMoney1 = data.yMoney1.concat(['-'])
data.MonthObj = {
xMonth: data.xMonth,
yMoney1: data.yMoney1,
yMoney2: data.yMoney2
} }
$q.loading.hide() } else {
}) message.errorMsg(r.data.message)
.catch(r => { }
$q.loading.hide() $q.loading.hide()
message.errorMsg(r.message) })
}) .catch(r => {
}, $q.loading.hide()
message.errorMsg(r.message)
})
} }
methods.GetBigRedEnvelope()
return {...toRefs(data),isUseDetails,...methods}
} }
}) methods.GetBigRedEnvelope()
</script> return { ...toRefs(data), isUseDetails, ...methods }
}
})
</script>
<style> <style>
.passbook-form{ .passbook-form {
width: 963px; width: 963px;
/* min-width: 663px; */ /* min-width: 663px; */
} }
</style> </style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment