提交页面修改
This commit is contained in:
RenCheng
parent
11b28dccb4
commit
b245ba0ed6
2
.env
2
.env
|
|
@ -1,3 +1,3 @@
|
||||||
NODE_ENV=development
|
NODE_ENV=production
|
||||||
VUE_APP_PLATFORM_NAME=
|
VUE_APP_PLATFORM_NAME=
|
||||||
VUE_APP_SSO=false
|
VUE_APP_SSO=false
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
NODE_ENV=development
|
NODE_ENV=development
|
||||||
VUE_APP_API_BASE_URL=http://192.168.148.248:8082/jeecg-boot
|
VUE_APP_API_BASE_URL=http://rcproject.natapp1.cc/jeecg-boot
|
||||||
VUE_APP_CAS_BASE_URL=http://cas.example.org:8443/cas
|
VUE_APP_CAS_BASE_URL=http://cas.example.org:8443/cas
|
||||||
VUE_APP_ONLINE_BASE_URL=http://fileview.jeecg.com/onlinePreview
|
VUE_APP_ONLINE_BASE_URL=http://fileview.jeecg.com/onlinePreview
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
NODE_ENV=production
|
NODE_ENV=production
|
||||||
VUE_APP_API_BASE_URL=http://172.21.211.228:8081/jeecg-boot
|
VUE_APP_API_BASE_URL=http://127.0.0.1:8081/jeecg-boot
|
||||||
VUE_APP_CAS_BASE_URL=http://localhost:8888/cas
|
VUE_APP_CAS_BASE_URL=http://localhost:8888/cas
|
||||||
VUE_APP_ONLINE_BASE_URL=http://fileview.jeecg.com/onlinePreview
|
VUE_APP_ONLINE_BASE_URL=http://fileview.jeecg.com/onlinePreviewyarn
|
||||||
|
|
@ -29,7 +29,7 @@
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
indexStyle:1
|
indexStyle:2
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
|
|
|
||||||
194
src/views/data/dataCataloguing.vue
Normal file
194
src/views/data/dataCataloguing.vue
Normal file
|
|
@ -0,0 +1,194 @@
|
||||||
|
<template>
|
||||||
|
<a-row :gutter="30">
|
||||||
|
<a-col :md="11" :sm="1" >
|
||||||
|
<!-- 查询区域 -->
|
||||||
|
<a-form layout="inline" @keyup.enter.native="getTables" style="margin-top: 10px; margin-left: 4px;">
|
||||||
|
<a-row :gutter="24">
|
||||||
|
<a-col :md="10" :sm="1">
|
||||||
|
<a-form-item label="关键词">
|
||||||
|
<a-input placeholder="请输入搜索关键词" v-model="queryParam.name"></a-input>
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :md="10" :sm="2">
|
||||||
|
<a-form-item label="标签类型">
|
||||||
|
<a-select placeholder="选择标签类型" option-filter-prop="children" size="large" v-model="queryParam.type" style="width: 200px;">
|
||||||
|
<a-select-option v-for="d in dataTypedataSources" :key="d.id">
|
||||||
|
{{ d.cnName }}
|
||||||
|
</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
|
||||||
|
<a-col :md="4" :sm="3" >
|
||||||
|
<a-button type="primary" style="left: 10px" @click="loadData" icon="search">查询</a-button>
|
||||||
|
</a-col>
|
||||||
|
</span>
|
||||||
|
</a-row>
|
||||||
|
</a-form>
|
||||||
|
<!-- table区域-begin -->
|
||||||
|
<div style="height:900px;overflow-y:auto;">
|
||||||
|
<a-table
|
||||||
|
ref="table"
|
||||||
|
size="middle"
|
||||||
|
bordered
|
||||||
|
rowKey="id"
|
||||||
|
:columns="columns"
|
||||||
|
:dataSource="dataSource">
|
||||||
|
<!-- :locale="myLocale"-->
|
||||||
|
|
||||||
|
<!-- 字符串超长截取省略号显示-->
|
||||||
|
</a-table>
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
<a-col :md="2" :sm="2" >
|
||||||
|
<div style="padding-top: 100%; padding-left: 15%;">
|
||||||
|
<a-button type="primary"> <a-icon type="left" />添加标签 </a-button>
|
||||||
|
<div style="height: 50px;"></div>
|
||||||
|
<a-button type="primary">移除标签<a-icon type="right" /> </a-button>
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
<a-col :md="11" :sm="3" >
|
||||||
|
<a-form layout="inline" @keyup.enter.native="getTables" style="margin-top: 10px; margin-left: 4px;">
|
||||||
|
<a-row :gutter="24">
|
||||||
|
<a-col :md="20" :sm="1">
|
||||||
|
<a-form-item label="关键词">
|
||||||
|
<a-input placeholder="请输入搜索关键词" v-model="queryParam.name"></a-input>
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
|
||||||
|
<a-col :md="4" :sm="3" >
|
||||||
|
<a-button type="primary" style="left: 10px" @click="loadData" icon="search">查询</a-button>
|
||||||
|
</a-col>
|
||||||
|
</span>
|
||||||
|
</a-row>
|
||||||
|
</a-form>
|
||||||
|
<!-- table区域-begin -->
|
||||||
|
<div style="height:900px;overflow-y:auto;">
|
||||||
|
<a-table
|
||||||
|
ref="table"
|
||||||
|
size="middle"
|
||||||
|
bordered
|
||||||
|
rowKey="id"
|
||||||
|
:columns="columns"
|
||||||
|
:dataSource="endataSource">
|
||||||
|
<!-- :locale="myLocale"-->
|
||||||
|
|
||||||
|
<!-- 字符串超长截取省略号显示-->
|
||||||
|
</a-table>
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import store from '@/store/'
|
||||||
|
import {getAction} from '@/api/manage'
|
||||||
|
import {
|
||||||
|
dataTypePageList,
|
||||||
|
dataTypeDeleteById } from '@/api/dataType'
|
||||||
|
export default {
|
||||||
|
name: "dataManage",
|
||||||
|
components: {
|
||||||
|
},
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
description: '标准库',
|
||||||
|
contentList:[],
|
||||||
|
percent:0,
|
||||||
|
websock:{},
|
||||||
|
queryParam: {
|
||||||
|
name :"",
|
||||||
|
type:"侦察预警"
|
||||||
|
},
|
||||||
|
dataTypedataSources: [],
|
||||||
|
dataSource:[
|
||||||
|
{
|
||||||
|
tableName:"LA_DATA_TABLE_0001",
|
||||||
|
data1:"舰艇综合导航信息II",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
tableName:"LA_DATA_TABLE_0002",
|
||||||
|
data1:"动力报文",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
tableName:"LA_DATA_TABLE_0003",
|
||||||
|
data1:"电测试报文",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
tableName:"LA_DATA_TABLE_0004",
|
||||||
|
data1:"损管测试报文",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
tableName:"LA_DATA_TABLE_0005",
|
||||||
|
data1:"舰炮测试报文",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
tableName:"LA_DATA_TABLE_0006",
|
||||||
|
data1:"反潜测试报文",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
title: '#',
|
||||||
|
dataIndex: '',
|
||||||
|
key:'id',
|
||||||
|
width:60,
|
||||||
|
align:"id",
|
||||||
|
customRender:function (t,r,index) {
|
||||||
|
return parseInt(index)+1;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '表名',
|
||||||
|
align:"center",
|
||||||
|
dataIndex: 'tableName',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '报文名',
|
||||||
|
align:"center",
|
||||||
|
dataIndex: 'data1'
|
||||||
|
},
|
||||||
|
],
|
||||||
|
endataSource:[
|
||||||
|
{
|
||||||
|
tableName:"LA_DATA_TABLE_0009",
|
||||||
|
data1:"舰艇综合导航信息I",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
tableName:"LA_DATA_TABLE_0010",
|
||||||
|
data1:"动力报文I",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.getselect()
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
},
|
||||||
|
destroyed: function () {
|
||||||
|
},
|
||||||
|
created () {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
dataAdd(){
|
||||||
|
getAction("/dataSpecial/special").then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
this.$message.success(res.message);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
getselect(){
|
||||||
|
|
||||||
|
},
|
||||||
|
getTables(){
|
||||||
|
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style scoped>
|
||||||
|
@import '~@assets/less/common.less';
|
||||||
|
</style>
|
||||||
|
|
@ -1,55 +1,161 @@
|
||||||
<template>
|
<template>
|
||||||
<a-card :bordered="false">
|
<a-row :gutter="30">
|
||||||
|
<a-col :md="12" :sm="1" >
|
||||||
|
<!-- 查询区域 -->
|
||||||
|
<div class="table-page-search-wrapper">
|
||||||
|
<a-select placeholder="选择数据类型" option-filter-prop="children" @change="getTables" style="width: 40%;">
|
||||||
|
<a-select-option v-for="d in dataTypedataSources" :key="d.id">
|
||||||
|
{{ d.cnName }}
|
||||||
|
</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</div>
|
||||||
|
<!-- table区域-begin -->
|
||||||
|
<div style="height:900px;overflow-y:auto;">
|
||||||
|
<a-table
|
||||||
|
ref="table"
|
||||||
|
size="middle"
|
||||||
|
bordered
|
||||||
|
rowKey="id"
|
||||||
|
:columns="columns"
|
||||||
|
:dataSource="dataSource">
|
||||||
|
<!-- :locale="myLocale"-->
|
||||||
|
|
||||||
|
<!-- 字符串超长截取省略号显示-->
|
||||||
|
</a-table>
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
<a-col :md="12" :sm="2" >
|
||||||
|
<a-card :bordered="false">
|
||||||
<!-- 查询区域 -->
|
<!-- 查询区域 -->
|
||||||
<div class="table-page-search-wrapper">
|
<div class="table-page-search-wrapper">
|
||||||
<a-form layout="inline">
|
<a-form layout="inline">
|
||||||
<a-row :gutter="30">
|
|
||||||
|
|
||||||
<a-col :md="6" :sm="10" >
|
|
||||||
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
|
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
|
||||||
<a-button @click="dataAdd" type="primary" v-has="'cont:btn'" icon="plus">数据清洗整编</a-button>
|
<a-button @click="dataAdd" type="primary" v-has="'cont:btn'" icon="plus">数据清洗整编</a-button>
|
||||||
</span>
|
</span>
|
||||||
</a-col>
|
|
||||||
</a-row>
|
|
||||||
</a-form>
|
</a-form>
|
||||||
<a-progress :percent="percent" status="active" />
|
<a-progress :percent="percent" status="active" />
|
||||||
</div>
|
</div>
|
||||||
<!-- table区域-begin -->
|
<!-- table区域-begin -->
|
||||||
<div style="height:900px;overflow-y:auto;">
|
<div style="height:900px;overflow-y:auto;">
|
||||||
|
|
||||||
<a-list bordered :data-source="contentList">
|
<a-list bordered :data-source="contentList">
|
||||||
<a-list-item slot="renderItem" slot-scope="item, index">
|
<a-list-item slot="renderItem" slot-scope="item, index">
|
||||||
{{ item }}
|
{{ item }}
|
||||||
</a-list-item>
|
</a-list-item>
|
||||||
</a-list>
|
</a-list>
|
||||||
</div>
|
</div>
|
||||||
<!-- table区域-end -->
|
|
||||||
|
|
||||||
<!-- 表单区域 -->
|
|
||||||
|
|
||||||
</a-card>
|
</a-card>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import store from '@/store/'
|
import store from '@/store/'
|
||||||
import {getAction} from '@/api/manage'
|
import {getAction} from '@/api/manage'
|
||||||
|
import {
|
||||||
|
dataTypePageList,
|
||||||
|
dataTypeDeleteById } from '@/api/dataType'
|
||||||
export default {
|
export default {
|
||||||
name: "dataManage",
|
name: "dataCleansing",
|
||||||
components: {
|
components: {
|
||||||
},
|
},
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
description: '数据发布',
|
description: '原始库',
|
||||||
contentList:[],
|
contentList:[],
|
||||||
percent:0,
|
percent:0,
|
||||||
websock:{},
|
websock:{},
|
||||||
|
queryParam: {
|
||||||
|
pageNum :1,
|
||||||
|
pageSize:20
|
||||||
|
},
|
||||||
|
dataTypedataSources: [],
|
||||||
|
dataSource:[
|
||||||
|
{
|
||||||
|
tableName:"LA_DATA_TABLE_0001",
|
||||||
|
data1:"舰艇综合导航信息II",
|
||||||
|
data2:"2024-03-06 10:30:26",
|
||||||
|
data3:"2024-03-06 15:30:26",
|
||||||
|
data4:"侦察预警、指挥控制",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
tableName:"LA_DATA_TABLE_0002",
|
||||||
|
data1:"动力报文",
|
||||||
|
data2:"2024-03-06 10:30:26",
|
||||||
|
data3:"2024-03-06 15:30:26",
|
||||||
|
data4:"指挥控制",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
tableName:"LA_DATA_TABLE_0003",
|
||||||
|
data1:"电测试报文",
|
||||||
|
data2:"2024-03-06 10:30:26",
|
||||||
|
data3:"2024-03-06 15:30:26",
|
||||||
|
data4:"支援保障",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
tableName:"LA_DATA_TABLE_0004",
|
||||||
|
data1:"损管测试报文",
|
||||||
|
data2:"2024-03-06 10:30:26",
|
||||||
|
data3:"2024-03-06 15:30:26",
|
||||||
|
data4:"支援保障",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
tableName:"LA_DATA_TABLE_0005",
|
||||||
|
data1:"舰炮测试报文",
|
||||||
|
data2:"2024-03-06 10:30:26",
|
||||||
|
data3:"2024-03-06 15:30:26",
|
||||||
|
data4:"装备运行状态",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
tableName:"LA_DATA_TABLE_0006",
|
||||||
|
data1:"反潜测试报文",
|
||||||
|
data2:"2024-03-06 10:30:26",
|
||||||
|
data3:"2024-03-06 15:30:26",
|
||||||
|
data4:"装备运行状态",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
title: '#',
|
||||||
|
dataIndex: '',
|
||||||
|
key:'id',
|
||||||
|
width:60,
|
||||||
|
align:"id",
|
||||||
|
customRender:function (t,r,index) {
|
||||||
|
return parseInt(index)+1;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '表名',
|
||||||
|
align:"center",
|
||||||
|
dataIndex: 'tableName',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '报文名',
|
||||||
|
align:"center",
|
||||||
|
dataIndex: 'data1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '开始时间',
|
||||||
|
align:"center",
|
||||||
|
dataIndex: 'data2'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '最后更新时间',
|
||||||
|
align:"center",
|
||||||
|
dataIndex: 'data3'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '标签类型',
|
||||||
|
align:"center",
|
||||||
|
dataIndex: 'data4'
|
||||||
|
},
|
||||||
|
],
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
//初始化websocket
|
//初始化websocket
|
||||||
this.initWebSocket()
|
this.initWebSocket()
|
||||||
|
this.getselect()
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
},
|
},
|
||||||
|
|
@ -102,7 +208,26 @@
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
getselect(){
|
||||||
|
dataTypePageList(this.queryParam).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
this.dataTypedataSources = res.result.rows||res.result;
|
||||||
|
} else {
|
||||||
|
this.$message.warning(res.message);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
getTables(){
|
||||||
|
// datasyncgetTableInfo().then((res) => {
|
||||||
|
// if (res.result) {
|
||||||
|
// this.confirmLoading = false;
|
||||||
|
// this.dataSource = res.result;
|
||||||
|
// this.models = 2;
|
||||||
|
// } else {
|
||||||
|
// this.$message.warning(res.message);
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
},
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
|
|
@ -1,11 +1,36 @@
|
||||||
<template>
|
<template>
|
||||||
|
<a-row :gutter="30">
|
||||||
|
<a-col :md="12" :sm="1" >
|
||||||
|
<!-- 查询区域 -->
|
||||||
|
<div class="table-page-search-wrapper">
|
||||||
|
<a-select placeholder="选择数据类型" option-filter-prop="children" @change="getTables" style="width: 40%;">
|
||||||
|
<a-select-option v-for="d in dataTypedataSources" :key="d.id">
|
||||||
|
{{ d.cnName }}
|
||||||
|
</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</div>
|
||||||
|
<!-- table区域-begin -->
|
||||||
|
<div style="height:900px;overflow-y:auto;">
|
||||||
|
<a-table
|
||||||
|
ref="table"
|
||||||
|
size="middle"
|
||||||
|
bordered
|
||||||
|
rowKey="id"
|
||||||
|
:columns="columns"
|
||||||
|
:dataSource="dataSource">
|
||||||
|
<!-- :locale="myLocale"-->
|
||||||
|
|
||||||
|
<!-- 字符串超长截取省略号显示-->
|
||||||
|
</a-table>
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
<a-col :md="12" :sm="2" >
|
||||||
<a-card :bordered="false">
|
<a-card :bordered="false">
|
||||||
|
|
||||||
<!-- 查询区域 -->
|
<!-- 查询区域 -->
|
||||||
<div class="table-page-search-wrapper">
|
<div class="table-page-search-wrapper">
|
||||||
<a-form layout="inline">
|
<a-form layout="inline">
|
||||||
<a-row :gutter="30">
|
<a-row :gutter="30">
|
||||||
|
|
||||||
<a-col :md="6" :sm="10" >
|
<a-col :md="6" :sm="10" >
|
||||||
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
|
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
|
||||||
<a-button @click="dataAdd" type="primary" v-has="'cont:btn'" icon="plus">发布到专题库</a-button>
|
<a-button @click="dataAdd" type="primary" v-has="'cont:btn'" icon="plus">发布到专题库</a-button>
|
||||||
|
|
@ -17,39 +42,126 @@
|
||||||
</div>
|
</div>
|
||||||
<!-- table区域-begin -->
|
<!-- table区域-begin -->
|
||||||
<div style="height:900px;overflow-y:auto;">
|
<div style="height:900px;overflow-y:auto;">
|
||||||
|
|
||||||
<a-list bordered :data-source="contentList">
|
<a-list bordered :data-source="contentList">
|
||||||
<a-list-item slot="renderItem" slot-scope="item, index">
|
<a-list-item slot="renderItem" slot-scope="item, index">
|
||||||
{{ item }}
|
{{ item }}
|
||||||
</a-list-item>
|
</a-list-item>
|
||||||
</a-list>
|
</a-list>
|
||||||
</div>
|
</div>
|
||||||
<!-- table区域-end -->
|
|
||||||
|
|
||||||
<!-- 表单区域 -->
|
|
||||||
|
|
||||||
</a-card>
|
</a-card>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import store from '@/store/'
|
import store from '@/store/'
|
||||||
import {getAction} from '@/api/manage'
|
import {getAction} from '@/api/manage'
|
||||||
|
import {
|
||||||
|
dataTypePageList,
|
||||||
|
dataTypeDeleteById } from '@/api/dataType'
|
||||||
export default {
|
export default {
|
||||||
name: "dataManage",
|
name: "dataManage",
|
||||||
components: {
|
components: {
|
||||||
},
|
},
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
description: '数据发布',
|
description: '标准库',
|
||||||
contentList:[],
|
contentList:[],
|
||||||
percent:0,
|
percent:0,
|
||||||
websock:{},
|
websock:{},
|
||||||
|
queryParam: {
|
||||||
|
pageNum :1,
|
||||||
|
pageSize:20
|
||||||
|
},
|
||||||
|
dataTypedataSources: [],
|
||||||
|
dataSource:[
|
||||||
|
{
|
||||||
|
tableName:"LA_DATA_TABLE_0001",
|
||||||
|
data1:"舰艇综合导航信息II",
|
||||||
|
data2:"2024-03-06 10:30:26",
|
||||||
|
data3:"2024-03-06 15:30:26",
|
||||||
|
data4:"侦察预警、指挥控制",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
tableName:"LA_DATA_TABLE_0002",
|
||||||
|
data1:"动力报文",
|
||||||
|
data2:"2024-03-06 10:30:26",
|
||||||
|
data3:"2024-03-06 15:30:26",
|
||||||
|
data4:"指挥控制",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
tableName:"LA_DATA_TABLE_0003",
|
||||||
|
data1:"电测试报文",
|
||||||
|
data2:"2024-03-06 10:30:26",
|
||||||
|
data3:"2024-03-06 15:30:26",
|
||||||
|
data4:"支援保障",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
tableName:"LA_DATA_TABLE_0004",
|
||||||
|
data1:"损管测试报文",
|
||||||
|
data2:"2024-03-06 10:30:26",
|
||||||
|
data3:"2024-03-06 15:30:26",
|
||||||
|
data4:"支援保障",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
tableName:"LA_DATA_TABLE_0005",
|
||||||
|
data1:"舰炮测试报文",
|
||||||
|
data2:"2024-03-06 10:30:26",
|
||||||
|
data3:"2024-03-06 15:30:26",
|
||||||
|
data4:"装备运行状态",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
tableName:"LA_DATA_TABLE_0006",
|
||||||
|
data1:"反潜测试报文",
|
||||||
|
data2:"2024-03-06 10:30:26",
|
||||||
|
data3:"2024-03-06 15:30:26",
|
||||||
|
data4:"装备运行状态",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
title: '#',
|
||||||
|
dataIndex: '',
|
||||||
|
key:'id',
|
||||||
|
width:60,
|
||||||
|
align:"id",
|
||||||
|
customRender:function (t,r,index) {
|
||||||
|
return parseInt(index)+1;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '表名',
|
||||||
|
align:"center",
|
||||||
|
dataIndex: 'tableName',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '报文名',
|
||||||
|
align:"center",
|
||||||
|
dataIndex: 'data1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '开始时间',
|
||||||
|
align:"center",
|
||||||
|
dataIndex: 'data2'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '最后更新时间',
|
||||||
|
align:"center",
|
||||||
|
dataIndex: 'data3'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '标签类型',
|
||||||
|
align:"center",
|
||||||
|
dataIndex: 'data4'
|
||||||
|
},
|
||||||
|
],
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
//初始化websocket
|
//初始化websocket
|
||||||
this.initWebSocket()
|
this.initWebSocket()
|
||||||
|
this.getselect()
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
},
|
},
|
||||||
|
|
@ -99,7 +211,26 @@
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
getselect(){
|
||||||
|
dataTypePageList(this.queryParam).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
this.dataTypedataSources = res.result.rows||res.result;
|
||||||
|
} else {
|
||||||
|
this.$message.warning(res.message);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
getTables(){
|
||||||
|
// datasyncgetTableInfo().then((res) => {
|
||||||
|
// if (res.result) {
|
||||||
|
// this.confirmLoading = false;
|
||||||
|
// this.dataSource = res.result;
|
||||||
|
// this.models = 2;
|
||||||
|
// } else {
|
||||||
|
// this.$message.warning(res.message);
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
},
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
200
src/views/data/statistics.vue
Normal file
200
src/views/data/statistics.vue
Normal file
|
|
@ -0,0 +1,200 @@
|
||||||
|
<template>
|
||||||
|
<div style="margin-top: 10px; margin-left: 10px;">
|
||||||
|
<a-row>
|
||||||
|
<a-col :md="12" :sm="1">
|
||||||
|
<div id="cleaningVariance" class="cleaningVariance" ref="cleaningVariance" style="width: 820px; height: 450px; float: left"></div>
|
||||||
|
</a-col>
|
||||||
|
<a-col :md="12" :sm="2">
|
||||||
|
<div id="totalNumberCatalogues" class="totalNumberCatalogues" ref="totalNumberCatalogues" style="width: 820px; height: 450px; float: right"></div>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
<a-row>
|
||||||
|
<a-col :md="12" :sm="3">
|
||||||
|
<div id="catalogingStorage" class="catalogingStorage" ref="catalogingStorage" style="width: 820px; height: 450px;float: left"></div>
|
||||||
|
</a-col>
|
||||||
|
<a-col :md="12" :sm="4">
|
||||||
|
<div id="typeStorage" class="typeStorage" ref="typeStorage" style="width: 820px; height: 450px;float: right"></div>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getAction } from '@/api/manage'
|
||||||
|
import JEllipsis from "@/components/jeecg/JEllipsis";
|
||||||
|
export default {
|
||||||
|
name: "statistics",
|
||||||
|
components: {
|
||||||
|
JEllipsis
|
||||||
|
},
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
description: '数据统计',
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.getTables()
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
},
|
||||||
|
destroyed: function () {
|
||||||
|
},
|
||||||
|
created () {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
dataAdd(){
|
||||||
|
},
|
||||||
|
getselect(){
|
||||||
|
|
||||||
|
},
|
||||||
|
getTables(){
|
||||||
|
this.getcleaningVariance();
|
||||||
|
this.gettotalNumberCatalogues();
|
||||||
|
this.getcatalogingStorage();
|
||||||
|
this.gettypeStorage();
|
||||||
|
},
|
||||||
|
getcleaningVariance(){
|
||||||
|
var myChart = this.$echarts.init(this.$refs.cleaningVariance);
|
||||||
|
var option = {
|
||||||
|
title: {
|
||||||
|
text: '数据清洗差异统计'
|
||||||
|
},
|
||||||
|
legend: {},
|
||||||
|
tooltip: {},
|
||||||
|
dataset: {
|
||||||
|
source: [
|
||||||
|
['product', '原始库', '标准库'],
|
||||||
|
['平台', 43.3, 85.8],
|
||||||
|
['编队', 83.1, 73.4],
|
||||||
|
['航空兵', 86.4, 65.2],
|
||||||
|
['陆战队', 72.4, 53.9],
|
||||||
|
['作战', 72.4, 53.9],
|
||||||
|
['反潜', 72.4, 53.9],
|
||||||
|
['舰炮', 72.4, 53.9]
|
||||||
|
]
|
||||||
|
},
|
||||||
|
xAxis: { type: 'category' },
|
||||||
|
yAxis: {},
|
||||||
|
// Declare several bar series, each will be mapped
|
||||||
|
// to a column of dataset.source by default.
|
||||||
|
series: [{ type: 'bar' }, { type: 'bar' }],
|
||||||
|
color:['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc']
|
||||||
|
};
|
||||||
|
myChart.setOption(option);
|
||||||
|
},
|
||||||
|
gettotalNumberCatalogues(){
|
||||||
|
var myChart = this.$echarts.init(this.$refs.totalNumberCatalogues);
|
||||||
|
var option = {
|
||||||
|
title: {
|
||||||
|
text: '数据编目总量统计'
|
||||||
|
},
|
||||||
|
legend: {},
|
||||||
|
tooltip: {},
|
||||||
|
dataset: {
|
||||||
|
source: [
|
||||||
|
['product', ''],
|
||||||
|
['侦察预警', 43.3],
|
||||||
|
['指挥控制', 83.1],
|
||||||
|
['火力打击', 86.4],
|
||||||
|
['支援保障', 72.4],
|
||||||
|
['装备运行状态', 72.4],
|
||||||
|
['作战环境', 72.4]
|
||||||
|
]
|
||||||
|
},
|
||||||
|
xAxis: { type: 'category' },
|
||||||
|
yAxis: {},
|
||||||
|
// Declare several bar series, each will be mapped
|
||||||
|
// to a column of dataset.source by default.
|
||||||
|
series: [{ type: 'bar' }],
|
||||||
|
color:['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc']
|
||||||
|
};
|
||||||
|
myChart.setOption(option);
|
||||||
|
},
|
||||||
|
getcatalogingStorage(){
|
||||||
|
var myChart = this.$echarts.init(this.$refs.catalogingStorage);
|
||||||
|
var option = {
|
||||||
|
title: {
|
||||||
|
text: '数据类型存储占比统计',
|
||||||
|
left: 'left'
|
||||||
|
},
|
||||||
|
tooltip: {
|
||||||
|
trigger: 'item'
|
||||||
|
},
|
||||||
|
legend: {
|
||||||
|
bottom: 10,
|
||||||
|
left: 'center',
|
||||||
|
},
|
||||||
|
series: [
|
||||||
|
{
|
||||||
|
name: '占比',
|
||||||
|
type: 'pie',
|
||||||
|
radius: '50%',
|
||||||
|
data: [
|
||||||
|
{ value: 1048, name: '平台' },
|
||||||
|
{ value: 735, name: '编队' },
|
||||||
|
{ value: 580, name: '航空兵' },
|
||||||
|
{ value: 484, name: '陆战队' },
|
||||||
|
{ value: 300, name: '作战' },
|
||||||
|
{ value: 735, name: '反潜' },
|
||||||
|
{ value: 580, name: '舰炮' }
|
||||||
|
],
|
||||||
|
emphasis: {
|
||||||
|
itemStyle: {
|
||||||
|
shadowBlur: 10,
|
||||||
|
shadowOffsetX: 0,
|
||||||
|
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
],
|
||||||
|
color:['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc']
|
||||||
|
};
|
||||||
|
myChart.setOption(option);
|
||||||
|
},
|
||||||
|
gettypeStorage(){
|
||||||
|
var myChart = this.$echarts.init(this.$refs.typeStorage);
|
||||||
|
var option = {
|
||||||
|
title: {
|
||||||
|
text: '数据编目存储占比统计',
|
||||||
|
left: 'left'
|
||||||
|
},
|
||||||
|
tooltip: {
|
||||||
|
trigger: 'item'
|
||||||
|
},
|
||||||
|
legend: {
|
||||||
|
bottom: 10,
|
||||||
|
left: 'center',
|
||||||
|
},
|
||||||
|
series: [
|
||||||
|
{
|
||||||
|
name: '占比',
|
||||||
|
type: 'pie',
|
||||||
|
radius: '50%',
|
||||||
|
data: [
|
||||||
|
{ value: 1048, name: '侦察预警' },
|
||||||
|
{ value: 735, name: '指挥控制' },
|
||||||
|
{ value: 580, name: '火力打击' },
|
||||||
|
{ value: 484, name: '支援保障' },
|
||||||
|
{ value: 300, name: '装备运行状态' },
|
||||||
|
{ value: 300, name: '作战环境' }
|
||||||
|
],
|
||||||
|
emphasis: {
|
||||||
|
itemStyle: {
|
||||||
|
shadowBlur: 10,
|
||||||
|
shadowOffsetX: 0,
|
||||||
|
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
],
|
||||||
|
color:['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc']
|
||||||
|
};
|
||||||
|
myChart.setOption(option);
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style scoped>
|
||||||
|
@import '~@assets/less/common.less';
|
||||||
|
</style>
|
||||||
145
src/views/data/thematicLibrary.vue
Normal file
145
src/views/data/thematicLibrary.vue
Normal file
|
|
@ -0,0 +1,145 @@
|
||||||
|
<template>
|
||||||
|
<a-row :gutter="30">
|
||||||
|
<a-col :md="24" :sm="1" >
|
||||||
|
<!-- table区域-begin -->
|
||||||
|
<div style="height:900px;overflow-y:auto;">
|
||||||
|
<a-table
|
||||||
|
ref="table"
|
||||||
|
size="middle"
|
||||||
|
bordered
|
||||||
|
rowKey="id"
|
||||||
|
:columns="columns"
|
||||||
|
:dataSource="dataSource">
|
||||||
|
|
||||||
|
</a-table>
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "thematicLibrary",
|
||||||
|
components: {
|
||||||
|
},
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
description: '专题库',
|
||||||
|
contentList:[],
|
||||||
|
queryParam: {
|
||||||
|
pageNum :1,
|
||||||
|
pageSize:20
|
||||||
|
},
|
||||||
|
dataSource:[
|
||||||
|
{
|
||||||
|
tableName:"LA_DATA_TABLE_0001",
|
||||||
|
data1:"舰艇综合导航信息II",
|
||||||
|
data2:"2024-03-06 10:30:26",
|
||||||
|
data3:"2024-03-06 15:30:26",
|
||||||
|
data4:"3646135477",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
tableName:"LA_DATA_TABLE_0002",
|
||||||
|
data1:"动力报文",
|
||||||
|
data2:"2024-03-06 10:30:26",
|
||||||
|
data3:"2024-03-06 15:30:26",
|
||||||
|
data4:"92547612",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
tableName:"LA_DATA_TABLE_0003",
|
||||||
|
data1:"电测试报文",
|
||||||
|
data2:"2024-03-06 10:30:26",
|
||||||
|
data3:"2024-03-06 15:30:26",
|
||||||
|
data4:"1658432215",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
tableName:"LA_DATA_TABLE_0004",
|
||||||
|
data1:"损管测试报文",
|
||||||
|
data2:"2024-03-06 10:30:26",
|
||||||
|
data3:"2024-03-06 15:30:26",
|
||||||
|
data4:"8535411",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
tableName:"LA_DATA_TABLE_0005",
|
||||||
|
data1:"舰炮测试报文",
|
||||||
|
data2:"2024-03-06 10:30:26",
|
||||||
|
data3:"2024-03-06 15:30:26",
|
||||||
|
data4:"1235744",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
tableName:"LA_DATA_TABLE_0006",
|
||||||
|
data1:"反潜测试报文",
|
||||||
|
data2:"2024-03-06 10:30:26",
|
||||||
|
data3:"2024-03-06 15:30:26",
|
||||||
|
data4:"159748153",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
title: '#',
|
||||||
|
dataIndex: '',
|
||||||
|
key:'id',
|
||||||
|
width:60,
|
||||||
|
align:"id",
|
||||||
|
customRender:function (t,r,index) {
|
||||||
|
return parseInt(index)+1;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '表名',
|
||||||
|
align:"center",
|
||||||
|
dataIndex: 'tableName',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '报文名',
|
||||||
|
align:"center",
|
||||||
|
dataIndex: 'data1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '开始时间',
|
||||||
|
align:"center",
|
||||||
|
dataIndex: 'data2'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '最后更新时间',
|
||||||
|
align:"center",
|
||||||
|
dataIndex: 'data3'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '数据量',
|
||||||
|
align:"center",
|
||||||
|
dataIndex: 'data4'
|
||||||
|
},
|
||||||
|
],
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.getTables()
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
},
|
||||||
|
destroyed: function () {
|
||||||
|
},
|
||||||
|
created () {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getTables(){
|
||||||
|
// datasyncgetTableInfo().then((res) => {
|
||||||
|
// if (res.result) {
|
||||||
|
// this.confirmLoading = false;
|
||||||
|
// this.dataSource = res.result;
|
||||||
|
// this.models = 2;
|
||||||
|
// } else {
|
||||||
|
// this.$message.warning(res.message);
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style scoped>
|
||||||
|
@import '~@assets/less/common.less';
|
||||||
|
</style>
|
||||||
|
|
@ -139,12 +139,12 @@
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '本地名称',
|
title: '本地名称',
|
||||||
align:"dataBaseaName",
|
align:"center",
|
||||||
dataIndex: 'dataBaseaName',
|
dataIndex: 'dataBaseaName',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '数据类型',
|
title: '数据类型',
|
||||||
align:"dataTypeName",
|
align:"center",
|
||||||
dataIndex: 'dataTypeName'
|
dataIndex: 'dataTypeName'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
@ -155,17 +155,17 @@
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '开始时间',
|
title: '开始时间',
|
||||||
align:"startTime",
|
align:"center",
|
||||||
dataIndex: 'startTime',
|
dataIndex: 'startTime',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '完成时间',
|
title: '完成时间',
|
||||||
align:"endTime",
|
align:"center",
|
||||||
dataIndex: 'endTime',
|
dataIndex: 'endTime',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '完成时长',
|
title: '完成时长',
|
||||||
align:"execDuration",
|
align:"center",
|
||||||
dataIndex: 'execDuration',
|
dataIndex: 'execDuration',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
|
||||||
221
src/views/securityAndBackup/backup.vue
Normal file
221
src/views/securityAndBackup/backup.vue
Normal file
|
|
@ -0,0 +1,221 @@
|
||||||
|
<template>
|
||||||
|
<a-card :bordered="false">
|
||||||
|
|
||||||
|
<!-- 查询区域 -->
|
||||||
|
<div class="table-page-search-wrapper">
|
||||||
|
<a-form layout="inline" @keyup.enter.native="searchQuery">
|
||||||
|
<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.schemaName">
|
||||||
|
<a-select-option v-for="d in allSchemaName" :key="d">
|
||||||
|
{{ d }}
|
||||||
|
</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
|
||||||
|
<a-col :md="6" :sm="24" >
|
||||||
|
<a-button type="primary" style="left: 10px" @click="loadData" icon="search">查询</a-button>
|
||||||
|
<a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px;left: 10px">重置</a-button>
|
||||||
|
</a-col>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
</a-row>
|
||||||
|
</a-form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- table区域-begin -->
|
||||||
|
<div style="height:900px;overflow-y:auto;">
|
||||||
|
<a-table
|
||||||
|
ref="table"
|
||||||
|
size="middle"
|
||||||
|
bordered
|
||||||
|
rowKey="id"
|
||||||
|
:columns="columns"
|
||||||
|
:dataSource="dataSource"
|
||||||
|
:pagination="ipagination"
|
||||||
|
:loading="loading"
|
||||||
|
:rowSelection="{selectedRowKeys: selectedRowKeys,onChange: onSelectChange}"
|
||||||
|
@change="handleTableChange">
|
||||||
|
<!-- :locale="myLocale"-->
|
||||||
|
|
||||||
|
<!-- 字符串超长截取省略号显示-->
|
||||||
|
<template slot="Status" slot-scope="text">
|
||||||
|
<span style="color:black;" v-if="text === 0" >未备份</span>
|
||||||
|
<span style="color:darkorange;" v-if="text === 1">备份中</span>
|
||||||
|
<span style="color:#87d068;" v-if="text === 2">完成</span>
|
||||||
|
</template>
|
||||||
|
<span slot="action" slot-scope="text, record">
|
||||||
|
<a @click="handleEdit(record)" v-has="'cont:btn'">详情</a>
|
||||||
|
<a-divider type="vertical" v-has="'cont:btn'" />
|
||||||
|
<a v-has="'cont:btn'">查看日志</a>
|
||||||
|
<a-divider type="vertical" v-has="'cont:btn'" />
|
||||||
|
<a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
|
||||||
|
<a>删除</a>
|
||||||
|
</a-popconfirm>
|
||||||
|
</span>
|
||||||
|
</a-table>
|
||||||
|
</div>
|
||||||
|
<!-- table区域-end -->
|
||||||
|
|
||||||
|
<!-- 表单区域 -->
|
||||||
|
</a-card>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { shipModelPageList,
|
||||||
|
shipModeldeleteById } from '@/api/ship'
|
||||||
|
import { getAction} from '@/api/manage'
|
||||||
|
import { taskCreate,
|
||||||
|
taskUpdateById,
|
||||||
|
taskQueryById,
|
||||||
|
taskPageList,
|
||||||
|
taskDistributeTask,
|
||||||
|
taskDeleteById } from '@/api/task'
|
||||||
|
import { JeecgListMixin } from '@/mixins/JeecgListMixin'
|
||||||
|
import JEllipsis from "@/components/jeecg/JEllipsis";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "backup",
|
||||||
|
mixins:[JeecgListMixin],
|
||||||
|
components: {
|
||||||
|
JEllipsis,
|
||||||
|
VNodes: {
|
||||||
|
functional: true,
|
||||||
|
render: (h, ctx) => ctx.props.vnodes,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
description: '数据库备份',
|
||||||
|
dataSource: [
|
||||||
|
{
|
||||||
|
id:"1",
|
||||||
|
name:"第一次备份",
|
||||||
|
createTime:"2024-03-06 10:30:26",
|
||||||
|
startTime:"2024-03-06 10:30:26",
|
||||||
|
startTime:"2024-03-06 15:30:26",
|
||||||
|
Status:2
|
||||||
|
}
|
||||||
|
],
|
||||||
|
schemaName:"",
|
||||||
|
allSchemaName:[],
|
||||||
|
queryParam: {
|
||||||
|
pageNum :1,
|
||||||
|
pageSize:20
|
||||||
|
},
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
title: '#',
|
||||||
|
dataIndex: '',
|
||||||
|
key:'id',
|
||||||
|
width:60,
|
||||||
|
align:"id",
|
||||||
|
customRender:function (t,r,index) {
|
||||||
|
return parseInt(index)+1;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '任务名称',
|
||||||
|
align:"center",
|
||||||
|
dataIndex: 'name',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '创建时间',
|
||||||
|
align:"center",
|
||||||
|
dataIndex: 'createTime'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '备份开始时间',
|
||||||
|
align:"center",
|
||||||
|
dataIndex: 'startTime'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '备份结束时间',
|
||||||
|
align:"center",
|
||||||
|
dataIndex: 'endTime',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '备份状态',
|
||||||
|
align:"center",
|
||||||
|
dataIndex: 'Status',
|
||||||
|
scopedSlots: { customRender: 'Status' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '操作',
|
||||||
|
dataIndex: 'action',
|
||||||
|
align:"center",
|
||||||
|
width:180,
|
||||||
|
scopedSlots: { customRender: 'action' },
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
},
|
||||||
|
created () {
|
||||||
|
this.getAllSchemaName();
|
||||||
|
this.loadData();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
//筛选需要重写handleTableChange
|
||||||
|
handleTableChange(pagination, filters, sorter) {
|
||||||
|
//分页、排序、筛选变化时触发
|
||||||
|
//TODO 筛选
|
||||||
|
if (Object.keys(sorter).length > 0) {
|
||||||
|
this.isorter.column = sorter.field;
|
||||||
|
this.isorter.order = "ascend" == sorter.order ? "asc" : "desc"
|
||||||
|
}
|
||||||
|
this.ipagination = pagination;
|
||||||
|
this.loadData();
|
||||||
|
},
|
||||||
|
getAllSchemaName(){
|
||||||
|
getAction("/fileDataLink/getAllSchemaName").then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
console.log(res)
|
||||||
|
this.allSchemaName = res.result;
|
||||||
|
}else{
|
||||||
|
this.$message.warning(res.message);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
loadData() {
|
||||||
|
|
||||||
|
},
|
||||||
|
handleDelete: function (id) {
|
||||||
|
var that = this;
|
||||||
|
taskDeleteById({id: id}).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
that.$message.success(res.message);
|
||||||
|
that.loadData();
|
||||||
|
} else {
|
||||||
|
that.$message.warning(res.message);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
handleEdit: function (record) {
|
||||||
|
this.$refs.modalForm.edit(record);
|
||||||
|
this.$refs.modalForm.title = "编辑";
|
||||||
|
},
|
||||||
|
handleDistribute:function (id) {
|
||||||
|
var that = this;
|
||||||
|
taskDistributeTask({id: id}).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
that.$message.success(res.message);
|
||||||
|
that.loadData();
|
||||||
|
} else {
|
||||||
|
that.$message.warning(res.message);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
handleAdd() {
|
||||||
|
this.$refs.modalForm.add();
|
||||||
|
this.$refs.modalForm.title = "新增";
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style scoped>
|
||||||
|
@import '~@assets/less/common.less';
|
||||||
|
</style>
|
||||||
221
src/views/securityAndBackup/recovery.vue
Normal file
221
src/views/securityAndBackup/recovery.vue
Normal file
|
|
@ -0,0 +1,221 @@
|
||||||
|
<template>
|
||||||
|
<a-card :bordered="false">
|
||||||
|
|
||||||
|
<!-- 查询区域 -->
|
||||||
|
<div class="table-page-search-wrapper">
|
||||||
|
<a-form layout="inline" @keyup.enter.native="searchQuery">
|
||||||
|
<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.schemaName" >
|
||||||
|
<a-select-option v-for="d in allSchemaName" :key="d">
|
||||||
|
{{ d }}
|
||||||
|
</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
|
||||||
|
<a-col :md="6" :sm="24" >
|
||||||
|
<a-button type="primary" style="left: 10px" @click="loadData" icon="search">查询</a-button>
|
||||||
|
<a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px;left: 10px">重置</a-button>
|
||||||
|
</a-col>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
</a-row>
|
||||||
|
</a-form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- table区域-begin -->
|
||||||
|
<div style="height:900px;overflow-y:auto;">
|
||||||
|
<a-table
|
||||||
|
ref="table"
|
||||||
|
size="middle"
|
||||||
|
bordered
|
||||||
|
rowKey="id"
|
||||||
|
:columns="columns"
|
||||||
|
:dataSource="dataSource"
|
||||||
|
:pagination="ipagination"
|
||||||
|
:loading="loading"
|
||||||
|
:rowSelection="{selectedRowKeys: selectedRowKeys,onChange: onSelectChange}"
|
||||||
|
@change="handleTableChange">
|
||||||
|
<!-- :locale="myLocale"-->
|
||||||
|
|
||||||
|
<!-- 字符串超长截取省略号显示-->
|
||||||
|
<template slot="Status" slot-scope="text">
|
||||||
|
<span style="color:black;" v-if="text === 0" >未恢复</span>
|
||||||
|
<span style="color:darkorange;" v-if="text === 1">恢复中</span>
|
||||||
|
<span style="color:#87d068;" v-if="text === 2">完成</span>
|
||||||
|
</template>
|
||||||
|
<span slot="action" slot-scope="text, record">
|
||||||
|
<a @click="handleEdit(record)" v-has="'cont:btn'">恢复备份</a>
|
||||||
|
<a-divider type="vertical" v-has="'cont:btn'" />
|
||||||
|
<a v-has="'cont:btn'">恢复日志</a>
|
||||||
|
<a-divider type="vertical" v-has="'cont:btn'" />
|
||||||
|
<a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
|
||||||
|
<a>删除</a>
|
||||||
|
</a-popconfirm>
|
||||||
|
</span>
|
||||||
|
</a-table>
|
||||||
|
</div>
|
||||||
|
<!-- table区域-end -->
|
||||||
|
|
||||||
|
<!-- 表单区域 -->
|
||||||
|
</a-card>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { shipModelPageList,
|
||||||
|
shipModeldeleteById } from '@/api/ship'
|
||||||
|
import { getAction} from '@/api/manage'
|
||||||
|
import { taskCreate,
|
||||||
|
taskUpdateById,
|
||||||
|
taskQueryById,
|
||||||
|
taskPageList,
|
||||||
|
taskDistributeTask,
|
||||||
|
taskDeleteById } from '@/api/task'
|
||||||
|
import { JeecgListMixin } from '@/mixins/JeecgListMixin'
|
||||||
|
import JEllipsis from "@/components/jeecg/JEllipsis";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "recovery",
|
||||||
|
mixins:[JeecgListMixin],
|
||||||
|
components: {
|
||||||
|
JEllipsis,
|
||||||
|
VNodes: {
|
||||||
|
functional: true,
|
||||||
|
render: (h, ctx) => ctx.props.vnodes,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
description: '数据库恢复',
|
||||||
|
dataSource: [
|
||||||
|
{
|
||||||
|
id:"1",
|
||||||
|
name:"第一次备份",
|
||||||
|
createTime:"2024-03-06 10:30:26",
|
||||||
|
startTime:"2024-03-06 10:30:26",
|
||||||
|
startTime:"2024-03-06 15:30:26",
|
||||||
|
Status:0
|
||||||
|
}
|
||||||
|
],
|
||||||
|
schemaName:"",
|
||||||
|
allSchemaName:[],
|
||||||
|
queryParam: {
|
||||||
|
pageNum :1,
|
||||||
|
pageSize:20
|
||||||
|
},
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
title: '#',
|
||||||
|
dataIndex: '',
|
||||||
|
key:'id',
|
||||||
|
width:60,
|
||||||
|
align:"id",
|
||||||
|
customRender:function (t,r,index) {
|
||||||
|
return parseInt(index)+1;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '任务名称',
|
||||||
|
align:"center",
|
||||||
|
dataIndex: 'name',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '创建时间',
|
||||||
|
align:"center",
|
||||||
|
dataIndex: 'createTime'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '备份开始时间',
|
||||||
|
align:"center",
|
||||||
|
dataIndex: 'startTime'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '备份结束时间',
|
||||||
|
align:"center",
|
||||||
|
dataIndex: 'endTime',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '备份状态',
|
||||||
|
align:"center",
|
||||||
|
dataIndex: 'Status',
|
||||||
|
scopedSlots: { customRender: 'Status' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '操作',
|
||||||
|
dataIndex: 'action',
|
||||||
|
align:"center",
|
||||||
|
width:180,
|
||||||
|
scopedSlots: { customRender: 'action' },
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
},
|
||||||
|
created () {
|
||||||
|
this.getAllSchemaName();
|
||||||
|
this.loadData();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
//筛选需要重写handleTableChange
|
||||||
|
handleTableChange(pagination, filters, sorter) {
|
||||||
|
//分页、排序、筛选变化时触发
|
||||||
|
//TODO 筛选
|
||||||
|
if (Object.keys(sorter).length > 0) {
|
||||||
|
this.isorter.column = sorter.field;
|
||||||
|
this.isorter.order = "ascend" == sorter.order ? "asc" : "desc"
|
||||||
|
}
|
||||||
|
this.ipagination = pagination;
|
||||||
|
this.loadData();
|
||||||
|
},
|
||||||
|
getAllSchemaName(){
|
||||||
|
getAction("/fileDataLink/getAllSchemaName").then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
console.log(res)
|
||||||
|
this.allSchemaName = res.result;
|
||||||
|
}else{
|
||||||
|
this.$message.warning(res.message);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
loadData() {
|
||||||
|
|
||||||
|
},
|
||||||
|
handleDelete: function (id) {
|
||||||
|
var that = this;
|
||||||
|
taskDeleteById({id: id}).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
that.$message.success(res.message);
|
||||||
|
that.loadData();
|
||||||
|
} else {
|
||||||
|
that.$message.warning(res.message);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
handleEdit: function (record) {
|
||||||
|
this.$refs.modalForm.edit(record);
|
||||||
|
this.$refs.modalForm.title = "编辑";
|
||||||
|
},
|
||||||
|
handleDistribute:function (id) {
|
||||||
|
var that = this;
|
||||||
|
taskDistributeTask({id: id}).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
that.$message.success(res.message);
|
||||||
|
that.loadData();
|
||||||
|
} else {
|
||||||
|
that.$message.warning(res.message);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
handleAdd() {
|
||||||
|
this.$refs.modalForm.add();
|
||||||
|
this.$refs.modalForm.title = "新增";
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style scoped>
|
||||||
|
@import '~@assets/less/common.less';
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue
Block a user