优化下拉树

mes/qd/src/views/wms/basedata/em/deviceInfo/index.vue

@@ -393,6 +393,115 @@ export default {
 }
 </script>
 
-<style scoped>
+<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>

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>

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

@@ -226,6 +226,115 @@ export default {
 }
 </script>
 
-<style scoped>
+<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>

mes/qd/src/views/wms/basedata/em/devicefaultclass/index.vue

@@ -249,6 +249,115 @@ export default {
 }
 </script>
 
-<style scoped>
+<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>

mes/qd/src/views/wms/basedata/em/devicemaintain/index.vue

@@ -295,6 +295,115 @@ export default {
 }
 </script>
 
-<style scoped>
+<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>

mes/qd/src/views/wms/basedata/em/devicerepairitems/index.vue

@@ -219,6 +219,115 @@ export default {
 }
 </script>
 
-<style scoped>
+<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>

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

@@ -1,7 +1,7 @@
 <template>
   <el-dialog
     title="设备档案编辑"
-    width="900px"
+    width="800px"
     :before-close="crud.cancelCU"
     :visible.sync="crud.status.cu > 0 || crud.status.view > 0"
     @close="close"
@@ -9,13 +9,13 @@
     <el-form ref="form" style="border: 1px solid #cfe0df;margin-top: 10px;padding-top: 10px;" :inline="true" :model="form" :rules="rules" size="mini" label-width="105px" label-suffix=":">
       <el-form-item label="设备档案编码" prop="devicerecord_code">
         <label slot="label">设备档案编码:</label>
-        <el-input v-model="form.devicerecord_code" disabled placeholder="系统生成" style="width: 300px" />
+        <el-input v-model="form.devicerecord_code" disabled placeholder="系统生成" style="width: 210px" />
       </el-form-item>
       <el-form-item label="设备状态" prop="status">
         <el-select
           v-model="form.status"
           placeholder="设备状态"
-          style="width: 300px"
+          style="width: 210px"
           class="filter-item"
           disabled
         >
@@ -29,50 +29,50 @@
       </el-form-item>
       <el-form-item label="设备编码" prop="device_code">
         <label slot="label">设备编码:</label>
-        <el-input v-model="form.device_code" clearable  style="width: 300px" />
+        <el-input v-model="form.device_code" clearable  style="width: 210px" />
       </el-form-item>
       <el-form-item label="设备名称" prop="device_name">
         <label slot="label">设备名称:</label>
-        <el-input v-model="form.device_name"  clearable style="width: 300px" />
+        <el-input v-model="form.device_name"  clearable style="width: 210px" />
       </el-form-item>
       <el-form-item label="设备规格" prop="device_spec">
         <label slot="label">设备规格:</label>
-        <el-input v-model="form.device_spec"  clearable style="width: 300px" />
+        <el-input v-model="form.device_spec"  clearable style="width: 210px" />
       </el-form-item>
       <el-form-item label="设备型号" prop="device_model">
         <label slot="label">设备型号:</label>
-        <el-input v-model="form.device_model"  clearable style="width: 300px" />
+        <el-input v-model="form.device_model"  clearable style="width: 210px" />
       </el-form-item>
       <el-form-item label="制造商" prop="manufacturer">
         <label slot="label">制造商:</label>
-        <el-input v-model="form.manufacturer"  clearable style="width: 300px" />
+        <el-input v-model="form.manufacturer"  clearable style="width: 210px" />
       </el-form-item>
       <el-form-item label="制造国别" prop="country_manufactur">
         <label slot="label">制造国别:</label>
-        <el-input v-model="form.country_manufactur"  clearable style="width: 300px" />
+        <el-input v-model="form.country_manufactur"  clearable style="width: 210px" />
       </el-form-item>
       <el-form-item label="出厂编号" prop="leavefactory_number">
         <label slot="label">出厂编号:</label>
-        <el-input v-model="form.leavefactory_number"  clearable style="width: 300px" />
+        <el-input v-model="form.leavefactory_number"  clearable style="width: 210px" />
       </el-form-item>
       <el-form-item label="出厂日期" prop="leavefactory_date">
         <label slot="label">出厂日期:</label>
-        <el-date-picker v-model="form.leavefactory_date" value-format="yyyy-MM-dd" type="date" placeholder="出厂日期" style="width: 300px"   />
+        <el-date-picker v-model="form.leavefactory_date" value-format="yyyy-MM-dd" type="date" placeholder="出厂日期" style="width: 210px"   />
       </el-form-item>
       <el-form-item label="图号" prop="drawing_number">
         <label slot="label">图号:</label>
-        <el-input v-model="form.drawing_number"  clearable style="width: 300px" />
+        <el-input v-model="form.drawing_number"  clearable style="width: 210px" />
       </el-form-item>
       <el-form-item label="供应商" prop="supplier_name">
         <label slot="label">供应商:</label>
-        <el-input v-model="form.supplier_name"  clearable style="width: 300px" />
+        <el-input v-model="form.supplier_name"  clearable style="width: 210px" />
       </el-form-item>
       <el-form-item label="设备类别" prop="material_type_id">
         <treeselect
           v-model="form.material_type_id"
           :options="classes"
           :load-options="loadClass"
-          style="width: 300px"
+          style="width: 210px"
           :clearable= "false"
           placeholder="设备类别"
           @select="typeChange"
@@ -82,7 +82,7 @@
         <el-select
           v-model="form.is_produceuse"
           placeholder="生产用途"
-          style="width: 300px"
+          style="width: 210px"
           class="filter-item"
         >
           <el-option
@@ -98,7 +98,7 @@
           v-model="form.use_deptid"
           :options="depts"
           :load-options="loadDepts"
-          style="width: 300px"
+          style="width: 210px"
           placeholder="使用部门"
         />
       </el-form-item>
@@ -107,7 +107,7 @@
           v-model="form.use_groupid"
           :options="depts"
           :load-options="loadDepts"
-          style="width: 300px"
+          style="width: 210px"
           placeholder="使用班组"
         />
       </el-form-item>
@@ -115,7 +115,7 @@
         <el-select
           v-model="form.device_type"
           placeholder="设备属性"
-          style="width: 300px"
+          style="width: 210px"
           class="filter-item"
         >
           <el-option
@@ -128,26 +128,26 @@
       </el-form-item>
       <el-form-item label="内部自编号" prop="extend_code">
         <label slot="label">内部自编号:</label>
-        <el-input v-model="form.extend_code"  clearable style="width: 300px" />
+        <el-input v-model="form.extend_code"  clearable style="width: 210px" />
       </el-form-item>
       <el-form-item label="资产编码" prop="assets_code">
         <label slot="label">资产编码:</label>
-        <el-input v-model="form.assets_code"  clearable style="width: 300px" />
+        <el-input v-model="form.assets_code"  clearable style="width: 210px" />
       </el-form-item>
       <el-form-item label="资产名称" prop="assets_name">
         <label slot="label">资产名称:</label>
-        <el-input v-model="form.assets_name"  clearable style="width: 300px" />
+        <el-input v-model="form.assets_name"  clearable style="width: 210px" />
       </el-form-item>
       <el-form-item label="启用日期" prop="beginuse_date">
         <label slot="label">启用日期:</label>
-        <el-date-picker v-model="form.beginuse_date" value-format="yyyy-MM-dd" type="date" placeholder="启用日期" style="width: 300px"   />
+        <el-date-picker v-model="form.beginuse_date" value-format="yyyy-MM-dd" type="date" placeholder="启用日期" style="width: 210px"   />
       </el-form-item>
       <el-form-item label="归属部门" prop="belong_deptid">
         <treeselect
           v-model="form.belong_deptid"
           :options="depts"
           :load-options="loadDepts"
-          style="width: 300px"
+          style="width: 210px"
           placeholder="选择部门"
         />
       </el-form-item>
@@ -156,7 +156,7 @@
           v-model="form.workprocedure_id"
           clearable
           placeholder="工序"
-          style="width: 300px"
+          style="width: 210px"
           class="filter-item"
         >
           <el-option
@@ -174,14 +174,14 @@
           :controls="false"
           :precision="3"
           :min="0"
-          style="width: 300px"
+          style="width: 210px"
         />
       </el-form-item>
       <el-form-item label="设备BOM" prop="device_bom_id">
         <el-select
           v-model="form.device_bom_id"
           placeholder="设备BOM"
-          style="width: 300px"
+          style="width: 210px"
           class="filter-item"
         >
           <el-option
@@ -194,15 +194,15 @@
       </el-form-item>
       <el-form-item label="卡片编号" prop="card_code">
         <label slot="label">卡片编号:</label>
-        <el-input v-model="form.card_code"  clearable style="width: 300px" />
+        <el-input v-model="form.card_code"  clearable style="width: 210px" />
       </el-form-item>
       <el-form-item label="安装地点" prop="setting_place">
         <label slot="label">安装地点:</label>
-        <el-input v-model="form.setting_place"  clearable style="width: 300px" />
+        <el-input v-model="form.setting_place"  clearable style="width: 210px" />
       </el-form-item>
       <el-form-item label="使用人" prop="user_name">
         <label slot="label">使用人:</label>
-        <el-input v-model="form.user_name"  clearable style="width: 300px" />
+        <el-input v-model="form.user_name"  clearable style="width: 210px" />
       </el-form-item>
       <el-form-item label="本币原值" prop="oraginal_value">
         <label slot="label">本币原值:</label>
@@ -211,7 +211,7 @@
           :controls="false"
           :precision="3"
           :min="0"
-          style="width: 300px"
+          style="width: 210px"
         />
       </el-form-item>
       <el-form-item label="净额" prop="net_amount">
@@ -221,7 +221,7 @@
           :controls="false"
           :precision="3"
           :min="0"
-          style="width: 300px"
+          style="width: 210px"
         />
       </el-form-item>
       <el-form-item label="备注" prop="remark">
@@ -486,3 +486,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>

mes/qd/src/views/wms/basedata/em/equipmentfile/index.vue

@@ -17,7 +17,7 @@
               :options="depts"
               :load-options="loadDepts"
               clearable
-              style="width: 300px"
+              style="width: 200px"
               placeholder="选择部门"
             />
           </el-form-item>
@@ -27,7 +27,7 @@
               :options="classes"
               clearable
               :load-options="loadClass"
-              style="width: 300px"
+              style="width: 200px"
               placeholder="设备类别"
             />
           </el-form-item>
@@ -511,3 +511,115 @@ export default {
   padding-top: 10px;
 }
 </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>