首頁

zh

2024-11-25 e176ec0f4e2e35342bef6c909786c31d7fd8316f

 src/views/components/projectOverview.vue

@@ -26,24 +26,24 @@
            </div>
            <div class="abnormal-img"></div>
        </div>
        <div class="flex gap-[10px] ml-[10px] flex-wrap custom-min-width">
        <div class="overview-div custom-min-width">
            <div
                v-for="i in calculation"
                :key="i.text"
                :class="setbcStyle(i.text)"
                :style="setbcStyle(i.text)"
                class="listings"
                @click="showDetail(i.text)"
            >
                <div :class="setTextStyle(i.text)" class="title">
                <div :style="setTextStyle(i.text)" class="title">
                    {{ i.text }}
                </div>
                <div class="conter">
                    <div :class="setTextColor(i.text)" class="mun">
                    <div :style="setTextColor(i.text)" class="mun">
                        {{ i.mun }}
                    </div>
                    <div class="statistics">
                        <div>{{ i.statistics }}</div>
                        <div :class="setTextColor(i.text)">
                        <div :style="setTextColor(i.text)">
                            {{ i.statisticsMun
                            }}<span style="font-size: 18px">亿</span>
                        </div>
@@ -146,34 +146,58 @@
    },
    props: {
        calculation: Array,
        countExceptionProjectData:Object,
        countExceptionProjectData: Object,
    },
    watch: {
        // calculation: {
        //     handler(val) {
        //         console.log("11111" + val);

        //     },
        // },
        // countExceptionProjectData: {
        //     handler(val) {
        //         console.log("22222" + val);

        //     },
        // },
    },
    methods: {
        setTextStyle(text) {
            if (text === '储') return 'bg-[#3369FF]';
            if (text === '建') return 'bg-[#64ADFD]';
            if (text === '省') return 'bg-[#FF5E57]';
            if (text === '市') return 'bg-[#FFA83F]';
            if (text === '新') return 'bg-[#5DD1E5]';
            if (text === '竣') return 'bg-[#576BF5]';
            if (text === '县') return 'bg-[#3369FF]';
            if (text === '普') return 'bg-[#64ADFD]';
            if (text === '储') return 'background-color:#3369FF';
            if (text === '建') return 'background-color:#64ADFD';
            if (text === '省') return 'background-color:#FF5E57';
            if (text === '市') return 'background-color:#FFA83F';
            if (text === '新') return 'background-color:#5DD1E5';
            if (text === '竣') return 'background-color:#576BF5';
            if (text === '县') return 'background-color:#3369FF';
            if (text === '普') return 'background-color:#64ADFD';
            return '';
        },


        setTextColor(text) {
            if (text === '储') return 'text-[#3369FF]';
            if (text === '建') return 'text-[#64ADFD]';
            if (text === '省') return 'text-[#FF5E57]';
            if (text === '市') return 'text-[#FFA83F]';
            if (text === '新') return 'text-[#5DD1E5]';
            if (text === '竣') return 'text-[#576BF5]';
            if (text === '县') return 'text-[#3369FF]';
            if (text === '普') return 'text-[#64ADFD]';
            if (text === '储') return 'color:#3369FF';
            if (text === '建') return 'color:#64ADFD';
            if (text === '省') return 'color:#FF5E57';
            if (text === '市') return 'color:#FFA83F';
            if (text === '新') return 'color:#5DD1E5';
            if (text === '竣') return 'color:#576BF5';
            if (text === '县') return 'color:#3369FF';
            if (text === '普') return 'color:#64ADFD';
            return '';
        },

        setbcStyle(text) {
            if (text === '储') return 'background-color:#EAF0FF';
            if (text === '建') return 'background-color:#EFF7FF';
            if (text === '省') return 'background-color:#FEEEED';
            if (text === '市') return 'background-color:#FFF6EB';
            if (text === '新') return 'background-color:#EEFAFC';
            if (text === '竣') return 'background-color:#EEF0FE';
            if (text === '县') return 'background-color:#EAF0FF';
            if (text === '普') return 'background-color:#EFF7FF';
            return '';
        },
        // 跳转到异常项目
        showAbnormal() {
            console.log('跳转异常项目');
@@ -304,5 +328,12 @@
        }
    }
}

.overview-div {
    min-width: 1250px;
    width: 1250px;
    gap: 10px;
    flex-wrap: wrap;
    display: flex;
    margin-left: 10px;
}
</style>