fire-mh/src/components/riskInfo/index.vue

<template>
    <div class="riskInfo">
        <h4>街镇消防风险评估情况</h4>
        <div class="box">
            <category ref="category" :dataMap="data" color="rgba(208, 194, 74, 1)" :borderRadius="[0, 0, 0, 0]"></category>
        </div>
    </div>
</template>
<script>
import category from "@c/category/index3";
export default {
    components: { category },
    data() {
        return {
            //街镇消防风险评估情况
            data:[
                {
                    streetTown: "江川路街道",
                    value: 75,
                    value2: "一般风险",
                },
                {
                    streetTown: "新虹街道",
                    value: 95,
                    value2: "低风险",
                },
                {
                    streetTown: "古美路街道",
                    value: 72,
                    value2: "一般风险",
                },
                {
                    streetTown: "浦锦街道",
                    value: 75,
                    value2: "一般风险",
                },
                {
                    streetTown: "浦江镇",
                    value: 96,
                    value2: "低风险",
                },
                {
                    streetTown: "吴泾镇",
                    value: 96,
                    value2: "低风险",
                },
                {
                    streetTown: "马桥镇",
                    value: 71,
                    value2: "一般风险",
                },
                {
                    streetTown: "颛桥镇",
                    value: 61,
                    value2: "较高风险",
                },
                {
                    streetTown: "莘庄镇",
                    value: 42,
                    value2: "高风险",
                },
                {
                    streetTown: "梅陇镇",
                    value: 64,
                    value2: "较高风险",
                },
                {
                    streetTown: "七宝镇",
                    value: 62,
                    value2: "较高风险",
                },
                {
                    streetTown: "虹桥镇",
                    value: 76,
                    value2: "一般风险",
                },
                {
                    streetTown: "华漕镇",
                    value: 75,
                    value2: "一般风险",
                },
                {
                    streetTown: "莘庄工业区",
                    value: 76,
                    value2: "一般风险",
                },
            ],
        };
    },
    mounted() {
    },
    methods: {
    },
};
</script>
<style lang="scss" scoped>
.riskInfo {
    position: relative;
    .box {
        height: 90%;
    }
}
</style>