laser_v1/components/upload-Pointclound/index.js

(() => {
    Vue.component('uploadPointclound', {
        props: [],
        name: 'uploadPointclound',
        template: `<div id="uploadBox" >
                    <h4>添加数据集 </h4>
                    <div class="selectBox">
                        <el-select v-model="value" filterable @click.native="options = dataList" :filter-method="searchScene" placeholder="请选择">
                            <el-option v-for="item in options" :key="item.id" :label="item.title" :value="item.id">
                                <div class="sceneName">
                                    <p class="code">{{item.title}}</p>
                                    <span class="name">数据集：{{item.id}}</span>
                                </div>

                            </el-option>
                        </el-select>

                    </div>
                    <div class="uploadBtn" @click="openUpload" :class="{disabled:value==''}">
                        <i class="fa fa-plus ng-scope"></i>&nbsp;&nbsp;添加到场景
                    </div>

                    <p class="itemTitle">已添加的数据集 </p>
                    <div class="listBox">
                        <ul class="sceneList">
                            <li class="sceneItem" v-for="i in 10">
                                <div class="sceneName">
                                    <p class="code">t-iksBApb</p>
                                    <span class="name">来自场景：港2</span>
                                </div>
                                <div class="scene_control">
                                   

                                    <el-popconfirm placement="top" title="是否要删除该数据集？" :hide-icon="true" @confirm="delConfirm">
                                        <el-button class="delBtn" title="删除" slot="reference"></el-button>
                                    </el-popconfirm>
                                    <!-- <div class="delBtn" title="删除"></div> -->
                                </div>
                            </li>
                        </ul>
                    </div>

                </div>`,
        data() {
            return {
                dataList: [],
                options: [{
                    id: 1,
                    name: "港2",
                }, {
                    id: 2,
                    name: "港2",
                }, {
                    id: 3,
                    name: "港2",
                }, {
                    id: 4,
                    name: "港2",
                }, {
                    id: 5,
                    name: "港2",
                }, {
                    id: 6,
                    title: "港2",
                }],
                value: '',
            }
        },
        methods: {

            getSceneData() {
                let params = {
                    "pageNum": 0,
                    "pageSize": 12,
                    "searchKey": "",
                    "userId": 477
                }
                axios.post(`/indoor/scene/list`, params).then(res => {
                    console.log(res)
                    this.dataList = res.data.data.content
                    this.options = res.data.data.content
                }).catch(err => {

                })
            },
            searchScene(e) {
                console.log(e)
                let res = this.dataList.filter(i => {
                    if (i.id.indexOf(e) != -1 || i.title.indexOf(e) != -1) {
                        return i
                    }
                })
                console.log(res)
                this.options = res

            },
            openUpload() {
                // 

                this.$parent.showLoading()

                axios.post(`/indoor/${sceneNum}/api/merge/${this.value}`).then(res => {
                    this.$parent.hideLoading()
                    this.value = ''
                    if (res.data.code == 0) {
                        this.$message({
                            message: '数据集添加成功',
                            type: 'success',
                            duration: 2000,
                        });
                        IV.api.AuthenticationService.sendAuthenticationChanged()
                    } else {
                        this.$message({
                            message: '数据集添加失败',
                            type: 'error',
                            duration: 2000,
                        });
                    }

                }).catch(err => {
                    this.value = ''
                    this.$parent.hideLoading()
                    this.$message({
                        message: '数据集添加失败',
                        type: 'error',
                        duration: 2000,
                    });

                })


            },
            delConfirm() {
                console.log(1)
            },

        },
        computed: {

        },
        destroyed() {

        },
        mounted() {
            // window.eventBus.off('openMap', openMap);
            // window.eventBus.on('openMap', openMap);

            // function openMap() {
            //     IV.swapScenes()
            // }
            this.getSceneData()
        },
    })
})();