短信模板管理

luobisheng

2022-11-11 0dd7cf81c9d5ea63360e3f35df67bcb1baadc03e

 src/views/operate/fivepack/threepack/components/aside/index.vue

@@ -2,61 +2,32 @@
    <div class="aside">
        <div class="title">组织机构</div>
        <div class="input">
            <el-input placeholder="输入组织机构名称"></el-input>
            <el-input placeholder="输入组织机构名称" v-model="searchArea"></el-input>
        </div>
        <div class="menu">
            <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
            <el-tree :data="areaData" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
        </div>
    </div>
</template>
<script>

export default {
    data() {
        return {
            data: [{
                label: '一级 1',
                children: [{
                    label: '二级 1-1',
                    children: [{
                        label: '三级 1-1-1'
                    }]
                }]
            }, {
                label: '一级 2',
                children: [{
                    label: '二级 2-1',
                    children: [{
                        label: '三级 2-1-1'
                    }]
                }, {
                    label: '二级 2-2',
                    children: [{
                        label: '三级 2-2-1'
                    }]
                }]
            }, {
                label: '一级 3',
                children: [{
                    label: '二级 3-1',
                    children: [{
                        label: '三级 3-1-1'
                    }]
                }, {
                    label: '二级 3-2',
                    children: [{
                        label: '三级 3-2-1'
                    }]
                }]
            }],
            defaultProps: {
                children: 'children',
                label: 'label'
            }
          searchArea: null,
          areaData: [],
          defaultProps: {
              children: 'children',
              label: 'label'
          }
        };
    },
    methods: {

    created() {
    },

  methods: {
        handleNodeClick(data) {
            console.log(data);
        }
    }
};