bug1237

src/views/tentative/device/components/HcSelectTree.vue

@@ -1,5 +1,5 @@
 <template>
-    <el-popover :width="widths" :visible="visible">
+    <el-popover :width="widths" :visible="visible" style="height:300px;overflow-y: auto;">
         <template #reference>
             <div class="form-item-div" :id="uuid" @click="itemClick">
                 <div class="lable truncate" v-if="nodeId && nodeTitle">{{nodeTitle}}</div>
@@ -102,6 +102,9 @@ const testTreeClick = (data) => {
 </script>
 
 <style lang="scss" scoped>
+.el-radio-group {
+   width: auto !important; 
+}
 .form-item-div {
     background-color: white;
     cursor: pointer;
@@ -120,4 +123,8 @@ const testTreeClick = (data) => {
 .hc-select-tree.el-tree.hc-tree-node {
     margin-left: -12px;
 }
+.el-popper{
+    height: 400px;
+    overflow-y: auto;
+}
 </style>

src/views/tentative/device/components/TestTree.vue

@@ -1,5 +1,5 @@
 <template>
-    <ElTree class="hc-tree-node tree-line" :class="ui" ref="treeRef" :props="treeProps" :data="treeData" auto-expand-parent current-node-key="1570335808521502732"
+    <ElTree class="hc-tree-node tree-line el-radio-group" :class="ui" ref="treeRef" :props="treeProps" :data="treeData" auto-expand-parent current-node-key="1570335808521502732" 
             highlight-current accordion :default-expanded-keys="['1570335808521502732']" node-key="primaryKeyId" @node-click="treeClick" :indent="0">
         <template #default="{ node, data }">
             <div class="data-custom-tree-node" :id="`${idPrefix}${data['primaryKeyId']}`">