industry-data-platform/industry-admin/src/views/source/itemGroup/chooseModel.vue

<template>
    <!-- 选择表达式 -->
    <el-dialog :title="title" width="500px" top="10vh" center v-if="visible" :before-close="dialogClose"
        :visible.sync="visible" :close-on-click-modal="false" :append-to-body="true">
        <el-select v-model="chooseDataModelId" filterable clearable placeholder="请选择表达式" style="width: 100%">
            <el-option v-for="(item, index) in this.dataModelList" :key="index" :label="item.remark" :value="item.id">
            </el-option>
        </el-select>
        <div style="width: 100%; text-align: right; margin-top: 20px">
            <el-button type="primary" @click="saveDataModelEvent" size="mini">确定</el-button>
            <el-button @click="dialogClose" size="mini">取消</el-button>
        </div>
    </el-dialog>
</template>

<script>
export default {
    data() {
        return {
            visible: false,
            title: '选择表达式',
            itemNameList: [],
            chooseDataModelId: null,
            dataModelList: []
        }
    },
    methods: {
        /** 关闭弹出层 */
        dialogClose() {
            this.chooseDataModel = null
            this.visible = false
        },
        /** 保存数据模型事件 */
        saveDataModelEvent() {
            this.$emit('saveDataModelEvent', this.itemNameList, this.chooseDataModelId)
            this.dialogClose()
        }
    }
}
</script>