From b6293ccb3e087f24944dc19bbfea2e0d628380ad Mon Sep 17 00:00:00 2001
From: qinbo <qinbo@shsening.com>
Date: 星期二, 19 十月 2021 12:04:49 +0800
Subject: [PATCH] 添加图列

---
 img/tuglie/jc_tsp.png           |    0 
 img/tuglie/other_pm10.png       |    0 
 img/tuglie/wz_pm25.png          |    0 
 widgetsTS/tuglie/widget.js      |   56 ++++++++++++++
 img/tuglie/other_pm2.5.png      |    0 
 widgetsTS/logoAndMenu/view.html |    5 
 widgetsTS/tuglie/view.html      |  122 ++++++++++++++++++++++++++++++
 img/tuglie/other_no2.png        |    0 
 img/tuglie/gk_pm25.png          |    0 
 img/tuglie/wz_pm10.png          |    0 
 img/tuglie/gk_pm10.png          |    0 
 img/tuglie/other_nox.png        |    0 
 img/tuglie/wz_co.png            |    0 
 img/tuglie/wz_no2.png           |    0 
 img/tuglie/other_co.png         |    0 
 img/tuglie/other_no.png         |    0 
 img/tuglie/gk_co.png            |    0 
 img/tuglie/gk_no2.png           |    0 
 18 files changed, 181 insertions(+), 2 deletions(-)

diff --git a/img/tuglie/gk_co.png b/img/tuglie/gk_co.png
new file mode 100644
index 0000000..9132d52
--- /dev/null
+++ b/img/tuglie/gk_co.png
Binary files differ
diff --git a/img/tuglie/gk_no2.png b/img/tuglie/gk_no2.png
new file mode 100644
index 0000000..5aeee00
--- /dev/null
+++ b/img/tuglie/gk_no2.png
Binary files differ
diff --git a/img/tuglie/gk_pm10.png b/img/tuglie/gk_pm10.png
new file mode 100644
index 0000000..712ed03
--- /dev/null
+++ b/img/tuglie/gk_pm10.png
Binary files differ
diff --git a/img/tuglie/gk_pm25.png b/img/tuglie/gk_pm25.png
new file mode 100644
index 0000000..cbf6da4
--- /dev/null
+++ b/img/tuglie/gk_pm25.png
Binary files differ
diff --git a/img/tuglie/jc_tsp.png b/img/tuglie/jc_tsp.png
new file mode 100644
index 0000000..998c0ab
--- /dev/null
+++ b/img/tuglie/jc_tsp.png
Binary files differ
diff --git a/img/tuglie/other_co.png b/img/tuglie/other_co.png
new file mode 100644
index 0000000..4acf388
--- /dev/null
+++ b/img/tuglie/other_co.png
Binary files differ
diff --git a/img/tuglie/other_no.png b/img/tuglie/other_no.png
new file mode 100644
index 0000000..934025e
--- /dev/null
+++ b/img/tuglie/other_no.png
Binary files differ
diff --git a/img/tuglie/other_no2.png b/img/tuglie/other_no2.png
new file mode 100644
index 0000000..8e51b3c
--- /dev/null
+++ b/img/tuglie/other_no2.png
Binary files differ
diff --git a/img/tuglie/other_nox.png b/img/tuglie/other_nox.png
new file mode 100644
index 0000000..9ef7550
--- /dev/null
+++ b/img/tuglie/other_nox.png
Binary files differ
diff --git a/img/tuglie/other_pm10.png b/img/tuglie/other_pm10.png
new file mode 100644
index 0000000..982411f
--- /dev/null
+++ b/img/tuglie/other_pm10.png
Binary files differ
diff --git a/img/tuglie/other_pm2.5.png b/img/tuglie/other_pm2.5.png
new file mode 100644
index 0000000..39f7237
--- /dev/null
+++ b/img/tuglie/other_pm2.5.png
Binary files differ
diff --git a/img/tuglie/wz_co.png b/img/tuglie/wz_co.png
new file mode 100644
index 0000000..4e77b36
--- /dev/null
+++ b/img/tuglie/wz_co.png
Binary files differ
diff --git a/img/tuglie/wz_no2.png b/img/tuglie/wz_no2.png
new file mode 100644
index 0000000..ae86d98
--- /dev/null
+++ b/img/tuglie/wz_no2.png
Binary files differ
diff --git a/img/tuglie/wz_pm10.png b/img/tuglie/wz_pm10.png
new file mode 100644
index 0000000..fb227ed
--- /dev/null
+++ b/img/tuglie/wz_pm10.png
Binary files differ
diff --git a/img/tuglie/wz_pm25.png b/img/tuglie/wz_pm25.png
new file mode 100644
index 0000000..12024fb
--- /dev/null
+++ b/img/tuglie/wz_pm25.png
Binary files differ
diff --git a/widgetsTS/logoAndMenu/view.html b/widgetsTS/logoAndMenu/view.html
index 23bf4f3..d5ecf27 100644
--- a/widgetsTS/logoAndMenu/view.html
+++ b/widgetsTS/logoAndMenu/view.html
@@ -30,8 +30,9 @@
                 onclick="javascript:activateWidget('widgetsTS/windsetting/widget.js');javascript:$('#menu4Child').toggle()">
                 <i class="fa fa-gear"></i>椋庡満鍙傛暟璁剧疆
             </li>
-            <li class="widget-btn" onclick="window.open//(&apos;http://www.marsgis.cn&apos;)"><i
-                    class="fa fa-home"></i>&#x5173;&#x4E8E;&#x6211;&#x4EEC;</li>
+            <li class="widget-btn" 
+                    onclick="javascript:activateWidget('widgetsTS/tuglie/widget.js')"><i
+                    class="fa fa-home"></i>鏄剧ず鍥惧垪</li>
         </ul>
     </div>
 </div>
\ No newline at end of file
diff --git a/widgetsTS/tuglie/view.html b/widgetsTS/tuglie/view.html
new file mode 100644
index 0000000..7aea0a2
--- /dev/null
+++ b/widgetsTS/tuglie/view.html
@@ -0,0 +1,122 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>鍥惧垪</title>
+    <script src="../../lib/jquery/jquery-1.11.3.min.js"></script>
+    <style>
+        
+        ul {
+            list-style: none;
+        }
+        ul{
+        display: flex;
+        flex-direction: row;
+        padding: 0;
+        margin: 0;
+
+        }
+        ul li {
+            width: 70px;
+            height: 20px;
+            color: aliceblue;
+            background: rgba(32,160,255,0.3);
+            text-align: center;
+            line-height: 20px;
+            font-family: Arial, Helvetica, sans-serif;
+            box-sizing: border-box;
+            /* box-shadow: 3px 3px 3px #eee;; */
+            border-right: 1px solid #f5f5f5;
+            cursor:pointer
+        }
+        #day04{
+            width: 100px;
+        }
+
+        .showTime{
+            width: 890px;
+            height: 200px;
+            /* border: 1px solid #ffff66; */
+        }
+        .showTime p{
+            width: 100%;
+            height:100%;
+            margin: 0;
+        }
+        .navbar{
+            display: flex;
+            flex-direction: column;
+            /* align-items: center; */
+            /* justify-content: center; */
+        }
+        .touchOn{
+            background:#ff9966;
+            /* font-size: 20px; */
+            font-weight: bold;
+        }
+    </style>
+</head>
+<body>
+    
+  <div class="navbar">
+    <ul>
+        <li id="day01">鍥芥帶鐐�</li>
+        <li id="day02">寰珯</li>
+        <li id="day03">鐩戞祴鐐�</li>
+        <li id="day04">閬撹矾涓庡尯鍩�</li>
+       
+    </ul>
+    <div class="showTime">
+        <p id="content01">
+            <img src="../../img/tuglie/gk_pm25.png" alt="">
+            <img src="../../img/tuglie/gk_pm10.png" alt="">
+            <img src="../../img/tuglie/gk_no2.png" alt="">
+            <img src="../../img/tuglie/gk_co.png" alt="">
+        </p>
+        <p id="content02">
+            <img src="../../img/tuglie/wz_pm25.png" alt="">
+            <img src="../../img/tuglie/wz_pm10.png" alt="">
+            <img src="../../img/tuglie/wz_no2.png" alt="">
+            <img src="../../img/tuglie/wz_co.png" alt="">
+        </p>
+        <p id="content03">
+            <img src="../../img/tuglie/jc_tsp.png" alt="">
+        </p>
+        <p id="content04">
+            <img src="../../img/tuglie/other_pm2.5.png" alt="">
+            <img src="../../img/tuglie/other_pm10.png" alt="">
+            <img src="../../img/tuglie/other_no2.png" alt="">
+            <img src="../../img/tuglie/other_no.png" alt="">
+            <img src="../../img/tuglie/other_co.png" alt="">
+            <img src="../../img/tuglie/other_nox.png" alt="">
+        </p>
+    </div>
+ </div>
+
+
+</body>
+<script>
+    var thisWidget;
+    function initWidgetView(_thisWidget) {
+    thisWidget = _thisWidget
+    }
+
+    $(function(){
+    $(".showTime").find("p").hide();//鍏堥殣钘忔墍鏈塸鍏冪礌
+    })
+    $("ul li").click(function () {
+    if (!$(this).hasClass("touchOn")) {//$(this)琛ㄧず鎵�鐐瑰嚮鐨勫厓绱狅紝鍦ㄨ繖閲屾瀬涓哄ソ鐢�
+        $(this).addClass("touchOn");//缁欐墍鐐瑰嚮鍏冪礌鍔犱笂touchOn绫�
+    }
+    $(this).siblings().removeClass("touchOn");//绉婚櫎鍏朵粬鍏冪礌鐨則ouchOn绫�
+    var id = $(this).attr('id');//鑾峰彇鎵�鐐瑰嚮鍏冪礌鐨刬d
+    id = id.slice(4, 5);//鑾峰彇鎵�鐐瑰嚮鍏冪礌鐨刬d鐨勫簭鍙凤紝鏂逛究涓庝笅鏂噋鐨刬d瀵瑰簲         
+    var showId = $(".showTime").find("p").eq((id - 1)).attr('id');//鍥犱负index浠�0寮�濮嬶紝杩欓噷椤籭d-1
+    showId='#'+showId;
+    $(showId).show();
+    $(showId).siblings().hide();//娉ㄦ剰锛侊紒锛佽繖閲屼笉鑳藉啓$("showId")
+    })
+</script>
+</html>
\ No newline at end of file
diff --git a/widgetsTS/tuglie/widget.js b/widgetsTS/tuglie/widget.js
new file mode 100644
index 0000000..5a7ad44
--- /dev/null
+++ b/widgetsTS/tuglie/widget.js
@@ -0,0 +1,56 @@
+'use script'; //寮�鍙戠幆澧冨缓璁紑鍚弗鏍兼ā寮�
+
+(function (window, mars3d) {
+  //鍒涘缓widget绫伙紝闇�瑕佺户鎵緽aseWidget
+  class MyWidget extends mars3d.widget.BaseWidget {
+    //澶栭儴璧勬簮閰嶇疆
+    // get resources() {
+    //   return [
+    //     'view.css'
+    //   ]
+    // }
+
+    //椤甸潰閰嶇疆锛� append鏄坊鍔燚OM鑺傜偣鍒癶tml涓殑鏂瑰紡
+    get view() {
+      return {
+        type: "window",
+        url: "view.html",
+        parent: "#centerDiv",
+        windowOptions: {
+          width: 890,
+          height: 230,
+          position: {
+            left: 5,
+            bottom: 25
+        },
+        },
+      };
+    }
+ 
+    //鍒濆鍖朳浠呮墽琛�1娆
+    create() {}
+
+    //姣忎釜绐楀彛鍒涘缓瀹屾垚鍚庤皟鐢�
+    winCreateOK(viewopt, html) {
+      if (viewopt.type != "append") {
+        return;
+      }
+      // this.reloadData();
+    }
+
+    //婵�娲绘彃浠�
+    activate() {
+
+    }
+
+    //閲婃斁鎻掍欢
+    disable() {
+      //toastr.info('閲婃斁鎻掍欢_example_append')
+    }
+  }
+
+  //娉ㄥ唽鍒皐idget绠$悊鍣ㄤ腑銆�
+  mars3d.widget.bindClass(MyWidget)
+
+  //姣忎釜widet涔嬮棿閮芥槸鐩存帴寮曞叆鍒癷ndex.html涓紝浼氬瓨鍦ㄥ郊姝ゅ懡鍚嶅啿绐侊紝鎵�浠ラ棴鍖呭鐞嗕笅銆�
+})(window, mars3d)

--
Gitblit v1.9.1