编号:002-可视化大屏-北京市数字农村公路

客户真实案例，基于vue2.0可视化大屏-北京市数字农村公路，需要源码和素材或技术支持的同学，请一键三连或评论区留言，收到消息会第一时间回复，感谢支持！！

效果图：

代码结构示意图：

mock接口：

mock接口调用：

export default [
    // 获取天气情况
    {
        method: 'get',
        url: '/getWeather',
        data: {
            code: 200,
            message: 'success',
            data: {
                weather: '小雨转多云',
                temperature: '13℃~18℃'
            }
        }
    },
    // 获取乡村公路分布情况
    {
        method: 'get',
        url: '/getRoadDistribute',
        data: {
            code: 200,
            message: 'success',
            data: [
                {
                    img: '',
                    text: '北京市共有乡村公路12976.368公里/8388条，其中乡公路7407.81公里/3030条、村公路5568.558公里/5358条，全北京市乡村公路网中，一级公路17.067公里、二级公路546.617公里，占比4.21%，三级公路1422.397公里，占比10.96%，四级公路10990.287公里，占比84.69%'
                },
                {
                    img: '',
                    text: '北京市乡村公路上共有桥梁1938座/50221.46延米，其中乡公路上桥梁1368座/36433.16延米，村公路上桥梁570座/13898.3延米'
                },
                {
                    img: '',
                    text: '北京市乡村公路上共有隧道7道/2456.7延米'
                }
            ]
        }
    },
    // 获取资产情况
    {
        method: 'get',
        url: '/getAssetSituation',
        data: {
            code: 200,
            message: 'success',
            data: [
                { roadName: '乡道', value: '583.56/1658', unit: '公里/条' },
                { roadName: '村道', value: '758.65/854', unit: '公里/条' },
                { roadName: '专道', value: '485.12/455', unit: '公里/条' },
                { roadName: '桥梁', value: '23/123.12', unit: '座/延米' },
                { roadName: '隧道', value: '35/356.35', unit: '座/延米' },
                { roadName: '涵洞', value: '125', unit: '道' }
            ]
        }
    },
    // 获取巡检相关数据
    {
        method: 'get',
        url: '/getInspectInfo',
        data: {
            code: 200,
            message: 'success',
            data: {
                administratorNum: 132, // 专管员数量
                onlineInspectNum: 23, // 在线巡检人数
                inspectDuration: 78, // 本月巡检总时长
                clockTime: 19 // 本月路长打卡次数
            }
        }
    },
    // 获取乡村公路评价排名
    {
        method: 'get',
        url: '/getEvaluationRank',
        data: {
            code: 200,
            message: 'success',
            data: {
                responseList: [
                    { name: '产权单位1', response: 100, notResponse: 25 },
                    { name: '产权单位2', response: 25, notResponse: 25 },
                    { name: '产权单位3', response: 85, notResponse: 15 },
                    { name: '产权单位4', response: 85, notResponse: 0 },
                ], // 响应率
                inTimeList: [
                    { name: '产权单位1', intime: 100, untime: 25 },
                    { name: '产权单位2', intime: 25, untime: 25 },
                    { name: '产权单位3', intime: 85, untime: 15 },
                    { name: '产权单位4', intime: 85, untime: 0 },
                ] // 及时率
            }
        }
    }
]