提交页面修改
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_SSO=false
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
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_ONLINE_BASE_URL=http://fileview.jeecg.com/onlinePreview
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
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_ONLINE_BASE_URL=http://fileview.jeecg.com/onlinePreview
|
||||
VUE_APP_ONLINE_BASE_URL=http://fileview.jeecg.com/onlinePreviewyarn
|
||||
|
|
@ -29,7 +29,7 @@
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
indexStyle:1
|
||||
indexStyle:2
|
||||
}
|
||||
},
|
||||
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>
|
||||
<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"-->
|
||||
|
||||
<!-- 查询区域 -->
|
||||
<div class="table-page-search-wrapper">
|
||||
<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">
|
||||
<a-button @click="dataAdd" type="primary" v-has="'cont:btn'" icon="plus">数据清洗整编</a-button>
|
||||
</span>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form>
|
||||
<a-progress :percent="percent" status="active" />
|
||||
</div>
|
||||
<!-- table区域-begin -->
|
||||
<div style="height:900px;overflow-y:auto;">
|
||||
|
||||
<a-list bordered :data-source="contentList">
|
||||
<a-list-item slot="renderItem" slot-scope="item, index">
|
||||
{{ item }}
|
||||
</a-list-item>
|
||||
</a-list>
|
||||
</div>
|
||||
<!-- table区域-end -->
|
||||
|
||||
<!-- 表单区域 -->
|
||||
|
||||
</a-card>
|
||||
<!-- 字符串超长截取省略号显示-->
|
||||
</a-table>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :md="12" :sm="2" >
|
||||
<a-card :bordered="false">
|
||||
<!-- 查询区域 -->
|
||||
<div class="table-page-search-wrapper">
|
||||
<a-form layout="inline">
|
||||
<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>
|
||||
</span>
|
||||
</a-form>
|
||||
<a-progress :percent="percent" status="active" />
|
||||
</div>
|
||||
<!-- table区域-begin -->
|
||||
<div style="height:900px;overflow-y:auto;">
|
||||
<a-list bordered :data-source="contentList">
|
||||
<a-list-item slot="renderItem" slot-scope="item, index">
|
||||
{{ item }}
|
||||
</a-list-item>
|
||||
</a-list>
|
||||
</div>
|
||||
</a-card>
|
||||
</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",
|
||||
name: "dataCleansing",
|
||||
components: {
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
description: '数据发布',
|
||||
description: '原始库',
|
||||
contentList:[],
|
||||
percent:0,
|
||||
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() {
|
||||
//初始化websocket
|
||||
this.initWebSocket()
|
||||
this.getselect()
|
||||
},
|
||||
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>
|
||||
|
|
|
|||
|
|
@ -1,55 +1,167 @@
|
|||
<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"-->
|
||||
|
||||
<!-- 查询区域 -->
|
||||
<div class="table-page-search-wrapper">
|
||||
<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">
|
||||
<a-button @click="dataAdd" type="primary" v-has="'cont:btn'" icon="plus">发布到专题库</a-button>
|
||||
</span>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form>
|
||||
<a-progress :percent="percent" status="active" />
|
||||
</div>
|
||||
<!-- table区域-begin -->
|
||||
<div style="height:900px;overflow-y:auto;">
|
||||
|
||||
<a-list bordered :data-source="contentList">
|
||||
<a-list-item slot="renderItem" slot-scope="item, index">
|
||||
{{ item }}
|
||||
</a-list-item>
|
||||
</a-list>
|
||||
</div>
|
||||
<!-- table区域-end -->
|
||||
|
||||
<!-- 表单区域 -->
|
||||
|
||||
</a-card>
|
||||
<!-- 字符串超长截取省略号显示-->
|
||||
</a-table>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :md="12" :sm="2" >
|
||||
<a-card :bordered="false">
|
||||
|
||||
<!-- 查询区域 -->
|
||||
<div class="table-page-search-wrapper">
|
||||
<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">
|
||||
<a-button @click="dataAdd" type="primary" v-has="'cont:btn'" icon="plus">发布到专题库</a-button>
|
||||
</span>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form>
|
||||
<a-progress :percent="percent" status="active" />
|
||||
</div>
|
||||
<!-- table区域-begin -->
|
||||
<div style="height:900px;overflow-y:auto;">
|
||||
<a-list bordered :data-source="contentList">
|
||||
<a-list-item slot="renderItem" slot-scope="item, index">
|
||||
{{ item }}
|
||||
</a-list-item>
|
||||
</a-list>
|
||||
</div>
|
||||
</a-card>
|
||||
</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: '数据发布',
|
||||
description: '标准库',
|
||||
contentList:[],
|
||||
percent:0,
|
||||
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() {
|
||||
//初始化websocket
|
||||
this.initWebSocket()
|
||||
this.getselect()
|
||||
},
|
||||
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>
|
||||
|
|
|
|||
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: '本地名称',
|
||||
align:"dataBaseaName",
|
||||
align:"center",
|
||||
dataIndex: 'dataBaseaName',
|
||||
},
|
||||
{
|
||||
title: '数据类型',
|
||||
align:"dataTypeName",
|
||||
align:"center",
|
||||
dataIndex: 'dataTypeName'
|
||||
},
|
||||
{
|
||||
|
|
@ -155,17 +155,17 @@
|
|||
},
|
||||
{
|
||||
title: '开始时间',
|
||||
align:"startTime",
|
||||
align:"center",
|
||||
dataIndex: 'startTime',
|
||||
},
|
||||
{
|
||||
title: '完成时间',
|
||||
align:"endTime",
|
||||
align:"center",
|
||||
dataIndex: 'endTime',
|
||||
},
|
||||
{
|
||||
title: '完成时长',
|
||||
align:"execDuration",
|
||||
align:"center",
|
||||
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