From 307dec6a3e510e7c62a273da86234e6d59eb21ec Mon Sep 17 00:00:00 2001
From: qinbo <qinbo@shsening.com>
Date: 星期五, 05 十一月 2021 19:25:00 +0800
Subject: [PATCH] 添加关键字查询

---
 widgetsTS/logoAndMenu/view.html        |    8 
 widgetsTS/widget_search/img/count2.png |    0 
 widgetsTS/widget_search/img/count5.png |    0 
 js/function.js                         |    1 
 widgetsTS/widget_search/img/count6.png |    0 
 widgetsTS/widget_search/widget.js      |   71 +++++++
 widgetsTS/widget_search/img/count1.png |    0 
 widgetsTS/widget_search/img/count4.png |    0 
 config/widget.json                     |    4 
 widgetsTS/widget_search/img/count3.png |    0 
 widgetsTS/widget_search/view.js        |  197 +++++++++++++++++++
 widgetsTS/widget_search/view.css       |  168 ++++++++++++++++
 widgetsTS/widget_search/view.html      |  115 +++++++++++
 13 files changed, 560 insertions(+), 4 deletions(-)

diff --git a/config/widget.json b/config/widget.json
index 52dcfde..ddb64c5 100644
--- a/config/widget.json
+++ b/config/widget.json
@@ -70,6 +70,10 @@
       "uri": "widgetsTS/widget_summary/widget.js"
     },
     {
+      "name": "鍒嗙被鏌ヨ",
+      "uri": "widgetsTS/widget_search/widget.js"
+    },
+    {
       "name": "鐩戞帶璇︽儏",
       "uri": "widgetsTS/widget_detail/widget.js"
     },
diff --git a/js/function.js b/js/function.js
index e8739b3..043d20f 100644
--- a/js/function.js
+++ b/js/function.js
@@ -124,6 +124,7 @@
 
   refreshSingleWidget("widgetsTS/weather/widget.js", {});
   refreshSingleWidget("widgetsTS/widget_summary/widget.js", {});
+  refreshSingleWidget("widgetsTS/widget_search/widget.js", {});
 
 }
 
diff --git a/widgetsTS/logoAndMenu/view.html b/widgetsTS/logoAndMenu/view.html
index d5ecf27..e209fa3 100644
--- a/widgetsTS/logoAndMenu/view.html
+++ b/widgetsTS/logoAndMenu/view.html
@@ -2,11 +2,11 @@
     <div class="logoImg"><img class="logo1 animated bounceInDown" src="./img/logo.png"> <img
             class="logo2 animated lightSpeedIn" src="./img/logoText.png"></div>
     <div class="logoMenu">
-        <div class="menu1 widget-btn" title="瀹炴椂鐩戞帶" onclick="javascript:activateWidget('widgetsTS/widget_summary/widget.js')">
+        <div class="menu1 widget-btn" title="鐩戞帶鎬昏" onclick="javascript:activateWidget('widgetsTS/widget_summary/widget.js')">
             <span></span>
             <div class="menuMask"></div>
         </div>
-        <div class="menu2 widget-btn" title="鐩戞帶鍒嗘瀽" onclick="javascript:$('#menu2Child').toggle()"><span></span>
+        <div class="menu2 widget-btn" title="鐩戞帶鍒嗘瀽" onclick="javascript:activateWidget('widgetsTS/widget_search/widget.js')"><span></span>
             <div class="menuMask"></div>
         </div>
         <div class="menu3" title="&#x8BE6;&#x7EC6;&#x89C4;&#x5212;&#x56FE;"><span></span>
@@ -16,14 +16,14 @@
             <div class="menuMask"></div>
         </div>
 
-        <ul id="menu2Child" class="menu4-ul" style="left:120px;right:auto;display:none;">
+        <!-- <ul id="menu2Child" class="menu4-ul" style="left:120px;right:auto;display:none;">
             <li id="menu-step-3" onclick="javascript:activateWidget('widgets/_example_2win/widget.js');"><i
                     class="fa fa-location-arrow"></i>绀轰緥涓や釜绐楀彛</li>
             <li id="menu-step-3" onclick="showMapLayer(401085)"><i
                     class="fa fa-location-arrow"></i>&#x9053;&#x8DEF;&#x89C4;&#x5212;&#x56FE;</li>
             <li id="menu-step-3" onclick="showMapLayer(401086)"><i
                     class="fa fa-location-arrow"></i>&#x5EFA;&#x7B51;&#x7269;&#x89C4;&#x5212;</li>
-        </ul>
+        </ul> -->
 
         <ul id="menu4Child" class="menu4-ul">
             <li class="widget-btn"
diff --git a/widgetsTS/widget_search/img/count1.png b/widgetsTS/widget_search/img/count1.png
new file mode 100644
index 0000000..2a8cf37
--- /dev/null
+++ b/widgetsTS/widget_search/img/count1.png
Binary files differ
diff --git a/widgetsTS/widget_search/img/count2.png b/widgetsTS/widget_search/img/count2.png
new file mode 100644
index 0000000..2ad94d6
--- /dev/null
+++ b/widgetsTS/widget_search/img/count2.png
Binary files differ
diff --git a/widgetsTS/widget_search/img/count3.png b/widgetsTS/widget_search/img/count3.png
new file mode 100644
index 0000000..97eb899
--- /dev/null
+++ b/widgetsTS/widget_search/img/count3.png
Binary files differ
diff --git a/widgetsTS/widget_search/img/count4.png b/widgetsTS/widget_search/img/count4.png
new file mode 100644
index 0000000..c99cc7d
--- /dev/null
+++ b/widgetsTS/widget_search/img/count4.png
Binary files differ
diff --git a/widgetsTS/widget_search/img/count5.png b/widgetsTS/widget_search/img/count5.png
new file mode 100644
index 0000000..fe61ed9
--- /dev/null
+++ b/widgetsTS/widget_search/img/count5.png
Binary files differ
diff --git a/widgetsTS/widget_search/img/count6.png b/widgetsTS/widget_search/img/count6.png
new file mode 100644
index 0000000..9f1bf60
--- /dev/null
+++ b/widgetsTS/widget_search/img/count6.png
Binary files differ
diff --git a/widgetsTS/widget_search/view.css b/widgetsTS/widget_search/view.css
new file mode 100644
index 0000000..e222021
--- /dev/null
+++ b/widgetsTS/widget_search/view.css
@@ -0,0 +1,168 @@
+#top10Div {
+    width: 100%;
+    height: 50%;
+    /* background-color: hotpink; */
+    /* margin-bottom: 80px; */
+    /* margin-top: 50px; */
+}
+
+#top10Div>table {
+    width: 100%;
+    height: 50%;
+    background-color: rgba(0, 0, 0, 0);
+    /* border-collapse:collapse; */
+    /* color: aqua; */
+    /* font: italic 400 16px "瀹嬩綋"; */
+    /* border-radius: 10px; */
+}
+
+
+.no_bgc_table{
+    width: 100%;
+    height: 50%;
+    padding: 2px;
+    background-color: rgba(0, 0, 0, 0);
+    color:rgba(255,255,255,.7);
+}
+
+.no_bgc_table_head{
+    background-color: rgba(0, 0, 0, 0);
+    color:rgba(255,255,255,.7);
+}
+.top_10_table{
+    border: none;
+}
+.top_10_table tr {
+    border-bottom: 1px solid rgba(77,255,255,.5);
+}
+
+
+.cnt_div{
+    color: #fff;
+    background-color: rgba(0, 48, 64, .6);
+}
+.color_white{
+    color: #fff;
+}
+
+.cnt_left_div{
+    width: 50%;
+    float: left;
+}
+.cnt_right_div{
+    width: 50%;
+    float: right;
+}    
+.padding_2_p{
+    padding: 5px;
+}
+.padding_right_2_p{
+    padding: 2%;
+}
+
+.my_sep{
+    width: 96%;
+    /* text-align: center; */
+    height: 2px;
+    margin-left: 2%;
+}
+
+.select_tr{
+    background: rgba(255,87,34,.5) !important;
+}
+.over_tr{
+    background: rgba(255,87,34,.8) !important;
+}
+
+.select_btn{
+    color: #FF5722;
+}
+
+
+
+
+.searchDiv{
+    width: 300px;
+    height: 30px;
+    display: flex;
+    padding-left: 5px;
+    margin-left: 5px;
+    padding-top: 5px;
+    /* background-color: aquamarine; */
+}
+
+.input_keyword{
+    width: 245px;
+    outline-style: none ;
+    border: 1px solid #ccc; 
+    border-radius: 3px;
+    color: #fff;
+    background-color: rgba(0, 48, 64, .6);
+}
+
+.btn {
+    margin-left: 5px;
+    background-color: #63aa65; /* Green */
+    border: 1px solid rgb(98, 177, 98);
+    color: white;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    font-size: 16px;
+    cursor: pointer;
+}
+
+.btn:hover {
+    background-color: #3e8e41;
+}
+
+.table_Info{
+    background-color: rgba(0, 48, 64, .5);
+    border: 0 none;
+}
+.table_Info th,
+.am-u-sm-12 td
+{
+    border: 0 none;
+}
+
+.am-cf{
+    float: left;
+    width: 150px;
+    color: #fff;
+    position: absolute;
+    bottom: 5px;
+}
+
+.pageDiv{
+    float: right;
+    width: 250px;
+    right: 1px;
+    bottom: 0px;
+    position:absolute;
+}
+
+ul.am-pagination {
+    display: inline-block;
+    padding: 0;
+    margin: 0;
+}
+
+ul.am-pagination li {display: inline;}
+
+ul.am-pagination li a {
+    border-radius: 5px;
+    color: #fff;
+    float: left;
+    padding: 4px 8px;
+    text-decoration: none;
+}
+
+.pageDiv .am-pagination .am-active a{
+    background-color: #4CAF50;
+    color: white;
+}
+
+ul.am-pagination li a:hover:not(.active) {background-color: #ddd;}
+
+
diff --git a/widgetsTS/widget_search/view.html b/widgetsTS/widget_search/view.html
new file mode 100644
index 0000000..8fbd860
--- /dev/null
+++ b/widgetsTS/widget_search/view.html
@@ -0,0 +1,115 @@
+锘�<!DOCTYPE html>
+<html class="no-js css-menubar" lang="zh-cn">
+
+<head>
+    <link rel="stylesheet" href="../../lib/layui/css/layui.css">
+    <link href="./view.css" rel="stylesheet" type="text/css" />
+    <script type="text/javascript" src="../../lib/jquery/jquery-2.1.4.min.js"></script>
+    <script type="text/javascript" src="../../lib/layui/layui.js"></script>
+    <script src="../../lib/hao/haoutil.js"></script>
+    <script type="text/javascript" src="../../js/changable_params.js"></script>
+    <script type="text/javascript" src="../../js/function_1001.js"></script>
+    
+
+</head>
+
+<body cl>
+    <div class="layui-row cnt_div">
+        <div class="layui-row padding_2_p">
+            <div class="cnt_left_div">
+                <a id="href1" class="color_white cnt_btn" href="#">
+                    <img src="img/count1.png" class="layui-nav-img">
+                    <span class="layui-badge" id="count1">0</span>
+                    <span class="padding_right_2_p" id="countName1">鍥芥帶鐐�</span>
+                </a>
+                <input class="codeInput" type="hidden" id="countCode1">
+            </div>
+            <div class="cnt_right_div">
+                <a id="href2" class="color_white cnt_btn" href="#">
+                    <img src="img/count2.png" class="layui-nav-img">
+                    <span class="layui-badge" id="count2">0</span>
+                    <span class="padding_right_2_p" id="countName2">鐩戞祴鐐�</span>
+                </a>
+                <input class="codeInput" type="hidden" id="countCode2">
+            </div>
+        </div>
+        <div class="layui-row padding_2_p">
+            <div class="cnt_left_div">
+                <a id="href3" class="color_white cnt_btn" href="#">
+                    <img src="img/count3.png" class="layui-nav-img">
+                    <span class="layui-badge" id="count3">0</span>
+                    <span class="padding_right_2_p" id="countName3">寰珯</span>
+                </a>
+                <input class="codeInput" type="hidden" id="countCode3">
+            </div>
+            <div class="cnt_right_div">
+                <a id="href4" class="color_white cnt_btn" href="#">
+                    <img src="img/count4.png" class="layui-nav-img">
+                    <span class="layui-badge" id="count4">0</span>
+                    <span class="padding_right_2_p" id="countName4">绉诲姩鐩戞祴绔�</span>
+                </a>
+                <input class="codeInput" type="hidden" id="countCode4">
+            </div>
+        </div>
+        <div class="layui-row padding_2_p">
+            <div class="cnt_left_div">
+                <a id="href5" class="color_white cnt_btn" href="#">
+                    <img src="img/count5.png" class="layui-nav-img">
+                    <span class="layui-badge" id="count5">0</span>
+                    <span class="padding_right_2_p" id="countName5">鍖哄煙</span>
+                </a>
+                <input class="codeInput" type="hidden" id="countCode5">
+            </div>
+            <div class="cnt_right_div cnt_btn">
+                <a id="href6" class="color_white" href="#">
+                    <img src="img/count6.png" class="layui-nav-img">
+                    <span class="layui-badge" id="count6">0</span>
+                    <span class="padding_right_2_p" id="countName6">閬撹矾</span>
+                </a>
+                <input class="codeInput" type="hidden" id="countCode6">
+            </div>
+        </div>
+    </div>
+    <div id="searchDiv" class="searchDiv">
+        <span style="width: 80px; color: #fff; padding-top: 5px;">鍏抽敭瀛楋細</span>
+        <input type="text" id="search" class="input_keyword" placeholder="璇疯緭鍏ュ叧閿瓧">
+        <!-- <button id="btn" class="btn">鏌ヨ</button> -->
+        <button type="button" id="btn" class="btn btn-primary" style="width: 50px;"><span
+            id="btn_text">鏌ヨ</span></button>
+    </div>  
+    <hr class="layui-border-blue my_sep">
+    <div class="layui-row">
+        <span class="layui-breadcrumb" lay-separator="|">
+            <a href="#"></a>
+            <a href="#" style="color: white!important;">鏌ヨ淇℃伅</a>
+            <a href="#"></a>
+        </span>
+    </div>
+    <div class="layui-row" id="" style="padding-left:1%;padding-right:1%;overflow:auto;height:450px;">
+        <form action="" class="am-form" id="listContainer">
+        <table class="layui-table no_bgc_table top_10_table table_Info" id="newsList">
+            <thead>
+                <tr style="background-color: rgba(0, 0, 0, 0); color: #FF5722;">
+                    <th style="font-weight: bold;">搴忓彿</th>
+                    <th style="font-weight: bold;">鍚嶇О</th>
+                    <th style="font-weight: bold;">pm25</th>
+                    <th style="font-weight: bold;">pm10</th>
+                    <th style="font-weight: bold;">no2</th>
+                    <th style="font-weight: bold;">co</th>
+                    <th style="font-weight: bold;">no</th>
+                    <th style="font-weight: bold;">nox</th>
+                </tr>
+            </thead>
+            <tbody class="am-u-sm-12" id="listTag">
+            </tbody>
+        </table>
+    </form>
+        <div id="pageID">           
+        </div>
+        <div class="pageDiv">
+            <ul id="page"></ul>
+        </div>
+    </div>
+    <script type="text/javascript" src="./view.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/widgetsTS/widget_search/view.js b/widgetsTS/widget_search/view.js
new file mode 100644
index 0000000..b8639c0
--- /dev/null
+++ b/widgetsTS/widget_search/view.js
@@ -0,0 +1,197 @@
+var current_selected_monitor_type;
+var current_selected_monitor_name;
+var current_selected_monitor_keyword;
+var current_selected_monitor_qindex = "pm25";
+
+
+//瀵瑰簲widget.js涓璏yWidget瀹炰緥鍖栧悗鐨勫璞�
+var thisWidget
+
+//褰撳墠椤甸潰涓氬姟
+function initWidgetView(_thisWidget) {
+    thisWidget = _thisWidget
+
+    loadCountByUserid();
+
+    $(".cnt_div a").on("click", function () {
+        $(".cnt_div a").removeClass("select_btn"); 
+        $(this).addClass("select_btn");
+        current_selected_monitor_type = $(this).attr("_code");
+        current_selected_monitor_name = $(this).attr("_name");        
+    });  
+    //寮�濮嬫煡璇㈡暟鎹�
+    $("#btn").click(function () {
+        current_selected_monitor_keyword = $('#search').val();
+        reloadData(1);
+    });
+}
+
+//鍔犺浇count
+function loadCountByUserid() {
+    var backend_url = thisWidget.nodejs_url_predix + "dataapi/Bdata?bid=get_all_count_by_id&userid=" + thisWidget.userid;
+    $.ajax({
+        type: 'get',
+        dataType: 'json',
+        data: {},
+        async: true,//鍚屾
+        url: backend_url,
+        success: function (data) {
+            var cntGroup = data.data.result;
+            console.log(cntGroup)
+            if (cntGroup != null) {
+                for (var i = 0; i < cntGroup.length; i++) {
+                    var j = i + 1;
+                    var cntObj = cntGroup[i];
+                    $("#count" + j).text(cntObj.count);
+                    $("#countName" + j).text(cntObj.name);
+                    $("#href" + j).attr("_code", cntObj.code);
+                    $("#href" + j).attr("_name", cntObj.name);
+                }
+            }
+        },
+        error: function (request, textStatus) {
+        }
+    });
+
+}
+
+function reloadData(page){
+    $("#listTag").empty();
+    var backend_url = thisWidget.nodejs_url_predix + "dataapi/Bdata?bid=get_" + current_selected_monitor_type + "_list_keyword&datatype=" + thisWidget.datatype + "&datatime=" + thisWidget.datatime + "&qindex=" + current_selected_monitor_qindex +"&keyword=" + current_selected_monitor_keyword+ "&pageno=1&pagesize=10";
+    var avgnam = 10; //姣忛〉鏄剧ず涓暟
+        $.ajax({
+          type:"GET",
+          url:backend_url,
+          dataType:"json",
+          success:function(data){
+            if(current_selected_monitor_keyword == null){
+                haoutil.msg("璇疯緭鍏ュ叧閿瓧锛侊紒锛�")
+                return;
+            }
+            if(data.data.result == null){
+                haoutil.msg("璇烽�夋嫨鏌ヨ绫诲埆锛侊紒锛�")
+                return;
+            }          
+            var tableData = data.data.result;
+            var newsTotalNum = data.data.result.length; //璁板綍鐨勬�绘潯鏁�
+            var pageNum = Math.ceil(newsTotalNum/avgnam); //鍒嗛〉鐨勬�婚〉鏁�
+            
+            for(var i=((page-1)*10);i<(page*10)&&i<newsTotalNum;i++){
+                var j = i+1; 
+                var topObj = tableData[i];                
+                var content = "<tr _siteid='" + topObj.code + "' _lon='" + topObj.lon + "' _lat='" + topObj.lat + "' onclick='locateAndShowDetail(this)' onmouseover='over(this)' onmouseout='out(this)' ><td>" + j + "</td><td>" + topObj.name + "</td><td>" + topObj.pm25 +"</td><td>" + topObj.pm10 +"</td><td>"+ topObj.no2 +"</td><td>"+ topObj.co +"</td><td>"+ topObj.no +"</td><td>" + topObj.nox + "</td></tr>"
+                $("#listTag").append(content);
+            }
+            var content1 = '<div class="am-cf">' +
+                '鍏� '+newsTotalNum+' 鏉¤褰� / '+pageNum+'椤�' +
+                '</div>';
+            var content2 = '<div class="pageDiv">' + 
+            '<ul class="am-pagination">';
+            // 鍒ゆ柇鍓嶉潰鏄惁杩樻湁椤甸潰
+            if(page == 1){
+                content2 += '<li class="am-disabled"><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" >芦</a></li>';
+            }else{
+                content2 += '<li><a href="javascript:reloadData('+(page-1)+')" rel="external nofollow" >芦</a></li>';
+            }
+            if (pageNum <= 3 ) {//鎬婚〉鏁板皬浜庝簲椤碉紝鍒欏姞杞芥墍鏈夐〉                
+                for (var i=1; i <= pageNum; i++) {
+                    if (i == page) {
+                        content2 += '<li class="am-active"><a href="javascript:reloadData('+i+')" rel="external nofollow" rel="external nofollow" >'+i+'</a></li>';
+                    }else{
+                        content2 += '<li><a href="javascript:reloadData('+i+')" rel="external nofollow" rel="external nofollow" >'+i+'</a></li>';
+                    }
+                };
+                $('#page').append(content2);
+                // return;
+            }else if (pageNum > 3) {//鎬婚〉鏁板ぇ浜庝簲椤碉紝鍒欏姞杞戒簲椤�
+                if (page < 3) {//褰撳墠椤靛皬浜�3锛屽姞杞�1-3椤�
+                    for (var i=1; i <= 3; i++) {
+                        if (i == page) {
+                            content2 += '<li class="am-active"><a href="javascript:reloadData('+i+')" rel="external nofollow" rel="external nofollow" >'+i+'</a></li>';
+
+                        }else{
+                            content2 += '<li><a href="javascript:reloadData('+i+')" rel="external nofollow" rel="external nofollow" >'+i+'</a></li>';
+                        }
+                    };
+                    if (page <= pageNum-2) {//鏈�鍚庝竴椤佃拷鍔犫��...鈥濅唬琛ㄧ渷鐣ョ殑椤�
+                        content2 += "<li><a>...</a></li>";
+                    }
+                    $('#page').append(content2);
+                    // return;
+                }else if (page >= 3) {//褰撳墠椤靛ぇ浜�3椤�
+                    for (var i=1; i <= 2; i++) {//1,2椤电爜濮嬬粓鏄剧ず
+                        content2 += '<li><a href="javascript:reloadData('+i+')" rel="external nofollow" rel="external nofollow" >'+i+'</a></li>';
+                    }
+                    content2 += "<li><a>...</a></li>";//2椤电爜鍚庨潰鐢�...浠f浛閮ㄥ垎鏈樉绀虹殑椤电爜
+                    if (page+1 == pageNum) {//褰撳墠椤�+1绛変簬鎬婚〉鐮�
+                        for(i = page-1; i <= pageNum; i++){//鈥�...鈥濆悗闈㈣窡涓変釜椤电爜褰撳墠椤靛眳涓樉绀�
+                            if (i == page) {
+                                content2 += '<li class="am-active"><a href="javascript:reloadData('+i+')" rel="external nofollow" rel="external nofollow" >'+i+'</a></li>';
+
+                            }else{
+                                content2 += '<li><a href="javascript:reloadData('+i+')" rel="external nofollow" rel="external nofollow" >'+i+'</a></li>';
+                            }
+                        }
+                    }else if (page == pageNum) {//褰撳墠椤垫暟绛変簬鎬婚〉鏁板垯鏄渶鍚庝竴椤甸〉鐮佹樉绀哄湪鏈�鍚�
+                        for(var i = page-2; i <= pageNum; i++){//...鍚庨潰璺熶笁涓〉鐮佸綋鍓嶉〉灞呬腑鏄剧ず
+                            if (i == page) {
+                                content2 += '<li class="am-active"><a href="javascript:reloadData('+i+')" rel="external nofollow" rel="external nofollow" >'+i+'</a></li>';
+
+                            }else{
+                                content2 += '<li><a href="javascript:reloadData('+i+')" rel="external nofollow" rel="external nofollow" >'+i+'</a></li>';
+                            }
+                        }
+                    }else{//褰撳墠椤靛皬浜庢�婚〉鏁帮紝鍒欐渶鍚庝竴椤靛悗闈㈣窡...
+                        for(var i = page-1; i <= page+1; i++){//dqPage+1椤靛悗闈�...
+                            if (i == page) {
+                                content2 += '<li class="am-active"><a href="javascript:reloadData('+i+')" rel="external nofollow" rel="external nofollow" >'+i+'</a></li>';
+
+                            }else{
+                                content2 += '<li><a href="javascript:reloadData('+i+')" rel="external nofollow" rel="external nofollow" >'+i+'</a></li>';
+                            }
+                        }
+                        content2 += "<li><a>...</a></li>";
+                    }
+                    $('#page').append(content2);
+                    // return;
+                }
+            }
+            // 鍒ゆ柇鍚庨潰鏄惁杩樻湁椤甸潰
+            if(page == pageNum){
+                content2 += '<li class="am-disabled"><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" >禄</a></li>';
+            }else{
+                content2 += '<li><a href="javascript:reloadData('+(page+1)+')" rel="external nofollow" >禄</a></li>';
+            }
+            content2 += '</ul>' +
+                  '</div>';
+            $("#pageID").empty();
+            $("#pageID").append(content1);
+            $("#page").empty();
+            $("#page").append(content2);
+          }
+        });
+      }
+
+function over(obj) {
+    $('#searchInfo tr').removeClass("over_tr");
+    $(obj).addClass("over_tr");
+}
+
+function out(obj) {
+
+    $(obj).removeClass("over_tr");
+}
+
+function locateAndShowDetail(obj) {
+    $('#searchInfo tr').removeClass("select_tr");
+    $(obj).addClass("select_tr");
+    var siteId = $(obj).attr("_siteid");
+    var lon = $(obj).attr("_lon");
+    var lat = $(obj).attr("_lat");
+
+    if (lon && lon != 'undefined') {
+        thisWidget.locateAndHighlight(lon, lat);
+    }
+    thisWidget.showDetailedWindow({ "nodejs_url_predix": thisWidget.nodejs_url_predix, "datatype": thisWidget.datatype,"selected_qindex": current_selected_monitor_qindex,"datatime": thisWidget.datatime, "layerid": current_selected_monitor_type, "siteid": siteId });
+    console.log(current_selected_monitor_type);
+}
\ No newline at end of file
diff --git a/widgetsTS/widget_search/widget.js b/widgetsTS/widget_search/widget.js
new file mode 100644
index 0000000..cc8cdd9
--- /dev/null
+++ b/widgetsTS/widget_search/widget.js
@@ -0,0 +1,71 @@
+'use script' //寮�鍙戠幆澧冨缓璁紑鍚弗鏍兼ā寮�
+    ;
+(function (window, mars3d) {
+    //鍒涘缓widget绫伙紝闇�瑕佺户鎵緽aseWidget
+    class MyWidget extends mars3d.widget.BaseWidget {
+        get view() {
+            return {
+                type: 'window',
+                url: 'view.html',
+                windowOptions: {
+                    width: 450,
+                    position: {
+                        top: 150,
+                        left: 5,
+                        bottom: 100
+                    },
+                },
+            }
+        }
+        //鍒濆鍖朳浠呮墽琛�1娆
+        create() {
+            this.nodejs_url_predix = mars3d.global_variables.nodejs_url_predix;
+            this.userid = mars3d.global_variables.userid;
+            this.datatype = mars3d.global_variables.queryDataType;
+            this.datatime = mars3d.global_variables.queryDataTStart;
+        }
+
+        reloadData(params) {
+            this.datatype = mars3d.global_variables.queryDataType;
+            this.datatime = mars3d.global_variables.queryDataTStart;
+            this.winPage.reloadData();
+        }
+
+        locateAndHighlight(lon, lat) {
+            this.map.flyToPoint(Cesium.Cartesian3.fromDegrees(lon, lat, 0.2));
+        }
+
+        showDetailedWindow(params) {
+            if (mars3d.widget.isActivate("widgetsTS/widget_detail/widget.js")) {
+                var detailWiget = mars3d.widget.getClass("widgetsTS/widget_detail/widget.js");
+                detailWiget.reloadData(params);
+            } else {
+                mars3d.widget.activate({
+                    uri: "widgetsTS/widget_detail/widget.js",
+                    disableOther: false,
+                    params: params
+                });
+            }
+        }
+
+        //姣忎釜绐楀彛鍒涘缓瀹屾垚鍚庤皟鐢�
+        winCreateOK(opt, result) {
+            this.winPage = result;
+            // this.winPage.reloadData();
+
+        }
+
+        //鎵撳紑婵�娲�
+        activate() {
+
+        }
+        //鍏抽棴閲婃斁
+        disable() { }
+
+    }
+
+    //娉ㄥ唽鍒皐idget绠$悊鍣ㄤ腑銆�
+    mars3d.widget.bindClass(MyWidget)
+
+    //姣忎釜widet涔嬮棿閮芥槸鐩存帴寮曞叆鍒癷ndex.html涓紝浼氬瓨鍦ㄥ郊姝ゅ懡鍚嶅啿绐侊紝鎵�浠ラ棴鍖呭鐞嗕笅銆�
+})(window, mars3d)
\ No newline at end of file

--
Gitblit v1.9.1