修改下拉菜单二级菜单的鼠标移入范围

src/assets/css/main.scss

@@ -129,7 +129,7 @@
       }
     }
     p{
-      margin: 0;
+      margin: 0 -15px;
       cursor: pointer;
     }
     p:hover{

src/views/product/components/commodity/commodity.vue

@@ -30,7 +30,7 @@
                 <el-dropdown-menu slot="dropdown" class="text-align_center">
                   <el-dropdown-item>
                     <el-dropdown @command="handleCommand($event)" placement="left-start">
-                      <span> 专利导入 </span>
+                      <p> 专利导入 </p>
                       <el-dropdown-menu style="text-align:center">
                         <el-dropdown-item command="0"> Excel导入 </el-dropdown-item>
                         <el-dropdown-item command="1">专利号导入 </el-dropdown-item>

src/views/product/components/view/categoryTable.vue

@@ -29,7 +29,7 @@
             <el-dropdown-menu slot="dropdown" style="text-align:center">
               <el-dropdown-item>
                   <el-dropdown trigger="hover" placement="left-start" @command="handleCommand($event,scope.row)">
-                    <span class="el-dropdown-link">新增产品</span>
+                    <p class="el-dropdown-link">新增产品</p>
                     <el-dropdown-menu  class="text-align_center">
                       <el-dropdown-item command="7">新增本公司产品</el-dropdown-item>
                       <el-dropdown-item command="8">新增外公司产品</el-dropdown-item>

src/views/project/components/mixins/index.js

@@ -51,8 +51,11 @@ export const workspaceOptions = {
           id:row.id
         } 
       }
-
       this.$emit('option', { option: event, row ,isLast:isLast})
+      if(event){
+        this.$refs.showDropdown.hide()
+      }
+      
     },
   },
 }

src/views/project/components/view/table.vue

@@ -22,13 +22,13 @@
 
         <el-table-column v-if="[1].indexOf(isOperate) == -1" label="操作" align="center" width="150px">
           <template slot-scope="scope">
-            <el-dropdown split-button type="primary" size="small" @click="handleCommand('e', scope.row)"
+            <el-dropdown split-button type="primary" size="small" @click="handleCommand('e', scope.row)" :hide-on-click="false" ref="showDropdown"
               @command="handleCommand($event, scope.row)">
               <span>编 辑</span>
               <el-dropdown-menu slot="dropdown" style="text-align:center">
                 <el-dropdown-item>
                   <el-dropdown @command="handleCommand($event, scope.row)" placement="left-start">
-                    <span> 专利导入 </span>
+                    <p> 专利导入 </p>
                     <el-dropdown-menu style="text-align:center">
                       <el-dropdown-item command="0"> Excel导入 </el-dropdown-item>
                       <el-dropdown-item command="1">专利号导入 </el-dropdown-item>