马宇豪
2023-08-16 a8ef7c1a4b2ab6acd91a0520e6258bd753d17f20
src/views/doublePrevent/dpIndex/index.vue
@@ -30,7 +30,7 @@
                            </div>
                        </template>
                    </el-table-column>
                    <el-table-column prop="reportTime" label="上报时间" show-overflow-tooltip></el-table-column>
                    <el-table-column prop="reportTime" label="上报时间" show-overflow-tooltip align="center"></el-table-column>
                    <el-table-column prop="dangerStatus" label="隐患状态" show-overflow-tooltip>
                        <template #default="scope">
                            <div :style="{color: scope.row.dangerStatus==0 || scope.row.dangerStatus==1 ?'#67C23A':(scope.row.dangerStatus==2 || scope.row.dangerStatus==3?'#F56C6C':'#409EFF')}">
@@ -44,7 +44,7 @@
                <div class="item-head">
                    <span>隐患整改情况</span>
                </div>
                <div id="riskFix"></div>
                <div class="riskFix" :id="riskFixId"></div>
            </div>
            <div class="table-item">
                <div class="item-head">
@@ -84,7 +84,7 @@
                <div class="item-head">
                    <span>隐患等级分布</span>
                </div>
                <div id="riskLevel"></div>
                <div class="riskLevel" :id="riskLevelId"></div>
            </div>
        </div>
        </el-scrollbar>
@@ -146,6 +146,8 @@
                classGroupList: [],
                inspectPointAllList: []
            });
            const riskFixId = ref("eChartFix" + Date.now() + Math.random())
            const riskLevelId = ref("eChartLe" + Date.now() + Math.random())
            // 页面载入时执行方法
            onMounted(() => {
@@ -200,14 +202,14 @@
            // 隐患整改情况
            const initRiskFix =()=>{
                var dom = document.getElementById('riskFix');
                var myChart = echarts.init(dom, null, {
                const dom = document.getElementById(riskFixId.value);
                let myChart = echarts.init(dom, null, {
                    renderer: 'canvas',
                    useDirtyRect: false
                });
                var app = {};
                let app = {};
                var option;
                let option;
                option = {
                    tooltip: {
@@ -219,7 +221,6 @@
                    },
                    series: [
                        {
                            name: 'Access From',
                            type: 'pie',
                            radius: ['35%', '60%'],
                            avoidLabelOverlap: false,
@@ -273,18 +274,19 @@
            // 隐患整改情况
            const initRiskLevel =()=>{
                var dom = document.getElementById('riskLevel');
                var myChart = echarts.init(dom, null, {
                const dom = document.getElementById(riskLevelId.value);
                let myChart = echarts.init(dom, null, {
                    renderer: 'canvas',
                    useDirtyRect: false
                });
                var app = {};
                let app = {};
                var option;
                let option;
                option = {
                    tooltip: {
                        trigger: 'item'
                        trigger: 'item',
                        formatter: '已完成整改:75%' +  '\n\r' + '整改中:19%' +  '\n\r' + '暂未整改:6%'
                    },
                    legend: {
                        bottom: '5%',
@@ -292,7 +294,6 @@
                    },
                    series: [
                        {
                            name: 'Access From',
                            type: 'pie',
                            radius: ['35%', '60%'],
                            avoidLabelOverlap: false,
@@ -369,6 +370,8 @@
                Refresh,
                Plus,
                router,
                riskFixId,
                riskLevelId,
                toRiskEve,
                toRiskStatus,
                toRevice,
@@ -515,10 +518,10 @@
                        }
                    }
                }
                #riskFix{
                .riskFix{
                    height: 300px;
                }
                #riskLevel{
                .riskLevel{
                    height: 300px
                }
                .deviceTable{
@@ -578,18 +581,6 @@
            .grid-content {
                align-items: center;
                min-height: 36px;
            }
            .topInfo {
                display: flex;
                align-items: center;
                font-size: 16px;
                font-weight: bold;
                & > div {
                    white-space: nowrap;
                    margin-right: 20px;
                }
            }
        }
    }