center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

fix: 前端tree搜索,高度调整

Browse Source
This commit is contained in:
junjie 2021-06-24 18:53:47 +08:00
parent 256c0efe6b
commit 898062ae9b
1 changed files with 28 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
frontend/src/views/dataset/common/DatasetGroupSelector.vue
View File

@ -78,30 +78,35 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-row> </el-row>
<el-tree
:data="tableData" <el-col class="custom-tree-container">
node-key="id" <div class="block" :style="treeStyle">
:expand-on-click-node="true" <el-tree
class="tree-list" :data="tableData"
highlight-current node-key="id"
@node-click="sceneClick" :expand-on-click-node="true"
> class="tree-list"
<span slot-scope="{ node, data }" class="custom-tree-node-list"> highlight-current
<span :id="data.id" style="display: flex;flex: 1;width: 0;"> @node-click="sceneClick"
<span> >
<svg-icon v-if="data.type === 'db'" icon-class="ds-db" class="ds-icon-db" /> <span slot-scope="{ node, data }" class="custom-tree-node-list">
<svg-icon v-if="data.type === 'sql'" icon-class="ds-sql" class="ds-icon-sql" /> <span :id="data.id" style="display: flex;flex: 1;width: 0;">
<svg-icon v-if="data.type === 'excel'" icon-class="ds-excel" class="ds-icon-excel" /> <span>
<svg-icon v-if="data.type === 'custom'" icon-class="ds-custom" class="ds-icon-custom" /> <svg-icon v-if="data.type === 'db'" icon-class="ds-db" class="ds-icon-db" />
<svg-icon v-if="data.type === 'sql'" icon-class="ds-sql" class="ds-icon-sql" />
<svg-icon v-if="data.type === 'excel'" icon-class="ds-excel" class="ds-icon-excel" />
<svg-icon v-if="data.type === 'custom'" icon-class="ds-custom" class="ds-icon-custom" />
</span>
<span v-if="data.type === 'db' || data.type === 'sql'">
<span v-if="data.mode === 0" style="margin-left: 6px"><i class="el-icon-s-operation" /></span>
<span v-if="data.mode === 1" style="margin-left: 6px"><i class="el-icon-alarm-clock" /></span>
</span>
<span style="margin-left: 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" :title="data.name">{{ data.name }}</span>
</span>
</span> </span>
<span v-if="data.type === 'db' || data.type === 'sql'"> </el-tree>
<span v-if="data.mode === 0" style="margin-left: 6px"><i class="el-icon-s-operation" /></span> </div>
<span v-if="data.mode === 1" style="margin-left: 6px"><i class="el-icon-alarm-clock" /></span> </el-col>
</span>
<span style="margin-left: 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" :title="data.name">{{ data.name }}</span>
</span>
</span>
</el-tree>
</el-col> </el-col>
</el-col> </el-col>
</template> </template>