|
@@ -1,135 +0,0 @@
|
|
-<template>
|
|
|
|
- <basic-container>
|
|
|
|
- <el-row :gutter="20">
|
|
|
|
- <el-col :span="6">
|
|
|
|
- <div class="box">
|
|
|
|
- <p>工程节点信息</p>
|
|
|
|
- <div class="flex">
|
|
|
|
- <el-input
|
|
|
|
- placeholder="输入关键字进行过滤"
|
|
|
|
- v-model="filterText"
|
|
|
|
- @input="filterChange"
|
|
|
|
- ></el-input>
|
|
|
|
- <!-- <el-button type="info" class="mg-l-20">导入划分</el-button> -->
|
|
|
|
- </div>
|
|
|
|
- <el-scrollbar style="height:650px;">
|
|
|
|
- <div
|
|
|
|
- v-loading="treeLoad"
|
|
|
|
- style="padding-top:10px;box-sizing: border-box;"
|
|
|
|
- >
|
|
|
|
- <el-tree
|
|
|
|
- class="filter-tree"
|
|
|
|
- :data="treeDta"
|
|
|
|
- :load="loadNode"
|
|
|
|
- @node-click="getNodeDetail"
|
|
|
|
- >
|
|
|
|
- <span
|
|
|
|
- class="custom-tree-node"
|
|
|
|
- slot-scope="{ node, data }"
|
|
|
|
- >
|
|
|
|
- <span>
|
|
|
|
- {{ node.label }}
|
|
|
|
- <el-dropdown @click="command=>{setLeftType(command,data)}">
|
|
|
|
- <el-button
|
|
|
|
- type="text"
|
|
|
|
- icon="el-icon-more"
|
|
|
|
- class="normal-black"
|
|
|
|
- >
|
|
|
|
- </el-button>
|
|
|
|
- <el-dropdown-menu slot="dropdown">
|
|
|
|
- <el-dropdown-item
|
|
|
|
- @click.native="setLeftType(1,data,node)"
|
|
|
|
- icon="el-icon-circle-plus-outline"
|
|
|
|
- >新增子级</el-dropdown-item>
|
|
|
|
- <el-dropdown-item
|
|
|
|
- @click.native="setLeftType(2,data,node)"
|
|
|
|
- icon="el-icon-edit"
|
|
|
|
- >编辑节点</el-dropdown-item>
|
|
|
|
- <el-dropdown-item
|
|
|
|
- @click.native="setLeftType(3,data,node)"
|
|
|
|
- icon="el-icon-document-copy"
|
|
|
|
- >复制节点</el-dropdown-item>
|
|
|
|
- <el-dropdown-item
|
|
|
|
- @click.native="setLeftType(4,data,node)"
|
|
|
|
- icon="iconfont hcicon-danganziliao-biaogetianxie"
|
|
|
|
- class="font-s-12"
|
|
|
|
- >元素公式</el-dropdown-item>
|
|
|
|
- <el-dropdown-item
|
|
|
|
- @click.native="setLeftType(5,data,node)"
|
|
|
|
- icon="el-icon-coin"
|
|
|
|
- >元素设置</el-dropdown-item>
|
|
|
|
- <el-dropdown-item
|
|
|
|
- @click.native="nodeInfo(data,node)"
|
|
|
|
- icon="el-icon-help"
|
|
|
|
- >节点参数</el-dropdown-item>
|
|
|
|
- </el-dropdown-menu>
|
|
|
|
- </el-dropdown>
|
|
|
|
- </span>
|
|
|
|
- </span>
|
|
|
|
- </el-tree>
|
|
|
|
- </div>
|
|
|
|
- </el-scrollbar>
|
|
|
|
- </div>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="18">
|
|
|
|
-
|
|
|
|
- sss
|
|
|
|
- </el-col>
|
|
|
|
- </el-row>
|
|
|
|
- </basic-container>
|
|
|
|
-</template>
|
|
|
|
-
|
|
|
|
-<script>
|
|
|
|
-export default {
|
|
|
|
- data () {
|
|
|
|
- return {
|
|
|
|
- filterText: '',//搜素框
|
|
|
|
- treeLoad: false,//搜素旋转功能
|
|
|
|
- treeDta: [{
|
|
|
|
- id: 5,
|
|
|
|
- label: '二级 2-1',
|
|
|
|
- children: [{
|
|
|
|
- label: '二级 1-1',
|
|
|
|
- children: [{
|
|
|
|
- label: '三级 1-1-1'
|
|
|
|
- }]
|
|
|
|
- }]
|
|
|
|
- }, {
|
|
|
|
- id: 9,
|
|
|
|
- label: '三级 1-1-1',
|
|
|
|
- children: [{
|
|
|
|
- label: '二级 1-1',
|
|
|
|
- children: [{
|
|
|
|
- label: '三级 1-1-1'
|
|
|
|
- }]
|
|
|
|
- }]
|
|
|
|
- }],
|
|
|
|
- defaultProps: {
|
|
|
|
- children: 'children',
|
|
|
|
- label: 'label'
|
|
|
|
- },
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- methods: {
|
|
|
|
- //#region
|
|
|
|
- filterChange () {//收入改变事件
|
|
|
|
-
|
|
|
|
- },
|
|
|
|
- getNodeDetail () {//左侧树节点点击事件
|
|
|
|
-
|
|
|
|
- },
|
|
|
|
- //#endregion
|
|
|
|
- },
|
|
|
|
- created () {
|
|
|
|
-
|
|
|
|
- },
|
|
|
|
-}
|
|
|
|
-</script>
|
|
|
|
-
|
|
|
|
-<style lang="scss" scoped>
|
|
|
|
-.box {
|
|
|
|
- border: 1px solid #e0e0e0;
|
|
|
|
- box-sizing: border-box;
|
|
|
|
- padding: 10px 15px;
|
|
|
|
-}
|
|
|
|
-</style>
|
|
|