保存进度!

This commit is contained in:
2023-03-08 13:24:12 +08:00
parent 18d4620729
commit 92553a9ba9
3 changed files with 62 additions and 34 deletions

View File

@@ -9,8 +9,6 @@
-->
<template>
<div class="archievement-wrapper">
<span>总业绩</span>
<span>¥&nbsp;{{ archivement_count }}</span>
<div id="chartWrapper"></div>
</div>
</template>
@@ -22,10 +20,6 @@ import * as echarts from "echarts";
export default {
name: "ArchievementChartComponent",
props: {
total_archievement: {
type: String,
require: true,
},
chart_data: {
type: Array,
require: true,
@@ -34,15 +28,9 @@ export default {
setup(props)
{
const ui = reactive({
total_archievement: props.total_archievement,
chart_data: props.chart_data,
});
const archivement_count = computed(() =>
{
return ui.total_archievement;
});
//设置图表
const initCharts = () =>
{
@@ -80,33 +68,33 @@ export default {
initCharts();
});
return { ui, archivement_count, initCharts, };
return { ui, initCharts, };
},
};
</script>
<style lang="scss">
.archievement-wrapper {
height: 360px;
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: stretch;
// display: flex;
// flex-direction: column;
// justify-content: center;
// align-items: stretch;
span {
display: block;
width: 100%;
color: #25e6e6;
text-align: center;
// span {
// display: block;
// width: 100%;
// color: #25e6e6;
// text-align: center;
font: {
size: 35px;
family: "FZ-ZHUOHEI";
}
// font: {
// size: 35px;
// family: "FZ-ZHUOHEI";
// }
flex-grow: 0;
}
// flex-grow: 0;
// }
#chartWrapper {
min-height: 200px;

View File

@@ -60,7 +60,7 @@ export default {
}
.el-progress {
margin: 8px;
margin: 5px;
}
.percentage-value {