林草局
上一版本: c196ea49 | 补丁 | 提交 | 显示空白
11
13693261870
2024-04-25 663a22a66c60aee2fe4c88111fe5d6308ccf5bf3 
11
已重命名1个文件
已添加3个文件
已修改1个文件
253 ■■■■■ 文件已修改
Terra.YaoGan.Web/Terra.YaoGan.Web/Terra.YaoGan.Web.csproj 3 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
Terra.YaoGan.Web/Terra.YaoGan.Web/chart/L1.html 247 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
Terra.YaoGan.Web/Terra.YaoGan.Web/chart/R1.html 3 ●●●●● 补丁 | 查看 | 原始文档 | 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,7 @@


    </Reference>


  </ItemGroup>


  <ItemGroup>


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


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


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


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


@@ -951,7 +952,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/L1.html


¶Ô±ÈÐÂÎļþ


@@ -0,0 +1,247 @@


<!DOCTYPE html>


<html>


<head>


    <title>chart.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/jquery-1.11.3.min.js"></script>


    <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;


        }




        $(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


ÎļþÃû´Ó Terra.YaoGan.Web/Terra.YaoGan.Web/chart.html ÐÞ¸Ä


@@ -1,7 +1,7 @@


<!DOCTYPE html>


<html>


<head>


    <title>mp4.html</title>


    <title>chart.html</title>


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


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


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


@@ -73,7 +73,6 @@


</head>


<body>


    <div id="main">




    </div>


</body>


</html>




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




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