添加文件接引

src/api/dataManage.js

@@ -10,6 +10,7 @@ const updateIndexSafe = (params)=>postAction("/tableIndex/updateIndexSafe",param
 const dropIndex = (params)=>postAction("/tableIndex/dropIndex",params);
 const DmExportTool = (params)=>postAction("/dataManager/DmExportTool",params);
 const getExportLog = (params)=>getAction("/dataManager/getExportLog",params);
+const updateDmTableBySeqNo = (params)=>postAction("/dataManager/updateDmTableBySeqNo",params);
 
 export {
     getDataManagerInfo,
@@ -21,7 +22,8 @@ export {
     updateIndexSafe,
     dropIndex,
     DmExportTool,
-    getExportLog
+    getExportLog,
+    updateDmTableBySeqNo
 }
 
 

src/api/fileDataLink.js

@@ -5,12 +5,17 @@ const processFile = (params)=>postAction("/fileDataLink/processFile",params);
 const fileDataLinkDelete = (params)=>deleteAction("/fileDataLink/delete",params);
 const isDataLinkFileParsed = (params)=>getAction("/fileDataLink/isDataLinkFileParsed",params);
 const updateDmTableBySeqNo = (params)=>postAction("/fileDataLink/updateDmTableBySeqNo",params);
+const getSuccessTableInfo = (params)=>getAction("/fileDataLink/getSuccessTableInfo",params);
+const getTableDataByOri = (params)=>getAction("/fileDataLink/getTableDataByOri",params); 
+
 export {
     getFileLinkInfo,
     processFile,
     fileDataLinkDelete,
     isDataLinkFileParsed,
-    updateDmTableBySeqNo
+    updateDmTableBySeqNo,
+    getSuccessTableInfo,
+    getTableDataByOri
 }
 
 

src/views/data/dataSearch.vue

@@ -32,8 +32,8 @@
           </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"
+              <a-range-picker :default-value="defaultTime" show-time :show-time="{ format: 'HH:mm:ss' }"
-                @change="onChangeTime" />
+                :format="dateFormat" @change="onChangeTime" />
             </a-form-item>
           </a-col>
           <a-col :md="5" :sm="5">
@@ -272,7 +272,8 @@ export default {
       }
     },
     handelEdit(record) {
-      const filteredColumn = this.columns.filter(item => item.dataIndex != 'operation');
+      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() {

src/views/data/modules/editdataseach.vue

@@ -18,7 +18,7 @@
 </template>
 
 <script>
-import { updateDmTableBySeqNo } from '@/api/fileDataLink'
+import { updateDmTableBySeqNo } from '@/api/dataManage'
 
 export default {
     name: "editdataseach",

src/views/datalink/files.vue

@@ -0,0 +1,214 @@
+<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="6" :sm="6">
+                        <a-form-item label="模式名称">
+                            <a-select placeholder="选择模式" option-filter-prop="children" v-model="queryParam.schemaMass"
+                                @change="handleTypeChange">
+                                <a-select-option v-for="d in modeList" :key="d.id">
+                                    {{ d.value }}
+                                </a-select-option>
+                            </a-select>
+                        </a-form-item>
+                    </a-col>
+                    <a-col :md="6" :sm="6">
+                        <a-form-item label="表名称">
+                            <a-select placeholder="选择表" option-filter-prop="children" v-model="queryParam.tableName">
+                                <a-select-option v-for="d in tableNameList" :key="d.id">
+                                    {{ d.value }}
+                                </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-form-item>
+                    </a-col>
+                    <a-col :md="4" :sm="24">
+                        <a-button type="primary" style="left: 10px" @click="getTableDataList"
+                            icon="search">查询</a-button>
+                    </a-col>
+
+                </a-row>
+            </a-form>
+        </div>
+
+        <!-- table区域-begin -->
+        <div style="height:calc(100vh - 316px);overflow:hidden; background: #e6e9f1 !important;">
+            <div class="linese"></div>
+            <a-table size="middle" bordered :columns="columns" :data-source="dataSource" :loading="loading"
+                :pagination="pagination" :scroll="{ x: 1200, y: 'calc(100vh - 310px)' }" rowKey="序号"
+                @change="handleTableChange">
+                <template slot="operation" slot-scope="text, record">
+                    <a-button type="primary" @click="handelEdit(record)">编辑</a-button>
+                </template>
+            </a-table>
+            <div class="linese"></div>
+        </div>
+        <!-- table区域-end -->
+
+        <!-- 表单区域 -->
+        <filesModel ref="modalForm"></filesModel>
+    </a-card>
+</template>
+
+<script>
+import filesModel from './modules/filesModel'
+
+import {
+    getSuccessTableInfo,
+    getTableDataByOri, 
+} from '@/api/fileDataLink'
+import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+import JEllipsis from "@/components/jeecg/JEllipsis";
+import guaz from '@assets/guaz.png'
+import moment from 'moment';
+export default {
+    name: "filesList",
+    mixins: [JeecgListMixin],
+    components: {
+        filesModel,
+        JEllipsis,
+        VNodes: {
+            functional: true,
+            render: (h, ctx) => ctx.props.vnodes,
+        },
+    },
+    data() {
+        return {
+            moment,
+            dateFormat: 'YYYY-MM-DD HH:mm:ss',
+            defaultTime: [],
+            modeList: [],
+            tableNameList: [],
+            dataSources: [],
+            guaz,
+            pagination: {
+                defaultCurrent: 1, // 默认当前页数
+                defaultPageSize: 10, // 默认当前页显示数据的大小total: 0, // 总数，必须先有
+                showSizeChanger: true,
+                showQuickJumper: false,
+                pageSizeOptions: ['10', '20', '30'],
+                showTotal: total => `总共 ${total} 个项目`, // 显示总数
+                onShowSizeChange: (current, pageSize) => (this.pageSize = pageSize)
+            },
+            queryParam: {
+                schemaMass: null,
+                tableName: null,
+                startTime: null,
+                endTime: null,
+                pageSize: 10,
+                pageNum: 1
+            },
+            columns: []
+        }
+    },
+    computed: {
+    },
+    created() {
+        this.queryFiles();
+        this.initDate();
+    },
+    methods: {
+        initDate() {
+            const start = moment().subtract(1, 'days').set({ hour: 0, minute: 0, second: 0 });
+            const end = moment().set({ hour: 23, minute: 59, second: 59 });
+            this.defaultTime = [start, end];
+            this.queryParam.startTime = start.format(this.dateFormat);
+            this.queryParam.endTime = end.format(this.dateFormat);
+        },
+        queryFiles() {
+            getSuccessTableInfo().then(res => {
+                if (res.success) {
+                    this.modeList = []
+                    for (let key in res.result) {
+                        this.modeList.push({ id: key, value: key, children: res.result[key] })
+                    }
+                    console.log('sfaf', this.modeList)
+                }
+            })
+        },
+        handleTypeChange(value) {
+            this.queryParam.schemaMass = value
+            this.showTableName(value)
+        },
+        showTableName(value) {
+            this.tableNameList = []
+            var tableArr = this.modeList.filter(model => model.id == value)[0]
+            for (let key in tableArr.children) {
+                this.tableNameList.push({ id: tableArr.children[key], value: tableArr.children[key] })
+            }
+        },
+        onChangeTime(date, dateString) {
+            if (date.length == 0) {
+                this.queryParam.startTime = null
+                this.queryParam.endTime = null
+                this.queryParam.pageNum = 1
+            } else {
+                this.queryParam.startTime = moment(date[0]).format(this.dateFormat);
+                this.queryParam.endTime = moment(date[1]).format(this.dateFormat);
+                this.queryParam.pageNum = 1
+            }
+        },
+        getTableDataList() {
+            console.log(this.queryParam)
+            if (this.queryParam.schemaMass == null || this.queryParam.tableName == null) {
+                this.$message.warning('必须选择查询的表')
+                return
+            }
+            getTableDataByOri(this.queryParam).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
+                }
+
+            })
+        },
+        handleTableChange(pagination, filters, sorter) {
+            this.pagination = pagination
+            this.queryParam.pageNum = pagination.current
+            this.queryParam.pageSize = pagination.pageSize
+            this.getTableDataList()
+        },
+        handelEdit(record) {
+            const filteredColumn = this.columns.filter(item => item.dataIndex != 'operation' && item.dataIndex != '数据');
+            delete record['数据'];
+            this.$refs.modalForm.initForm(this.queryParam.schemaMass, this.queryParam.tableName, filteredColumn, record);
+        },
+    }
+}
+</script>

src/views/datalink/modules/filesModel.vue

@@ -0,0 +1,88 @@
+<template>
+    <a-modal :title="title" :width="900" :visible="visible" :confirmLoading="confirmLoading" @ok="handleOk"
+        @cancel="handleCancel">
+        <a-spin :spinning="confirmLoading">
+            <a-form-model ref="ruleForm" :model="form" :label-col="labelCol" :wrapper-col="wrapperCol">
+                <a-row :gutter="16">
+                    <a-col class="gutter-row" :span="12" v-for="itemNode in nodes">
+                        <a-form-model-item :label="itemNode.dataIndex" prop="name">
+                            <a-input v-model="form[itemNode.dataIndex]"
+                                :disabled="itemNode.dataIndex == '序号' ? true : false" />
+                        </a-form-model-item>
+                    </a-col>
+                </a-row>
+
+            </a-form-model>
+        </a-spin>
+    </a-modal>
+</template>
+
+<script>
+import { updateDmTableBySeqNo } from '@/api/fileDataLink'
+
+export default {
+    name: "editdataseach",
+    data() {
+        return {
+            title: "编辑",
+            visible: false,
+            labelCol: {
+                xs: { span: 24 },
+                sm: { span: 10 },
+            },
+            wrapperCol: {
+                xs: { span: 24 },
+                sm: { span: 14 },
+            },
+            confirmLoading: false,
+            form: null,
+            nodes: [],
+            submitForm: {
+                schemaMass: null, 
+                tableName: null, 
+                fieldValues: null
+            }
+        }
+    },
+    created() {
+    },
+    methods: {
+        initForm(schemaMass, tableName, columns, record) {
+            this.visible = true;
+            this.nodes = columns
+            this.submitForm.schemaMass = schemaMass
+            this.submitForm.tableName = tableName
+            this.form = record
+        },
+        close() {
+            this.visible = false;
+        },
+        handleOk() {
+            const that = this;
+            // 触发表单验证
+            this.$refs.ruleForm.validate(valid => {
+                if (valid) {
+                    that.confirmLoading = true; 
+                    that.submitForm.fieldValues = that.form
+                    updateDmTableBySeqNo(that.submitForm).then((res) => {
+                        if (res.success) {
+                            that.$message.success(res.message);
+                            that.$emit('ok');
+                        } else {
+                            that.$message.warning(res.message);
+                        }
+                    }).finally(() => {
+                        that.confirmLoading = false;
+                        that.close();
+                    })
+                }
+            });
+        },
+        handleCancel() {
+            this.close()
+        },
+    }
+}
+</script>
+
+<style lang="less" scoped></style>