保存进度!
This commit is contained in:
		@@ -9,8 +9,6 @@
 | 
			
		||||
-->
 | 
			
		||||
<template>
 | 
			
		||||
    <div class="archievement-wrapper">
 | 
			
		||||
        <span>总业绩</span>
 | 
			
		||||
        <span>¥ {{ 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;
 | 
			
		||||
 
 | 
			
		||||
@@ -60,7 +60,7 @@ export default {
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    .el-progress {
 | 
			
		||||
        margin: 8px;
 | 
			
		||||
        margin: 5px;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    .percentage-value {
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user