el-ui 弹窗加上多选框，点击多选框后弹窗会关闭

在ECharts的UI组件库`el-ui`中，如果你想创建一个带有多选框的弹窗，并且当用户选择多选框后弹窗自动关闭，你可以这样做：

首先，在`el-dialog`（ECharts的对话框组件）中添加一个`el-checkbox-group`作为多选部分，例如：

<template>
  <el-dialog
    title="选择项"
    :visible.sync="dialogVisible"
    width="40%"
    @close="handleClose">
    <div>
      <el-checkbox-group v-model="selectedOptions">
        <el-checkbox label="选项一" /> <!-- 根据需要添加更多选项 -->
        <el-checkbox label="选项二" />
        <!-- ... -->
      </el-checkbox-group>
    </div>
    <span slot="footer" class="dialog-footer">
      <el-button type="primary" @click="handleClose">确定</el-button>
      <el-button @click="dialogVisible = false">取消</el-button>
    </span>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      selectedOptions: [], // 存储用户的多选结果
    };
  },
  methods: {
    handleClose() {
      if (this.selectedOptions.length > 0) { // 如果有选择，则关闭对话框
        this.dialogVisible = false;
      }
    },
  },
};
</script>

在这个例子中，当你点击“确定”按钮时，`handleClose`方法会被触发，如果选择了多个选项（`selectedOptions.length > 0`），则会关闭弹窗。