<template>
  <ht-dialog
      :single="single"
      :data="data"
      :table-columns="tableColumns"
      :pagination="pagination"
      search-placeholder="名称或别名"
      dialog-title="模块对话框"
      quick-search-props="relName,relCode"
      :destroy-on-close="destroyOnClose"
      @load="handleLoad"
      @onConfirm="onConfirm"
      ref="htDialog"
      :append-to-body='true'
  />
</template>

<script>
  import portal from "@/api/portal.js";
  export default {
    name: "eip-custom-view-dialog",
    props: {
      value: Array,
      name: String,
      single: Boolean,
      destroyOnClose:{
        type: Boolean,
        default: false
      }
    },
    data() {
      return {
        data: [],
        tableColumns: [
          { prop: "name", label: "名称" },
          { prop: "relCode", label: "编码" },
          { prop: "creator", label: "创建者" }
        ],
        pagination: {
          page: 1,
          pageSize: 50,
          total: 0
        }
      };
    },
    methods: {
      showDialog(data) {
        this.$refs.htDialog.showDialog(data);
      },
      handleLoad(param, cb) {
        portal.getSysModuleJson(param)
          .then(data => {
            this.data = data.rows;
            this.pagination.page = data.page;
            this.pagination.pageSize = data.pageSize;
            this.pagination.total = data.total;
            cb();
          })
          .catch(err => {
            cb();
          });
      },
      onConfirm(selection) {
        this.$emit("onConfirm", selection,this.name);
        this.$emit("input", selection);
      }
    }
  }
</script>

<style scoped>

</style>
