fix：panel显示图标 以及处理点击事件

nezha-fronted/src/assets/css/font/iconfont.svg

@@ -101,6 +101,9 @@ Created by iconfont
     <glyph glyph-name="sort1" unicode="&#59569;" d="M735.9 324.70000000000005H287.4c-9.3 0-18.7-2.8-26.7-9-19.8-14.7-23.7-42.8-9-62.4L476-45.89999999999998c2.4-3.3 5.4-6.3 8.9-8.9 19.8-14.9 47.7-10.7 62.6 8.9l221.8 296c7.1 7.9 11.5 18.3 11.5 29.9 0 24.8-20 44.7-44.9 44.7zM286.7 443.7h448.5c9.3 0 18.7 2.8 26.7 9 19.8 14.7 23.7 42.8 9 62.4L546.6 814.3c-2.4 3.3-5.4 6.3-8.9 8.9C518 838 490 833.9 475.2 814.3l-221.8-296c-7.1-7.9-11.5-18.3-11.5-29.9-0.1-24.7 20-44.7 44.8-44.7z"  horiz-adv-x="1024" />
 
     
+    <glyph glyph-name="caret-bottom" unicode="&#60414;" d="M1204.6456056 558.8594923L812.56113039 100.88445677000004A60.08567269 60.08567269 0 0 0 766.22387379 78.47962940000002a60.08567269 60.08567269 0 0 0-46.33725602 22.40482736L327.80214196 558.8594923A81.57393895 81.57393895 0 0 0 312.62796376 639.61870988 73.63040931 73.63040931 0 0 0 374.13939856 689.5203706h783.86343065a73.32488895 73.32488895 0 0 0 61.71511487-49.69798009 81.47209863 81.47209863 0 0 0-15.07233848-80.96289822z"  horiz-adv-x="1536" />
+
+    
     <glyph glyph-name="caret-down" unicode="&#59057;" d="M1204.6456056 558.8594923L812.56113039 100.88445677000004A60.08567269 60.08567269 0 0 0 766.22387379 78.47962940000002a60.08567269 60.08567269 0 0 0-46.33725602 22.40482736L327.80214196 558.8594923A81.57393895 81.57393895 0 0 0 312.62796376 639.61870988 73.63040931 73.63040931 0 0 0 374.13939856 689.5203706h783.86343065a73.32488895 73.32488895 0 0 0 61.71511487-49.69798009 81.47209863 81.47209863 0 0 0-15.07233848-80.96289822z"  horiz-adv-x="1536" />
 
     

nezha-fronted/src/components/charts/chart-alert-list.vue

@@ -22,9 +22,9 @@
           </el-popover>
           <el-dropdown trigger="click" v-show="!isPreview" class="nz-chart-top" :key="'chartDropdown'+chartIndex"  v-clickoutside="clickos">
             <el-dropdown-menu style="display: none"></el-dropdown-menu>
-            <span class="el-dropdown-link chart-title" @click="dropdownMenuShow=!dropdownMenuShow">
+            <span class="el-dropdown-link chart-title" @click.stop="dropdownMenuShow=!dropdownMenuShow">
               <span class="chart-title-text">{{chartInfo.title}}</span>
-              <span class="chart-title-icon" v-if="data.editable"><i class="nz-icon nz-icon-caret-bottom el-icon--right"  :class="{'visible':caretShow,'hidden':!caretShow}"></i></span>
+              <span class="chart-title-icon" v-if="data.editable"><i class="nz-icon nz-icon-caret-bottom  "  :class="{'visible':caretShow,'hidden':!caretShow}"></i></span>
             </span>
             <ul slot="dropdown" v-show="dropdownMenuShow" v-if="data.editable" :id="'dropdownUl'+chartIndex"  class="el-dropdown-menu nz-chart-dropdown"  style="position: absolute; top: 30px; left: calc(50% - 79px); transform-origin: center top; z-index: 1000;" >
               <li  @click="refreshChart"  class="el-dropdown-menu__item">

nezha-fronted/src/components/charts/chart-single-stat.vue

@@ -22,9 +22,9 @@
           </el-popover>
           <el-dropdown trigger="click" class="nz-chart-top" :key="'chartDropdown'+chartIndex"  v-clickoutside="clickos">
             <el-dropdown-menu style="display: none"></el-dropdown-menu>
-            <span class="el-dropdown-link chart-title" @click="dropdownMenuShow=!dropdownMenuShow">
+            <span class="el-dropdown-link chart-title" @click.stop="dropdownMenuShow=!dropdownMenuShow">
               <span class="chart-title-text">{{chartData.title}}</span>
-              <span class="chart-title-icon"><i class="nz-icon nz-icon-caret-bottom el-icon--right"  :class="{'visible':caretShow,'hidden':!caretShow}"></i></span>
+              <span class="chart-title-icon"><i class="nz-icon nz-icon-caret-bottom  "  :class="{'visible':caretShow,'hidden':!caretShow}"></i></span>
             </span>
             <ul slot="dropdown" v-show="dropdownMenuShow"  :id="'dropdownUl'+chartIndex"  class="el-dropdown-menu nz-chart-dropdown"  style="position: absolute; top: 30px; left: calc(50% - 79px); transform-origin: center top; z-index: 1000;" >
               <li  @click="refreshChart"  class="el-dropdown-menu__item">

nezha-fronted/src/components/charts/chart-table.vue

@@ -22,9 +22,9 @@
           </el-popover>
           <el-dropdown trigger="click" class="nz-chart-top" :key="'chartDropdown'+chartIndex"  v-clickoutside="clickos">
             <el-dropdown-menu style="display: none"></el-dropdown-menu>
-            <span class="el-dropdown-link chart-title" @click="dropdownMenuShow=!dropdownMenuShow">
+            <span class="el-dropdown-link chart-title" @click.stop="dropdownMenuShow=!dropdownMenuShow">
               <span class="chart-title-text">{{chartData.title}}</span>
-              <span class="chart-title-icon"><i class="nz-icon nz-icon-caret-bottom el-icon--right"  :class="{'visible':caretShow,'hidden':!caretShow}"></i></span>
+              <span class="chart-title-icon"><i class="nz-icon nz-icon-caret-bottom  "  :class="{'visible':caretShow,'hidden':!caretShow}"></i></span>
             </span>
             <ul slot="dropdown" v-show="dropdownMenuShow"  :id="'dropdownUl'+chartIndex"  class="el-dropdown-menu nz-chart-dropdown"  style="position: absolute; top: 30px; left: calc(50% - 79px); transform-origin: center top; z-index: 1000;" >
               <li  @click="refreshChart"  class="el-dropdown-menu__item">

nezha-fronted/src/components/charts/chart-url.vue

@@ -10,9 +10,9 @@
         <div class="clearfix chartTitle" :class="{'dragTitle':dragTitleShow}" :id="'chartTitle'+chartIndex">
           <el-dropdown trigger="click" class="nz-chart-top" :key="'chartDropdown'+chartIndex"  v-clickoutside="clickos">
             <el-dropdown-menu style="display: none"></el-dropdown-menu>
-            <span class="el-dropdown-link chart-title" @click="dropdownMenuShow=!dropdownMenuShow">
+            <span class="el-dropdown-link chart-title" @click.stop="dropdownMenuShow=!dropdownMenuShow">
               <span class="chart-title-text">{{chartData.title}}</span>
-              <span class="chart-title-icon"><i class="nz-icon nz-icon-caret-bottom el-icon--right"  :class="{'visible':caretShow,'hidden':!caretShow}"></i></span>
+              <span class="chart-title-icon"><i class="nz-icon nz-icon-caret-bottom  "  :class="{'visible':caretShow,'hidden':!caretShow}"></i></span>
             </span>
             <ul slot="dropdown" v-show="dropdownMenuShow"  :id="'dropdownUl'+chartIndex"  class="el-dropdown-menu nz-chart-dropdown"  style="position: absolute; top: 30px; left: calc(50% - 79px); transform-origin: center top; z-index: 1000;" >
               <li  @click="refreshChart"  class="el-dropdown-menu__item">

nezha-fronted/src/components/charts/line-chart-block.vue

@@ -36,9 +36,9 @@
           </span>
           <el-dropdown trigger="click" class="nz-chart-top" :key="'chartDropdown'+chartIndex"  v-clickoutside="clickos">
             <el-dropdown-menu style="display: none"></el-dropdown-menu>
-            <span class="el-dropdown-link chart-title" @click="dropdownMenuShow=!dropdownMenuShow">
+            <span class="el-dropdown-link chart-title" @click.stop="dropdownMenuShow=!dropdownMenuShow">
               <span class="chart-title-text">{{chartData.title}}</span>
-              <span class="chart-title-icon" v-if="filter.from != 'alertRule'"><i class="nz-icon nz-icon-caret-bottom el-icon--right" :class="{'visible':caretShow,'hidden':!caretShow}"></i></span>
+              <span class="chart-title-icon" v-if="filter.from != 'alertRule'"><i class="nz-icon nz-icon-caret-bottom  " :class="{'visible':caretShow,'hidden':!caretShow}"></i></span>
             </span>
             <ul v-if="filter.from != 'alertRule'" slot="dropdown" v-show="dropdownMenuShow"  :id="'dropdownUl'+chartIndex" :class="{'el-dropdown-menu nz-chart-dropdown':!isExplore,'el-dropdown-menu nz-chart-dropdown-one':isExplore}"    style="position: absolute; top: 30px; left: calc(50% - 79px); transform-origin: center top; z-index: 1000;" >
               <li v-show="!isExplore"  @click="refreshChart"  class="el-dropdown-menu__item">

nezha-fronted/src/components/common/project/popData/lineChart.vue

@@ -47,9 +47,9 @@
           </span>
           <el-dropdown trigger="click" class="nz-chart-top" :key="'chartDropdown'+chartIndex"  v-clickoutside="clickos">
             <el-dropdown-menu style="display: none"></el-dropdown-menu>
-            <span class="el-dropdown-link" @click="dropdownMenuShow=!dropdownMenuShow">
+            <span class="el-dropdown-link" @click.stop="dropdownMenuShow=!dropdownMenuShow">
               <span class="chart-title-text">{{chartData.title}}</span>
-              <span class="chart-title-icon" v-if="filter.from != 'alertRule'"><i class="nz-icon nz-icon-caret-bottom el-icon--right" :class="{'visible':caretShow,'hidden':!caretShow}"></i></span>
+              <span class="chart-title-icon" v-if="filter.from != 'alertRule'"><i class="nz-icon nz-icon-caret-bottom  " :class="{'visible':caretShow,'hidden':!caretShow}"></i></span>
             </span>
             <ul v-if="filter.from != 'alertRule'" slot="dropdown" v-show="dropdownMenuShow"  :id="'dropdownUl'+chartIndex" :class="{'el-dropdown-menu nz-chart-dropdown':!isExplore,'el-dropdown-menu nz-chart-dropdown-one':isExplore}"    style="position: absolute; top: 30px; left: calc(50% - 79px); transform-origin: center top; z-index: 1000;" >
               <li v-show="!isExplore"  @click="refreshChart"  class="el-dropdown-menu__item">

nezha-fronted/src/components/common/project/visNetwork.vue

@@ -17,7 +17,7 @@
                 <span class="panel-info-corner-inner"></span>
             </span>
           </el-popover>
-          <span class="el-dropdown-link chart-title" @click="dropdownMenuShow=!dropdownMenuShow">
+          <span class="el-dropdown-link chart-title" @click.stop="dropdownMenuShow=!dropdownMenuShow">
               <span></span>
               <span>
                 <!--<span class="chart-title-text">{{chartData.title}}</span>-->