From 6185754028f7e7229f63dea226d1ceb5d193d1ea Mon Sep 17 00:00:00 2001
From: zhangyu <m13716206235@163.com>
Date: Tue, 7 Jul 2020 13:43:33 +0800
Subject: [PATCH] =?UTF-8?q?NEZ-347=20style=EF=BC=9A=E4=BF=AE=E6=94=B9link?=
 =?UTF-8?q?=E5=AF=BC=E8=88=AAname=E8=BF=87=E9=95=BF=E6=92=91=E5=BC=80?=
 =?UTF-8?q?=E4=B8=8B=E6=8B=89=E8=8F=9C=E5=8D=95=E7=9A=84=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=EF=BC=8C=E4=BF=AE=E6=94=B9=E6=B7=BB=E5=8A=A0=20=E5=88=A0?=
 =?UTF-8?q?=E9=99=A4=E4=B8=BA=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/common/header.vue          | 10 ++++---
 .../src/components/page/config/system.vue     | 26 +++++++++++++------
 2 files changed, 25 insertions(+), 11 deletions(-)

diff --git a/nezha-fronted/src/components/common/header.vue b/nezha-fronted/src/components/common/header.vue
index 62017d64c..e1bdf33c8 100644
--- a/nezha-fronted/src/components/common/header.vue
+++ b/nezha-fronted/src/components/common/header.vue
@@ -13,7 +13,7 @@
         </template>
         <template v-for="(item, index) in $store.state.linkData">
           <el-menu-item :index="'0-' + index">
-              <span class="linkTitle"><a :href='item.url' class="nz-a" target="_blank" :title="item.url">{{item.name}}</a></span>
+              <span class="linkTitle"><a :href='item.url' class="nz-a" target="_blank" :title="item.name">{{item.name}}</a></span>
           </el-menu-item>
         </template>
       </el-submenu>
@@ -863,7 +863,7 @@
   }
   .linkTitle{
     display: inline-block;
-    width: 100%;
+    width: 200px;
     font-size: 15px;
     color: #444444;
   }
@@ -872,8 +872,12 @@
   }
   .linkTitle>a{
     display: inline-block;
-    width: 100%;
+    width: 150px;
     padding-left: 35px;
+    padding-right: 15px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 </style>
 <style>
diff --git a/nezha-fronted/src/components/page/config/system.vue b/nezha-fronted/src/components/page/config/system.vue
index 10e8fc236..0f6de7032 100644
--- a/nezha-fronted/src/components/page/config/system.vue
+++ b/nezha-fronted/src/components/page/config/system.vue
@@ -181,7 +181,7 @@
                   <el-input  v-model="linkTemp.url" class="linkUrl"/>
                 </el-form-item>
                 <el-form-item  prop="btn">
-                  <el-button class="linkBtn nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-min-width-75" @click="linkAdd">Add</el-button>
+                  <i class="nz-icon-create-square nz-icon" @click="linkAdd"></i>
                 </el-form-item>
               </el-form>
             </div>
@@ -211,16 +211,18 @@
                   </el-form-item>
                 </el-form>
                   <div class="linkFormContent" v-else>
-                    <div class="linkTitleName">{{item.name}}</div>
+                    <div class="linkTitleName" :title="item.name">{{item.name}}</div>
                     <div class="linkTitleUrl">
-                      <span class="linkTitleUrlContent" @click="openUrl(item)">
+                      <span class="linkTitleUrlContent" @click="openUrl(item)" @dblclick.stop="linkEdit(item)">
                         <!--<el-tooltip class="item" effect="dark" :content="item.url" placement="top" popper-class="linkUrlTip">-->
                         <span>{{item.url}}</span>
                         <!--</el-tooltip>-->
                       </span>
-                      <i class="nz-icon nz-icon-edit" @click="linkEdit(item)" v-if="item.buildIn=='0'"></i>
+                      <i class="nz-icon nz-icon-edit" @click.stop="linkEdit(item)" v-if="item.buildIn=='0'"></i>
+                    </div>
+                    <div class="linkFormBtn">
+                      <i class="nz-icon nz-icon-delete" @click="linkDel(item)" v-if="item.buildIn=='0'"></i>
                     </div>
-                    <div class="linkFormBtn"> <el-button class="linkBtn nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-min-width-75" @click="linkDel(item)" v-if="item.buildIn=='0'">Delete</el-button></div>
                   </div>
                 </div>
               </draggable>
@@ -676,7 +678,7 @@
           },
           //openUrl 跳转页面
           openUrl(item){
-            window.open(item.url)
+            // window.open(item.url)
           }
         },
         mounted() {
@@ -768,14 +770,22 @@
     cursor: pointer;
     outline: none;
   }
-  .linkTitleUrlContent:hover{
-    text-decoration:underline;
+  .nz-icon-delete{
+    cursor: pointer;
+    color: #ee6723;
   }
+  /*.linkTitleUrlContent:hover{*/
+    /*text-decoration:underline;*/
+  /*}*/
   .linkTitleUrl .nz-icon-edit{
     font-size: 12px;
     float: right;
     cursor: pointer;
   }
+  .nz-icon-create-square{
+    cursor: pointer;
+    color: #333333;
+  }
   /deep/ .el-form-item--small .el-form-item__error{
     padding-top: 0px;
   }