shaun-sheep 4 anni fa
parent
commit
f3cab00a84
2 ha cambiato i file con 60 aggiunte e 26 eliminazioni
  1. 53 20
      src/components/product/sagaProduct.vue
  2. 7 6
      src/components/selectTree.vue

+ 53 - 20
src/components/product/sagaProduct.vue

@@ -10,16 +10,48 @@
           placement="right"
           width="960">
           <div style="margin-bottom: 10px">
-            <img src="../../assets/images/rectangle.png" height="12">
-            <span>某某系统</span></div>
-          <div class="sys">
-            <span @click="handleDetail">燃气石油气瓶</span>
-            <span @click="handleDetail">燃气石油气瓶</span>
-            <span @click="handleDetail">燃气石油气瓶</span>
-            <span @click="handleDetail">燃气石油气瓶</span>
-            <span @click="handleDetail">燃气石油气瓶</span>
-            <span @click="handleDetail">燃气石油气瓶</span>
-            <span @click="handleDetail">燃气石油气瓶</span>
+            <div>
+              <img src="../../assets/images/rectangle.png" height="12">
+              <span>某某系统</span></div>
+            <div class="sys">
+              <span @click="handleDetail">燃气石油气瓶 <b></b></span>
+              <span @click="handleDetail">燃气石油气瓶 <b></b></span>
+              <span @click="handleDetail">燃气石油气瓶 <b></b></span>
+              <span @click="handleDetail">燃气石油气瓶 <b></b></span>
+              <span @click="handleDetail">燃气石油气瓶 <b></b></span>
+              <span @click="handleDetail">燃气石油气瓶 <b></b></span>
+              <span @click="handleDetail">燃气石油气瓶 <b></b></span>
+              <span @click="handleDetail">燃气石油气瓶 <b></b></span>
+              <span @click="handleDetail">燃气石油气瓶 <b></b></span>
+              <span @click="handleDetail">燃气石油气瓶 <b></b></span>
+              <span @click="handleDetail">燃气石油气瓶 <b></b></span>
+              <span @click="handleDetail">燃气石油气瓶 <b></b></span>
+              <span @click="handleDetail">燃气石油气瓶 <b></b></span>
+              <span @click="handleDetail">燃气石油气瓶 <b></b></span>
+              <span @click="handleDetail">燃气石油气瓶 <b></b></span>
+              <span @click="handleDetail">燃气石油气瓶 <b></b></span>
+              <span @click="handleDetail">燃气石油气瓶 <b></b></span>
+              <span @click="handleDetail">燃气石油气瓶 <b></b></span>
+              <span @click="handleDetail">燃气石油气瓶 <b></b></span>
+              <span @click="handleDetail">燃气石油气瓶 <b></b></span>
+              <span @click="handleDetail">燃气石油气瓶 <b></b></span>
+              <span @click="handleDetail">燃气石油气瓶 <b></b></span>
+
+            </div>
+          </div>
+          <div style="margin-bottom: 10px">
+            <div>
+              <img src="../../assets/images/rectangle.png" height="12">
+              <span>某某系统</span></div>
+            <div class="sys">
+              <span @click="handleDetail">燃气石油气瓶</span>
+              <span @click="handleDetail">燃气石油气瓶</span>
+              <span @click="handleDetail">燃气石油气瓶</span>
+              <span @click="handleDetail">燃气石油气瓶</span>
+              <span @click="handleDetail">燃气石油气瓶</span>
+              <span @click="handleDetail">燃气石油气瓶</span>
+              <span @click="handleDetail">燃气石油气瓶</span>
+            </div>
           </div>
           <div slot="reference" class="classification">
             <p class="name">给排水专业—WS</p>
@@ -57,18 +89,19 @@
 </template>
 
 <script>
-import sagaBrand from "@/components/brand/sagaBrand"
-export default {
-  name: "productBrand",
-  components: {
-    sagaBrand,
-  },
-  methods:{
-    handleDetail() {
-      this.$router.push({path: 'product/productDetail', query: {id: '1', name: '2', productId: '3'}})
+  import sagaBrand from "@/components/brand/sagaBrand"
+
+  export default {
+    name: "productBrand",
+    components: {
+      sagaBrand,
+    },
+    methods: {
+      handleDetail() {
+        this.$router.push({path: 'product/productDetail', query: {id: '1', name: '2', productId: '3'}})
+      }
     }
   }
-}
 </script>
 
 <style scoped lang="less">

+ 7 - 6
src/components/selectTree.vue

@@ -9,7 +9,7 @@
         :props="props"
         :node-key="props.value"
         :default-expanded-keys="defaultExpandedKey"
-        @node-click="handleNodeClick">
+        @node-click="handleNodeClick()">
       </el-tree>
     </el-option>
   </el-select>
@@ -76,11 +76,12 @@
       },
 
       // 切换选项
-      handleNodeClick(node){
-        this.valueTitle = node[this.props.label]
-        this.valueId = node[this.props.value]
-        this.$emit('getValue',this.valueId)
-        this.defaultExpandedKey = []
+      handleNodeClick(node,val1,val2){
+        console.log(node,val1,val2)
+        // this.valueTitle = node[this.props.label]
+        // this.valueId = node[this.props.value]
+        // this.$emit('getValue',this.valueId)
+        // this.defaultExpandedKey = []
       },
 
       // 清除选中