提交临时界面
This commit is contained in:
wangchengming
parent
8241ccfc0a
commit
00ecdc80bf
238
src/views/datawashing/tempfive/index.vue
Normal file
238
src/views/datawashing/tempfive/index.vue
Normal file
|
|
@ -0,0 +1,238 @@
|
|||
<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="8">
|
||||
<a-form-item label="数据类型">
|
||||
<a-select placeholder="选择数据类型" option-filter-prop="children" size="large"
|
||||
v-model="queryParam.dataType" @change="handleTypeChange">
|
||||
<a-select-option v-for="item in dataTypeList" :value="item.enName">
|
||||
{{ item.cnName }}
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :md="6" :sm="8">
|
||||
<a-form-item label="表名">
|
||||
<a-input placeholder="请输入表名" v-model="queryParam.tableName" allow-clear></a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :md="6" :sm="24">
|
||||
<a-button type="primary" style="left: 10px" icon="search" @click="getQueryPage">查询</a-button>
|
||||
</a-col>
|
||||
<!-- <a-col :md="6" :sm="24" style="text-align: right;">
|
||||
<a-button type="primary" style="right: 10px" icon="plus" @click="handleAdd">新建</a-button>
|
||||
</a-col> -->
|
||||
</a-row>
|
||||
</a-form>
|
||||
</div>
|
||||
|
||||
<a-row :gutter="30" style="padding: 0 10px;">
|
||||
<a-col :md="24">
|
||||
<div class="linese"></div>
|
||||
<!-- 表格区域 -->
|
||||
<div style="height:calc(100vh - 316px);background: #e6e9f1;overflow:hidden;padding: 15px;">
|
||||
<a-table size="middle" bordered :columns="columns" :data-source="dataSource" :loading="loading"
|
||||
:pagination="pagination" :scroll="{ y: 'calc(100vh - 380px)' }" rowKey="id"
|
||||
@change="handleTableChange">
|
||||
<!-- <span slot="createTime" slot-scope="text, record">
|
||||
{{ moment(text).format('YYYY-MM-DD') }}
|
||||
</span> -->
|
||||
<span slot="action" slot-scope="text, record">
|
||||
<a @click="handleEdit(record)">配置</a>
|
||||
<a-divider v-if="record.id" type="vertical" />
|
||||
<a v-if="record.id" @click="handleRemove(record.id)">删除</a>
|
||||
</span>
|
||||
</a-table>
|
||||
</div>
|
||||
<div class="linese"></div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
|
||||
<rulesModel ref="modalForm" @fatherMethod="getQueryPage" />
|
||||
</a-card>
|
||||
</template>
|
||||
<script>
|
||||
import moment from 'moment'
|
||||
import { deleteRules, queryPage } from '@/api/missingvalueRules'
|
||||
import { dataTypeQueryAll } from '@/api/dataType'
|
||||
import rulesModel from './rulesModel.vue'
|
||||
export default {
|
||||
name: "missingvalueRules",
|
||||
components: {
|
||||
rulesModel
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
moment,
|
||||
loading: false,
|
||||
// 查询条件
|
||||
queryParam: {
|
||||
dataType: 'biandui',
|
||||
tableName: null,
|
||||
pageNum: 1,
|
||||
pageSize: 10
|
||||
},
|
||||
pagination: {
|
||||
defaultCurrent: 1, // 默认当前页数
|
||||
defaultPageSize: 10, // 默认当前页显示数据的大小total: 0, // 总数，必须先有
|
||||
showSizeChanger: true,
|
||||
showQuickJumper: false,
|
||||
pageSizeOptions: ['10', '20', '30'],
|
||||
showTotal: total => `总共 ${total} 个项目`, // 显示总数
|
||||
onShowSizeChange: (current, pageSize) => (this.pageSize = pageSize)
|
||||
},
|
||||
dataTypeList: [],
|
||||
dataSource: [],
|
||||
columns: [
|
||||
{
|
||||
title: '序号',
|
||||
width: 70,
|
||||
customRender: (text, record, index) => `${index + 1}`,
|
||||
},
|
||||
{
|
||||
title: '表名',
|
||||
align: "center",
|
||||
dataIndex: 'tableName',
|
||||
},
|
||||
{
|
||||
title: '报文名称',
|
||||
align: "center",
|
||||
dataIndex: 'msgName',
|
||||
},
|
||||
// {
|
||||
// title: '字符串策略',
|
||||
// align: "center",
|
||||
// width: 110,
|
||||
// dataIndex: 'stringStrategy',
|
||||
// },
|
||||
{
|
||||
title: '字符串策略',
|
||||
align: "center",
|
||||
dataIndex: 'stringStrategyDescribe',
|
||||
},
|
||||
// {
|
||||
// title: '数值策略',
|
||||
// align: "center",
|
||||
// width: 100,
|
||||
// dataIndex: 'digitStrategy',
|
||||
// },
|
||||
{
|
||||
title: '数值策略',
|
||||
align: "center",
|
||||
dataIndex: 'digitStrategyDescribe',
|
||||
},
|
||||
// {
|
||||
// title: '时间策略',
|
||||
// align: "center",
|
||||
// width: 100,
|
||||
// dataIndex: 'dateTimeStrategy',
|
||||
// },
|
||||
{
|
||||
title: '时间策略',
|
||||
align: "center",
|
||||
dataIndex: 'dateTimeStrategyDescribe',
|
||||
},
|
||||
{
|
||||
title: '创建时间',
|
||||
align: "center",
|
||||
dataIndex: 'createTime',
|
||||
scopedSlots: { customRender: 'createTime' },
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
key: 'action',
|
||||
width: 130,
|
||||
align: "center",
|
||||
scopedSlots: { customRender: 'action' },
|
||||
},
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
mounted() {
|
||||
|
||||
},
|
||||
computed: {
|
||||
|
||||
},
|
||||
created() {
|
||||
this.getQueryPage()
|
||||
this.getDataType()
|
||||
},
|
||||
methods: {
|
||||
getDataType() {
|
||||
dataTypeQueryAll().then(res => {
|
||||
if (res.code == 200) this.dataTypeList = res.result
|
||||
})
|
||||
},
|
||||
handleTypeChange(value) {
|
||||
this.queryParam.dataType = value
|
||||
},
|
||||
handleTableChange(pagination, filters, sorter) {
|
||||
this.pagination = pagination
|
||||
this.queryParam.pageNum = pagination.current - 1
|
||||
this.queryParam.pageSize = pagination.pageSize
|
||||
this.getQueryPage()
|
||||
},
|
||||
getQueryPage() {
|
||||
queryPage(this.queryParam).then(res => {
|
||||
if (res.code == 200) {
|
||||
const pagination = { ...this.pagination }
|
||||
pagination.total = res.result.total
|
||||
this.dataSource = res.result.rows
|
||||
this.pagination = pagination
|
||||
} else {
|
||||
this.$notification.error({
|
||||
message: '系统提示',
|
||||
description: res.message
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
handleAdd() {
|
||||
this.$refs.modalForm.add();
|
||||
this.$refs.modalForm.title = "新增";
|
||||
},
|
||||
handleEdit(record) {
|
||||
this.$refs.modalForm.eidt(record);
|
||||
this.$refs.modalForm.title = "配置";
|
||||
},
|
||||
handleRemove(recordId) {
|
||||
console.log('dfs', recordId)
|
||||
const _that = this
|
||||
_that.$confirm({
|
||||
title: '你确认执行删除操作吗?',
|
||||
okText: '确认',
|
||||
cancelText: '取消',
|
||||
onOk() {
|
||||
console.log('dfs', recordId)
|
||||
deleteRules({ id: recordId }).then(res => {
|
||||
if (res.code === 200) {
|
||||
_that.$notification.success({
|
||||
message: '系统提示',
|
||||
description: res.message
|
||||
})
|
||||
_that.getQueryPage()
|
||||
} else {
|
||||
_that.$notification.warning({
|
||||
message: '系统提示',
|
||||
description: res.message
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
onCancel() { }
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
164
src/views/datawashing/tempfive/rulesModel.vue
Normal file
164
src/views/datawashing/tempfive/rulesModel.vue
Normal file
|
|
@ -0,0 +1,164 @@
|
|||
<template>
|
||||
<a-modal :title="title" :width="800" :visible="visible" :confirmLoading="confirmLoading" @ok="handleOk"
|
||||
@cancel="handleCancel" okText="保存" cancelText="关闭">
|
||||
|
||||
<a-spin :spinning="confirmLoading">
|
||||
<a-form-model ref="ruleForm" :model="form" :rules="rules">
|
||||
<a-form-model-item label="表名" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="tableName">
|
||||
<a-input v-model="form.tableName" placeholder="请输入"></a-input>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="字符串策略" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="stringStrategy">
|
||||
<a-select v-model="form.stringStrategy">
|
||||
<a-select-option :value="1">直接删除</a-select-option>
|
||||
<a-select-option :value="2">复制上条数据</a-select-option>
|
||||
<a-select-option :value="3">复制下条数据</a-select-option>
|
||||
<a-select-option :value="4">空</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="数值策略" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="digitStrategy">
|
||||
<a-select v-model="form.digitStrategy">
|
||||
<a-select-option :value="1">直接删除</a-select-option>
|
||||
<a-select-option :value="2">复制上条数据</a-select-option>
|
||||
<a-select-option :value="3">复制下条数据</a-select-option>
|
||||
<a-select-option :value="4">前后均值填充</a-select-option>
|
||||
<a-select-option :value="5">填0</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="时间策略" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dateTimeStrategy">
|
||||
<a-select v-model="form.dateTimeStrategy">
|
||||
<a-select-option :value="1">直接删除</a-select-option>
|
||||
<a-select-option :value="2">前后均值填充</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
</a-form-model>
|
||||
</a-spin>
|
||||
</a-modal>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import JCron from "@/components/jeecg/JCron";
|
||||
import JSelectMultiple from '@/components/jeecg/JSelectMultiple'
|
||||
import { createRules, updateRules, queryById } from '@/api/missingvalueRules'
|
||||
|
||||
|
||||
export default {
|
||||
name: "rulesModal",
|
||||
components: {
|
||||
JCron,
|
||||
JSelectMultiple
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: "操作",
|
||||
visible: false,
|
||||
model: {},
|
||||
confirmLoading: false,
|
||||
form: {
|
||||
tableName: null,
|
||||
stringStrategy: null,
|
||||
digitStrategy: null,
|
||||
dateTimeStrategy: null
|
||||
},
|
||||
rules: {
|
||||
tableName: [{ required: true, message: '请输入表名', trigger: 'blur' }],
|
||||
stringStrategy: [{ required: true, message: '请选择字符串策略', trigger: 'change' }],
|
||||
digitStrategy: [{ required: true, message: '请选择数值策略', trigger: 'change' }],
|
||||
dateTimeStrategy: [{ required: true, message: '请选择时间策略', trigger: 'change' }]
|
||||
},
|
||||
labelCol: {
|
||||
xs: { span: 24 },
|
||||
sm: { span: 5 },
|
||||
},
|
||||
wrapperCol: {
|
||||
xs: { span: 24 },
|
||||
sm: { span: 16 },
|
||||
},
|
||||
treeData: []
|
||||
}
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
add() {
|
||||
this.form = {
|
||||
tableName: null,
|
||||
stringStrategy: null,
|
||||
digitStrategy: null,
|
||||
dateTimeStrategy: null
|
||||
}
|
||||
this.visible = true;
|
||||
},
|
||||
eidt(record) {
|
||||
if (record.id) {
|
||||
queryById({ id: record.id }).then(res => {
|
||||
if (res.code == 200) {
|
||||
this.form = res.result
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.form = {
|
||||
id: null,
|
||||
tableName: record.tableName,
|
||||
stringStrategy: null,
|
||||
digitStrategy: null,
|
||||
dateTimeStrategy: null
|
||||
}
|
||||
}
|
||||
this.visible = true;
|
||||
|
||||
},
|
||||
close() {
|
||||
this.visible = false;
|
||||
},
|
||||
handleOk() {
|
||||
this.$refs.ruleForm.validate(valid => {
|
||||
if (valid) {
|
||||
this.confirmLoading = true;
|
||||
if (!this.form.id) {
|
||||
createRules(this.form).then(res => {
|
||||
if (res.code === 200) {
|
||||
this.$notification.success({
|
||||
message: '系统提示',
|
||||
description: res.message
|
||||
})
|
||||
this.confirmLoading = false
|
||||
this.$emit('fatherMethod')
|
||||
this.handleCancel()
|
||||
} else {
|
||||
this.$notification.error({
|
||||
message: '系统提示',
|
||||
description: '操作失败'
|
||||
})
|
||||
this.confirmLoading = false
|
||||
}
|
||||
})
|
||||
} else {
|
||||
updateRules(this.form).then(res => {
|
||||
if (res.code === 200) {
|
||||
this.$notification.success({
|
||||
message: '系统提示',
|
||||
description: res.message
|
||||
})
|
||||
this.confirmLoading = false
|
||||
this.$emit('fatherMethod')
|
||||
this.handleCancel()
|
||||
} else {
|
||||
this.$notification.error({
|
||||
message: '系统提示',
|
||||
description: '操作失败'
|
||||
})
|
||||
this.confirmLoading = false
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
handleCancel() {
|
||||
this.close()
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
||||
238
src/views/datawashing/tempfour/index.vue
Normal file
238
src/views/datawashing/tempfour/index.vue
Normal file
|
|
@ -0,0 +1,238 @@
|
|||
<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="8">
|
||||
<a-form-item label="数据类型">
|
||||
<a-select placeholder="选择数据类型" option-filter-prop="children" size="large"
|
||||
v-model="queryParam.dataType" @change="handleTypeChange">
|
||||
<a-select-option v-for="item in dataTypeList" :value="item.enName">
|
||||
{{ item.cnName }}
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :md="6" :sm="8">
|
||||
<a-form-item label="表名">
|
||||
<a-input placeholder="请输入表名" v-model="queryParam.tableName" allow-clear></a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :md="6" :sm="24">
|
||||
<a-button type="primary" style="left: 10px" icon="search" @click="getQueryPage">查询</a-button>
|
||||
</a-col>
|
||||
<!-- <a-col :md="6" :sm="24" style="text-align: right;">
|
||||
<a-button type="primary" style="right: 10px" icon="plus" @click="handleAdd">新建</a-button>
|
||||
</a-col> -->
|
||||
</a-row>
|
||||
</a-form>
|
||||
</div>
|
||||
|
||||
<a-row :gutter="30" style="padding: 0 10px;">
|
||||
<a-col :md="24">
|
||||
<div class="linese"></div>
|
||||
<!-- 表格区域 -->
|
||||
<div style="height:calc(100vh - 316px);background: #e6e9f1;overflow:hidden;padding: 15px;">
|
||||
<a-table size="middle" bordered :columns="columns" :data-source="dataSource" :loading="loading"
|
||||
:pagination="pagination" :scroll="{ y: 'calc(100vh - 380px)' }" rowKey="id"
|
||||
@change="handleTableChange">
|
||||
<!-- <span slot="createTime" slot-scope="text, record">
|
||||
{{ moment(text).format('YYYY-MM-DD') }}
|
||||
</span> -->
|
||||
<span slot="action" slot-scope="text, record">
|
||||
<a @click="handleEdit(record)">配置</a>
|
||||
<a-divider v-if="record.id" type="vertical" />
|
||||
<a v-if="record.id" @click="handleRemove(record.id)">删除</a>
|
||||
</span>
|
||||
</a-table>
|
||||
</div>
|
||||
<div class="linese"></div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
|
||||
<rulesModel ref="modalForm" @fatherMethod="getQueryPage" />
|
||||
</a-card>
|
||||
</template>
|
||||
<script>
|
||||
import moment from 'moment'
|
||||
import { deleteRules, queryPage } from '@/api/missingvalueRules'
|
||||
import { dataTypeQueryAll } from '@/api/dataType'
|
||||
import rulesModel from './rulesModel.vue'
|
||||
export default {
|
||||
name: "missingvalueRules",
|
||||
components: {
|
||||
rulesModel
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
moment,
|
||||
loading: false,
|
||||
// 查询条件
|
||||
queryParam: {
|
||||
dataType: 'biandui',
|
||||
tableName: null,
|
||||
pageNum: 1,
|
||||
pageSize: 10
|
||||
},
|
||||
pagination: {
|
||||
defaultCurrent: 1, // 默认当前页数
|
||||
defaultPageSize: 10, // 默认当前页显示数据的大小total: 0, // 总数，必须先有
|
||||
showSizeChanger: true,
|
||||
showQuickJumper: false,
|
||||
pageSizeOptions: ['10', '20', '30'],
|
||||
showTotal: total => `总共 ${total} 个项目`, // 显示总数
|
||||
onShowSizeChange: (current, pageSize) => (this.pageSize = pageSize)
|
||||
},
|
||||
dataTypeList: [],
|
||||
dataSource: [],
|
||||
columns: [
|
||||
{
|
||||
title: '序号',
|
||||
width: 70,
|
||||
customRender: (text, record, index) => `${index + 1}`,
|
||||
},
|
||||
{
|
||||
title: '表名',
|
||||
align: "center",
|
||||
dataIndex: 'tableName',
|
||||
},
|
||||
{
|
||||
title: '报文名称',
|
||||
align: "center",
|
||||
dataIndex: 'msgName',
|
||||
},
|
||||
// {
|
||||
// title: '字符串策略',
|
||||
// align: "center",
|
||||
// width: 110,
|
||||
// dataIndex: 'stringStrategy',
|
||||
// },
|
||||
{
|
||||
title: '字符串策略',
|
||||
align: "center",
|
||||
dataIndex: 'stringStrategyDescribe',
|
||||
},
|
||||
// {
|
||||
// title: '数值策略',
|
||||
// align: "center",
|
||||
// width: 100,
|
||||
// dataIndex: 'digitStrategy',
|
||||
// },
|
||||
{
|
||||
title: '数值策略',
|
||||
align: "center",
|
||||
dataIndex: 'digitStrategyDescribe',
|
||||
},
|
||||
// {
|
||||
// title: '时间策略',
|
||||
// align: "center",
|
||||
// width: 100,
|
||||
// dataIndex: 'dateTimeStrategy',
|
||||
// },
|
||||
{
|
||||
title: '时间策略',
|
||||
align: "center",
|
||||
dataIndex: 'dateTimeStrategyDescribe',
|
||||
},
|
||||
{
|
||||
title: '创建时间',
|
||||
align: "center",
|
||||
dataIndex: 'createTime',
|
||||
scopedSlots: { customRender: 'createTime' },
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
key: 'action',
|
||||
width: 130,
|
||||
align: "center",
|
||||
scopedSlots: { customRender: 'action' },
|
||||
},
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
mounted() {
|
||||
|
||||
},
|
||||
computed: {
|
||||
|
||||
},
|
||||
created() {
|
||||
this.getQueryPage()
|
||||
this.getDataType()
|
||||
},
|
||||
methods: {
|
||||
getDataType() {
|
||||
dataTypeQueryAll().then(res => {
|
||||
if (res.code == 200) this.dataTypeList = res.result
|
||||
})
|
||||
},
|
||||
handleTypeChange(value) {
|
||||
this.queryParam.dataType = value
|
||||
},
|
||||
handleTableChange(pagination, filters, sorter) {
|
||||
this.pagination = pagination
|
||||
this.queryParam.pageNum = pagination.current - 1
|
||||
this.queryParam.pageSize = pagination.pageSize
|
||||
this.getQueryPage()
|
||||
},
|
||||
getQueryPage() {
|
||||
queryPage(this.queryParam).then(res => {
|
||||
if (res.code == 200) {
|
||||
const pagination = { ...this.pagination }
|
||||
pagination.total = res.result.total
|
||||
this.dataSource = res.result.rows
|
||||
this.pagination = pagination
|
||||
} else {
|
||||
this.$notification.error({
|
||||
message: '系统提示',
|
||||
description: res.message
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
handleAdd() {
|
||||
this.$refs.modalForm.add();
|
||||
this.$refs.modalForm.title = "新增";
|
||||
},
|
||||
handleEdit(record) {
|
||||
this.$refs.modalForm.eidt(record);
|
||||
this.$refs.modalForm.title = "配置";
|
||||
},
|
||||
handleRemove(recordId) {
|
||||
console.log('dfs', recordId)
|
||||
const _that = this
|
||||
_that.$confirm({
|
||||
title: '你确认执行删除操作吗?',
|
||||
okText: '确认',
|
||||
cancelText: '取消',
|
||||
onOk() {
|
||||
console.log('dfs', recordId)
|
||||
deleteRules({ id: recordId }).then(res => {
|
||||
if (res.code === 200) {
|
||||
_that.$notification.success({
|
||||
message: '系统提示',
|
||||
description: res.message
|
||||
})
|
||||
_that.getQueryPage()
|
||||
} else {
|
||||
_that.$notification.warning({
|
||||
message: '系统提示',
|
||||
description: res.message
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
onCancel() { }
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
164
src/views/datawashing/tempfour/rulesModel.vue
Normal file
164
src/views/datawashing/tempfour/rulesModel.vue
Normal file
|
|
@ -0,0 +1,164 @@
|
|||
<template>
|
||||
<a-modal :title="title" :width="800" :visible="visible" :confirmLoading="confirmLoading" @ok="handleOk"
|
||||
@cancel="handleCancel" okText="保存" cancelText="关闭">
|
||||
|
||||
<a-spin :spinning="confirmLoading">
|
||||
<a-form-model ref="ruleForm" :model="form" :rules="rules">
|
||||
<a-form-model-item label="表名" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="tableName">
|
||||
<a-input v-model="form.tableName" placeholder="请输入"></a-input>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="字符串策略" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="stringStrategy">
|
||||
<a-select v-model="form.stringStrategy">
|
||||
<a-select-option :value="1">直接删除</a-select-option>
|
||||
<a-select-option :value="2">复制上条数据</a-select-option>
|
||||
<a-select-option :value="3">复制下条数据</a-select-option>
|
||||
<a-select-option :value="4">空</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="数值策略" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="digitStrategy">
|
||||
<a-select v-model="form.digitStrategy">
|
||||
<a-select-option :value="1">直接删除</a-select-option>
|
||||
<a-select-option :value="2">复制上条数据</a-select-option>
|
||||
<a-select-option :value="3">复制下条数据</a-select-option>
|
||||
<a-select-option :value="4">前后均值填充</a-select-option>
|
||||
<a-select-option :value="5">填0</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="时间策略" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dateTimeStrategy">
|
||||
<a-select v-model="form.dateTimeStrategy">
|
||||
<a-select-option :value="1">直接删除</a-select-option>
|
||||
<a-select-option :value="2">前后均值填充</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
</a-form-model>
|
||||
</a-spin>
|
||||
</a-modal>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import JCron from "@/components/jeecg/JCron";
|
||||
import JSelectMultiple from '@/components/jeecg/JSelectMultiple'
|
||||
import { createRules, updateRules, queryById } from '@/api/missingvalueRules'
|
||||
|
||||
|
||||
export default {
|
||||
name: "rulesModal",
|
||||
components: {
|
||||
JCron,
|
||||
JSelectMultiple
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: "操作",
|
||||
visible: false,
|
||||
model: {},
|
||||
confirmLoading: false,
|
||||
form: {
|
||||
tableName: null,
|
||||
stringStrategy: null,
|
||||
digitStrategy: null,
|
||||
dateTimeStrategy: null
|
||||
},
|
||||
rules: {
|
||||
tableName: [{ required: true, message: '请输入表名', trigger: 'blur' }],
|
||||
stringStrategy: [{ required: true, message: '请选择字符串策略', trigger: 'change' }],
|
||||
digitStrategy: [{ required: true, message: '请选择数值策略', trigger: 'change' }],
|
||||
dateTimeStrategy: [{ required: true, message: '请选择时间策略', trigger: 'change' }]
|
||||
},
|
||||
labelCol: {
|
||||
xs: { span: 24 },
|
||||
sm: { span: 5 },
|
||||
},
|
||||
wrapperCol: {
|
||||
xs: { span: 24 },
|
||||
sm: { span: 16 },
|
||||
},
|
||||
treeData: []
|
||||
}
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
add() {
|
||||
this.form = {
|
||||
tableName: null,
|
||||
stringStrategy: null,
|
||||
digitStrategy: null,
|
||||
dateTimeStrategy: null
|
||||
}
|
||||
this.visible = true;
|
||||
},
|
||||
eidt(record) {
|
||||
if (record.id) {
|
||||
queryById({ id: record.id }).then(res => {
|
||||
if (res.code == 200) {
|
||||
this.form = res.result
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.form = {
|
||||
id: null,
|
||||
tableName: record.tableName,
|
||||
stringStrategy: null,
|
||||
digitStrategy: null,
|
||||
dateTimeStrategy: null
|
||||
}
|
||||
}
|
||||
this.visible = true;
|
||||
|
||||
},
|
||||
close() {
|
||||
this.visible = false;
|
||||
},
|
||||
handleOk() {
|
||||
this.$refs.ruleForm.validate(valid => {
|
||||
if (valid) {
|
||||
this.confirmLoading = true;
|
||||
if (!this.form.id) {
|
||||
createRules(this.form).then(res => {
|
||||
if (res.code === 200) {
|
||||
this.$notification.success({
|
||||
message: '系统提示',
|
||||
description: res.message
|
||||
})
|
||||
this.confirmLoading = false
|
||||
this.$emit('fatherMethod')
|
||||
this.handleCancel()
|
||||
} else {
|
||||
this.$notification.error({
|
||||
message: '系统提示',
|
||||
description: '操作失败'
|
||||
})
|
||||
this.confirmLoading = false
|
||||
}
|
||||
})
|
||||
} else {
|
||||
updateRules(this.form).then(res => {
|
||||
if (res.code === 200) {
|
||||
this.$notification.success({
|
||||
message: '系统提示',
|
||||
description: res.message
|
||||
})
|
||||
this.confirmLoading = false
|
||||
this.$emit('fatherMethod')
|
||||
this.handleCancel()
|
||||
} else {
|
||||
this.$notification.error({
|
||||
message: '系统提示',
|
||||
description: '操作失败'
|
||||
})
|
||||
this.confirmLoading = false
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
handleCancel() {
|
||||
this.close()
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
||||
238
src/views/datawashing/tempone/index.vue
Normal file
238
src/views/datawashing/tempone/index.vue
Normal file
|
|
@ -0,0 +1,238 @@
|
|||
<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="8">
|
||||
<a-form-item label="数据类型">
|
||||
<a-select placeholder="选择数据类型" option-filter-prop="children" size="large"
|
||||
v-model="queryParam.dataType" @change="handleTypeChange">
|
||||
<a-select-option v-for="item in dataTypeList" :value="item.enName">
|
||||
{{ item.cnName }}
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :md="6" :sm="8">
|
||||
<a-form-item label="表名">
|
||||
<a-input placeholder="请输入表名" v-model="queryParam.tableName" allow-clear></a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :md="6" :sm="24">
|
||||
<a-button type="primary" style="left: 10px" icon="search" @click="getQueryPage">查询</a-button>
|
||||
</a-col>
|
||||
<!-- <a-col :md="6" :sm="24" style="text-align: right;">
|
||||
<a-button type="primary" style="right: 10px" icon="plus" @click="handleAdd">新建</a-button>
|
||||
</a-col> -->
|
||||
</a-row>
|
||||
</a-form>
|
||||
</div>
|
||||
|
||||
<a-row :gutter="30" style="padding: 0 10px;">
|
||||
<a-col :md="24">
|
||||
<div class="linese"></div>
|
||||
<!-- 表格区域 -->
|
||||
<div style="height:calc(100vh - 316px);background: #e6e9f1;overflow:hidden;padding: 15px;">
|
||||
<a-table size="middle" bordered :columns="columns" :data-source="dataSource" :loading="loading"
|
||||
:pagination="pagination" :scroll="{ y: 'calc(100vh - 380px)' }" rowKey="id"
|
||||
@change="handleTableChange">
|
||||
<!-- <span slot="createTime" slot-scope="text, record">
|
||||
{{ moment(text).format('YYYY-MM-DD') }}
|
||||
</span> -->
|
||||
<span slot="action" slot-scope="text, record">
|
||||
<a @click="handleEdit(record)">配置</a>
|
||||
<a-divider v-if="record.id" type="vertical" />
|
||||
<a v-if="record.id" @click="handleRemove(record.id)">删除</a>
|
||||
</span>
|
||||
</a-table>
|
||||
</div>
|
||||
<div class="linese"></div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
|
||||
<rulesModel ref="modalForm" @fatherMethod="getQueryPage" />
|
||||
</a-card>
|
||||
</template>
|
||||
<script>
|
||||
import moment from 'moment'
|
||||
import { deleteRules, queryPage } from '@/api/missingvalueRules'
|
||||
import { dataTypeQueryAll } from '@/api/dataType'
|
||||
import rulesModel from './rulesModel.vue'
|
||||
export default {
|
||||
name: "tempOne",
|
||||
components: {
|
||||
rulesModel
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
moment,
|
||||
loading: false,
|
||||
// 查询条件
|
||||
queryParam: {
|
||||
dataType: 'biandui',
|
||||
tableName: null,
|
||||
pageNum: 1,
|
||||
pageSize: 10
|
||||
},
|
||||
pagination: {
|
||||
defaultCurrent: 1, // 默认当前页数
|
||||
defaultPageSize: 10, // 默认当前页显示数据的大小total: 0, // 总数，必须先有
|
||||
showSizeChanger: true,
|
||||
showQuickJumper: false,
|
||||
pageSizeOptions: ['10', '20', '30'],
|
||||
showTotal: total => `总共 ${total} 个项目`, // 显示总数
|
||||
onShowSizeChange: (current, pageSize) => (this.pageSize = pageSize)
|
||||
},
|
||||
dataTypeList: [],
|
||||
dataSource: [],
|
||||
columns: [
|
||||
{
|
||||
title: '序号',
|
||||
width: 70,
|
||||
customRender: (text, record, index) => `${index + 1}`,
|
||||
},
|
||||
{
|
||||
title: '表名',
|
||||
align: "center",
|
||||
dataIndex: 'tableName',
|
||||
},
|
||||
{
|
||||
title: '报文名称',
|
||||
align: "center",
|
||||
dataIndex: 'msgName',
|
||||
},
|
||||
// {
|
||||
// title: '字符串策略',
|
||||
// align: "center",
|
||||
// width: 110,
|
||||
// dataIndex: 'stringStrategy',
|
||||
// },
|
||||
{
|
||||
title: '字符串策略',
|
||||
align: "center",
|
||||
dataIndex: 'stringStrategyDescribe',
|
||||
},
|
||||
// {
|
||||
// title: '数值策略',
|
||||
// align: "center",
|
||||
// width: 100,
|
||||
// dataIndex: 'digitStrategy',
|
||||
// },
|
||||
{
|
||||
title: '数值策略',
|
||||
align: "center",
|
||||
dataIndex: 'digitStrategyDescribe',
|
||||
},
|
||||
// {
|
||||
// title: '时间策略',
|
||||
// align: "center",
|
||||
// width: 100,
|
||||
// dataIndex: 'dateTimeStrategy',
|
||||
// },
|
||||
{
|
||||
title: '时间策略',
|
||||
align: "center",
|
||||
dataIndex: 'dateTimeStrategyDescribe',
|
||||
},
|
||||
{
|
||||
title: '创建时间',
|
||||
align: "center",
|
||||
dataIndex: 'createTime',
|
||||
scopedSlots: { customRender: 'createTime' },
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
key: 'action',
|
||||
width: 130,
|
||||
align: "center",
|
||||
scopedSlots: { customRender: 'action' },
|
||||
},
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
mounted() {
|
||||
|
||||
},
|
||||
computed: {
|
||||
|
||||
},
|
||||
created() {
|
||||
this.getQueryPage()
|
||||
this.getDataType()
|
||||
},
|
||||
methods: {
|
||||
getDataType() {
|
||||
dataTypeQueryAll().then(res => {
|
||||
if (res.code == 200) this.dataTypeList = res.result
|
||||
})
|
||||
},
|
||||
handleTypeChange(value) {
|
||||
this.queryParam.dataType = value
|
||||
},
|
||||
handleTableChange(pagination, filters, sorter) {
|
||||
this.pagination = pagination
|
||||
this.queryParam.pageNum = pagination.current - 1
|
||||
this.queryParam.pageSize = pagination.pageSize
|
||||
this.getQueryPage()
|
||||
},
|
||||
getQueryPage() {
|
||||
queryPage(this.queryParam).then(res => {
|
||||
if (res.code == 200) {
|
||||
const pagination = { ...this.pagination }
|
||||
pagination.total = res.result.total
|
||||
this.dataSource = res.result.rows
|
||||
this.pagination = pagination
|
||||
} else {
|
||||
this.$notification.error({
|
||||
message: '系统提示',
|
||||
description: res.message
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
handleAdd() {
|
||||
this.$refs.modalForm.add();
|
||||
this.$refs.modalForm.title = "新增";
|
||||
},
|
||||
handleEdit(record) {
|
||||
this.$refs.modalForm.eidt(record);
|
||||
this.$refs.modalForm.title = "配置";
|
||||
},
|
||||
handleRemove(recordId) {
|
||||
console.log('dfs', recordId)
|
||||
const _that = this
|
||||
_that.$confirm({
|
||||
title: '你确认执行删除操作吗?',
|
||||
okText: '确认',
|
||||
cancelText: '取消',
|
||||
onOk() {
|
||||
console.log('dfs', recordId)
|
||||
deleteRules({ id: recordId }).then(res => {
|
||||
if (res.code === 200) {
|
||||
_that.$notification.success({
|
||||
message: '系统提示',
|
||||
description: res.message
|
||||
})
|
||||
_that.getQueryPage()
|
||||
} else {
|
||||
_that.$notification.warning({
|
||||
message: '系统提示',
|
||||
description: res.message
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
onCancel() { }
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
164
src/views/datawashing/tempone/rulesModel.vue
Normal file
164
src/views/datawashing/tempone/rulesModel.vue
Normal file
|
|
@ -0,0 +1,164 @@
|
|||
<template>
|
||||
<a-modal :title="title" :width="800" :visible="visible" :confirmLoading="confirmLoading" @ok="handleOk"
|
||||
@cancel="handleCancel" okText="保存" cancelText="关闭">
|
||||
|
||||
<a-spin :spinning="confirmLoading">
|
||||
<a-form-model ref="ruleForm" :model="form" :rules="rules">
|
||||
<a-form-model-item label="表名" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="tableName">
|
||||
<a-input v-model="form.tableName" placeholder="请输入"></a-input>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="字符串策略" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="stringStrategy">
|
||||
<a-select v-model="form.stringStrategy">
|
||||
<a-select-option :value="1">直接删除</a-select-option>
|
||||
<a-select-option :value="2">复制上条数据</a-select-option>
|
||||
<a-select-option :value="3">复制下条数据</a-select-option>
|
||||
<a-select-option :value="4">空</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="数值策略" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="digitStrategy">
|
||||
<a-select v-model="form.digitStrategy">
|
||||
<a-select-option :value="1">直接删除</a-select-option>
|
||||
<a-select-option :value="2">复制上条数据</a-select-option>
|
||||
<a-select-option :value="3">复制下条数据</a-select-option>
|
||||
<a-select-option :value="4">前后均值填充</a-select-option>
|
||||
<a-select-option :value="5">填0</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="时间策略" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dateTimeStrategy">
|
||||
<a-select v-model="form.dateTimeStrategy">
|
||||
<a-select-option :value="1">直接删除</a-select-option>
|
||||
<a-select-option :value="2">前后均值填充</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
</a-form-model>
|
||||
</a-spin>
|
||||
</a-modal>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import JCron from "@/components/jeecg/JCron";
|
||||
import JSelectMultiple from '@/components/jeecg/JSelectMultiple'
|
||||
import { createRules, updateRules, queryById } from '@/api/missingvalueRules'
|
||||
|
||||
|
||||
export default {
|
||||
name: "rulesModal",
|
||||
components: {
|
||||
JCron,
|
||||
JSelectMultiple
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: "操作",
|
||||
visible: false,
|
||||
model: {},
|
||||
confirmLoading: false,
|
||||
form: {
|
||||
tableName: null,
|
||||
stringStrategy: null,
|
||||
digitStrategy: null,
|
||||
dateTimeStrategy: null
|
||||
},
|
||||
rules: {
|
||||
tableName: [{ required: true, message: '请输入表名', trigger: 'blur' }],
|
||||
stringStrategy: [{ required: true, message: '请选择字符串策略', trigger: 'change' }],
|
||||
digitStrategy: [{ required: true, message: '请选择数值策略', trigger: 'change' }],
|
||||
dateTimeStrategy: [{ required: true, message: '请选择时间策略', trigger: 'change' }]
|
||||
},
|
||||
labelCol: {
|
||||
xs: { span: 24 },
|
||||
sm: { span: 5 },
|
||||
},
|
||||
wrapperCol: {
|
||||
xs: { span: 24 },
|
||||
sm: { span: 16 },
|
||||
},
|
||||
treeData: []
|
||||
}
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
add() {
|
||||
this.form = {
|
||||
tableName: null,
|
||||
stringStrategy: null,
|
||||
digitStrategy: null,
|
||||
dateTimeStrategy: null
|
||||
}
|
||||
this.visible = true;
|
||||
},
|
||||
eidt(record) {
|
||||
if (record.id) {
|
||||
queryById({ id: record.id }).then(res => {
|
||||
if (res.code == 200) {
|
||||
this.form = res.result
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.form = {
|
||||
id: null,
|
||||
tableName: record.tableName,
|
||||
stringStrategy: null,
|
||||
digitStrategy: null,
|
||||
dateTimeStrategy: null
|
||||
}
|
||||
}
|
||||
this.visible = true;
|
||||
|
||||
},
|
||||
close() {
|
||||
this.visible = false;
|
||||
},
|
||||
handleOk() {
|
||||
this.$refs.ruleForm.validate(valid => {
|
||||
if (valid) {
|
||||
this.confirmLoading = true;
|
||||
if (!this.form.id) {
|
||||
createRules(this.form).then(res => {
|
||||
if (res.code === 200) {
|
||||
this.$notification.success({
|
||||
message: '系统提示',
|
||||
description: res.message
|
||||
})
|
||||
this.confirmLoading = false
|
||||
this.$emit('fatherMethod')
|
||||
this.handleCancel()
|
||||
} else {
|
||||
this.$notification.error({
|
||||
message: '系统提示',
|
||||
description: '操作失败'
|
||||
})
|
||||
this.confirmLoading = false
|
||||
}
|
||||
})
|
||||
} else {
|
||||
updateRules(this.form).then(res => {
|
||||
if (res.code === 200) {
|
||||
this.$notification.success({
|
||||
message: '系统提示',
|
||||
description: res.message
|
||||
})
|
||||
this.confirmLoading = false
|
||||
this.$emit('fatherMethod')
|
||||
this.handleCancel()
|
||||
} else {
|
||||
this.$notification.error({
|
||||
message: '系统提示',
|
||||
description: '操作失败'
|
||||
})
|
||||
this.confirmLoading = false
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
handleCancel() {
|
||||
this.close()
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
||||
238
src/views/datawashing/tempthree/index.vue
Normal file
238
src/views/datawashing/tempthree/index.vue
Normal file
|
|
@ -0,0 +1,238 @@
|
|||
<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="8">
|
||||
<a-form-item label="数据类型">
|
||||
<a-select placeholder="选择数据类型" option-filter-prop="children" size="large"
|
||||
v-model="queryParam.dataType" @change="handleTypeChange">
|
||||
<a-select-option v-for="item in dataTypeList" :value="item.enName">
|
||||
{{ item.cnName }}
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :md="6" :sm="8">
|
||||
<a-form-item label="表名">
|
||||
<a-input placeholder="请输入表名" v-model="queryParam.tableName" allow-clear></a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :md="6" :sm="24">
|
||||
<a-button type="primary" style="left: 10px" icon="search" @click="getQueryPage">查询</a-button>
|
||||
</a-col>
|
||||
<!-- <a-col :md="6" :sm="24" style="text-align: right;">
|
||||
<a-button type="primary" style="right: 10px" icon="plus" @click="handleAdd">新建</a-button>
|
||||
</a-col> -->
|
||||
</a-row>
|
||||
</a-form>
|
||||
</div>
|
||||
|
||||
<a-row :gutter="30" style="padding: 0 10px;">
|
||||
<a-col :md="24">
|
||||
<div class="linese"></div>
|
||||
<!-- 表格区域 -->
|
||||
<div style="height:calc(100vh - 316px);background: #e6e9f1;overflow:hidden;padding: 15px;">
|
||||
<a-table size="middle" bordered :columns="columns" :data-source="dataSource" :loading="loading"
|
||||
:pagination="pagination" :scroll="{ y: 'calc(100vh - 380px)' }" rowKey="id"
|
||||
@change="handleTableChange">
|
||||
<!-- <span slot="createTime" slot-scope="text, record">
|
||||
{{ moment(text).format('YYYY-MM-DD') }}
|
||||
</span> -->
|
||||
<span slot="action" slot-scope="text, record">
|
||||
<a @click="handleEdit(record)">配置</a>
|
||||
<a-divider v-if="record.id" type="vertical" />
|
||||
<a v-if="record.id" @click="handleRemove(record.id)">删除</a>
|
||||
</span>
|
||||
</a-table>
|
||||
</div>
|
||||
<div class="linese"></div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
|
||||
<rulesModel ref="modalForm" @fatherMethod="getQueryPage" />
|
||||
</a-card>
|
||||
</template>
|
||||
<script>
|
||||
import moment from 'moment'
|
||||
import { deleteRules, queryPage } from '@/api/missingvalueRules'
|
||||
import { dataTypeQueryAll } from '@/api/dataType'
|
||||
import rulesModel from './rulesModel.vue'
|
||||
export default {
|
||||
name: "missingvalueRules",
|
||||
components: {
|
||||
rulesModel
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
moment,
|
||||
loading: false,
|
||||
// 查询条件
|
||||
queryParam: {
|
||||
dataType: 'biandui',
|
||||
tableName: null,
|
||||
pageNum: 1,
|
||||
pageSize: 10
|
||||
},
|
||||
pagination: {
|
||||
defaultCurrent: 1, // 默认当前页数
|
||||
defaultPageSize: 10, // 默认当前页显示数据的大小total: 0, // 总数，必须先有
|
||||
showSizeChanger: true,
|
||||
showQuickJumper: false,
|
||||
pageSizeOptions: ['10', '20', '30'],
|
||||
showTotal: total => `总共 ${total} 个项目`, // 显示总数
|
||||
onShowSizeChange: (current, pageSize) => (this.pageSize = pageSize)
|
||||
},
|
||||
dataTypeList: [],
|
||||
dataSource: [],
|
||||
columns: [
|
||||
{
|
||||
title: '序号',
|
||||
width: 70,
|
||||
customRender: (text, record, index) => `${index + 1}`,
|
||||
},
|
||||
{
|
||||
title: '表名',
|
||||
align: "center",
|
||||
dataIndex: 'tableName',
|
||||
},
|
||||
{
|
||||
title: '报文名称',
|
||||
align: "center",
|
||||
dataIndex: 'msgName',
|
||||
},
|
||||
// {
|
||||
// title: '字符串策略',
|
||||
// align: "center",
|
||||
// width: 110,
|
||||
// dataIndex: 'stringStrategy',
|
||||
// },
|
||||
{
|
||||
title: '字符串策略',
|
||||
align: "center",
|
||||
dataIndex: 'stringStrategyDescribe',
|
||||
},
|
||||
// {
|
||||
// title: '数值策略',
|
||||
// align: "center",
|
||||
// width: 100,
|
||||
// dataIndex: 'digitStrategy',
|
||||
// },
|
||||
{
|
||||
title: '数值策略',
|
||||
align: "center",
|
||||
dataIndex: 'digitStrategyDescribe',
|
||||
},
|
||||
// {
|
||||
// title: '时间策略',
|
||||
// align: "center",
|
||||
// width: 100,
|
||||
// dataIndex: 'dateTimeStrategy',
|
||||
// },
|
||||
{
|
||||
title: '时间策略',
|
||||
align: "center",
|
||||
dataIndex: 'dateTimeStrategyDescribe',
|
||||
},
|
||||
{
|
||||
title: '创建时间',
|
||||
align: "center",
|
||||
dataIndex: 'createTime',
|
||||
scopedSlots: { customRender: 'createTime' },
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
key: 'action',
|
||||
width: 130,
|
||||
align: "center",
|
||||
scopedSlots: { customRender: 'action' },
|
||||
},
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
mounted() {
|
||||
|
||||
},
|
||||
computed: {
|
||||
|
||||
},
|
||||
created() {
|
||||
this.getQueryPage()
|
||||
this.getDataType()
|
||||
},
|
||||
methods: {
|
||||
getDataType() {
|
||||
dataTypeQueryAll().then(res => {
|
||||
if (res.code == 200) this.dataTypeList = res.result
|
||||
})
|
||||
},
|
||||
handleTypeChange(value) {
|
||||
this.queryParam.dataType = value
|
||||
},
|
||||
handleTableChange(pagination, filters, sorter) {
|
||||
this.pagination = pagination
|
||||
this.queryParam.pageNum = pagination.current - 1
|
||||
this.queryParam.pageSize = pagination.pageSize
|
||||
this.getQueryPage()
|
||||
},
|
||||
getQueryPage() {
|
||||
queryPage(this.queryParam).then(res => {
|
||||
if (res.code == 200) {
|
||||
const pagination = { ...this.pagination }
|
||||
pagination.total = res.result.total
|
||||
this.dataSource = res.result.rows
|
||||
this.pagination = pagination
|
||||
} else {
|
||||
this.$notification.error({
|
||||
message: '系统提示',
|
||||
description: res.message
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
handleAdd() {
|
||||
this.$refs.modalForm.add();
|
||||
this.$refs.modalForm.title = "新增";
|
||||
},
|
||||
handleEdit(record) {
|
||||
this.$refs.modalForm.eidt(record);
|
||||
this.$refs.modalForm.title = "配置";
|
||||
},
|
||||
handleRemove(recordId) {
|
||||
console.log('dfs', recordId)
|
||||
const _that = this
|
||||
_that.$confirm({
|
||||
title: '你确认执行删除操作吗?',
|
||||
okText: '确认',
|
||||
cancelText: '取消',
|
||||
onOk() {
|
||||
console.log('dfs', recordId)
|
||||
deleteRules({ id: recordId }).then(res => {
|
||||
if (res.code === 200) {
|
||||
_that.$notification.success({
|
||||
message: '系统提示',
|
||||
description: res.message
|
||||
})
|
||||
_that.getQueryPage()
|
||||
} else {
|
||||
_that.$notification.warning({
|
||||
message: '系统提示',
|
||||
description: res.message
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
onCancel() { }
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
164
src/views/datawashing/tempthree/rulesModel.vue
Normal file
164
src/views/datawashing/tempthree/rulesModel.vue
Normal file
|
|
@ -0,0 +1,164 @@
|
|||
<template>
|
||||
<a-modal :title="title" :width="800" :visible="visible" :confirmLoading="confirmLoading" @ok="handleOk"
|
||||
@cancel="handleCancel" okText="保存" cancelText="关闭">
|
||||
|
||||
<a-spin :spinning="confirmLoading">
|
||||
<a-form-model ref="ruleForm" :model="form" :rules="rules">
|
||||
<a-form-model-item label="表名" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="tableName">
|
||||
<a-input v-model="form.tableName" placeholder="请输入"></a-input>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="字符串策略" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="stringStrategy">
|
||||
<a-select v-model="form.stringStrategy">
|
||||
<a-select-option :value="1">直接删除</a-select-option>
|
||||
<a-select-option :value="2">复制上条数据</a-select-option>
|
||||
<a-select-option :value="3">复制下条数据</a-select-option>
|
||||
<a-select-option :value="4">空</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="数值策略" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="digitStrategy">
|
||||
<a-select v-model="form.digitStrategy">
|
||||
<a-select-option :value="1">直接删除</a-select-option>
|
||||
<a-select-option :value="2">复制上条数据</a-select-option>
|
||||
<a-select-option :value="3">复制下条数据</a-select-option>
|
||||
<a-select-option :value="4">前后均值填充</a-select-option>
|
||||
<a-select-option :value="5">填0</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="时间策略" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dateTimeStrategy">
|
||||
<a-select v-model="form.dateTimeStrategy">
|
||||
<a-select-option :value="1">直接删除</a-select-option>
|
||||
<a-select-option :value="2">前后均值填充</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
</a-form-model>
|
||||
</a-spin>
|
||||
</a-modal>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import JCron from "@/components/jeecg/JCron";
|
||||
import JSelectMultiple from '@/components/jeecg/JSelectMultiple'
|
||||
import { createRules, updateRules, queryById } from '@/api/missingvalueRules'
|
||||
|
||||
|
||||
export default {
|
||||
name: "rulesModal",
|
||||
components: {
|
||||
JCron,
|
||||
JSelectMultiple
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: "操作",
|
||||
visible: false,
|
||||
model: {},
|
||||
confirmLoading: false,
|
||||
form: {
|
||||
tableName: null,
|
||||
stringStrategy: null,
|
||||
digitStrategy: null,
|
||||
dateTimeStrategy: null
|
||||
},
|
||||
rules: {
|
||||
tableName: [{ required: true, message: '请输入表名', trigger: 'blur' }],
|
||||
stringStrategy: [{ required: true, message: '请选择字符串策略', trigger: 'change' }],
|
||||
digitStrategy: [{ required: true, message: '请选择数值策略', trigger: 'change' }],
|
||||
dateTimeStrategy: [{ required: true, message: '请选择时间策略', trigger: 'change' }]
|
||||
},
|
||||
labelCol: {
|
||||
xs: { span: 24 },
|
||||
sm: { span: 5 },
|
||||
},
|
||||
wrapperCol: {
|
||||
xs: { span: 24 },
|
||||
sm: { span: 16 },
|
||||
},
|
||||
treeData: []
|
||||
}
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
add() {
|
||||
this.form = {
|
||||
tableName: null,
|
||||
stringStrategy: null,
|
||||
digitStrategy: null,
|
||||
dateTimeStrategy: null
|
||||
}
|
||||
this.visible = true;
|
||||
},
|
||||
eidt(record) {
|
||||
if (record.id) {
|
||||
queryById({ id: record.id }).then(res => {
|
||||
if (res.code == 200) {
|
||||
this.form = res.result
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.form = {
|
||||
id: null,
|
||||
tableName: record.tableName,
|
||||
stringStrategy: null,
|
||||
digitStrategy: null,
|
||||
dateTimeStrategy: null
|
||||
}
|
||||
}
|
||||
this.visible = true;
|
||||
|
||||
},
|
||||
close() {
|
||||
this.visible = false;
|
||||
},
|
||||
handleOk() {
|
||||
this.$refs.ruleForm.validate(valid => {
|
||||
if (valid) {
|
||||
this.confirmLoading = true;
|
||||
if (!this.form.id) {
|
||||
createRules(this.form).then(res => {
|
||||
if (res.code === 200) {
|
||||
this.$notification.success({
|
||||
message: '系统提示',
|
||||
description: res.message
|
||||
})
|
||||
this.confirmLoading = false
|
||||
this.$emit('fatherMethod')
|
||||
this.handleCancel()
|
||||
} else {
|
||||
this.$notification.error({
|
||||
message: '系统提示',
|
||||
description: '操作失败'
|
||||
})
|
||||
this.confirmLoading = false
|
||||
}
|
||||
})
|
||||
} else {
|
||||
updateRules(this.form).then(res => {
|
||||
if (res.code === 200) {
|
||||
this.$notification.success({
|
||||
message: '系统提示',
|
||||
description: res.message
|
||||
})
|
||||
this.confirmLoading = false
|
||||
this.$emit('fatherMethod')
|
||||
this.handleCancel()
|
||||
} else {
|
||||
this.$notification.error({
|
||||
message: '系统提示',
|
||||
description: '操作失败'
|
||||
})
|
||||
this.confirmLoading = false
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
handleCancel() {
|
||||
this.close()
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
||||
238
src/views/datawashing/temptwo/index.vue
Normal file
238
src/views/datawashing/temptwo/index.vue
Normal file
|
|
@ -0,0 +1,238 @@
|
|||
<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="8">
|
||||
<a-form-item label="数据类型">
|
||||
<a-select placeholder="选择数据类型" option-filter-prop="children" size="large"
|
||||
v-model="queryParam.dataType" @change="handleTypeChange">
|
||||
<a-select-option v-for="item in dataTypeList" :value="item.enName">
|
||||
{{ item.cnName }}
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :md="6" :sm="8">
|
||||
<a-form-item label="表名">
|
||||
<a-input placeholder="请输入表名" v-model="queryParam.tableName" allow-clear></a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :md="6" :sm="24">
|
||||
<a-button type="primary" style="left: 10px" icon="search" @click="getQueryPage">查询</a-button>
|
||||
</a-col>
|
||||
<!-- <a-col :md="6" :sm="24" style="text-align: right;">
|
||||
<a-button type="primary" style="right: 10px" icon="plus" @click="handleAdd">新建</a-button>
|
||||
</a-col> -->
|
||||
</a-row>
|
||||
</a-form>
|
||||
</div>
|
||||
|
||||
<a-row :gutter="30" style="padding: 0 10px;">
|
||||
<a-col :md="24">
|
||||
<div class="linese"></div>
|
||||
<!-- 表格区域 -->
|
||||
<div style="height:calc(100vh - 316px);background: #e6e9f1;overflow:hidden;padding: 15px;">
|
||||
<a-table size="middle" bordered :columns="columns" :data-source="dataSource" :loading="loading"
|
||||
:pagination="pagination" :scroll="{ y: 'calc(100vh - 380px)' }" rowKey="id"
|
||||
@change="handleTableChange">
|
||||
<!-- <span slot="createTime" slot-scope="text, record">
|
||||
{{ moment(text).format('YYYY-MM-DD') }}
|
||||
</span> -->
|
||||
<span slot="action" slot-scope="text, record">
|
||||
<a @click="handleEdit(record)">配置</a>
|
||||
<a-divider v-if="record.id" type="vertical" />
|
||||
<a v-if="record.id" @click="handleRemove(record.id)">删除</a>
|
||||
</span>
|
||||
</a-table>
|
||||
</div>
|
||||
<div class="linese"></div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
|
||||
<rulesModel ref="modalForm" @fatherMethod="getQueryPage" />
|
||||
</a-card>
|
||||
</template>
|
||||
<script>
|
||||
import moment from 'moment'
|
||||
import { deleteRules, queryPage } from '@/api/missingvalueRules'
|
||||
import { dataTypeQueryAll } from '@/api/dataType'
|
||||
import rulesModel from './rulesModel.vue'
|
||||
export default {
|
||||
name: "missingvalueRules",
|
||||
components: {
|
||||
rulesModel
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
moment,
|
||||
loading: false,
|
||||
// 查询条件
|
||||
queryParam: {
|
||||
dataType: 'biandui',
|
||||
tableName: null,
|
||||
pageNum: 1,
|
||||
pageSize: 10
|
||||
},
|
||||
pagination: {
|
||||
defaultCurrent: 1, // 默认当前页数
|
||||
defaultPageSize: 10, // 默认当前页显示数据的大小total: 0, // 总数，必须先有
|
||||
showSizeChanger: true,
|
||||
showQuickJumper: false,
|
||||
pageSizeOptions: ['10', '20', '30'],
|
||||
showTotal: total => `总共 ${total} 个项目`, // 显示总数
|
||||
onShowSizeChange: (current, pageSize) => (this.pageSize = pageSize)
|
||||
},
|
||||
dataTypeList: [],
|
||||
dataSource: [],
|
||||
columns: [
|
||||
{
|
||||
title: '序号',
|
||||
width: 70,
|
||||
customRender: (text, record, index) => `${index + 1}`,
|
||||
},
|
||||
{
|
||||
title: '表名',
|
||||
align: "center",
|
||||
dataIndex: 'tableName',
|
||||
},
|
||||
{
|
||||
title: '报文名称',
|
||||
align: "center",
|
||||
dataIndex: 'msgName',
|
||||
},
|
||||
// {
|
||||
// title: '字符串策略',
|
||||
// align: "center",
|
||||
// width: 110,
|
||||
// dataIndex: 'stringStrategy',
|
||||
// },
|
||||
{
|
||||
title: '字符串策略',
|
||||
align: "center",
|
||||
dataIndex: 'stringStrategyDescribe',
|
||||
},
|
||||
// {
|
||||
// title: '数值策略',
|
||||
// align: "center",
|
||||
// width: 100,
|
||||
// dataIndex: 'digitStrategy',
|
||||
// },
|
||||
{
|
||||
title: '数值策略',
|
||||
align: "center",
|
||||
dataIndex: 'digitStrategyDescribe',
|
||||
},
|
||||
// {
|
||||
// title: '时间策略',
|
||||
// align: "center",
|
||||
// width: 100,
|
||||
// dataIndex: 'dateTimeStrategy',
|
||||
// },
|
||||
{
|
||||
title: '时间策略',
|
||||
align: "center",
|
||||
dataIndex: 'dateTimeStrategyDescribe',
|
||||
},
|
||||
{
|
||||
title: '创建时间',
|
||||
align: "center",
|
||||
dataIndex: 'createTime',
|
||||
scopedSlots: { customRender: 'createTime' },
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
key: 'action',
|
||||
width: 130,
|
||||
align: "center",
|
||||
scopedSlots: { customRender: 'action' },
|
||||
},
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
mounted() {
|
||||
|
||||
},
|
||||
computed: {
|
||||
|
||||
},
|
||||
created() {
|
||||
this.getQueryPage()
|
||||
this.getDataType()
|
||||
},
|
||||
methods: {
|
||||
getDataType() {
|
||||
dataTypeQueryAll().then(res => {
|
||||
if (res.code == 200) this.dataTypeList = res.result
|
||||
})
|
||||
},
|
||||
handleTypeChange(value) {
|
||||
this.queryParam.dataType = value
|
||||
},
|
||||
handleTableChange(pagination, filters, sorter) {
|
||||
this.pagination = pagination
|
||||
this.queryParam.pageNum = pagination.current - 1
|
||||
this.queryParam.pageSize = pagination.pageSize
|
||||
this.getQueryPage()
|
||||
},
|
||||
getQueryPage() {
|
||||
queryPage(this.queryParam).then(res => {
|
||||
if (res.code == 200) {
|
||||
const pagination = { ...this.pagination }
|
||||
pagination.total = res.result.total
|
||||
this.dataSource = res.result.rows
|
||||
this.pagination = pagination
|
||||
} else {
|
||||
this.$notification.error({
|
||||
message: '系统提示',
|
||||
description: res.message
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
handleAdd() {
|
||||
this.$refs.modalForm.add();
|
||||
this.$refs.modalForm.title = "新增";
|
||||
},
|
||||
handleEdit(record) {
|
||||
this.$refs.modalForm.eidt(record);
|
||||
this.$refs.modalForm.title = "配置";
|
||||
},
|
||||
handleRemove(recordId) {
|
||||
console.log('dfs', recordId)
|
||||
const _that = this
|
||||
_that.$confirm({
|
||||
title: '你确认执行删除操作吗?',
|
||||
okText: '确认',
|
||||
cancelText: '取消',
|
||||
onOk() {
|
||||
console.log('dfs', recordId)
|
||||
deleteRules({ id: recordId }).then(res => {
|
||||
if (res.code === 200) {
|
||||
_that.$notification.success({
|
||||
message: '系统提示',
|
||||
description: res.message
|
||||
})
|
||||
_that.getQueryPage()
|
||||
} else {
|
||||
_that.$notification.warning({
|
||||
message: '系统提示',
|
||||
description: res.message
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
onCancel() { }
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
164
src/views/datawashing/temptwo/rulesModel.vue
Normal file
164
src/views/datawashing/temptwo/rulesModel.vue
Normal file
|
|
@ -0,0 +1,164 @@
|
|||
<template>
|
||||
<a-modal :title="title" :width="800" :visible="visible" :confirmLoading="confirmLoading" @ok="handleOk"
|
||||
@cancel="handleCancel" okText="保存" cancelText="关闭">
|
||||
|
||||
<a-spin :spinning="confirmLoading">
|
||||
<a-form-model ref="ruleForm" :model="form" :rules="rules">
|
||||
<a-form-model-item label="表名" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="tableName">
|
||||
<a-input v-model="form.tableName" placeholder="请输入"></a-input>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="字符串策略" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="stringStrategy">
|
||||
<a-select v-model="form.stringStrategy">
|
||||
<a-select-option :value="1">直接删除</a-select-option>
|
||||
<a-select-option :value="2">复制上条数据</a-select-option>
|
||||
<a-select-option :value="3">复制下条数据</a-select-option>
|
||||
<a-select-option :value="4">空</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="数值策略" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="digitStrategy">
|
||||
<a-select v-model="form.digitStrategy">
|
||||
<a-select-option :value="1">直接删除</a-select-option>
|
||||
<a-select-option :value="2">复制上条数据</a-select-option>
|
||||
<a-select-option :value="3">复制下条数据</a-select-option>
|
||||
<a-select-option :value="4">前后均值填充</a-select-option>
|
||||
<a-select-option :value="5">填0</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="时间策略" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dateTimeStrategy">
|
||||
<a-select v-model="form.dateTimeStrategy">
|
||||
<a-select-option :value="1">直接删除</a-select-option>
|
||||
<a-select-option :value="2">前后均值填充</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
</a-form-model>
|
||||
</a-spin>
|
||||
</a-modal>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import JCron from "@/components/jeecg/JCron";
|
||||
import JSelectMultiple from '@/components/jeecg/JSelectMultiple'
|
||||
import { createRules, updateRules, queryById } from '@/api/missingvalueRules'
|
||||
|
||||
|
||||
export default {
|
||||
name: "rulesModal",
|
||||
components: {
|
||||
JCron,
|
||||
JSelectMultiple
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: "操作",
|
||||
visible: false,
|
||||
model: {},
|
||||
confirmLoading: false,
|
||||
form: {
|
||||
tableName: null,
|
||||
stringStrategy: null,
|
||||
digitStrategy: null,
|
||||
dateTimeStrategy: null
|
||||
},
|
||||
rules: {
|
||||
tableName: [{ required: true, message: '请输入表名', trigger: 'blur' }],
|
||||
stringStrategy: [{ required: true, message: '请选择字符串策略', trigger: 'change' }],
|
||||
digitStrategy: [{ required: true, message: '请选择数值策略', trigger: 'change' }],
|
||||
dateTimeStrategy: [{ required: true, message: '请选择时间策略', trigger: 'change' }]
|
||||
},
|
||||
labelCol: {
|
||||
xs: { span: 24 },
|
||||
sm: { span: 5 },
|
||||
},
|
||||
wrapperCol: {
|
||||
xs: { span: 24 },
|
||||
sm: { span: 16 },
|
||||
},
|
||||
treeData: []
|
||||
}
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
add() {
|
||||
this.form = {
|
||||
tableName: null,
|
||||
stringStrategy: null,
|
||||
digitStrategy: null,
|
||||
dateTimeStrategy: null
|
||||
}
|
||||
this.visible = true;
|
||||
},
|
||||
eidt(record) {
|
||||
if (record.id) {
|
||||
queryById({ id: record.id }).then(res => {
|
||||
if (res.code == 200) {
|
||||
this.form = res.result
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.form = {
|
||||
id: null,
|
||||
tableName: record.tableName,
|
||||
stringStrategy: null,
|
||||
digitStrategy: null,
|
||||
dateTimeStrategy: null
|
||||
}
|
||||
}
|
||||
this.visible = true;
|
||||
|
||||
},
|
||||
close() {
|
||||
this.visible = false;
|
||||
},
|
||||
handleOk() {
|
||||
this.$refs.ruleForm.validate(valid => {
|
||||
if (valid) {
|
||||
this.confirmLoading = true;
|
||||
if (!this.form.id) {
|
||||
createRules(this.form).then(res => {
|
||||
if (res.code === 200) {
|
||||
this.$notification.success({
|
||||
message: '系统提示',
|
||||
description: res.message
|
||||
})
|
||||
this.confirmLoading = false
|
||||
this.$emit('fatherMethod')
|
||||
this.handleCancel()
|
||||
} else {
|
||||
this.$notification.error({
|
||||
message: '系统提示',
|
||||
description: '操作失败'
|
||||
})
|
||||
this.confirmLoading = false
|
||||
}
|
||||
})
|
||||
} else {
|
||||
updateRules(this.form).then(res => {
|
||||
if (res.code === 200) {
|
||||
this.$notification.success({
|
||||
message: '系统提示',
|
||||
description: res.message
|
||||
})
|
||||
this.confirmLoading = false
|
||||
this.$emit('fatherMethod')
|
||||
this.handleCancel()
|
||||
} else {
|
||||
this.$notification.error({
|
||||
message: '系统提示',
|
||||
description: '操作失败'
|
||||
})
|
||||
this.confirmLoading = false
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
handleCancel() {
|
||||
this.close()
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
||||
Loading…
Reference in New Issue
Block a user