|
78 | 78 | </el-form-item> |
79 | 79 | </el-form> |
80 | 80 | </el-row> |
81 | | - <el-tree |
82 | | - :data="tableData" |
83 | | - node-key="id" |
84 | | - :expand-on-click-node="true" |
85 | | - class="tree-list" |
86 | | - highlight-current |
87 | | - @node-click="sceneClick" |
88 | | - > |
89 | | - <span slot-scope="{ node, data }" class="custom-tree-node-list"> |
90 | | - <span :id="data.id" style="display: flex;flex: 1;width: 0;"> |
91 | | - <span> |
92 | | - <svg-icon v-if="data.type === 'db'" icon-class="ds-db" class="ds-icon-db" /> |
93 | | - <svg-icon v-if="data.type === 'sql'" icon-class="ds-sql" class="ds-icon-sql" /> |
94 | | - <svg-icon v-if="data.type === 'excel'" icon-class="ds-excel" class="ds-icon-excel" /> |
95 | | - <svg-icon v-if="data.type === 'custom'" icon-class="ds-custom" class="ds-icon-custom" /> |
96 | | - </span> |
97 | | - <span v-if="data.type === 'db' || data.type === 'sql'"> |
98 | | - <span v-if="data.mode === 0" style="margin-left: 6px"><i class="el-icon-s-operation" /></span> |
99 | | - <span v-if="data.mode === 1" style="margin-left: 6px"><i class="el-icon-alarm-clock" /></span> |
| 81 | + |
| 82 | + <el-col class="custom-tree-container"> |
| 83 | + <div class="block" :style="treeStyle"> |
| 84 | + <el-tree |
| 85 | + :data="tableData" |
| 86 | + node-key="id" |
| 87 | + :expand-on-click-node="true" |
| 88 | + class="tree-list" |
| 89 | + highlight-current |
| 90 | + @node-click="sceneClick" |
| 91 | + > |
| 92 | + <span slot-scope="{ node, data }" class="custom-tree-node-list"> |
| 93 | + <span :id="data.id" style="display: flex;flex: 1;width: 0;"> |
| 94 | + <span> |
| 95 | + <svg-icon v-if="data.type === 'db'" icon-class="ds-db" class="ds-icon-db" /> |
| 96 | + <svg-icon v-if="data.type === 'sql'" icon-class="ds-sql" class="ds-icon-sql" /> |
| 97 | + <svg-icon v-if="data.type === 'excel'" icon-class="ds-excel" class="ds-icon-excel" /> |
| 98 | + <svg-icon v-if="data.type === 'custom'" icon-class="ds-custom" class="ds-icon-custom" /> |
| 99 | + </span> |
| 100 | + <span v-if="data.type === 'db' || data.type === 'sql'"> |
| 101 | + <span v-if="data.mode === 0" style="margin-left: 6px"><i class="el-icon-s-operation" /></span> |
| 102 | + <span v-if="data.mode === 1" style="margin-left: 6px"><i class="el-icon-alarm-clock" /></span> |
| 103 | + </span> |
| 104 | + <span style="margin-left: 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" :title="data.name">{{ data.name }}</span> |
| 105 | + </span> |
100 | 106 | </span> |
101 | | - <span style="margin-left: 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" :title="data.name">{{ data.name }}</span> |
102 | | - </span> |
103 | | - </span> |
104 | | - </el-tree> |
| 107 | + </el-tree> |
| 108 | + </div> |
| 109 | + </el-col> |
105 | 110 | </el-col> |
106 | 111 | </el-col> |
107 | 112 | </template> |
|
0 commit comments