Commit 6f6c7153 authored by youjie's avatar youjie

翻译幸福存折

parent 70c6cf01
......@@ -20,7 +20,7 @@
:style="{'position':$q.platform.is.mobile?'reactive':''}">
<div class="column"
:style="{'padding':$q.platform.is.mobile?'20px 0 15px 0':''}">
<div class="text-white" style="opacity: .5;">可用余额</div>
<div class="text-white" style="opacity: .5;">{{$t('v104.passbook.available')}}</div>
<div class="row items-end text-white" style="position: relative;">
<div class="fz22">
¥
......@@ -40,7 +40,7 @@
:class="{'items-end':$q.platform.is.desktop,'items-center':$q.platform.is.mobile}">
<div
:class="{'q-pl-lg fz12 text-white':$q.platform.is.desktop,'fz14 text-amber-1 col text-center':$q.platform.is.mobile}">
<span>使用规则</span>
<span>{{$t('v104.passbook.rules')}}</span>
</div>
<q-separator v-if="$q.platform.is.mobile" dark vertical inset />
<div class="row items-center" style="height: 100%;"
......@@ -51,7 +51,7 @@
<q-img v-if="$q.platform.is.desktop" src="../../assets/images/personal/ck.png"
width="12px"
height="12px" style="position: relative; top: 0px;"/>
<span class="fz14 q-pl-xs">使用明细</span>
<span class="fz14 q-pl-xs">{{$t('v104.passbook.details')}}</span>
</div>
</div>
</div>
......@@ -73,6 +73,7 @@
},
setup(props,context) {
const $router = useRouter();
const { t } = useI18n()
const data=reactive({
isUseDetails: false,
Client_Balance: 0
......
......@@ -9,7 +9,7 @@
:class="[$q.platform.is.desktop?'row justify-between':'column reverse']">
<div v-if="$q.platform.is.mobile" class="text-center fz16 q-py-md" @click="isShow=!isShow"
style="border: 1px dashed #E0E0E0;">
查看明细<q-icon
{{$t('v104.passbook.viewdetails')}}<q-icon
:name="isShow ? 'keyboard_arrow_up' : 'keyboard_arrow_down'" class="q-ml-sm text-grey-6"
size="25px"
/>
......@@ -19,8 +19,8 @@
<template v-if="isShow||$q.platform.is.desktop">
<div class="row items-center left-text text-grey-9"
:class="[$q.platform.is.desktop?'':'q-py-sm']">
<div>订单{{$q.platform.is.desktop?'信息':''}}</div><div>系列</div>
<div>人数</div><div>返佣</div>
<div>{{$t('v104.passbook.col.title1')}}{{$q.platform.is.desktop?$t('v104.passbook.col.title01'):''}}</div><div>{{$t('v104.passbook.col.title2')}}</div>
<div>{{$t('v104.passbook.col.title3')}}</div><div>{{$t('v104.passbook.col.title4')}}</div>
</div>
<q-separator color="grey-3" />
<div class="column" v-if="dataList.length>0">
......@@ -44,7 +44,7 @@
:class="[$q.platform.is.desktop?'col-4 q-px-lg':'col']"
:style="{'padding':$q.platform.is.desktop?'0 30px 0 30px':''}">
<div class="fz14 text-grey-7"
:class="[$q.platform.is.desktop?'q-pl-lg':'q-pl-md']">线路数据占比</div>
:class="[$q.platform.is.desktop?'q-pl-lg':'q-pl-md']">{{$t('v104.passbook.titles.text2')}}</div>
<div :class="[$q.platform.is.desktop?'q-pl-lg':'']">
<div ref="main" style="width: 100%;height: 300px;"></div>
</div>
......@@ -76,20 +76,14 @@
},
setup(props) {
const $q = useQuasar()
const { t } = useI18n()
const $router = useRouter();
const main = ref();
const data=reactive({
isShow: false,
titleHead: '人头返佣',
title: '线路数据占比',
titleHead: t('v104.passbook.titles.text1'),
dataList: [],
zbList:[],
cols: [
{ name: 'Room', label: '订单信息', field: (row: any) => row.Date, align: 'left' },
{ name: '', label: '系列', field: (row: any) => row.Date, align: 'left' },
{ name: '', label: '人数', field: (row: any) => row.Date, align: 'left' },
{ name: '', label: '返佣', field: (row: any) => row.Date, align: 'left' },
]
})
const methods = {
......@@ -135,27 +129,28 @@
getinit() {
// 基于准备好的dom,初始化echarts实例
const myChart = echarts.init(main.value);
const schoolData = [
{
name:'张三',
value:4253
},
{
name:'李四',
value:5691
},
{
name:'王五',
value:4536
},
{
name:'赵六',
value:4369
},
{
name:'周七',
value:5124
}]
// const schoolData = [
// {
// name:'张三',
// value:4253
// },
// {
// name:'李四',
// value:5691
// },
// {
// name:'王五',
// value:4536
// },
// {
// name:'赵六',
// value:4369
// },
// {
// name:'周七',
// value:5124
// }]
// 指定图表的配置项和数据
const option = {
tooltip: {
......@@ -170,7 +165,7 @@
left: $q.platform.is.desktop?"35%":"40%",
top: $q.platform.is.desktop?"43%":"48%",
style: {
text: "线路占比",
text: t('v104.passbook.titles.text3'),
textAlign: "center",
fill: "#2C3343", //文字的颜色
fontSize: 18,
......@@ -180,7 +175,7 @@
],
series: [
{
name: "订单来源",
name: t('v104.passbook.titles.text4'),
type: "pie",
radius: ["50%", "70%"],
center: $q.platform.is.desktop?["50%", "45%"]:["50%", "50%"],
......
......@@ -4,11 +4,11 @@
<span class="fz16 text-weight-bold dark"
:class="[$q.platform.is.mobile?'q-pl-sm':'']"
:style="{'border-left':$q.platform.is.mobile?'4px solid #EE4454 ':'',}">{{title}}</span>
<span @click="title=='使用明细'?Return():''">
<span @click="title==$t('v104.passbook.details')?Return():''">
<span class="fz12 cursor-pointer text-grey-6">
{{title!='使用明细'?'':'返回'}}
<q-icon v-if="title=='使用明细'" name="chevron_right" size="22px" style="position: relative;top: -1px;"/></span>
<!-- <q-popup-proxy v-if="title!='使用明细'" class="no-shadow" style="box-shadow: 0 0 50px #ddd !important" :offset="[0, 10]"
{{title!=$t('v104.passbook.details')?'':$t('v104.passbook.return')}}
<q-icon v-if="title==$t('v104.passbook.details')" name="chevron_right" size="22px" style="position: relative;top: -1px;"/></span>
<!-- <q-popup-proxy v-if="title!=$t('v104.passbook.details')" class="no-shadow" style="box-shadow: 0 0 50px #ddd !important" :offset="[0, 10]"
:model-value="canHide">
<div class="q-px-md q-py-sm" style="opacity: 0.5;">
<div>121212195959</div>
......
......@@ -21,7 +21,7 @@
:style="{'padding':$q.platform.is.desktop?'0 30px 0 30px':''}"
>
<div :class="[$q.platform.is.desktop?'':'col-6 text-center']">
<div class="fz14 text-grey-7" :class="[$q.platform.is.desktop?'q-pb-xs':'']">本年累计交易总额</div>
<div class="fz14 text-grey-7" :class="[$q.platform.is.desktop?'q-pb-xs':'']">{{$t('v104.passbook.titles.text9')}}</div>
<div class="row items-end"
:class="[$q.platform.is.desktop?'q-pb-lg':'justify-center']">
<span class="fz12">¥</span> <div class="fz32 q-pl-sm"><span style="position: relative;top: 9px;">{{datainfo.Amount}}</span></div>
......@@ -29,7 +29,7 @@
</div>
<q-separator v-if="$q.platform.is.desktop" color="grey-3"/>
<div :class="[$q.platform.is.desktop?'':'col-6 text-center']">
<div class="fz14 text-grey-7" :class="[$q.platform.is.desktop?'q-pt-lg':'']">累计收益</div>
<div class="fz14 text-grey-7" :class="[$q.platform.is.desktop?'q-pt-lg':'']">{{$t('v104.passbook.titles.text10')}}</div>
<div class="row items-end"
:class="[$q.platform.is.desktop?'q-pb-lg':'justify-center']">
<span class="fz12">¥</span> <div class="fz32 q-pl-sm"><span style="position: relative;top: 9px;">{{datainfo.TotalMoney}}</span></div>
......@@ -39,7 +39,7 @@
</div>
<q-separator v-if="$q.platform.is.mobile" color="grey-3"/>
</div>
<div :class="[$q.platform.is.desktop?'q-pb-lg q-px-lg':'q-py-md q-px-md']"><span>当前交易额</span><span class="q-pl-lg">¥</span><span class="fz32 q-pl-sm">{{datainfo.Amount.toFixed(2)}}</span> </div>
<div :class="[$q.platform.is.desktop?'q-pb-lg q-px-lg':'q-py-md q-px-md']"><span>{{$t('v104.passbook.titles.text11')}}</span><span class="q-pl-lg">¥</span><span class="fz32 q-pl-sm">{{datainfo.Amount.toFixed(2)}}</span> </div>
<div class="q-pt-sm" :class="[$q.platform.is.desktop?'q-px-lg':'q-px-md']">
<div class="q-pb-lg" v-for="(item,index) in datainfo.RatioList" :key="index"
:class="[$q.platform.is.desktop?'row items-center no-wrap':'column']">
......@@ -81,12 +81,12 @@
:class="[$q.platform.is.desktop?'column q-ml-md':'row no-wrap items-center justify-between q-pt-xs']">
<span class="row"
:class="[item.percent>1?'text-light-green-6':item.percent<1?'text-red-5':'text-dark',$q.platform.is.desktop?'wrap fz16 text-weight-bold':'fz12 col-6']">
<template v-if="item.percent>1">已激活,预计收益 ¥{{(item.Money*item.Ratio)/1000}}</template>
<template v-if="item.percent<1">还差¥{{item.Money-datainfo.Amount}},预计收益 ¥{{(item.Money*item.Ratio)/1000}}</template>
<template v-if="item.percent>1">{{$t('v104.passbook.titles.text12')}} ¥{{(item.Money*item.Ratio)/1000}}</template>
<template v-if="item.percent<1">{{$t('v104.passbook.titles.text13')}}¥{{item.Money-datainfo.Amount}},{{$t('v104.passbook.titles.text14')}} ¥{{(item.Money*item.Ratio)/1000}}</template>
</span>
<span class="fz12 text-grey-6 q-pt-xs"
:class="[$q.platform.is.desktop?'':'col-6']">月交易额已达 ¥ {{item.Money}} 返{{item.Ratio}}‰</span>
:class="[$q.platform.is.desktop?'':'col-6']">{{$t('v104.passbook.titles.text15')}} ¥ {{item.Money}} {{$t('v104.passbook.titles.text16')}}{{item.Ratio}}‰</span>
</div>
</div>
</div>
......@@ -118,7 +118,7 @@
</div>
</template>
<script lang="ts">
import { ref, toRefs, onMounted } from "vue";
import { ref, toRefs, onMounted, onBeforeUnmount } from "vue";
import { useRouter } from 'vue-router';
import { useQuasar } from 'quasar'
import { defineComponent, ref, reactive, toRefs } from 'vue'
......@@ -140,11 +140,11 @@
},
setup(props) {
const $q = useQuasar()
const { t } = useI18n()
const $router = useRouter();
const main = ref();
const data=reactive({
titleHead: '大红包',
title: '线路数据占比',
titleHead: t('v104.passbook.titles.text5'),
DetailList: [],
progress2: 0.5,
xMonth:[],
......@@ -158,14 +158,15 @@
data.yMoney2 = props.Obj.yMoney2
data.datainfo = props.info
}
let chart = null
const methods = {
getinit() {
// 基于准备好的dom,初始化echarts实例
const myChart = echarts.init(main.value);
const option = {
title:{
text:'近半年收益',
left:'left',
text: t('v104.passbook.titles.text6'),
left: $q.platform.is.desktop?'10px':'',
textStyle: {
fontSize: '14px',
color: '#757575',
......@@ -197,6 +198,12 @@
}
},
},
grid: {
top: $q.platform.is.desktop?"50px":"50px",
left: $q.platform.is.desktop?"60px":"45px",
right: $q.platform.is.desktop?"60px":"45px",
bottom: $q.platform.is.desktop?"50px":"60px",
},
series: [
{
type: "line",
......@@ -237,10 +244,17 @@
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
// chart.setOption(option)
}
}
onBeforeUnmount(()=>{
// window.onresize = null
})
onMounted(() => {
methods.getinit();
// window.onresize = debounce(()=>{
// chart.resize()
// },300)
});
return {...toRefs(data),main,...methods}
}
......
......@@ -5,7 +5,7 @@
<div class=" q-pt-md"
:class="[$q.platform.is.desktop?'q-px-lg':'q-px-md']">
<q-field clearable @clear="activeMonths=0,getList()" v-model="queryTime"
label="时间选择" standout class="col-2" style="width: 190px" dense>
:label="$t('v104.passbook.titles.text7')" standout class="col-2" style="width: 190px" dense>
<div class="self-center full-width no-outline" tabindex="0">{{ queryTime }}</div>
<q-separator color="grey-3" class="q-my-sm" />
<q-popup-proxy :offset="[0, 10]" ref="qDateProxy">
......@@ -14,7 +14,7 @@
default-view="Months"
@update:model-value="dateRangeHandler"></q-date> -->
<div class="column bg-white" style="width: 300px;">
<div class="bg-blue text-white q-px-lg q-py-md fz18">选择月份</div>
<div class="bg-blue text-white q-px-lg q-py-md fz18">{{$t('v104.passbook.titles.text8')}}</div>
<div class="row">
<div v-for="(item,index) in chineseMonth"
class="col-4 text-center q-py-lg">
......@@ -31,8 +31,8 @@
:class="[$q.platform.is.desktop?'useDetails-form':'q-py-lg q-px-md']">
<div class="column col useDetails-left fz14">
<div class="row items-center left-text text-grey-9">
<div>时间</div><div>描述</div>
<div>支出(收入)</div>
<div>{{$t('v104.passbook.col.title5')}}</div><div>{{$t('v104.passbook.col.title6')}}</div>
<div>{{$t('v104.passbook.col.title7')}}({{$t('v104.passbook.col.title8')}})</div>
</div>
<q-separator color="grey-3" />
<div class="column">
......@@ -81,7 +81,7 @@
const data=reactive({
dateRange: {} as any,
queryTime: '',
titleHead: '使用明细',
titleHead: t('v104.passbook.details'),
dataList: [],
chineseMonth:[],
activeMonths: 0,
......
......@@ -1446,6 +1446,47 @@ export default {
hui: '割引金額',
paid: '支払い総額です'
}
}
},
//#endregion
//#region ending v1.0.4
v104: {
passbook:{
pageTitle: '幸せ通帳です',
available: '利用可能な残高',
rules: '使用規則',
details: '使用明細',
return: '戻ります',
viewdetails: '明細を見ます',
titles:{
text1: '首返のお手伝いさん',
text2: '回線データの比率',
text3: '回線比率',
text4: '註文の出所',
text5: 'ご祝儀',
text6: '半年近くの収益',
text7: '時間の選択',
text8: '選択月',
text9: '本年の累計取引総額です',
text10: '累積収益',
text11: '当面の取引額',
text12: '活性化しています,収益見込み',
text13: 'まだまだ',
text14: '収益予想',
text15: '月の取引額はすでに達しました',
text16: '返します',
},
col:{
title1: '註文します',
title01: '情報',
title2: 'シリーズ',
title3: '人数',
title4: 'お手伝いに戻ります',
title5: '時間です',
title6: '記述します',
title7: '支出します',
title8: '収入です',
}
}
},
//#endregion
}
......@@ -1446,6 +1446,47 @@ export default {
hui: '할인금액',
paid: '지불총액'
}
}
},
//#endregion
//#region ending v1.0.4
v104: {
passbook:{
pageTitle: '행복통장',
available: '사용가능잔고',
rules: '사용 규칙"이라고 부르죠',
details: '사용명세서를 가지고 있습니다',
return: '되돌아 오기',
viewdetails: '목록을 확인하세요',
titles:{
text1: '우두머리를 고용인에게 돌려주다',
text2: '회선 데이터 비중',
text3: '라인 비중',
text4: '오더 소스',
text5: '돈봉투',
text6: '근 반년의 수익',
text7: '시간 선택',
text8: '달을 선택하다',
text9: '금년도 누계 거래 총액',
text10: '누적 수익',
text11: '현재 거래액',
text12: '활성화, 예상 수익',
text13: '아직',
text14: '예상수익',
text15: '월 거래액이 이미 이르렀다',
text16: '돌아오다',
},
col:{
title1: '주문서',
title01: '정보',
title2: '시리즈',
title3: '수가',
title4: '반 노동자',
title5: '시간',
title6: '설명',
title7: '지출',
title8: '소득',
}
}
},
//#endregion
}
......@@ -1446,6 +1446,47 @@ export default {
query_arrivalTime:'到達時間',
query_stopCity:'經停都市',
ph_flightTime:'起飛時間',
}
},
//#endregion
//#region ending v1.0.4
v104: {
passbook:{
pageTitle: '幸福存折',
available: '可用余額',
rules: '使用規則',
details: '使用明細',
return: '返回',
viewdetails: '查看明細',
titles:{
text1: '人頭返傭',
text2: '線路數據占比',
text3: '線路占比',
text4: '訂單來源',
text5: '大紅包',
text6: '近半年收益',
text7: '時間選擇',
text8: '選擇月份',
text9: '本年累計交易總額',
text10: '累計收益',
text11: '當前交易額',
text12: '已激活,預計收益',
text13: '還差',
text14: '預計收益',
text15: '月交易額已達',
text16: '返',
},
col:{
title1: '訂單',
title01: '信息',
title2: '系列',
title3: '人數',
title4: '返傭',
title5: '時間',
title6: '描述',
title7: '支出',
title8: '收入',
}
}
},
//#endregion
}
......@@ -46,7 +46,7 @@
let { setTitle } = useMetaModule()
const { locale, t } = useI18n()
const pageTitle = inject(DirtionmaryHelper.PAGE_TITLE_KEY) as any
pageTitle.value = '幸福存折'//t('hotel.pageTitle')
pageTitle.value = t('v104.passbook.pageTitle')
setTitle(pageTitle.value)
const isUseDetails = ref(false)
......
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