Skip to content

B
bigwood
Commit 441aa2e9 authored by youjie's avatar youjie
Browse files
Options

no message

parent 74cafaec
Hide whitespace changes
Inline Side-by-side
Showing with 57 additions and 117 deletions
src/components/passbook/rebate.vue
View file @ 441aa2e9
...@@ -82,8 +82,8 @@ ...@@ -82,8 +82,8 @@
const data=reactive({ const data=reactive({
isShow: false, isShow: false,
titleHead: t('v104.passbook.titles.text1'), titleHead: t('v104.passbook.titles.text1'),
dataList: [], dataList: [] as Array<any>,
zbList:[], zbList:[] as Array<any>,
}) })
const methods = { const methods = {
...@@ -129,100 +129,70 @@ ...@@ -129,100 +129,70 @@
getinit() { getinit() {
// 基于准备好的dom，初始化echarts实例 // 基于准备好的dom，初始化echarts实例
const myChart = echarts.init(main.value); const myChart = echarts.init(main.value);
// const schoolData = [
// {
// name:'张三',
// value:4253
// },
// {
// name:'李四',
// value:5691
// },
// {
// name:'王五',
// value:4536
// },
// {
// name:'赵六',
// value:4369
// },
// {
// name:'周七',
// value:5124
// }]
// 指定图表的配置项和数据 // 指定图表的配置项和数据
const option = { const option = {
tooltip: { tooltip: {
trigger: "item", trigger: "item",
formatter: "{a} <br/>{b} : {c} ({d}%)" formatter: "{a} <br/>{b} : {c} ({d}%)"
}, },
calculable: true, calculable: true,
graphic: [ graphic: [
{
{ type: "text",
type: "text", left: $q.platform.is.desktop?"35%":"40%",
left: $q.platform.is.desktop?"35%":"40%", top: $q.platform.is.desktop?"43%":"48%",
top: $q.platform.is.desktop?"43%":"48%", style: {
style: { text: t('v104.passbook.titles.text3'),
text: t('v104.passbook.titles.text3'), textAlign: "center",
textAlign: "center", fill: "#2C3343", //文字的颜色
fill: "#2C3343", //文字的颜色 fontSize: 18,
fontSize: 18, fontFamily: "pingfangR"
fontFamily: "pingfangR" }
} }
}
], ],
series: [ series: [
{ {
name: t('v104.passbook.titles.text4'), name: t('v104.passbook.titles.text4'),
type: "pie", type: "pie",
radius: ["50%", "70%"], radius: ["50%", "70%"],
center: $q.platform.is.desktop?["50%", "45%"]:["50%", "50%"], center: $q.platform.is.desktop?["50%", "45%"]:["50%", "50%"],
itemStyle: { itemStyle: {
normal: { normal: {
label: { label: {
show: false show: false
},
labelLine: {
show: false
},
borderWidth: 2,
borderColor: "#fff",
color: function(params) {
//自定义颜色
var colorList = [
"#F8733A",
"#53D277",
"#36C7D9",
"#F8733A",
"#F9B89C"
];
return colorList[params.dataIndex];
}
}, },
labelLine: { emphasis: {
show: false label: {
}, show: true,
borderWidth: 2, textStyle: {
borderColor: "#fff", fontSize: "20",
color: function(params) { fontFamily: "pingfangR"
//自定义颜色 }
var colorList = [ }
"#F8733A",
"#53D277",
"#36C7D9",
"#F8733A",
"#F9B89C"
];
return colorList[params.dataIndex];
} }
}, },
emphasis: {
label: {
show: true,
textStyle: {
fontSize: "20",
fontFamily: "pingfangR"
}
}
}
},
data: data.zbList data: data.zbList
} }
] ]
}; };
// 赋值
// option.legend = [
// {
// data: schoolData.map((a) => a.name)
// }
// ]
// 赋值
// option.legend.data = schoolData.map((a) => a.name)
// 使用刚指定的配置项和数据显示图表。 // 使用刚指定的配置项和数据显示图表。
myChart.setOption(option); myChart.setOption(option);
......
src/components/passbook/redEnvelope.vue
View file @ 441aa2e9
...@@ -90,30 +90,6 @@ ...@@ -90,30 +90,6 @@
</div> </div>
</div> </div>
</div> </div>
<!-- <div class="row items-center no-wrap q-py-lg">
<q-linear-progress class="col q-mr-lg" stripe rounded size="20px" :value="progress2" color="red-5"/>
<div class="col-4 row items-center q-ml-lg">
<q-img src="../../assets/images/personal/gou.png"
width="20px"
height="20px" style="position: relative;"/>
<div class="column q-pl-md">
<span class="fz16 text-red-5 text-weight-bold">还差 ¥360，预计收益 ¥600</span>
<span class="fz12 text-grey-6 q-pt-xs">月交易额已达 ¥ 1000 可返5%</span>
</div>
</div>
</div>
<div class="row items-center no-wrap q-py-lg">
<q-linear-progress class="col q-mr-lg" stripe rounded size="20px" :value="progress2" color="cyan-4"/>
<div class="col-4 row items-center q-ml-lg">
<q-img src="../../assets/images/personal/gou.png"
width="20px"
height="20px" style="position: relative;"/>
<div class="column q-pl-md">
<span class="fz16 text-dark text-weight-bold">期待你的爆发</span>
<span class="fz12 text-grey-6 q-pt-xs"> 月交易额达 ¥300,000.00 可返 6%</span>
</div>
</div>
</div> -->
</div> </div>
</div> </div>
</template> </template>
...@@ -145,11 +121,9 @@ ...@@ -145,11 +121,9 @@
const main = ref(); const main = ref();
const data=reactive({ const data=reactive({
titleHead: t('v104.passbook.titles.text5'), titleHead: t('v104.passbook.titles.text5'),
DetailList: [], xMonth:[] as Array<any>,
progress2: 0.5, yMoney1:[] as Array<any>,
xMonth:[], yMoney2:[] as Array<any>,
yMoney1:[],
yMoney2:[],
datainfo: null as any datainfo: null as any
}) })
if(props.Obj&&props.info){ if(props.Obj&&props.info){
...@@ -244,17 +218,13 @@ ...@@ -244,17 +218,13 @@
}; };
// 使用刚指定的配置项和数据显示图表。 // 使用刚指定的配置项和数据显示图表。
myChart.setOption(option); myChart.setOption(option);
// chart.setOption(option)
} }
} }
onBeforeUnmount(()=>{ onBeforeUnmount(()=>{
// window.onresize = null
}) })
onMounted(() => { onMounted(() => {
methods.getinit(); methods.getinit();
// window.onresize = debounce(()=>{
// chart.resize()
// },300)
}); });
return {...toRefs(data),main,...methods} return {...toRefs(data),main,...methods}
} }
......
src/pages/passbook/passbook.vue
View file @ 441aa2e9
...@@ -37,9 +37,9 @@ ...@@ -37,9 +37,9 @@
const $q = useQuasar() const $q = useQuasar()
const data=reactive({ const data=reactive({
datainfo:null as Object, datainfo:null as Object,
xMonth:[], xMonth:[] as Array<any>,
yMoney1:[], yMoney1:[] as Array<any>,
yMoney2:[], yMoney2:[] as Array<any>,
MonthObj:null as Object MonthObj:null as Object
}) })
......
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