perf：修改模板创建dashboard样式

nezha-fronted/src/assets/css/components/common/popBox/selectDashboard.scss

@@ -77,7 +77,7 @@
   display: flex;
   justify-content: space-between;
   .panel-select-left{
-    width: 180px;
+    width: 196px;
     height: 100%;
     box-sizing: border-box;
     border-right:1px solid $--border-color-base;
@@ -122,44 +122,50 @@
       }
     }
     .dashboard-select-tail{
-      width: 162px;
-      background: #FF9219;
-      margin: 0 auto;
+      width: 100%;
       border: none;
       display: flex;
       justify-content: center;
       border-radius: 2px;
-      cursor: pointer;
       .dashboard-select-add{
-        flex: 1;
-        height: 30px;
+        padding: 0 8px;
+        min-width: 120px;
+        height: 32px;
+        background: #FF9219;
+        border-radius: 2px;
         font-size: 14px;
         color: #fff;
         display: flex;
         justify-content: center;
         align-items: center;
+        box-sizing: border-box;
+        cursor: pointer;
         i{
           color: #fff;
           padding-left: 0;
+          font-size: 12px;
+          margin-right: 2px;
         }
       }
       .dashboard-addBy-template{
-        width: 30px;
-        height: 30px;
+        margin-left: 8px;
+        width: 32px;
+        height: 32px;
+        border-radius: 2px;
+        background: #FF9219;
         font-size: 14px;
         color: #fff;
         display: flex;
         justify-content: center;
         align-items: center;
-        border-left: 1px solid #fff;
         box-sizing: border-box;
-        position: relative;
+        cursor: pointer;
       }
     }
   }
   .pop-item-wider{
     flex: 1;
-    width: calc(100% - 180px);
+    width: calc(100% - 196px);
     padding-top: 0;
     .panel-select-header{
       margin-top: 12px;
@@ -180,12 +186,3 @@
     background: none;
   }
 }
-
-.dashboard-addBy-template-menu{
-  width: 162px;
-  // padding: 8px 0;
-  box-sizing: border-box;
-  .el-dropdown-menu__item{
-    // line-height: 32px;
-  }
-}

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

@@ -5,6 +5,27 @@
   "css_prefix_text": "nz-icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "32096202",
+      "name": "定位",
+      "font_class": "dingwei",
+      "unicode": "e6bf",
+      "unicode_decimal": 59071
+    },
+    {
+      "icon_id": "33537643",
+      "name": "template",
+      "font_class": "template1",
+      "unicode": "e7bd",
+      "unicode_decimal": 59325
+    },
+    {
+      "icon_id": "33343790",
+      "name": "目录链接",
+      "font_class": "mululianjie1",
+      "unicode": "e7bc",
+      "unicode_decimal": 59324
+    },
     {
       "icon_id": "680988",
       "name": "属性",
@@ -19,13 +40,6 @@
       "unicode": "e7bb",
       "unicode_decimal": 59323
     },
-    {
-      "icon_id": "33166559",
-      "name": "目录链接",
-      "font_class": "mululianjie",
-      "unicode": "e7b9",
-      "unicode_decimal": 59321
-    },
     {
       "icon_id": "33165863",
       "name": "套接字文件链接",

nezha-fronted/src/components/common/popBox/selectDashboard.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-popover :placement="placement" popper-class="'nz-pop nz-pop-select-panel right-box-select-top right-public-box-dropdown-top nz-pop-select-panel__dropdown'" transition="slide" v-model="popBox.show" :width="520" :disabled="disabled">
+  <el-popover :placement="placement" popper-class="'nz-pop nz-pop-select-panel right-box-select-top right-public-box-dropdown-top nz-pop-select-panel__dropdown'" transition="slide" v-model="popBox.show" :width="536" :disabled="disabled">
     <div class="panel-select-wrap">
       <div class="panel-select-left">
         <ul class="panel-select-list">

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

@@ -9,7 +9,7 @@
       <div class="main-container">
         <div class="top-tools panel-top-tools" :class="showTopLine? 'panel-top-tools-bottom' : ''">
           <div v-if="panelData.length === 0" class="top-tool-left" style="margin-left: 10px;">
-            <button id="panel-add-panel" class="nz-btn nz-btn-style-light nz-btn-size-small" @click="toAdd"><i class="nz-icon nz-icon-create-square"></i>&nbsp;&nbsp;{{$t("dashboard.panel.createPanelTitleSec")}}</button>
+            <button id="panel-add-panel" class="nz-btn nz-btn-style-light nz-btn-size-small" @click="toAdd"><i class="nz-icon nz-icon-create-square"></i>&nbsp;&nbsp;{{$t("overall.addDashboard")}}</button>
           </div>
           <template v-else>
             <div class="top-tool-left" style="cursor: pointer;">
@@ -31,20 +31,13 @@
                 </template>
                 <!-- 按钮插槽 -->
                 <template slot="button">
-                  <span class="dashboard-select-add" v-has="'main_add'" :title='$t("dashboard.panel.createPanelTitleSec")' @click="toAdd">
+                  <span class="dashboard-select-add" v-has="'main_add'" :title='$t("overall.addDashboard")' @click="toAdd">
                     <i class="nz-icon nz-icon-create-square"></i>&nbsp;{{$t('overall.addDashboard')}}
                   </span>
                   <!-- 通过dashboard模板创建 -->
-                  <el-dropdown v-has="['main_add']" trigger="click">
-                    <span :title='$t("dashboard.panel.addByTemplate")' class="dashboard-addBy-template">
-                      <i class="el-icon-more tool__icon"></i>
+                  <span v-has="'main_add'" @click="addByTemplate" :title='$t("dashboard.panel.addByTemplate")' class="dashboard-addBy-template">
+                    <i class="nz-icon nz-icon-template1"></i>
                   </span>
-                    <el-dropdown-menu class="dashboard-addBy-template-menu">
-                      <el-dropdown-item @click.native="addByTemplate">
-                        <span>{{$t("dashboard.panel.addByTemplate")}}</span>
-                      </el-dropdown-item>
-                    </el-dropdown-menu>
-                  </el-dropdown>
                 </template>
               </select-dashboard>
             </div>