From 687c1eebbda844fd5b2844b659b6e177dd885d7c Mon Sep 17 00:00:00 2001
From: wangchengming <15110151257@163.com>
Date: Sat, 21 Jun 2025 19:14:32 +0800
Subject: [PATCH] 1

---
 .../dataSearch/applicationlibrary/index.vue   | 328 +++++++++++++++++
 .../dataSearch/integrationlibrary/index.vue   | 328 +++++++++++++++++
 src/views/dataSearch/sourceDatabase/index.vue | 329 ++++++++++++++++++
 3 files changed, 985 insertions(+)
 create mode 100644 src/views/dataSearch/applicationlibrary/index.vue
 create mode 100644 src/views/dataSearch/integrationlibrary/index.vue
 create mode 100644 src/views/dataSearch/sourceDatabase/index.vue

diff --git a/src/views/dataSearch/applicationlibrary/index.vue b/src/views/dataSearch/applicationlibrary/index.vue
new file mode 100644
index 0000000..1a8694b
--- /dev/null
+++ b/src/views/dataSearch/applicationlibrary/index.vue
@@ -0,0 +1,328 @@
+<template>
+  <a-card :bordered="false">
+    <!-- 查询区域 -->
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline">
+        <a-row :gutter="30">
+          <a-col :md="20">
+            <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
+            </span>
+          </a-col>
+        </a-row>
+        <a-row :gutter="24">
+          <a-col :md="4" :sm="4">
+            <a-form-item label="数据类型">
+              <a-select placeholder="选择数据类型" option-filter-prop="children" v-model="queryParam.schemaMass"
+                @change="handleTypeChange">
+                <a-select-option v-for="d in dataTypedataSources" :key="d.cnName">
+                  {{ d.cnName }}
+                </a-select-option>
+              </a-select>
+            </a-form-item>
+          </a-col>
+          <a-col :md="4" :sm="4">
+            <a-form-item label="任务">
+              <a-select placeholder="选择任务" option-filter-prop="children" v-model="activeTaskId"
+                @change="handleTaskChange">
+                <a-select-option v-for="d in allTask" :key="d.id">
+                  {{ d.name }}
+                </a-select-option>
+              </a-select>
+            </a-form-item>
+          </a-col>
+          <a-col :md="8" :sm="8">
+            <a-form-item label="时间范围">
+              <!-- <a-range-picker :default-value="defaultTime" show-time :show-time="{ format: 'HH:mm:ss' }"
+                :format="dateFormat" @change="onChangeTime" /> -->
+              <a-range-picker :show-time="{ format: 'HH:mm:ss' }" v-model="defaultTime" format="YYYY-MM-DD HH:mm:ss"
+                @change="onChangeTime" />
+            </a-form-item>
+          </a-col>
+          <a-col :md="5" :sm="5">
+            <a-form-item label="关键词">
+              <a-input placeholder="请输入搜索关键词" v-model="queryParam.massKey"></a-input>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <a-row :gutter="24">
+          <a-col :md="24" :sm="24" style="text-align: right;">
+            <a-button @click="getTableDataList" type="primary">查询</a-button>&nbsp;
+            <a-button @click="exportTool" type="primary">导出dmp</a-button>&nbsp;
+            <a-button @click="handleAdd" type="primary">导出csv、txt</a-button>&nbsp;
+            <a-button @click="openexptable" type="primary">导出日志</a-button>
+          </a-col>
+        </a-row>
+      </a-form>
+    </div>
+
+    <a-row :gutter="30" style="padding: 0 10px;">
+      <a-col :md="6">
+        <div class="linese"></div>
+        <!-- 分类区域 -->
+        <div style="height:calc(100vh - 366px);overflow: auto;background: #e6e9f1;padding:10px;" ref="treeContainer">
+          <a-tree :tree-data="treeDate" @select="onSelect" />
+        </div>
+        <div class="linese"></div>
+      </a-col>
+      <a-col :md="18">
+        <div class="linese"></div>
+        <!-- 表格区域 -->
+        <div style="height:calc(100vh - 420px);background: #e6e9f1;overflow:hidden;padding: 15px;">
+          <a-table size="middle" bordered :columns="columns" :data-source="dataSource" :loading="loading"
+            :pagination="pagination" :scroll="{ x: 1200, y: 'calc(100vh - 450px)' }" rowKey="序号"
+            @change="handleTableChange">
+            <template slot="operation" slot-scope="text, record">
+              <a-button type="primary" @click="handelEdit(record)">编辑</a-button>
+            </template>
+          </a-table>
+        </div>
+        <div class="linese"></div>
+      </a-col>
+    </a-row>
+    <tablelist ref="modalForm"></tablelist>
+    <exptable ref="exptable"></exptable>
+    <editdataseach ref="editdataseachForm" @ok="getTableDataList" />
+  </a-card>
+</template>
+<script>
+import { metaDataTypeTree, tableDataList, DmExportTool } from '@/api/metaData'
+import { getAction, deleteAction, putAction, postAction, downFile } from '@/api/manage'
+import { getAllTask } from '@/api/task'
+import moment from 'moment';
+import tablelist from '../../data/modules/tablelist.vue'
+import exptable from '../../data/modules/exptable.vue'
+import editdataseach from '../../data/modules/editdataseach.vue' 
+
+export default {
+  name: "metadata",
+  components: {
+    tablelist,
+    exptable,
+    editdataseach
+  },
+  data() {
+    return {
+      moment,
+      dateFormat: 'YYYY-MM-DD HH:mm:ss',
+      defaultTime: [],
+      loading: false,
+      allTask: [],
+      activeTaskId: null,
+      // 查询条件
+      queryParam: {
+        sourceType: 2,
+        schemaMass: null,
+        massKey: null
+      },
+      pagination: {
+        defaultCurrent: 1, // 默认当前页数
+        defaultPageSize: 10, // 默认当前页显示数据的大小total: 0, // 总数，必须先有
+        showSizeChanger: true,
+        showQuickJumper: false,
+        pageSizeOptions: ['10', '20', '30'],
+        showTotal: total => `总共 ${total} 个项目`, // 显示总数
+        onShowSizeChange: (current, pageSize) => (this.pageSize = pageSize)
+      },
+      tableParams: {
+        schemaMass: null,
+        tableName: null,
+        startTime: null,
+        endTime: null,
+        pageSize: 10,
+        pageNum: 1
+      },
+      treeDate: [],
+      dataSource: [],
+      columns: [],
+      dataTypedataSources: [],
+      treeHeight: 0
+    }
+  },
+  watch: {
+    'queryParam.massKey'(value) {
+      this.queryParam.massKey = value
+      this.getMetaDataTypeTree()
+    }
+  },
+  mounted() {
+    this.calculateScrollY();
+  },
+  computed: {
+
+  },
+  created() {
+    this.getselect()
+    this.queryAllTask()
+    // this.initDate() 
+  },
+  methods: {
+    queryAllTask() {
+      getAllTask().then(res => {
+        console.log('res', res)
+        if (res.success) {
+          this.allTask = res.result
+          if (res.result.length > 0) {
+            this.activeTaskId = res.result[0].id
+            const start = moment(res.result[0].startTime)
+            const end = moment(res.result[0].endTime)
+            this.defaultTime.push(start, end)
+            this.tableParams.startTime = start.format(this.dateFormat);
+            this.tableParams.endTime = end.format(this.dateFormat)
+          }
+        } else {
+          this.$message.warning(res.message);
+        }
+      })
+    },
+    handleTaskChange(value) {
+      var curTask = this.allTask.filter(item => item.id == value)[0]
+      if (curTask) { 
+        const start = moment(curTask.startTime)
+        const end = moment(curTask.endTime)
+        this.defaultTime=[start, end]
+        this.tableParams.startTime = start.format(this.dateFormat);
+        this.tableParams.endTime = end.format(this.dateFormat)
+      } 
+    },
+    calculateScrollY() {
+      // 获取父容器高度（需减去表格内其他元素的高度，如分页栏）
+      const container = this.$refs.treeContainer;
+      this.treeHeight = container.clientHeight;
+    },
+    getselect() {
+      getAction("/dataType/getExistingDataTypes", {}).then((res) => {
+        if (res.success) {
+          this.dataTypedataSources = res.result.result.DATA_CONN_STANDARD
+          if (res.result.result.DATA_CONN_STANDARD.length > 0) {
+            this.queryParam.schemaMass = res.result.result.DATA_CONN_STANDARD[0].cnName
+          }
+          this.getMetaDataTypeTree();
+        } else {
+          this.$message.warning(res.message);
+        }
+      });
+    },
+    handleAdd() {
+      if (this.queryParam.schemaMass == "") {
+        this.$message.warning("请选择导出的数据类型");
+        return;
+      }
+      this.$refs.modalForm.add(this.queryParam.schemaMass);
+    },
+    openexptable() {
+      if (this.queryParam.schemaMass == "") {
+        this.$message.warning("请选择查询的导出的数据类型");
+        return;
+      }
+      this.$refs.exptable.add(this.queryParam.schemaMass);
+    },
+    getMetaDataTypeTree() {
+      metaDataTypeTree(this.queryParam).then(res => {
+        if (res.code == 200) {
+          this.treeDate = []
+          var keys = Object.keys(res.result)
+          keys.forEach((element, index) => {
+            const _children = res.result[element]
+            var childrenList = []
+            _children.forEach((childrenNode, chil) => {
+              childrenList.push({
+                key: childrenNode.tableName,
+                type: 'childern',
+                title: childrenNode.massName
+              })
+            });
+            this.treeDate.push({
+              key: 'type_' + index,
+              type: 'parentType',
+              title: element,
+              children: childrenList
+            })
+          });
+        }
+      })
+    },
+    handleTypeChange(value) {
+      this.queryParam.schemaMass = value
+      this.getMetaDataTypeTree()
+    },
+    onSelect(selectedKeys, info) {
+      if (info.node.dataRef.type && info.node.dataRef.type == 'childern') {
+        this.tableParams.schemaMass = info.node.$parent.dataRef.title
+        this.tableParams.tableName = info.node.dataRef.key
+        this.getTableDataList()
+      }
+    },
+    handleTableChange(pagination, filters, sorter) {
+      this.pagination = pagination
+      this.tableParams.pageNum = pagination.current
+      this.tableParams.pageSize = pagination.pageSize
+      this.getTableDataList()
+    },
+    onChangeTime(date, dateString) {
+      if (date.length == 0) {
+        this.tableParams.startTime = null
+        this.tableParams.endTime = null
+        this.tableParams.pageNum = 1
+      } else {
+        this.tableParams.startTime = moment(date[0]).format(this.dateFormat);
+        this.tableParams.endTime = moment(date[1]).format(this.dateFormat);
+        this.tableParams.pageNum = 1
+      }
+    },
+    handelEdit(record) {
+      const filteredColumn = this.columns.filter(item => item.dataIndex != 'operation' && item.dataIndex != 'ROW_ID');
+      delete record['ROW_ID'];
+      this.$refs.editdataseachForm.initForm(this.tableParams.schemaMass, this.tableParams.tableName, filteredColumn, record);
+    },
+    getTableDataList() {
+      console.log(this.tableParams)
+      if (this.tableParams.schemaMass == null || this.tableParams.tableName == null) {
+        this.$message.warning('必须选择查询的表')
+        return
+      }
+      tableDataList(this.tableParams).then(res => {
+        if (res.code == 200) {
+          this.columns = []
+          if (res.result.columnNames.length > 0) {
+            res.result.columnNames.forEach(columns => {
+              this.columns.push({
+                title: columns,
+                dataIndex: columns,
+                ellipsis: true,
+                width: 180
+              })
+            })
+            this.columns.push({
+              fixed: 'right',
+              align: 'center',
+              width: 100,
+              title: '操作',
+              dataIndex: 'operation',
+              scopedSlots: { customRender: 'operation' },
+            })
+          }
+
+          const pagination = { ...this.pagination }
+          pagination.total = res.result.total
+          this.dataSource = res.result.rows
+          this.pagination = pagination
+        }
+
+      })
+    },
+    exportTool() {
+      if (this.queryParam.schemaMass == "") {
+        this.$message.warning("请选择导出的数据类型");
+        return;
+      }
+      postAction("/dataManager/DmExportTool?schemaMass=" + this.queryParam.schemaMass + "&tableNames=" + "" + "&exportType=0", {}).then(res => {
+        if (res.code == 200) {
+          this.$message.success(res.result);
+        } else {
+          this.$message.warning(res.message)
+        }
+      })
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/views/dataSearch/integrationlibrary/index.vue b/src/views/dataSearch/integrationlibrary/index.vue
new file mode 100644
index 0000000..1a8694b
--- /dev/null
+++ b/src/views/dataSearch/integrationlibrary/index.vue
@@ -0,0 +1,328 @@
+<template>
+  <a-card :bordered="false">
+    <!-- 查询区域 -->
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline">
+        <a-row :gutter="30">
+          <a-col :md="20">
+            <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
+            </span>
+          </a-col>
+        </a-row>
+        <a-row :gutter="24">
+          <a-col :md="4" :sm="4">
+            <a-form-item label="数据类型">
+              <a-select placeholder="选择数据类型" option-filter-prop="children" v-model="queryParam.schemaMass"
+                @change="handleTypeChange">
+                <a-select-option v-for="d in dataTypedataSources" :key="d.cnName">
+                  {{ d.cnName }}
+                </a-select-option>
+              </a-select>
+            </a-form-item>
+          </a-col>
+          <a-col :md="4" :sm="4">
+            <a-form-item label="任务">
+              <a-select placeholder="选择任务" option-filter-prop="children" v-model="activeTaskId"
+                @change="handleTaskChange">
+                <a-select-option v-for="d in allTask" :key="d.id">
+                  {{ d.name }}
+                </a-select-option>
+              </a-select>
+            </a-form-item>
+          </a-col>
+          <a-col :md="8" :sm="8">
+            <a-form-item label="时间范围">
+              <!-- <a-range-picker :default-value="defaultTime" show-time :show-time="{ format: 'HH:mm:ss' }"
+                :format="dateFormat" @change="onChangeTime" /> -->
+              <a-range-picker :show-time="{ format: 'HH:mm:ss' }" v-model="defaultTime" format="YYYY-MM-DD HH:mm:ss"
+                @change="onChangeTime" />
+            </a-form-item>
+          </a-col>
+          <a-col :md="5" :sm="5">
+            <a-form-item label="关键词">
+              <a-input placeholder="请输入搜索关键词" v-model="queryParam.massKey"></a-input>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <a-row :gutter="24">
+          <a-col :md="24" :sm="24" style="text-align: right;">
+            <a-button @click="getTableDataList" type="primary">查询</a-button>&nbsp;
+            <a-button @click="exportTool" type="primary">导出dmp</a-button>&nbsp;
+            <a-button @click="handleAdd" type="primary">导出csv、txt</a-button>&nbsp;
+            <a-button @click="openexptable" type="primary">导出日志</a-button>
+          </a-col>
+        </a-row>
+      </a-form>
+    </div>
+
+    <a-row :gutter="30" style="padding: 0 10px;">
+      <a-col :md="6">
+        <div class="linese"></div>
+        <!-- 分类区域 -->
+        <div style="height:calc(100vh - 366px);overflow: auto;background: #e6e9f1;padding:10px;" ref="treeContainer">
+          <a-tree :tree-data="treeDate" @select="onSelect" />
+        </div>
+        <div class="linese"></div>
+      </a-col>
+      <a-col :md="18">
+        <div class="linese"></div>
+        <!-- 表格区域 -->
+        <div style="height:calc(100vh - 420px);background: #e6e9f1;overflow:hidden;padding: 15px;">
+          <a-table size="middle" bordered :columns="columns" :data-source="dataSource" :loading="loading"
+            :pagination="pagination" :scroll="{ x: 1200, y: 'calc(100vh - 450px)' }" rowKey="序号"
+            @change="handleTableChange">
+            <template slot="operation" slot-scope="text, record">
+              <a-button type="primary" @click="handelEdit(record)">编辑</a-button>
+            </template>
+          </a-table>
+        </div>
+        <div class="linese"></div>
+      </a-col>
+    </a-row>
+    <tablelist ref="modalForm"></tablelist>
+    <exptable ref="exptable"></exptable>
+    <editdataseach ref="editdataseachForm" @ok="getTableDataList" />
+  </a-card>
+</template>
+<script>
+import { metaDataTypeTree, tableDataList, DmExportTool } from '@/api/metaData'
+import { getAction, deleteAction, putAction, postAction, downFile } from '@/api/manage'
+import { getAllTask } from '@/api/task'
+import moment from 'moment';
+import tablelist from '../../data/modules/tablelist.vue'
+import exptable from '../../data/modules/exptable.vue'
+import editdataseach from '../../data/modules/editdataseach.vue' 
+
+export default {
+  name: "metadata",
+  components: {
+    tablelist,
+    exptable,
+    editdataseach
+  },
+  data() {
+    return {
+      moment,
+      dateFormat: 'YYYY-MM-DD HH:mm:ss',
+      defaultTime: [],
+      loading: false,
+      allTask: [],
+      activeTaskId: null,
+      // 查询条件
+      queryParam: {
+        sourceType: 2,
+        schemaMass: null,
+        massKey: null
+      },
+      pagination: {
+        defaultCurrent: 1, // 默认当前页数
+        defaultPageSize: 10, // 默认当前页显示数据的大小total: 0, // 总数，必须先有
+        showSizeChanger: true,
+        showQuickJumper: false,
+        pageSizeOptions: ['10', '20', '30'],
+        showTotal: total => `总共 ${total} 个项目`, // 显示总数
+        onShowSizeChange: (current, pageSize) => (this.pageSize = pageSize)
+      },
+      tableParams: {
+        schemaMass: null,
+        tableName: null,
+        startTime: null,
+        endTime: null,
+        pageSize: 10,
+        pageNum: 1
+      },
+      treeDate: [],
+      dataSource: [],
+      columns: [],
+      dataTypedataSources: [],
+      treeHeight: 0
+    }
+  },
+  watch: {
+    'queryParam.massKey'(value) {
+      this.queryParam.massKey = value
+      this.getMetaDataTypeTree()
+    }
+  },
+  mounted() {
+    this.calculateScrollY();
+  },
+  computed: {
+
+  },
+  created() {
+    this.getselect()
+    this.queryAllTask()
+    // this.initDate() 
+  },
+  methods: {
+    queryAllTask() {
+      getAllTask().then(res => {
+        console.log('res', res)
+        if (res.success) {
+          this.allTask = res.result
+          if (res.result.length > 0) {
+            this.activeTaskId = res.result[0].id
+            const start = moment(res.result[0].startTime)
+            const end = moment(res.result[0].endTime)
+            this.defaultTime.push(start, end)
+            this.tableParams.startTime = start.format(this.dateFormat);
+            this.tableParams.endTime = end.format(this.dateFormat)
+          }
+        } else {
+          this.$message.warning(res.message);
+        }
+      })
+    },
+    handleTaskChange(value) {
+      var curTask = this.allTask.filter(item => item.id == value)[0]
+      if (curTask) { 
+        const start = moment(curTask.startTime)
+        const end = moment(curTask.endTime)
+        this.defaultTime=[start, end]
+        this.tableParams.startTime = start.format(this.dateFormat);
+        this.tableParams.endTime = end.format(this.dateFormat)
+      } 
+    },
+    calculateScrollY() {
+      // 获取父容器高度（需减去表格内其他元素的高度，如分页栏）
+      const container = this.$refs.treeContainer;
+      this.treeHeight = container.clientHeight;
+    },
+    getselect() {
+      getAction("/dataType/getExistingDataTypes", {}).then((res) => {
+        if (res.success) {
+          this.dataTypedataSources = res.result.result.DATA_CONN_STANDARD
+          if (res.result.result.DATA_CONN_STANDARD.length > 0) {
+            this.queryParam.schemaMass = res.result.result.DATA_CONN_STANDARD[0].cnName
+          }
+          this.getMetaDataTypeTree();
+        } else {
+          this.$message.warning(res.message);
+        }
+      });
+    },
+    handleAdd() {
+      if (this.queryParam.schemaMass == "") {
+        this.$message.warning("请选择导出的数据类型");
+        return;
+      }
+      this.$refs.modalForm.add(this.queryParam.schemaMass);
+    },
+    openexptable() {
+      if (this.queryParam.schemaMass == "") {
+        this.$message.warning("请选择查询的导出的数据类型");
+        return;
+      }
+      this.$refs.exptable.add(this.queryParam.schemaMass);
+    },
+    getMetaDataTypeTree() {
+      metaDataTypeTree(this.queryParam).then(res => {
+        if (res.code == 200) {
+          this.treeDate = []
+          var keys = Object.keys(res.result)
+          keys.forEach((element, index) => {
+            const _children = res.result[element]
+            var childrenList = []
+            _children.forEach((childrenNode, chil) => {
+              childrenList.push({
+                key: childrenNode.tableName,
+                type: 'childern',
+                title: childrenNode.massName
+              })
+            });
+            this.treeDate.push({
+              key: 'type_' + index,
+              type: 'parentType',
+              title: element,
+              children: childrenList
+            })
+          });
+        }
+      })
+    },
+    handleTypeChange(value) {
+      this.queryParam.schemaMass = value
+      this.getMetaDataTypeTree()
+    },
+    onSelect(selectedKeys, info) {
+      if (info.node.dataRef.type && info.node.dataRef.type == 'childern') {
+        this.tableParams.schemaMass = info.node.$parent.dataRef.title
+        this.tableParams.tableName = info.node.dataRef.key
+        this.getTableDataList()
+      }
+    },
+    handleTableChange(pagination, filters, sorter) {
+      this.pagination = pagination
+      this.tableParams.pageNum = pagination.current
+      this.tableParams.pageSize = pagination.pageSize
+      this.getTableDataList()
+    },
+    onChangeTime(date, dateString) {
+      if (date.length == 0) {
+        this.tableParams.startTime = null
+        this.tableParams.endTime = null
+        this.tableParams.pageNum = 1
+      } else {
+        this.tableParams.startTime = moment(date[0]).format(this.dateFormat);
+        this.tableParams.endTime = moment(date[1]).format(this.dateFormat);
+        this.tableParams.pageNum = 1
+      }
+    },
+    handelEdit(record) {
+      const filteredColumn = this.columns.filter(item => item.dataIndex != 'operation' && item.dataIndex != 'ROW_ID');
+      delete record['ROW_ID'];
+      this.$refs.editdataseachForm.initForm(this.tableParams.schemaMass, this.tableParams.tableName, filteredColumn, record);
+    },
+    getTableDataList() {
+      console.log(this.tableParams)
+      if (this.tableParams.schemaMass == null || this.tableParams.tableName == null) {
+        this.$message.warning('必须选择查询的表')
+        return
+      }
+      tableDataList(this.tableParams).then(res => {
+        if (res.code == 200) {
+          this.columns = []
+          if (res.result.columnNames.length > 0) {
+            res.result.columnNames.forEach(columns => {
+              this.columns.push({
+                title: columns,
+                dataIndex: columns,
+                ellipsis: true,
+                width: 180
+              })
+            })
+            this.columns.push({
+              fixed: 'right',
+              align: 'center',
+              width: 100,
+              title: '操作',
+              dataIndex: 'operation',
+              scopedSlots: { customRender: 'operation' },
+            })
+          }
+
+          const pagination = { ...this.pagination }
+          pagination.total = res.result.total
+          this.dataSource = res.result.rows
+          this.pagination = pagination
+        }
+
+      })
+    },
+    exportTool() {
+      if (this.queryParam.schemaMass == "") {
+        this.$message.warning("请选择导出的数据类型");
+        return;
+      }
+      postAction("/dataManager/DmExportTool?schemaMass=" + this.queryParam.schemaMass + "&tableNames=" + "" + "&exportType=0", {}).then(res => {
+        if (res.code == 200) {
+          this.$message.success(res.result);
+        } else {
+          this.$message.warning(res.message)
+        }
+      })
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/views/dataSearch/sourceDatabase/index.vue b/src/views/dataSearch/sourceDatabase/index.vue
new file mode 100644
index 0000000..2010372
--- /dev/null
+++ b/src/views/dataSearch/sourceDatabase/index.vue
@@ -0,0 +1,329 @@
+<template>
+  <a-card :bordered="false">
+    <!-- 查询区域 -->
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline">
+        <a-row :gutter="30">
+          <a-col :md="20">
+            <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
+            </span>
+          </a-col>
+        </a-row>
+        <a-row :gutter="24">
+          <a-col :md="4" :sm="4">
+            <a-form-item label="数据类型">
+              <a-select placeholder="选择数据类型" option-filter-prop="children" v-model="queryParam.schemaMass"
+                @change="handleTypeChange">
+                <a-select-option v-for="d in dataTypedataSources" :key="d.cnName">
+                  {{ d.cnName }}
+                </a-select-option>
+              </a-select>
+            </a-form-item>
+          </a-col>
+          <a-col :md="4" :sm="4">
+            <a-form-item label="任务">
+              <a-select placeholder="选择任务" option-filter-prop="children" v-model="activeTaskId"
+                @change="handleTaskChange">
+                <a-select-option v-for="d in allTask" :key="d.id">
+                  {{ d.name }}
+                </a-select-option>
+              </a-select>
+            </a-form-item>
+          </a-col>
+          <a-col :md="8" :sm="8">
+            <a-form-item label="时间范围">
+              <!-- <a-range-picker :default-value="defaultTime" show-time :show-time="{ format: 'HH:mm:ss' }"
+                :format="dateFormat" @change="onChangeTime" /> -->
+              <a-range-picker :show-time="{ format: 'HH:mm:ss' }" v-model="defaultTime" format="YYYY-MM-DD HH:mm:ss"
+                @change="onChangeTime" />
+            </a-form-item>
+          </a-col>
+          <a-col :md="5" :sm="5">
+            <a-form-item label="关键词">
+              <a-input placeholder="请输入搜索关键词" v-model="queryParam.massKey"></a-input>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <a-row :gutter="24">
+          <a-col :md="24" :sm="24" style="text-align: right;">
+            <a-button @click="getTableDataList" type="primary">查询</a-button>&nbsp;
+            <a-button @click="exportTool" type="primary">导出dmp</a-button>&nbsp;
+            <a-button @click="handleAdd" type="primary">导出csv、txt</a-button>&nbsp;
+            <a-button @click="openexptable" type="primary">导出日志</a-button>
+          </a-col>
+        </a-row>
+      </a-form>
+    </div>
+
+    <a-row :gutter="30" style="padding: 0 10px;">
+      <a-col :md="6">
+        <div class="linese"></div>
+        <!-- 分类区域 -->
+        <div style="height:calc(100vh - 366px);overflow: auto;background: #e6e9f1;padding:10px;" ref="treeContainer">
+          <a-tree :tree-data="treeDate" @select="onSelect" />
+        </div>
+        <div class="linese"></div>
+      </a-col>
+      <a-col :md="18">
+        <div class="linese"></div>
+        <!-- 表格区域 -->
+        <div style="height:calc(100vh - 420px);background: #e6e9f1;overflow:hidden;padding: 15px;">
+          <a-table size="middle" bordered :columns="columns" :data-source="dataSource" :loading="loading"
+            :pagination="pagination" :scroll="{ x: 1200, y: 'calc(100vh - 450px)' }" rowKey="序号"
+            @change="handleTableChange">
+            <template slot="operation" slot-scope="text, record">
+              <a-button type="primary" @click="handelEdit(record)">编辑</a-button>
+            </template>
+          </a-table>
+        </div>
+        <div class="linese"></div>
+      </a-col>
+    </a-row>
+    <tablelist ref="modalForm"></tablelist>
+    <exptable ref="exptable"></exptable>
+    <editdataseach ref="editdataseachForm" @ok="getTableDataList" />
+  </a-card>
+</template>
+<script>
+import { metaDataTypeTree, tableDataList, DmExportTool } from '@/api/metaData'
+import { getAction, deleteAction, putAction, postAction, downFile } from '@/api/manage'
+import { getAllTask } from '@/api/task'
+import moment from 'moment';
+import tablelist from '../../data/modules/tablelist.vue'
+import exptable from '../../data/modules/exptable.vue'
+import editdataseach from '../../data/modules/editdataseach.vue' 
+
+export default {
+  name: "metadata",
+  components: {
+    tablelist,
+    exptable,
+    editdataseach
+  },
+  data() {
+    return {
+      moment,
+      dateFormat: 'YYYY-MM-DD HH:mm:ss',
+      defaultTime: [],
+      loading: false,
+      allTask: [],
+      activeTaskId: null,
+      // 查询条件
+      queryParam: {
+        sourceType: 2,
+        schemaMass: null,
+        massKey: null
+      },
+      pagination: {
+        defaultCurrent: 1, // 默认当前页数
+        defaultPageSize: 10, // 默认当前页显示数据的大小total: 0, // 总数，必须先有
+        showSizeChanger: true,
+        showQuickJumper: false,
+        pageSizeOptions: ['10', '20', '30'],
+        showTotal: total => `总共 ${total} 个项目`, // 显示总数
+        onShowSizeChange: (current, pageSize) => (this.pageSize = pageSize)
+      },
+      tableParams: {
+        schemaMass: null,
+        tableName: null,
+        startTime: null,
+        endTime: null,
+        pageSize: 10,
+        pageNum: 1
+      },
+      treeDate: [],
+      dataSource: [],
+      columns: [],
+      dataTypedataSources: [],
+      treeHeight: 0
+    }
+  },
+  watch: {
+    'queryParam.massKey'(value) {
+      this.queryParam.massKey = value
+      this.getMetaDataTypeTree()
+    }
+  },
+  mounted() {
+    this.calculateScrollY();
+  },
+  computed: {
+
+  },
+  created() {
+    this.getselect()
+    this.queryAllTask()
+    // this.initDate() 
+  },
+  methods: {
+    queryAllTask() {
+      getAllTask().then(res => {
+        console.log('res', res)
+        if (res.success) {
+          this.allTask = res.result
+          if (res.result.length > 0) {
+            this.activeTaskId = res.result[0].id
+            const start = moment(res.result[0].startTime)
+            const end = moment(res.result[0].endTime)
+            this.defaultTime.push(start, end)
+            this.tableParams.startTime = start.format(this.dateFormat);
+            this.tableParams.endTime = end.format(this.dateFormat)
+          }
+        } else {
+          this.$message.warning(res.message);
+        }
+      })
+    },
+    handleTaskChange(value) {
+      var curTask = this.allTask.filter(item => item.id == value)[0]
+      if (curTask) { 
+        const start = moment(curTask.startTime)
+        const end = moment(curTask.endTime)
+        this.defaultTime=[start, end]
+        this.tableParams.startTime = start.format(this.dateFormat);
+        this.tableParams.endTime = end.format(this.dateFormat)
+      } 
+    },
+    calculateScrollY() {
+      // 获取父容器高度（需减去表格内其他元素的高度，如分页栏）
+      const container = this.$refs.treeContainer;
+      this.treeHeight = container.clientHeight;
+    },
+    getselect() {
+      getAction("/dataType/getExistingDataTypes", {}).then((res) => {
+        console.log('类型结果', res)
+        if (res.success) {
+          this.dataTypedataSources = res.result.result.DATA_CONN_STANDARD
+          if (res.result.result.DATA_CONN_STANDARD.length > 0) {
+            this.queryParam.schemaMass = res.result.result.DATA_CONN_STANDARD[0].cnName
+          }
+          this.getMetaDataTypeTree();
+        } else {
+          this.$message.warning(res.message);
+        }
+      });
+    },
+    handleAdd() {
+      if (this.queryParam.schemaMass == "") {
+        this.$message.warning("请选择导出的数据类型");
+        return;
+      }
+      this.$refs.modalForm.add(this.queryParam.schemaMass);
+    },
+    openexptable() {
+      if (this.queryParam.schemaMass == "") {
+        this.$message.warning("请选择查询的导出的数据类型");
+        return;
+      }
+      this.$refs.exptable.add(this.queryParam.schemaMass);
+    },
+    getMetaDataTypeTree() {
+      metaDataTypeTree(this.queryParam).then(res => {
+        if (res.code == 200) {
+          this.treeDate = []
+          var keys = Object.keys(res.result)
+          keys.forEach((element, index) => {
+            const _children = res.result[element]
+            var childrenList = []
+            _children.forEach((childrenNode, chil) => {
+              childrenList.push({
+                key: childrenNode.tableName,
+                type: 'childern',
+                title: childrenNode.massName
+              })
+            });
+            this.treeDate.push({
+              key: 'type_' + index,
+              type: 'parentType',
+              title: element,
+              children: childrenList
+            })
+          });
+        }
+      })
+    },
+    handleTypeChange(value) {
+      this.queryParam.schemaMass = value
+      this.getMetaDataTypeTree()
+    },
+    onSelect(selectedKeys, info) {
+      if (info.node.dataRef.type && info.node.dataRef.type == 'childern') {
+        this.tableParams.schemaMass = info.node.$parent.dataRef.title
+        this.tableParams.tableName = info.node.dataRef.key
+        this.getTableDataList()
+      }
+    },
+    handleTableChange(pagination, filters, sorter) {
+      this.pagination = pagination
+      this.tableParams.pageNum = pagination.current
+      this.tableParams.pageSize = pagination.pageSize
+      this.getTableDataList()
+    },
+    onChangeTime(date, dateString) {
+      if (date.length == 0) {
+        this.tableParams.startTime = null
+        this.tableParams.endTime = null
+        this.tableParams.pageNum = 1
+      } else {
+        this.tableParams.startTime = moment(date[0]).format(this.dateFormat);
+        this.tableParams.endTime = moment(date[1]).format(this.dateFormat);
+        this.tableParams.pageNum = 1
+      }
+    },
+    handelEdit(record) {
+      const filteredColumn = this.columns.filter(item => item.dataIndex != 'operation' && item.dataIndex != 'ROW_ID');
+      delete record['ROW_ID'];
+      this.$refs.editdataseachForm.initForm(this.tableParams.schemaMass, this.tableParams.tableName, filteredColumn, record);
+    },
+    getTableDataList() {
+      console.log(this.tableParams)
+      if (this.tableParams.schemaMass == null || this.tableParams.tableName == null) {
+        this.$message.warning('必须选择查询的表')
+        return
+      }
+      tableDataList(this.tableParams).then(res => {
+        if (res.code == 200) {
+          this.columns = []
+          if (res.result.columnNames.length > 0) {
+            res.result.columnNames.forEach(columns => {
+              this.columns.push({
+                title: columns,
+                dataIndex: columns,
+                ellipsis: true,
+                width: 180
+              })
+            })
+            this.columns.push({
+              fixed: 'right',
+              align: 'center',
+              width: 100,
+              title: '操作',
+              dataIndex: 'operation',
+              scopedSlots: { customRender: 'operation' },
+            })
+          }
+
+          const pagination = { ...this.pagination }
+          pagination.total = res.result.total
+          this.dataSource = res.result.rows
+          this.pagination = pagination
+        }
+
+      })
+    },
+    exportTool() {
+      if (this.queryParam.schemaMass == "") {
+        this.$message.warning("请选择导出的数据类型");
+        return;
+      }
+      postAction("/dataManager/DmExportTool?schemaMass=" + this.queryParam.schemaMass + "&tableNames=" + "" + "&exportType=0", {}).then(res => {
+        if (res.code == 200) {
+          this.$message.success(res.result);
+        } else {
+          this.$message.warning(res.message)
+        }
+      })
+    }
+  }
+}
+</script>
\ No newline at end of file