iidi
/
cmc-web
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: modify

develop
时启龙 2024-11-19 17:17:04 +08:00
parent f64b12a86a
commit e2077c4c96
3 changed files with 23 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
webs/ams-web/src/views/data-collection/components/Tree.vue
View File

@ -3,18 +3,16 @@
<div class="operate">
<el-input class="filter-input" v-model="filterText" size="mini" placeholder="请输入模型关键字进行过滤" clearable> </el-input>
</div>
<el-scrollbar class="custom-scrollbar" style="height: calc(100% - 50px)">
<el-tree class="tree" :data="data" ref="treeRef" highlight-current node-key="id" current-node-key="" @node-click="handleNodeClick" :props="defaultProps" :filter-node-method="filterNode">
<span class="custom-tree-node" slot-scope="{ node, data }">
<div class="custom-tree-node-wrapper">
<span class="custom-tree-node-label">
<img class="custom-tree-node-img" v-if="data.iconImage" :src="data.iconImage" alt="" />
{{ node.label }}
</span>
</div>
</span>
</el-tree>
</el-scrollbar>
<el-tree class="tree" :data="data" ref="treeRef" highlight-current node-key="id" current-node-key="" @node-click="handleNodeClick" :props="defaultProps" :filter-node-method="filterNode">
<span class="custom-tree-node" slot-scope="{ node, data }">
<div class="custom-tree-node-wrapper">
<span class="custom-tree-node-label">
<img class="custom-tree-node-img" v-if="data.iconImage" :src="data.iconImage" alt="" />
{{ node.label }}
</span>
</div>
</span>
</el-tree>
</div>
</template>
@ -99,7 +97,7 @@ export default defineComponent({
filterText,
treeRef,
handleNodeClick,
getData
getData,
}
},
})

8
webs/ams-web/src/views/module/side/index.vue
View File

@ -6,9 +6,7 @@
<i class="el-icon-plus cur-point m-l-xs" @click="handleCreateNode({ title: '新增根分组', operateType: 'create', isRoot: true, type: 'group' })"></i>
</el-tooltip>
</div>
<el-scrollbar class="custom-scrollbar">
<Tree ref="tree" :filterText="filterText" :isShowOperate="type === 'normal' ? true : false" v-on="$listeners" v-bind="$attrs" @handleCreate="handleCreate" @remove="remove" @handleNodeClick="$emit('handleNodeClick', $event)"></Tree>
</el-scrollbar>
<Tree ref="tree" :filterText="filterText" :isShowOperate="type === 'normal' ? true : false" v-on="$listeners" v-bind="$attrs" @handleCreate="handleCreate" @remove="remove" @handleNodeClick="$emit('handleNodeClick', $event)"></Tree>
<AddNode :addData="addData" v-if="addData.dialog" @update-success="updateSuccess"></AddNode>
</el-card>
</template>
@ -100,8 +98,4 @@ export default {
padding: 20px 10px;
height: 100%;
}
.custom-scrollbar {
height: calc(100% - 80px);
width: 100%;
}
</style>

24
webs/ams-web/src/views/resource/menu/SideMenu.vue
View File

@ -1,19 +1,17 @@
<template>
<div class="side-menu">
<el-input placeholder="输入关键字进行过滤" v-model="filterText" class="m-b" clearable> </el-input>
<el-scrollbar class="custom-scrollbar" style="height: calc(100% - 130px)">
<el-tree class="tree" highlight-current node-key="id" :load="loadNode" @node-click="handleNodeClick" lazy :props="{ label: 'name', children: 'childrenGroups', isLeaf: isLeaf }" :filter-node-method="filterNode" ref="treeRef">
<span class="custom-tree-node" slot-scope="{ node, data }">
<div class="custom-tree-node-wrapper">
<span class="custom-tree-node-label">
<img class="custom-tree-node-img" v-if="data.iconImage" :src="data.iconImage" alt="" />
{{ node.label }}
<span v-if="data.type === 'module'" class="m-l-xs">({{ data.instanceNum }})</span>
</span>
</div>
</span>
</el-tree>
</el-scrollbar>
<el-tree class="tree" highlight-current node-key="id" :load="loadNode" @node-click="handleNodeClick" lazy :props="{ label: 'name', children: 'childrenGroups', isLeaf: isLeaf }" :filter-node-method="filterNode" ref="treeRef">
<span class="custom-tree-node" slot-scope="{ node, data }">
<div class="custom-tree-node-wrapper">
<span class="custom-tree-node-label">
<img class="custom-tree-node-img" v-if="data.iconImage" :src="data.iconImage" alt="" />
{{ node.label }}
<span v-if="data.type === 'module'" class="m-l-xs">({{ data.instanceNum }})</span>
</span>
</div>
</span>
</el-tree>
</div>
</template>