<template>
|
<div>
|
<a-modal
|
:width="modalWidth"
|
:visible="visible"
|
title="数据对比窗口"
|
:confirmLoading="confirmLoading"
|
@ok="handleOk"
|
@cancel="handleCancel"
|
cancelText="取消"
|
>
|
<a-spin :spinning="confirmLoading">
|
<a-form @submit="handleSubmit" :form="form" class="form">
|
<a-row class="form-row" :gutter="24">
|
<a-col :md="12" :sm="8">
|
<a-form-item label="数据库表名" :label-col="{ span: 6 }" :wrapper-col="{ span: 15 }">
|
<a-input
|
placeholder="请输入数据库表名"
|
v-decorator="['dataTale', {}]"
|
@blur="handleTableBlur"
|
disabled
|
/>
|
</a-form-item>
|
</a-col>
|
|
<a-col :md="12" :sm="8">
|
<a-form-item label="数据ID" :label-col="{ span: 5 }" :wrapper-col="{ span: 15 }">
|
<a-input placeholder="请输入数据ID" v-decorator="['dataId', {}]" @blur="handleIdBlur" disabled />
|
</a-form-item>
|
</a-col>
|
</a-row>
|
|
<a-row class="form-row" :gutter="24">
|
<a-col :md="12" :sm="8">
|
<a-form-item label="版本号1" :label-col="{ span: 6 }" :wrapper-col="{ span: 15 }">
|
<a-select placeholder="请选择版本号" v-decorator="['dataVersion1', {}]" @change="handleChange1">
|
<a-select-option
|
v-for="(log, logindex) in DataVersionList"
|
:key="logindex.toString()"
|
:value="log.id"
|
>
|
{{ log.dataVersion }}
|
</a-select-option>
|
</a-select>
|
</a-form-item>
|
</a-col>
|
<a-col :md="12" :sm="8">
|
<a-form-item label="版本号2" :label-col="{ span: 5 }" :wrapper-col="{ span: 15 }">
|
<a-select placeholder="请选择版本号" v-decorator="['dataVersion2', {}]" @change="handleChange2">
|
<a-select-option
|
v-for="(log, logindex) in DataVersionList"
|
:key="logindex.toString()"
|
:value="log.id"
|
>
|
{{ log.dataVersion }}
|
</a-select-option>
|
</a-select>
|
</a-form-item>
|
</a-col>
|
</a-row>
|
</a-form>
|
</a-spin>
|
<data-log-compare-modal ref="modal" @ok="modalFormOk"></data-log-compare-modal>
|
</a-modal>
|
</div>
|
</template>
|
|
<script>
|
import { getAction } from '@tievd/cube-block/lib/api/manage'
|
import DataLogCompareModal from './DataLogCompareModal'
|
export default {
|
name: 'DataLogModal',
|
components: { DataLogCompareModal },
|
dataId1: '',
|
dataId2: '',
|
dataTable1: '',
|
dataID3: '',
|
|
data() {
|
return {
|
modalWidth: 700,
|
modaltoggleFlag: true,
|
confirmDirty: false,
|
title: '操作',
|
visible: false,
|
model: {},
|
confirmLoading: false,
|
headers: {},
|
form: this.$form.createForm(this),
|
url: {
|
queryDataVerListUrl: '/sys/datalog/queryDataVerList',
|
},
|
DataVersionList: [],
|
}
|
},
|
created() {},
|
methods: {
|
addModal(records) {
|
const dataTable = records[0].dataTable
|
const dataId = records[0].dataId
|
const dataVersion1 = records[0].dataVersion
|
const dataVersion2 = records[1].dataVersion
|
this.dataId1 = records[0].id
|
this.dataId2 = records[1].id
|
this.dataTable1 = records[0].dataTable
|
this.dataID3 = records[0].dataId
|
this.initDataVersionList()
|
this.form.resetFields()
|
this.visible = true
|
this.$nextTick(() => {
|
this.form.setFieldsValue({
|
dataTale: dataTable,
|
dataId: dataId,
|
dataVersion1: dataVersion1,
|
dataVersion2: dataVersion2,
|
})
|
})
|
},
|
handleOk() {
|
this.close()
|
this.$refs.modal.compareModal(this.dataId1, this.dataId2)
|
this.$refs.modal.title = '数据比较'
|
},
|
handleCancel() {
|
this.close()
|
},
|
handleSubmit() {},
|
close() {
|
this.$emit('close')
|
this.visible = false
|
this.disableSubmit = false
|
},
|
modalFormOk() {},
|
initDataVersionList() {
|
let that = this
|
getAction(that.url.queryDataVerListUrl, { dataTable: this.dataTable1, dataId: this.dataID3 }).then((res) => {
|
if (res.success) {
|
this.DataVersionList = res.result
|
} else {
|
this.DataVersionList = []
|
;(this.dataId1 = ''), (this.dataId2 = ''), console.log(res.message)
|
}
|
})
|
},
|
handleChange1(value) {
|
this.dataId1 = value
|
},
|
handleChange2(value) {
|
this.dataId2 = value
|
},
|
handleTableBlur(e) {
|
this.dataTable1 = e.target.value
|
this.initDataVersionList()
|
},
|
handleIdBlur(e) {
|
this.dataID3 = e.target.value
|
this.initDataVersionList()
|
},
|
},
|
}
|
</script>
|
|
<style scoped></style>
|
