Browse Source

Merge branch 'master' of ssh://10.10.101.21/source/mall-web-ssr into HEAD

yangc 8 years ago
parent
commit
240d630538
2 changed files with 22 additions and 3 deletions
  1. 21 2
      components/product/CategoryProperty.vue
  2. 1 1
      pages/help/helpDetail/_id.vue

+ 21 - 2
components/product/CategoryProperty.vue

@@ -47,7 +47,7 @@
         <table class="table table-bordered" style="table-layout:fixed;">
         <table class="table table-bordered" style="table-layout:fixed;">
           <thead>
           <thead>
           <tr>
           <tr>
-            <td v-for="pro in properties" class="td-width word-break" split-dropdown-trigger="pro.id">
+            <td v-for="pro in properties" class="list-menu td-width word-break" split-dropdown-trigger="pro.id" v-on:mouseenter="triggerOnMouseEnter(pro.id)">
               <span class="dropdown-toggle dropdown-back" data-toggle="dropdown"><span>{{pro.property.labelCn}}</span><span class="fa fa-angle-down td-icon"></span></span>
               <span class="dropdown-toggle dropdown-back" data-toggle="dropdown"><span>{{pro.property.labelCn}}</span><span class="fa fa-angle-down td-icon"></span></span>
             </td>
             </td>
           </tr>
           </tr>
@@ -70,7 +70,7 @@
         </table>
         </table>
       </div>
       </div>
       <div>
       <div>
-        <div v-for="pro in properties" split-dropdown-toggle="pro.id" style="top: 40px !important">
+        <div v-for="pro in properties" split-dropdown-toggle="pro.id" class="x-split-dropdown-toggle" style="top: 40px !important;display: block">
           <ul class="parameter-selection-ul drop-down-list" role="menu" aria-labelledby="dropdownMenu1">
           <ul class="parameter-selection-ul drop-down-list" role="menu" aria-labelledby="dropdownMenu1">
             <!--|orderBy:'value'-->
             <!--|orderBy:'value'-->
             <li v-for="v in pro.values"><a @click="selectPropertyValue(pro, value)" class="a-color"><span>{{v.value}}</span></a></li>
             <li v-for="v in pro.values"><a @click="selectPropertyValue(pro, value)" class="a-color"><span>{{v.value}}</span></a></li>
@@ -92,6 +92,14 @@
         }
         }
       }
       }
     },
     },
+    mounted () {
+//      var list = document.getElementsByClassName('list-menu')
+//      var container = document.getElementsByClassName('div-table')
+//      list.onmouseover = function () {
+//        var id = list[0].getAttribute['split-dropdown-trigger']
+//        console.log(id)
+//      }
+    },
     computed: {
     computed: {
       kind () {
       kind () {
         return this.$store.state.product.kind.kindsParentWithBother.data[this.$store.state.product.kind.kindsParentWithBother.data.length - 1]
         return this.$store.state.product.kind.kindsParentWithBother.data[this.$store.state.product.kind.kindsParentWithBother.data.length - 1]
@@ -107,6 +115,17 @@
       }
       }
     },
     },
     methods: {
     methods: {
+      triggerOnMouseEnter (id) {
+        console.log(id)
+        let toggles = document.getElementsByClassName('x-split-dropdown-toggle')
+        for (let i in toggles) {
+          console.log(toggles[i])
+          let toggleId = toggles[i].getAttribute('split-dropdown-toggle')
+          if (toggleId === id) {
+            console.log(toggles[i])
+          }
+        }
+      },
       selectBrand (item) {
       selectBrand (item) {
         this.selectedBrand = item
         this.selectedBrand = item
         this.$emit('loadCmpGoodsByBrandEvent', item.id)
         this.$emit('loadCmpGoodsByBrandEvent', item.id)

+ 1 - 1
pages/help/helpDetail/_id.vue

@@ -71,6 +71,6 @@
     padding: 0;
     padding: 0;
   }
   }
   .ql-tooltip{
   .ql-tooltip{
-    margin-top: 0 !important;
+    display: none;
   }
   }
 </style>
 </style>