From 20f982a049232ebec36ae0332b7a00b3ba6edf0f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=8A=B2=E6=9D=BE?= <chenjinsong@zdjizhi.com>
Date: Thu, 12 Mar 2020 12:44:24 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20model=E4=BE=A7=E6=BB=91vendor=E5=92=8Ct?=
 =?UTF-8?q?ype=E4=B8=8B=E6=8B=89=E5=88=97=E8=A1=A8=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/common/rightBox/modelBox.vue          | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/nezha-fronted/src/components/common/rightBox/modelBox.vue b/nezha-fronted/src/components/common/rightBox/modelBox.vue
index d4012eae3..d688c006f 100644
--- a/nezha-fronted/src/components/common/rightBox/modelBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/modelBox.vue
@@ -36,10 +36,10 @@
               popper-class="no-style-class"
               >
               <template slot-scope="{ item }">
-                <div class="autocomplete-dropdown">
+                <div class="autocomplete-dropdown" @mouseenter="dropdownHoverItem = 'type' + item.id" @mouseleave="dropdownHoverItem = ''">
                   <span v-if="!item.isEdit">{{item.value}}</span>
                   <span v-else @click.stop="inputHandler(item)"><el-input size="mini" v-model="editingType" @click.stop></el-input></span>
-                  <div class="dropdown-btns">
+                  <div class="dropdown-btns" v-show="dropdownHoverItem == 'type' + item.id">
                     <span class="dropdown-btn dropdown-btn-delete" :id="'model-type-op-del-' + item.id" @click.stop="delType(item.id)"><i class="el-icon-delete"></i></span>
                     <span v-if="!item.isEdit" class="dropdown-btn dropdown-btn-edit" :id="'model-type-op-edit-' + item.id" @click.stop="editType(item)"><i class="nz-icon nz-icon-edit"></i></span>
                     <span v-else class="dropdown-btn dropdown-btn-edit" :id="'model-type-op-edit-' + item.id" @click.stop="saveType(item)"><i class="el-icon-check"></i></span>
@@ -58,10 +58,10 @@
               popper-class="no-style-class"
             >
               <template slot-scope="{ item }">
-                <div class="autocomplete-dropdown">
+                <div class="autocomplete-dropdown" @mouseenter="dropdownHoverItem = 'vendor' + item.id" @mouseleave="dropdownHoverItem = ''">
                   <span v-if="!item.isEdit">{{item.value}}</span>
                   <span v-else @click.stop="inputHandler(item)"><el-input size="mini" v-model="editingVendor"></el-input></span>
-                  <div class="dropdown-btns">
+                  <div class="dropdown-btns" v-show="dropdownHoverItem == 'vendor' + item.id">
                     <span class="dropdown-btn dropdown-btn-delete" :id="'model-vendor-op-del-' + item.id" @click.stop="delVendor(item.id)"><i class="el-icon-delete"></i></span>
                     <span v-if="!item.isEdit" class="dropdown-btn dropdown-btn-edit" :id="'model-vendor-op-edit-' + item.id" @click.stop="editVendor(item)"><i class="nz-icon nz-icon-edit"></i></span>
                     <span v-else class="dropdown-btn dropdown-btn-edit" :id="'model-type-op-edit-' + item.id" @click.stop="saveVendor(item)"><i class="el-icon-check"></i></span>
@@ -132,6 +132,7 @@
         typeData: [],  //type下拉列表的数据
         editingVendor: '', //修改状态的vendor值
         editingType: '', //修改状态的assetType值
+        dropdownHoverItem: '', //控制vendor和type下拉列表中操作按钮的展示
       }
     },
     methods: {