优化下拉树

mes/qd/src/views/wms/basedata/em/devicebom/AddDialog.vue

@@ -358,3 +358,115 @@ export default {
   background-color: #fff;
 }
 </style>
+<style rel="stylesheet/scss" lang="scss" scoped>
+::v-deep {
+
+  .vue-treeselect__menu {
+
+    overflow-x: auto !important;
+
+    width: 300px;
+
+    max-height: 300px !important;
+
+  }
+
+  .vue-treeselect__label {
+
+    overflow: unset;
+
+    text-overflow: unset;
+
+  }
+
+  .vue-treeselect__control {
+
+    height: 20px !important;
+
+  }
+
+  .vue-treeselect__multi-value-item-container,
+
+  .vue-treeselect--has-value .vue-treeselect__multi-value {
+
+    height: 30px;
+
+    line-height: 24px;
+
+    padding: 0;
+
+  }
+
+  .vue-treeselect__limit-tip,
+
+  .vue-treeselect--searchable.vue-treeselect--multi.vue-treeselect--has-value
+
+  .vue-treeselect__input-container {
+
+    padding-top: 0;
+
+  }
+
+  .vue-treeselect--has-value .vue-treeselect__multi-value {
+
+    // margin-bottom: 15px;
+
+  }
+
+  .vue-treeselect__placeholder,
+
+  .vue-treeselect__single-value {
+
+    height: 28px;
+
+    line-height: 32px;
+
+    font-size: small;
+
+    color: "#CCCFD6";
+
+
+  }
+
+  .vue-treeselect--has-value .vue-treeselect__input {
+
+    height: 18px !important;
+
+    line-height: 18px !important;
+
+  }
+
+  .vue-treeselect div,
+
+  .vue-treeselect span {
+
+    box-sizing: content-box;
+
+  }
+
+  // 选中后的溢出隐藏
+
+  .vue-treeselect__multi-value-label {
+
+    display: block;
+
+    width: 140px;
+
+    overflow: hidden;
+
+    white-space: nowrap;
+
+    text-overflow: ellipsis;
+
+  }
+
+  .vue-treeselect__value-container {
+
+    display: block;
+
+    height: 32px;
+
+  }
+
+}
+</style>