From b245ba0ed69d5eada4b75eb8df2014d994b7db7a Mon Sep 17 00:00:00 2001
From: RenCheng <RCMessage@outlook.com>
Date: Fri, 7 Mar 2025 15:44:35 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E9=A1=B5=E9=9D=A2=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env                                     |   2 +-
 .env.development                         |   2 +-
 .env.production                          |   4 +-
 src/views/dashboard/Analysis.vue         |   2 +-
 src/views/data/dataCataloguing.vue       | 194 ++++++++++++++++++++
 src/views/data/dataCleansing.vue         | 191 ++++++++++++++++----
 src/views/data/dataManage.vue            | 195 ++++++++++++++++----
 src/views/data/statistics.vue            | 200 ++++++++++++++++++++
 src/views/data/thematicLibrary.vue       | 145 +++++++++++++++
 src/views/datalink/dblink.vue            |  10 +-
 src/views/securityAndBackup/backup.vue   | 221 +++++++++++++++++++++++
 src/views/securityAndBackup/recovery.vue | 221 +++++++++++++++++++++++
 12 files changed, 1312 insertions(+), 75 deletions(-)
 create mode 100644 src/views/data/dataCataloguing.vue
 create mode 100644 src/views/data/statistics.vue
 create mode 100644 src/views/data/thematicLibrary.vue
 create mode 100644 src/views/securityAndBackup/backup.vue
 create mode 100644 src/views/securityAndBackup/recovery.vue

diff --git a/.env b/.env
index cda90cf..a671188 100644
--- a/.env
+++ b/.env
@@ -1,3 +1,3 @@
-NODE_ENV=development
+NODE_ENV=production
 VUE_APP_PLATFORM_NAME=
 VUE_APP_SSO=false
\ No newline at end of file
diff --git a/.env.development b/.env.development
index 06ba23c..0a6098f 100644
--- a/.env.development
+++ b/.env.development
@@ -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
\ No newline at end of file
diff --git a/.env.production b/.env.production
index 92d2766..4aaa39c 100644
--- a/.env.production
+++ b/.env.production
@@ -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
\ No newline at end of file
+VUE_APP_ONLINE_BASE_URL=http://fileview.jeecg.com/onlinePreviewyarn
\ No newline at end of file
diff --git a/src/views/dashboard/Analysis.vue b/src/views/dashboard/Analysis.vue
index 50808c6..01204d7 100644
--- a/src/views/dashboard/Analysis.vue
+++ b/src/views/dashboard/Analysis.vue
@@ -29,7 +29,7 @@
     },
     data() {
       return {
-        indexStyle:1
+        indexStyle:2
       }
     },
     created() {
diff --git a/src/views/data/dataCataloguing.vue b/src/views/data/dataCataloguing.vue
new file mode 100644
index 0000000..a432dd8
--- /dev/null
+++ b/src/views/data/dataCataloguing.vue
@@ -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>
\ No newline at end of file
diff --git a/src/views/data/dataCleansing.vue b/src/views/data/dataCleansing.vue
index 3dd67dd..33ad9b4 100644
--- a/src/views/data/dataCleansing.vue
+++ b/src/views/data/dataCleansing.vue
@@ -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>
diff --git a/src/views/data/dataManage.vue b/src/views/data/dataManage.vue
index c1e374f..84ebc0c 100644
--- a/src/views/data/dataManage.vue
+++ b/src/views/data/dataManage.vue
@@ -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>
diff --git a/src/views/data/statistics.vue b/src/views/data/statistics.vue
new file mode 100644
index 0000000..e30b4ab
--- /dev/null
+++ b/src/views/data/statistics.vue
@@ -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>
\ No newline at end of file
diff --git a/src/views/data/thematicLibrary.vue b/src/views/data/thematicLibrary.vue
new file mode 100644
index 0000000..b655878
--- /dev/null
+++ b/src/views/data/thematicLibrary.vue
@@ -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>
\ No newline at end of file
diff --git a/src/views/datalink/dblink.vue b/src/views/datalink/dblink.vue
index accb94e..2304315 100644
--- a/src/views/datalink/dblink.vue
+++ b/src/views/datalink/dblink.vue
@@ -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',
           },
           {
diff --git a/src/views/securityAndBackup/backup.vue b/src/views/securityAndBackup/backup.vue
new file mode 100644
index 0000000..ad574e4
--- /dev/null
+++ b/src/views/securityAndBackup/backup.vue
@@ -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>
\ No newline at end of file
diff --git a/src/views/securityAndBackup/recovery.vue b/src/views/securityAndBackup/recovery.vue
new file mode 100644
index 0000000..6c18edf
--- /dev/null
+++ b/src/views/securityAndBackup/recovery.vue
@@ -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>
\ No newline at end of file