林草局
c196ea49b6d3d95975d86c98d9b296d8dcbffc9a..889ada155e457dbc703531f9628353d288ca3f92
2024-04-26 13693261870
1
889ada 对比 | 目录
2024-04-25 13693261870
1
c88fc4 对比 | 目录
2024-04-25 13693261870
11
663a22 对比 | 目录
已添加4个文件
已修改1个文件
已删除1个文件
666 ■■■■■ 文件已修改
Terra.YaoGan.Web/Terra.YaoGan.Web/Terra.YaoGan.Web.csproj 5 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
Terra.YaoGan.Web/Terra.YaoGan.Web/chart.html 79 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
Terra.YaoGan.Web/Terra.YaoGan.Web/chart/L1.html 246 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
Terra.YaoGan.Web/Terra.YaoGan.Web/chart/R1.html 336 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
Terra.YaoGan.Web/Terra.YaoGan.Web/chart/img/a1.png 补丁 | 查看 | 原始文档 | blame | 历史
Terra.YaoGan.Web/Terra.YaoGan.Web/chart/img/a2.png 补丁 | 查看 | 原始文档 | blame | 历史 
 Terra.YaoGan.Web/Terra.YaoGan.Web/Terra.YaoGan.Web.csproj


@@ -70,6 +70,9 @@


    </Reference>


  </ItemGroup>


  <ItemGroup>


    <Content Include="chart\img\a1.png" />


    <Content Include="chart\img\a2.png" />


    <Content Include="chart\R1.html" />


    <Content Include="Commonjs\callback.js" />


    <Content Include="Commonjs\ScreenInit.js" />


    <Content Include="Commonjs\color.js" />


@@ -951,7 +954,7 @@


    <Content Include="js\echarts.js" />


    <Content Include="js\Gis\callback.js" />


    <Content Include="js\Gis\Gis.js" />


    <Content Include="chart.html" />


    <Content Include="chart\L1.html" />


    <Content Include="js\jquery-1.11.3.min.js" />


    <Content Include="mp4.html" />


    <Content Include="pic.html" />




 Terra.YaoGan.Web/Terra.YaoGan.Web/chart.html


ÎļþÒÑɾ³ý




 Terra.YaoGan.Web/Terra.YaoGan.Web/chart/L1.html


¶Ô±ÈÐÂÎļþ


@@ -0,0 +1,246 @@


<!DOCTYPE html>


<html>


<head>


    <title>L1.html</title>


    <meta http-equiv="Expires" content="0" />


    <meta http-equiv="Cache" content="no-cache" />


    <meta http-equiv="Pragma" content="no-cache" />


    <meta http-equiv="Cache-control" content="no-cache" />


    <link href="imgs/favicon.ico" rel="icon" type="image/x-icon" />


    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />


    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">


    <style>


        html, body {


            margin: 0;


            padding: 0;


            width: 100%;


            height: 100%;


            overflow: hidden;


            font-family: "Microsoft YaHei", sansserif;


        }




        #main {


            width: 530px;


            height: 100%;


            padding: 10px;


            box-sizing: border-box;


            background-color: #023852;


        }




        #yulian img:hover {


            box-sizing: border-box;


            border-bottom: 2px solid #3DC2E1;


        }


    </style>


    <script src="../js/echarts.js"></script>


    <script>


        function getQueryString(name) {


            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");


            var r = window.location.search.substring(1).match(reg);


            if (r != null) {


                return decodeURI(r[2]);


            };


            return null;


        }




        window.onload = function () {


            init1();


            init2();


        }




        function init1() {


            var c1 = echarts.init(document.getElementById('c1'));


            var option = {


                toolbox: {


                    show: false,


                },


                calculable: true,


                color: ['#ff7f50', '#87cefa', '#da70d6', '#32cd32', '#6495ed',


                    '#ff69b4', '#ba55d3', '#cd5c5c', '#ffa500', '#40e0d0',


                    '#1e90ff', '#ff6347', '#7b68ee', '#00fa9a', '#ffd700',


                    '#6b8e23', '#ff00ff', '#3cb371', '#b8860b', '#30e0e0'],


                series: [


                    {


                        name: "c1",


                        type: 'pie',


                        radius: ['50%', '70%'],


                        itemStyle: {


                            normal: {


                                label: {


                                    show: true


                                },


                                labelLine: {


                                    show: true


                                }


                            },


                            emphasis: {


                                label: {


                                    show: true,


                                    position: 'center',


                                    textStyle: {


                                        fontSize: '15',


                                        fontWeight: 'bold'


                                    }


                                }


                            }


                        },


                        data: [


                            { value: 643, name: '汉族' },


                            { value: 3, name: '少数民族' }


                        ]


                    }


                ]


            };


            c1.setOption(option);


        }




        function init2() {


            var c2 = echarts.init(document.getElementById('c2'));


            var option = {


                toolbox: {


                    show: false,


                },


                calculable: true,


                color: [


                    '#ff69b4', '#ba55d3', '#cd5c5c', '#ffa500', '#40e0d0',


                    '#ff7f50', '#87cefa', '#da70d6', '#32cd32', '#6495ed',


                    '#1e90ff', '#ff6347', '#7b68ee', '#00fa9a', '#ffd700',


                    '#6b8e23', '#ff00ff', '#3cb371', '#b8860b', '#30e0e0'],


                series: [


                    {


                        name: "c2",


                        type: 'pie',


                        radius: ['50%', '70%'],


                        itemStyle: {


                            normal: {


                                label: {


                                    show: true


                                },


                                labelLine: {


                                    show: true


                                }


                            },


                            emphasis: {


                                label: {


                                    show: true,


                                    position: 'center',


                                    textStyle: {


                                        fontSize: '15',


                                        fontWeight: 'bold'


                                    }


                                }


                            }


                        },


                        data: [


                            { value: 636, name: '农业人口' },


                            { value: 10, name: '非农业人口' }


                        ]


                    }


                ]


            };


            c2.setOption(option);


        }


    </script>


</head>


<body>


    <div id="main">


        <div style="height: 35px; width: 100%; float: left; line-height: 35px; border-left: solid 5px #2186C8; background-color: #023852; padding-left: 10px; box-sizing: border-box; border-bottom: dashed 1px #2186C8;">


            <span style="font-size: 20px; color: white; font-weight:600;">乡村基础数据</span>


        </div>


        <div style="height: 110px; width: 100%; float: left; background-color: #023852; padding-left: 10px; box-sizing: border-box;">


            <div style=" float: left; box-sizing: border-box; padding: 20px 0 0 50px;">


                <div style="color: white; width: 150px; float: left; box-sizing: border-box;">


                    <span>乡村总面积</span><br /><br />


                    <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">1.1</span> <span>万亩</span>


                </div>


                <div style="color: white; width: 150px; float: left; box-sizing: border-box;">


                    <span>总耕地面积</span><br /><br />


                    <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">336</span> <span>亩</span>


                </div>


                <div style="color: white; width: 150px; float: left; box-sizing: border-box;">


                    <span>党组织数</span><br /><br />


                    <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">1.1</span> <span>个</span>


                </div>


            </div>


        </div>


        <div style="height: 90px; width: 100%; float: left; background-color: #023852; padding-left: 10px; box-sizing: border-box;">


            <div style=" float: left; box-sizing: border-box; padding: 0 0 0 50px;">


                <div style="color: white; width: 150px; float: left; box-sizing: border-box;">


                    <span>自然村数</span><br /><br />


                    <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">7</span> <span>个</span>


                </div>


            </div>


        </div>


        <div style="height: 90px; width: 100%; float: left; background-color: #023852; padding-left: 10px; box-sizing: border-box;">


            <div style=" float: left; box-sizing: border-box; padding: 0px 0px 0 50px;">


                <div style="color: white; width: 150px; float: left; box-sizing: border-box; border: 1px solid rgba(65,194,225, 0.4); height: 35px; line-height: 35px; vertical-align: central; border-bottom: none;">


                    <span>&nbsp;&nbsp;总人数：646</span><br /><br />


                </div>


                <div style="clear: both; height: 10px; width: 160px; border-left: 160px dashed #36C6FB; box-sizing: border-box; float: left;"></div>


                <div style="height: 10px; width: 150px; float: left; border-left: 150px dashed #E66B4E; box-sizing: border-box; "></div>


                <div style="color: white;">


                    <span style="float: left;">男：329</span>


                    <span style="float: right;">女：317</span>


                </div>


            </div>


        </div>


        <div style="height: 180px; width: 100%; float: left; background-color: #023852; padding-left: 10px; box-sizing: border-box;">


            <div style="padding: 0 0px; box-sizing: border-box;">


                <div id="c1" style="width: 50%; height: 170px; float: left;"></div>


                <div id="c2" style="width: 50%; height: 170px; margin-left: -50px; float: left;"></div>


            </div>


        </div>




        <div style="height: 35px; width: 100%; float: left; line-height: 35px; border-left: solid 5px #2186C8; background-color: #023852; padding-left: 10px; box-sizing: border-box; border-bottom: dashed 1px #2186C8;">


            <span style="font-size: 20px; color: white; font-weight:600;">乡村生态概况</span>


        </div>


        <div style="height: 110px; width: 100%; float: left; background-color: #023852; padding-left: 10px; box-sizing: border-box;">


            <div style=" float: left; box-sizing: border-box; padding: 20px 0px 0 50px;">


                <div style="color: white; width: 150px; float: left; box-sizing: border-box;">


                    <span>液位</span><br /><br />


                    <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">28.73</span> <span>M</span>


                </div>


                <div style="color: white; width: 150px; float: left; box-sizing: border-box;">


                    <span>瞬时流量</span><br /><br />


                    <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">6702</span> <span>A</span>


                </div>


                <div style="color: white; width: 150px; float: left; box-sizing: border-box;">


                    <span>电流</span><br /><br />


                    <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">0</span> <span>A</span>


                </div>


            </div>


        </div>


        <div style="height: 90px; width: 100%; float: left; background-color: #023852; padding-left: 10px; box-sizing: border-box;">


            <div style=" float: left; box-sizing: border-box; padding: 0px 0px 0 50px;">


                <div style="color: white; width: 150px; float: left; box-sizing: border-box;">


                    <span>土壤水分</span><br /><br />


                    <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">90</span> <span>%</span>


                </div>


                <div style="color: white; width: 150px; float: left; box-sizing: border-box;">


                    <span>湿度</span><br /><br />


                    <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">6</span> <span>ppm</span>


                </div>


                <div style="color: white; width: 150px; float: left; box-sizing: border-box;">


                    <span>COD</span><br /><br />


                    <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">100</span> <span>mg</span>


                </div>


            </div>


        </div>




        <div style="height: 35px; width: 100%; float: left; line-height: 35px; border-left: solid 5px #2186C8; background-color: #023852; padding-left: 10px; box-sizing: border-box; border-bottom: dashed 1px #2186C8;">


            <span style="font-size: 20px; color: white; font-weight:600;">乡村生态预览</span>


        </div>


        <div>


            <div id="yulian" style="float: left; box-sizing: border-box; padding: 20px 0px 0 50px;">


                <div style="float: left;">


                    <img src="img/a1.png" style="width: 155px; height: 83px; cursor: pointer;" title="乡村生态01" alt="" />


                </div>


                <div style="float: left; margin-left: 60px;">


                    <img src="img/a2.png" style="width:155px; height: 83px; cursor: pointer;" title="乡村生态02" alt="" />


                </div>


            </div>


        </div>


    </div>


</body>


</html>




 Terra.YaoGan.Web/Terra.YaoGan.Web/chart/R1.html


¶Ô±ÈÐÂÎļþ


@@ -0,0 +1,336 @@


<!DOCTYPE html>


<html>


<head>


    <title>R1.html</title>


    <meta http-equiv="Expires" content="0" />


    <meta http-equiv="Cache" content="no-cache" />


    <meta http-equiv="Pragma" content="no-cache" />


    <meta http-equiv="Cache-control" content="no-cache" />


    <link href="imgs/favicon.ico" rel="icon" type="image/x-icon" />


    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />


    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">


    <style>


        html, body {


            margin: 0;


            padding: 0;


            width: 100%;


            height: 100%;


            overflow: hidden;


            font-family: "Microsoft YaHei", sansserif;


        }




        #main {


            width: 530px;


            height: 100%;


            padding: 10px;


            box-sizing: border-box;


            background-color: #023852;


        }




        #yulian img:hover {


            box-sizing: border-box;


            border-bottom: 2px solid #3DC2E1;


        }


    </style>


    <script src="../js/echarts.js"></script>


    <script>


        function getQueryString(name) {


            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");


            var r = window.location.search.substring(1).match(reg);


            if (r != null) {


                return decodeURI(r[2]);


            };


            return null;


        }




        window.onload = function () {


            init1();


            init2();


            init3();


        }




        function init1() {


            var c1 = echarts.init(document.getElementById('c1'));


            var option = {


                toolbox: {


                    show: false,


                },


                calculable: true,


                color: ['#ff7f50', '#87cefa', '#da70d6', '#32cd32', '#6495ed',


                    '#ff69b4', '#ba55d3', '#cd5c5c', '#ffa500', '#40e0d0',


                    '#1e90ff', '#ff6347', '#7b68ee', '#00fa9a', '#ffd700',


                    '#6b8e23', '#ff00ff', '#3cb371', '#b8860b', '#30e0e0'],


                series: [


                    {


                        name: "c1",


                        type: 'pie',


                        radius: ['100%', '70%'],


                        center: ['30%', '50%'],


                        itemStyle: {


                            normal: {


                                label: {


                                    show: false


                                },


                                labelLine: {


                                    show: false


                                }


                            },


                            emphasis: {


                                label: {


                                    show: true,


                                    position: 'center',


                                    textStyle: {


                                        fontSize: '15',


                                        fontWeight: 'bold'


                                    }


                                }


                            }


                        },


                        data: [


                            { value: 15, name: '专业大户' },


                            { value: 23, name: '民宿' },


                            { value: 0, name: '家族农场' },


                            { value: 2, name: '农民合作社' },


                            { value: 0, name: '产业化企业' },


                            { value: 8, name: '其它' }


                        ]


                    }


                ],


                legend: {


                    orient: 'vertical',


                    x: 'right',


                    y: 'center',


                    textStyle: {


                        color: '#fff',


                        fontSize: 14


                    },


                    itemHeight: 22,


                    data: ['专业大户', '民宿', '家族农场', '农民合作社', '产业化企业', '其它']


                }


            };


            c1.setOption(option);


        }




        function init2() {


            var c2 = echarts.init(document.getElementById('c2'));


            var option = {


                title: {


                    text: "               æŽ¥å¾…游客数（人次）",


                    show: true,


                    textStyle: {


                        color: '#41C2E1',


                        fontSize: 16


                    }


                },


                tooltip: {


                    trigger: 'axis'


                },


                grid: {


                    left: '0%',


                    top: '0%',


                    right: '0%',


                    bottom: '0%',


                    borderWidth: 0,


                    containLabel: false


                },


                calculable: true,


                xAxis: [


                    {


                        type: 'category',


                        boundaryGap: false,


                        splitLine: {


                            show: false


                        },


                        axisLabel: {


                            show: true,


                            textStyle: {


                                color: '#fff',


                                fontSize: 14


                            }


                        },


                        data: ['2023-10', '2023-11', '2023-12', '2024-01', '2024-02', '2024-03']


                    }


                ],


                yAxis: [


                    {


                        type: 'value',


                        splitLine: {


                            show: false


                        },


                        axisLabel: {


                            show: false,


                            textStyle: {


                                color: '#fff',


                                fontSize: 14


                            }


                        }


                    }


                ],


                series: [


                    {


                        name: "接待人次",


                        type: 'line',


                        smooth: true,


                        itemStyle: {


                            normal: {


                                areaStyle: {


                                    type: 'default'


                                }


                            }


                        },


                        data: [2080, 1320, 1407, 1720, 1636, 1901]


                    }


                ]


            };


            c2.setOption(option);


        }




        function init3() {


            var c3 = echarts.init(document.getElementById('c3'));


            var option = {


                grid: {


                    left: 0,


                    top: 0,


                    right: 0,


                    bottom: 0,


                    borderWidth: 0,


                    containLabel: false


                },


                title: {


                    show: false


                },


                tooltip: {


                    trigger: 'axis'


                },


                calculable: true,


                xAxis: [


                    {


                        type: 'value',


                        splitLine: {


                            show: false


                        },


                        axisLabel: {


                            show: false,


                            textStyle: {


                                color: '#fff',


                                fontSize: 14


                            }


                        }


                    }


                ],


                yAxis: [


                    {


                        type: 'category',


                        barHeight: 54,


                        data: ['杨梅', '猕猴桃', '桃子', '梨子', '竹笋干'],


                        splitLine: {


                            show: false


                        },


                        smooth: true,


                        label: {


                            normal: {


                                show: true,


                                position: "right",


                                offset: [5, -2],


                                textStyle: {


                                    color: "#fff",


                                    fontSize: 12


                                }


                            }


                        },


                        axisLabel: {


                            show: true,


                            textStyle: {


                                color: '#fff',


                                fontSize: 14


                            }


                        },


                        scale: true,


                        inverse: true,


                        nameTextStyle: {


                            color: '#fff',


                            fontSize: 18


                        }


                    }


                ],


                series: [{


                    type: 'bar',


                    data: [198.5, 48.3, 29.5, 10.5, 4.9]


                }]


            };


            c3.setOption(option);


        }


    </script>


</head>


<body>


    <div id="main">


        <div style="height: 35px; width: 100%; float: left; line-height: 35px; border-left: solid 5px #2186C8; background-color: #023852; padding-left: 10px; box-sizing: border-box; border-bottom: dashed 1px #2186C8;">


            <span style="font-size: 20px; color: white; font-weight:600;">乡村产业概况</span>


        </div>




        <div style="height: 110px; width: 100%; float: left; background-color: #023852; padding-left: 10px; box-sizing: border-box;">


            <div style=" float: left; box-sizing: border-box; padding: 20px 0 0 20px;">


                <div style="color: white; width: 150px; float: left; box-sizing: border-box;">


                    <span>经济总产值</span><br /><br />


                    <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">120</span> <span>万元</span>


                </div>


                <div style="color: white; width: 150px; float: left; box-sizing: border-box;">


                    &nbsp;


                </div>


                <div style="color: white; width: 150px; float: left; box-sizing: border-box;">


                    <span>从业总人数</span><br /><br />


                    <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">255</span> <span>人</span>


                </div>


            </div>


        </div>




        <div style="height: 200px; width: 100%; float: left; background-color: #023852; padding-left: 10px; box-sizing: border-box;">


            <div id="c1" style="float: left; box-sizing: border-box; padding: 0 35px 0 20px; width: 100%; height: 100%;">


            </div>


        </div>




        <div style="height: 110px; width: 100%; float: left; background-color: #023852; padding-left: 10px; box-sizing: border-box;">


            <div style=" float: left; box-sizing: border-box; padding: 20px 0px 0 20px;">


                <div style="color: white; width: 150px; float: left; box-sizing: border-box;">


                    <span>民宿总收入</span><br /><br />


                    <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">1200</span> <span>万元</span>


                </div>


                <div style="color: white; width: 150px; float: left; box-sizing: border-box;">


                    <span>接待游客</span><br /><br />


                    <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">28</span> <span>万人</span>


                </div>


                <div style="color: white; width: 150px; float: left; box-sizing: border-box;">


                    <span>民宿</span><br /><br />


                    <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">23</span> <span>家</span>


                </div>


            </div>


        </div>




        <div style="height: 150px; width: 100%; float: left; padding-left: 0px; box-sizing: border-box;">


            <div id="c2" style="width: 110%; height: 120%; margin: 0 0 0 -40px;">


            </div>


        </div>




        <div style="height: 90px; width: 100%; float: left; background-color: #023852; padding-left: 10px; margin-top: 0px; box-sizing: border-box;">


            <div style=" float: left; box-sizing: border-box; padding: 20px 0 0 20px;">


                <div style="color: white; width: 150px; float: left; box-sizing: border-box;">


                    <span>农产品总销量</span><br /><br />


                    <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">1280</span> <span>吨</span>


                </div>


                <div style="color: white; width: 150px; float: left; box-sizing: border-box;">


                    &nbsp;


                </div>


                <div style="color: white; width: 150px; float: left; box-sizing: border-box;">


                    <span>农产品总销售额</span><br /><br />


                    <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">296.8</span> <span>万元</span>


                </div>


            </div>


        </div>


        <div style="height: 180px; width: 100%; float: left; padding-left: 10px; margin-top: -50px; box-sizing: border-box; border: 0px solid red;">


            <div id="c3" style="width: 100%; height: 150%; margin: 0 0 0 0px;">


            </div>


        </div>


    </div>


</body>


</html>




 Terra.YaoGan.Web/Terra.YaoGan.Web/chart/img/a1.png




 Terra.YaoGan.Web/Terra.YaoGan.Web/chart/img/a2.png