perf:panel下拉列表将标题的移动事件转移到新增的左侧图标

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

@@ -20,6 +20,9 @@ Created by iconfont
   />
     <missing-glyph />
     
+    <glyph glyph-name="move" unicode="&#58943;" d="M861.0304 605.184a32.3072 32.3072 0 0 0-23.2448 10.24l-73.5232 78.7968-73.5232-78.7456a31.9488 31.9488 0 1 0-46.4384 43.8784L742.4 763.904a32.3072 32.3072 0 0 0 23.2448 10.24 30.208 30.208 0 0 0 23.2448-10.24l98.048-104.4992A32.3072 32.3072 0 0 0 885.76 614.4a52.224 52.224 0 0 0-24.5248-9.0112zM762.88-15.360000000000014a30.208 30.208 0 0 0-23.2448 10.24l-98.048 104.4992a31.9488 31.9488 0 1 0 46.5408 43.9808l73.5232-78.6944L835.2256 143.36a31.9488 31.9488 0 0 0 46.4384-43.8784L783.616-5.1200000000000045c-2.56-6.4512-11.6224-10.24-20.48-10.24zM762.88 36.1472a31.9488 31.9488 0 0 0-32.256 32.256V695.5008a32.256 32.256 0 1 0 64.512 0v-627.0976a31.9488 31.9488 0 0 0-32.256-32.256zM510.0544 521.3184H170.7008a32.256 32.256 0 0 0 0 64.512h339.3536a31.9488 31.9488 0 0 0 32.256-32.256 32.768 32.768 0 0 0-32.256-32.256zM510.0544 358.70719999999994H170.7008a32.256 32.256 0 0 0 0 64.512h339.3536a31.9488 31.9488 0 0 0 32.256-32.256 32.768 32.768 0 0 0-32.256-32.256zM508.7744 172.90239999999994H169.4208a32.256 32.256 0 1 0 0 64.512h339.3536a31.9488 31.9488 0 0 0 32.256-32.256 32.768 32.768 0 0 0-32.256-32.256z"  horiz-adv-x="1024" />
+
+    
     <glyph glyph-name="sync" unicode="&#60055;" d="M293.312 208a32 32 0 0 0-31.296 38.816C287.488 363.39200000000005 392.64 448 512 448a256.96 256.96 0 0 0 220.768-126.592 32 32 0 1 0-55.168-32.384A192.768 192.768 0 0 1 512 384c-89.504 0-168.352-63.424-187.456-150.816a32 32 0 0 0-31.232-25.184zM512-64a256.288 256.288 0 0 0-223.072 130.592 32 32 0 1 0 55.744 31.392A192.352 192.352 0 0 1 512 0c89.504 0 168.352 63.424 187.456 150.816a32 32 0 0 0 62.496-13.632C736.512 20.607999999999947 631.36-64 512-64zM288-32a32 32 0 0 0-32 32v96a32 32 0 0 0 32 32h96a32 32 0 1 0 0-64h-64v-64a32 32 0 0 0-32-32zM736 256h-96a32 32 0 1 0 0 64h64v64a32 32 0 1 0 64 0v-96a32 32 0 0 0-32-32zM860.448 87.64800000000002a32 32 0 0 0-15.424 60.032A160.256 160.256 0 0 1 928 288a159.552 159.552 0 0 1-58.912 123.968 32 32 0 0 0-10.56 33.472c3.744 13.184 5.472 24.16 5.472 34.56 0 70.592-57.408 128-128 128-6.912 0-14.24-0.736-23.104-2.368a31.872 31.872 0 0 0-34.592 17.536C635.104 712.512 546.848 768 448 768c-141.152 0-256-114.848-256-256l0.416-7.264a31.936 31.936 0 0 0-13.76-27.04A192.224 192.224 0 0 1 96 320c0-63.424 31.328-122.72 83.744-158.624a32 32 0 0 0-36.128-52.832A256.16 256.16 0 0 0 32 320a256.16 256.16 0 0 0 96.096 199.776C132.224 692.64 274.144 832 448 832a317.376 317.376 0 0 0 277.056-160.384C728.768 671.8720000000001 732.448 672 736 672c105.888 0 192-86.112 192-192 0-10.464-0.992-20.96-3.136-32.128A223.168 223.168 0 0 0 992 288a224.128 224.128 0 0 0-116.192-196.384 31.68 31.68 0 0 0-15.36-3.968zM64 288a32 32 0 0 0-32 32c0 141.152 114.848 256 256 256a32 32 0 1 0 0-64c-105.888 0-192-86.112-192-192a32 32 0 0 0-32-32zM736 480a32 32 0 0 0-32 32c0 141.152-114.848 256-256 256a32 32 0 1 0 0 64c176.448 0 320-143.552 320-320a32 32 0 0 0-32-32z"  horiz-adv-x="1024" />
 
     

nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue

@@ -9,7 +9,7 @@
               <el-cascader-panel v-show="dropDownVisible" v-model="cascaderValue"  slot="dropdown" ref="metricSelector" :props="{emitPath:false}" :options="metricOptions"  @change="metricChange"></el-cascader-panel>
             </el-dropdown>
           </div>
-          <div class="inputBox">
+          <div class="inputBox" @click="dropDownVisible=false">
 <!--            <el-autocomplete :placeholder="$t('dashboard.metricPreview.inputTip')" :fetch-suggestions="filterInput" clearable @clear="clearExpression" :trigger-on-focus="false" v-model="expressionList[index]" @blur="expressionChange" style="width: 100%;height:36px"></el-autocomplete>-->
             <editor :metric-list="metricStore" v-model="expressionList[index]" ref="editor" @on-enter="expressionChange" @on-blur="expressionChange" ></editor>
             <div class="append-msg error" v-if="errorMsg"><span>{{errorMsg}}</span></div>

nezha-fronted/src/components/page/dashboard/panel.vue

@@ -40,11 +40,12 @@
                   <el-dropdown-item v-for="item in panelData" :key="item.id+1"
                                     :class="showPanel.id==item.id?'nz-dashboard-dropdown-bg':''" :command="item">
                     <!--{{item.name}}-->
-                    <el-row  :gutter="10" class="panel-list-width panelContent" >
-                      <el-col :span="19" class="panel-list-item" :title="item.name">{{item.name}}</el-col>
-                      <el-col :span="2"><span class="panel-dropdown-btn panel-dropdown-btn-delete" @click.stop="del(item)"><i class="el-icon-delete"></i></span></el-col>
+                    <el-row  :gutter="10" class="panel-list-width" >
+                      <el-col :span="2" class="panelContent move-area"><i class="nz-icon nz-icon-move"></i></el-col>
+                      <el-col :span="17" class="panel-list-item" :title="item.name">{{item.name}}</el-col>
+                      <el-col :span="1"><span class="panel-dropdown-btn panel-dropdown-btn-delete" @click.stop="del(item)"><i class="el-icon-delete"></i></span></el-col>
                       <el-col :span="1">&nbsp;</el-col>
-                      <el-col :span="2"><span class="panel-dropdown-btn" @click.stop="toEdit(item)"><i class="nz-icon nz-icon-edit"></i></span></el-col>
+                      <el-col :span="1"><span class="panel-dropdown-btn" @click.stop="toEdit(item)"><i class="nz-icon nz-icon-edit"></i></span></el-col>
                     </el-row>
                   </el-dropdown-item>
                 </draggable>
@@ -940,7 +941,9 @@
 
   .nz-dashboard-picker {
   }
-
+  .move-area:hover{
+    cursor: move;
+  }
 </style>
 <style lang="scss">
   .panel .top-tools input {