<template>
  <!-- 节点配置-->
  <div align="center">
    <el-drawer :visible.sync="disp.findFlag" direction="rtl" title="配置信息" append-to-body size="60%">
      <div style="padding-left: 20px;padding-right: 20px;">

        <span v-if="node.type === 'table'">
          <TableFind :disp="disp" />
        </span>
        <span v-else-if="node.type === 'exportation'">
          <ExporFind :disp="disp" :data="data" :node="node" />
        </span>

        <br><br>
        <div align="center">
          <el-button @click="disp.findFlag = false">确认</el-button>
          <el-button type="primary" @click="editDisposition">修改配置</el-button>
        </div>
      </div>
    </el-drawer>
  </div>
</template>

<script>
// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
// 例如：import 《组件名称》 from '《组件路径》,
import TableFind from './type/tableFind.vue'
import ExporFind from "./type/exporFind.vue";


export default {
  // import引入的组件需要注入到对象中才能使用"
  name: 'type-table',
  components: {ExporFind, TableFind},
  props: {
    data: {},
    node: {},
    disp: {
      nodeCode: undefined,
      nodeType: undefined,
      findFlag: false,
      updFlag: false,
      formData: {
        db: {},
        fields: []
      }
    }
  },
  data() {
    // 这里存放数据"
    return {
      xx: ''
    }
  },
  // 计算属性 类似于data概念",
  computed: {},
  // 生命周期 - 创建完成（可以访问当前this实例）",
  created() {

  },
  // 方法集合",
  methods: {
    editDisposition() {
      this.disp.updFlag = true
    },
  }
}
</script>
<style scoped>

</style>
