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 @@
const data=reactive({
isShow: false,
titleHead: t('v104.passbook.titles.text1'),
dataList: [],
zbList:[],
dataList: [] as Array<any>,
zbList:[] as Array<any>,
})
const methods = {
......@@ -129,100 +129,70 @@
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 option = {
tooltip: {
trigger: "item",
formatter: "{a} <br/>{b} : {c} ({d}%)"
trigger: "item",
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
calculable: true,
graphic: [
{
type: "text",
left: $q.platform.is.desktop?"35%":"40%",
top: $q.platform.is.desktop?"43%":"48%",
style: {
text: t('v104.passbook.titles.text3'),
textAlign: "center",
fill: "#2C3343", //文字的颜色
fontSize: 18,
fontFamily: "pingfangR"
{
type: "text",
left: $q.platform.is.desktop?"35%":"40%",
top: $q.platform.is.desktop?"43%":"48%",
style: {
text: t('v104.passbook.titles.text3'),
textAlign: "center",
fill: "#2C3343", //文字的颜色
fontSize: 18,
fontFamily: "pingfangR"
}
}
}
],
series: [
{
name: t('v104.passbook.titles.text4'),
type: "pie",
radius: ["50%", "70%"],
center: $q.platform.is.desktop?["50%", "45%"]:["50%", "50%"],
itemStyle: {
normal: {
label: {
show: false
{
name: t('v104.passbook.titles.text4'),
type: "pie",
radius: ["50%", "70%"],
center: $q.platform.is.desktop?["50%", "45%"]:["50%", "50%"],
itemStyle: {
normal: {
label: {
show: false
},
labelLine: {
show: false
},
borderWidth: 2,
borderColor: "#fff",
color: function(params) {
//自定义颜色
var colorList = [
"#F8733A",
"#53D277",
"#36C7D9",
"#F8733A",
"#F9B89C"
];
return colorList[params.dataIndex];
}
},
labelLine: {
show: false
},
borderWidth: 2,
borderColor: "#fff",
color: function(params) {
//自定义颜色
var colorList = [
"#F8733A",
"#53D277",
"#36C7D9",
"#F8733A",
"#F9B89C"
];
return colorList[params.dataIndex];
emphasis: {
label: {
show: true,
textStyle: {
fontSize: "20",
fontFamily: "pingfangR"
}
}
}
},
emphasis: {
label: {
show: true,
textStyle: {
fontSize: "20",
fontFamily: "pingfangR"
}
}
}
},
data: data.zbList
}
}
]
};
// 赋值
// option.legend = [
// {
// data: schoolData.map((a) => a.name)
// }
// ]
// 赋值
// option.legend.data = schoolData.map((a) => a.name)
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
......
src/components/passbook/redEnvelope.vue
View file @ 441aa2e9
......@@ -90,30 +90,6 @@
</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>
</template>
......@@ -145,11 +121,9 @@
const main = ref();
const data=reactive({
titleHead: t('v104.passbook.titles.text5'),
DetailList: [],
progress2: 0.5,
xMonth:[],
yMoney1:[],
yMoney2:[],
xMonth:[] as Array<any>,
yMoney1:[] as Array<any>,
yMoney2:[] as Array<any>,
datainfo: null as any
})
if(props.Obj&&props.info){
......@@ -244,17 +218,13 @@
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
// chart.setOption(option)
}
}
onBeforeUnmount(()=>{
// window.onresize = null
})
onMounted(() => {
methods.getinit();
// window.onresize = debounce(()=>{
// chart.resize()
// },300)
});
return {...toRefs(data),main,...methods}
}
......
src/pages/passbook/passbook.vue
View file @ 441aa2e9
......@@ -37,9 +37,9 @@
const $q = useQuasar()
const data=reactive({
datainfo:null as Object,
xMonth:[],
yMoney1:[],
yMoney2:[],
xMonth:[] as Array<any>,
yMoney1:[] as Array<any>,
yMoney2:[] as Array<any>,
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